@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');

.breadcrumb {
  padding: 20px 0;
  display: flex;
  align-items: center;
}

body {
  margin: 0;
  padding: 0;
}

.breadcrumb a {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 21.94px;
  color: #0B0B0B;
  text-align: left;
  text-decoration: none;
}

.breadcrumb a:hover {
  text-decoration: underline;
}

.login-wrapper-section .content {
  display: flex;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  margin-top: 40px !important;
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.login-wrapper-section .image-section {
  flex: 1;
  position: relative;
}

.login-wrapper-section .image-section img {
  width: 100%;
  height: 100%;
}

.login-wrapper-section .decorative-boxes .yellow-box {
  position: absolute;
  bottom: 20px;
  right: 30px;
  width: 50px;
  height: 50px;
  background-color: #B8860B;
}

.login-wrapper-section .decorative-boxes .blue-box {
  position: absolute;
  bottom: 10px;
  right: 70px;
  width: 30px;
  height: 30px;
  background-color: #185985;
}

.login-wrapper-section .form-section {
  flex: 1;
  padding: 0 40px;
}

.login-wrapper-section .form-section h1 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
}

.login-wrapper-section form {
  display: flex;
  flex-direction: column;
  gap: 14px;
}

.login-wrapper-section form label {
  font-weight: 500;
}

.login-wrapper-section form input {
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #909090;
  text-align: left;
}

.login-wrapper-section .forgot-password {
  text-align: right;
  color: #B8860B;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.login-wrapper-section .forgot-password img {
  vertical-align: middle;
  margin-right: 5px;
}

.login-wrapper-section .forgot-password:hover {
  text-decoration: underline;
}

.login-wrapper-section .login-btn {
  background-color: #D4AF37;
  color: white;
  padding: 9px;
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.login-wrapper-section .login-btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  margin-right: 5px;
  position: relative;
  top: 3px;
}

.login-wrapper-section .login-btn:hover {
  background-color: #a37407;
}

.login-wrapper-section .divider {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 2px 0;
  font-size: 0.9rem;
  color: #7E80B0;
}

.login-wrapper-section .divider::before,
.login-wrapper-section .divider::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #D6DFFF;
  margin: 0 10px;
}

.login-wrapper-section .divider span {
  color: #7E80B0;
  font-size: 14px;
}

.login-wrapper-section .google-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: white;
  color: #185985;
  padding: 10px;
  border: 1px solid #185985;
  border-radius: 5px;
  cursor: pointer;
}

.login-wrapper-section .google-login img {
  width: 16px;
  height: 16px;
}

.login-wrapper-section .google-login:hover {
  background-color: #f4f4f4;
}

.login-wrapper-section .signup-link {
  text-align: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 17.07px;
  display: block;
}

.login-wrapper-section .signup-link a {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: center;
  display: block;
  text-decoration-line: underline;
  margin: 8px 0;
}

.login-wrapper-section .signup-link a:hover {
  text-decoration: underline;
}

/* Responsive Styling */
@media (max-width: 767px) {
  .login-wrapper-section .content {
    flex-direction: column;
    padding: 10px;
  }

  .login-wrapper-section .image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .login-wrapper-section .form-section {
    padding: 0 20px;
  }
}

.breadcrumb .active {
  font-weight: 600;
  color: #D4AF37;
}

.pro-account-wrapper .radio-section {
  flex: 1;
  padding-top: 0 !important;
  padding: 30px;
  max-width: 300px;
}

.pro-account-wrapper .radio-section h2 {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.82px;
  text-align: left;
  margin-bottom: 20px;
}

.pro-account-wrapper .radio-group {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.pro-account-wrapper .radio-option {
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 18px;
  color: #000000;
}

.pro-account-wrapper .radio-option input[type="radio"] {
  accent-color: #185985;
  width: 18px;
  margin: 15px 0;
  height: 18px;
}

.pro-account-wrapper .form-section {
  flex: 2;
  padding-left: 60px;
  max-width: 400px;
  border-left: 1px solid #000000BF;
  margin: auto;
}

.pro-account-wrapper .form-section h1 {
  color: #185985;
  font-size: 2rem;
  margin-bottom: 20px;
}

.pro-account-wrapper .terms {
  text-align: center;
  font-size: 0.9rem;
  color: #777;
  margin-top: 10px;
}

.pro-account-wrapper .terms a {
  color: #185985;
  text-decoration: none;
}

.pro-account-wrapper .terms a:hover {
  text-decoration: underline;
}

/* Responsive Styling */
@media (max-width: 768px) {
  .pro-account-wrapper .content {
    flex-direction: column;
    align-items: center;
  }

  .pro-account-wrapper .form-section,
  .pro-account-wrapper .radio-section {
    max-width: 100%;
  }
}

.pro-account-wrapper .radio-option-wrapper {
  display: flex;
  width: 100%;
}

.pro-account-wrapper h1 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 35px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: center;
}

.breadcrumb span {
  font-family: 'Montserrat', sans-serif;
  font-size: 17px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #0B0B0B;
}


.breadcrumb img {
  width: 6px;
  height: 11px;
  margin: 0 10px;
}

.pro-account-wrapper .main-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
}

.pro-account-wrapper .main-heading-wrapper img {
  width: 40px;
  height: 40px;
}

.pro-account-wrapper .content-3 {
  display: flex;
  margin-bottom: 20px !important;
  max-width: 1000px;
  height: 100%;
  padding: 28px 30px 50px 0;
  margin: 0 auto;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  align-items: center;
}

.audio-guide-wrapper {
  padding: 70px 40px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
  display: block;
}

.pro-account-wrapper .content-2 {
  padding: 28px 30px 50px 0;
}

.audio-guide-wrapper h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  margin: 0;
  text-align: center;
  color: #185985;
}

.audio-guide-wrapper p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 21.94px;
  text-align: center;
  color: #000;

}

/* Responsive Styling */
@media (max-width: 767px) {
  .pro-account-wrapper .radio-option-wrapper {
    display: block;
  }

  .pro-account-wrapper .content-2 {
    padding: 20px 10px;
    flex-wrap: unset;
  }

  .pro-account-wrapper .main-heading-wrapper {
    display: block;
  }

  .pro-account-wrapper h1,
  .login-wrapper-section .form-section h1 {
    font-size: 20px;
    margin: 0;
  }

  .pro-account-wrapper .form-section {
    padding-left: 0;
    border-left: 0;
  }

  .pro-account-wrapper .radio-section {
    padding: 0;
  }

  .pro-account-wrapper .form-section {
    padding: 0;
  }

  .breadcrumb span {
    font-size: 15px;
  }

  .breadcrumb a {
    font-size: 15px;
  }
}

.pro-account-wrapper form {
  width: 100%;
  max-width: 420px;
  margin: 0 auto;
}

.pro-account-wrapper .content-3>div {
  width: 100%;
}

.person-concerned-wrapper {
  background: #E3F5FF;
  padding: 30px 0;
}

.person-concerned-wrapper .main-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 73.14px;
  width: 100%;
  max-width: 900px;
  margin: 30px auto;
  letter-spacing: 1px;
  text-align: center;
  color: #185985;
}

.person-concern-step-1 {
  max-width: 1300px;
  margin: 50px auto;
}

.person-concern-step-1 .button-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.person-concern-step-1 .button-group-right {
  display: flex;
  gap: 20px;
}

.person-concern-step-1 .form-title-row {
  display: flex;
  align-items: center;
  margin-top: 30px;
  gap: 10px;
  font-size: 16px;
  color: #333;
  border-bottom: 1px solid #454F5914;
  margin-bottom: 20px;
}

.person-concern-step-1 .form-title-row img {
  width: 30px;
}

.person-concern-step-1 .form-title-row p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #0B0B0B;
}

.person-concern-step-1 .question {
  border-bottom: 1px solid #454F5914;
  padding-bottom: 25px;
  text-transform: uppercase;
}

.person-concern-step-1 .question p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
  color: #0B0B0B;

}

.person-concern-step-1 .options {
  display: flex;
  gap: 20px;
}

.person-concern-step-1 .options label {
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #0B0B0B;
}

.person-concern-step-1 .button {
  font-size: 14px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.person-concern-step-1 .button-back {
  background-color: #D4AF37;
  color: #fff;
  border: 1px solid #D4AF37;
}

.person-concern-step-1 .button-back:hover {
  background-color: #a37407;
}

.person-concern-step-1 .button-redo {
  background-color: #fff;
  color: #000;
  position: relative;
}

.person-concern-step-1 .button-redo:hover {
  background-color: #D4AF37;
  color: #fff;
}

.person-concern-step-1 .button-validate {
  background-color: #D4AF37;
  color: #fff;
  border: 1px solid #D4AF37;
}

.person-concern-step-1 .button-validate:hover {
  background-color: #a37407;
}

/* Tooltip for Redo Button */
.person-concern-step-1 .button-redo .tooltip {
  visibility: hidden;
  /* width: 200px; */
  padding: 12px !important;
  background-color: #333;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  padding: 5px;
  position: absolute;
  justify-content: center;
  top: -92px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 12px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  display: grid;
  justify-content: center;
  width: 100%;
}

.person-concern-step-1 .button-redo:hover .tooltip {
  visibility: visible;
  max-width: 140px;
  width: 100%;
}

.person-concern-step-1 .button-redo:hover .tooltip img {
  margin: 0 auto;
}

/* Error Message */
.person-concern-step-1 .error-message {
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #E40808;
}

.person-concern-step-1 .error-message img {
  width: 30px;
  margin-right: 10px;
}

/* Responsive Design */
@media (max-width: 768px) {
  .person-concern-step-1 .button-row {
    flex-direction: column;
    gap: 10px;
    align-items: center;
  }

  .person-concern-step-1 .button-group-right {
    gap: 10px;
  }

  .person-concern-step-1 .button-redo .tooltip {
    top: 38px;
  }

  .person-concern-step-1 {
    padding: 20px;
  }

  .person-concerned-wrapper .main-heading {
    font-size: 28px;
    line-height: 34px;
  }
}

.person-concern-step-1 input[type="radio"] {
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  border-radius: 50%;
  appearance: none;
  position: relative;
  outline: none;
  cursor: pointer;
  background-color: white;
  top: 5px;
}

.person-concern-step-1 input[type="radio"]:checked {
  background-color: #D4AF37;
  border-color: #D4AF37;
}

.person-concern-step-1 input[type="radio"]:checked::after {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 50%;
  margin: auto;
  position: relative;
  top: 4px;
}

.result-modal.modal-container {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.result-modal .modal {
  background: #fff;
  position: relative;
  width: 1000%;
  max-width: 600px;
  padding: 50px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;

}

.result-modal .btn-cancel img {
  width: 15px;
}

.result-modal .modal-header {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 28px;
  text-align: center;
}

.result-modal .modal-body {
  margin-bottom: 15px;
  max-width: 400px;
  margin: 0 auto;
}

.result-modal .modal-body input {

  border: 1px solid #E5E9FF;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 0 14px;
}

.result-modal .modal-body label {
  display: block;
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-top: 10px;
  line-height: 28px;
}

.result-modal .modal-footer {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

.result-modal .modal-footer button {
  padding: 10px 15px;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  cursor: pointer;
}

.result-modal .btn-cancel {
  cursor: pointer;
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: transparent;
  border: 0;
}

.result-modal .modal-footer .btn-submit {
  background: #007bff;
  color: #fff;
  border: 1px solid #D4AF37;
  background: #D4AF37;
  align-items: center;
  display: flex;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: center;
  gap: 10px;
  padding: 12px 50px;
}

@media (max-width: 768px) {
  .result-modal .modal {
    padding: 30px 15px;
    margin: 10px;
  }

  .result-modal .modal-header {
    font-size: 18px;
    line-height: 24px;
    margin-top: 20px;
  }

  .result-modal .modal-body label {
    font-size: 15px;
  }

  .result-modal .modal-body input {
    width: 85%;
  }

  .result-modal .modal-body {
    max-width: unset;
    width: 100%;
    overflow: hidden;
  }

  .person-concern-step-1 .question p {
    font-size: 16px;
    line-height: 24px;
  }

  .person-concern-step-1 .options label {
    font-size: 16px;
  }
}

.result-assesment-wrapper {
  padding: 30px 100px;
  max-width: 1000px;
  border: 1px solid #0000001A;
  margin: 50px auto;
  box-shadow: 4px 8px 16px 0px #454F590A;
}


.result-assesment-wrapper h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: center;
  color: #228B22;
}

.result-assesment-wrapper .section {
  margin: 15px 0;
}

.result-assesment-wrapper .section strong {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 26.82px;
  display: block;
  color: #000000;
  text-align: center;
}

.result-assesment-wrapper .advice strong {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
  max-width: 160px;
  width: 100%;
  display: block;
}

.result-assesment-wrapper .advice {
  display: flex;
  gap: 20px;
  font-family: 'Montserrat', sans-serif;
  color: #000000;
  font-size: 18px;
  margin-top: 20px !important;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
}

.result-assesment-wrapper .devices {
  display: flex;
  gap: 20px;
  margin-top: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #0B0B0B;
}

.result-assesment-wrapper .devices ul {
  padding-left: 20px;
  margin: 10px 0;
}

.result-assesment-wrapper .devices ul li {
  margin: 8px 0;
}

.result-assesment-wrapper .actions {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  gap: 10px;
}

.result-assesment-wrapper .actions button {
  font-family: 'Montserrat', sans-serif;
  padding: 14px 20px;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  border: 1px solid #D4AF37;
  border-radius: 5px;
  background-color: transparent;
  color: #0B0B0B;
}

.result-assesment-wrapper .actions button:hover {
  color: #fff;
  background-color: #D4AF37;
}

/* Responsive Design */
@media (max-width: 600px) {
  .result-assesment-wrapper {
    padding: 10px;
    margin-left: 10px !important;
    margin-right: 10px !important;
  }

  .result-assesment-wrapper .actions {
    flex-direction: column;
  }

  .result-assesment-wrapper .actions button {
    width: 100%;
    text-align: center;
  }

  .result-assesment-wrapper .section strong {
    font-size: 18px;
  }

  .result-assesment-wrapper h2 {
    font-size: 22px;
  }

  .result-assesment-wrapper .advice,
  .result-assesment-wrapper .advice strong {
    font-size: 14px;
  }

  .result-assesment-wrapper .devices {
    font-size: 16px;
  }
}

.result-assesment-wrapper img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.result-assesment-wrapper .devices img {
  width: 34px;
}

.criteria-concerned-section h1 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: left;
  margin-top: 50px;
}

.criteria-concerned {
  margin: 50px auto;
  border-bottom: 1px solid #ddd;
  max-width: 750px;
  padding-bottom: 40px;
}

/* Section headings */
.criteria-concerned-section h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color: #333;
}

/* Table layout */
.criteria-concerned-section .section {
  /* border-bottom: 1px solid #ddd; */
  border: 1px solid #454F595C;
  margin: 10px 0;
}

.criteria-concerned-section table {
  width: 100%;
  border-collapse: collapse;
}

.criteria-concerned-section table tr {
  border-bottom: 1px solid #ddd;
}

.criteria-concerned-section table tr:last-child {
  border-bottom: none;
}

.criteria-concerned-section table td {
  padding: 12px 24px;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 19.5px;
  text-align: left;
  color: #000000;
}

.criteria-concerned-section table td:nth-child(2) {
  border-left: 1px solid #454F595C;
  width: 6%;
}

.criteria-concerned-section table td:last-child {
  text-align: right;
}

.criteria-concerned-section input[type="checkbox"]:checked::after {
  top: -1px;
  left: 3px;
}

/* Responsive design */
@media (max-width: 768px) {
  .criteria-concerned-section table td {
    font-size: 14px;
    padding: 8px;
  }

  .criteria-concerned-section .form-title-row p {
    font-size: 14px;
    line-height: 19.94px;
  }

  .criteria-concerned-section h1 {
    font-size: 31px;
    line-height: 33.76px;
  }
}

@media (max-width: 480px) {
  .criteria-concerned-section table {
    font-size: 14px;
  }
}


.criteria-concerned-section .form-title-row {
  border: none;
}

.criteria-concerned-section .button-validate img {
  width: 6px;
  margin-left: 8px;
  margin-top: 2px;
}

.container {
  max-width: 1140px;
  margin: 0 auto;
}

.personal-info-section .person-concern-step-1 {
  max-width: 100%;
  margin: auto;
  padding: 0;
}

.personal-info-section .personal-infomation-wrapper h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  margin-bottom: 10px !important;
  text-transform: uppercase;
  color: #0B0B0B;
}

.personal-info-section .personal-infomation-wrapper h1 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: left;
  color: #185985;
  margin-top: 0;
}

.personal-info-section .personal-infomation-wrapper .form-title-row span {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  max-width: 600px;
  line-height: 21.94px;
  text-align: left;
}

.personal-info-section .personal-infomation-wrapper .form-title-row {
  align-items: flex-start;
  border: unset;
  margin-top: 60px;
}

/* Container */
.personal-info-form-container {
  display: flex;
  justify-content: space-between;
  padding: 20px;
  font-family: Arial, sans-serif;
}

/* Left Section */
.personal-info-form-left {
  flex: 1;
  max-width: 50%;
}

.personal-info-form h2 {
  font-size: 18px;
  margin-bottom: 10px;
}

.personal-info-form-group {
  display: flex;
  gap: 10px;
}

.personal-info-form-input {
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  width: 100%;
  font-weight: 500;
  color: #909090;
  text-align: left;
}

.personal-info-form-photo-section {
  margin: 20px 0;
  display: flex;
  align-items: flex-end;
  gap: 10px;
}

.personal-info-right {
  border-top: 1px solid #454F5914;
  margin-top: 30px;
}

.personal-info-form-avatar {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  overflow: hidden;
  border: 2px solid #ccc;
}

.personal-info-form-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.personal-info-form-upload-btn {
  padding: 10px 15px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  color: #0B0B0B;
  font-weight: 600;
  line-height: 21.94px;
  text-align: center;
  display: flex;
  gap: 20px;
  align-items: center;
}

.personal-info-form-file-input {
  display: none;
}

.personal-info-form-validate-btn {
  font-size: 14px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 40px;
  background-color: #D4AF37;
  color: #fff;
  border: 1px solid #D4AF37;
  display: flex;
  align-items: center;
  float: right;
  margin-top: 20px;
  justify-content: center;
  gap: 5px;
}

/* Right Section */
.personal-info-form-right {
  flex: 1;
  max-width: 35%;
  background-color: #f9f9f9;
  padding: 20px;
  /* width: 416px; */
  height: 270px;
  top: 682px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  left: 1072px;
  gap: 0px;
  border-radius: 10px 0px 0px 0px;
  background: #F1FAFF;
  border-radius: 8px;
  border: 1px solid #E3F5FF;
  /* box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); */
}

.personal-info-form-info-box h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #0B0B0B;
  line-height: 28px;
  text-align: center;
}

.personal-info-form-discover-btn {
  font-size: 14px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 40px;
  background-color: #D4AF37;
  color: #fff;
  border: 1px solid #D4AF37;
}

/* Responsive Design */
@media (max-width: 768px) {
  .personal-info-form-container {
    flex-direction: column;
    gap: 20px;
  }

  .personal-info-form-left,
  .personal-info-form-right {
    max-width: 100%;
  }
}

.personal-info-form-container .personal-info-form-left h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
}

@media (max-width: 1024px) {
  .personal-infomation-wrapper {
    margin: 0 20px;
  }

  .breadcrumb {
    padding: 20px;
  }
}

@media (max-width: 767px) {
  .personal-infomation-wrapper {
    padding: 20px;
  }



  .personal-info-section .personal-infomation-wrapper h1 {
    font-size: 25px;
    line-height: 22px;
  }

  .personal-info-section .person-concern-step-1 .button-row {
    flex-direction: row;
    gap: 10px;
  }

  .personal-info-form-photo-section {
    display: block;
  }

  .personal-info-form-info-box h3 {
    font-size: 15px;
    line-height: 24px;
  }

  .personal-info-form-upload-btn {
    margin: 20px 0;
  }

  .personal-info-form-avatar {

    margin: 0 auto;
  }
}

.person-concern-step-1 button img {
  height: 15px;
  object-fit: contain;
  width: 15px;
}

.modify-acount-wrapper .location-wrapper {
  margin-top: 50px;
  margin-bottom: 50px;
}

.modify-acount-wrapper .location-wrapper h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
}

.modify-acount-wrapper .location-wrapper p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
}

.modify-acount-wrapper .location-wrapper img {
  width: 100%;
}

#myaddress {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  max-width: 800px;
  margin: auto;
  padding: 20px;
}

#myaddress .input-group {
  display: flex;
  width: 100%;
  max-width: 500px;
  position: relative;
}

#searchAddress {
  flex: 1;
  padding: 10px 15px;
  border: 1px solid #ccc;
  border-radius: 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 17.07px;
  text-align: left;
  outline: none;
  color: #909090;
}

#searchButton img {
  width: 100% !important;
  height: 100%;
  margin-top: 7px;
}

#searchButton {
  position: absolute;
  right: 0;
  background: transparent;
  border: 0;
}

.search-container-wrapper {
  display: flex;
  gap: 20px;
  width: 100%;
}

#addAddressButton {
  background-color: #D4AF37;
  color: white;
  font-family: 'Montserrat', sans-serif;
  padding: 11px 30px;
  font-size: 18px;
  border-radius: 4px !important;
  font-weight: 600;
  display: flex;
  line-height: 21.94px;
  text-align: left;
  border: 1px solid #D4AF37;
  /* background-color: transparent; */
  /* color: #0B0B0B; */
  gap: 10px;
  align-items: center;
}

#addAddressButton span {
  font-weight: bold;
  font-size: 20px;
}

/* Responsiveness */
@media screen and (max-width: 600px) {

  .search-container-wrapper {
    display: block;
    text-align: center;
    width: 100%;
  }

  #myaddress {
    padding: 0;
  }

  #searchAddress {
    margin: 10px 0;
    font-size: 12px;
    padding: 10px 12px;
  }

  #searchButton img {
    width: 30px;
    height: 30px;
    margin-top: 13px;
  }
}

.account-information-section {
  display: flex;
  justify-content: space-between;
}

.account-information-section #myaddress {
  margin: 0;
}

.account-information-section .google-calender button {
  background-color: #D4AF37;
  color: white;
  font-family: 'Montserrat', sans-serif;
  padding: 11px 10px;
  font-size: 16px;
  border-radius: 4px !important;
  font-weight: 600;
  line-height: 21.94px;
  text-align: left;
  border: 1px solid #D4AF37;
  /* background-color: transparent; */
  /* color: #0B0B0B; */
}

.account-information-section .google-calender {
  display: flex;
  gap: 10px;
}

.account-information-section .search-container-wrapper {
  max-width: 400px;

}

.account-information-main-wrapper .person-concern-step-1 {
  border-bottom: 1px solid #454F5914;
}

@media screen and (max-width: 600px) {
  .account-information-section {
    display: block;
  }

  .account-information-section .google-calender {
    display: block;
  }

  .account-information-section .google-calender button {
    margin: 10px 0;
    font-size: 15px;
  }

  .account-information-main-wrapper .form-title-row {
    margin-top: 20px !important;
  }

  .personal-info-section .personal-infomation-wrapper .form-title-row span {
    font-size: 16px;
  }
}


.main-form-wrapper input {
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  width: 100%;
  font-weight: 500;
  color: #909090;
  text-align: left;
}

.main-form-wrapper.person-concern-step-1 .options {
  width: 100%;
}

.main-form-wrapper.person-concern-step-1 input[type="radio"]:checked::after {

  top: 4px;
  left: unset;
}


.main-form-wrapper .form-group-section {
  display: flex;
  gap: 10px;
  justify-content: space-between;
  margin-top: 10px;
  align-items: center;
  margin-bottom: 20px;
}


.main-form-wrapper.person-concern-step-1 .options {
  gap: 30px;
  align-items: center;
  margin-top: 4px;
}

.main-form-wrapper.person-concern-step-1 input[type="radio"] {
  top: 0px;
  padding: 0 !important;
}

.main-form-wrapper.person-concern-step-1 .options label {
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  display: flex;
  font-weight: 500;
  line-height: 0;
  gap: 10px;
  margin: 0;
  text-align: left;
  color: #0B0B0B;
  height: 35px;
  position: relative;
  top: 0;
  padding: 0;
  align-items: center;
}

.main-form-wrapper hr {
  color: #454F5914;
}

.main-form-wrapper.person-concern-step-1 .question {
  width: 100%;
  border: 0;
  padding: 0;
}


.main-form-wrapper.person-concern-step-1 .form-label p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
}

.personal-info-form-container-1 {
  width: 100%;
}

.personal-info-form-container-1 .personal-info-form-left {
  max-width: 56%;
}

.main-form-wrapper.person-concern-step-1 .form-label {
  width: 100%;
}

.main-form-wrapper.person-concern-step-1 .question p {
  margin: 0;
}

.form-group-section a {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-style: italic;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  text-decoration-line: underline;
  color: #454F59;
  width: 100%;
}

@media (max-width: 768px) {
  .modify-acount-main-wrapper .button-row {
    flex-direction: column !important;
  }

  .main-form-wrapper .form-group-section {
    display: block;
    margin: 10px 0;
  }

  .personal-info-form-container-1 {
    width: 100%;
    gap: 0;
    padding: 0;
  }

  .modify-acount-main-wrapper {
    padding: 10px;
  }

  .main-form-wrapper.person-concern-step-1 .options label {
    font-size: 14px;
    line-height: 20px;
  }

  .personal-info-form-container-1 .personal-info-form-left {
    max-width: 95%;
  }

  .main-form-wrapper input {
    margin: 10px 0;
  }

  .main-form-wrapper.person-concern-step-1 .form-label p {
    font-size: 16px;
  }

  .personal-info-form-container .personal-info-form-left h2 {
    font-size: 16px;
  }
}

.address-card-wrapper .address-card {
  box-shadow: 0px 0px 15px 0px #0000001A;
  width: 100%;
  padding: 30px;

}

.address-card span {
  color: #185985;
}

.address-card-wrapper {
  width: 100%;
}

.address-card-wrapper .address-card .addres-title {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 26.82px;
  text-align: left;
  color: #000000;
}

.address-card-wrapper .address-card .address-subtitle {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #000000;
}

.address-card-wrapper .address-card .contact-detail ul {
  padding: 0;
  list-style: none;
}

.address-card-wrapper .address-card .contact-detail ul li {
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 500;
  padding: 10px 0;
  line-height: 18.29px;
  text-align: left;
  color: #000000;
}

.address-card-wrapper .address-card .button-row {
  display: flex;
  gap: 10px;
  margin-top: 50px;
}

.address-card-wrapper .address-card .button-row button {
  background-color: #D4AF37;
  color: white;
  font-family: 'Montserrat', sans-serif;
  padding: 11px 30px;
  font-size: 16px;
  text-transform: uppercase;
  border-radius: 4px !important;
  font-weight: 600;
  width: 100%;
  line-height: 21.94px;
  text-align: center;
  border: 1px solid #D4AF37;
}

.address-card-wrapper .address-card .button-row .delete {
  background-color: #E40808 !important;

}

@media (max-width: 768px) {

  .address-card-wrapper {
    display: block;
    width: 100%;
  }

  .address-card-wrapper .address-card .button-row {
    display: block;
  }

  .address-card-wrapper .address-card .button-row button {
    margin: 10px 0;
  }
}

.new-address-add {
  background-color: #F4F6F6;
  padding: 30px;
  width: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  flex-direction: column;
  font-weight: 600;
  line-height: 26px;
  color: #000000;
  border: 0;
  text-align: center;
}


/* add new dec 3 css  */
.breadcrumb a {
  font-size: 18px;
}

.breadcrumb span {
  font-size: 18px;
}

.person-concerned-wrapper {
  background: #E3F5FF;
  padding: 30px 0 80px 0;
}

.main-content-section {
  padding-top: 80px;
}

.main-content-section p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 400;
  padding-bottom: 30px;
  line-height: 24px;
  color: rgba(11, 11, 11, 1);
}

.main-content-section h2 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: center;
  color: rgba(24, 89, 133, 1);
}

.typesof-content-wrapper {
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: #0000003D;
  text-align: left;
  padding-top: 30px;
  padding-bottom: 30px;
}

.typesof-content-wrapper h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 22px;
  color: rgba(0, 0, 0, 1);
  margin-bottom: 15px;
  font-weight: 600;
  line-height: 26.82px;
}

.typesof-content-wrapper .content-left ul {
  list-style: none;
  padding: 0;
  gap: 10px;
  max-width: 600px;
  flex-wrap: wrap;
  display: flex;
}

.typesof-content-wrapper .content-left ul li button {
  color: #6F6E77;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: transparent;
  border-radius: 5px;
  border: 1px solid #6F6E77;
  padding: 5px 14px;
  font-weight: 600;
}

.typesof-content-wrapper .content-left ul li button span {
  font-style: italic;
  font-weight: 400;
}

.typesof-content-wrapper .content-left ul li.active button {
  background-color: #D4AF37;
  border: 1px solid #D4AF37;
  color: #fff;
}

.typesof-content-wrapper .content-left {
  border-right: 1px solid #000;
}

.typesof-content-wrapper .content-right .search-bar {
  background-color: transparent;
  border-radius: 8px;
  display: flex;
  padding-left: 10px;
  align-items: center;
  border: 1px solid #D4AF37;
  width: 100%;
}

.typesof-content-wrapper .content-right .search-icon {
  /* width: 30px; */
  background-color: #D4AF37;
  height: 40px;
  padding: 12px;
  border-radius: 0px 5px 6px 0px;
}

.typesof-content-wrapper .content-right .search-input {
  flex: 1;
  border: none;
  color: #6F6E77;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  background-color: transparent;
  outline: none;
  height: 40px;
}

.typesof-content-wrapper .content-right {
  margin-left: 30px;
}


