:root {
  --primary: #BC8667;
  --secondary: #FCF6E6;
  --light: #FCF6E6;
  --dark: #211E1C;
}
body {
  background-color: #FDF9F2 !important;
}
.bg-primary {
  background-color: #BC8667 !important;
}

.bg-secondary {
  background-color: #FCF6E6 !important;
}

.bg-light {
  background-color:#F2DAAE !important;
}

.btn-primary {
  color: #211E1C;
  background-color: #BC8667;
  border-color: #BC8667;
}

.btn-primary:hover {
  color: #211E1C;
  background-color: #e8c292;
  border-color: #e5be8a;
}

.btn-outline-primary {
  color: #BC8667;
  border-color: #BC8667;
}

.btn-outline-primary:hover {
  color: #211E1C;
  background-color: #BC8667;
  border-color: #BC8667;
}

.text-primary {
  color: #BC8667 !important;
}

.border-primary {
  border-color: #BC8667 !important;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active {
  background-color: #e5be8a;
  border-color: #e2b880;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link.active {
  color: #BC8667;
}

.carousel-indicators .active {
  background: #BC8667;
}

.service-item .service-text {
  background: rgba(33, 30, 28, 0.5);
}

.testimonial-carousel .owl-dot {
  background: #FCF6E6;
  border-color: #BC8667;
}

.testimonial-carousel .owl-dot.active {
  background: #BC8667;
}

.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #BC8667;
  border-color: #BC8667;
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
  background-color: #BC8667;
  border-color: #BC8667;
}

.page-item.active .page-link {
  background-color: #BC8667;
  border-color: #BC8667;
}

a.text-primary:hover,
a.text-primary:focus {
  color: #e2b880 !important;
}

.progress-bar {
  background-color: #BC8667;
}

.list-group-item.active {
  background-color: #BC8667;
  border-color: #BC8667;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  background-color: #BC8667;
}

.dropdown-item.active,
.dropdown-item:active {
  background-color: #BC8667;
}

.badge-primary {
  color: #211E1C;
  background-color: #BC8667;
}

.team .team-text {
  background-color: #BC8667;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 209, 173, 0.5);
}

.btn-primary:focus,
.btn-primary.focus {
  box-shadow: 0 0 0 0.2rem rgba(239, 209, 173, 0.5);
}
.email_m{color: #757575;}
.owl-carousel .owl-item{min-height: 540px !important;
  background: #fff !important;}
  .service-item img{margin-top: 0;height: 450px;object-fit: cover;}
  .service-item:hover .service-text{height: calc(100% + 0px);}
  /* Benefit Carousel 样式 */
.benefit-item {
background: #fff;
border-radius: 8px;
overflow: hidden;
transition: all 0.3s ease;
box-shadow: 0 0 15px rgba(0,0,0,0.08);
}

.benefit-item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 25px rgba(0,0,0,0.15);
}

.benefit-item img {
height: 500px;
object-fit: cover;
width: 100%;
}

.benefit-text {
padding: 1.25rem;
}

.benefit-text h5 {
color: #333;
font-weight: 600;
margin-bottom: 0.5rem;
}

.benefit-text p {
color: #666;
font-size: 0.85rem;
margin-bottom: 0;
}

.benefit-carousel .owl-nav {
position: absolute;
top: -60px;
right: 0;
}

.benefit-carousel .owl-nav button {
width: 40px;
height: 40px;
background: #fff !important;
border-radius: 40px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
transition: all 0.3s ease;
}

.benefit-carousel .owl-nav button:hover {
background: #F68B1E !important;
color: #fff !important;
}

.benefit-carousel .owl-nav button i {
font-size: 18px;
}

.benefit-carousel .owl-nav button.owl-prev {
margin-right: 10px;
}
.bg-jumbotron {
background: linear-gradient(rgba(33,30,28,0.7),rgba(33,40,28,0.7)),url("../image/carousel-1.jpg"),no-repeat center top;
background-size: cover;
}
/* 价格表头 + 行列布局 */
.price-table-head {
  border-bottom: 2px solid #eee;
  color: #211E1C;
  font-size: 15px;
}
.price-row {
  padding: 10px 0;
  border-bottom: 1px dashed #eee;
  font-size: 14px;
  align-items: center;
}
/* 三列比例 */
.col-prestation {
  width: 55%;
}
.col-duree {
  width: 25%;
  text-align: center;
}
.col-prix {
  width: 20%;
  text-align: right;
  font-weight: 600;
  color: #BC8667;
}
.contactImg{width: 550px;}
@media (max-width: 992px) {
  .contactImg {
    /* width: 100%; */
    display: none
  }
}
@media (max-width: 768px) {
.benefit-item img {
    /* height: 200px; */
}

.benefit-carousel .owl-nav {
    top: -50px;
}

.benefit-carousel .owl-nav button {
    width: 32px;
    height: 32px;
}

.col-prestation {
  width: 50%;
}
.col-duree {
  width: 25%;
  font-size: 13px;
}
.col-prix {
  width: 25%;
}
}