:root {
  --primary-color: #2b3990;
  --secondary-color: #00a0df;
  --accent-color: #e6095a;
  --text-color: #333333;
  --light-bg: #f8f9fa;
  --white: #ffffff;
  --proxima-font: "proxima-nova", sans-serif;
  --secondary-font: "Arial", sans-serif;
}

html {
  scroll-padding-top: 100px; /* Offset for fixed header */
  scroll-behavior: smooth;
}

body {
  font-family: "Arial", sans-serif;
  color: var(--text-color);
  overflow-x: hidden;
}

body.fixed {
  overflow: hidden;
}

label {
  font: 500 14px/19px var(--proxima-font);
  margin-bottom: 11px;
}

label.label-with-icon {
  display: flex;
  align-items: center;
  gap: 7px;
  font: 500 16px/21px var(--proxima-font);
  margin: 0 0 11px;
}
label.label-with-icon .icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
}
label.label-with-icon .icon img {
  -o-object-fit: contain;
  object-fit: contain;
}

.form-label {
  margin-bottom: 4px;
}

.form-control:not([type="checkbox"]),
.form-control:not([type="radio"]),
.form-control:not([type="file"]),
input:is(:not([type="checkbox"], [type="radio"], [type="file"])) {
  font: 500 16px/21px var(--proxima-font);
  padding: 18px 23px 20px;
  background-color: var(--white);
  color: #151515;
  border: none;
  border-radius: 10px !important;
  width: 100%;
  outline: none;
  box-shadow: none;
}
.form-control:not([type="checkbox"]):is(:focus, :focus-visible),
.form-control:not([type="radio"]):is(:focus, :focus-visible),
.form-control:not([type="file"]):is(:focus, :focus-visible),
input:is(:not([type="checkbox"], [type="radio"], [type="file"])):is(
    :focus,
    :focus-visible
  ) {
  border-color: var(--accent-color);
  outline: 1px solid var(--accent-color);
  box-shadow: none;
}