.content-wrapper .card {
  border: 1.5px solid rgba(0, 0, 0, 1);
  border-radius: 8px;
  padding: 2px;
  margin: 10px 0;
}


.content-wrapper .card-header {
  display: flex;
  align-items: center;
  background-color: #D4AF37;
  width: 100%;
  align-items: center;
  justify-content: center;
  line-height: 26px;
  text-align: center;
  max-width: 230px;
  height: 100%;
  margin: 0 auto;
  margin-top: -22px;
}

.content-wrapper .card-header img {
  margin-right: 10px;
}

.content-wrapper .card-header h3 {
  margin: 0;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  font-weight: 600;
  margin: 0;
  color: #fff;
}

.content-wrapper .card-content {
  padding: 10px;
}

.content-wrapper .card-content h4 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 19.5px;
  color: #185985;
  text-align: center;
}

.content-wrapper .card-content p {
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-weight: 400;
  line-height: 19.5px;
  text-align: center;
  color: rgba(11, 11, 11, 1);
}

.content-wrapper .card-footer {
  background-color: transparent;
  padding: 12px 16px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  text-align: right;
  border: 0;
  color: #B8860B;
}

.content-wrapper .card-footer a {
  color: #B8860B;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-decoration: none;
}

.content-wrapper .card-wrapper {
  margin: 50px 0;
}

.content-wrapper .row>* {
  padding-left: 10px;
  padding-right: 10px;
}

@media (max-width: 768px) {
  .typesof-content-wrapper .content-right {
    margin-left: 0;
  }

  .typesof-content-wrapper .content-left ul li button {
    font-size: 14px;
    padding: 6px;
  }

  .typesof-content-wrapper .content-left {
    border: 0;
  }
}

.faq-content-wraper {
  margin-top: 80px;
}


.faq-wrapper {
  max-width: 980px;
  margin: 0 auto;
}

.faq-wrapper .accordion-button {
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  font-weight: 600;
  background-color: transparent;
  color: #0B0B0B;
  padding: 0;
  padding-left: 20px;
  box-shadow: unset;
  border: 0 !important;
  border-radius: 0 !important;
}

.faq-wrapper .accordion-item.active {
  background-color: #E3F5FF;
  border: 0;
  display: block;
  border: 1px solid #D4AF37 !important;
  position: relative;
  padding: 0px 0px 0px 0px;
}


.faq-wrapper .accordion-body {
  color: #0B0B0B;
  font-family: "Montserrat", Sans-serif;
  padding: 20px;
  font-size: 18px;
  font-weight: 400;
}


.faq-wrapper .accordion-item {
  border-radius: 0 !important;
  background-color: #fff;
  margin: 10px 0;
  display: block;
  border: 1px solid #9B9B9B !important;
  position: relative;
  padding: 0px 0px 0px 0px;
}

.faq-wrapper h3 {
  font-family: "Montserrat", Sans-serif;
  font-size: 40px;
  margin-top: 50px;
  margin-bottom: 30px;
  font-weight: 600;
  color: #185985;
}

.faq-wrapper .accordion-button::after {
  background-image: url(https://cdc-site.edemo.site/wp-content/uploads/2024/11/icon-1.svg);
  /* width: 100%; */
  background-position: center;
  background-size: 100%;
  width: 58px;
  height: 58px;
}

.faq-wrapper .accordion-button:not(.collapsed)::after {
  background-image: url('https://cdc-site.edemo.site/wp-content/uploads/2024/11/icon.svg');

}

.my-account-detail-wrapper .form-title-row {
  margin-top: 0 !important;
}

#myaddress {
  max-width: 900px;
}

.address-card span {
  color: #185985;
}

.address-card-wrapper {
  width: 100%;
}

.new-address-add {
  height: 100%;
}

.address-card-wrapper .address-card .contact-detail ul li img {
  margin-right: 10px;
}

.address-card-wrapper .address-card .addres-title {
  margin-bottom: 20px;
}

.new-address-add h4 {
  text-align: center !important;
  margin-top: 20px;
}

.account-information-section .google-calender button {
  padding: 11px 30px;
  display: flex;
  align-items: center;
  gap: 10px;
}

.account-information-section .google-calender {
  align-items: center;
}

.synchroniser-wrapper {
  color: #28B446;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
}

.synchroniser-wrapper img {
  height: 30px;
  margin-right: 5px;
}

#searchButton img {
  margin-top: 1px;
}


.main-address-section {
  margin-top: 70px !important;
  margin: 0 auto;
  max-width: 900px;
}

.main-address-section .row {
  padding-bottom: 30px;
  padding-top: 45px;
  border-bottom: 1px solid #454F5914;
}

.main-address-section .address-time {
  box-shadow: 0px 0px 15px 2px rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 0 auto;
  padding-bottom: 35px;
}

.main-address-section .address-time h3 {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  padding: 30px;
  border-bottom: 1px solid #454F5914;
  font-size: 18px;
  font-weight: 600;
}

.main-address-section .address-time button {
  border-radius: 8px;
  background-color: #185985;
  font-family: 'Montserrat', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0;
  padding: 10px 24px;
  border: 0;
}

.main-address-section .address-delivery h4 {
  font-family: "Montserrat", Sans-serif;
  font-size: 20px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 600;
}

.main-address-section .address-delivery h5 {
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  color: #000;
  margin-bottom: 20px;
  font-weight: 500;
}


.main-address-section .address-delivery ul {
  list-style: none;
  padding: 0;
}

.main-address-section .address-delivery ul li {
  padding: 10px 0;
  font-family: "Montserrat", Sans-serif;
  font-size: 18px;
  color: #000;
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 500;
}


.main-address-section .button-row button {
  font-family: "Montserrat", Sans-serif;
  font-weight: 500;
  display: flex;
  gap: 5px;
  align-items: center;
  border: 0;
  text-align: center;
  padding: 14px 15px;
  margin-bottom: 20px;
  width: 100%;
  font-size: 13px;
  justify-content: center;
  color: #fff;
}

.main-address-section .button-row .btn-1 {
  background-color: #185985;
}

.main-address-section .button-row .btn-2 {
  background-color: #D4AF37;
}

.main-address-section .button-row .btn-3 {
  background-color: #E40808;
}

/* 4 dec */
.new-address-add {
  cursor: pointer;
}

.new-address-add img {
  height: 25px !important;
  object-fit: contain;
  width: 25px !important;
}

.address-modal .modal-content {
  background: #fff;
  position: relative;
  width: 100%;
  max-width: 600px;
  padding: 0;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.address-modal .modal-header h5 {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 30px;
  line-height: 28px;
  text-align: center;
}

.address-modal .btn-close {
  cursor: pointer;
  position: absolute;
  right: 15px;
  width: 25px;
  height: 25px;
  top: 15px;
  background-color: transparent;
  border: 0;
  font-size: 12px;
  color: #000 !important;
}

.address-modal .modal-header {
  border: 0;
  margin: 0;
}

.address-modal .modal-body {
  max-width: 100%;
  margin: 0 auto;
  width: 100%;
  padding: 0 30px;
}

.address-modal .modal-footer {
  border: 0;
  justify-content: flex-end;
}

.address-modal .modal-footer button {

  background: #007bff;
  color: #fff;
  border: 1px solid #D4AF37;
  background: #D4AF37;
  align-items: center;
  display: flex;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 21.94px;
  text-align: center;
  gap: 10px;
  padding: 12px 50px;
}

.address-modal .modal-body input {
  border: 1px solid #E5E9FF;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 0 14px;
}

.address-modal .modal-body textarea {
  border: 1px solid #E5E9FF;
  border-radius: 5px;
  width: 100%;
  height: 40px;
  padding: 8px 14px;
}

@media (max-width: 767px) {
  .myaddress-one {
    margin: 0;
    padding: 0 !important;
  }

  .myaddress-one .new-address-add {
    margin-top: 25px;
    height: 250px;
    margin-bottom: 50px;
  }
}

/* 5 desc */
.edit-address-col-1 .address-step {
  color: #185985;
  padding: 5px 0;
  display: flex;
  gap: 5px;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
}

.personal-info-form-left hr {
  border: 0;
  height: 1px;
  background-color: #454F5914;
  margin: 20px 0;
}

.add-address-input .input-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
  position: relative;
}

.add-address-input .input-field {
  max-width: 600px;
  flex-grow: 1;
  padding: 13px 12px;
  border: 1px solid #C4C4C4;
  border-radius: 24px;
  margin: 3px 0;
}

.add-address-input .input-field:focus,
.add-address-input .input-field:active,
.add-address-input .input-field:focus-visible {
  box-shadow: none;
  border: 1px solid #C4C4C4;
  outline: 0;
}

.add-address-input .icon-container {
  display: flex;
  position: absolute;
  right: 50px;
}


.add-address-input .icon {
  width: 100%;
  height: 100%;
  margin-left: 4px;
  cursor: pointer;
}

.add-address-input .close-icon {
  content: url('https://cdc-site.edemo.site/wp-content/uploads/2024/12/Close.svg');
}

.add-address-input .edit-icon {
  content: url('https://cdc-site.edemo.site/wp-content/uploads/2024/12/Edit.svg');
}

.add-address-input .add-icon {
  width: 32px;
  height: 32px;
  margin-left: 8px;
  cursor: pointer;
}

.person-concern-step-1 .error-message {
  align-items: flex-start;
  line-height: unset;
}

.congfigure-wrapper-detail h4 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  padding-bottom: 20px;
  font-weight: 600;
}

.button-group-left {
  display: flex;
  gap: 20px;
}

.congfigure-wrapper-detail .tooltip {
  opacity: 1;
  padding: 10px !important;
}

.congfigure-wrapper-detail .form-title-row p {
  margin: 0;
}

.congfigure-wrapper-detail .form-title-row {
  padding: 30px 0;
  margin-bottom: 0;
}

.person-concern-step-1 input[type="radio"] {
  width: 20px;
  height: 20px;
}

.person-concern-step-1 input[type="radio"]:checked::after {
  width: 10px;
  height: 10px;
  top: 3px;
}

.congfigure-wrapper-detail .person-concern-step-1 .question {
  padding-top: 20px;
}

input[type="checkbox"] {
  width: 24px;
  height: 24px;
  border: 2px solid #ccc;
  appearance: none;
  position: relative;
  outline: none;
  margin-right: 2px;
  cursor: pointer;
  background-color: white;
  top: 5px;
}

input[type="checkbox"]:checked {
  background-color: #D4AF37;
  border-color: #D4AF37;
}

input[type="checkbox"]:checked::after {
  content: '\2713';
  font-size: 18px;
  color: white;
  position: absolute;
  top: 0px;
  left: 3px;
  font-weight: bold;
}

.congfigure-wrapper-detail .span-label {
  font-weight: 600;
  width: 100%;
  flex-direction: column;
  color: #000000;
}

.congfigure-wrapper-detail .span-label .title {
  color: #545454;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  margin-bottom: 0;
  padding: 0;
  margin-top: 20px;
  font-weight: 500;
}



.congfigure-wrapper-detail .count-checkbox-wrapper label {
  display: flex;
  gap: 5px;
  align-items: baseline;
}

.congfigure-wrapper-detail .count-checkbox-wrapper .options {
  display: flex;
  gap: 8px;
}

.congfigure-wrapper-detail .count-checkbox-wrapper p {
  margin: 0;
}

.congfigure-wrapper-detail .options {
  flex-wrap: wrap;
}

@media (max-width: 768px) {

  .congfigure-wrapper-detail .form-title-row p {
    font-size: 16px;
  }

  .person-concern-step-1 .question p {
    font-size: 15px;
    line-height: 24px;
  }

  .congfigure-wrapper-detail .span-label .title {
    font-size: 16px;
  }
}









/* new work */

