.page-header .container-fluid {
  position: relative;
  padding: 0 calc(var(--container-out-margin) / 2);
}

.page-header {
  display: flex;
  align-items: center;
  position: relative;
}
.page-header::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    90deg,
    rgba(0, 0, 57, 0.58) 0%,
    rgba(0, 0, 57, 0) 90%
  );
}

.page-header .content {
  height: 100%;
  width: 70%;
  z-index: 2;
  position: relative;
}
.page-header .sub-title {
  font-size: 30px;
  font-family: var(--text-font);
  color: white;
}

.fa-duotone::before {
  color: var(--color-1);
}
.fa-duotone::after {
  color: var(--color-2);
  opacity: 1;
}

h1 {
  font-size: 97px;
  font-family: var(--text-font);
  line-height: 1;
}

.section h2 {
  font-family: var(--text-font);
  font-size: 52px;
  font-weight: bold;
}
.section h4 {
  font-family: var(--text-font);
  font-size: 30px;
  font-weight: bold;
}
.section h5 {
  font-family: var(--text-font);
  font-size: 26px;
  font-weight: 300;
  font-style: italic;
}

.header-diner {
position:relative;
}
.header-diner:after {
      position: absolute;
  content: "";
height:229px;
  left: 0;
  right: 0;
  bottom: 0;
   background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
z-index: 0;
}

.header-diner h2{
    font-weight: 700;
    font-size: 55px;
}
.header-diner h3{
    font-weight: 400;
    font-size: 40px;
    text-align: center;
}
.after-diner {
    position: relative;
    z-index: 2;
}

.after-diner::after {
    content: "";
    display: block;
    position: absolute;
    bottom:-5px;
    left:0;
    width: 100%;
    height: 10px;
    background: linear-gradient(
        90deg,
        #A0774B 0%,
        #B8925F 22%,
        #EFD28E 50%,
        #B6915E 77%,
        #A0774B 100%
    );
}
.opaque {
  position: relative;
  padding: 2rem;
  z-index: 2;
}
.opaque:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  z-index: -1;
 backdrop-filter: blur(15.5px)

}

.bouteille {
  position: absolute;
  top: 20%;
  right: 10%;
}

.bg-bleu {
  background: rgba(10, 30, 54, 1);
  color: white;
}
.bg-bleu h4 {
  background: rgba(10, 30, 54, 1);
  color: white;
  font-family: var(--text-font);
  font-weight: lighter;
  font-size: 30px;
}



.contact h3 {
  font-size: 30px;
  font-weight: 700;
  color: var(--doree);
}
.contact .border {
  border: 1px solid var(--doree) !important;
  border-radius: 5px;
}
.contact .border h5 {
  font-size: 18px;
  font-weight: 700;
  color: var(--color-1-alt);
}

.contact .form-label {
  font-size: 30px;
  font-weight: 700;
  color: var(--doree);
  text-transform: uppercase;
  margin-top: 1rem;
}
[data-name="number-1780405956301"] {
  display: flex;
  gap: 1rem;
  align-items: center;
}
[data-name="radio-group-1780406416205"] {
  display: flex;
  gap: 1rem;
  /* align-items: center; */
  margin: 1rem 0;
}


.contact label[for="radio-group-1780406416205"] {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-transform: unset;
}
.contact .form-label[for="radio-group-1780406416205"] {
margin-top:0;
}

.places {
  width: 70px;
 
}
.contact label[for="number-1780405956301"] {
  font-size: 16px;
  color: #000;
  font-weight: 400;
  text-transform: unset;
}
.chk:has(#chk_agree_0) {
  border: 1px solid var(--doree);
  padding: 0.5rem 1rem;
  border-radius: 5px;
}
.radio:has(.custom-control-inline) {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
}
.radio:has(.custom-control-inline) {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  margin-bottom: 1rem;

}

.flag {
  position: absolute;
  top: 0px;
  left: calc(var(--container-out-margin) / 2);
}
[data-name="radio-group-1780387929281"] input[type="radio"]{
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 6px;
  vertical-align: middle;
}

[data-name="radio-group-1780387929281"] input[type="radio"]:checked{
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}



[data-name="radio-group-coordonnees"] input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 6px;
  vertical-align: middle;
}

 [data-name="radio-group-coordonnees"] input[type="radio"]:checked{
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}
[data-name="radio-group-1780406416205"] input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #adb5bd;
  border-radius: 3px;
  background-color: #fff;
  cursor: pointer;
  margin-right: 8px;
  margin-bottom: 6px;
  vertical-align: middle;
}

 [data-name="radio-group-1780406416205"] input[type="radio"]:checked{
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px;
}




label:has(> br) {
    display: none;
 
}
.form-label + input:not([type="number"]) {
    margin-bottom: 1rem;
}
hr{
 color: var(--doree) !important;
 border-top: 2px solid !important;
}

.features-four h2{
    font-size: 55px;
}
.features-four h5{
    font-size: 22px;
}
.features-four p{
    font-size: 18px;
}

@media (max-width: 768px) {
  .bouteille {
    display: none;
  }
  .flag {
    width: 80px;
  }
  h1 {
    font-size: 70px;
}
.page-header {

    height: 100%;
}
}