.upload-file-wrapper label {
  font: 400 18px/24px var(--proxima-font);
  margin: 0 0 22px;
}
.upload-file-wrapper .upload-file-preview-grid {
  --auto-grid-min-size: 11rem;
  display: grid;
  grid-template-columns: repeat(
    auto-fill,
    minmax(var(--auto-grid-min-size), 1fr)
  );
  gap: 14px;
}
.upload-file-wrapper .upload-file-preview-grid .input-file {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 24px;
  padding: 15px;
  border-radius: 5px;
  background-color: #19a0ff;
  border: 1px solid var(--white);
  min-height: 155px;
  font: 500 14px/19px var(--proxima-font);
  color: var(--white);
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  outline: 1px solid transparent;
}
.upload-file-wrapper
  .upload-file-preview-grid
  .input-file:has(input:is(:focus, :focus-visible)) {
  border-color: var(--accent-color);
  outline: 1px solid var(--accent-color);
  box-shadow: none;
}
.upload-file-wrapper .upload-file-preview-grid .input-file input[type="file"] {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload-file-wrapper .upload-file-preview-grid .upload-file-preview {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.upload-file-wrapper
  .upload-file-preview-grid
  .upload-file-preview
  .upload-file-button {
  position: absolute;
  top: 9px;
  border: none;
  padding: 3px;
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: center/contain no-repeat var(--icon), transparent;
}
.upload-file-wrapper
  .upload-file-preview-grid
  .upload-file-preview
  .upload-file-button
  img {
  -o-object-fit: contain;
  object-fit: contain;
}

.upload-file-wrapper
  .upload-file-preview-grid
  .upload-file-preview
  .upload-file-button.open-file {
  left: 10px;
  --icon: url('data:image/svg+xml,%3Csvg width="33" height="33" viewBox="0 0 33 33" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_5091_1342" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="33" height="33"%3E%3Cpath d="M32.1742 0.979004H0.824219V32.27H32.1742V0.979004Z" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_5091_1342)"%3E%3Cpath d="M28.3477 15.508C27.6387 14.802 27.0017 14.162 26.3567 13.53C26.2298 13.4179 26.1295 13.279 26.0629 13.1234C25.9963 12.9677 25.9651 12.7992 25.9717 12.63C25.9725 12.4242 26.0338 12.2232 26.1482 12.0521C26.2626 11.881 26.4248 11.7474 26.6147 11.668C26.8045 11.575 27.0173 11.5396 27.227 11.566C27.4366 11.5925 27.634 11.6798 27.7947 11.817C27.8745 11.8849 27.9503 11.9573 28.0217 12.034L31.7837 15.778C31.9041 15.8802 32.0013 16.007 32.0687 16.1498C32.1361 16.2927 32.1721 16.4483 32.1742 16.6063C32.1764 16.7642 32.1447 16.9208 32.0813 17.0655C32.0179 17.2101 31.9243 17.3396 31.8067 17.445C30.514 18.7363 29.2194 20.0257 27.9227 21.313C27.7715 21.4854 27.5702 21.6062 27.347 21.6585C27.1237 21.7109 26.8897 21.6922 26.6777 21.605C26.4777 21.5359 26.3036 21.4075 26.1785 21.2369C26.0534 21.0662 25.9834 20.8615 25.9777 20.65C25.9641 20.4813 25.9894 20.3117 26.0517 20.1543C26.1139 19.9969 26.2114 19.8558 26.3367 19.742C26.9087 19.178 27.4747 18.609 28.0427 18.042C28.1217 17.963 28.1947 17.879 28.3227 17.742H27.8877C25.6047 17.742 23.3207 17.742 21.0377 17.742C20.8842 17.7504 20.7307 17.7271 20.5867 17.6736C20.4426 17.6201 20.3111 17.5375 20.2004 17.4309C20.0897 17.3243 20.0021 17.1961 19.9431 17.0542C19.8842 16.9123 19.855 16.7598 19.8576 16.6061C19.8601 16.4525 19.8943 16.301 19.9579 16.1612C20.0216 16.0213 20.1134 15.896 20.2276 15.7932C20.3418 15.6904 20.4759 15.6121 20.6216 15.5634C20.7674 15.5147 20.9216 15.4965 21.0747 15.51C23.3347 15.514 25.5947 15.514 27.8547 15.51H28.3547" fill="%230531AF"/%3E%3Cpath d="M17.6185 28.439C18.3185 27.739 18.9425 27.116 19.5695 26.494C19.6677 26.3703 19.7909 26.2688 19.931 26.1959C20.0711 26.1231 20.2249 26.0806 20.3826 26.0712C20.5402 26.0619 20.698 26.0859 20.8458 26.1416C20.9935 26.1974 21.1278 26.2837 21.2399 26.3949C21.352 26.5061 21.4394 26.6397 21.4964 26.7869C21.5534 26.9342 21.5787 27.0918 21.5706 27.2495C21.5626 27.4072 21.5214 27.5615 21.4497 27.7021C21.378 27.8428 21.2774 27.9668 21.1545 28.066C19.8812 29.3433 18.6062 30.6193 17.3295 31.894C17.2273 32.0111 17.1015 32.1052 16.9602 32.1701C16.819 32.235 16.6656 32.2693 16.5102 32.2706C16.3548 32.2719 16.2008 32.2403 16.0585 32.1778C15.9162 32.1153 15.7887 32.0234 15.6845 31.908C14.3825 30.61 13.0825 29.31 11.7845 28.008C11.5992 27.8368 11.4774 27.6079 11.4389 27.3585C11.4004 27.1092 11.4475 26.8541 11.5725 26.635C11.6917 26.4185 11.8815 26.2496 12.1104 26.1563C12.3392 26.0631 12.5931 26.0514 12.8295 26.123C13.0475 26.1993 13.2454 26.3237 13.4086 26.487C14.0516 27.107 14.6755 27.746 15.3785 28.45V27.997C15.3785 25.7183 15.3785 23.4397 15.3785 21.161C15.3707 21.0085 15.3942 20.8561 15.4474 20.713C15.5007 20.5699 15.5826 20.4393 15.6882 20.329C15.7938 20.2188 15.9209 20.1313 16.0615 20.0719C16.2021 20.0125 16.3534 19.9825 16.5061 19.9838C16.6588 19.985 16.8096 20.0174 16.9492 20.079C17.0889 20.1407 17.2145 20.2302 17.3183 20.3421C17.4221 20.4541 17.5019 20.5861 17.5529 20.73C17.6038 20.8739 17.6248 21.0267 17.6145 21.179C17.6145 23.4457 17.6145 25.7123 17.6145 27.979V28.442" fill="%230531AF"/%3E%3Cpath d="M4.64715 17.741L6.14715 19.223C6.32915 19.403 6.51415 19.581 6.68915 19.766C6.79585 19.8691 6.88091 19.9924 6.93933 20.1288C6.99776 20.2652 7.02838 20.4119 7.0294 20.5602C7.03042 20.7086 7.00182 20.8557 6.94527 20.9928C6.88873 21.13 6.80537 21.2545 6.70009 21.3591C6.59482 21.4636 6.46973 21.5461 6.33217 21.6017C6.19461 21.6573 6.04734 21.6848 5.89898 21.6828C5.75063 21.6807 5.60418 21.6491 5.46821 21.5897C5.33224 21.5303 5.20949 21.4444 5.10715 21.337C4.05515 20.299 3.01415 19.25 1.96715 18.207C1.71215 17.952 1.45115 17.707 1.19615 17.447C1.07992 17.3444 0.986702 17.2183 0.922607 17.0772C0.858512 16.936 0.824987 16.7828 0.824232 16.6278C0.823476 16.4727 0.855507 16.3193 0.918224 16.1775C0.98094 16.0357 1.07293 15.9088 1.18815 15.805C2.47348 14.523 3.76048 13.243 5.04915 11.965C5.14932 11.8459 5.2732 11.7489 5.41291 11.6803C5.55261 11.6117 5.70507 11.5729 5.86059 11.5665C6.0161 11.56 6.17125 11.586 6.31616 11.6428C6.46108 11.6996 6.59257 11.7859 6.70228 11.8963C6.81199 12.0067 6.89751 12.1388 6.95338 12.2841C7.00926 12.4293 7.03427 12.5846 7.02683 12.7401C7.01938 12.8956 6.97964 13.0478 6.91014 13.1871C6.84064 13.3263 6.7429 13.4496 6.62315 13.549C5.99415 14.182 5.36015 14.81 4.66015 15.508H5.11115C7.39381 15.508 9.67681 15.508 11.9601 15.508C12.1136 15.4985 12.2674 15.5208 12.4119 15.5734C12.5564 15.626 12.6885 15.7078 12.8 15.8137C12.9115 15.9197 12.9999 16.0474 13.0598 16.1891C13.1197 16.3307 13.1497 16.4831 13.1481 16.6369C13.1464 16.7907 13.1131 16.9424 13.0502 17.0828C12.9873 17.2231 12.8961 17.3489 12.7824 17.4524C12.6686 17.5559 12.5348 17.6349 12.3892 17.6844C12.2436 17.7338 12.0894 17.7528 11.9361 17.74C9.66481 17.7367 7.39348 17.7367 5.12215 17.74L4.64715 17.741Z" fill="%230531AF"/%3E%3Cpath d="M17.6183 4.802V5.279C17.6183 7.54566 17.6183 9.81233 17.6183 12.079C17.6318 12.2687 17.5967 12.4586 17.5162 12.6309C17.4357 12.8032 17.3125 12.952 17.1583 13.0633C17.0042 13.1746 16.8241 13.2446 16.6353 13.2668C16.4464 13.289 16.2551 13.2625 16.0793 13.19C15.8564 13.0991 15.6683 12.9394 15.5424 12.7342C15.4165 12.529 15.3593 12.2889 15.3793 12.049C15.3853 9.794 15.3793 7.538 15.3793 5.283V4.843C15.2613 4.943 15.1793 5.005 15.1153 5.073C14.5373 5.647 13.9643 6.226 13.3833 6.797C13.2819 6.91105 13.1581 7.0031 13.0197 7.06748C12.8813 7.13185 12.7312 7.16718 12.5787 7.17128C12.4261 7.17538 12.2743 7.14817 12.1326 7.09132C11.991 7.03447 11.8625 6.94919 11.7551 6.84075C11.6476 6.73231 11.5636 6.60301 11.5081 6.46082C11.4526 6.31864 11.4268 6.16658 11.4324 6.01405C11.4379 5.86152 11.4747 5.71174 11.5404 5.57397C11.6061 5.43619 11.6993 5.31334 11.8143 5.213C13.103 3.91766 14.3936 2.62466 15.6863 1.334C15.7893 1.22186 15.9145 1.13234 16.054 1.0711C16.1934 1.00986 16.344 0.978241 16.4963 0.978241C16.6486 0.978241 16.7992 1.00986 16.9386 1.0711C17.0781 1.13234 17.2033 1.22186 17.3063 1.334C18.6096 2.63066 19.9096 3.93066 21.2063 5.234C21.318 5.3364 21.4076 5.46047 21.4697 5.59864C21.5319 5.73681 21.5653 5.88619 21.5678 6.03767C21.5704 6.18916 21.542 6.33957 21.4846 6.47976C21.4271 6.61994 21.3417 6.74696 21.2336 6.85306C21.1254 6.95917 20.9968 7.04214 20.8555 7.09693C20.7143 7.15172 20.5634 7.17717 20.412 7.17174C20.2605 7.16631 20.1118 7.1301 19.9749 7.06533C19.8379 7.00056 19.7156 6.90858 19.6153 6.795C18.9693 6.158 18.3323 5.514 17.6153 4.795" fill="%230531AF"/%3E%3C/g%3E%3C/svg%3E');
  background-size: 30px;
}
.upload-file-wrapper
  .upload-file-preview-grid
  .upload-file-preview
  .upload-file-button.remove-file {
  right: 8px;
  --icon: url('data:image/svg+xml,%3Csvg width="17" height="22" viewBox="0 0 17 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_5091_1351" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="17" height="22"%3E%3Cpath d="M16.677 0.979004H0.208984V21.593H16.677V0.979004Z" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_5091_1351)"%3E%3Cpath d="M3.11788 21.593C2.89002 21.5226 2.69295 21.3767 2.55916 21.1792C2.42537 20.9818 2.36284 20.7447 2.38188 20.507C2.23988 18.145 2.06688 15.784 1.90588 13.423C1.78588 11.6703 1.66621 9.918 1.54688 8.166C1.54688 8.106 1.54688 8.046 1.54688 7.966H15.3139C15.3139 8.039 15.3139 8.11101 15.3139 8.18201C15.2259 9.38534 15.1375 10.5887 15.0489 11.792C14.9622 12.9753 14.8765 14.159 14.7919 15.343C14.7039 16.553 14.6152 17.763 14.5259 18.973C14.4859 19.515 14.4329 20.056 14.4129 20.598C14.4251 20.8246 14.3572 21.0482 14.2209 21.2296C14.0847 21.411 13.8889 21.5386 13.6679 21.59L3.11788 21.593ZM5.77088 14.467C5.77088 15.1243 5.77088 15.7813 5.77088 16.438C5.77088 17.138 5.77088 17.833 5.77088 18.53C5.76968 18.6074 5.78395 18.6843 5.81285 18.7562C5.84174 18.828 5.88469 18.8934 5.93917 18.9484C5.99366 19.0035 6.05858 19.0471 6.13013 19.0767C6.20168 19.1064 6.27843 19.1214 6.35588 19.121C6.50851 19.1198 6.65477 19.0596 6.764 18.9529C6.87323 18.8463 6.93697 18.7016 6.94188 18.549C6.94188 18.502 6.94188 18.455 6.94188 18.408C6.94188 15.7733 6.94188 13.1383 6.94188 10.503C6.94492 10.4494 6.94492 10.3956 6.94188 10.342C6.93191 10.2432 6.89705 10.1486 6.84058 10.067C6.7841 9.98535 6.70784 9.91937 6.61894 9.87521C6.53003 9.83106 6.43138 9.81018 6.33221 9.81451C6.23304 9.81885 6.13659 9.84827 6.05188 9.90001C5.95803 9.95949 5.88219 10.0434 5.8325 10.1428C5.78281 10.2422 5.76116 10.3532 5.76987 10.464C5.76987 11.7973 5.76987 13.1307 5.76987 14.464M9.91488 14.464C9.91488 14.806 9.91488 15.148 9.91488 15.49C9.91488 16.502 9.91488 17.515 9.91488 18.527C9.91275 18.6028 9.92562 18.6782 9.95275 18.749C9.97988 18.8197 10.0207 18.8845 10.073 18.9394C10.1252 18.9943 10.1878 19.0384 10.2571 19.069C10.3264 19.0997 10.4011 19.1163 10.4769 19.118C10.6294 19.1228 10.7779 19.0682 10.891 18.9659C11.0042 18.8635 11.0733 18.7212 11.0839 18.569C11.0869 18.5087 11.0869 18.4483 11.0839 18.388C11.0839 15.7667 11.0839 13.145 11.0839 10.523C11.0839 10.469 11.0839 10.415 11.0839 10.362C11.0734 10.2062 11.0014 10.061 10.8838 9.95821C10.7662 9.85545 10.6127 9.80357 10.4569 9.814C10.3796 9.81854 10.3041 9.83847 10.2346 9.87262C10.1652 9.90677 10.1032 9.95444 10.0525 10.0128C10.0017 10.0713 9.96311 10.1392 9.93897 10.2127C9.91483 10.2863 9.90561 10.3639 9.91187 10.441C9.91187 11.7817 9.91187 13.1227 9.91187 14.464" fill="%230531AF"/%3E%3Cpath d="M11.4126 0.979004C11.565 1.03378 11.6932 1.14048 11.7748 1.28037C11.8564 1.42026 11.886 1.58441 11.8586 1.744C11.8376 2.137 11.8586 2.533 11.8586 2.944H5.01163V2.407C5.01163 2.186 5.02563 1.963 5.01163 1.743C4.98175 1.58384 5.00991 1.41924 5.091 1.27907C5.1721 1.1389 5.30075 1.03244 5.45363 0.979004L11.4126 0.979004Z" fill="%230531AF"/%3E%3Cpath d="M16.6754 6.76401H0.228416C0.201373 6.22721 0.205714 5.6893 0.241416 5.15301C0.297426 4.86634 0.451143 4.60797 0.676354 4.42196C0.901566 4.23596 1.18432 4.13384 1.47642 4.13301C1.53042 4.13301 1.58342 4.13301 1.63742 4.13301H15.2374C15.549 4.1088 15.8592 4.19604 16.1124 4.37919C16.3657 4.56233 16.5458 4.82948 16.6204 5.13301C16.6607 5.37751 16.6775 5.62531 16.6704 5.87301C16.6784 6.16701 16.6704 6.46101 16.6704 6.77301" fill="%230531AF"/%3E%3C/g%3E%3C/svg%3E');
  background-size: 18px;
}

.upload-file-wrapper .upload-file-preview-grid .upload-file-preview figure {
  margin-bottom: 0;
}
.upload-file-wrapper .upload-file-preview-grid .upload-file-preview img {
  aspect-ratio: 28/20;
}
.upload-file-wrapper .upload-file-preview-grid.profile-picture {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 16px;
}
.upload-file-wrapper .upload-file-preview-grid.profile-picture .input-file {
  border-radius: 20px;
  width: 155px;
  height: 155px;
}
.upload-file-wrapper
  .upload-file-preview-grid.profile-picture
  .upload-file-preview {
  width: 155px;
  height: 155px;
  border-radius: 20px;
  position: relative;
  overflow: visible;
  background-color: var(--white);
}
.upload-file-wrapper
  .upload-file-preview-grid.profile-picture
  .upload-file-preview
  figure {
  width: 100%;
  height: 100%;
  margin: 0;
  outline: 2px solid #0264fe;
  outline-offset: -7px;
  border-radius: 26px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upload-file-wrapper
  .upload-file-preview-grid.profile-picture
  .upload-file-preview
  img {
  width: 80%;
  height: 80%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center;
  object-position: center;
}
.upload-file-wrapper
  .upload-file-preview-grid.profile-picture
  .upload-file-preview
  .remove-upload-file {
  position: absolute;
  top: 49%;
  right: -39px;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  font-size: 0;
  line-height: 0;
  border: none;
  outline: none;
  background: center/contain no-repeat
    url('data:image/svg+xml,%3Csvg width="19" height="22" viewBox="0 0 19 22" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_5091_1445" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="19" height="22"%3E%3Cpath d="M18.3113 0H0.736328V22H18.3113V0Z" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_5091_1445)"%3E%3Cpath d="M3.84006 22C3.59693 21.9248 3.38667 21.7691 3.24396 21.5584C3.10125 21.3477 3.03462 21.0946 3.05506 20.841C2.90306 18.32 2.71906 15.801 2.54706 13.281C2.41906 11.411 2.2914 9.54063 2.16406 7.66997C2.16406 7.60597 2.16406 7.54196 2.16406 7.45996H16.8551C16.8551 7.53796 16.8551 7.61496 16.8551 7.69096C16.7617 8.97563 16.6674 10.26 16.5721 11.544C16.4801 12.8073 16.3884 14.0703 16.2971 15.333C16.2031 16.6243 16.1084 17.916 16.0131 19.208C15.9711 19.786 15.9131 20.364 15.8931 20.942C15.9059 21.1836 15.8333 21.4221 15.688 21.6155C15.5426 21.809 15.3337 21.9451 15.0981 22H3.84006ZM6.67106 14.395C6.67106 15.0963 6.67106 15.7963 6.67106 16.495C6.67106 17.239 6.67106 17.983 6.67106 18.728C6.66973 18.8106 6.68491 18.8927 6.71571 18.9694C6.74651 19.0461 6.79231 19.1159 6.85043 19.1746C6.90854 19.2334 6.97781 19.28 7.05416 19.3116C7.13051 19.3433 7.21241 19.3594 7.29506 19.359C7.45805 19.358 7.61432 19.2939 7.73105 19.1802C7.84779 19.0664 7.91589 18.9119 7.92106 18.749C7.92106 18.699 7.92106 18.649 7.92106 18.599C7.92106 15.787 7.92106 12.975 7.92106 10.163C7.92432 10.1057 7.92432 10.0483 7.92106 9.99097C7.91034 9.88558 7.8731 9.78464 7.8128 9.69754C7.75251 9.61045 7.67113 9.54004 7.57627 9.4929C7.4814 9.44577 7.37614 9.42345 7.27031 9.42801C7.16448 9.43257 7.06153 9.46385 6.97106 9.51897C6.87139 9.58241 6.79082 9.67174 6.73798 9.77742C6.68514 9.8831 6.66201 10.0012 6.67106 10.119C6.67106 11.543 6.67106 12.967 6.67106 14.391M11.0941 14.391C11.0941 14.7556 11.0941 15.1206 11.0941 15.486C11.0941 16.567 11.0941 17.647 11.0941 18.727C11.0917 18.8079 11.1053 18.8885 11.1342 18.9641C11.1632 19.0397 11.2068 19.1088 11.2626 19.1675C11.3183 19.2262 11.3852 19.2732 11.4593 19.3059C11.5333 19.3386 11.6131 19.3563 11.6941 19.358C11.8569 19.3633 12.0155 19.3051 12.1364 19.1958C12.2573 19.0865 12.331 18.9346 12.3421 18.772C12.3453 18.7077 12.3453 18.6433 12.3421 18.579C12.3421 15.779 12.3421 12.9813 12.3421 10.186C12.3421 10.129 12.3421 10.071 12.3421 10.014C12.3308 9.84773 12.254 9.69278 12.1286 9.5831C12.0031 9.47342 11.8393 9.41799 11.6731 9.42897C11.5905 9.43376 11.5097 9.45501 11.4355 9.49149C11.3613 9.52796 11.2951 9.57891 11.2409 9.64134C11.1867 9.70377 11.1455 9.77642 11.1197 9.85501C11.094 9.9336 11.0843 10.0166 11.0911 10.099C11.0911 11.5303 11.0911 12.9613 11.0911 14.392" fill="white"/%3E%3Cpath d="M12.6911 0C12.8536 0.0585556 12.9903 0.172379 13.0773 0.321554C13.1643 0.470728 13.1961 0.645753 13.1671 0.816C13.1451 1.236 13.1621 1.658 13.1621 2.093H5.86213V1.524C5.86213 1.288 5.87713 1.05 5.86213 0.815C5.83013 0.645401 5.85994 0.469949 5.94616 0.320438C6.03238 0.170926 6.16931 0.0572469 6.33213 0L12.6911 0Z" fill="white"/%3E%3Cpath d="M18.31 6.17398H0.756979C0.728026 5.59986 0.732701 5.02455 0.770979 4.45098C0.830695 4.14497 0.994712 3.86916 1.23506 3.67057C1.47541 3.47198 1.7772 3.36292 2.08898 3.36198C2.14598 3.36198 2.20398 3.36198 2.26098 3.36198H16.778C17.1098 3.33595 17.4402 3.42835 17.7104 3.62277C17.9806 3.81718 18.1732 4.10105 18.254 4.42398C18.2972 4.68465 18.3152 4.94886 18.308 5.21298C18.316 5.52598 18.308 5.83998 18.308 6.17198" fill="white"/%3E%3C/g%3E%3C/svg%3E');
}
.upload-file-wrapper:has(.profile-picture) {
  margin-bottom: 32px;
}

textarea {
  font: 500 16px/21px var(--proxima-font);
  padding: 28px;
  background-color: var(--white);
  color: #151515;
  border: none;
  border-radius: 10px;
  width: 100%;
  outline: none;
  box-shadow: none;
  height: 140px;
  resize: vertical;
}
textarea:is(:focus, :focus-visible) {
  border-color: var(--accent-color);
  outline: 1px solid var(--accent-color);
  box-shadow: none;
}

.custom-date-piker {
  position: relative;
  width: 100%;
  font: 500 16px/21px var(--proxima-font);
  padding: 18px 23px 20px;
  background-color: var(--white);
  color: #151515;
  border: none;
  border-radius: 10px;
  width: 100%;
  outline: none;
  box-shadow: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0;
}
.custom-date-piker .inner-label {
  flex: 1 1 auto;
  width: 50%;
}
.custom-date-piker .date-piker-icon {
  width: 21px;
  height: 22px;
  background: center center/contain no-repeat
    url('data:image/svg+xml,%3Csvg width="23" height="24" viewBox="0 0 23 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cmask id="mask0_5091_15" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="23" height="24"%3E%3Cpath d="M22.2153 0.830017H0.904297V23.018H22.2153V0.830017Z" fill="white"/%3E%3C/mask%3E%3Cg mask="url(%23mask0_5091_15)"%3E%3Cpath d="M19.7296 22.5179H3.40468C3.34419 22.501 3.28463 22.4855 3.22428 22.4699L3.21921 22.4685C3.05308 22.4252 2.90961 22.3877 2.79808 22.3355C1.864 21.8977 1.40941 21.1796 1.40848 20.1402C1.40546 17.2648 1.40602 14.3761 1.40657 11.5826L1.4067 9.93278L1.40684 8.28253C1.40684 7.98148 1.4063 7.68044 1.40548 7.37966C1.40412 6.7077 1.40271 6.01249 1.40874 5.32443C1.41887 4.19303 2.12966 3.28941 3.17747 3.07597C3.45013 3.02022 3.76214 3.01927 4.09247 3.01826C4.25769 3.01769 4.42686 3.0171 4.59885 3.00989C4.62054 3.00914 4.64532 3.00869 4.67054 3.00869C4.69537 3.00869 4.72094 3.00894 4.74675 3.00942L4.74926 3.00947L4.75177 3.00949C4.78568 3.00978 4.82017 3.01006 4.85609 3.01006H5.09191H5.59191V2.51006V2.27396C5.59191 2.21555 5.59289 2.15943 5.59382 2.10512L5.5943 2.07647L5.59451 2.06259C5.59671 1.91872 5.59899 1.76995 5.58793 1.61392C5.57524 1.4313 5.6046 1.36849 5.66483 1.33002H5.73133C5.7891 1.37388 5.81959 1.44592 5.80149 1.63423C5.78542 1.80275 5.78934 1.96025 5.79279 2.09921C5.79406 2.1524 5.79538 2.20692 5.79538 2.26221V2.49831V2.99831H6.29538H16.826H17.326V2.49831V2.26221C17.326 2.1925 17.3254 2.12391 17.3249 2.05587C17.3236 1.9187 17.3223 1.77726 17.3273 1.64241L17.3281 1.6193C17.3314 1.52552 17.3349 1.42898 17.3468 1.36667C17.3567 1.3588 17.3733 1.3469 17.4011 1.33002H17.4564C17.5164 1.36853 17.5457 1.43172 17.5331 1.61582C17.5219 1.77877 17.5245 1.93218 17.527 2.08054C17.5281 2.14711 17.5292 2.20962 17.5292 2.27423V2.51006V3.01006H18.0292H18.2653C18.404 3.01006 18.5406 3.00761 18.6576 3.00531L18.6643 3.00519C18.7778 3.00311 18.8896 3.00104 19.0001 3.00104C19.1574 3.00104 19.2835 3.00544 19.3969 3.01489C19.6792 3.0386 20.0021 3.07183 20.2567 3.16629C21.1817 3.50876 21.7125 4.31749 21.7134 5.38525C21.7154 7.44233 21.7151 9.53379 21.7149 11.5564L21.7148 12.1872L21.7145 14.8756C21.7145 15.3831 21.7148 15.8908 21.715 16.3985L21.715 16.4529C21.7159 17.6646 21.7167 18.9175 21.7131 20.1608C21.71 21.2635 21.0557 22.1571 20.0463 22.4374C19.9603 22.4612 19.8677 22.484 19.7803 22.5053C19.7634 22.5095 19.7465 22.5136 19.7296 22.5179ZM1.67021 8.68431L1.63724 9.14892L1.62167 9.36835C1.62045 9.38664 1.61912 9.40157 1.61782 9.41586C1.61362 9.46219 1.60839 9.51978 1.60839 9.58711L1.60785 11.9871L1.60776 12.4262C1.60722 14.9698 1.60667 17.6 1.61003 20.1839C1.61179 21.4349 2.49427 22.3089 3.75605 22.3092L3.97011 22.3092C5.96058 22.3095 7.95081 22.3098 9.9413 22.3098C13.0825 22.3098 16.2235 22.3092 19.3647 22.3087C19.5039 22.3087 19.6663 22.3057 19.84 22.2706C20.8558 22.066 21.5126 21.2203 21.513 20.1162C21.5135 17.5299 21.5135 14.9437 21.5135 12.3575L21.5132 9.18427L21.5132 8.68431H21.0132H2.13599H1.67021ZM4.1527 3.21762C4.01986 3.21762 3.88856 3.21788 3.75731 3.21814L3.74344 3.21817C2.49832 3.22239 1.62088 4.09778 1.60896 5.34698C1.60563 5.71513 1.60648 6.0832 1.6073 6.43914L1.60733 6.45634C1.60759 6.61252 1.60785 6.76847 1.60785 6.92467V7.94395V8.44395H2.10785H20.9914H21.4914V7.94395V7.70785C21.4914 7.46113 21.494 7.20975 21.4966 6.96664L21.4971 6.92617C21.504 6.31487 21.5111 5.68244 21.4787 5.04831C21.4336 4.17652 20.8283 3.47458 19.9724 3.30134C19.5583 3.21761 19.1551 3.21251 18.7652 3.20758C18.626 3.2059 18.4564 3.20384 18.2996 3.19657L18.0534 3.1846L17.5292 3.15912V3.68401V3.93159C17.5292 4.02968 17.5294 4.12174 17.5297 4.20995C17.5303 4.38687 17.5305 4.54734 17.5289 4.70782C17.5281 4.77744 17.5133 4.89548 17.4233 4.89548C17.3272 4.89526 17.3265 4.75329 17.3262 4.70664C17.3252 4.53746 17.3254 4.36856 17.3257 4.20101L17.326 3.73567L17.3263 3.23538H16.826H6.29428H5.79428V3.73538V3.97121C5.79428 4.06372 5.79678 4.15113 5.7992 4.23566L5.79968 4.25243C5.80476 4.41892 5.80954 4.57522 5.79201 4.70036C5.77798 4.80002 5.74164 4.87252 5.72722 4.89024C5.72503 4.89291 5.72306 4.89514 5.72136 4.89698C5.70729 4.89615 5.68566 4.8928 5.65293 4.88157C5.63905 4.87681 5.59686 4.86233 5.5939 4.75654C5.58901 4.58579 5.59026 4.41166 5.59159 4.2273L5.59163 4.22156C5.59219 4.13319 5.59273 4.04443 5.59273 3.954V3.7179V3.21805L5.09288 3.2179L4.1527 3.21762Z" fill="%23001185"/%3E%3Cpath d="M19.7914 23.0179H3.33481C3.25557 22.9946 3.17605 22.9739 3.09898 22.9539C2.9148 22.9058 2.74073 22.8607 2.58606 22.7883C1.47414 22.2672 0.909577 21.3763 0.908477 20.1406C0.905477 17.288 0.906017 14.3876 0.906567 11.5825C0.906567 10.4826 0.906837 9.3827 0.906837 8.28253C0.906837 7.98194 0.906297 7.68135 0.905477 7.38103C0.904107 6.70524 0.902737 6.0065 0.908757 5.32005C0.921047 3.94662 1.7925 2.84782 3.07767 2.58603C3.39848 2.52044 3.73487 2.51935 4.09094 2.51826C4.25025 2.51771 4.41503 2.51716 4.5779 2.51033C4.6364 2.50826 4.69472 2.50836 4.75607 2.50951C4.78859 2.50979 4.82165 2.51006 4.85609 2.51006H5.09191V2.27396C5.09191 2.20236 5.09328 2.13404 5.09437 2.06819C5.09656 1.92418 5.09902 1.78809 5.08918 1.64927C5.05994 1.22844 5.20341 0.974027 5.55373 0.830017H5.85706C6.20356 0.990967 6.34019 1.25549 6.2992 1.68206C6.28609 1.81951 6.28937 1.95533 6.29264 2.08677C6.29401 2.14443 6.29538 2.20291 6.29538 2.26221V2.49831H16.826V2.26221C16.826 2.19389 16.8254 2.12667 16.8249 2.05999C16.8235 1.90915 16.8224 1.76623 16.8276 1.62413L16.8284 1.60145C16.8333 1.4629 16.838 1.33228 16.868 1.21833C16.9126 1.04972 17.0399 0.950797 17.2717 0.830017H17.5676C17.9174 0.973757 18.0608 1.22844 18.0319 1.65009C18.022 1.79328 18.0245 1.93101 18.027 2.07693C18.0281 2.14142 18.0292 2.20673 18.0292 2.27423V2.51006H18.2653C18.3951 2.51006 18.5224 2.50787 18.6478 2.50541C18.767 2.50323 18.8842 2.50104 19.0001 2.50104C19.1711 2.50104 19.3105 2.50596 19.4384 2.51662C19.754 2.54312 20.1169 2.58111 20.4306 2.69752C21.5458 3.11042 22.2123 4.11495 22.2134 5.38482C22.2156 7.65238 22.215 9.91967 22.2148 12.1872L22.2145 14.8756C22.2145 15.4011 22.2148 15.9269 22.215 16.4526C22.2159 17.6684 22.2167 18.926 22.2131 20.1622C22.2093 21.4952 21.4111 22.5774 20.18 22.9192C20.0879 22.9446 19.9917 22.9684 19.8988 22.9911C19.863 22.9998 19.8272 23.0088 19.7914 23.0179ZM2.13599 9.18431L2.12042 9.40374C2.11905 9.42424 2.11741 9.44309 2.11577 9.46113C2.11195 9.50321 2.10839 9.54311 2.10839 9.58711L2.10785 11.9872C2.1073 14.6734 2.10648 17.4512 2.11003 20.1833C2.1114 21.1555 2.77298 21.8089 3.75619 21.8092C8.95943 21.8099 14.1622 21.8096 19.3654 21.8087C19.4851 21.8087 19.6125 21.8065 19.7409 21.7805C20.5252 21.6226 21.0127 20.9848 21.0129 20.116C21.0135 17.5299 21.0135 14.9437 21.0135 12.3575L21.0132 9.18431H2.13599ZM4.1527 3.71762C4.01552 3.71762 3.87998 3.7179 3.74444 3.71817C2.77544 3.72145 2.11823 4.37783 2.10894 5.35175C2.10566 5.71438 2.10648 6.08219 2.1073 6.43799C2.10757 6.60031 2.10785 6.76235 2.10785 6.92467V7.94395H20.9914V7.70785C20.9914 7.4447 20.9944 7.17826 20.9971 6.92085C21.0039 6.31502 21.0108 5.68869 20.9793 5.07384C20.9457 4.42374 20.5118 3.92066 19.8732 3.7914C19.5042 3.7168 19.1241 3.71216 18.7563 3.70751C18.5986 3.7056 18.4355 3.70341 18.2765 3.69603L18.0292 3.68401V3.93159C18.0292 4.02914 18.0294 4.12069 18.0297 4.20841C18.0302 4.38767 18.0305 4.55026 18.0289 4.71286C18.0242 5.11456 17.7753 5.39548 17.4233 5.39548C17.0678 5.39466 16.8284 5.11893 16.8262 4.7093C16.8251 4.53933 16.8254 4.36909 16.8257 4.20021L16.826 3.73538H6.29428V3.97121C6.29428 4.06248 6.29702 4.15184 6.29948 4.23819C6.30522 4.4262 6.31041 4.60382 6.28718 4.7697C6.26313 4.94049 6.19837 5.10417 6.11393 5.20719C6.00872 5.33508 5.88193 5.39739 5.72644 5.39739C5.65266 5.39739 5.57341 5.38291 5.49061 5.35449C5.25013 5.27196 5.10202 5.05362 5.0941 4.77052C5.08891 4.58934 5.09027 4.40898 5.09164 4.21797C5.09219 4.13107 5.09273 4.04336 5.09273 3.954V3.7179L4.1527 3.71762Z" fill="%23000C74"/%3E%3C/g%3E%3C/svg%3E');
}
.custom-date-piker input[type="time"],
.custom-date-piker input[type="date"] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0;
}
.custom-date-piker:has(input:is(:focus, :focus-visible)) {
  border-color: var(--accent-color);
  outline: 1px solid var(--accent-color);
  box-shadow: none;
}

button[type="submit"],
input[type="submit"] {
  font: 600 16px/21px var(--proxima-font);
  padding: 14px 20px 16px;
  background-color: var(--accent-color);
  color: var(--white);
  border: none;
  border-radius: 8px;
  cursor: pointer;
  transition: background-color 0.3s ease, transform 0.2s ease;
}
button[type="submit"]:hover,
input[type="submit"]:hover {
  background-color: var(--primary-color);
}
button[type="submit"]:is(:focus, :focus-visible),
input[type="submit"]:is(:focus, :focus-visible) {
  outline: 1px solid var(--primary-color);
  outline-offset: 2px;
}

span.error-message {
  font: 500 14px/19px var(--proxima-font);
  color: #ff2d2d;
  margin-top: 8px;
  display: block;
}

.success-message {
  font: 500 16px/20px var(--proxima-font);
  width: 100%;
  color: #0fca0f;
  text-align: center;
  margin-top: 14px;
}

.img-full {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}

.outline-button[type="submit"],
.outline-button {
  font: 600 14px/19px var(--proxima-font);
  padding: 10px 30px;
  color: var(--white);
  border: 1px solid var(--white);
  background-color: #0531af;
  border-radius: 5px;
  border: 1px solid var(--white);
  transition: all 0.3s ease;
}
.outline-button[type="submit"]:hover,
.outline-button:hover {
  background-color: var(--accent-color);
  color: var(--white);
}

/* Navbar Styling */
.navbar {
  background-color: transparent;
  padding: 1.5rem 0;
  transition: all 0.3s ease;
}

.navbar.scrolled {
  background-color: rgba(255, 255, 255, 0.95);
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

.navbar .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.navbar .navLinkBtn {
  background-color: var(--accent-color);
  border-radius: 8px;
  padding: 5px;
  font: 600 16px/21px var(--secondary-font);
  margin: 3px 14px;
  letter-spacing: -0.6px;
  color: var(--white) !important;
  text-align: center;
}
.navbar .navLinkBtn:hover {
  background-color: var(--primary-color);
  color: var(--white) !important;
  text-decoration: none !important;
}
.navbar .navLinkBtn.active {
  text-decoration: none !important;
}

.navbar .nav-link {
  transition: all 0.3s ease;
}

.navbar .nav-link {
  transition: all 0.3s ease;
  &:is(.active, :hover) {
    text-decoration: underline;
    text-underline-offset: 4px;
  }
}

.navbar-brand-container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  margin-top: 110px;
  padding: 0;
  border-radius: 0 0 30px 30px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
  z-index: 1030;
}

.navbar-brand {
  margin: 0 !important;
  padding: 0;
}

.navbar-brand img {
  height: 200px;
  transition: all 0.3s ease;
}

.navbar.scrolled .navbar-brand-container {
  padding: 1rem 2rem;
  margin-top: 0;
  background: none;
  box-shadow: none;
}

.navbar.scrolled .navbar-brand img {
  height: 80px;
}

.navbar-collapse {
  flex-grow: 0;
}

.nav-link {
  color: white !important;
  font-weight: 600;
  margin: 0 1rem;
  position: relative;
  text-transform: uppercase;
  font-size: 0.9rem;
  letter-spacing: 1px;
  padding: 0.5rem 0;
}

.navbar.scrolled .nav-link {
  color: var(--text-color) !important;
}

.navbar.scrolled .navLinkBtn {
  color: var(--white) !important;
}

/* Dropdown styling */
.dropdown-menu {
  border: none;
  border-radius: 15px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  padding: 1rem 0;
}

.dropdown-item {
  padding: 0.5rem 1.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}

.dropdown-item:hover {
  background-color: rgba(0, 0, 0, 0.05);
  color: var(--accent-color);
}

/* Mobile Navigation */
@media (max-width: 991px) {
  .navbar-brand-container {
    position: relative;
    left: 0;
    transform: none;
    padding: 1rem;
    border-radius: 15px;
    margin: 0.5rem 0;
    box-shadow: none;
  }
  .navbar-brand img {
    height: 40px;
  }
  .navbar {
    background-color: white;
    padding: 0.5rem 0;
  }
  .nav-link {
    color: var(--text-color) !important;
    margin: 0.5rem 0;
  }
  .navbar-collapse {
    background: white;
    padding: 1rem;
    border-radius: 15px;
    margin-top: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  }
  .navbar-toggler {
    border: none;
    padding: 0.5rem;
  }
  .navbar-toggler:focus {
    box-shadow: none;
  }
}
/* Hero Section */
.hero-section {
  background: linear-gradient(135deg, #2b3990 0%, #00a0df 100%);
  background-image: url(../images/background.jpg);
  color: white;
  background-size: cover;
  background-position: bottom;
  padding: 8rem 0 0 0;
  position: relative;
  overflow: hidden;
}

.min-vh-65 {
  min-height: 45vh !important;
}

.hero-content {
  max-width: 600px;
  padding-bottom: 3rem;
}

.hero-section h1 {
  font-weight: 700;
  margin-bottom: 1.5rem;
  font-size: 2.8rem;
  line-height: 1.2;
}

.hero-section .lead {
  font-size: 1.3rem;
  margin-bottom: 1rem;
  opacity: 0.9;
}

.hero-section .sub-lead {
  font-size: 1.1rem;
  margin-bottom: 2rem;
}

/* App Preview Styling */
.app-preview-container {
  position: relative;
  height: 600px;
  padding: 2rem 0;
  overflow: hidden; /* Verberg overtollige items */
}

.app-carousel {
  position: relative;
  height: 100%;
  width: 100%;
}

.app-carousel .owl-stage-outer {
  overflow: hidden; /* Verberg items buiten de viewport */
}

.app-carousel .owl-stage {
  display: flex;
  align-items: center;
}

.app-carousel .owl-item {
  display: flex;
  justify-content: center;
  opacity: 1;
  transform: scale(0.8);
  transition: all 0.3s ease;
  padding: 0;
}

.app-carousel .item {
  width: 280px;
}

.app-carousel .item img {
  width: 100%;
  height: 560px;
  border-radius: 30px;
  transition: all 0.3s ease;
  margin: 0 auto;
  padding: 15px;
}

.app-carousel .owl-item.center {
  opacity: 1;
  transform: scale(1.1);
  z-index: 2;
}

.app-carousel .owl-item.active {
  opacity: 1;
}

.app-carousel .owl-item.active.center {
  opacity: 1;
}

/* Zorg ervoor dat alleen 3 items zichtbaar zijn */
.app-carousel .owl-item:not(.active) {
  visibility: hidden;
}

/* Hide Owl nav dots */
.owl-dots {
  display: none;
}

/* Warning Banner */
.warning-banner {
  background-color: var(--accent-color);
  color: white;
  padding: 0.75rem 0;
  position: relative;
  z-index: 10;
}

.warning-banner i {
  font-size: 1.2rem;
  animation: shake 2s infinite;
}

.warning-banner p {
  font-weight: 500;
  margin: 0;
}

@keyframes shake {
  0%,
  100% {
    transform: rotate(0);
  }
  20%,
  60% {
    transform: rotate(-6deg);
  }
  40%,
  80% {
    transform: rotate(6deg);
  }
}
/* Features Section */
.scroll-offset {
  scroll-margin-top: 100px;
}

.feature-card {
  padding: 2.5rem;
  border-radius: 15px;
  background: white;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.feature-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    45deg,
    transparent,
    rgba(255, 255, 255, 0.1),
    transparent
  );
  transform: translateX(-100%);
  transition: transform 0.6s ease;
}

.feature-card:hover::before {
  transform: translateX(100%);
}

.feature-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.feature-card i {
  color: var(--primary-color);
  margin-bottom: 1.5rem;
  transition: transform 0.3s ease;
}

.feature-card:hover i {
  transform: scale(1.1);
}

.feature-card h3 {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: var(--primary-color);
}

/* For Doctors Section */
#for-doctors {
  background-color: var(--light-bg);
  position: relative;
  overflow: hidden;
}

.benefit-item {
  background: white;
  padding: 1.5rem;
  border: 1px solid var(--primary-color);
  border-radius: 10px;
  margin-bottom: 1rem;
  transition: transform 0.3s ease;
}

.benefit-item:hover {
  transform: translateX(5px);
}

.benefit-item h4 {
  color: var(--primary-color);
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}

.special-offer {
  background: linear-gradient(
    45deg,
    var(--primary-color),
    var(--secondary-color)
  );
  color: white;
  border: none;
  border-radius: 15px;
  overflow: hidden;
}

.special-offer .card-body {
  padding: 2rem;
}

.special-offer .btn-primary {
  background-color: white;
  color: var(--primary-color);
  border: none;
}

.special-offer .btn-primary:hover {
  background-color: var(--light-bg);
  color: var(--primary-color);
}

/* Download Section */
#download {
  background-image: url(../images/background.jpg);
  color: white;
  background-size: cover;
  background-position: bottom;
  padding: 5rem 0;
}