* {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

.comparateur-page-wrapper .m-width {
  width: 100%;
  max-width: 1300px;
  margin: auto !important;
}

.comparateur-page-wrapper .les-offres-hero-section {
  box-shadow: 0px 0px 10px #C4C4C4;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-header {
  padding: 15px 0;
  align-items: center;
  border-bottom: 2px solid #C4C4C4;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
  width: 100%;
  max-width: 526px;
  align-self: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
  width: 100%;
  min-width: 192px;
  object-fit: contain;
  padding: 0 15px;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
  width: 100%;
  padding: 15px 35px;
  border-radius: 10px;
  border: 2px solid #D4AF37;
  background-color: transparent;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
  padding: 15px;
}

.comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
  font-size: 18px;
  text-decoration: none;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  color: #0B0B0B;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
  width: 100%;
  height: 131px;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h2 {
  font-size: 40px;
  font-family: 'Montserrat', sans-serif;
  margin-bottom: 20px !important;
  font-weight: 500;
  color: #185985;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: #185985;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part {
  width: 100%;
  max-width: 416px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part .img-container {
  border-left: 2px solid #C4C4C4;
  border-right: 2px solid #C4C4C4;

}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part .mid-img {
  border: none;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part img {
  width: 100%;
  max-width: 89px;

  margin: 0 15px;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
  width: 100%;
  padding: 48px 0px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container::after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1px;
  background-color: #ADD8E6;
  top: 100%;
  left: 20%;
  right: 20%;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  padding: 7px 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: transparent;

  outline: none;
  border: none;
  color: #fff;
  border-radius: 10px;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-yellow {
  background-color: #D4AF37;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-trans {
  color: #0B0B0B;
  background-color: transparent;
  border: 2px solid #D4AF37;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-blue {
  background-color: #ADD8E6;
  color: #0B0B0B;
}

.comparateur-page-wrapper .offres-heading {
  width: 100%;
  max-width: 1076px;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  margin: 48px auto;
}

.comparateur-page-wrapper .les-offres-container {
  width: 100%;
  max-width: 1070px;
  margin: auto;
}

.comparateur-page-wrapper .les-offres-container .les-offre-card {
  width: 100%;
  max-width: 1070px;
  margin: auto;
  padding: 26px 12px;
  margin-bottom: 35px;
  box-shadow: 0px 0px 5px #e3f3fc;
  border-radius: 10px;
}


.comparateur-page-wrapper .les-offres-container .offre-table table .bold-heading {
  font-weight: bold;
  font-size: 20px;
}

.comparateur-page-wrapper .data {
  margin-right: 15px;
  padding: 12px 27px;
  background-color: transparent;
}

.comparateur-page-wrapper td {
  text-align: center;
  font-size: 14px;
  padding: 6px 36px;
}

.comparateur-page-wrapper .blue-border {
  border-bottom: 1px solid #cde0e7;
}

/*------------------- */

.comparateur-page-wrapper .les-offre-card .offre-table-description {
  border-radius: 10px;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: bold;
  margin-right: 56px;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description p {
  width: 100%;
  max-width: 712px;
  line-height: 28px;
}

/* --------------------responsive css---------------- */
@media (max-width:950px) {

  .comparateur-page-wrapper .les-offre-card .offre-table-footer .left-part,
  .les-offre-card .offre-table-footer .right-part {
    max-width: 100%;
  }

  .comparateur-page-wrapper .les-offre-card .offre-table-footer {
    gap: 5px;
  }
}

@media (max-width: 850px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 12px;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
    height: 100%;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part {
    justify-content: start;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .comparateur-page-wrapper .les-offres-container .les-offre-card .img-section {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

@media (max-width:650px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
    min-width: 130px;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-header .right-part p {
    font-size: 12px;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
    padding: 5px 15px;
    font-size: 12px;
  }

  .comparateur-page-wrapper .data {
    padding: 3px 8px;
  }

  .comparateur-page-wrapper .les-offres-container .les-offre-card .img-section {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }

  .comparateur-page-wrapper .les-offres-container .les-offre-card .img-section img {
    max-width: 100px;
  }

  .comparateur-page-wrapper .social-media-link .social-media-link-down ul {
    gap: 5px;
    flex-wrap: wrap;
  }

  .comparateur-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
    max-width: 150px;
    font-size: 10px;
  }
}

@media (max-width: 450px) {
  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    flex-wrap: no-wrap !important;
    justify-content: space-between;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    width: 200px;
    margin-bottom: 10px;
    margin: auto;
    padding: 10px 10px;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
    padding: 5px;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 8px;
  }

  .comparateur-page-wrapper .data {
    font-size: 10px;
  }

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    gap: 10px;
  }
}

@media (max-width:463px) {
  .comparateur-page-wrapper .data {
    padding: 3px 5px;
  }

  .comparateur-page-wrapper footer .footer-container {
    flex-direction: column;
  }

}


/* les offre */
* {
  margin: 0;
  padding: 0;
  font-family: 'Montserrat', sans-serif;
}

.les-offre-page-wrapper .m-width {
  width: 100%;
  max-width: 1296px;
  margin: auto !important;
}

.les-offre-page-wrapper .les-offres-hero-section {
  box-shadow: 0px 0px 10px #c4c4c4;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-header {
  padding: 15px 0;
  align-items: center;
  border-bottom: 2px solid #c4c4c4;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
  width: 100%;
  max-width: 526px;
  align-self: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
  width: 100%;
  min-width: 192px;
  object-fit: contain;
  padding: 0 15px;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
  width: 100%;
  padding: 15px 35px;
  border-radius: 10px;
  border: 2px solid #d4af37;
  background-color: transparent;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
  padding-bottom: 15px;
  display: flex;
  justify-content: space-between;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
  padding: 15px;
}

.les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
  font-size: 18px;
  text-decoration: none;
  font-family: 'Montserrat', sans-serif;
  color: #0b0b0b;
}

.les-offre-page-wrapper .blank-space {
  width: 100%;
  height: 158px;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
  width: 100%;
  height: 131px;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h2 {
  font-size: 40px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #185985;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 {
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  color: #185985;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part {
  width: 100%;
  max-width: 416px;
  display: flex;
  justify-content: end;
  align-items: center;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part .img-container {
  border-left: 2px solid #c4c4c4;
  border-right: 2px solid #c4c4c4;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part .mid-img {
  border: none;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part img {
  width: 100%;
  max-width: 89px;

  margin: 0 15px;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
  width: 100%;
  padding: 48px 0px;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container::after {
  content: "";
  position: absolute;
  width: 60%;
  height: 1px;
  background-color: #add8e6;
  top: 100%;
  left: 20%;
  right: 20%;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  padding: 7px 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  background-color: transparent;
  outline: none;
  border: none;
  color: #fff;
  border-radius: 10px;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-yellow {
  background-color: #d4af37;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-trans {
  color: #0b0b0b;
  background-color: transparent;
  border: 2px solid #d4af37;
}


.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .filter-btn-blue {
  background-color: #add8e6;
  color: #0b0b0b;
}

.les-offre-page-wrapper .offres-heading {
  width: 100%;
  max-width: 1076px;
  font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  margin: 48px auto;
}

.les-offre-page-wrapper .les-offres-container {
  width: 100%;
  max-width: 1076px;
  margin: auto;
}

.les-offre-page-wrapper .les-offres-container .les-offre-card {
  width: 100%;
  margin: auto;
  padding: 36px 0;
  margin-bottom: 35px;
  box-shadow: 0px 0px 5px #e3f3fc;
  border-radius: 10px;
}

.les-offre-page-wrapper .les-offres-container .les-offre-card .img-section {
  width: 100%;
  max-width: 935px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 24px;
}

.les-offre-page-wrapper .les-offres-container .offre-table table {
  width: 100%;
  max-width: 935px;
  margin: auto;
  border-collapse: separate;
}

.les-offre-page-wrapper .les-offres-container .offre-table table .bold-heading {
  font-weight: bold;
  font-size: 20px;
}

.les-offre-page-wrapper .data {
  margin-right: 15px;
  padding: 6px 27px;
  background-color: transparent;
}

.les-offre-page-wrapper td {
  text-align: center;
}

.les-offre-page-wrapper .blue-bg {
  text-align: center;
  background: #cde0e7;
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  border-radius: 10px;
}

/*------------------- */
.les-offre-page-wrapper .les-offre-card .offre-table-footer {
  width: 100%;
  max-width: 935px;
  margin: auto;
  gap: 24px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-footer .left-part,
.les-offre-card .offre-table-footer .right-part {
  background: #cde0e7;
  width: 100%;
  padding: 7.5px;
  max-width: 454px;
  border-radius: 10px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description {
  background: #cde0e7;
  width: 100%;
  max-width: 935px;
  margin: auto;
  padding-top: 6px;
  border-radius: 10px;
  margin-top: 6px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: bold;
  margin-right: 56px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description p {
  width: 100%;
  max-width: 712px;
  line-height: 28px;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container {
  width: 100%;
  max-width: 935px;
  margin: auto;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper {
  width: 100%;
  justify-content: end;
  margin-top: 35px;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
  width: 100%;
  max-width: 295px;
  padding: 13px;
  font-size: 18px;
  background: transparent;
  border-radius: 10px;
  font-weight: 500;
  border: 2px solid #d4af37;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox {
  width: 100%;
  max-width: 222px;
  padding: 13px;
  margin-left: 11px;
  font-size: 18px;
  color: #fff;
  background-color: #d4af37;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

/*---------------if btn is green */
.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox-green {
  width: 100%;
  max-width: 222px;
  padding: 13px;
  margin-left: 11px;
  font-size: 18px;
  color: #fff;
  border: 0;
  background-color: #228b22;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox input {
  height: 22px;
  width: 22px;
  border: 0;
  top: 0;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 {
  font-weight: bold;
}

.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
}

.les-offre-page-wrapper .modify {
  font-size: 16px;
  font-weight: 400;
}

.les-offre-page-wrapper .offer {
  font-size: 13px;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offres-container .offre-table table .bold-heading {
  font-weight: 500;
  font-size: 20px;
}

/* --------------------responsive css---------------- */
@media (max-width:950px) {

  .les-offre-page-wrapper .les-offre-card .offre-table-footer .left-part,
  .les-offre-card .offre-table-footer .right-part {
    max-width: 100%;
  }

  .les-offre-page-wrapper .les-offre-card .offre-table-footer {
    gap: 5px;
  }
}

@media (max-width: 850px) {
  .les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 12px;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
    height: 100%;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part {
    justify-content: start;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    flex-wrap: wrap;
    justify-content: space-around;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    margin-bottom: 10px;
    margin-right: 20px;
  }

  .les-offre-page-wrapper .les-offres-container .les-offre-card .img-section {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
  }
}

@media (max-width:650px) {
  .les-offre-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
    min-width: 130px;
  }

  .les-offre-page-wrapper .les-offres-hero-section .les-offre-header .right-part p {
    font-size: 12px;
  }

  .les-offre-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
    padding: 5px 15px;
    font-size: 12px;
  }

  .les-offre-page-wrapper .data {
    padding: 3px 8px;
  }

  .les-offre-page-wrapper footer .footer-container {
    height: 100%;
    gap: 10px;
  }

  .les-offre-page-wrapper .les-offres-container .les-offre-card .img-section {
    width: 100%;
    gap: 10px;
    flex-wrap: wrap;
  }

  .les-offre-page-wrapper .les-offres-container .les-offre-card .img-section img {
    max-width: 100px;
  }

  .les-offre-page-wrapper .social-media-link .social-media-link-down ul {
    gap: 5px;
    flex-wrap: wrap;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
    max-width: 150px;
    font-size: 10px;
  }
}

@media (max-width: 450px) {
  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    flex-wrap: no-wrap !important;
    justify-content: space-between;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    width: 200px;
    margin-bottom: 10px;
    margin: auto;
    padding: 10px 10px;
  }

  .les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
    padding: 5px;
  }

  .les-offre-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 8px;
  }

  .les-offre-page-wrapper .data {
    font-size: 10px;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    gap: 10px;
  }
}

@media (max-width:463px) {
  .les-offre-page-wrapper .data {
    padding: 3px 5px;
  }

  .les-offre-page-wrapper footer .footer-container {
    flex-direction: column;
  }

}

/* side comp */

* {
  font-family: 'Montserrat', sans-serif;
  box-sizing: border-box !important;
}

body {
  background-color: #fff;
}

.side-comp-page-wrapper .popUp-filter-continer {
  width: 100%;
  max-width: 387px;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUphead {
  margin-bottom: 48px;
  justify-content: space-between;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUphead h4 {
  font-size: 30px;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUphead button {
  border: 0;
  background-color: transparent;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUpwarning img {
  width: 30px;
  height: 30px;
  margin-right: 24px;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUpwarning p {
  font-size: 18px;
  color: #185985;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button {
  width: 100%;
  border: 0;
  border-radius: 10px;
  margin: 24px 0;
  padding: 15px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button:nth-child(1) {
  background-color: #D4AF37;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button:nth-child(2) {
  background-color: #E40808;
}

.side-comp-page-wrapper .check-box-container .heading {
  width: 100%;
  margin: 24px 0;
}

.side-comp-page-wrapper .check-box-container .check-box-dropDown select {
  width: 100%;
  max-width: 305px;
  height: 52px;
  background-color: #EFF1F9;
  border: 0;
  padding: 8px 16px;
}

.side-comp-page-wrapper .check-box-container .check-box-dropDown {
  padding-bottom: 24px;
  border-bottom: 2px solid #91BBC9;
}

.side-comp-page-wrapper .check-box-container .check-box-one {
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 2px solid #91BBC9;
}

.side-comp-page-wrapper .check-box-container .check-box-one label {
  width: 100%;
  max-width: 325px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  font-size: 15px;
  font-weight: 500;
}

.side-comp-page-wrapper .check-box-container .check-box-one input {
  width: 24px;
  height: 24px;
  margin-right: 8px;
}

.side-comp-page-wrapper .check-box-container .apply-filter-btns-footer button {
  width: 100%;
  border: 0;
  border-radius: 10px;
  margin: 24px 0;
  padding: 15px;
  font-size: 18px;
  color: #ffffff;
  font-weight: 500;
}

.side-comp-page-wrapper .check-box-container .apply-filter-btns-footer button:nth-child(1) {
  background-color: #D4AF37;
}

.side-comp-page-wrapper .check-box-container .apply-filter-btns-footer button:nth-child(2) {
  background-color: #E40808;
}

.side-comp-page-wrapper .side-part {
  background-color: #00000040;
}

.side-comp-page-wrapper .popUp-filter-continer {
  width: 100%;
  max-width: 480px;
  background-color: white;
  padding: 20px;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUpwarning p {
  font-size: 18px;
  color: #185985;
  font-weight: 500;
}

.side-comp-page-wrapper .heading-desc {
  font-size: 16px;
  font-weight: 500;
}

.side-comp-page-wrapper .check-box-container .check-box-dropDown select {
  width: 100%;
  max-width: 100%;
  height: 52px;
  background-color: #EFF1F9;
  border: 0;
  padding: 8px 16px;
  font-weight: 500;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .popUphead {
  align-items: center;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button {
  width: 100%;
  border: 0;
  border-radius: 8px;
  margin: 7px 0;
}

.side-comp-page-wrapper .check-box-container .apply-filter-btns-footer button {
  width: 100%;
  border: 0;
  border-radius: 8px;
  margin: 7px 0;
}

@media (max-width: 480px) {
  .side-comp-page-wrapper .popUp-filter-continer {
    width: 100%;
    max-width: 100%;
    background-color: white;
    padding: 10px;
  }

  .side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button {
    width: 100%;
    border: 0;
    border-radius: 8px;
    margin: 7px 0;
    padding: 10px;
  }

  .side-comp-page-wrapper .check-box-container .apply-filter-btns-footer button {
    width: 100%;
    border: 0;
    border-radius: 8px;
    margin: 7px 0;
    padding: 10px;
  }

}


/* combined */
.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown {
  position: relative;
  display: inline-block;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background-color: white;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1000;
  min-width: 150px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown-item {
  padding: 10px 15px;
  display: block;
  color: #333;
  text-decoration: none;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown-item:hover {
  background-color: #f0f0f0;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .sort-by-btn {
  width: 100%;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown-toggle {
  cursor: pointer;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown.open .dropdown-menu {
  display: block;
  width: 100%;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .options-container {
  padding: 48px 20px !important;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: center;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container .dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
  padding: 15px 20px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
  width: 100%;
  padding: 10px 20px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
  justify-content: space-between !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .dropdown-container {
  background-color: #ADD8E6;
  color: #0B0B0B;
  padding: 7px 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  outline: none;
  border: none;
  border-radius: 10px;
  text-align: center;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
  padding: 15px 0;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
  padding: 0 12px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper footer .footer-container {
  height: 100%;
  justify-content: space-evenly;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .footer-copy-right h4 {
  margin: 0;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .color-btn-container-box {
  display: flex;
  justify-content: space-between !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
  padding: 10px 10px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
  padding: 3px 0 !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .blank-space {
  width: 100%;
  height: 50px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offer-green-button {
  width: 100%;
  max-width: 222px;
  padding: 6px 10px;
  font-size: 18px;
  color: #fff;
  border: 0;
  background-color: #228b22;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offer-green-button a {
  color: white !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
  width: 100%;
  height: 100%;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box {
  text-align: center;
  margin-right: 10px;
  border-right: 1px solid #c4c4c4;
  padding: 10px 50px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box .chart-img {
  padding: 0 0 10px 0px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box .text {
  font-size: 13px;
  color: #0B0B0B;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 {
  text-decoration: underline;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 img {
  margin-right: 2px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container img {
  width: 14px;
  height: 14px;
  margin-right: 5px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .step4 {
  color: #0B0B0B;
  font-size: 14px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .step1 {
  color: #228B22;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .step2 {
  color: #228B22;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .step3 {
  color: #fff;
  background-color: #D4AF37;
  border-radius: 4px;
  padding: 5px;
  margin-right: 5px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container .next-arrow {
  margin-left: 5px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container .next-arrow img {
  height: 10px;
  width: 10px;
}

/* nav */
.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
  width: auto;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
  width: auto;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
  width: auto;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
  justify-content: space-between;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .patient-account {
  margin-right: 4px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .mid-part {
  justify-content: flex-end;
  display: flex;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .chart-img-padding {
  padding: 13px 0 !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .vert-line-partition {
  height: 24px;
  width: 1px;
  background-color: #0b0b0b;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
  text-align: center;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .options-container {
  padding: 48px 12px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box {
  text-align: center;
  margin-right: 0px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .chart-box-seperator-line {
  width: 2px;
  height: 100px;
  background-color: #c4c4c4;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box {
  border-right: 0;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .chart-box .number {
  color: #D4AF37;
  font-size: 40px;
  font-weight: 500;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
  padding: 15px 0px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
  padding: 10px 0px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
  padding: 0;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
  padding: 0;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container {
  font-size: 14px;
  font-weight: 500;
  color: #0B0B0B;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offer {
  font-size: 13px;
  color: #000;
  font-weight: 500;
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h6 {
  font-weight: bold;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
  text-align: left;
  font-size: 18px;
  font-weight: 500;
  color: #000;
  padding: 0;
}

.comparateur-page-wrapper .offre-table .text-start {
  padding-right: 30px;
}

.comparateur-page-wrapper .text-start {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description p {
  width: 100%;
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: 500;
}

.comparateur-page-wrapper .les-offres-container .les-offre-card {
  font-weight: 500;
}

.comparateur-page-wrapper .header-nav-option {
  font-weight: 500;
}




.les-offre-page-wrapper .blue-bg {
  max-width: 100px;
  text-align: center;
  background: #cde0e7;
  color: #000000;
  font-size: 14px;
  font-weight: 500;
  border-radius: 10px;
}

.les-offre-page-wrapper .text-start {
  font-size: 14px;
  font-weight: 500;
  color: #000;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description p {
  width: 100%;
  max-width: 712px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offres-container .les-offre-card {
  font-weight: 500;
}

.les-offre-page-wrapper .header-nav-option {
  font-weight: 500;
}

@media (max-width: 1310px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding: 15px 10px !important;
  }
}

@media (max-width: 1200px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper footer .footer-container .footer-logo-container img {
    width: 100%;
    max-width: 140px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper footer .footer-container .footer-links h4 {
    width: 100%;
    max-width: 100%;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .color-btn-container-box {
    display: flex;
    justify-content: center !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .our-useful-links {
    display: flex;
    justify-content: center;

  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-option-container {
    justify-content: center !important;
  }
}

@media (max-width: 992px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .our-useful-links {
    display: flex;
    justify-content: flex-start;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding: 8px 12px !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
    padding: 10px 0px !important;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 13px;
  }
}

@media (max-width: 908px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
    width: auto;
    flex-direction: column;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part .vert-line-partition {
    display: none;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part .nav-btn {
    width: 100%;
    padding: 3px 9px;
    margin-top: 3px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part img {
    width: 16px;
  }

}

@media (max-width: 860px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 13px;
  }
}

@media (max-width: 850px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    margin: 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container {
    justify-content: left !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .right-part {
    display: flex;
    flex-direction: column;
    gap: 3px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container .next-arrow {
    margin: 0 15px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .log-out-btn img {
    width: 17px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .log-out-btn {
    font-size: 14px !important;
    padding: 7px 10px !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .patient-account {
    text-align: center;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .patient-account img {
    width: 17px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .footer-logo-container {
    padding: 0 0 60px 0;
  }

  /* .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part {
     width: 100%;
   } */

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part img {
    width: 19px;
    margin-right: 5px;
  }

}


@media (max-width: 752px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
    width: 100%;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .mid-part img {
    padding: 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .mid-part {
    justify-content: flex-start;
    padding: 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .welcome-nav-container {
    flex-direction: column !important;
    justify-content: left !important;
    align-items: flex-start !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .vert-line-partition {
    display: none;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding-top: 20px !important;
  }
}

@media (max-width: 650px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h2 {
    font-size: 21px;
    margin-bottom: 5px;
  }

}

@media (max-width: 450px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 15px;
    margin: 0;
    padding: 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
    padding: 3px 0 0 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .right-part img {
    width: 80px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    width: 100%;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper footer .footer-copy-right h4 {
    font-size: 11px;
    color: #0b0b0b;
    padding: 0 2px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
    padding: 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .mid-part {
    width: 40%;
  }


  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding: 15px 12px !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
    padding: 5px 0px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offer-chart .chart-box {
    padding: 10px 12px;
    margin: 0;
  }
}

@media (max-width: 370px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .log-out-btn {
    font-size: 13px !important;
    padding: 5px 10px !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .patient-account {
    font-size: 13px;
  }

}








.configure-page-wrapper .person-concern-step-1 .button {
  font-size: 18px;
  font-weight: 600;
}

.configure-page-wrapper .person-concern-step-1 {
  max-width: 100%;
  margin: 50px 0;
  padding: 0 20px;
}

.criteria-page-wrapper .heading {
  margin-bottom: 50px;
}

.criteria-page-wrapper .person-concern-step-1 .button {
  font-size: 18px;
  font-weight: 600;
}

@media (max-width: 1000px) {
  .configure-page-wrapper .person-concern-step-1 .button {
    font-size: 14px;
    font-weight: 500;
    padding: 7px 20px;
  }

  .configure-page-wrapper .person-concern-step-1 .button-row {
    flex-direction: row;
  }
}

@media (max-width: 768px) {
  .criteria-page-wrapper .person-concern-step-1 .button-row {
    flex-direction: row;
  }

  .criteria-page-wrapper .person-concern-step-1 .button {
    font-size: 14px;
    font-weight: 500;
    padding: 7px 20px;
  }
}

@media (max-width: 640px) {
  .configure-page-wrapper .person-concern-step-1 .button-row {
    flex-direction: column;
  }
}

@media (max-width: 463px) {
  .criteria-page-wrapper .person-concern-step-1 .button-row {
    flex-direction: column;
  }
}


.les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
  text-align: left;
  font-size: 18px;
  font-weight: 600;
}

.les-offre-page-wrapper .les-offres-container .offre-table table .bold-heading {
  font-weight: 600;
  font-size: 16px;
}

.les-offre-page-wrapper .text-start {
  font-size: 14px;
  font-weight: 600;
}

.les-offre-page-wrapper .data {
  font-size: 14px;
}

.les-offre-page-wrapper .les-offre-card .offre-table-footer .left-part,
.les-offre-card .offre-table-footer .right-part {
  font-size: 14px;
  font-weight: 500;
}

.les-offre-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: 600;
}

@media (max-width: 980px) {
  .les-offre-page-wrapper .les-offres-container .les-offre-card {
    font-weight: 500;
    padding: 35px 5px;
  }

  .les-offre-page-wrapper .les-offres-container {
    padding: 2px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
    padding: 0 10px;
  }
}

@media (max-width: 650px) {
  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
    max-width: 100%;
    font-size: 13px;
    padding: 8px;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox-green {
    height: 40px;
    font-size: 16px;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox {
    height: 40px;
    font-size: 16px;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox input {
    height: 14px;
    width: 14px;
    border: 0;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
    max-width: 100%;
    font-size: 16px;
    padding: 7px;
  }
}

@media (max-width: 450px) {
  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper {
    flex-direction: column;
    gap: 7px;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox-green {
    max-width: 100%;
    margin: 0;
  }

  .les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper .button-checkbox {
    max-width: 100%;
    margin: 0;
  }

  .les-offre-page-wrapper .les-offre-filter-container .les-offre-filter-option-container .btn {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 15px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .offres-heading {
    text-align: left;
    font-size: 17px;
    font-weight: 500;
  }
}


.side-comp-page-wrapper h5 {
  font-size: 30px;
  font-weight: 600;
}

.side-comp-page-wrapper .closing-cross-btn {
  font-size: 20px;
  font-weight: 600;
}

.side-comp-page-wrapper .popUp-filter-continer {
  padding: 20px 0;
}

.side-comp-page-wrapper .popUp-filter-continer .filterApply-pop-section .apply-filter-btns button {
  font-weight: 600;
}

/* login--- */
.login-wrapper-section .form-section {
  padding: 0 75px 0 14px;
  display: flex;
  width: 1;
  flex-direction: column;
  width: 50%;
  align-items: center;
  justify-content: center;
}

.login-wrapper-section form {
  display: flex;
  flex-direction: column;
  gap: 14px;
  width: 100%;
}

.login-wrapper-section .form-section h1 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 600;
  line-height: 48.76px;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  margin-bottom: 25px;
}

.login-wrapper-section .login-btn {
  font-size: 18px;
  font-weight: 600;
}

.login-wrapper-section .google-login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: white;
  color: #185985;
  padding: 10px;
  border: 1px solid #185985;
  border-radius: 5px;
  cursor: pointer;
  font-size: 16px;
  font-weight: 500;
}

.login-wrapper-section .signup-link a {
  font-size: 18px;
  font-weight: 600;
}

.login-wrapper-section .content {
  display: flex;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  margin-top: 40px !important;
  padding: 0;
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 14px;
  margin: 0 10px;
}

@media (max-width: 950px) {
  .login-wrapper-section .image-section {
    flex: 1;
    position: relative;
    display: none;
  }

  .login-wrapper-section .form-section {
    padding: 50px 75px;
  }
}

@media (max-width: 767px) {
  .login-wrapper-section .form-section {
    padding: 50px 75px;
    width: 100%;
  }
}

@media (max-width: 500px) {
  .login-wrapper-section .form-section {
    padding: 40px 15px;
    width: 100%;
  }
}



/* modify an address */
.personal-info-section .person-concern-step-1 .button {
  font-size: 18px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-weight: 600;
}

.personal-info-section .person-concern-step-1 .button-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 40px;
}


.personal-info-section .personal-infomation-wrapper h4 {
  margin-top: 20px;
}

/* .personal-info-section .personal-info-form-right {
    max-width: 100%;
    flex: 0;
  } */
.personal-info-section .personal-info-form-discover-btn {
  font-size: 18px;
  font-weight: 600;
  margin-top: 20px;
}

.personal-info-section .main-form-wrapper.person-concern-step-1 .options {
  gap: 30px;
  align-items: center;
  margin-top: 4px;
  font-weight: 500;
  font-size: 18px;
}

.personal-info-section .edit-address-col-1 .address-step {
  font-style: italic;
}

.personal-info-section .add-address-input .input-field {
  font-size: 14px;
  font-weight: 500;
}

.personal-info-section .modify-acount-wrapper .location-wrapper h3 {
  margin-bottom: 6px;
}

.personal-info-section .modify-acount-wrapper .location-wrapper p {
  margin: 20px 0;
}

.personal-info-section hr {
  margin: 35px 0px;
}

@media (max-width: 950px) {
  .personal-info-section .personal-info-form-container-1 {
    width: 100%;
    padding: 15px 0;
  }

  .personal-info-section .personal-info-form-right {
    max-width: 100%;
    flex: 0;
    margin-left: 10px;
  }

  .personal-info-section .personal-infomation-wrapper h1 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
  }

  .personal-info-section .personal-info-form-right {
    width: 40%;
  }

  .personal-info-section .personal-info-form-info-box h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 15px;
  }

  .personal-info-section .personal-info-form-discover-btn {
    font-size: 17px;
    font-weight: 500;
  }
}

@media (max-width: 850px) {
  .personal-info-section .person-concern-step-1 .button {
    font-size: 17px;
    border: 1px solid #D4AF37;
    border-radius: 8px;
    cursor: pointer;
    padding: 7px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-weight: 500;
  }
}

@media (max-width: 768px) {
  .personal-info-section .personal-info-form-right {
    width: 100%;
    margin: 0;
  }

  .personal-info-section .add-address-input .add-icon {
    width: 32px;
    height: 32px;
    margin-left: 32px;
    cursor: pointer;
  }

  .personal-info-section .add-address-input .icon-container {
    display: flex;
    position: absolute;
    right: 73px;
  }

  .personal-info-section .personal-info-form-container-1 .personal-info-form-left {
    max-width: 100%;
  }
}

@media (max-width: 600px) {
  .personal-info-section .add-address-input .icon-container {
    display: flex;
    position: absolute;
    right: -2px;
  }

  .personal-info-section .add-address-input .add-icon {
    width: 32px;
    height: 32px;
    margin-left: 38px;
    cursor: pointer;
  }

  .personal-info-section .add-address-input .icon-container {
    display: flex;
    position: absolute;
    right: 35px;
  }

  .personal-info-section .add-address-input .add-icon {
    width: 32px;
    height: 32px;
    margin-left: 71px;
    cursor: pointer;
  }
}

@media (max-width: 450px) {
  .personal-info-section .person-concern-step-1 .button-group-right {
    gap: 10px;
    flex-direction: column;
  }

  .personal-info-section .person-concern-step-1 .button {
    width: 100%;
  }

  .personal-info-section .person-concern-step-1 .button-group-right {
    width: 100%;
  }

  .personal-info-section .breadcrumb a {
    font-size: 14px;
  }

  .personal-info-section .breadcrumb span {
    font-size: 14px;
  }
}





/* address */

.my-address-wrapper #myaddress .input-group {
  align-items: center;
}

.my-address-wrapper #searchButton {
  position: absolute;
  right: 5px;
}

.my-address-wrapper .person-concern-step-1 .button-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  margin-top: 20px;
  flex-direction: column;
}

/* myaccount */
.myaccount-page-wrapper #myaddress .input-group {
  display: flex;
  width: 100%;
  max-width: 500px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.myaccount-page-wrapper #searchButton {
  right: 3px;
}


/* person-concern-page-wrapper */
.person-concern-page-wrapper .person-concern-step-1 .error-message {
  display: flex;
  align-items: center !important;
}

.person-concern-page-wrapper .person-concern-step-1 .button {
  font-size: 18px;
  border: 1px solid #D4AF37;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  font-weight: 600;
}

.person-concern-page-wrapper .person-concern-step-1 .question {
  border-bottom: 1px solid #454F5914;
  padding-bottom: 25px;
  text-transform: uppercase;
  margin-bottom: 20px;
}

.person-concern-step-1 .form-title-row {
  padding-bottom: 10px;
}

.person-concern-page-wrapper .person-concern-step-1 .error-message {
  display: flex;
  align-items: center !important;
  margin-bottom: 10px;
}

@media (max-width: 450px) {

  .person-concern-page-wrapper .person-concern-step-1 .button-group-right {
    gap: 10px;
    flex-direction: column;
    width: 100%;
  }

  .person-concern-page-wrapper .person-concern-step-1 .button {
    width: 100%;
  }
}



/* my  profile */
.personal-info-form-container .personal-info-form-left h2 {
  margin-bottom: 10px;
}

.personal-info-form-container .personal-info-form-left h2 {
  margin-top: 10px;
}

.my-personal-info-page-wrapper .personal-info-form-right {
  flex: 1;
  margin-left: 10px;
}

.my-personal-info-page-wrapper .personal-info-form-validate-btn {
  font-size: 18px;
  font-weight: 600;
}

.my-personal-info-page-wrapper .personal-info-section .personal-infomation-wrapper h1 {
  font-size: 25px;
  line-height: 35px !important;
}


@media (max-width: 767px) {
  .my-personal-info-page-wrapper .personal-infomation-wrapper h1 {
    font-size: 25px;
    line-height: 35px !important;
  }

  .my-personal-info-page-wrapper .personal-info-form-right {
    flex: 1;
    margin-left: 0;
  }
}

@media (max-width: 450px) {
  .my-personal-info-page-wrapper .personal-info-form-validate-btn {
    font-size: 18px;
    font-weight: 600;
    width: 100%;
  }

  .personal-info-section .person-concern-step-1 .button-row {
    flex-direction: column;
  }

  .my-personal-info-page-wrapper .breadcrumb {
    padding: 20px 0;
    display: flex;
    align-items: center;
    justify-content: space-around;
  }

  .personal-infomation-wrapper {
    padding: 20px 0;
  }

  .personal-infomation-wrapper {
    margin: 0 10px;
  }

  .my-personal-info-page-wrapper .breadcrumb {
    padding: 20px 10px;
  }

  .personal-info-form-container {
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
  }
}



/* loggin */
.login-page-wrapper .content {
  display: flex;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  margin-top: 40px !important;
  padding: 25px;
}

.login-page-wrapper .form-section {
  padding: 10px 0 10px 50px;
  display: flex;
  width: 1;
  flex-direction: column;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.login-page-wrapper .form-section {
  flex: 2;
  padding-left: 60px;
  max-width: 490px;
  border-left: 1px solid #000000BF;
  margin: 0 30px 0 auto;
}

.login-page-wrapper .form-section {
  flex: 2;
  padding-left: 50px;
}

.login-page-wrapper .main-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px;
  margin-bottom: 40px;
}

.login-page-wrapper .content {
  display: flex;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  margin-top: 40px !important;
  padding: 25px;
  padding-bottom: 25px;
  padding-bottom: 30px;
}

.login-page-wrapper h1 {
  font-size: 40px;
  font-weight: 600;
}

@media (max-width: 767px) {
  .login-page-wrapper h1 {
    font-size: 30px;
    font-weight: 600;
  }

  .pro-account-wrapper .main-heading-wrapper img {
    width: 30px;
    height: 30px;
  }

  .login-page-wrapper .form-section {
    border: 0;
    max-width: 100%;
    width: 100%;
  }

  .login-wrapper-section form {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
    margin: 0;
    max-width: 100%;
  }

  .login-page-wrapper .form-section {
    border: 0;
    max-width: 100%;
    width: 100%;
    padding: 0;
    margin: 15px 0;
  }

  .pro-account-wrapper .radio-option input[type="radio"] {
    accent-color: #185985;
    width: 18px;
    margin: 2px 0;
    height: 18px;
  }

  .login-page-wrapper .main-heading-wrapper {
    margin-bottom: 25px;
  }

  .login-page-wrapper .form-section {
    margin: 30px 0;
  }

  .login-page-wrapper .main-heading-wrapper {
    padding: 0;
  }

  .login-page-wrapper .form-section {
    flex: 2;
    padding-left: 0 !important;
    max-width: 100% !important;
  }
}

/* audio */
.audio-page-wrapper .audio-guide-wrapper h3 {
  margin-bottom: 20px;
}

.audio-page-wrapper .audio-guide-wrapper p {
  color: #000;
  margin-bottom: 30px;
}

.audio-page-wrapper .audio-guide-wrapper {
  padding: 30px 40px 100px 40px;
}

.audio-page-wrapper .main-heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px;
  padding-bottom: 20px;
  padding-bottom: 0;
}

.audio-page-wrapper .content-3 {
  display: flex;
  margin-bottom: 20px !important;
  max-width: 100%;
}

.breadcrumb {
  padding: 20px 0px;
}

.login-page-wrapper .content {
  display: flex;
  margin-bottom: 20px !important;
  flex-wrap: wrap;
  margin-top: 40px !important;
  padding: 25px;
  padding-bottom: 25px;
  padding-bottom: 25px;
  padding-bottom: 30px;
  width: 100%;
  max-width: 100%;
}

.login-page-wrapper .form-section {
  flex: 2;
  padding-left: 60px;
  max-width: 50%;
}

.login-page-wrapper .content {
  width: auto;
  max-width: 100%;
}

@media (max-width: 550px) {
  .audio-page-wrapper .audio-guide-wrapper h3 {
    font-family: 'Montserrat', sans-serif;
    font-size: 30px;
  }

}

@media (max-width: 450px) {

  .audio-page-wrapper .audio-guide-wrapper {
    padding: 20px 10px 80px 10px;
  }
}

.comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h2 {
  font-size: 40px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #185985;
}

.comparateur-page-wrapper .text-start {
  font-weight: 600;
}

.comparateur-page-wrapper td {
  text-align: center;
  font-size: 14px;
  padding: 6px 36px;
  font-weight: 500;
}

.comparateur-page-wrapper .range {
  font-size: 16px;
}

.comparateur-page-wrapper .blue-bg {
  text-align: center;
  background: #cde0e7;
  color: #000000;
  font-size: 14px;
  font-weight: 600;
  border-radius: 10px;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: 600;
}

.comparateur-page-wrapper .cheapest {
  font-size: 14px;
  font-weight: 600;
}


@media (max-width: 400px) {
  .les-offre-page-wrapper .data {
    font-size: 11px;
  }

  .les-offre-page-wrapper .text-start {
    font-size: 11px;
    font-weight: 600;
  }

  .les-offre-page-wrapper .les-offres-container .offre-table table .bold-heading {
    font-weight: 600;
    font-size: 13px;
  }

  .les-offre-page-wrapper .les-offre-card .offre-table-footer .left-part,
  .les-offre-card .offre-table-footer .right-part {
    font-size: 12px;
    font-weight: 500;
  }

  .les-offre-page-wrapper .blue-bg {
    max-width: 100px;
    text-align: center;
    background: #cde0e7;
    color: #000000;
    font-size: 12px;
    font-weight: 500;
    border-radius: 10px;
  }
}



.comparateur-lesoffre-sidecomponent-page-wrapper .mobile-menu-section {
  display: none;
}


.comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
  padding: 10px 0px !important;
  display: none;
  font-weight: 500;
  font-size: 18px;
}

.hamburger {
  display: none;
}

.dropdown-main-title {
  color: #0B0B0B;

}

@media (max-width: 1000px) {
  .dropdown-main-title {
    color: #0B0B0B;
    font-size: 16px;
  }
}

@media (max-width: 992px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 16px;
  }
}

@media (max-width: 860px) {}

@media (max-width: 768px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 16px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .right-part {
    width: auto;
    flex-direction: column;
    display: none;
  }

  .les-offre-nav-container {
    display: none;
  }

  .mobile-menu-section {
    display: none;
  }

  .comparateur-page-wrapper .header-nav-option {
    font-weight: 500;
    display: none;
  }

  .hamburger {
    display: flex;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header .left-part {
    width: 100%;
    display: none !important;
  }

  .les-offre-nav.show {
    display: flex;
  }

  .hamburger {
    /* display: none; */
    flex-direction: column;
    justify-content: space-around;
    height: 21px;
    align-items: end;
    cursor: pointer;
  }


  .hamburger div {
    width: 25px;
    height: 3px;
    background-color: #D4AF37 !important;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
  }

  .hamburger div {
    transition: all 0.3s ease;
    color: #D4AF37 !important;
  }

  /* Hamburger to Cross */
  .hamburger.open .line1 {
    transform: rotate(45deg) translate(5px, 5px);
  }

  .hamburger.open .line2 {
    opacity: 0;
  }

  .hamburger.open .line3 {
    transform: rotate(-45deg) translate(5px, -5px);
  }

  .comparateur-page-wrapper .log-out-part .right-part .nav-btn {
    width: 100%;
    padding: 15px 35px;
    border-radius: 10px;
    border: 2px solid #D4AF37;
    background-color: transparent;
    font-size: 18px;
    font-family: 'Montserrat', sans-serif;
  }

  .les-offre-nav.show {
    display: flex;
    overflow-y: auto;
  }

}

.dropdown-menu {
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.dropdown-menu a {
  color: #000;
  padding: 10px 15px;
  text-decoration: none;
  font-weight: 500;
}

.dropdown-menu a:hover {
  background-color: #D4AF37 !important;
  color: white;
}

.comparateur-page-wrapper .header-nav-option {
  font-weight: 500;
  display: none;
}

.dropdown-menu {
  border: 1px solid #ddd;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  padding: 0;
}

@media (max-width: 860px) {
  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 16px;
  }
}

@media (max-width: 752px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    padding-top: 0px !important;
    padding-bottom: 0 !important;
  }
}

@media (max-width: 768px) {
  .dropdown-main-title {
    color: #0B0B0B;
    font-size: 16px;
  }

  .drop-section {
    width: 100%;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option:hover {
    padding: 3px 0 !important;
    width: 100%;
    background-color: #D4AF37;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option:hover a {
    color: white;
  }



  .header-page-wrapper .m-width {
    width: 100%;
    max-width: 1296px;
    margin: auto !important;
    padding: 0;
  }

  .log-out-part .right-part {
    padding: 0 10px;
  }

  .log-out-part .log-out-btn {
    font-size: 16px;
  }

  .comparateur-page-wrapper .dropdown-hover:hover .dropdown-item {
    color: #0B0B0B !important;
  }

  .comparateur-page-wrapper .dropdown-hover:hover .dropdown-item:hover {
    color: white !important;

  }

  .comparateur-page-wrapper .log-out-part .right-part .log-out-btn {
    font-weight: 500;
  }

  .comparateur-page-wrapper .log-out-part .right-part .log-out-btn:hover {
    background-color: #D4AF37;
    color: white;
  }

  .comparateur-page-wrapper .log-out-part .right-part .nav-btn {
    font-size: 16px !important;
    margin: 10px 0;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .desktop-menu {
    display: none !important;
  }

}

@media (max-width: 752px) {
  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-header {
    margin: 0;
    padding: 0 !important;
  }
}


.comparateur-lesoffre-sidecomponent-page-wrapper .desktop-menu {
  display: flex;
}

.comparateur-page-wrapper .right-part .log-out-btn {
  font-weight: 500;
}

.comparateur-page-wrapper .right-part .log-out-btn:hover {
  background-color: #D4AF37 !important;
  color: white;
}

.dropdown-menu a:hover {
  background-color: #D4AF37 !important;
  color: white !important;
}


.header-page-wrapper .ancor-text {
  font-size: 18px !important;
  font-weight: 500 !important;
}

.comparateur-wrapper-section .breadcrumb a {
  font-size: 14px;
  font-weight: 500;
}

.comparateur-wrapper-section .dropdown-menu a:hover {
  background-color: #ADD8E6 !important;
}

.comparateur-wrapper-section .les-offre-filter-container .les-offre-filter-option-container .btn {
  font-weight: 600;
}

.comparateur-page-wrapper .les-offre-card .offre-table-description {
  background: #cde0e7;
  width: 100%;
  margin: 20px 0 !important;
  max-width: 1000px;
}

.comparateur-page-wrapper .network-height {
  height: 66px !important;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container .step1 img {
  margin: 0 5px 0 0px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .navigation-step-container .step2 img {
  margin: 0 5px 0 0px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .step4 {
  color: #0B0B0B;
  font-size: 14px;
  font-weight: 500;
}



/* hover -------------------------------------*/
.yellow-button-hover {
  background-color: #D4AF37 !important;
  color: #fff !important;
  border: 1px solid #D4AF37 !important;
  font-size: 18px !important;
  font-weight: 600 !important;
}

.yellow-button-hover:hover {
  background-color: #a37407 !important;
}

.blue-button-hover {
  background-color: #D4AF37;
  color: #fff;
  border: 1px solid #D4AF37;
}

.blue-button-hover:hover {
  background-color: #a37407 !important;
}

.white-button-hover {
  font-size: 14px;
  border: 1px solid #D4AF37 !important;
  border-radius: 8px;
  cursor: pointer;
  padding: 8px 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: #fff;
  color: #000;
}

.white-button-hover:hover {
  background-color: #D4AF37 !important;
  color: #fff;
}

/* -------------------------------------------- */



.congfigure-wrapper-detail .option-span {
  flex-wrap: wrap;
  font-size: 18px;
  font-weight: 600;
  flex-direction: column;
  gap: 3px;
}

.les-offre-page-wrapper .img-container {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: center;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
}

.les-offre-page-wrapper .img-container img {
  /* height: 20px; */
  width: 40px;
  margin-bottom: 10px;
}

.les-offre-page-wrapper .les-offres-container .les-offre-card .img-section {
  align-items: start;
  gap: 25px;
}

.comparateur-lesoffre-sidecomponent-page-wrapper .right-part img {
  width: auto;
  margin-right: 10px;
}

#checkbox:checked~.button-check-btn {
  background-color: green !important;
  border-color: white;
  color: white;
  text-align: center;
  line-height: 16px;
  font-weight: bold;
}

.les-offre-page-wrapper .les-offre-card .offre-offre-select-btn-container .btn-wrapper button {
  font-weight: 600;
}

.les-wrapper .dropdown-container .dropdown-item:hover {
  background-color: #add8e6 !important;
}

@media (max-width: 850px) {
  .les-wrapper .les-offre-card .chart-box-seperator-line {
    display: none;
  }
}

@media (max-width: 590px) {

  .les-offre-page-wrapper .img-container {
    width: 27%;
  }
}

@media (max-width: 477px) {
  .les-offre-page-wrapper .img-container {
    width: 46%;
  }
}




.my-address-section-wrapper .person-concern-step-1 .button {
  width: 200px;
}

.address-card span {
  color: #185985;
  font-weight: 600;
}

.address-card-wrapper .address-card .address-subtitle {
  margin-bottom: 12px;
}

@media (max-width: 477px) {
  .address-card-wrapper .address-card {
    box-shadow: 0px 0px 15px 0px #0000001A;
    width: 100%;
    padding: 17px;
  }

  .address-card-wrapper .card-box {
    padding: 0;
  }

  .personal-infomation-wrapper {
    margin: 0;
  }


}

@media (max-width: 450px) {
  .personal-infomation-wrapper {
    margin: 0;
  }
}

.my-address-wrapper .person-concern-step-1 .button-row {
  align-items: flex-start;
}

.search-container-wrapper {
  justify-content: space-around;
}

@media (max-width: 330px) {
  .my-address-section-wrapper .person-concern-step-1 .button {
    width: 100%;
  }
}

@media (max-width: 1160px) {
  .personal-infomation-wrapper {
    margin: 0 10px;
  }
}

@media (max-width: 450px) {
  .personal-infomation-wrapper {
    margin: 0 10px;
  }
}

.my-personal-info-page-wrapper .breadcrumb {
  padding: 20px 10px;
}

.login-part-wrapper .signup-link {
  color: #37393F;
}

.login-part-wrapper .signup-link span {
  color: #185985;
  font-weight: 600;
}

.article-page-wrapper .main-top-head-section {
  align-items: flex-start;
}

.article-page-wrapper .main-heading {
  font-family: 'Montserrat', sans-serif;
  font-size: 60px;
  font-weight: 800;
  line-height: 73.14px;
  width: 100%;
  max-width: 900px;
  margin: 30px 0;
  letter-spacing: 1px;
  text-align: left;
  color: #185985;
  max-width: 100%;
}

.article-page-wrapper .text {
  font-size: 18px;
  font-weight: 400;
  margin-top: 20px;
}

.article-page-wrapper .text1 {
  font-size: 18px;
  font-weight: 400;
  margin: 30px 0 0 0;
}

.article-page-wrapper .text a {
  color: #185985;
  font-weight: 500;
}

.article-page-wrapper .content-section {
  margin: 50px auto;
}

.article-page-wrapper .content-section h5 {
  font-size: 40px;
  margin-top: 30px;
  color: #185985;
  font-weight: 600;
  margin-bottom: 60px;
}

.article-page-wrapper .content-section li {
  font-size: 18px;
  font-weight: 600;
  color: #454545;
  padding: 5px 0;
}

.article-page-wrapper .img-collection h3 {
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  margin: 30px 0;
  color: #000;
  font-weight: 600;
}

.article-page-wrapper .lorem-btn {
  width: 100%;
  text-transform: uppercase;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  height: 55px;
  max-width: 250px;
  display: flex;
  margin: 40px 0 60px 0;
  align-items: center;
  justify-content: center;
}

.article-page-wrapper .lorem-btn img {
  margin-left: 15px;
}

.article-page-wrapper .img-collection img {
  width: 100%;
  border-radius: 15px
}

.article-page-wrapper .white-btn {
  background-color: #fff;
  border: 1px solid #D4AF37 !important;
  color: #000;
}

.article-page-wrapper .white-btn:hover {
  color: white !important;
}

.article-page-wrapper .search-container {
  border: 2px solid #185985;
  padding: 10px;
  border-radius: 10px;
  padding-bottom: 20px;
}

.article-page-wrapper .search-container h6 {
  font-size: 24px;
  font-weight: 600;
  color: #185985;
  margin: 18px 0;
}

.article-page-wrapper .search-container p {
  font-size: 18px;
  font-weight: 600;
  color: #454545;
  margin-bottom: 6px;
}

.article-page-wrapper .search-container .search-box {
  background-color: #F1FAFF;
  padding: 14px;
  border-radius: 10px;
}

.article-page-wrapper .search-container .search-box input {
  border: none;
  background-color: #F1FAFF;
  color: #00062D;
  font-size: 18px;
  font-weight: 600;
  width: 100%;
  padding: 0 8px;
  margin-left: 5px;
}

.article-page-wrapper .search-container .search-box input::placeholder {
  color: #00062D !important;
}

.article-page-wrapper .search-container .search-box img {
  height: 24px;
  object-fit: contain;
  margin-top: 2px;
}

.article-page-wrapper .blue-card {
  width: 100% !important;
  max-width: 100%;
  margin-top: 50px;
}

@media (max-width: 1000px) {
  .article-page-wrapper .blue-card {
    width: 100% !important;
    max-width: 100%;
    margin-top: 50px;
    padding: 10px;
  }
}

@media (max-width: 1300px) {
  .personal-info-form-container {
    gap: 20px;
    padding: 0;
  }
}

.my-personal-info-page-wrapper .breadcrumb {
  padding: 20px 0px;
}

@media (max-width: 1150px) {
  .my-personal-info-page-wrapper .breadcrumb {
    padding: 20px 10px;
  }
}

.comparateur-page-wrapper .les-offre-card .offre-table-description h6 {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
  line-height: 28px;
}

@media (max-width: 768px) {
  .header-page-wrapper .ancor-dropdown-title {
    padding: 8px 8px 8px 0 !important;
    margin: 0 0 0 10px;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option {
    padding: 3px 0 !important;
    width: 100%;
    border: 1px solid black;
    margin: 0;
    border-top: none;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .log-out-part {
    padding: 3px 0 !important;
    width: 100%;
    border: 1px solid black;
    margin: 0;
    border-top: none;
  }

  .comparateur-lesoffre-sidecomponent-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container {
    padding-top: 0 !important;
    border-top: 1px solid black;
  }
}

@media (max-width: 450px) {
  .header-page-wrapper .ancor-dropdown-title {
    padding: 8px 8px 8px 0 !important;
    margin: 0 0 0 10px !important;
  }
}



.dropdown-menu {
  border-radius: 0;
}

@media (max-width: 450px) {
  .dropdown-menu {
    border-radius: 0;
  }

  .article-page-wrapper .main-heading {
    font-size: 40px;
    line-height: 45px;
  }
}

.article-page-wrapper .search-container {
  padding: 20px;
}

@media (max-width: 576px) {
  .article-page-wrapper .del {
    display: none;
  }

  .article-page-wrapper .img-collection {
    width: 100%;
    margin: 0;
  }

  .article-page-wrapper .button-group {
    flex-direction: column;
    margin: 30px 0;
  }

  .article-page-wrapper .button-group .single-group-btn {
    margin: 5px 0;
  }

  .article-page-wrapper .content-container-wrapper {
    margin: 0;
  }

  .article-page-wrapper .search-box-wrapper {
    padding: 0;
  }

  .article-page-wrapper .column-section {
    padding: 0;
  }
}

.article-page-wrapper .person-concerned-wrapper {
  background: #E3F5FF;
  padding: 30px 0 30px 0;
  height: 335px;
}

.article-page-wrapper .main-top-head-section {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}

@media (max-width: 992px) {
  .article-page-wrapper .person-concerned-wrapper {
    height: auto;
  }

  .article-page-wrapper .content-section h5,
  .article-page-wrapper .img-collection h3 {
    font-size: 30px;
  }

}

.article-page-wrapper .column-section {
  border-bottom: 1px solid #000;
  padding-bottom: 10px;
}


.header-page-wrapper .after-login a {
  background-color: #228B22;
  color: #fff !important;
  padding: 8px 35px;
  border-radius: 8px;
}

@media (max-width: 1200px) {

  .header-page-wrapper .les-offre-nav-option a {
    font-size: 15px !important;
  }
}


.header-page-wrapper .dropdown-toggle::after {
  border: unset;
  content: "\f078";
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 400;
  color: #0B0B0B !important;
  position: relative;
  font-size: 12px;
  top: 3px;
}

.header-page-wrapper .dropdown-menu a {
  padding-left: 30px;
  padding-right: 30px;
  font-family: "Montserrat", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  padding-top: 15px;
  padding-bottom: 15px;
  color: #000;
  /* padding: 10px 15px; */
  text-decoration: none;
  font-weight: 500;
}

.header-page-wrapper .dropdown-menu {
  margin-top: 12px !important;
  margin-left: -14px !important;
}

@media (max-width: 768px) {
  .header-page-wrapper .after-login a {
    margin: 10px !important;
    text-align: center;
  }

  .header-page-wrapper .dropdown-menu {
    width: 90%;
    left: 0 !important;
    margin: 0 10px !important;
    transform: unset !important;
    top: 61px !important;
    margin-left: 0px !important;
  }

  .comparateur-page-wrapper .les-offres-hero-section .les-offre-nav .les-offre-nav-container .les-offre-nav-option a {
    font-size: 17px !important;
    padding: 15px !important;
    display: block;
  }
}

.comparateur-lesoffre-sidecomponent-page-wrapper .breadcrumb a.step3 {
  padding: 10px !important;
  margin: 10px 0 !important;
}

.comparateur-wrapper-section .breadcrumb a {
  padding: 6px 0 !important;
}

@media (max-width: 768px) {

  .comparateur-page-wrapper .les-offre-filter-container .les-offre-filter-meta-container .left-part h2 {
    font-size: 30px;
  }

  .comparateur-page-wrapper .cheapest {
    margin-top: 20px;
  }

  .comparateur-page-wrapper .les-offre-card .offre-table-description .d-flex {
    display: block !important;
  }

  .comparateur-page-wrapper .les-offre-card .offre-table-description .d-flex h6 {
    margin-right: 0px;
  }
}

.les-offres-container .card-img-container {
  width: 100%;
}

.les-offres-container .offre-table th {
  max-width: 200px;
}

.les-offres-container .offre-table {
  width: 100%;
  overflow: auto;
}

.detail-form-wrapper {
  max-width: 950px;
}

.detail-form-wrapper input[type="checkbox"] {
  margin-right: 6px;
}

.person-concern-step-1 .detail-form-wrapper .count-checkbox-wrapper .question {
  padding: 10px 0 !important;
}

/* 8april */
.login-wrapper-container .content {
  border: 1px solid #0000001A;
  box-shadow: 4px 8px 16px 0px #454F590A;
}

.login-wrapper-container form label {
  font-weight: 500;
  display: block;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  padding-top: 5px;
  padding-bottom: 15px;
}

.login-wrapper-container input {
  width: 100%;
}

.login-wrapper-container .login-btn {
  font-size: 18px;
  font-weight: 600;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  text-transform: uppercase;
  background-color: #E3F5FF !important;
}

.login-wrapper-container .login-btn:hover {
  color: #185985;
  background-color: #E3F5FF !important;
}

.login-wrapper-container .divider {

  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}

.login-wrapper-container .radio-option-wrapper {
  display: flex;
  width: 100%;
  max-width: 900px;
  margin: 20px auto;
}

.login-wrapper-container .signup-link a {
  display: unset;
  font-size: 16px;
  font-weight: 600;
}

.create-your-profile-section .personal-info-form-container {
  display: block;
  max-width: 1000px;
  margin: 0 auto;
}

.create-your-profile-section .personal-info-form-left {
  max-width: 100%;
}

.create-your-profile-section .person-concern-step-1 .button-back,
.create-your-profile-section .button-validate {
  background-color: #E3F5FF;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  border: none;
}

.create-your-profile-section i {
  margin-right: 10px;
}

.create-your-profile-section .person-concern-step-1 .button-validate:hover {
  background-color: #E3F5FF;
}

.create-your-profile-section .person-concern-step-1 button {
  font-weight: 600;
  font-size: 18px;
  padding: 12px 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

.create-your-profile-section .person-concern-step-1 .form-title-row p {
  color: #185985;
}

.create-your-profile-section .person-concern-step-1 h2 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin-bottom: 40px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
}

.create-your-profile-section .personal-info-form-group {
  margin-bottom: 40px;
}

.create-your-profile-section .personal-info-form-group label {
  font-weight: 500;
  display: block;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: #000;
  padding-top: 5px;
  padding-bottom: 15px;
}

.create-your-profile-section .personal-info-form-group input {
  width: 100%;
}

.create-your-profile-section .personal-info-form-group>div {
  width: 100%;
}

.create-your-profile-section .personal-info-form-group span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #185985;
  font-size: 16px;
  padding-top: 10px;
  display: block;
}

.create-your-profile-section .country-box select {
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  width: 100%;
  max-width: 180px;
  font-weight: 500;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;

  background-color: transparent;
  color: #0B0B0B;
  text-align: left;
}

.create-your-profile-section .country-box {
  display: flex;
  gap: 10px;
}



.file-upload-section .upload-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.file-upload-section .upload-box {
  flex: 1 1 45%;
}

.file-upload-section .upload-label {
  font-size: 14px;
  font-weight: 600;
  display: block;
  margin-bottom: 10px;
}

.file-upload-section .required {
  color: red;
}

.file-upload-section .upload-area {
  border: 1px dashed #D5D8E2;
  border-radius: 10px;
  background-color: #F5F5F5;
  padding: 30px 20px;
  text-align: center;
  margin-bottom: 15px;
}

.file-upload-section .upload-icon {
  font-size: 30px;
  color: #333;
  margin-bottom: 10px;
}

.file-upload-section .upload-area p {
  font-family: 'Montserrat', sans-serif;

  font-weight: 600;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}

.file-upload-section .choose-file {
  color: #0C9AD7;
  text-decoration: underline;
  cursor: pointer;
}

.file-upload-section small {
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
  line-height: 20px;
  letter-spacing: 0%;
  text-align: center;
  color: #515978;
}

.file-upload-section small span {
  display: block;
  font-weight: 500;
}

.file-upload-section .radio-group {
  display: flex;
  gap: 20px;
  font-size: 14px;
}

.file-upload-section label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000000;
  line-height: 100%;
  letter-spacing: 0%;
}

.create-your-profile-section .person-concern-step-1 input[type="radio"] {
  width: 24px;
  height: 24px;
  border: 2px solid #0B0B0B;
}

.create-your-profile-section .person-concern-step-1 input[type="radio"]:checked {
  background-color: transparent;
  border-color: #0C9AD7;
}

.create-your-profile-section .person-concern-step-1 input[type="radio"]:checked::after {
  width: 10px;
  height: 10px;
  top: 5px;
  background-color: #0C9AD7;
}

.file-name {
  font-size: 14px;
  margin-top: 5px;
  color: green;
}

.error-message {
  font-size: 13px;
  margin-top: 5px;
  color: red;
}

.file-upload-section {
  margin-bottom: 50px;
}

.create-your-profile-section .personal-info-right {
  border-top: none;
}

.create-your-profile-section .personal-info-form-upload-btn {
  max-width: 276px;
}

.upload-file {
  margin-top: 10px !important;
}

@media (max-width: 768px) {
  .create-your-profile-section .personal-info-form-group {
    display: block;
  }

  .create-your-profile-section .personal-info-form-group span {
    padding-bottom: 20px;
  }

  .create-your-profile-section .personal-info-form-group label {
    padding-top: 15px;
  }

  .create-your-profile-section .person-concern-step-1 h2 {
    font-size: 16px;
    line-height: 22px;
  }

  .file-upload-section .upload-box {
    flex: unset;
  }

  .create-your-profile-section .person-concern-step-1 input[type="radio"] {
    width: 20px;
    height: 20px;
  }

  .file-upload-section label {
    font-size: 14px;
  }

}

.create-your-profile-section .person-concern-step-1 .button-row {
  margin-top: 20px !important;
}

.create-your-profile-section .group {
  display: flex;
  justify-content: space-between;
}

.create-your-profile-section .question p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
  margin-bottom: 15px;
  color: #000000;
}

.create-your-profile-section .person-concern-step-1 .group .question {
  width: 50%;
  border-bottom: none;
}

.create-your-profile-section .person-concern-step-1 .question {
  border-bottom: none;
}

.create-your-profile-section .error {
  color: #E40808;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;

}

.icon-wrapper {
  display: inline-block;
}

.custom-info-icon {
  width: 20px;
  height: 20px;
  font-size: 14px;
  font-family: Arial, sans-serif;
  color: red;
  border: 2px solid red;
  border-radius: 50%;
  text-align: center;
  line-height: 18px;
  display: inline-block;
  box-sizing: border-box;
}

.present-yourself {
  margin-top: 50px !important;
}


.profile-form label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  display: block;
  color: #000000;
  padding-bottom: 15px;
  line-height: 100%;
  letter-spacing: 0%;
}

.profile-form textarea,
.profile-form input[type="text"] {
  width: 100%;
  max-width: 100%;
  padding: 10px;
  border: 1px solid #C4C4C4;
  font-size: 14px;
  border-radius: 4px;
  resize: vertical;
}

.profile-form .form-group {
  margin-bottom: 15px;
}

.profile-form .langues {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.profile-form .langue-input {
  flex: 1 1 calc(50% - 10px);
  min-width: 200px;
}

.create-your-profile-section .profile-form .add-language-btn {
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 10px 20px;
  background-color: #228B22;
  color: white;
  border: none;
  border-radius: 5px;
  font-weight: bold;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
}

.profile-form .add-language-btn:hover {
  background-color: #247838;
}

.profile-form h2 {

  margin-top: 50px;
}

.create-your-profile-section input::placeholder {
  color: #ABAFB1 !important;
}

.create-your-profile-section textarea::placeholder {
  color: #ABAFB1 !important;
}

.create-your-profile-section select::placeholder {
  color: #ABAFB1 !important;
}

.lab-connect-form {
  max-width: 800px;
}

.lab-connect-form__text {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
  display: block;
  color: #000000;
  padding-bottom: 15px;
  margin-top: 100px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #000000;
}

.lab-connect-form__input-group {
  display: flex;
  gap: 0.5rem;
  max-width: 700px;
}

.lab-connect-form__input {
  padding: 10px;
  border: 1px solid #C4C4C4;
  font-size: 14px;
  border-radius: 4px;
  width: 100%;
}

.lab-connect-form__button {
  background-color: #F14336;
  padding: 0.5rem 1rem;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  font-family: 'Montserrat', sans-serif;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  white-space: nowrap;
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  transition: background-color 0.3s;
}

.lab-connect-form__button:hover {
  background-color: #d32f2f;
}

.lab-connect-form__icon {
  font-size: 16px;
}

.lab-connect-form__input::placeholder {
  color: #000;
}

.create-your-profile-section .result-assesment-wrapper {
  box-shadow: 4px 8px 16px 0px #454F590A;
  border: 1px solid #0000001A;
  border-radius: 10px;
}

.create-your-profile-section .section1 {
  font-weight: 700;
  font-size: 22px;
  max-width: 600px;
  line-height: 30px;
  letter-spacing: 0%;
  margin: 20px auto;
  text-align: center;
  font-family: 'Montserrat', sans-serif;
}

@media (max-width: 767px) {
  .create-your-profile-section .section1 {
    font-size: 18px;
    line-height: 26px;
  }
}

.create-your-profile-section .button-container .custom-btn {
  border: 1px solid #D4AF37;
  border-radius: 8px;
  background-color: transparent;
  padding: 12px 15px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 17px;
  line-height: 100%;
  letter-spacing: 0%;

}

.btn-container1 {
  max-width: 650px;
  display: flex;
  margin: 0 auto;
  justify-content: space-between;
}


.btn-container2 {
  max-width: 750px;
  display: flex;
  margin: 30px auto;
  justify-content: space-between;
}

.btn-container2 .delete-btn {
  background-color: #F14336 !important;
  border: none !important;
  color: #fff !important;
}

.btn-container2 .home-btn {
  background-color: #E3F5FF !important;
  color: #185985 !important;
  border: none !important;
}

@media (max-width: 767px) {
  .create-your-profile-section .button-container {
    flex-wrap: wrap;
    gap: 20px;
  }

  .create-your-profile-section .button-container .custom-btn {
    padding: 10px 10px;
    font-size: 15px;
  }

  .create-your-profile-section .button-container button {
    width: 100%;
  }

  .create-your-profile-section .result-assesment-wrapper h2 {
    line-height: 27px;
  }
}

.important-modal {

  max-width: 1000px !important;
}

.imp-label {
  display: flex !important;
  align-items: end;
}

.imp-star-color {
  color: #E40808 !important;
}

.button-color {
  border: 1px solid #D4AF37
}

.button-color:hover {
  background-color: #D4AF37 !important;
  color: white;
}

.main-breadcrum {

  background-color: #f0f8ff;
  /* same as Tailwind bg-blue-50 */
}

.breadcrumb-wrapper {
  /* background-color: #f0f8ff; same as Tailwind bg-blue-50 */
  padding: 20px 0px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
  /* same as text-sm */
  font-weight: 500;
}

.breadcrumb-text {
  display: flex;
  align-items: center;
  /* gap: 12px; */
  justify-content: space-between;
  color: #000;
  width: 100%;
  flex-wrap: wrap;

}

.breadcrumb-text span {
  white-space: nowrap;
  margin: 2px 0;
}

.breadcrumb-arrow {
  font-size: 14px;
}

.breadcrumb-btn {
  margin: 2px 0;
  font-size: 14px;
  font-weight: 500;
  color: #185985;
  border: 1px solid #185985;
  padding: 2px 8px;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
}

.breadcrumb-btn:hover {
  background-color: #e7f1ff;
}


.modal-title-head {
  color: #185985;
  font-size: 40px;
  font-weight: 500;
}

.modal-text-content {
  font-size: 18px;
  color: #000;
}

@media (max-width: 1197px) and (min-width: 685px) {
  .padding-box {
    padding: 20px;
  }

  .breadcrumb-wrapper {
    /* background-color: #f0f8ff; same as Tailwind bg-blue-50 */
    padding: 20px 20px;
  }
}

@media (max-width: 600px) {
  .box-position {
    flex-wrap: wrap;
  }

  .red-box {
    width: 100%;
    text-align: center;
    display: inline;
  }

  .breadcrumb-wrapper {
    /* background-color: #f0f8ff; same as Tailwind bg-blue-50 */
    padding: 20px 10px;
  }
}

.modal-title-head {
  color: #185985;
  font-size: 40px;
  font-weight: 500;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
}


.important-modal .modal-header {
  padding-top: 50px;
}

.important-modal .modal-header .btn-close {
  color: #000;
  right: 40px !important;
  opacity: 1;
}

.important-modal .modal-body {
  padding: 20px 60px !important;
}

@media (max-width: 600px) {
  .important-modal .modal-title-head {
    font-size: 20px;
  }

  .important-modal .modal-body {
    padding: 10px 10px !important;
    font-size: 15px;
  }

  .important-modal .modal-header {
    padding-top: 20px;
  }

  .important-modal .modal-header .btn-close {
    right: 10px !important;
  }

}

.main-heading-wrapper {
  margin-top: 60px !important;
  display: flex;
  margin-bottom: 40px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.main-heading-wrapper h1 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 40px;
}

.main-heading-wrapper h5 {
  font-family: 'Montserrat', sans-serif;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}

.audya-dashboard {
  margin: auto;
  margin-bottom: 30px !important;
  box-sizing: border-box;
}

.audya-dashboard .cards-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.audya-dashboard .card1 {
  flex: 1 1 calc(50% - 20px);
  border: 1px solid #D4AF37;
  border-radius: 8px;
  padding: 20px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  display: flex;
  gap: 20px;
  min-width: 280px;
}

.audya-dashboard .card-icon {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #f1efff;
  color: #bc9cff;
  border-radius: 50%;
  padding: 10px;
  font-size: 16px;
}

.audya-dashboard h4 {
  font-weight: 600;
  font-size: 20px;
  font-family: 'Montserrat', sans-serif;
  line-height: 150%;
  margin-bottom: 10px;
  letter-spacing: -1%;
}

.audya-dashboard p {
  font-size: 14px;
  margin: 0 0 15px;
  color: #333;
}


.audya-dashboard .btn {
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  background-color: #E3F5FF;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  width: 100%;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  /* display: flex
; */
  align-items: center;
  margin: 10px 0;
  /* gap: 6px; */
  max-width: 224px;
  text-align: center;
}

.audya-dashboard .btn i {
  margin-left: 5px;
}

.audya-dashboard .info-texts {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 20px 0;
  gap: 20px;
}

.audya-dashboard .info-text {
  flex: 1 1 calc(50% - 20px);
  font-size: 13px;
  color: #2f4c5a;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  min-width: 280px;
}

.audya-dashboard .info-text i {
  color: #87d0e4;
  font-size: 16px;
  margin-top: 2px;
}

@media (max-width: 768px) {

  .audya-dashboard .card1,
  .audya-dashboard .info-text {
    flex: 1 1 100%;
  }
}

.main-information-container {
  max-width: 1080px;
  margin: 0 auto;
}

.main-information-container .card-detail {
  height: 64px;
  width: 64px;
}

.main-information-container .person-concern-step-1 .form-title-row {
  border: none;
  margin: 0;
  align-items: flex-start;
}



.main-information-container .person-concern-step-1 .form-title-row p {
  color: #185985 !important;
}

.account-link-wrapper h4 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  margin: 40px 0 20px 0;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000000;
}


.lab-table table {
  width: 100%;
  border-collapse: collapse;
  border-radius: 10px;
  overflow: hidden;
}

.lab-table thead {
  background-color: #E3F3FC;
  text-align: left;
}

.lab-table th,
.lab-table td {
  padding: 15px 20px;
  font-family: 'Montserrat', sans-serif;
  color: #0B0B0B;
  font-weight: 500;
  font-size: 16px;
}

.lab-table th {
  color: #0B0B0B;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;

}

.lab-table tbody tr {
  border-bottom: 1px solid #EEEEF0;
}

.lab-table tbody {
  border: 1px solid #EEEEF0;
  border-radius: 10px;
}

.lab-table .btn {
  padding: 8px 12px;
  font-size: 13px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.lab-table .btn-view {
  background-color: #E3F5FF;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  white-space: nowrap;
}

.lab-table .btn-view i {
  color: #00335c;
}

.lab-table .btn-delete {
  background-color: #E40808;
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}

.lab-table .btn-delete i {
  color: #fff;
}

@media (max-width: 600px) {

  .lab-table table,
  .lab-table thead,
  .lab-table tbody,
  .lab-table th,
  .lab-table td,
  .lab-table tr {
    display: block;
  }

  .lab-table thead {
    display: none;
  }

  .lab-table tr {
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
  }

  .lab-table td {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .lab-table td::before {
    content: attr(data-label);
    font-weight: bold;
    color: #00335c;
  }
}

.account-link-wrapper .person-concern-step-1 .form-title-row p {
  font-size: 17px;
  margin-bottom: 0;
}

.account-link-wrapper .person-concern-step-1 {
  margin: 20px auto;
}

.main-information-container .person-concern-step-1 .form-title-row1 {
  margin-bottom: 100px;
  align-items: center;
}



.lab-table1 td {
  font-weight: 500;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: 0px;
}

.main-information-container .person-concern-step-1 .form-title-row1 a {
  color: #185985 !important;
  text-decoration: unset;
}

.suggest-service h2 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  margin-bottom: 30px;
}

.suggest-service label {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #0B0B0B;
}

.suggest-service textarea {
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 6px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  background-color: #EFF1F999;
  font-size: 14px;
  color: #909090;
  margin-top: 20px;
  resize: none;
  box-sizing: border-box;
}

.suggest-service .button-group {
  display: flex;
  justify-content: space-between;
  margin-top: 30px !important;
  flex-wrap: wrap;
  max-width: 600px;
  margin: 0 auto;
  gap: 10px;
}

.suggest-service .btn {
  min-width: 120px;
  padding: 10px 20px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 600;
  font-size: 18px;
  line-height: 100%;
  letter-spacing: 0%;
  text-align: center;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

.suggest-service .btn-cancel {
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  border: 1px solid #E40808;
  color: #E40808;
}



.suggest-service .btn-validate {
  background-color: #E3F5FF;
  border: none;
  color: #185985;
}


@media (max-width: 480px) {
  .suggest-service .button-group {
    flex-direction: column;
    align-items: stretch;
  }

  .suggest-service .btn {
    width: 100%;
  }
}

.important-modal1 {

  max-width: 1000px !important;
}


.important-moda1 .modal-header .btn-close {
  color: #000;
  right: 40px !important;
  opacity: 1;
}

.important-modal1 .modal-body {
  padding: 100px 60px !important;
}

.main-heading-wrapper1 h6 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 40px;
  margin-top: 60px !important;
  margin-bottom: 40px;
  line-height: 100%;
  color: #185985;
}

.main-patients-table-wrapper {
  margin-bottom: 50px;
}

.main-patients-table-wrapper th .filter {
  border: 1px solid #D4AF37;
  background-color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  display: flex;
  text-align: center;
  text-transform: uppercase;
  max-width: 95px;
  justify-content: space-between;
  padding: 0 9px;
  align-items: center;
  color: #0B0B0B;
}



.notification-table {
  margin: 30px auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
}

.notification-table table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #000000;
}

.notification-table th {
  border: 1px solid #000000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding: 14px;
  line-height: 100%;
  color: #0B0B0B;
  width: 28%;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
  text-align: center;
  vertical-align: middle;
}

.notification-table td {
  font-family: 'Montserrat', sans-serif;
  padding: 14px;
  font-weight: 600;
  text-align: center;
  color: #0B0B0B;
  font-size: 18px;
  line-height: 100%;
  border: 1px solid #000000;
  letter-spacing: 0px;
  text-align: center;
  vertical-align: middle;
}




.notification-table .check-icon {
  background-color: #469ad7;
  color: white;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 600px) {
  .notification-table th {
    width: auto;
  }

  .notification-table th {
    font-size: 16px;
  }

  .notification-table td {
    font-size: 15px;
  }
}

.main-heading-wrapper1 h3 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0%;
  text-transform: uppercase;
  color: #000;
  margin-bottom: 60px;
}

.uploaded-file-card {
  display: flex;
  align-items: center;
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
  margin-top: 10px;
  gap: 10px;
  max-width: 300px;
  background: #fafafa;
}

.file-icon i {
  font-size: 24px;
  color: #28a745;
}

.file-info {
  flex: 1;
}

.file-info a {
  font-weight: bold;
  color: #28a745;
  text-decoration: none;
}

.file-meta {
  font-size: 12px;
  color: #777;
}

.file-actions i {
  margin-left: 10px;
  cursor: pointer;
  color: #333;
}


.main-patients-table-wrapper hr {
  border: 0;
  height: 1px;
  background-color: #454F5914;
  margin: 20px 0;
}

/* 30-may */
.pro-account-text {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 49px;
  margin-top: 40px;
}

.pro-account-wrapper .radio-section {
  max-width: 100%;
}

.discover-the-site-wrapper {
  font-family: Arial, sans-serif;
  padding: 20px;
  background: #fff;
  color: #00315c;
}

.discover-the-site-wrapper .top-buttons,
.discover-the-site-wrapper .bottom-buttons {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 20px;
}

.discover-the-site-wrapper .btn-custom {
  background-color: #00315c;
  color: #fff;
  font-size: 14px;
  border: none;
  padding: 6px 16px;
  border-radius: 4px;
}

.discover-the-site-wrapper .section {
  margin-bottom: 30px;
}

.discover-the-site-wrapper .video-thumb {
  position: relative;
  cursor: pointer;
  border-radius: 4px;
  overflow: hidden;
}

.discover-the-site-wrapper .video-thumb.img {
  height: 100%;

}

.discover-the-site-wrapper .video-thumb img {
  width: 100%;
  object-fit: cover;
  display: block;
  height: 100%;
}

.discover-the-site-wrapper .play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: rgba(255, 255, 255, 0.9);
  border-radius: 50%;
  font-size: 20px;
  padding: 10px 14px;
  z-index: 2;
  color: #00315c;
}

.discover-the-site-wrapper .video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0%;
  overflow: hidden;
  border-radius: 4px;
}

.discover-the-site-wrapper .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.discover-the-site-wrapper h5 {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #185985;
  font-size: 34px !important;
  margin-bottom: 20px;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 20px;
}

.discover-the-site-wrapper p,
.discover-the-site-wrapper ul {
  font-size: 14px;
  margin-bottom: 10px;
}

.discover-the-site-wrapper ul {
  padding-left: 20px;
}

.discover-the-site-wrapper .text-section {
  margin: 50px 0px;
}

.discover-the-site-wrapper .section-title {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
  color: #185985;
  font-size: 28px !important;
  margin-bottom: 20px;
}

@media (max-width: 767px) {

  .discover-the-site-wrapper .top-buttons,
  .discover-the-site-wrapper .bottom-buttons {
    flex-direction: column;
    align-items: stretch;
  }
}

.discover-the-site-wrapper .button-validate {
  background-color: #f0f8ff !important;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 8px 30px;
  font-size: 18px;
  color: #185985;
  border: transparent !important;
}

.discover-the-site-wrapper .button-validate:hover {
  background-color: #185985 !important;
  color: #f0f8ff;
}

.discover-the-site-wrapper .button-redo {
  border: transparent !important;
  background-color: #185985 !important;
  color: #f0f8ff;
  border-radius: 8px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  padding: 8px 30px;
}

.discover-the-site-wrapper .button-redo:hover {
  background-color: #f0f8ff !important;
  color: #185985;
}

.discover-the-site-wrapper ul li {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #185985;
  font-size: 17px;
  list-style-type: none;
}

.discover-the-site-wrapper .text-section p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  color: #185985;
  font-size: 17px !important;
}

.discover-the-site-wrapper .lab-side p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: center;
  color: #185985;
  margin-top: 30px;
  font-size: 28px !important;
}

.discover-the-site-wrapper .why-the-site h5 {
  margin-bottom: 10px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  text-align: left;
  color: #185985;
  font-size: 40px !important;
}

.discover-the-site-wrapper .why-the-site p {
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  text-align: left;
  color: #37393F;
  font-size: 16px !important;
}

@media (max-width: 767px) {
  .main-heading-wrapper h1 {
    font-size: 30px;
  }

  .discover-the-site-wrapper button {
    font-size: 14px;
    margin-bottom: 10px !important;
    font-weight: 500;
    padding: 7px 20px;
  }

  .discover-the-site-wrapper {
    padding: 0 !important;
  }

  .discover-the-site-wrapper .section-title,
  .discover-the-site-wrapper .lab-side p {
    font-size: 25px !important;
    margin-bottom: 12px;
  }

  .discover-the-site-wrapper h5 {
    font-size: 25px !important;
  }
}

.pro-profile-section .button-redo {
  border: 3px solid #185985;
  color: #185985;
}

.pro-profile-section .button-redo:hover {
  border: 3px solid #185985;
  color: #fff;
  background-color: #185985 !important;
}

.pro-profile-section button {
  padding: 12px 50px !important;
}

.pro-profile-section .button-validate1 {
  background-color: #185985 !important;
  color: #fff;
}

.pro-profile-wrapper h6 {
  background-color: #E3F3FC !important;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  padding: 10px 20px;
  font-size: 18px;
}

.pro-profile-wrapper .personal-info-form-group1 {
  margin: 20px 0;
  max-width: 550px;
}

.pro-profile-wrapper .personal-info-form-group2 {
  margin: 20px 0 0px 0;
}

.pro-profile-wrapper .personal-info-form-group2 .radio-group {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  display: flex;
  gap: 20px;
  font-size: 18px;
}

.pro-profile-wrapper .personal-info-form-group2 .radio-group label {
  display: flex;
  gap: 10px;
  align-items: center;
}

.pro-profile-wrapper .personal-info-form-group2 .radio-group label input[type="radio"] {
  width: 18px;
  height: 18px;
  top: 0;
}

.pro-profile-wrapper .personal-info-form-group2 .radio-group input[type="radio"]:checked::after {
  width: 10px;
  height: 10px;
  top: 2px;
}

.pro-profile-wrapper .personal-info-form-group2 .form-title-row img {
  width: 23px;
}

.pro-profile-wrapper .personal-info-form-group2 .form-title-row p {
  font-size: 13px;
}


.create-your-profile-section .personal-info-form-group2 span {
  padding-top: 2px;
}

.personal-info-form-group2 .form-title-row {
  padding-bottom: 0;
  margin-bottom: 0;
}

.pro-profile-wrapper .personal-info-form-group {
  gap: 20px;
  align-items: center;
}

.pro-account-form .error {
  margin-bottom: 40px;
}

.timetable-schedule-wrapper .entry-row {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 15px;
  flex-wrap: wrap;
}


.timetable-schedule-wrapper .add-btn {
  background-color: #E3F3FC;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #185985;
  display: flex;
  align-items: center;
  gap: 10px;
  border: none;
  padding: 8px 14px;
  border-radius: 6px;
  white-space: nowrap;
}

.timetable-schedule-wrapper .add-btn:hover {
  background-color: #b5dbfd;
}

.timetable-schedule-wrapper .group-container {
  margin-bottom: 30px;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}

.personal-info-form-group3 {
  align-items: flex-end !important;
}

.personal-info-form-group4 {
  display: flex;
  justify-content: end;
}

.personal-info-form-group5 {
  display: flex;
  justify-content: center;
}

.time-table-wrapper {
  max-width: 700px;
  padding: 20px;
  position: relative;
}

.time-table-wrapper .time-table-day {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.time-table-wrapper .day-name {
  font-weight: bold;
  margin-right: 20px;
  min-width: 80px;
}

.time-table-wrapper .time-range {
  font-weight: bold;
}

.time-table-wrapper .set-hours-btn {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #E3F3FC;
  border: 1px solid #E3F3FC;
  border-radius: 8px;
  padding: 10px 26px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #185985;
  font-size: 18px;
  cursor: pointer;
}

.final-page-wrap {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

.result-assesment-wrapper {
  padding: 30px 50px;
  max-width: 1200px;
}


.btn-container3 {
  display: flex;
  margin: 30px auto;
  justify-content: space-between;
}

.btn-container3 .delete-btn {
  background-color: #185985 !important;
  border: none !important;
  color: #fff !important;
}

.btn-container3 .home-btn {
  background-color: #E3F5FF !important;
  color: #185985 !important;
  border: none !important;
}


.create-your-profile-section .time-table-day span {
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  color: #0B0B0B;
  font-size: 18px;
  padding-top: 10px;
  display: block;
}

#infoModal h5 {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 30px;
}

#infoModal p {
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
}

#infoModal .days .day input[type="checkbox"] {
  accent-color: #0C9AD7;
}

.availability-container input[type="time"] {
  width: 100% !important;
  margin-top: 20px;
  padding: 12px;
  font-size: 1rem;
  border: 1px solid #C4C4C4;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #909090;
  text-align: left;

}

.availability-container label {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: center;
  color: #0B0B0B;
}

.availability-container .label {
  width: 134px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  margin-top: 43px;
  color: #0B0B0B;
  font-size: 14px;
}

.availability-container button {
  padding: 10px 25px;
  border: none;
  border-radius: 5px;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px !important;
  font-weight: 600 !important;
  cursor: pointer;
}

.availability-container .cancel {
  background: #E40808 !important;
  color: white;
}

.availability-container .submit {
  background: #185985 !important;
}

.availability-container .actions {
  justify-content: space-around !important;
}

.setting-up-the-lab-offer .discover-the-site-wrapper {
  margin-top: 20px !important;
  padding: 0 !important;
}

.setting-up-the-lab-offer .main-heading-wrapper {
  margin-bottom: 0;
}

.setting-up-the-lab-offer .button-redo {
  color: #185985 !important;
  border: 3px solid #185985 !important;
  background-color: transparent !important;
}

.setting-up-the-lab-offer .button-redo:hover {
  background-color: #185985 !important;
  color: #fff !important;
}

.setting-up-the-lab-offer .button-validate1:hover {
  color: #185985 !important;
  background-color: #f0f8ff !important;
}

.setting-up-the-lab-offer .text-section {
  margin: 0px 0px;
}


.setting-up-the-lab-offer .personal-info-form-container {
  max-width: 100%;
  padding: 0;
  padding-top: 30px !important;
}

.setting-up-the-lab-offer .main-patients-table-wrapper h4 {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.setting-up-the-lab-offer .list-item input[type="checkbox"] {
  accent-color: #0C9AD7;
}

.setting-up-the-lab-offer .tooltip {
  display: none;
  position: absolute;
  top: 24px;
  left: 30px;
  width: 340px;
  background: #3e3e3e;
  color: white;
  padding: 12px;
  border-radius: 5px;
  font-size: 13px;
  z-index: 10;
  line-height: 1.5;
}

.setting-up-the-lab-offer .info-icon:hover+.tooltip {
  display: block;
}

.setting-up-the-lab-offer .tooltip::before {
  content: "";
  position: absolute;
  top: -6px;
  left: 10px;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #3e3e3e transparent;
}

.setting-up-the-lab-offer .list-item input[type="checkbox"] {
  width: 24px !important;
  height: 24px !important;
  border: 1px solid #D6DAF1;
  position: relative;
  outline: none;
  margin-right: 2px;
  cursor: pointer;
  background-color: white;
  top: 5px;
  border-radius: 3px;
  appearance: none;
  /* Important to style checkboxes consistently */
  -webkit-appearance: none;
  -moz-appearance: none;
}

.setting-up-the-lab-offer .list-item input[type="checkbox"]:checked {
  background-color: #0C9AD7;
  border-color: #0C9AD7;
}

.setting-up-the-lab-offer .list-item input[type="checkbox"]:checked::after {
  content: '\2713';
  font-size: 18px;
  color: white;
  position: absolute;
  top: 0px;
  left: 3px;
  font-weight: bold;
}

.setting-up-the-lab-offer .list-item {
  display: flex;
  margin-bottom: 10px;
  align-items: baseline;
  gap: 10px;
}

.setting-up-the-lab-offer .list-item span {
  display: unset;
}

.setting-up-the-lab-offer .radio-group input[type="checkbox"] {
  border: 1px solid #000 !important;
  width: 20px !important;
  height: 20px !important;
  top: 3px !important;
  border-radius: 4px !important;
}

.setting-up-the-lab-offer .create-your-profile-section .person-concern-step-1 .radio-group input[type="checkbox"]:checked::after {
  content: '\2713';
  font-size: 18px;
  top: 0 !important;
  background-color: transparent;
  left: 0px !important;
  color: #fff;
  position: absolute;
  top: 0px;
  left: 3px;
  font-weight: bold;
}

.setting-up-the-lab-offer .radio-group input[type="checkbox"]:checked {
  background-color: #0C9AD7 !important;
  border-color: #0C9AD7 !important;
}

.setting-up-the-lab-offer .pro-profile-wrapper .personal-info-form-group2 .radio-group {
  flex-wrap: wrap;
}

.setting-up-the-lab-offer .form-title-row {
  align-items: center !important;
}

.setting-up-the-lab-offer .form-title-row p {
  margin: 0 !important;
}


.setting-up-the-lab-offer .personal-info-form-group2 .radio-group label {
  align-items: baseline;
}

@media (max-width: 768px) {
  .person-concern-step-1 .button-group-right {
    display: block !important;
    width: 100%;
  }

  .create-your-profile-section .person-concern-step-1 button {
    width: 100% !important;
  }

  .setting-up-the-lab-offer .pro-profile-wrapper .personal-info-form-group2 .radio-group {
    flex-wrap: wrap;
    gap: 10px;
  }
}

.setting-up-the-lab-offer .text-doc {
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  margin: 30px auto;
  font-weight: 500;
}

.setting-lab-table-wrapper {
  font-family: 'Montserrat', sans-serif;
  color: #0B0B0B;
}

.setting-lab-table-wrapper table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid #000000;
  margin-bottom: 30px;
}

.setting-lab-table-wrapper th,
.setting-lab-table-wrapper td {
  border: 1px solid #000000;
  padding: 12px;
  text-align: center;
  width: 33.33%;
  vertical-align: middle;
  color: #0B0B0B;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  margin: 30px auto;
  font-weight: 600 !important;
}

.setting-lab-table-wrapper th {
  font-weight: bold;
}

.setting-lab-table-wrapper .input-euro {
  position: relative;
  max-width: 250px;
  width: 100%;
  margin: 0 auto;
}

.setting-lab-table-wrapper .input-euro input {
  width: 100%;
  padding: 6px 15px;
  border: 1px solid #C4C4C4;
  font-size: 14px;
  border-radius: 4px !important;
  font-weight: 500;
  color: #909090;
  box-sizing: border-box;
  outline: none;
}

.setting-lab-table-wrapper .input-euro input::placeholder {
  color: #909090;
}

.setting-lab-table-wrapper .input-euro .euro {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 14px;
  color: #0B0B0B;
}

.setting-lab-table-wrapper .optional {
  color: #0B0B0B;
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  margin: 30px auto;
  font-weight: 600;
}

.setting-lab-table-wrapper .section-title {
  font-size: 18px;
  margin: 20px 0;
}

.setting-lab-table-wrapper .inline-field {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 25px;
  width: 100%;
}

.setting-lab-table-wrapper .inline-field label {
  font-family: 'Montserrat', sans-serif;
  min-width: 160px;
  font-size: 18px;
  font-weight: 600;
}

.setting-lab-table-wrapper .inline-field .input-euro {
  margin: unset !important;
}

.setting-lab-table-wrapper .inline-field .simple-input {
  padding: 8px 10px;
  border: 1px solid #000000;
  color: #0B0B0B;
  font-size: 14px;
  width: 200px;
}

.setting-lab-table-wrapper input:focus {
  outline: none;
  box-shadow: none;
}

.setting-lab-table-wrapper .table-scroll-wrapper {
  width: 100%;
  overflow-x: auto;
}

.setting-lab-table-wrapper table {
  min-width: 600px;
}

.setting-lab-table-wrapper .input-lab-group {
  display: flex;
  margin-top: 20px;
}

.ent-around-lab-wrapper .text-imp {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #000;
}

.ent-around-lab-wrapper .personal-info-form-container {
  max-width: 1200px;
}

.ent-around-lab-wrapper .ent-specialist {
  background-color: #E3F5FF;
  color: #185985;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 18px;
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  line-height: 100%;
}

.ent-around-lab-wrapper .ent-specialist:hover {
  background-color: #185985;
  color: #fff;
}

.ent-around-lab-wrapper .personal-info-form-group {
  align-items: flex-end !important;
}

.ent-around-lab-wrapper .personal-info-form-group .checked.active svg path {
  fill: #228B22;
}

.ent-around-lab-wrapper .personal-info-form-group .checked {
  display: flex;
  gap: 20px;
  align-items: center;
}


.ent-around-lab-wrapper h6 {
  margin-top: 30px;
}

.ent-around-lab-wrapper .add-ora-detail {
  background-color: #185985;
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  display: flex;
  font-size: 18px;
  justify-content: center;
  border: none;
  margin: 20px 0;
  text-align: center;
  max-width: 240px;
  padding: 10px 20px;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
}

.addora-modal .modal-header .btn-close {
  right: 20px !important;
  top: 40px;
  color: #E40808 !important;
}

.addora-modal {
  max-width: 700px !important;
}

.addora-modal .modal-content {
  padding: 50px;
}


.addora-modal h5 {
  font-size: 22px !important;
}

.addora-modal p {
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 18px;
}


.addora-modal input {
  border: 1px solid #E5E9FF !important;
  border-radius: 4px;
  color: #777777;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
  font-size: 16px;
}

.addora-modal button.btn {
  background-color: #E3F5FF !important;
  color: #185985 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;
  font-size: 18px;
  padding: 10px 50px;
  border: none !important;
}


.patients-wrapper h5 {
  color: #000000 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 20px !important;
  text-align: left;
}

.patients-wrapper .form-title-row {
  border: 0 !important;
}

.patients-wrapper-container .pagination {
  margin-top: 20px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: Arial, sans-serif;
}

.patients-wrapper-container .pagination button,
.patients-wrapper-container .pagination span {
  background-color: #E3F3FC;
  border: none;
  color: #185985;
  padding: 6px 12px;
  margin-left: 4px;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
}

.patients-wrapper-container .pagination button.disabled {
  color: #909090;
  background-color: #E3F3FC;
  cursor: not-allowed;
}

.patients-wrapper-container .pagination .active {
  background-color: #185985;
  color: white;
}

.laboratoire-page-wrapper {
  display: flex;
  margin-top: 50px !important;
  font-family: 'Montserrat', sans-serif;
  margin: 0 auto;
  gap: 80px;
  justify-content: space-evenly;
  max-width: 950px;
}

.laboratoire-page-wrapper .left {
  display: flex;
  flex-direction: column;
  gap: 1.2rem;
  max-width: 600px;
  width: 100%;
}

.laboratoire-page-wrapper .card {
  border: 1px solid #D4AF37;
  padding: 40px 30px;
  border-radius: 9px;
  background-color: #ffffff;
}

.laboratoire-page-wrapper .card h4 {
  margin: 0 0 0.5rem;
  font-size: 22px;
  font-weight: 600;
  color: #000929;
  align-items: center;
  display: flex;
  gap: 13px;
}

.laboratoire-page-wrapper .card p {
    font-size: 16px;
    font-weight: 500;
    color: #185985;
    margin: 0.5rem 0 0;
    display: flex
;
    gap: 13px;
    line-height: 20px;
    align-items: flex-start;
}

.laboratoire-page-wrapper .card-input-box {
  border: 1px solid #C4C4C4;
  border-radius: 4px;
  color: #0B0B0B;
  font-size: 14px;
  font-weight: 500;
  padding: 12px;
  margin-top: 0.5rem;

}

.laboratoire-page-wrapper .input-box-and-btn {
  display: flex;
  align-items: center;
  gap: 10px;
}

.laboratoire-page-wrapper .btn-blue-bg-color {
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #E3F5FF;
  border-radius: 8px;
  color: #185985;
  font-weight: 600;
  text-decoration: none;
  font-size: 18px;
  margin-top: 0.5rem;
  padding: 12px 25px;
}

.laboratoire-page-wrapper .btn-dark-bg-color {
  background-color: #185985;
  color: white;
}

.laboratoire-page-wrapper .code-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  background: #f0f7ff;
  border-radius: 6px;
  padding: 0.5rem 0.75rem;
  font-weight: bold;
  margin-top: 0.5rem;
}

.laboratoire-page-wrapper .code-section span {
  font-family: monospace;
}

.laboratoire-page-wrapper .right {
  flex: 1 1 350px;
  max-width: 350px;
  width: 100%;
}

.laboratoire-page-wrapper .right h4 {
  margin-bottom: 1rem;
  font-size: 18px;
  text-align: center;
  font-weight: 600;
  color: #000000;
}

.laboratoire-page-wrapper .date-action-table {
  width: 100%;
  border-collapse: collapse;

  border-radius: 9px 9px 0 0;
}

.laboratoire-page-wrapper .date-action-table tr {
  border-left: 1px solid #EEEEF0;
  border-right: 1px solid #EEEEF0;
}

.laboratoire-page-wrapper .date-action-table .tr-of-head-table {
  border-left: 0px solid #EEEEF0;
  border-right: 0px solid #EEEEF0;
}

.laboratoire-page-wrapper .date-action-table th,
.date-action-table td {
  text-align: left;
  padding: 20px;
  font-size: 16px;
  font-weight: 600;
  color: #185985;
}


.laboratoire-page-wrapper .date-action-table th {
  background-color: #E3F3FC;

}

.laboratoire-page-wrapper .date-action-table .table-date-head {
  border-radius: 9px 0 0 0;

}

.laboratoire-page-wrapper .date-action-table .table-action-head {
  border-radius: 0 9px 0 0;
}

.laboratoire-page-wrapper .date-action-table td {
  border-bottom: 1px solid #EEEEF0;
}

.laboratoire-page-wrapper .date-action-table a {
  text-decoration: none;
}

.laboratoire-page-wrapper .dual-btns {
  display: flex;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.laboratoire-page-wrapper .note {
  margin-top: 0.5rem;
  font-size: 0.8rem;
  color: #4b4b4b;
  display: flex;
  align-items: center;
  gap: 0.4rem;
}

.laboratoire-page-wrapper .heading-and-icon-container {
  display: flex;
  gap: 13px;
}

.laboratoire-page-wrapper .subtext-btn-container {
  margin: 10px 0;
}

.laboratoire-page-wrapper .date-action-table a {
  text-decoration: none;
  font-size: 16px;
}

/* Responsive tweak */
@media (max-width: 768px) {
  .laboratoire-page-wrapper {
    flex-direction: column;
    align-items: center;
  }
}

.main-heading-wrapper .mail span {
  color: #0B0B0B;
  text-transform: lowercase;
}

.person-concern-step-4 {
  margin: 0px auto;
}

.laboratoire-page-wrapper .date-action-table td:first-child{
  color: #0B0B0B;
}

.laboratoire-page-wrapper .heading-and-icon-container div > img{
  width: 50px;
}

.service-modal-wrapper .modal-content{
  padding: 50px;
}


.service-modal-wrapper .btn-close {
    right: 30px;
    top: 30px;
    position: absolute;
}

.service-modal-wrapper h5{
    font-size: 30px;
  color: #185985 !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;
}

.service-modal-wrapper label{
      font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important;
  color: #0B0B0B !important;
}

.service-modal-wrapper input{
  background-color: #EFF1F999 !important;
}
.service-modal-wrapper .button-group{
    max-width: 400px;
    margin: 0 auto;
}

.service-modal-wrapper .btn-danger{
  background-color: #E40808 !important;
    font-size: 18px;
  font-family: 'Montserrat', sans-serif;
 font-weight: 600 !important;
    padding: 10px 90px;
    width: 100%;
    max-width: 200px;}

.service-modal-wrapper
.btn-primary{
  background-color: #185985 !important;
      font-size: 18px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600 !important;
    padding: 10px 90px;
    width: 100%;
    max-width: 200px;
}

.service-modal-wrapper p.fw-bold{
    font-size: 18px;
  color: #37393F !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700 !important;
}

.service-modal-wrapper p{
    font-size: 18px;
  color: #37393F !important;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500 !important;
}

.service-modal-wrapper ul{
  list-style: none;
}
.sales-report-wrapper .main-heading {
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.sales-report-wrapper h5{
  color: #000000;
    font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  font-weight: 600;
}

.sales-report-wrapper .main-heading img {
  width: 40px;
  height: 40px;
  cursor: pointer;
}

.sales-report-wrapper .table-bordered td,
.sales-report-wrapper .table-bordered th {
  vertical-align: middle;
    color: #185985 !important;
    font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  border-color: #D9D9D9 !important;
  font-weight: 600;
}

.sales-report-wrapper .star-icon {
  color: #f5c518;
  font-size: 1.2rem;
}

.sales-report-wrapper .check-icon {
  color: green;
  font-size: 1.2rem;
}

.sales-report-wrapper .close-icon {
  font-size: 2rem;
  color: red;
  position: absolute;
  top: 20px;
  right: 30px;
  cursor: pointer;
}

.sales-report-wrapper .header-title {
  font-weight: bold;
  font-size: 1.5rem;
}

.sales-report-wrapper .sub-table thead {
padding: 20px;
}

@media (max-width: 768px) {
  .sales-report-wrapper .table-responsive {
    font-size: 0.85rem;
  }
}

.sales-report-wrapper .info-text {
  color: #004d94;
  font-size: 17px;
}

.sales-report-wrapper .info-btn {
  color: #004d94;
  font-size: 17px;
  border: 0;
  outline: none;
  border-radius: 8px;
  background-color: #E3F5FF;
  padding: 5px 15px;
}

.sales-report-wrapper .info-bg {
  background-color: #E3F3FC !important;
    vertical-align: middle;
    color: #185985 !important;
    font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  border-color: #D9D9D9 !important;
  font-weight: 600;
}


.sales-report-wrapper .lab-table th{
  vertical-align: middle;
    color: #185985 !important;
    font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  border-color: #D9D9D9 !important;
  font-weight: 600;
}
.sales-report-wrapper tr td:last-child{
  border-right: 1px solid #EEEEF0 !important;

}

.sales-report-wrapper td{
      padding: 10px 20px;
  border-color: #EEEEF0 !important;
      border-right: none !important;

}
.sales-report-wrapper .lab-table td{
      border-right: none !important;
}

.sales-report-wrapper td img{
  width: 20px;
}
.ent-modification .button-validate{
    background-color: #E40808 !important;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
    font-family: 'Montserrat', sans-serif;
padding: 10px 25px;
}
.ent-modification
.button-redo{
   background-color: #185985 !important;
  color: #fff;
  font-weight: 600;
  font-size: 18px;
    font-family: 'Montserrat', sans-serif;
padding: 10px 25px !important;
border: 0 !important;
}

    .laco-page-wrapper{
      padding: 20px;
    }
  .laco-page-wrapper  .main-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .laco-page-wrapper  .main-heading h1 {
          font-size: 40px;
    font-weight: 600;
    color: #185985;
    }

  .laco-page-wrapper  .sub-head-text {
          font-size: 16px;
    font-weight: 500;
    color: #185985;
    }

  .laco-page-wrapper  .main-heading img {
      width: 40px;
      height: 40px;
      cursor: pointer;
    }

  .laco-page-wrapper  .info-icon {
      color: #008ecc;
      font-size: 1.2rem;
    }

  .laco-page-wrapper  .pricing-table {
      /* border: 2px solid #004d94; */
          border: 4px solid #004d94;
      border-radius: 10px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    }
  .laco-page-wrapper  .pricing-table tr th span{
        background: #185985;
        color: white;
        padding: 4px 8px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 600;
    }
  .laco-page-wrapper  .pricing-table .tab-short-blue-btn{
           background: #185985;
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    }
  .laco-page-wrapper   .pricing-table .table-td-blue{
        background-color: #F1FAFF !important;
    }
  .laco-page-wrapper  .pricing-table .advantages-text{
      font-size: 14px;
      font-weight: 600;
      color: #185985;
    }
  .laco-page-wrapper  .pricing-table .class-text{
      font-size: 14px;
      font-weight: 500;
      color: #185985;
    }
  .laco-page-wrapper  .pricing-table .class-text span{
      font-size: 14px;
      font-weight: 700;
      color: #185985;
    }
    
  .laco-page-wrapper   .pricing-table .bg-yellow-badge{
        background-color: #D4AF37 ;
        border-radius: 50%;
        padding: 4px;
        font-weight: 600;
        font-size: 11px;
        text-align: center;
        height: 25px;
    width: 25px;
    }

  .laco-page-wrapper  .pricing-table th,
    .pricing-table td {
      text-align: center;
      vertical-align: middle;
    }

  .laco-page-wrapper  .badge-round {
      border-radius: 50%;
      padding: 10px;
      background-color: #fcd53f;
      color: #000;
      font-weight: bold;
    }

  .laco-page-wrapper  .table-item{
      font-size: 14px;
      font-weight: 500;
      color: #000 !important;
    }
  .laco-page-wrapper  .table-item-head{
      font-size: 14px;
      font-weight: 600;
      color: #000 !important;
    }

  .laco-page-wrapper  .laco-text{
      text-align: left !important;
    }

  .laco-page-wrapper  .btn-view {
      background-color: #004d94;
      color: white;
      font-weight: bold;
    }

  .laco-page-wrapper  .info-list {
      font-size: 0.875rem;
      color: #004d94;
    }

  .laco-page-wrapper  .footer-table td {
      vertical-align: top;
    }

  .laco-page-wrapper  .brands {
      font-size: 0.9rem;
      color: #004d94;
    }

  .laco-page-wrapper  .circular-ring {
  --percent: 10;
  --size: 60px;
  --thickness: 4px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
      background: conic-gradient(#D4AF3733 calc(var(--percent) * 1%), #D4AF37 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.laco-page-wrapper .circular-ring::before {
  content: "";
  position: absolute;
  width: calc(var(--size) - var(--thickness) * 2);
  height: calc(var(--size) - var(--thickness) * 2);
  background: #fff;
  border-radius: 50%;
}

.laco-page-wrapper .ring-text {
  position: relative;
  font-size: 11px;
  font-weight:600;
  color: #000;
  line-height: 1.2;
  z-index: 1;
  text-align: center;
}
.laco-page-wrapper .ring-text p{
  margin: 0;
  font-weight:500;
}

 .laco-page-wrapper   .custom-table {
  border: 1px solid #ADD8E6;
  border-radius: 8px;
  overflow: hidden;
  /* padding: 12px; */
  max-width: 100%;
}

.laco-page-wrapper .table-row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.laco-page-wrapper .table-small-row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  /* border-right:2px solid  #cfe2ff; */
      border-right: 1px solid #ADD8E6;
    }
    
  .laco-page-wrapper  .table-col {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  
}

.laco-page-wrapper .laco-table-container .table>:not(caption)>*>* {
  background-color: transparent;
}
 /* .laco-page-wrapper .laco-table-container tbody, td, tfoot, th, thead, tr {
  border: 0 !important;
} */

.laco-page-wrapper .pricing-table .table-td-blue {
  background-color: #F1FAFF !important;
  /* border-radius: 10px; */
  font-size: 14px;
  font-weight: 600;
  color: #185985;
    padding: 0 2px;
}
 .laco-page-wrapper  .pricing-table .tab-radius-curve {
    border-radius: 10px 0 0 10px;
  }
 .laco-page-wrapper  .pricing-table .tab-radius-curve2 {
    border-radius:0 10px  10px 0;
  }

 .laco-page-wrapper  .line-table-item-text{
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
  }
 .laco-page-wrapper  .line-border-table{
    max-width: 800px;
    width: 100%;
  }
 .laco-page-wrapper  .line-table-end-info-text{
    font-size: 16px;
    font-weight: 500;
    color: #185985 !important;
    max-width: 700px;
    width: 100%;
  }

 .laco-page-wrapper  .range-circle-ring-container{
    /* max-width: 390px; */
    width: 100%;
  }
 .laco-page-wrapper  .range-circle-ring-and-text-container{
        display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}


  @media screen and (max-width: 992px) {
 .laco-page-wrapper    .line-border-table {
    max-width: 100%;
    width: 100vw;
}
.laco-page-wrapper .custom-table {
    overflow-x: auto;
}
.laco-page-wrapper .laco-table {
    width: 100% !important;
}
.laco-page-wrapper .laco-range-table {
    width: 100% !important;
        display: flex !important;
    justify-content: space-between;
}
.laco-page-wrapper .laco-table-container{
  flex-direction: column !important;
}
.laco-page-wrapper .range-circle-ring-container {
    max-width: 390px;
    width: 100%;
}
.laco-page-wrapper .pricing-table {
    /* border: 2px solid #004d94; */
    border: 2px solid #004d94;
}
}









/* calender--------------------------- */

   body {
      font-family: 'Montserrat', sans-serif;
      background-color: #fff;
    }
   .calender-page-wrapper .calendar-container {
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
      /* padding: 2rem 1.5rem; */
          padding: 40px 70px;
      max-width: 600px;
      margin: 2rem auto;
    }

  .calender-page-wrapper  .calendar-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }

 .calender-page-wrapper   .calendar-header h5 {
          margin: 0;
    font-weight: 700;
    font-size: 25px;
    color: #000;
      font-family: 'Montserrat', sans-serif;
    }

 .calender-page-wrapper   .calender-head-part{
          border-bottom: 1px solid #ADD8E6 !important;
    }
 .calender-page-wrapper   .arrow-btn {
      background-color: #E3F3FC;
      color: #004c75;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
    }
  .calender-page-wrapper  .dark-arrow-btn {
      background-color: #185985;
      color: #004c75;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
    }

  .calender-page-wrapper  .calendar-table th,
    .calendar-table td {
      text-align: center;
      width: 14.28%;
      height: 48px;
      vertical-align: middle;
      font-weight: 500;
    }
  .calender-page-wrapper  .calendar-table th, .calendar-table td {
    text-align: center;
    width: 14.28%;
    height: 48px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    color: #0B0B0B ;
}


  .calender-page-wrapper  .calendar-table td.range {
      background-color: #D4EAFB;
      border-radius: 0;
    }

 
  .calender-page-wrapper  .info-text {
      /* max-width: 900px; */
      margin: 0 auto 2rem auto;
      font-size: 18px;
      font-weight: 500;
      color: #0B0B0B;
    }

  .calender-page-wrapper  .info-text span {
      color: #185985;
    }

  .calender-page-wrapper  .info-text a {
      color: #185985;
      text-decoration: none;
    }
    
  .calender-page-wrapper  .range{
  color: #185985 !important;
  }
 .calender-page-wrapper   .dim-text-color{
  color: #ADADAD !important;
}
  .calender-page-wrapper .range-start-end-box{
  color: #185985 !important;
  border: 3px solid #185985;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
      padding: 12px;
  }
  .calender-page-wrapper .calendar-table td.boxed {
    padding: 0;
}

    @media (max-width: 576px) {
      .calender-page-wrapper  .calendar-table td {
        font-size: 0.8rem;
        height: 42px;
      }
      
    .calender-page-wrapper  .calendar-container {
        padding: 1rem;
      }
      
    }
    @media (max-width: 420px) {
      .calender-page-wrapper  .calendar-table th, .calendar-table td {
    text-align: center;
    height: 40px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 11px;
    width: 7px;
    padding: 0;
  }
     .calender-page-wrapper .calendar-header h5 {
    font-size: 21px;
      }
    .calender-page-wrapper  .arrow-btn img{
            width: 6px;
    height: 10px;
      }
     .calender-page-wrapper .range-start-end-box {
    /* padding: 7px; */
    padding: 9px 7px;
  }
    }
    
    
    
    
    
    /* Check Table Page Wrapper */
    
   .check-table-page-wrapper .checkmark {
      color: #00AA5B;
      font-size: 1.2rem;
    }
    .check-table-page-wrapper .custom-table th, .custom-table td {
      text-align: center;
      vertical-align: middle;
    }
  .check-table-page-wrapper   .btn-send, .btn-pay {
      background-color: #E74C3C;
      color: white;
    }
   .check-table-page-wrapper  .btn-send:hover, .btn-pay:hover {
      background-color: #c0392b;
    }
  .check-table-page-wrapper   .note {
      font-size: 0.9rem;
      color: #555;
    }
   .check-table-page-wrapper  .info-icon {
      color: #0d6efd;
      margin-right: 5px;
    } 

   .check-table-page-wrapper  .heading{
      font-size: 40px;
      font-weight: 600;
      margin-top: 50px;
      margin-bottom: 50px;
      color: #185985;
    }

   .check-table-page-wrapper  .sub-heading{
      font-size: 18px;
      font-weight: 700;
      color: #000;
    }
   .check-table-page-wrapper  .sub-text{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }
   .check-table-page-wrapper  .sub-text-data{
      font-size: 18px;
      font-weight: 500;
      color: #000;
      list-style-type: none;
      padding-left: 0;
    }

   .check-table-page-wrapper  .table-head-text th{
      color: #185985;
      font-family: Inter;
      font-size: 16px;
      font-weight: 600;
      background-color: #E3F3FC;
    }
   .check-table-page-wrapper  .table-head-text-red{
      color: #E40808 !important;
    }
    .check-table-page-wrapper  .table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width);
    border: 1px solid #D9D9D9 !important;
  }
  .check-table-page-wrapper  .table-date{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    font-family: Inter;
  }
 .check-table-page-wrapper .checkmark img{
      height: 26px;
}
 .check-table-page-wrapper .ces-text-desc{
  color: #185985;
  font-size: 18px;
  font-weight: 500;
}
 .check-table-page-wrapper .action-btn{
  background-color: #E40808;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
      border-radius: 8px;
}
 .check-table-page-wrapper .action-btn:hover{
  background-color: #E40808;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}




/* custon check-box ================================== */

 .check-table-page-wrapper .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

 .check-table-page-wrapper .custom-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}

 .check-table-page-wrapper .custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 2px solid red;
  border-radius: 4px;
}

 .check-table-page-wrapper .custom-checkbox input:checked + .checkmark {
  background-color: red;
}

 .check-table-page-wrapper .custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

 .check-table-page-wrapper .custom-checkbox input:checked + .checkmark:after {
  display: block;
}

 .check-table-page-wrapper .custom-checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


@media (max-width: 576px) {
  .heading {
    font-size: 32px;
}
}



/* Payment Page wrapper */

.payment-maintainent-page-wrapper{
  margin-top: 30px;
  margin-bottom: 30px;

}
   .payment-maintainent-page-wrapper .section-title {
      font-size: 40px;
      font-weight: 600;
      color: #185985;
      margin-bottom: 2rem;
    }
  .payment-maintainent-page-wrapper  .section-sub-title-text {
      font-size: 18px;
      font-weight: 700;
      color: #000;
    }

  .payment-maintainent-page-wrapper  .card {
      border-radius: 15px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
  .payment-maintainent-page-wrapper  .card-text-lines {
      color: #000;
      font-size: 18px;
      font-weight: 500;
          /* height: 100%; */
    }
   

   .payment-maintainent-page-wrapper .info-icon {
      font-size: 1.2rem;
      color: #1d82d7;
    }
   .payment-maintainent-page-wrapper .info-icon-text {
      font-size: 18px;
      color: #185985;
      font-weight: 500;
    }

   .payment-maintainent-page-wrapper .total-box {
      border-radius: 12px;
      border: 1px solid #eee;
      padding: 11px 20px;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .payment-maintainent-page-wrapper .pay-button {
    background-color: #E40808;
    color: white;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    width: 100%;
    max-width: 470px;
}

   .payment-maintainent-page-wrapper .form-control {
      border-radius: 10px;
      height: 45px;
    }

   .payment-maintainent-page-wrapper .card-label {
      font-weight: 600;
      font-size: 0.95rem;
    }

   .payment-maintainent-page-wrapper .card-icons {
      max-width: 100px;
    }

   .payment-maintainent-page-wrapper .exit-icon {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 2rem;
      color: red;
      cursor: pointer;
    }
   .payment-maintainent-page-wrapper .total-value-text{
      margin-top: 30px;
    }

   .payment-maintainent-page-wrapper  .total-payer{
      color: #000;
      font-size: 18px;
      font-weight: 700;
    }
   .payment-maintainent-page-wrapper .paement-card-label{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }
   .payment-maintainent-page-wrapper .paement-input-box{
      font-size: 16px;
    color: #000;
    border-color: #CCCCCC;
    }
   .payment-maintainent-page-wrapper .paement-input-box::placeholder{
      font-size: 16px;
    color: #9B9B9B;
    }
   .payment-maintainent-page-wrapper .icon-input-box::placeholder{
      font-size: 16px;
    color: #9B9B9B;
    }
  .payment-maintainent-page-wrapper  .hr-line{
          margin-top: 69px;
    }
    .payment-maintainent-page-wrapper .icon-input-box{
    border-right: 0;
        border-color: #CCCCCC;
}
.payment-maintainent-page-wrapper .input-group-text-icon {
        border-color: #CCCCCC;
border-radius: 0 10px 10px 0;
}

.payment-maintainent-page-wrapper .total-payer {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    padding: 11px 48px;
}
    @media (max-width: 768px) {
      .payment-maintainent-page-wrapper    .pay-button {
        margin-top: 1rem;
      }
    }
    @media (max-width: 550px) {
      .payment-maintainent-page-wrapper .section-title {
        font-size: 30px;
      }
    }
    @media (max-width: 450px) {
      .payment-maintainent-page-wrapper .total-payer {
    padding: 11px ;
}
    }




  
  
  /* Audio Pro ------------------------ */

  
  .audio-pro-page-wrapper{
    margin-top: 50px;
    margin-bottom: 50px;
  }

   .audio-pro-page-wrapper .info-icon {
      width: 25px;
      height: 25px;
      margin-right: 6px;
    }

   .audio-pro-page-wrapper  .icon-text {
      display: flex;
align-items: flex-start;
    font-size: 17px;
      font-weight: 500;
      color: #185985;
    }

   .audio-pro-page-wrapper  .info-box {
      max-width: 480px;
    }

   .audio-pro-page-wrapper  .remove-btn {
      background-color: #E40808;
      color: white;
      border: none;
      font-size: 16px;
      border-radius: 6px;
      font-weight: 600;
    }

    .audio-pro-page-wrapper .remove-btn i {
      margin-left: 5px;
    }

 .audio-pro-page-wrapper    .tab-button {
      border: none;
      background-color: #d9d9d9;
      padding: 0.5rem 1rem;
      margin-right: 5px;
      border-radius: 5px;
    }

   .audio-pro-page-wrapper  .tab-button.active {
      background-color: #dbeeff;
      font-weight: bold;
    }

  .audio-pro-page-wrapper   table th,  .audio-pro-page-wrapper 
    table td {
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
    }
 .audio-pro-page-wrapper 
    table td {
    padding: 14px;
    border-bottom: 1px solid #EEEEF0;}

     .audio-pro-page-wrapper .main-heading{
      font-size: 40px;
      font-weight: 600;
      color: #185985;
    }
    .audio-pro-page-wrapper .sub-heading{
      font-size: 20px;
      font-weight: 600;
      color: #000;
    }

    .audio-pro-page-wrapper .red-table th{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    background-color: #E3F3FC !important;
    color: #185985 !important;
    padding: 16px !important;
  }
 .audio-pro-page-wrapper table .middle-tr-left{
  border-left: 1px solid #EEEEF0 !important;
}
 .audio-pro-page-wrapper  table .middle-tr-rigth{
  border-right: 1px solid #EEEEF0 !important;
}
  .audio-pro-page-wrapper .rounded-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 9px;
    overflow: hidden;
  }

  /* Optional: make sure background doesn't leak outside */
  .audio-pro-page-wrapper .rounded-table thead th:first-child {
    border-top-left-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-left: 1px solid #EEEEF0 !important;
  

}

  .audio-pro-page-wrapper .rounded-table thead th:last-child {
    border-top-right-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-right: 1px solid #EEEEF0 !important;

  
  }

  .audio-pro-page-wrapper .rounded-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-left: 1px solid #EEEEF0 !important;

  
}

  .audio-pro-page-wrapper .rounded-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-right: 1px solid #EEEEF0 !important;
  }

    .audio-pro-page-wrapper .blue-table-text{
      font-size: 16px;
      font-weight: 500;
      color: #0B0B0B;
    }

   .audio-pro-page-wrapper  .email-of-person{
      color: #0B0B0B;
      font-size:18px;
      font-weight: 600;
    }
   .audio-pro-page-wrapper  .email-of-person span{
      color: #0B0B0B;
      font-size:18px;
      font-weight: 700;
    }

   .audio-pro-page-wrapper   .score-sub-heading{
      font-size: 22px;
      font-weight: 600;
      color: #000;
    }
   .audio-pro-page-wrapper     .color-table-main-heading{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }

   .audio-pro-page-wrapper  .three-tab-container .nav-link{
      color: #0B0B0B !important;
      font-size: 16px;
      font-weight: 600;
      background-color: #D9D9D9 !important;
      border-radius: 24px 24px 0 0;
      border: 0;
          margin-right: 5px;
        }
   .audio-pro-page-wrapper  .three-tab-container .active{
      color: #185985 !important;
      font-size: 16px;
      font-weight: 600;
      background-color: #E3F3FC !important;
    }

    
    .audio-pro-page-wrapper .custom-table {
      border: 1px solid #ccc;
      border-collapse: collapse;
    }

   .audio-pro-page-wrapper  .custom-table th, .custom-table td {
      border: 1px solid #ccc;
      text-align: center;
      vertical-align: middle;
      padding: 8px;
    }

   .audio-pro-page-wrapper  .custom-table th {
      font-weight: 600;
      background-color: #f9f9f9;
    }

   .audio-pro-page-wrapper  .custom-table thead th:nth-child(1) {
      background-color: #e6f0f9;
      color: #0077b6;
    }

   .audio-pro-page-wrapper  .custom-table td:first-child {
      font-weight: 600;
      white-space: nowrap;
    }

   .audio-pro-page-wrapper  .light-blue-cell {
      background-color: #e6f0f9;
      color: #0077b6;
      font-weight: 600;
    }

  .audio-pro-page-wrapper   .green {
      color: #228B22 !important;
    }

  .audio-pro-page-wrapper   .blue {
      color: #185985 !important;
    }

  .audio-pro-page-wrapper   .yellow {
      color: #D4C437 !important;
    }
  .audio-pro-page-wrapper   .red {
      color: #E40808 !important;
    }
  .audio-pro-page-wrapper   .colorful-text{
      font-size: 18px;
      font-style: italic;
      font-weight: 500;
      text-align: center;

    }

  .audio-pro-page-wrapper   .responsive-wrapper {
      overflow-x: auto;
    }

  .audio-pro-page-wrapper  .colorful-table-container  th{
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000 !important;
}
  .audio-pro-page-wrapper  .colorful-table-container  td {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000 !important;
}
  .audio-pro-page-wrapper .colorful-table-container{
     border-top: 1px solid #000000 !important;
    border-right: 1px solid #000 !important;
  }


  .audio-pro-page-wrapper .colorful-table-container td{
    font-size: 12px;
    font-weight: 600;
  }
  .audio-pro-page-wrapper   .colorful-table-container th{
      text-align: center;
      vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: transparent !important;
    color: #000 !important;
    padding: 16px !important;
  }
  .audio-pro-page-wrapper .colorful-table-container .main-blue-tab-table{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    background-color: #E3F3FC !important;
    color: #185985 !important;
    padding: 16px !important;
  }
  .audio-pro-page-wrapper .colorful-table-container .table-tab-main-heading{
        font-size: 16px;
      }
  .audio-pro-page-wrapper     .colorful-table-container .table-tab-left-main-heading{
         font-size: 14px;
         font-weight: 600;
         color: #000 !important;
        }

        
        
     .audio-pro-page-wrapper    .quartile-box {
          display: inline-block;
          width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
  }

 .audio-pro-page-wrapper  .quartile-green {
    background-color: #228B22;
  }

 .audio-pro-page-wrapper  .quartile-blue {
    background-color: #185985;
  }

 .audio-pro-page-wrapper  .quartile-yellow {
    background-color: #D4C437;
  }

 .audio-pro-page-wrapper  .quartile-red {
    background-color: #E40808;
  }

  .audio-pro-page-wrapper .max-width-table {
        max-width: 905px;
        width: 100;
      }

  .audio-pro-page-wrapper .blue-table2-text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }
  .audio-pro-page-wrapper .blue-table2-ul-text  li{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  .audio-pro-page-wrapper .blue-table2-date-text {
    font-size: 16px;
    font-weight: 600;
    color: #0B0B0B;
    text-align: center;
  }
  
  .audio-pro-page-wrapper .middle-bottom-border{
  border-bottom: 1px solid #EEEEF0 !important;
}
  .audio-pro-page-wrapper .icon-text {
    margin-top: 27px;
}
  @media (max-width: 550px) {
    .audio-pro-page-wrapper .main-heading {
    font-size: 30px;
    font-weight: 600;
    color: #185985;
}
 .audio-pro-page-wrapper .three-tab-container .nav-link {
    color: #0B0B0B !important;
    font-size: 12px;
            width: 100%;
            border-radius: 3px 3px 0 0;
}
 .audio-pro-page-wrapper .three-tab-container .active {
    color: #0B0B0B !important;
    font-size: 12px;
            width: 100%;
            border-radius: 3px 3px 0 0;

}
.audio-pro-page-wrapper .score-sub-heading {
    font-size: 17px;
}
 .audio-pro-page-wrapper .three-tab-container{
  flex-direction: column;
  gap: 2px;
}
 .audio-pro-page-wrapper .color-box-text{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-items: center; */
}
 .audio-pro-page-wrapper .colorful-text {
  text-align: left;
}
  }



  .audio-pro-page-wrapper .color-box-text{
  display: flex;
  gap: 5px;
  /* justify-content: flex-star; */
  /* align-items: center; */
}
 .audio-pro-page-wrapper .colorful-text{
  margin-right: 10px;
}






















/* payment 2 */

.paement2-main-page-wrapper .upper-input-boxes{
  font-size: 16px;
  font-weight: 400;
      padding: 12px;
}
.paement2-main-page-wrapper .upper-input-boxes::placeholder{
  color: #C4C4C4;
}
.paement2-main-page-wrapper .input-boxes-padding-classes{
  margin: 0 ;
  /* margin-top: 30px; */
  border-radius: 15px !important;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}
.paement2-main-page-wrapper .info-icon-text2 {
    font-size: 18px;
    color: #185985;
    font-weight: 500;
}
.payment-maintainent-page-wrapper-2 .hr-line {
    margin-top: auto;
}

.paement2-main-page-wrapper .radio-text{
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
 .paement2-main-page-wrapper .info-modifier-btn{
      color: #185985;
      font-size: 18px;
      font-weight: 600;
      border: 0;
      outline: none;
      border-radius: 8px;
      background-color: #E3F5FF;
      padding: 8px 20px;
    }



      @media (max-width: 768px) {
   .paement2-main-page-wrapper  .form-radio-container{
          display: flex;
    flex-direction: column;
    gap: 15px;
    }
  } 

  .laco-page-wrapper .form-title-row{
        font-size: 16px;
    font-weight: 500;
    border: 0;
    color: #185985;
  }

  .laco-page-wrapper .marques-wrapper{
    max-width: 650px;
    border: 0;
  }
.add-tabelu-detail{
  background-color: #185985;
    color: #fff;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    display: flex;
  margin-top: 200px !important;
    font-size: 18px;
    justify-content: center;
    border: none;
    margin: 20px auto;
    text-align: center;
    max-width: 240px;
    padding: 10px 20px;
    border-radius: 8px;
    align-items: center;
    gap: 10px;}

    .patients-wrapper .form-title-row p{
      color: #185985 !important;
    }

.audio-pro-page-wrapper hr {
  color: #454F5914;
}
.form-title-row.setting-page-row{
  margin-bottom: 50px !important;
align-items: flex-start !important;
gap: 20px !important;
}
.feature-page-row{
      color: #185985 !important;
          font-family: 'Montserrat', sans-serif;
    font-weight:500;
        margin-top: 0 !important;
        border-bottom: 0 !important; 
    font-size: 18px;
}

.setting-page-row ul li{
  list-style-type: disc !important;
}
.notification-table-wrapper
 input[type="checkbox"] {
  margin-right: 10px;
  accent-color: #185985;}
.notification-table-wrapper

  input[type="checkbox"]:checked {
    background-color: #0C9AD7;
    border-color: #0C9AD7;
}

.notification-table-wrapper
label{
  margin-bottom: 10px;
}
.feature-table
td a{
  text-decoration: none;
    background-color: #E3F3FC;
    border: none;
    color: #185985;
    padding: 6px 4px;
    margin-left: 0;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    width: 100%;
    display: block;
}

.feature-table
td a img{
  width: 14px;
}

.feature-table td {
    padding: 15px 10px !important;}





/* new css 15july start */

.login-wrapper-section
.form-section-2{
  padding:20px 35px !important;
}
.login-wrapper-section1 form {
    max-width:400px !important;
    margin: 0 auto;
}
.login-wrapper-section1 .content {
    max-width: 1200px;}
.login-wrapper-section1 .image-section img {
    object-fit: cover;
}

.login-wrapper-section.login-wrapper-section1 .form-section h1 {
    font-size: 32px;
        margin-bottom: 10px;

}
.login-wrapper-section.login-wrapper-section1
button.login-btn{
      background-color: #E3F5FF;
    color: #185985;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
font-size: 18px;
text-align: center;
text-transform: uppercase;
padding: 12px;
border-radius: 4px;
}

.login-wrapper-section1 .signup-link{
font-style: Medium;
font-size: 14px;

}
.login-wrapper-section1 .signup-link a{
  display: unset !important;
font-size: 14px !important;
}

.login-wrapper-section1 label{
font-weight: 500;
font-family: 'Montserrat', sans-serif;
font-size: 18px;
margin-bottom:2px !important;
color: #000;
}
.login-wrapper-section1 form input{
  width: 100%;
}

.login-wrapper-section1 form {
    gap: 10px;
}
.login-wrapper-section1
.mobile-image{
  display: none;
}

@media (max-width: 768px) {
.login-wrapper-section1 .mobile-image{
  display: block;
}
.login-wrapper-section1
.mobile-image img{
  width: 100%;
}
.login-wrapper-section.login-wrapper-section1 .content {
    box-shadow: 4px 8px 16px 0px #454F590A;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
border: 1px  solid #0000001A;  margin: 100px 0;
}
.login-wrapper-section.login-wrapper-section1 .form-section h1 {
    font-size: 25px;
    margin-top: 24px;
}
.login-wrapper-section1 .form-section-2 {
    padding: 20px 15px !important;
}
}
.login-wrapper-section1
  .error-message {
    color: #E40808;
    font-size: 14px;
    font-family: 'Montserrat', sans-serif;
    display: none;
  }
.login-wrapper-section1
  input.error {
    border-color: #E40808 !important;
  }
  .login-wrapper-section1
  .input-with-icon {
  position: relative;
}
.login-wrapper-section1
.input-with-icon input {
  width: 100%;
  padding-right: 40px;
}
.login-wrapper-section1
.toggle-password {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  color: #888;
  font-size: 16px;
  display: none;
}
.login-wrapper-section1
.input-with-icon input:not(:placeholder-shown) + .toggle-password {
  display: block;
}
.breadcrumb-wrapper
.breadcrumb-text1 {
    display: flex;
    gap: 40px;
    justify-content: center;
}

.geo-localisation .form-title-row{
  align-items: start;
}
.geo-localisation .map{
  width: 100%;
}
.geo-localisation .button-ville{
  background-color: #185985 !important;
    color: #fff;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 18px;
    font-weight: 600;
    border: 0 !important;
    margin: 30px auto;
    display: block;
    padding: 8px 50px;
}
 .checkbox-container .checkbox-wrapper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    font-size: 14px;
    line-height: 1.4;
    margin-top: 10px;
  }

  .checkbox-container .checkbox-wrapper input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
      width: 24px;
    height: 20px;
    border: 1px solid #D6DAF1;
    border-radius: 4px;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    background-color: white;
    transition: all 0.2s ease;
  }

  .checkbox-container .checkbox-wrapper input[type="checkbox"]:checked::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 7px;
    width: 4px;
    height: 8px;
    border: solid #0C9AD7; /* Check sign color */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
  }

  .checkbox-container .checkbox-wrapper label {
    cursor: pointer;
  }

  .checkbox-container .checkbox-wrapper input[type="checkbox"]:checked::after{
    display: none;
  }
@media (max-width: 768px) {
.geo-localisation-wrapper
  .main-heading-wrapper1 h6 {
    font-size: 30px;
    margin-bottom: 0 !important;
    padding: 0 15px;}
    .geo-localisation-wrapper
        .person-concern-step-1 .button-group-right {
        gap: 10px;
        flex-wrap: wrap;
    }
      .geo-localisation-wrapper
        .person-concern-step-1 button{
width: 100%;
    }
    .geo-localisation-wrapper .person-concern-step-1{
      margin-top: 0 !important;
    }
.geo-localisation-wrapper .create-your-profile-section .country-box select{
    width: 50% !important;
}
.checkbox-container .checkbox-wrapper label {
    padding-top: 0 !important;
}
#accept_contact1{
  width: 150px !important;
}

.checkbox-container .checkbox-wrapper input[type="checkbox"] {
    width: 68px !important;}
  .breadcrumb-wrapper .breadcrumb-text1 {
    flex-wrap: nowrap;
    gap: 15px;
}}
.geo-localisation-wrapper .create-your-profile-section .country-box select {
  max-width: 145px;}

  .geo-localisation h2{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 18px;margin-bottom: 0 !important;
text-transform: uppercase;
color: #000000;
line-height: 25px !important;
  }
  .custom-modal .modal-content {
  border-radius: 8px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding:100px 20px;
  font-family: 'Montserrat', sans-serif;
}

.custom-modal .modal-header {
  border-bottom: none;
  justify-content: center;
  text-align: center;
}


.custom-modal .modal-body {
  text-align: center;
  font-size: 16px;
  color: #555;
  padding: 20px;
}

.custom-modal .modal-footer {
  justify-content: center;
  border-top: none;
}



.custom-modal .btn-success:hover {
  background-color: #4e916d;
  border-color: #4e916d;
}
.custom-modal .form-title-row {
display: flex
;
    align-items: start;
    margin-top: 30px !important;
    gap: 10px;
    font-size: 16px;
    max-width: 700px;
    color: #333;
    margin-bottom: 20px !important;
    margin: 20px auto !important;
}

.custom-modal .form-title-row img {
  width: 30px;
}

.custom-modal .form-title-row p {
  font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 21.94px;
  text-align: left;
  color: #185985;
}
.custom-modal h5{
  font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 22px;
line-height: 28px;
text-align: center;
color: #185985;
}

.custom-modal label{
font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    font-size: 20px;
    line-height: 28px;
    display: flex
;
    text-align: center;
    color: #185985;
    align-items: center;
}

.custom-modal .radio-group {
    gap: 20px;
    display: flex
;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}
.custom-modal input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 16px;
  height: 16px;
  border: 1px solid #D6DAF1;
  border-radius: 50%;
  position: relative;
  margin-right: 8px;
  cursor: pointer;
  vertical-align: middle;
}

.custom-modal input[type="radio"]::before {
  content: '';
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  height: 10px;
  background-color: #185985;
  border-radius: 50%;
  display: none;
}

.custom-modal input[type="radio"]:checked::before {
  display: block;
}

.custom-modal .error{
  font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 16px;
  color: #FF0000 !important;
}
.custom-modal .btn-primary{
      background-color: #E3F5FF; 
    color: #185985;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
font-size: 18px;
border: 0 !important;
text-align: center;
text-transform: uppercase;
padding: 12px 30px;
border-radius: 4px;
}

.custom-modal .btn-primary:hover{
     background-color: #185985; 
    color: #fff;
}
.custom-modal .radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 15px;
}

.custom-modal .custom-checkbox {
  position: relative;
  padding-left: 28px;
  font-size: 14px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  user-select: none;
}

.custom-modal .custom-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 18px;
  height: 18px;
  border: 1px solid #D6DAF1;
  border-radius: 5px;
  position: absolute;
  left: 0;
top: 6px;
  background-color: #fff;
  cursor: pointer;
}

.custom-modal .custom-checkbox input[type="checkbox"]::before {
  content: "✔";
  color: #185985;
  font-size: 12px;
  display: none;
  position: absolute;
top: -5px;
  left: 3px;
}

.custom-modal .custom-checkbox input[type="checkbox"]:checked::before {
  display: block;
}
.custom-modal .custom-checkbox input[type="checkbox"]::after {
  display: none;
}
.custom-modal 
.content-modal1{
max-width: 700px !important;
  
}
.custom-modal .content-modal{
    color: #185985;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
font-size: 22px;
max-width: 520px;
margin: 0 auto;
line-height: 28px;    text-align: left;
letter-spacing: 0%;
}

.custom-modal .btn-retour{
  background-color: #185985 !important;
    color: #fff;    text-align: center;
   font-family: 'Montserrat', sans-serif;
    font-weight: 600;
font-size: 18px;
border: 0 !important;
text-align: center;
text-transform: uppercase;
padding: 12px 30px;
border-radius: 4px;
}
.custom-modal
.content-modal img{
width: 86px;
    height: 86px;
    margin: 0 auto;
    display: block;
    margin-bottom: 30px !important;
}

.custom-modal
.content-modal h2{
   font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 40px;
margin-bottom: 30px;
line-height: 100%;
text-align: center;
color: #228B22;
}

.custom-modal .content-modal3 {
  color: #0B0B0B;
max-width: 700px !important;
  font-weight: 500;
font-size: 22px;
}

.custom-modal .btn-flex-wrapper{
  display: flex;
  gap: 20px;
  cursor: pointer;
  max-width: 700px;
  margin: 40px auto;
}
.custom-modal .btn-flex-wrapper img{
  cursor: pointer;
}

.custom-modal .modal-header h1{
    color: #185985;
  font-weight: 700;
font-size: 22px;
}


.custom-modal .personal-info-form-group {
margin: 0 auto;
    max-width: 500px;
    width: 100%;    display: block !important;
}
.custom-modal .personal-info-form-group label{
    color: #000;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    text-align: center;
    font-size: 18px;
    margin-bottom:10px;
    display: flex;
    justify-content: center;

}

.custom-modal .personal-info-form-group input{

    border: 1px solid #E5E9FF;
}
.custom-modal .custom-close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  background: none;
  border: none;
  padding: 0;
  z-index: 10;
  cursor: pointer;
}

.custom-modal .custom-close-btn img {
  width: 24px;
  height: 24px;
  display: block;
}


/* new css 15july end */



/* new css 22july start */


/* new 16 july */


    .laco-page-wrapper{
      padding: 20px;
    }
  .laco-page-wrapper  .main-heading {
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .laco-page-wrapper  .main-heading h1 {
          font-size: 40px;
    font-weight: 600;
    color: #185985;
    }

  .laco-page-wrapper  .sub-head-text {
          font-size: 16px;
    font-weight: 500;
    color: #185985;
    }

  .laco-page-wrapper  .main-heading img {
      width: 40px;
      height: 40px;
      cursor: pointer;
    }

  .laco-page-wrapper  .info-icon {
      color: #008ecc;
      font-size: 1.2rem;
    }

  .laco-page-wrapper  .pricing-table {
      /* border: 2px solid #004d94; */
          border: 4px solid #004d94;
      border-radius: 10px;
      padding: 20px;
      background-color: #ffffff;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
    }
  .laco-page-wrapper  .pricing-table tr th span{
        background: #185985;
        color: white;
        padding: 4px 8px;
        border-radius: 3px;
        font-size: 16px;
        font-weight: 600;
    }
  .laco-page-wrapper  .pricing-table .tab-short-blue-btn{
           background: #185985;
    color: white;
    padding: 2px 8px;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 600;
    border: 0;
    }
  .laco-page-wrapper   .pricing-table .table-td-blue{
        background-color: #F1FAFF !important;
    }
  .laco-page-wrapper  .pricing-table .advantages-text{
      font-size: 14px;
      font-weight: 600;
      color: #185985;
    }
  .laco-page-wrapper  .pricing-table .class-text{
      font-size: 14px;
      font-weight: 500;
      color: #185985;
    }
  .laco-page-wrapper  .pricing-table .class-text span{
      font-size: 14px;
      font-weight: 700;
      color: #185985;
    }
    
  .laco-page-wrapper   .pricing-table .bg-yellow-badge{
        background-color: #D4AF37 ;
        border-radius: 50%;
        padding: 4px;
        font-weight: 600;
        font-size: 11px;
        text-align: center;
        height: 25px;
    width: 25px;
    }

  .laco-page-wrapper  .pricing-table th,
    .pricing-table td {
      text-align: center;
      vertical-align: middle;
    }

  .laco-page-wrapper  .badge-round {
      border-radius: 50%;
      padding: 10px;
      background-color: #fcd53f;
      color: #000;
      font-weight: bold;
    }

  .laco-page-wrapper  .table-item{
      font-size: 14px;
      font-weight: 500;
      color: #000 !important;
    }
  .laco-page-wrapper  .table-item-head{
      font-size: 14px;
      font-weight: 600;
      color: #000 !important;
    }

  .laco-page-wrapper  .laco-text{
      text-align: left !important;
    }

  .laco-page-wrapper  .btn-view {
      background-color: #004d94;
      color: white;
      font-weight: bold;
    }

  .laco-page-wrapper  .info-list {
      font-size: 0.875rem;
      color: #004d94;
    }

  .laco-page-wrapper  .footer-table td {
      vertical-align: top;
    }

  .laco-page-wrapper  .brands {
      font-size: 0.9rem;
      color: #004d94;
    }

  .laco-page-wrapper  .circular-ring {
  --percent: 10;
  --size: 60px;
  --thickness: 4px;
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
      background: conic-gradient(#D4AF3733 calc(var(--percent) * 1%), #D4AF37 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.laco-page-wrapper .circular-ring::before {
  content: "";
  position: absolute;
  width: calc(var(--size) - var(--thickness) * 2);
  height: calc(var(--size) - var(--thickness) * 2);
  background: #fff;
  border-radius: 50%;
}

.laco-page-wrapper .ring-text {
  position: relative;
  font-size: 11px;
  font-weight:600;
  color: #000;
  line-height: 1.2;
  z-index: 1;
  text-align: center;
}
.laco-page-wrapper .ring-text p{
  margin: 0;
  font-weight:500;
}

 .laco-page-wrapper   .custom-table {
  border: 1px solid #ADD8E6;
  border-radius: 8px;
  overflow: hidden;
  /* padding: 12px; */
  max-width: 100%;
}

.laco-page-wrapper .table-row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.laco-page-wrapper .table-small-row {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  /* border-right:2px solid  #cfe2ff; */
      border-right: 1px solid #ADD8E6;
    }
    
  .laco-page-wrapper  .table-col {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  
}

.laco-page-wrapper .laco-table-container .table>:not(caption)>*>* {
  background-color: transparent;
}
 .laco-page-wrapper .laco-table-container tbody, td, tfoot, th, thead, tr {
  border: 0 !important;
}

.laco-page-wrapper .pricing-table .table-td-blue {
  background-color: #F1FAFF !important;
  /* border-radius: 10px; */
  font-size: 14px;
  font-weight: 600;
  color: #185985;
    padding: 0 2px;
}
 .laco-page-wrapper  .pricing-table .tab-radius-curve {
    border-radius: 10px 0 0 10px;
  }
 .laco-page-wrapper  .pricing-table .tab-radius-curve2 {
    border-radius:0 10px  10px 0;
  }

 .laco-page-wrapper  .line-table-item-text{
    font-size: 16px;
    font-weight: 500;
    color: #000 !important;
  }
 .laco-page-wrapper  .line-border-table{
    max-width: 800px;
    width: 100%;
  }
 .laco-page-wrapper  .line-table-end-info-text{
    font-size: 16px;
    font-weight: 500;
    color: #185985 !important;
    max-width: 700px;
    width: 100%;
  }

 .laco-page-wrapper  .range-circle-ring-container{
    /* max-width: 390px; */
    width: 100%;
  }
 .laco-page-wrapper  .range-circle-ring-and-text-container{
        display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}


  @media screen and (max-width: 992px) {
 .laco-page-wrapper    .line-border-table {
    max-width: 100%;
    width: 100vw;
}
.laco-page-wrapper .custom-table {
    overflow-x: auto;
}
.laco-page-wrapper .laco-table {
    width: 100% !important;
}
.laco-page-wrapper .laco-range-table {
    width: 100% !important;
        display: flex !important;
    justify-content: space-between;
}
.laco-page-wrapper .laco-table-container{
  flex-direction: column !important;
}
.laco-page-wrapper .range-circle-ring-container {
    max-width: 390px;
    width: 100%;
}
.laco-page-wrapper .pricing-table {
    /* border: 2px solid #004d94; */
    border: 2px solid #004d94;
}
}









/* calender--------------------------- */

   body {
      font-family: 'Montserrat', sans-serif;
      background-color: #fff;
    }
   .calender-page-wrapper .calendar-container {
      background-color: #fff;
      border-radius: 10px;
      box-shadow: 0px 8px 20px rgba(0, 0, 0, 0.08);
      /* padding: 2rem 1.5rem; */
          padding: 40px 70px;
      max-width: 600px;
      margin: 2rem auto;
    }

  .calender-page-wrapper  .calendar-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 1rem;
    }

 .calender-page-wrapper   .calendar-header h5 {
          margin: 0;
    font-weight: 700;
    font-size: 25px;
    color: #000;
      font-family: 'Montserrat', sans-serif;
    }

 .calender-page-wrapper   .calender-head-part{
          border-bottom: 1px solid #ADD8E6 !important;
    }
 .calender-page-wrapper   .arrow-btn {
      background-color: #E3F3FC;
      color: #004c75;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
    }
  .calender-page-wrapper  .dark-arrow-btn {
      background-color: #185985;
      color: #004c75;
      border-radius: 50%;
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      border: none;
    }

  .calender-page-wrapper  .calendar-table th,
    .calendar-table td {
      text-align: center;
      width: 14.28%;
      height: 48px;
      vertical-align: middle;
      font-weight: 500;
    }
  .calender-page-wrapper  .calendar-table th, .calendar-table td {
    text-align: center;
    width: 14.28%;
    height: 48px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 16px;
    color: #0B0B0B ;
}


  .calender-page-wrapper  .calendar-table td.range {
      background-color: #D4EAFB;
      border-radius: 0;
    }

  .calender-page-wrapper  .calendar-table td.boxed {
      border: 2px solid #004c75;
      border-radius: 6px;
    }

  .calender-page-wrapper  .info-text {
      /* max-width: 900px; */
      margin: 0 auto 2rem auto;
      font-size: 18px;
      font-weight: 500;
      color: #0B0B0B;
    }

  .calender-page-wrapper  .info-text span {
      color: #185985;
    }

  .calender-page-wrapper  .info-text a {
      color: #185985;
      text-decoration: none;
    }
    
  .calender-page-wrapper  .range{
  color: #185985 !important;
  }
 .calender-page-wrapper   .dim-text-color{
  color: #ADADAD !important;
}
  .calender-page-wrapper .range-start-end-box{
  color: #185985 !important;
  border: 3px solid #185985;
  border-radius: 8px;
  height: 100%;
  width: 100%;
  margin-bottom: 0;
      padding: 12px;
  }
  .calender-page-wrapper .calendar-table td.boxed {
    padding: 0;
}
 .calender-page-wrapper{
  padding: 20px;
}
    @media (max-width: 576px) {
      .calender-page-wrapper  .calendar-table td {
        font-size: 0.8rem;
        height: 42px;
      }
      
    .calender-page-wrapper  .calendar-container {
        padding: 1rem;
      }
      
    }
    @media (max-width: 420px) {
      .calender-page-wrapper  .calendar-table th, .calendar-table td {
    text-align: center;
    height: 40px;
    vertical-align: middle;
    font-weight: 600;
    font-size: 11px;
    width: 7px;
    padding: 0;
  }
     .calender-page-wrapper .calendar-header h5 {
    font-size: 21px;
      }
    .calender-page-wrapper  .arrow-btn img{
            width: 6px;
    height: 10px;
      }
     .calender-page-wrapper .range-start-end-box {
    /* padding: 7px; */
    padding: 9px 7px;
  }
    }
    
    
    
    
    
    /* Check Table Page Wrapper */
    
   .check-table-page-wrapper .checkmark {
      color: #00AA5B;
      font-size: 1.2rem;
    }
    .check-table-page-wrapper .custom-table th, .custom-table td {
      text-align: center;
      vertical-align: middle;
    }
  .check-table-page-wrapper   .btn-send, .btn-pay {
      background-color: #E74C3C;
      color: white;
    }
   .check-table-page-wrapper  .btn-send:hover, .btn-pay:hover {
      background-color: #c0392b;
    }
  .check-table-page-wrapper   .note {
      font-size: 0.9rem;
      color: #555;
    }
   .check-table-page-wrapper  .info-icon {
      color: #0d6efd;
      margin-right: 5px;
    } 

   .check-table-page-wrapper  .heading{
      font-size: 40px;
      font-weight: 600;
      color: #185985;
    }

   .check-table-page-wrapper  .sub-heading{
      font-size: 18px;
      font-weight: 700;
      color: #000;
    }
   .check-table-page-wrapper  .sub-text{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }
   .check-table-page-wrapper  .sub-text-data{
      font-size: 18px;
      font-weight: 500;
      color: #000;
      list-style-type: none;
      padding-left: 0;
    }

   .check-table-page-wrapper  .table-head-text th{
      color: #185985;
      font-family: Inter;
      font-size: 16px;
      font-weight: 600;
      background-color: #E3F3FC;
    }
   .check-table-page-wrapper  .table-head-text-red{
      color: #E40808 !important;
    }
    .check-table-page-wrapper  .table-bordered>:not(caption)>*>* {
    border-width: 0 var(--bs-border-width);
    border: 1px solid #D9D9D9 !important;
  }
  .check-table-page-wrapper  .table-date{
    font-size: 14px;
    font-weight: 400;
    color: #000;
    font-family: Inter;
  }
 .check-table-page-wrapper .checkmark img{
      height: 26px;
}
 .check-table-page-wrapper .ces-text-desc{
  color: #185985;
  font-size: 18px;
  font-weight: 500;
}
 .check-table-page-wrapper .action-btn{
  background-color: #E40808;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
      border-radius: 8px;
}
 .check-table-page-wrapper .action-btn:hover{
  background-color: #E40808;
  font-size: 18px;
  font-weight: 600;
  color: #fff;
}




/* custon check-box ================================== */

 .check-table-page-wrapper .custom-checkbox {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

 .check-table-page-wrapper .custom-checkbox input {
  opacity: 0;
  width: 0;
  height: 0;
}

 .check-table-page-wrapper .custom-checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 20px;
  width: 20px;
  background-color: white;
  border: 2px solid red;
  border-radius: 4px;
}

 .check-table-page-wrapper .custom-checkbox input:checked + .checkmark {
  background-color: red;
}

 .check-table-page-wrapper .custom-checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

 .check-table-page-wrapper .custom-checkbox input:checked + .checkmark:after {
  display: block;
}

 .check-table-page-wrapper .custom-checkbox .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}


@media (max-width: 576px) {
  .heading {
    font-size: 32px;
}
}



/* Payment Page wrapper */

.payment-maintainent-page-wrapper{
  margin-top: 30px;
  margin-bottom: 30px;

}
   .payment-maintainent-page-wrapper .section-title {
      font-size: 40px;
      font-weight: 600;
      color: #185985;
      margin-bottom: 2rem;
    }
  .payment-maintainent-page-wrapper  .section-sub-title-text {
      font-size: 18px;
      font-weight: 700;
      color: #000;
    }

  .payment-maintainent-page-wrapper  .card {
      border-radius: 15px;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
      border: 1px solid rgba(0, 0, 0, 0.1);
    }
  .payment-maintainent-page-wrapper  .card-text-lines {
      color: #000;
      font-size: 18px;
      font-weight: 500;
          /* height: 100%; */
    }
   

   .payment-maintainent-page-wrapper .info-icon {
      font-size: 1.2rem;
      color: #1d82d7;
    }
   .payment-maintainent-page-wrapper .info-icon-text {
      font-size: 18px;
      color: #185985;
      font-weight: 500;
    }

   .payment-maintainent-page-wrapper .total-box {
      border-radius: 12px;
      border: 1px solid #eee;
      padding: 11px 20px;
      font-weight: 600;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

  .payment-maintainent-page-wrapper .pay-button {
    background-color: #E40808;
    color: white;
    padding: 0.8rem 2rem;
    border: none;
    border-radius: 4px;
    font-weight: 600;
    width: 100%;
    max-width: 470px;
}

   .payment-maintainent-page-wrapper .form-control {
      border-radius: 10px;
      height: 45px;
    }

   .payment-maintainent-page-wrapper .card-label {
      font-weight: 600;
      font-size: 0.95rem;
    }

   .payment-maintainent-page-wrapper .card-icons {
      max-width: 100px;
    }

   .payment-maintainent-page-wrapper .exit-icon {
      position: absolute;
      top: 20px;
      right: 30px;
      font-size: 2rem;
      color: red;
      cursor: pointer;
    }
   .payment-maintainent-page-wrapper .total-value-text{
      margin-top: 30px;
    }

   .payment-maintainent-page-wrapper  .total-payer{
      color: #000;
      font-size: 18px;
      font-weight: 700;
    }
   .payment-maintainent-page-wrapper .paement-card-label{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }
   .payment-maintainent-page-wrapper .paement-input-box{
      font-size: 16px;
    color: #000;
    border-color: #CCCCCC;
    }
   .payment-maintainent-page-wrapper .paement-input-box::placeholder{
      font-size: 16px;
    color: #9B9B9B;
    }
   .payment-maintainent-page-wrapper .icon-input-box::placeholder{
      font-size: 16px;
    color: #9B9B9B;
    }
  .payment-maintainent-page-wrapper  .hr-line{
          margin-top: 69px;
    }
    .payment-maintainent-page-wrapper .icon-input-box{
    border-right: 0;
        border-color: #CCCCCC;
}
.payment-maintainent-page-wrapper .input-group-text-icon {
        border-color: #CCCCCC;
border-radius: 0 10px 10px 0;
}

.payment-maintainent-page-wrapper .total-payer {
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
    padding: 11px 48px;
}
    @media (max-width: 768px) {
      .payment-maintainent-page-wrapper    .pay-button {
        margin-top: 1rem;
      }
    }
    @media (max-width: 550px) {
      .payment-maintainent-page-wrapper .section-title {
        font-size: 30px;
      }
    }
    @media (max-width: 450px) {
      .payment-maintainent-page-wrapper .total-payer {
    padding: 11px ;
}
    }




  
  
  /* Audio Pro ------------------------ */

  
  .audio-pro-page-wrapper{
    margin-top: 50px;
    margin-bottom: 50px;
  }

   .audio-pro-page-wrapper .info-icon {
      width: 25px;
      height: 25px;
      margin-right: 6px;
    }

   .audio-pro-page-wrapper  .icon-text {
      display: flex;
      align-items: center;
      font-size: 18px;
      font-weight: 500;
      color: #185985;
    }

   .audio-pro-page-wrapper  .info-box {
      max-width: 450px;
    }

   .audio-pro-page-wrapper  .remove-btn {
      background-color: #E40808;
      color: white;
      border: none;
      font-size: 16px;
      border-radius: 6px;
      font-weight: 600;
    }

    .audio-pro-page-wrapper .remove-btn i {
      margin-left: 5px;
    }

 .audio-pro-page-wrapper    .tab-button {
      border: none;
      background-color: #d9d9d9;
      padding: 0.5rem 1rem;
      margin-right: 5px;
      border-radius: 5px;
    }

   .audio-pro-page-wrapper  .tab-button.active {
      background-color: #dbeeff;
      font-weight: bold;
    }

  .audio-pro-page-wrapper   table th,
    table td {
      text-align: center;
      vertical-align: middle;
      font-size: 14px;
    }

 

     .audio-pro-page-wrapper .main-heading{
      font-size: 40px;
      font-weight: 600;
      color: #185985;
    }
    .audio-pro-page-wrapper .sub-heading{
      font-size: 20px;
      font-weight: 600;
      color: #000;
    }

    .audio-pro-page-wrapper .red-table th{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    background-color: #E3F3FC !important;
    color: #185985 !important;
    padding: 16px !important;
  }
 .audio-pro-page-wrapper table .middle-tr-left{
  border-left: 1px solid #EEEEF0 !important;
}
 .audio-pro-page-wrapper  table .middle-tr-rigth{
  border-right: 1px solid #EEEEF0 !important;
}
  .audio-pro-page-wrapper .rounded-table {
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 9px;
    overflow: hidden;
  }

  /* Optional: make sure background doesn't leak outside */
  .audio-pro-page-wrapper .rounded-table thead th:first-child {
    border-top-left-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-left: 1px solid #EEEEF0 !important;
  

}

  .audio-pro-page-wrapper .rounded-table thead th:last-child {
    border-top-right-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-right: 1px solid #EEEEF0 !important;

  
  }

  .audio-pro-page-wrapper .rounded-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-left: 1px solid #EEEEF0 !important;

  
}

  .audio-pro-page-wrapper .rounded-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 9px;
  border-bottom: 1px solid #EEEEF0 !important;
  border-right: 1px solid #EEEEF0 !important;
  }

    .audio-pro-page-wrapper .blue-table-text{
      font-size: 16px;
      font-weight: 500;
      color: #0B0B0B;
    }

   .audio-pro-page-wrapper  .email-of-person{
      color: #0B0B0B;
      font-size:18px;
      font-weight: 600;
    }
   .audio-pro-page-wrapper  .email-of-person span{
      color: #0B0B0B;
      font-size:18px;
      font-weight: 700;
    }

   .audio-pro-page-wrapper   .score-sub-heading{
      font-size: 22px;
      font-weight: 600;
      color: #000;
    }
   .audio-pro-page-wrapper     .color-table-main-heading{
      font-size: 18px;
      font-weight: 600;
      color: #000;
    }

   .audio-pro-page-wrapper  .three-tab-container .nav-link{
      color: #0B0B0B !important;
      font-size: 16px;
      font-weight: 600;
      background-color: #D9D9D9 !important;
      border-radius: 24px 24px 0 0;
      border: 0;
          margin-right: 5px;
        }
   .audio-pro-page-wrapper  .three-tab-container .active{
      color: #185985 !important;
      font-size: 16px;
      font-weight: 600;
      background-color: #E3F3FC !important;
    }

    
    .audio-pro-page-wrapper .custom-table {
      border: 1px solid #ccc;
      border-collapse: collapse;
    }

   .audio-pro-page-wrapper  .custom-table th, .custom-table td {
      border: 1px solid #ccc;
      text-align: center;
      vertical-align: middle;
      padding: 8px;
    }

   .audio-pro-page-wrapper  .custom-table th {
      font-weight: 600;
      background-color: #f9f9f9;
    }

   .audio-pro-page-wrapper  .custom-table thead th:nth-child(1) {
      background-color: #e6f0f9;
      color: #0077b6;
    }

   .audio-pro-page-wrapper  .custom-table td:first-child {
      font-weight: 600;
      white-space: nowrap;
    }

   .audio-pro-page-wrapper  .light-blue-cell {
      background-color: #e6f0f9;
      color: #0077b6;
      font-weight: 600;
    }

  .audio-pro-page-wrapper   .green {
      color: #228B22 !important;
    }

  .audio-pro-page-wrapper   .blue {
      color: #185985 !important;
    }

  .audio-pro-page-wrapper   .yellow {
      color: #D4C437 !important;
    }
  .audio-pro-page-wrapper   .red {
      color: #E40808 !important;
    }
  .audio-pro-page-wrapper   .colorful-text{
      font-size: 18px;
      font-style: italic;
      font-weight: 500;
      text-align: center;

    }

  .audio-pro-page-wrapper   .responsive-wrapper {
      overflow-x: auto;
    }

  .audio-pro-page-wrapper  .colorful-table-container  th{
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000 !important;
}
  .audio-pro-page-wrapper  .colorful-table-container  td {
    border: 1px solid #ccc;
    text-align: center;
    vertical-align: middle;
    padding: 8px;
    border-bottom: 1px solid #000000 !important;
    border-left: 1px solid #000 !important;
}
  .audio-pro-page-wrapper .colorful-table-container{
     border-top: 1px solid #000000 !important;
    border-right: 1px solid #000 !important;
  }


  .audio-pro-page-wrapper .colorful-table-container td{
    font-size: 12px;
    font-weight: 600;
  }
  .audio-pro-page-wrapper   .colorful-table-container th{
      text-align: center;
      vertical-align: middle;
    font-size: 14px;
    font-weight: 600;
    background-color: transparent !important;
    color: #000 !important;
    padding: 16px !important;
  }
  .audio-pro-page-wrapper .colorful-table-container .main-blue-tab-table{
    text-align: center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: 600;
    background-color: #E3F3FC !important;
    color: #185985 !important;
    padding: 16px !important;
  }
  .audio-pro-page-wrapper .colorful-table-container .table-tab-main-heading{
        font-size: 16px;
      }
  .audio-pro-page-wrapper     .colorful-table-container .table-tab-left-main-heading{
         font-size: 14px;
         font-weight: 600;
         color: #000 !important;
        }

        
        
     .audio-pro-page-wrapper    .quartile-box {
          display: inline-block;
          width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 6px;
  }

 .audio-pro-page-wrapper  .quartile-green {
    background-color: #228B22;
  }

 .audio-pro-page-wrapper  .quartile-blue {
    background-color: #185985;
  }

 .audio-pro-page-wrapper  .quartile-yellow {
    background-color: #D4C437;
  }

 .audio-pro-page-wrapper  .quartile-red {
    background-color: #E40808;
  }

  .audio-pro-page-wrapper .max-width-table {
        max-width: 905px;
        width: 100;
      }

  .audio-pro-page-wrapper .blue-table2-text {
    font-size: 16px;
    font-weight: 500;
    color: #000;
  }
  .audio-pro-page-wrapper .blue-table2-ul-text  li{
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
  }
  .audio-pro-page-wrapper .blue-table2-date-text {
    font-size: 16px;
    font-weight: 600;
    color: #0B0B0B;
    text-align: center;
  }
  
  .audio-pro-page-wrapper .middle-bottom-border{
  border-bottom: 1px solid #EEEEF0 !important;
}
  .audio-pro-page-wrapper .icon-text {
    margin-top: 27px;
}
  @media (max-width: 550px) {
    .audio-pro-page-wrapper .main-heading {
    font-size: 30px;
    font-weight: 600;
    color: #185985;
}
 .audio-pro-page-wrapper .three-tab-container .nav-link {
    color: #0B0B0B !important;
    font-size: 12px;
            width: 100%;
            border-radius: 3px 3px 0 0;
}
 .audio-pro-page-wrapper .three-tab-container .active {
    color: #0B0B0B !important;
    font-size: 12px;
            width: 100%;
            border-radius: 3px 3px 0 0;

}
.audio-pro-page-wrapper .score-sub-heading {
    font-size: 17px;
}
 .audio-pro-page-wrapper .three-tab-container{
  flex-direction: column;
  gap: 2px;
}
 .audio-pro-page-wrapper .color-box-text{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  /* align-items: center; */
}
 .audio-pro-page-wrapper .colorful-text {
  text-align: left;
}
  }



  .audio-pro-page-wrapper .color-box-text{
  display: flex;
  gap: 5px;
  /* justify-content: flex-star; */
  /* align-items: center; */
}
 .audio-pro-page-wrapper .colorful-text{
  margin-right: 10px;
}






















/* payment 2 */

.paement2-main-page-wrapper .upper-input-boxes{
  font-size: 16px;
  font-weight: 400;
      padding: 12px;
}
.paement2-main-page-wrapper .upper-input-boxes::placeholder{
  color: #C4C4C4;
}
.paement2-main-page-wrapper .input-boxes-padding-classes{
  margin: 0 ;
  /* margin-top: 30px; */
  border-radius: 15px !important;
      box-shadow: 0 0 8px rgba(0, 0, 0, 0.05);
}
.paement2-main-page-wrapper .info-icon-text2 {
    font-size: 18px;
    color: #185985;
    font-weight: 500;
}
.payment-maintainent-page-wrapper-2 .hr-line {
    margin-top: auto;
}

.paement2-main-page-wrapper .radio-text{
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
 .paement2-main-page-wrapper .info-modifier-btn{
      color: #185985;
      font-size: 18px;
      font-weight: 600;
      border: 0;
      outline: none;
      border-radius: 8px;
      background-color: #E3F5FF;
      padding: 8px 20px;
    }



      @media (max-width: 768px) {
   .paement2-main-page-wrapper  .form-radio-container{
          display: flex;
    flex-direction: column;
    gap: 15px;
    }
  }


  .checkbox-container1 .checkbox-wrapper input[type="checkbox"]:checked::before {
    border-color:  #fff !important;
    top: 3px;
    left: 7px;
    width: 5px;
    height: 9px;
}
.checkbox-container1 .checkbox-wrapper input[type="checkbox"]:checked {
    background-color: #0C9AD7;
}
.Tableau-de-bord-wrapper
.main-heading-wrapper h5 strong{
  font-weight: 700 !important;
  text-transform: lowercase !important;
}

.checkbox-container1 .checkbox-wrapper label{
  width: 100%;
}

.Tableau-de-bord-wrapper .form-title-row p{
  margin: 0 !important;
}
.Tableau-de-bord-wrapper .person-concern-step-1 .form-title-row {
    align-items:center;}


    .Tableau-de-bord-wrapper  .audya-dashboard .btn {
    padding: 10px 16px !important;
  max-width: 300px;
  }
.Tableau-de-bord-wrapper
  .button-row-wrap {
    display: flex;
    gap: 20px;
  }

  .audya-dashboard .card-detail1 h5{
      font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #0B0B0B;
  }
  
  .audya-dashboard .card-detail1 p{
      font-family: 'Montserrat', sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #0B0B0B;
  }

    .audya-dashboard .card-detail1 h4{
      text-align: center;
    }

    @media (max-width: 768px) {
    .checkbox-container1 .checkbox-wrapper input[type="checkbox"] {
        width: 20px !important;
    }
    .checkbox-container1 .checkbox-wrapper label {
font-size: 16px;
      line-height: 22px;
}
}

.video-mode-btn{
font-weight: 700;
     font-family: 'Montserrat', sans-serif;
  font-size: 18px;
text-transform: uppercase;
color: #185985;
border: 2px solid #185985;
background-color: transparent;
border-radius: 8px;
padding:8px 10px;
}

.pour-wrapper-section p{
     font-family: 'Montserrat', sans-serif;
font-weight: 600;
  margin: 0;
font-size: 18px;
letter-spacing: 0%;
color: #000000;
}

.pour-wrapper-section {
  margin-top: 40px;
}
.pour-wrapper-section .form-title-row p{
  color: #185985 !important;
}

.pour-wrapper-section  .form-title-row {
    border-bottom: 0;
    align-items: start !important; 
}

.pour-wrapper-section .person-concern-step-1{
  margin: 0;
}

 .comparateur-button-row-wrapper {
      display: flex;
     font-family: 'Montserrat', sans-serif;
      gap:20px;
      width: 100%;
      margin: 20px auto;
    }

    .comparateur-button-row-wrapper .button {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      gap: 8px;
      padding: 10px 15px;
      font-size: 18px;
      font-weight: 600;
      border-radius: 8px;
      cursor: pointer;
      white-space: nowrap;
    }

    .comparateur-button-row-wrapper .circle {
      background: white;
      color: #185985;
      border-radius: 50%;
      width: 20px;
      height: 20px;
      font-size: 12px;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .comparateur-button-row-wrapper .btn-dark {
      background: #185985;
      color: white;
      border: none;
    }

    .comparateur-button-row-wrapper .btn-light {
      background: #F1FAFF;
      color: #185985;
      border: none;
    }

    .comparateur-button-row-wrapper .btn-outline {
      background: white;
      color: #185985;
      border: 1px solid #185985;
    }

    .comparateur-button-row-wrapper .tooltip {
      visibility: hidden;
      opacity: 0;
      background-color: #333;
      color: #fff;
      text-align: center;
      border-radius: 6px;
      padding: 6px 10px;
      position: absolute;
      bottom: 125%;
      left: 50%;
      transform: translateX(-50%);
      font-size: 12px;
      white-space: nowrap;
      z-index: 10;
      transition: opacity 0.3s;
      box-shadow: 8px 16px 24px 0px #454F590A;
      pointer-events: none;
    }

    .comparateur-button-row-wrapper .tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-50%);
      border-width: 6px;
      border-style: solid;
      border-color: #333 transparent transparent transparent;
    }

    .comparateur-button-row-wrapper .button.has-tooltip:hover .tooltip {
      visibility: visible;
      opacity: 1;
    }

    @media (max-width: 768px) {
      .comparateur-button-row-wrapper {
        flex-direction: column;
        align-items: stretch;
        overflow: hidden;
      }

      .comparateur-button-row-wrapper .button {
        width: 100%;
        justify-content: center;
      }
    }

    .comparateur-button-row-wrapper .btn-light .circle{
      background-color: #185985;
      color: #fff !important;
    }
    
    .comparateur-button-row-wrapper .btn-outline .circle{
      background-color: #185985;
      color: #fff !important;
    }

    .pricing-table1{
      box-shadow: 12px 20px 24px 0px #454F5914 !important;
border: 0 !important;
    }

    .pricing-table-btn button{
text-transform: uppercase !important;
    }

   .pricing-table-btn .button-validate {
    border: 0;
}
 .custom-tooltip {
    position: relative;
    cursor: help;
  }
.custom-tooltip {
  position: relative;
  cursor: help;
  overflow: visible !important; 
  z-index: 1;
}

.custom-tooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 8px 10px;
  border-radius: 5px;
  font-size: 12px;
  max-width: 400px;
  width: 300px;
  white-space: normal;
  text-align: center;
  z-index: 9999;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  pointer-events: none;
}


.custom-tooltip:hover::after {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media (max-width: 768px) {
  .laco-page-wrapper .main-heading h1 {
    font-size: 30px;
}}

.criteres-section .form-title-row p{
  margin: 0 !important;
}
.criteres-section input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #454F595C;
  border-radius: 4px;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}

.criteres-section input[type="checkbox"]:checked {
  background-color: #0C9AD7;
  border-color: #0C9AD7;
}
.criteres-section input[type="checkbox"]:checked::after {
  display: none !important;
}
.criteres-section input[type="checkbox"]:checked::before {
  content: "";
  position: absolute;
  left: 7px;
  top: 3px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.filter-modal-wraper .modal-content {
  background: #fff;
  position: relative;
  width: 100%;
  overflow: unset;
  max-height: unset;
  padding: 30px;
  border-radius: 10px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

       .filter-modal-wraper 
       .btn-close:focus {
    box-shadow:unset !important;}
       .filter-modal-wraper 
       .btn-close img{
  width: 25px;
  
}
       .filter-modal-wraper .btn-close{
--bs-btn-close-bg: unset;}
    .filter-modal-wraper h2 {
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 30px;
     color: #185985;
     margin-bottom: 20px;
    }

    .filter-modal-wraper .btn-close {
      position: absolute;
      right: 20px;
      top: 20px;
    }

    .filter-modal-wraper .filter-button {
    background: #185985;
    color: white;
    max-width: 280px;
    padding: 10px 15px;
    height: 45px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    width: 100%;
    border: none;
  }
.filter-modal-wraper .flex{
    display: flex;
    gap: 50px;
    margin: 20px 0;
}
    .filter-modal-wraper .note {
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    display: flex;
    gap: 10px;
    font-size: 16px;
    color: #185985;
  }
    .filter-modal-wraper .note img{
      width: 20px;
      height: 20px;
    }
    .filter-modal-wraper .note i {
      color: #0C9AD7;
    }

    .filter-modal-wraper .section {
      margin-bottom: 30px;
    }

    .filter-modal-wraper .section h4 {
      font-size: 16px;
      font-weight: bold;
      margin-bottom: 10px;
      color: #000;
    }

    .filter-modal-wraper .checkbox-group {
      margin-left: 20px;
    }
    
    .filter-modal-wraper .checkbox-group label {
      display: block;
      margin: 6px 0;
      font-size: 14px;
    }

    .filter-modal-wraper .section-note {
      font-size: 13px;
      color: #888;
      margin-bottom: 8px;
    }

    .filter-modal-wraper .section-note.warning {
      color: #e74c3c;
    }
.comparateur-done-wrapper {
  box-shadow: unset !important;
  border: 0 !important;
}

.person-concern-step-1 .comparateur-done-wrapper h2{
  color: #228B22 !important;
     font-family: 'Montserrat', sans-serif;
     font-weight: 600;
     font-size: 40px;
     line-height: 50px;
     margin-bottom: 40px;
     margin-top: 20px;
     text-align: center;
    }
 .person-concern-step-1 .comparateur-done-wrapper
 .section1 p{
     font-family: 'Montserrat', sans-serif;
font-weight: 500;
font-size: 22px;
text-align: center;
color: #0B0B0B;
}

.comparetur-v2 .person-concern-step-1 .form-title-row {
    align-items: start;
  }

  
  
  
  /*  21-7-20205 */
  
  
  .filter-modal-parent-wrapper  h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 40px;
  }
.filter-modal-parent-wrapper  .btn-close{
  opacity: 1 !important;
  position: static !important;
  margin-right: 20px;
}
.filter-modal-parent-wrapper .header-part{
  display: flex;
  justify-content: space-between;
}
.filter-modal-parent-wrapper  .btn-close img {
    width: 34px;
}
.filter-modal-parent-wrapper  .note {
    font-size: 18px;
    color: #185985;
    align-items: center;
  }
.filter-modal-parent-wrapper  .filter-modal-wraper .note img {
    width: 25px;
    height: 25px;
  }
.filter-modal-parent-wrapper .section h4 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
  }
.filter-modal-parent-wrapper .section-note {
  font-size: 18px;
  color: #185985;
  margin-bottom: 8px;
  font-weight: 500;
}
.filter-modal-parent-wrapper .img-dimensions{
  height: 25px;
}
.filter-modal-parent-wrapper .checkbox-group label {
    /* display: block; */
    margin: 6px 0;
    font-size: 18px;
    font-weight: 500;
    color: #0B0B0B;
  }
.filter-modal-parent-wrapper .checkbox-group1 {
  margin-left: 20px;
    display: flex;
    gap: 5px;
  }
.filter-modal-parent-wrapper .checkbox-group {
    margin-left: 20px;
    /* display: flex; */
    gap: 5px;
  }

  
  
  
  .filter-modal-parent-wrapper .checkbox-wrapper-top {
      display: flex;
      align-items: center;
      gap: 8px;
      cursor: pointer;
    }

    .filter-modal-parent-wrapper   .checkbox-wrapper input[type="radio"] {
      appearance: none;
      -webkit-appearance: none;
      width: 28px;
      height: 20px;
      border: 2px solid #D6DAF1;
      border-radius: 4px;
      /* background-color: #f0f0f0; */
      position: relative;
      cursor: pointer;
      transition: background-color 0.2s, border-color 0.2s;
    }

.filter-modal-parent-wrapper    .checkbox-wrapper input[type="radio"]:checked {
      background-color: #0096db;
      border-color: #0096db;
    }

    .filter-modal-parent-wrapper    .checkbox-wrapper input[type="radio"]:checked::after {
      content: "✔";
      color: white;
      font-size: 14px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .filter-modal-parent-wrapper  .checkbox-wrapper label {
      cursor: pointer;
    }

    
    
    
    
    .filter-modal-parent-wrapper .checkbox-collection       .checkbox-wrapper {
      display: flex;
      align-items: center;
      gap: 10px;
      margin-bottom: 10px;
      cursor: pointer;
    }
    
 .filter-modal-parent-wrapper .checkbox-collection    .checkbox-wrapper input[type="checkbox"] {
      appearance: none;
      -webkit-appearance: none;
      width: 22px;
      height: 22px;
      border: 2px solid #D6DAF1;
      border-radius: 4px;
      /* background-color: #f0f0f0; */
      position: relative;
      cursor: pointer;
      transition: background-color 0.2s, border-color 0.2s;
    }
    
    .filter-modal-parent-wrapper .checkbox-collection    .checkbox-wrapper input[type="checkbox"]:checked {
      background-color: #0096db;
      border-color: #0096db;
    }

    .filter-modal-parent-wrapper .checkbox-collection    .checkbox-wrapper input[type="checkbox"]:checked::after {
      content: "✔";
      color: white;
      font-size: 16px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .filter-modal-parent-wrapper .checkbox-collection    .checkbox-wrapper label {
      cursor: pointer;
      /* font-family: sans-serif; */
      font-size: 15px;
    }

    
    .filter-modal-parent-wrapper   .class-head {
      font-size: 16px;
      font-weight: 600;
      color: #000;
    }
    .filter-modal-parent-wrapper .checkbox-collection .checkbox-wrapper label {
      margin-top: 9px;
      margin-bottom: 0;
    font-weight: 500;
    font-size: 18px;
    color: #0B0B0B;
  }
  .filter-modal-parent-wrapper .check-last .checkbox-wrapper input[type="radio"] {
    width: 22px;
    height: 22px;
}
.filter-modal-parent-wrapper .info-text{
  display: flex;
  gap: 5px;
}
@media (max-width: 768px) {
  .filter-modal-parent-wrapper  .btn-info-text{
        flex-wrap: wrap;
    gap: 20px;
  }
}



/* parameter modal */

  .filter-parameter-model-wraper  .question-title {
      font-weight: bold;
      margin-top: 1rem;
    }
 .filter-parameter-model-wraper   .section-title {
      /* color: #e30613; */
      /* font-weight: bold; */
      text-transform: uppercase;
    }
 .filter-parameter-model-wraper   .sub-text {
      font-size: 0.9rem;
      color: #6c757d;
    }
  .filter-parameter-model-wraper  .custom-radio-label {
      margin-right: 1.5rem;
    }
 .filter-parameter-model-wraper   .scale-label {
      display: block;
      text-align: center;
      font-weight: 500;
    }
 .filter-parameter-model-wraper   .form-scale input[type="radio"] {
      margin: 0 0.3rem;
    }
 .filter-parameter-model-wraper   .btn-custom {
      background-color: #004080;
      color: white;
      font-weight: bold;
    }
    @media(max-width: 576px){
  .filter-parameter-model-wraper    .form-scale {
        flex-direction: column;
        align-items: flex-start;
      }
    }

    .filter-parameter-model-wraper .section-title {
    color: #FF0000;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}
.filter-parameter-model-wraper .section-title span{
    color: #0B0B0B;
}
.filter-parameter-model-wraper .question-title {
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 18px;
    color: #0B0B0B;
}
.filter-parameter-model-wraper label {
    font-weight: 500;
    /* margin-top: 1rem; */
    font-size: 18px;
    color: #0B0B0B;
}
.filter-parameter-model-wraper .checkbox-group {
    margin-left: 0;
    max-width: 860px;
    
}

.filter-parameter-model-wraper .checkbox-collection-width .checkbox-wrapper input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    width: 27px;
}
.filter-parameter-model-wraper .gene-container{
      font-size: 18px;
    font-weight: 500;
    color: #0B0B0B;
}
.filter-parameter-model-wraper .gene-container .gene-span  span{
      font-size: 18px;
    font-weight: 600;
    color: #000000;
}


  .filter-parameter-model-wraper .multi-box-check   .form-scale {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin-bottom: 1rem;
      justify-content: space-between;
    }
  .filter-parameter-model-wraper .multi-box-check   .form-scale label {
      margin-right: 1rem;
      min-width: 250px;
      max-width: 520px;
    }
  .filter-parameter-model-wraper .multi-box-check   .form-scale .scale-options {
      display: flex;
      align-items: center;
      gap: 0.6rem;
      flex-wrap: wrap;
    }
   .filter-parameter-model-wraper .multi-box-check  .optional-input {
      display: flex;
      align-items: center;
      gap: 0.5rem;
      flex-wrap: wrap;
      margin-top: 1rem;
    }
    @media (max-width: 576px) {
   .filter-parameter-model-wraper .multi-box-check    .form-scale label {
        min-width: 100%;
      }
    }

    .filter-parameter-model-wraper  .multi-box-check  .scale-options span {
    font-size: 18px;
    font-weight: 500;
    color: #000000;
}

.filter-modal-parent-wrapper .checkbox-group .label-group label {
  /* display: block; */
  /* margin: 6px 0; */
  font-size: 16px;
  font-weight: 500;
    color: #0B0B0B;
    /* margin-bottom: 5px; */
    margin: 0;
}
    .filter-modal-parent-wrapper .container-max-width  {
      max-width: 860px;
    }





    /* starr */
   .star-page-wrapper .start-main-title{
      font-size: 16px;
    font-weight: 600;
    color: #0B0B0B;
    }
  .star-page-wrapper  .star-rating {
      direction: rtl;
      font-size: 15px;
    }
  .star-page-wrapper  .star-rating input[type="radio"] {
      display: none;
    }
 .star-page-wrapper   .star-rating label {
      cursor: pointer;
    }
 .star-page-wrapper   .star-rating input[type="radio"]:checked ~ label {
      color: #D4AF37;
    }
 .star-page-wrapper   .form-check-inline .form-check-input {
      margin-top: 0.35em;
    }
 .star-page-wrapper   .form-section {
      margin-bottom: 25px;
          display: flex
;
align-items: baseline;
gap: 5px;
    }

   .star-page-wrapper    .form-check-label{
      font-size: 18px;
      font-weight: 500;
      color: #000;
    }


    .star-page-wrapper       .star-rating {
      direction: rtl;
      /* font-size: 4rem; */
      display: flex;
      justify-content: center;
      gap: 10px;
      /* margin-top: 2rem; */
    }

    .star-page-wrapper   .star-rating input {
      display: none;
    }

    .star-page-wrapper   .star-rating label {
      color: black;
      cursor: pointer;
      user-select: none;
    }

    .star-page-wrapper   .star-rating input:checked ~ label,
    .star-rating label:hover,
    .star-rating label:hover ~ label {
      color: #D4AF37;
      content: '★';
    }

  .star-page-wrapper     .star-rating input:checked ~ label::before {
      content: '★';
    }

   .star-page-wrapper    .star-rating label::before {
      content: '☆';
      transition: color 0.2s;
      font-size: 24px;
    }

    .star-page-wrapper   .star-rating input:checked + label::before,
    .star-rating input:checked + label ~ label::before {
      content: '★';
    }





    /* table */

  .table-page-wrapper  .table-title {
    background-color: #E3F3FC;
    font-weight: 600;
    font-size: 18px;
    padding: 18px 15px;
    color: #185985;
}

  .table-page-wrapper  .custom-icon {
   background-color: #D4AF37;
    border-radius: 50%;
    color: white;
    width: 23px;
    height: 23px;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    margin-right: 10px;
    flex-shrink: 0;
    font-weight: 500;
    padding: 1px;
    }

  .table-page-wrapper  .recommendation {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

  .table-page-wrapper  .recommendation-row {
      display: flex;
      align-items: center;
      margin-bottom: 4px;
    }

  .table-page-wrapper  .audio-button {
    background-color: #f1f1f1;
    font-size: 16px;
    font-weight: 600;
    padding: 6px 12px;
    border: none;
    border-radius: 4px;
    white-space: nowrap;
    color: #909090;
    background-color: #F1F1F1;
}

  .table-page-wrapper  .audio-button:hover {
      background-color: #007bff;
      color: white;
    }

   .table-page-wrapper .name {
    font-weight: 500;
    font-size: 16px;
    color: #0B0B0B;
    max-width: 130px;
}

    @media (max-width: 768px) {
     .table-page-wrapper .name {
        margin-bottom: 8px;
      }
    }


 .table-page-wrapper   .table-border-dimesnsion{
      border-bottom: 1px solid #EEEEF0 !important;
      border-left:  1px solid #EEEEF0 !important;
      border-right:  1px solid #EEEEF0 !important;
    }
 .table-page-wrapper   .table-head-audio{
      border-radius: 9px 9px 0 0;
    }




    /* table 2 */

  .hearing-page-wrapper1   .main-table-desc-text{
      max-width: 500px;
      width: 100%;
    }


 .hearing-page-wrapper1    .dropdown-title {
          font-weight: 700;
    margin-bottom: 15px;
    font-size: 18px;
    color: #000;
    }

 .hearing-page-wrapper1   .result-header {
      background-color: #eaf3fc;
      padding: 10px;
      font-weight: bold;
      border-top: 1px solid #ccc;
    }

  .hearing-page-wrapper1    .result-item {
      padding: 10px;
      border-bottom: 1px solid #eee;
    }

  .hearing-page-wrapper1    select.form-select {
      width: auto;
      display: inline-block;
    }



















  .hearing-page-wrapper1      .custom-dropdown {
      position: relative;
      width: 70px;
      border: 2px solid #185985;
      border-radius: 6px;
      overflow: hidden;
    }

  .hearing-page-wrapper1    .custom-dropdown select {
      width: 100%;
      padding: 4px 10px;
      border: none;
      border-radius: 6px;
      appearance: none;
      background-color: white;
      color: #000;
      font-weight: 500;
      cursor: pointer;

      /* Arrow icon using background-image */
      background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23084B8A' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6h-12z'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: right 10px center;
      background-size: 12px;
    }

 .hearing-page-wrapper1     .custom-dropdown select:focus {
      outline: none;
      box-shadow: 0 0 0 2px rgba(8, 75, 138, 0.3);
    }

    /* Webkit-based browser dropdown styling */
  .hearing-page-wrapper1    select option {
      padding: 8px;
      background-color: white;
      color: black;
    }

    /* Selected option styling for modern browsers */
  .hearing-page-wrapper1    select option:checked {
      background-color: #185985;
      color: white;
    }

    /* Scrollbar customization (for long lists) */
  .hearing-page-wrapper1    select::-webkit-scrollbar {
      width: 8px;
    }

  .hearing-page-wrapper1    select::-webkit-scrollbar-thumb {
      background-color: #185985;
      border-radius: 10px;
    }



    /* satisfaction1  */


 .satisfaction1-page-wrapper   .hr-line{
     /* color : #454F5914; */
     color : #454F59;
     margin: 15px 0;
    }
  .satisfaction1-page-wrapper   .checkbox-group {
    margin-left: 0px;
    gap: 5px;
    max-width: 710px;
}
 .satisfaction1-page-wrapper  .checkbox-collection .checkbox-wrapper label {
    margin-top: 9px;
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #000;
}
 .satisfaction1-page-wrapper  .checkbox-group label {
    /* display: block; */
    margin: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
}

 .satisfaction1-page-wrapper  .preciser-input{
      font-size: 16px;
    color: #777777;
    font-weight: 500;
    max-width: 300px;
    margin-top: 25px;
    border: 1px solid #E5E9FF;
}







/* address detail card */

       .addres-detail-card {
  font-family: 'Montserrat', sans-serif;
  padding: 20px;
}

.addres-detail-card .card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
}
.addres-detail-card .card
button{
  font-weight: 600;
    font-size: 18px;
    margin: 28px auto !important;
    display: block;
}
.addres-detail-card .card {
  background: #fff;
  box-shadow: 0px 0px 15px 0px #0000001A;
  border-radius: 10px;
  padding:30px 20px;
  max-width: 420px;
  width: 100%;
  box-sizing: border-box;
}

.addres-detail-card .card-title {
  color: #185985;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 16px;
}

.addres-detail-card .info {
  display: flex;
  gap: 12px;line-height: 24px;
  font-size: 16px;
  margin-bottom: 16px;
}
.addres-detail-card .info ul li{
line-height: 24px;
  font-size: 16px;
}

.addres-detail-card .info img {
  width: 20px;
  height: 20px;
  flex-shrink: 0;
  margin-top: 3px;
}

.addres-detail-card .info p,
.addres-detail-card .info ul {
  font-weight: 500;
line-height: 24px;
  font-size: 16px;
  margin: 0;
  color: #000;
}

.addres-detail-card .info ul {
  padding-left: 18px;
  list-style-type: disc;
  margin-top: 0;
}

.addres-detail-card .voir-btn {
  font-size: 18px;
  background-color: #185985 !important;
  color: #fff;
  font-weight: 600;
  border-radius: 8px;
  padding: 12px 50px !important;
  border: none;
  cursor: pointer;
  margin-top: 15px;
  display: inline-block;
}

@media (max-width: 900px) {
  .addres-detail-card .card-container {
    flex-direction: column;
    align-items: center;
  }
}




 .radiooo-check   .custom-radio-blue {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 16px;
      height: 16px;
      border: 1px solid #0B0B0B;
      border-radius: 50%;
      position: relative;
      cursor: pointer;
      outline: none;
      background-color: white;
      transition: all 0.2s ease-in-out;
      padding: 9px;
      
    }

   .radiooo-check  .custom-radio-blue:checked::before {
      content: '';
      width: 12px;
      height: 12px;
      background-color: #0C9AD7;
      border: 1px solid  #0C9AD7;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

 .radiooo-check   .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}
.radiooo-check .form-check-input:checked {
    background-color: white;
    border-color: #0C9AD7;
}


 .modal-radiooo-check   .custom-radio-blue {
      appearance: none;
      -webkit-appearance: none;
      -moz-appearance: none;
      width: 16px;
      height: 16px;
      border: 1px solid #D6DAF1;
      border-radius: 50%;
      position: relative;
      cursor: pointer;
      outline: none;
      background-color: white;
      transition: all 0.2s ease-in-out;
      padding: 9px;
      
    }

   .modal-radiooo-check  .custom-radio-blue:checked::before {
      content: '';
      width: 12px;
      height: 12px;
      background-color: #0C9AD7;
      border: 1px solid  #0C9AD7;
      border-radius: 50%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

 .modal-radiooo-check   .form-check-input:checked[type=radio] {
    --bs-form-check-bg-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e);
}
.modal-radiooo-check .form-check-input:checked {
    background-color: white;
    border-color: #0C9AD7;
}


.hr-seperator{
  max-width: 700px;
}
.filter-modal-hr .hr-seperator {
    max-width: 280px;
    color: #91bbc970;
}

@media (max-width: 450px) {
.star-page-wrapper .form-section {
  flex-direction: column;
}
.star-page-wrapper .form-section br {
  display: none;
}
}


.breadcrumb-wrapper .breadcrumb-text2 {
  padding-top: 20px;
    border-top: 1px solid #C4C4C4;}

.filter-modal-parent-wrapper
    .form-check{
      display: flex;
    align-items: baseline;
    gap: 7px;
    }
.filter-modal-parent-wrapper
    input[type="radio"]::after{
      display: none !important;
    }


    .satisfaction1-page-wrapper .checkbox-group-v1 {

    max-width: 900px;
    margin: 0 auto;
}


/* new css 22july end */


/* new css 23july start */

/*phase 3 july 23 */
    .my-profile-overall-page-wrapper{
          max-width: 1000px !important;
    margin: 0 auto;
    }
    
    .my-profile-overall-page-wrapper .input-box-label-text{
  font-size: 18px;
  color: #000;
  font-weight: 500;
}
.my-profile-overall-page-wrapper .input-boxes{
  font-size: 14px;
    color: #909090 !important;
    font-weight: 500;
    border-radius: 4px;
    border: 1px solid #C4C4C4;
    padding: 10px;
  }

  .my-profile-overall-page-wrapper .doctor-img {
  width: 240px;
  height: 240px;
  border-radius: 50%;
  object-fit: cover;
}

.my-profile-overall-page-wrapper .circle-info {
     border: 4px solid #185985;
    border-radius: 50%;
    width: 240px;
    height: 240px;
    display: flex
;
justify-content: center;
align-items: center;
color: #185985;
font-weight: 600;
font-size: 18px;
line-height: 1.4;
padding: 10px;
background-color: #E3F3FC;
}
.my-profile-overall-page-wrapper .info-check-text{
  font-size: 18px;
  color: #0B0B0B;
  font-weight: 500;
}
.my-profile-overall-page-wrapper .check-and-label{
  align-items: baseline;
  display: flex
  ;
  gap: 7px;
}


.my-profile-overall-page-wrapper .note {
    font-size: 16px;
    color: #185985;
    align-items: center;
    font-weight: 500;
  }
.my-profile-overall-page-wrapper .profile-btn{
  font-size: 18px;
  font-weight: 600;
  color: white;
  background-color: #185985;
  border-radius: 4px;
}
.my-profile-overall-page-wrapper .profile-btn-radius{
  border-radius: 8px;
}

.my-profile-overall-page-wrapper .circle-info-box{
  height: 100%;
  justify-content: space-between !important;
}
.my-profile-overall-page-wrapper .button-padding{
  padding: 10px 60px;
}
.my-profile-overall-page-wrapper  .filter-button {
  margin-top: 50px;
}

.my-profile-overall-page-wrapper .filter-button{
  border: 0 !important;
  font-size: 18px !important;
    font-weight: 600 !important;
}
.profile-modal-wrapper p{
  color: #000;
  font-size: 18px;
  font-weight: 500;
}
.profile-modal-wrapper .p-highlight{
  color: #000;
  font-size: 18px;
  font-weight: 600;
}
.profile-modal-wrapper .blue-text{
  color: #185985;
  font-size: 18px;
  font-weight: 500;
}
.profile-modal-wrapper .blue-text span{
  color: #185985;
  font-size: 18px;
  font-weight: 600;
}
.profile-modal-wrapper .filter-button
{
  background: #185985;
  color: white;
  max-width: 415px;
  margin-top: 50px;
  height: 100%;
}





.transportation-modal-page-wrapper h2 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 30px;
  }
  .transportation-modal-page-wrapper .note {
    font-size: 18px;
    color: #185985;
    align-items: baseline;
  }
  .transportation-modal-page-wrapper .note img {
    /* margin-top: 10px; */
  }
  .transportation-modal-page-wrapper .text-black {
    font-size: 14px;
    font-weight: 600;
  color: #0B0B0B !important;
}

.transportation-modal-page-wrapper .tym-box{
  width: 100%;
  font-size: 14px;
  color: #ABAFB1;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  padding: 10px ;
}
.transportation-modal-page-wrapper .text-black-margin {
    margin-top: 41px;
    text-align: center !important;
  }
  .transportation-modal-page-wrapper .checkbox-collection .checkbox-wrapper {
    display: flex
    ;
    align-items: center;
    gap: 1px;
  }
  .transportation-modal-page-wrapper .filter-button {
    background: #185985;
    color: white;
    max-width: 255px;
  }
  @media (max-width: 550px) {
    .transportation-modal-page-wrapper .info-p-text {
      text-align: left;
    }
    .transportation-modal-page-wrapper .info-check-box {
flex-direction: column;
    max-width: 240px;
  }
}


.image-wrapper-row{
margin-top: 60px;
}
.image-modal-dialog h2{
    font-family: 'Montserrat', sans-serif !important;
  font-size: 40px !important;
  font-weight: 600 !important;
  color: #185985 !important;
}
.form-title-row p {
    color: #185985 !important;
}

#transportationModal .info-p-text{
    color: #185985 !important;

}

.time-table-wrapper1 button,.clinic-establishment-wrapper .add-btn{
      background-color: #185985 !important;
    color: #fff !important;
    text-transform: uppercase !important;
}
.clinic-establishment-wrapper .add-btn img{
  display: none !important;
}
.address-consultation{
      font-weight: 600;
    font-size: 18px;
    border: 0 !important;
    border-radius: 5px;
    margin: 40px auto;
    display: block;
    padding: 12px 20px;
    line-height: 100%;
    letter-spacing: 0%;
    text-align: center;      background-color: #185985 !important;
    color: #fff !important;
    text-transform: uppercase !important;
    font-family: 'Montserrat', sans-serif;
}
.registration-complete-wrapper{
    border-radius: 10px;
    box-shadow: 4px 8px 16px 0px #454F590A;
    margin: 50px auto;
border: 1px solid #0000001A
}
.registration-complete-wrapper p{
    font-family: 'Montserrat', sans-serif;
font-weight: 700 !important;
font-size: 22px;
text-align: center;
}
.registration-complete-wrapper
.home-btn1{
      background-color: #185985 !important;
    color: #fff !important;
}

.filter-modal-parent-wrapper .btn-retour{
    background-color: #185985 !important;
    color: #fff;    text-align: center;
   font-family: 'Montserrat', sans-serif;
    font-weight: 600;
font-size: 18px;
border: 0 !important;
text-align: center;
text-transform: uppercase;
padding: 12px 30px;
border-radius: 4px;
}



/* new css 23july end */