.mail_sec_consultation ul {
  margin: 0 0 1.5em 1.5em;
  font-size: 16px;
  line-height: 20px;
}
.mail_sec_consultation ul li {
  margin: 10px 0;
}
.form-header {
  background: #9f9dcf;
  border-radius: 4px 4px 0px 0px;
  color: #fff;
  padding: 1.5rem;
}
.mailCost {
  font-weight: 600;
  font-size: 40px;
  line-height: 48px;
}
.mailCostTitle {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.ecrireMail {
  border-radius: 4px;
  padding: 0 4rem 2.25rem;
  background-color: #fff;
}
.ecrireMail-alt {
  border-radius: 4px;
  padding: 1.25rem;
  border: 1px solid #4f3a91 !important;
}
.form-check {
  display: inline-block;
  position: relative;
  padding: 0 6px;
}

.form-check input[type="radio"] {
  display: none;
}

.form-check label {
  color: #8c8c8c;
  font-weight: normal;
}

.form-check label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 1px solid #8c8c8c;
  background-color: transparent;
}
.form-check input[type="radio"]:checked + label {
  color: #4f3a91;
}
.form-check input[type="radio"]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #4f3a91;
}
input[type="radio"]:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #d1d3d1;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}

input[type="radio"]:checked:after {
  width: 15px;
  height: 15px;
  border-radius: 15px;
  top: -2px;
  left: -1px;
  position: relative;
  background-color: #ffa500;
  content: "";
  display: inline-block;
  visibility: visible;
  border: 2px solid white;
}
button.btn.btn-warning.btn-lg.permail_.px-5 {
  border-radius: 50px !important;
}
.form-control.permail_ {
  background-color: #ffffff;
  border: 1px solid #cfcfcf;
  box-sizing: border-box;
  border-radius: 99px;
  padding: 14px 24px;
  font-weight: 500;
  font-size: 14px;
  line-height: 18px;
  color: #a7a7a7;
  height: auto;
}

.ql-container.form-control.permail_ {
  border-radius: 30px;
}

div.ql-toolbar.ql-snow {
  display: none !important ;
}

.form-control.permail_.time-input {
	max-height: 53px;
}

textarea.form-control.permail_ {
  resize: none;
  height: 150px;
  border-radius: 12px;
}

.form-control.permail_::-webkit-input-placeholder,
.form-control.permail_::-moz-placeholder,
.form-control.permail_:-ms-input-placeholder,
.form-control.permail_:-moz-placeholder {
  color: #a7a7a7;
}

select.form-control {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.form-control {
  background-image: linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position: calc(100% - 19px) calc(1em + 8px),
    calc(100% - 15px) calc(1em + 8px), calc(100% - 2.25em) 1em;
  background-size: 5px 5px, 5px 5px, 1px 1.5em;
  background-repeat: no-repeat;
}
select.form-control:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

button.btn.btn-primary.btn-lg.permail_.px-5 {
  border-radius: 50px !important;
}
.border-warning.sexe_btn.py-3.bg-white.dropdown-toggle.dropdown-toggle-split {
  border-radius: 50px !important;
}
.w3-rest {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #39266b;
}
#activate-cards {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration-line: underline;
  color: #4f3a91;
}
.fileContainer [type="file"] {
  cursor: pointer;
  display: block;
  filter: alpha(opacity=0);
  min-height: 100%;
  min-width: 100%;
  opacity: 0;
  top: 0;
}
.uploadedImage {
  box-sizing: border-box;
  border-radius: 99px;
  width: 56px;
  height: 56px;
  margin-right: 5px;
  position: relative;
}
.uploadedImage img {
  border-radius: 99px;
}
.uploadedImage .material-icons {
  position: absolute;
  right: 0px;
  top: 0px;
  color: red;
  font-size: 16px;
  cursor: pointer;
  border-radius: 99px;
  background: #fff;
}
label {
  margin-bottom: 0;
}
.audiBoxBtn1 a {
  border: 1px solid #4f3a91;
  display: inline-block;
  border-radius: 4px;
  position: relative;
  width: 100%;
  font-size: 22px;
  font-weight: 800;
  line-height: 24px;
  color: #4f3a91;
  padding: 12px 15px;
  margin: 0 0 30px 0;
}
.audiBoxBtn2 a,
.audiBoxBtn2 a.btn-primary:active {
  padding: 23px 24px !important;
}
.audiBoxBtn1 a strong {
  background: #4f3a91;
  width: 180px;
  color: #fff;
  display: inline-block;
  position: absolute;
  padding: 12px 12px;
  right: -2px;
  font-weight: 600;
  top: -12px;
  font-size: 18px;
  line-height: 24px;
  border-radius: 4px;
  text-align: center;
}

