:root {
  --aboutus-black-color: var(--black-color, #000);
}

.header_lang_top,
#launcher {
  z-index: 5 !important;
}

#unsubscribe_form label {
  display: block;
  margin-bottom: 5px;
}

#unsubscribe_form input[type=text] {
  display: block;
  width: 100%;
  border: 1px solid #ddd;
  padding: 15px 15px;
  margin-bottom: 15px;
  outline: none;
}

#unsubscribe_form .unsubscribe-check-wrapper {
  border: 1px solid transparent;
  padding-left: 0;
}

#unsubscribe_form .unsubscribe-check-wrapper i {
  display: none;
}

#unsubscribe_form .unsubscribe-check-wrapper input {
  position: relative;
  top: 0;
  left: 0;
  width: inherit;
  height: inherit;
  opacity: inherit;
}

#aboutus {
  background-color: var(--bg-color-2, #fff);
  font-size: 16px;
  border-bottom: 1px solid var(--border-color);
  padding-block: 30px 15px;
}

#aboutus p,
#aboutus li,
#aboutus h2,
#aboutus h5 {
  color: var(--aboutus-black-color);
}

#aboutus a {
  color: var(--secondary-color);
  text-decoration: underline;
}

#aboutus a:hover {
  text-decoration: none !important;
}

#aboutus .current-tarif {
  background-color: var(--primary-color);
}

#aboutus .current-tarif * {
  color: var(--aboutus-black-color);
}

#aboutus .current-tarif__price {
  margin-bottom: 10px;
}

#aboutus .hide-unswer>.row:last-of-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#aboutus .hide-unswer>.row:last-of-type>.col-md-4 {
  width: calc(100% / 3 - var(--gap, 30px) / 2);
}

#aboutus .hide-unswer>.row:last-of-type>.col-md-8 {
  width: calc(100% / 3 * 2 - var(--gap, 30px) / 2);
}

@media (min-width: 992px) {
  #aboutus .title {
    width: calc(100% / 3 * 2 - var(--gap, 30px) / 2);
    margin-left: auto;
  }
}

#aboutus .side {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#aboutus #pay-form .row .col-md-4 {
  width: calc(100% / 3 - 4px);
}

#aboutus #pay-form .row .col-md-4:not(.mb-30) {
  margin-bottom: 0 !important;
}

#aboutus #pay-form .row .col-md-6 {
  width: calc(50% - 3px);
}

#aboutus #pay-form .row .col-md-12 {
  width: 100%;
}

#aboutus #pay-form .row input[type=text],
#aboutus #pay-form .row input[type=tel],
#aboutus #pay-form .row select {
  display: block;
  width: 100%;
  max-height: 48px;
  background-color: var(--white-color, #fff);
  background-image: linear-gradient(to bottom, rgba(0,0,0,.05), transparent 15%);
  border: 1px solid rgba(0,0,0,.2);
  border-radius: 4px;
  padding: 15px 15px;
  margin-bottom: 6px;
  outline: none;
}

#aboutus #pay-form .row #submitButton {
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 4px;
  text-transform: uppercase;
  padding-inline: 80px;
}

#aboutus .form-check.d-flex {
  flex-wrap: nowrap;
}

#aboutus .default-input {
  height: fit-content;
  border: 1px solid transparent;
  transform: translateY(-1px);
}

#aboutus h2 {
  font-size: 32px;
  text-transform: capitalize;
  padding: 0;
}

section.unsubscribe-page-content {
  height: auto;
  min-height: 700px;
  padding-block: 50px;
}

section.unsubscribe-page-content::before {
  background-image: linear-gradient(to top, #fff, transparent);
}

@media (max-width: 991px) {
	#aboutus .hide-unswer > .row:last-of-type > .col-md-4,
	#aboutus .hide-unswer > .row:last-of-type > .col-md-8 {
		width: 100%;
	}
	#aboutus .hide-unswer > .row:last-of-type > .col-md-4 {
		margin-bottom: 30px;
	}
}

@media (max-width: 575px) {
	#aboutus #pay-form .row .col-md-6,
	#aboutus #pay-form .row .col-md-4 {
		width: 100%;
	}
}