.store-button {
  display: inline-block;
  transition: transform 0.3s ease;
  max-width: 200px;
}

.store-button:hover {
  transform: translateY(-3px);
}

/* Footer */
footer {
  background-color: var(--light-bg);
  padding: 3rem 0;
  font-size: 0.95rem;
}

footer p {
  margin-bottom: 0.5rem;
}

footer a {
  color: var(--text-color);
  text-decoration: none;
  transition: color 0.3s ease;
}

footer a:hover {
  color: var(--primary-color);
}

footer .text-muted {
  font-size: 0.85rem;
  opacity: 0.8;
}

footer address {
  font-style: normal;
  line-height: 1.6;
  color: var(--text-color);
  opacity: 0.9;
}

footer .footer-links {
  margin-top: 1rem;
}

footer .footer-links a {
  font-size: 0.9rem;
}

@media (max-width: 768px) {
  footer {
    text-align: center;
  }
  footer .text-md-end {
    text-align: center !important;
    margin-top: 2rem;
  }
  footer .col-md-4:nth-child(2) {
    margin: 2rem 0;
  }
}
/* Animations */
.floating-animation {
  animation: floating 3s ease-in-out infinite;
}

@keyframes floating {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0px);
  }
}
.pulse-animation {
  animation: pulse 2s infinite;
}