.audiBoxBtn1 > .label-mobile {
  display: none ;
}

@media (max-width: 390px) {
  .audiBoxBtn1 > a {
    text-align: center !important;
    margin: 0;
    display: block !important;
    border: 1px solid #4f3a91;
    display: block;
    border-radius: 4px 4px 0 0;
    position: relative;
    width: 100%;
    font-size: 22px;
    font-weight: 800;
    line-height: 24px;
    color: #4f3a91;
    padding: 12px 15px;
  }

  .audiBoxBtn1 a strong.label-desk {
    display: none !important;
  }

  .audiBoxBtn1 > .label-mobile {
    text-align: center !important;
    display: block !important;
    background: #4f3a91;
    width: 100%;
    color: #fff;
    padding: 12px 12px;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    border-radius: 0 0 4px 4px;
    text-align: center;
  }

  .audiBoxBtn2 {
    margin: 3rem 0 !important;
  }

  .audiBoxBtn2 p {
    display: flex !important;
    align-items: center !important;
  }

}

.audiBoxBtn2 a {
  background: #4f3a91;
  display: flex;
  align-items: center;
  position: relative;
  cursor: pointer;
  justify-content: space-between;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
}
.audiBoxBtn2 p {
  color: #fff;
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  flex: 1 1 100%;
  display: flex;
  justify-content: space-around;
  display: -webkit-flex;
  display: -moz-flex;
}
.audiotel-subtitle p {
  font-weight: 600;
  font-size: 18px;
  line-height: 26px;
  text-align: center;
  color: #39266b;
  margin-bottom: 0;
}
.ecrireMail .flexColumn {
  display: flex;
  justify-content: end;
  width: 100%;
  display: -webkit-flex;
  display: -moz-flex;
}
.mail_sec_consultation button {
  width: 197px;
  height: 48px;
  margin-bottom: 1rem;
  padding: 11px 16px;
}
.fileContainer span {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  text-decoration-line: underline;
  color: #4f3a91;
}
.ecriremail-warning {
	font-size: 14px;
	line-height: 30px;
}
.ecriremail-warning > div {
	background-color: #fEf6f5;
}
.ecriremail-warning strong {
	padding-left: 12px;
}
.ecriremail-warning ul {
	list-style: outside;
	padding: 0.5rem 0 0 1.5rem;
	margin: 0;
}

@media (min-width: 1200px) {
	.ecriremail-warning {
		max-width: 492px;
	}
}

@media (max-width: 1199px) {
	.ecrireMail {
		padding-top: 2.25rem;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.ecriremail-warning {
		margin-left: 2.75rem;
		margin-right: 2.75rem;
	}
  .mail_sec_consultation button {
    margin-right: 15px;
  }
}

@media (max-width: 991px) {
	.ecrireMail {
		padding-left: 1rem;
		padding-right: 1rem;
	}
	.ecriremail-warning {
		padding-left: 0;
		padding-right: 0;
	}
}

@media (max-width: 767px) {
  .ecrireMail-alt {
    padding: 0;
    border: 0px solid #4f3a91 !important;
  }
  .mail_sec_consultation button {
    width: 100%;
  }
}

#removeCards {
  cursor: pointer !important;
}