/* main-style.css */

/* Style chung cho thẻ main */
main {
    /* padding: 50px 0; */
   
}

/* Tiêu đề chính */
/* main h1 , .partner-title{
    text-align: center;
    font-size: 60px;
    font-weight: bold;
    font-family: -apple-system;
    text-transform: uppercase; 
    background: repeating-conic-gradient(#ca328e 12.33%, rgb(189, 76, 208) 19.33%, rgb(22, 56, 169) 31.93%, #ff5722 48.74%,
             rgb(113, 233, 168) 57.56%, #dd2a4b 70.59%, rgb(211, 24, 91) 76.47%, #d231b1 89.5%);
    -webkit-text-fill-color: rgba(195, 54, 54, 0);
    -webkit-background-clip: text;
} */
@keyframes gradientAnimation {
    0% {
      border-image: linear-gradient(to right, red, orange, yellow, green, rgb(189, 76, 208), rgb(87, 229, 130), rgb(79, 223, 248), blue, indigo, violet) 1;
    }
    50% {
      border-image: linear-gradient(to right, violet, indigo, blue, rgb(79, 223, 248), rgb(87, 229, 130), rgb(189, 76, 208), green, yellow, orange, red) 1;
    }
    100% {
      border-image: linear-gradient(to right, red, orange, yellow, green, rgb(189, 76, 208), rgb(87, 229, 130), rgb(79, 223, 248), blue, indigo, violet) 1;
    }
  }
.bordercd:hover{
    width: 100%;
    border: 4px solid;
    border-image: linear-gradient(to right, red, orange, yellow, green, rgb(189, 76, 208), rgb(87, 229, 130), rgb(79, 223, 248), blue, indigo, violet) 1;
    animation: gradientAnimation 0.8s infinite;
}

/* Phần service */
.service {
   
    background: #ffffff;
}

.single-service-item {
    background: #fff;
    border: 1px solid #eee;
    padding: 30px;
    text-align: center;
    transition: all 0.3s ease;
}

.single-service-item:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.1);
    transform: translateY(-5px);
}

.single-service-icon i {
    font-size: 50px;
    color: #f05454;
    margin-bottom: 20px;
}

/* Phần new cars */
.new-cars {
    padding: 60px 0;
    background-color: #f1f1f1;
}

.new-cars-txt h2 a {
    color: #222;
    font-size: 28px;
    font-weight: bold;
}

.new-cars-txt p {
    color: #555;
    margin-top: 15px;
}

.welcome-btn.new-cars-btn {
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #f05454;
    color: #fff;
    border: none;
    cursor: pointer;
}

.welcome-btn.new-cars-btn:hover {
    background-color: #d94343;
}

/* Phần featured cars */
.featured-cars {
    padding: 60px 0;
    background: #ffffff;
}

.single-featured-cars {
    background: #fff;
    border: 1px solid #eee;
    padding: 15px;
    margin-bottom: 30px;
    transition: all 0.3s ease;
}

.single-featured-cars:hover {
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
    transform: translateY(-5px);
}


.featured-cars-txt h3 {
    color: #f05454;
    font-size: 20px;
    margin-top: 10px;
}

.featured-cars-txt p {
    color: #555;
    margin-top: 10px;
}
.featured-cars-img img {
    width: 100%;
    height: 121px;
}

.featured-cars-txt h2{
    height: 72px;
}
.featured-cars-txt h2 a{
    color: #222;
    font-size: 20px;
    font-weight: bold;
    height: 69px;
}

.partner{
    background-color: #f05454;
   
}

#new_cars{
    background-color: #ffffff;
    padding-bottom: 0;
}
.new-cars-title{
    background: repeating-conic-gradient(#ca328e 12.33%, rgb(189, 76, 208) 19.33%, rgb(22, 56, 169) 31.93%, #ff5722 48.74%,
             rgb(113, 233, 168) 57.56%, #dd2a4b 70.59%, rgb(211, 24, 91) 76.47%, #d231b1 89.5%);
    -webkit-text-fill-color: rgba(195, 54, 54, 0);
    -webkit-background-clip: text;
    text-transform: uppercase;
    font-weight: bold;
}
@keyframes rainbowMove {
    0% {
        background-position: 0%;
    }
    100% {
        background-position: 100%;
    }
}
.new-cars-description{
    background: repeating-conic-gradient(#ca328e 12.33%, rgb(189, 76, 208) 19.33%, rgb(22, 56, 169) 31.93%, #ff5722 48.74%,
             rgb(113, 233, 168) 57.56%, #dd2a4b 70.59%, rgb(211, 24, 91) 76.47%, #d231b1 89.5%);
    -webkit-text-fill-color: rgba(195, 54, 54, 0);
    -webkit-background-clip: text;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
}

.nhanvien-content {
  padding: 40px 0;
}

.nhanvien-list {
  background-color: #ffffff; /* màu nền nhạt */

  border-radius: 8px;
  padding: 20px;
  text-align: center;

  transition: transform 0.3s ease;
  height: 100%; /* giúp các cột đều chiều cao */
}

.nhanvien-list:hover {
  border: 1px solid #ccc;
  transform: translateY(-5px);
  box-shadow: 0 8px 16px rgba(0,0,0,0.1);
}

.nhanvien-list img {
  max-width: 100%;
  height: auto;
  border-radius: 50%;
  object-fit: cover;
  width: 150px;
  height: 150px;
  margin-bottom: 15px;
}

.nhanvien-list h2 {
  font-size: 20px;
  font-weight: bold;
  color: #343a40;
  margin-bottom: 10px;
}

.nhanvien-list p {
  margin-bottom: 5px;
  color: #6c757d;
}
#contact{
    padding: 60px 0;
}
.testimonials .card {
    border: none;
    background-color: #fff;
    transition: all 0.3s ease;
}
.testimonials .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.1);
}