@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
/* Additional Responsive Styles */
@media (max-width: 768px) {
  .navbar-brand-container {
    position: relative;
    left: 0;
    transform: none;
    padding: 0;
    border-radius: 15px;
    margin: 0;
    margin-top: 10px;
  }
  .navbar-brand img {
    height: 100px;
  }
  .navbar {
    background-color: white;
    padding: 0.5rem 0;
  }
  .nav-link {
    color: var(--text-color) !important;
  }
  .hero-section {
    padding-top: 8rem;
  }
  .hero-content {
    padding-bottom: 2rem;
    text-align: center;
  }
  .hero-section h1 {
    font-size: 2.2rem;
  }
  .hero-section .lead {
    font-size: 1.1rem;
  }
  .hero-section .sub-lead {
    font-size: 1rem;
  }
  .cta-buttons {
    justify-content: center;
  }
  .app-preview-container {
    height: 400px;
  }
  .app-carousel .item {
    width: 200px;
  }
  .app-carousel .item img {
    height: 400px;
  }
  .we-want-you-section .content-box {
    margin-top: 2rem;
  }
  .we-want-you-section h2 {
    font-size: 2rem;
  }
}
/* We Want You Section */
.we-want-you-section {
  background: linear-gradient(
    135deg,
    var(--primary-color) 0%,
    var(--secondary-color) 100%
  );
  color: white;
  position: relative;
  overflow: hidden;
}

.we-want-you-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect width="100" height="100" fill="white" opacity="0.05"/></svg>');
  background-size: 10px 10px;
}

.we-want-you-section .content-box {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 2.5rem;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.we-want-you-section h2 {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  color: white;
}

.we-want-you-section .benefit-item {
  font-size: 1.1rem;
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  color: white;
  background: rgba(255, 255, 255, 0.1);
  padding: 1rem 1.5rem;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.we-want-you-section .benefit-item:hover {
  transform: translateX(10px);
  background: rgba(255, 255, 255, 0.15);
}

.we-want-you-section .benefit-item i {
  color: #fff !important;
  font-size: 1.3rem;
  margin-right: 1rem;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.we-want-you-section .lead {
  color: white;
  margin-bottom: 2rem;
}

.we-want-you-section .btn-primary {
  background-color: var(--accent-color);
  border-color: var(--accent-color);
  padding: 1rem 2rem;
  font-size: 1.1rem;
  border-radius: 30px;
  transition: all 0.3s ease;
  align-self: flex-start;
  margin-top: 1rem;
}

.we-want-you-section .btn-primary:hover {
  background-color: white;
  border-color: white;
  color: var(--accent-color);
  transform: translateY(-3px);
}

@media (max-width: 768px) {
  .we-want-you-section .content-box {
    margin-top: 0;
    padding: 1.5rem;
  }
  .we-want-you-section h2 {
    font-size: 2rem;
  }
  .we-want-you-section .benefit-item {
    font-size: 1rem;
    padding: 0.75rem 1rem;
  }
}
strong {
  font-weight: bold;
}

.accent {
  color: var(--accent-color);
}

#for-doctors {
  background: url(../images/bglight.jpg);
  background-size: cover;
}

.mobileView {
  display: none;
}

@media (max-width: 768px) {
  .mobileView {
    display: block;
  }
}
.login-section .login-wrapper {
  background: center center/cover no-repeat url("../images/inject-login-bg.png");
  min-height: 560px;
  padding: 125px 0 60px;
}
.login-section .form-wrapper {
  max-width: 418px;
  margin: 42px auto 0;
  color: var(--white);
}
.login-section .form-wrapper .field-wrapper {
  margin-bottom: 14px;
}
.login-section .form-wrapper .field-wrapper label {
  margin-bottom: 8px !important;
  margin-left: 16px;
}
.login-section .form-wrapper .field-wrapper input {
  padding: 15px 18px 17px;
  border: 1px solid var(--accent-color);
}
.login-section .form-wrapper button {
  margin-top: 18px;
}

@media (min-width: 767px) {
  .login-section .login-wrapper {
    min-height: 857px;
    padding: 60px 0;
  }
}
.edit-form-section {
  background: center center/cover no-repeat fixed
    url("../images/inject-login-bg.png");
  padding: 165px 0 120px;
  color: var(--white);
}
.edit-form-section .section-title {
  margin-bottom: 57px;
}
.edit-form-section .section-title h1 {
  font: 600 35px/42px var(--proxima-font);
  letter-spacing: 1px;
  margin-bottom: 18px;
}
.edit-form-section .section-title h1:last-child {
  margin-bottom: 0;
}
.edit-form-section .section-title .icon-with-count {
  gap: 12px;
  margin-top: -10px;
}
.edit-form-section .section-title .icon-with-count .count {
  font: 500 22px/28px var(--proxima-font);
  color: var(--white);
}
.edit-form-section .form-sidebar-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.edit-form-section .form-sidebar-wrapper .sidebar {
  width: 235px;
  position: sticky;
  top: 100px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .sidebar-title {
  padding: 0 0 10px;
  border-bottom: 1px solid var(--white);
  margin-bottom: 14px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .sidebar-title h2 {
  font: 500 22px/27px var(--proxima-font);
  letter-spacing: 0.2px;
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .sidebar .sidebar-title:last-child {
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list {
  padding: 0;
  margin: 0 0 63px;
  list-style: none;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 9px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li:last-child {
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li a {
  font: 500 16px/19px var(--proxima-font);
  color: var(--white);
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 7px;
  position: relative;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 8px;
  width: 0%;
  height: 3px;
  background-color: var(--accent-color);
  transition: all 0.3s ease;
}
.edit-form-section
  .form-sidebar-wrapper
  .sidebar
  .add-item-list
  li
  a:is(.active, :hover)::after {
  width: 85%;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li a::before {
  content: "";
  display: flex;
  width: 5px;
  height: 5px;
  background-color: var(--white);
  border-radius: 50%;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li button {
  background-color: transparent;
  border: none;
  width: 22px;
  height: 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: -7px;
  padding: 4px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li button img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%)
    hue-rotate(72deg) brightness(99%) contrast(99%);
  -o-object-fit: contain;
  object-fit: contain;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 10px;
  background-color: var(--accent-color);
  border-radius: 8px;
  color: var(--white);
  font: 600 14px/17px var(--proxima-font);
  text-decoration: none;
  transition: background-color 0.3s ease;
  border: none;
  gap: 6px;
  letter-spacing: 0.2px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-button .fa-plus {
  margin-top: -1px;
}
.edit-form-section .form-sidebar-wrapper .sidebar .add-item-button:hover {
  background-color: var(--primary-color);
}
.edit-form-section .form-sidebar-wrapper .form-wrapper {
  width: calc(100% - 290px);
  padding: 0 41px;
  margin-top: -22px;
}
.edit-form-section .form-sidebar-wrapper .form-wrapper .multiple-form {
  margin-bottom: 30px;
}
.edit-form-section
  .form-sidebar-wrapper
  .form-wrapper
  .multiple-form:last-child {
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .form-wrapper .heading-with-button {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8.5px 0;
  border-bottom: 1px solid var(--white);
  margin-bottom: 32px;
  margin-top: 15px;
}
.edit-form-section
  .form-sidebar-wrapper
  .form-wrapper
  .heading-with-button:first-child {
  margin-top: 0;
}
.edit-form-section
  .form-sidebar-wrapper
  .form-wrapper
  .heading-with-button:last-child {
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .form-wrapper .heading-with-button h3 {
  font: 500 22px/27px var(--proxima-font);
  margin-bottom: 0;
}
.edit-form-section
  .form-sidebar-wrapper
  .form-wrapper
  .heading-with-button
  .upload-time {
  font: 400 16px/19px var(--proxima-font);
  color: var(--white);
  margin-bottom: 0;
}
.edit-form-section .form-sidebar-wrapper .form-wrapper .filed-group-grid {
  row-gap: 32px;
}
.edit-form-section .form-sidebar-wrapper .form-wrapper .filed-wrapper {
  position: relative;
}
.edit-form-section
  .form-sidebar-wrapper
  .form-wrapper
  .filed-wrapper
  .field-notes-stickers {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 0 10px 0 10px;
  font: 600 14px/19px var(--proxima-font);
  color: var(--white);
  background-color: var(--accent-color);
  padding: 10px 17px 12px 16px;
}

.form-multiple-buttons-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 25px;
  margin: 26px 0 0;
}
.form-multiple-buttons-wrapper .form-submit-buttons {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
}
.form-multiple-buttons-wrapper .time-updates-notes p {
  margin-bottom: 0;
  font: 400 18px/24px var(--proxima-font);
  color: var(--accent-color);
}
.form-multiple-buttons-wrapper .update-and-remove-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 16px;
  padding-right: 20px;
}
.form-multiple-buttons-wrapper
  .update-and-remove-buttons
  button.icon-button[type="submit"] {
  background-color: transparent;
  border: none;
  color: var(--accent-color);
  font: 500 16px/19px var(--proxima-font);
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}
.form-multiple-buttons-wrapper
  .update-and-remove-buttons
  button.icon-button[type="submit"]:hover {
  color: var(--primary-color);
}
.form-multiple-buttons-wrapper
  .update-and-remove-buttons
  button.icon-button[type="submit"]
  img {
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%)
    hue-rotate(72deg) brightness(99%) contrast(99%);
}

.popup {
  position: fixed;
  inset: 0;
  z-index: 9999;
  pointer-events: none;
}
.popup .overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
}
.popup .content {
  position: absolute;
  top: 65%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.8);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.47, 0, 0.745, 0.715);
  background: var(--accent-color);
  padding: 27px 24px 71px;
  border-radius: 10px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
  width: calc(100% - 30px);
  max-width: 929px;
  text-align: center;
}
.popup .content .close-popup {
  width: 18px;
  height: 17px;
  display: block;
  margin-bottom: 11px;
  margin-top: -4px;
}
.popup .content h2 {
  font: 600 28px/37px var(--proxima-font);
  margin-bottom: 43px;
  color: var(--white);
}
.popup .content form {
  max-width: 447px;
  margin: 0 auto;
}
.popup .content form button {
  width: 100%;
  background-color: #0264fe;
  margin-top: 55px;
}
.popup .content .custom-date-piker {
  color: #000c74;
  margin-bottom: 12px;
}
.popup.active {
  pointer-events: auto;
}
.popup.active .overlay {
  opacity: 1;
}
.popup.active .content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.form-sidebar-wrapper.without-sidebar .form-wrapper {
  width: 100%;
  padding: 0;
  max-width: 1180px;
  margin: -4px auto 0;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information {
  margin-bottom: 44px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information
  label {
  margin: 0 0 10px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information
  .input-icon-row {
  gap: 11px;
  margin-bottom: 13px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information
  .input-icon-row:last-child {
  margin-bottom: 0;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information
  .input-icon-row
  .icon {
  width: 56px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .clinic-general-information
  .input-icon-row
  .icon
  img {
  width: auto;
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .treatments
  .filed-wrapper
  .WordCounter {
  position: absolute;
  bottom: 12px;
  right: 11px;
  font: 400 14px/17px var(--proxima-font);
  color: #acacac;
}
.form-sidebar-wrapper.without-sidebar .form-wrapper .treatments .filed-group {
  margin-bottom: 14px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .treatments
  .filed-group:has(.filed-wrapper) {
  margin-bottom: 22px;
}
.form-sidebar-wrapper.without-sidebar .form-wrapper .add-team-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 30px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .filed-group-wrapper {
  width: calc(100% - 160px);
  margin-top: -26px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .filed-group-wrapper
  .error-message {
  margin-bottom: -26px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .filed-group-wrapper
  .filed-group
  label {
  margin: 0 0 10px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .filed-group-wrapper
  .filed-group
  input {
  border: none;
  padding: 18px 23px 20px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .add-team-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .add-team-item
  .remove-team-item {
  background-color: transparent;
  border: none;
  outline: none;
  width: 22px;
  height: 22px;
  padding: 0;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .add-team-item
  .remove-team-item
  img {
  -o-object-fit: contain;
  object-fit: contain;
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7482%)
    hue-rotate(72deg) brightness(99%) contrast(99%);
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture {
  width: 114px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  position: relative;
  width: 99px;
  height: 99px;
  border-radius: 50%;
  overflow: hidden;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid
  .input-file {
  width: 100%;
  height: 100%;
  min-height: auto;
  gap: 6px;
  font-size: 12px;
  line-height: 16px;
  border: none;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid
  .input-file
  svg {
  width: 25px;
  height: 23.47px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid
  .upload-file-preview {
  position: absolute;
  inset: 0;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid
  .upload-file-preview
  figure {
  width: 100%;
  height: 100%;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-preview-grid
  .upload-file-preview
  .remove-upload-file {
  display: none !important;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .add-team-wrapper
  .profile-picture
  .upload-file-button {
  background-color: transparent;
  border: none;
  outline: none;
  width: 22px;
  height: 21px;
  padding: 0;
  margin-left: auto;
  display: block;
  margin-top: -15px;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .upload-file-wrapper.media-pictures
  .upload-file-preview-grid {
  --auto-grid-min-size: 15rem;
}
.form-sidebar-wrapper.without-sidebar
  .form-wrapper
  .upload-file-wrapper.media-pictures
  .upload-file-preview-grid
  .upload-file-preview
  img {
  aspect-ratio: 53/29;
}

.form-group-row-wrapper .form-group {
  margin-bottom: 17px;
}

#image-lightbox {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.8);
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

#lightbox-close {
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 30px;
  color: white;
  background: none;
  border: none;
  cursor: pointer;
}

#lightbox-img {
  max-width: 90vw;
  max-height: 90vh;
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}

@media (min-width: 991px) and (max-width: 1200px) {
  .navbar-brand img {
    height: 150px;
  }
  .navbar-brand-container {
    margin-top: 67px;
  }
}
@media (max-width: 991px) {
  textarea {
    height: 100px;
    font-size: 14px;
    line-height: 18px;
    padding: 10px 15px;
  }
  .edit-form-section .form-sidebar-wrapper .form-wrapper {
    width: calc(100% - 240px);
    padding: 0;
  }
  .edit-form-section .form-sidebar-wrapper.without-sidebar .form-wrapper {
    width: 100%;
  }
  .edit-form-section
    .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .treatments
    .filed-group
    input {
    padding: 12px 16px;
  }
  .edit-form-section
    .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .treatments
    .filed-group:has(.filed-wrapper) {
    margin-bottom: 16px;
  }
  .edit-form-section
    .form-sidebar-wrapper.without-sidebar
    .clinic-general-information
    .input-icon-row
    input {
    padding: 12px 16px;
  }
  .edit-form-section
    .form-sidebar-wrapper.without-sidebar
    .add-team-wrapper
    .filed-group-wrapper
    .filed-group
    input {
    padding: 12px 16px;
  }
  .navbar-brand-container {
    padding: 0;
  }
  .navbar-brand-container .navbar-brand img {
    height: 80px;
  }
  .navbar.scrolled .navbar-brand-container {
    padding: 0;
  }
  .navbar.scrolled .navbar-brand img {
    height: 60px;
  }
}
@media (max-width: 767px) {
  .outline-button[type="submit"],
  .outline-button {
    padding: 8px 20px;
    font-size: 14px;
  }
  .upload-file-wrapper .upload-file-preview-grid {
    --auto-grid-min-size: 7rem;
  }
  .upload-file-wrapper .upload-file-preview-grid .input-file {
    gap: 10px;
    padding: 10px;
    font-size: 14px;
    min-height: 100px;
  }
  .upload-file-wrapper .upload-file-preview-grid .input-file svg {
    width: 20px;
    height: 20px;
  }
  .upload-file-wrapper
    .upload-file-preview-grid
    .upload-file-preview
    .upload-file-button {
    width: 24px;
    height: 24px;
  }
  .upload-file-wrapper .upload-file-preview-grid .upload-file-preview img {
    aspect-ratio: 1/1;
    min-height: 100px;
  }
  .upload-file-wrapper label {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .form-control:not([type="checkbox"]),
  .form-control:not([type="radio"]),
  .form-control:not([type="file"]),
  input:is(:not([type="checkbox"], [type="radio"], [type="file"])),
  .custom-date-piker {
    padding: 13px 16px;
    font-size: 14px;
    line-height: 18px;
  }
  .form-control:not([type="checkbox"]) .date-piker-icon,
  .form-control:not([type="radio"]) .date-piker-icon,
  .form-control:not([type="file"]) .date-piker-icon,
  input:is(:not([type="checkbox"], [type="radio"], [type="file"]))
    .date-piker-icon,
  .custom-date-piker .date-piker-icon {
    width: 18px;
    height: 18px;
  }
  button[type="submit"],
  input[type="submit"] {
    padding: 12px 16px;
    font-size: 14px;
  }
  .login-section .form-wrapper .field-wrapper input {
    padding: 12px 16px;
  }
  .login-section .form-wrapper .field-wrapper label {
    margin-left: 10px;
  }
  .edit-form-section {
    padding-bottom: 80px;
  }
  .edit-form-section .section-title {
    margin-bottom: 20px;
  }
  .edit-form-section .section-title h1 {
    font-size: 24px;
    line-height: 28px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar {
    width: 100%;
    margin-bottom: 40px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar .sidebar-title {
    padding: 0 0 7px;
    margin-bottom: 10px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar .sidebar-title h2 {
    font-size: 18px;
    line-height: 22px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar .add-item-list {
    margin-bottom: 28px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar .add-item-list li a {
    font-size: 14px;
    line-height: 17px;
  }
  .edit-form-section .form-sidebar-wrapper .form-wrapper {
    width: 100%;
    margin: 0;
  }
  .edit-form-section .form-sidebar-wrapper .form-wrapper .heading-with-button {
    padding: 6px 0;
    margin-bottom: 20px;
    flex-direction: column;
    text-align: center;
    gap: 5px;
  }
  .edit-form-section
    .form-sidebar-wrapper
    .form-wrapper
    .heading-with-button
    h3 {
    font-size: 18px;
    line-height: 22px;
  }
  .edit-form-section .form-sidebar-wrapper .form-wrapper .filed-group-grid {
    row-gap: 16px;
  }
  .popup .content {
    padding: 20px;
  }
  .popup .content .close-popup {
    margin-bottom: 10px;
    margin-top: 0;
  }
  .popup .content h2 {
    font: 600 24px/32px var(--proxima-font);
    margin-bottom: 20px;
  }
  .popup .content form button {
    margin-top: 20px;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .filed-group-wrapper {
    margin: 0;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .profile-picture {
    width: 70px;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .profile-picture
    .upload-file-preview-grid {
    width: 65px;
    height: 65px;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .profile-picture
    .upload-file-preview-grid
    .input-file
    span {
    display: none;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .profile-picture
    .upload-file-button {
    position: relative;
    z-index: 1;
    margin-top: 0;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .add-team-item
    .filed-group-wrapper {
    flex: 1 1 auto;
  }
  .upload-file-wrapper:has(.profile-picture) {
    margin-bottom: 25px;
  }
  .upload-file-wrapper
    .upload-file-preview-grid.profile-picture
    .upload-file-preview,
  .upload-file-wrapper .upload-file-preview-grid.profile-picture .input-file {
    width: 120px;
    height: 120px;
  }
  .form-group-row-wrapper .form-group {
    margin-bottom: 10px;
  }
  .edit-form-section .form-sidebar-wrapper .sidebar {
    position: unset;
  }
  .form-sidebar-wrapper.without-sidebar
    .form-wrapper
    .add-team-wrapper
    .filed-group-wrapper
    .error-message {
    margin-bottom: 0;
  }
}