@charset "UTF-8";
:root {
  --color-black-50: #f2f3f6;
  --color-black-100: #f2f2f3;
  --color-black-300: #e2e2e2;
  --color-black-900: #1d1c21;
  --color-grey-50: #f2f3f6;
  --color-grey-100: #D5D7DF;
  --color-grey-200: #BABDC8;
  --color-grey-300: #cfd4d8;
  --color-grey-400: #aeb5bc;
  --color-grey-500: #72748B;
  --color-grey-600: #4a5056;
  --color-grey-700: #454759;
  --color-grey-800: #23252a;
  --color-grey-900: #131319;
  --color-brand-50: #F2F0FA;
  --color-brand-200: #AEA3E1;
  --color-brand-300: #8D7CD4;
  --color-brand-500: #573FC0;
  --color-brand-600: #48349D;
  --color-brand-700: #362777;
  --color-brand-900: #120B22;
  --color-danger-500: #FF2D49;
}

.container-large {
  width: 1120px !important;
  max-width: 1120px !important;
}

ul li {
  list-style: none;
}

.p-6 {
  padding: 6px;
}

.pv-6 {
  padding-top: 6px;
  padding-bottom: 6px;
}

.ph-6 {
  padding-left: 6px;
  padding-right: 6px;
}

.pt-6 {
  padding-top: 6px;
}

.pr-6 {
  padding-right: 6px;
}

.pl-6 {
  padding-left: 6px;
}

.pb-6 {
  padding-bottom: 6px;
}

.m-6 {
  margin: 6px;
}

.mv-6 {
  margin-top: 6px;
  margin-bottom: 6px;
}

.mh-6 {
  margin-left: 6px;
  margin-right: 6px;
}

.mt-6 {
  margin-top: 6px;
}

.mr-6 {
  margin-right: 6px;
}

.ml-6 {
  margin-left: 6px;
}

.mb-6 {
  margin-bottom: 6px;
}

.p-12 {
  padding: 12px;
}

.pv-12 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ph-12 {
  padding-left: 12px;
  padding-right: 12px;
}

.pt-12 {
  padding-top: 12px;
}

.pr-12 {
  padding-right: 12px;
}

.pl-12 {
  padding-left: 12px;
}

.pb-12 {
  padding-bottom: 12px;
}

.m-12 {
  margin: 12px;
}

.mv-12 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.mh-12 {
  margin-left: 12px;
  margin-right: 12px;
}

.mt-12 {
  margin-top: 12px;
}

.mr-12 {
  margin-right: 12px;
}

.ml-12 {
  margin-left: 12px;
}

.mb-12 {
  margin-bottom: 12px;
}

.p-18 {
  padding: 18px;
}

.pv-18 {
  padding-top: 18px;
  padding-bottom: 18px;
}

.ph-18 {
  padding-left: 18px;
  padding-right: 18px;
}

.pt-18 {
  padding-top: 18px;
}

.pr-18 {
  padding-right: 18px;
}

.pl-18 {
  padding-left: 18px;
}

.pb-18 {
  padding-bottom: 18px;
}

.m-18 {
  margin: 18px;
}

.mv-18 {
  margin-top: 18px;
  margin-bottom: 18px;
}

.mh-18 {
  margin-left: 18px;
  margin-right: 18px;
}

.mt-18 {
  margin-top: 18px;
}

.mr-18 {
  margin-right: 18px;
}

.ml-18 {
  margin-left: 18px;
}

.mb-18 {
  margin-bottom: 18px;
}

.p-24 {
  padding: 24px;
}

.pv-24 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.ph-24 {
  padding-left: 24px;
  padding-right: 24px;
}

.pt-24 {
  padding-top: 24px;
}

.pr-24 {
  padding-right: 24px;
}

.pl-24 {
  padding-left: 24px;
}

.pb-24 {
  padding-bottom: 24px;
}

.m-24 {
  margin: 24px;
}

.mv-24 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.mh-24 {
  margin-left: 24px;
  margin-right: 24px;
}

.mt-24 {
  margin-top: 24px;
}

.mr-24 {
  margin-right: 24px;
}

.ml-24 {
  margin-left: 24px;
}

.mb-24 {
  margin-bottom: 24px;
}

.p-30 {
  padding: 30px;
}

.pv-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ph-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pt-30 {
  padding-top: 30px;
}

.pr-30 {
  padding-right: 30px;
}

.pl-30 {
  padding-left: 30px;
}

.pb-30 {
  padding-bottom: 30px;
}

.m-30 {
  margin: 30px;
}

.mv-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mh-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.mt-30 {
  margin-top: 30px;
}

.mr-30 {
  margin-right: 30px;
}

.ml-30 {
  margin-left: 30px;
}

.mb-30 {
  margin-bottom: 30px;
}

.p-36 {
  padding: 36px;
}

.pv-36 {
  padding-top: 36px;
  padding-bottom: 36px;
}

.ph-36 {
  padding-left: 36px;
  padding-right: 36px;
}

.pt-36 {
  padding-top: 36px;
}

.pr-36 {
  padding-right: 36px;
}

.pl-36 {
  padding-left: 36px;
}

.pb-36 {
  padding-bottom: 36px;
}

.m-36 {
  margin: 36px;
}

.mv-36 {
  margin-top: 36px;
  margin-bottom: 36px;
}

.mh-36 {
  margin-left: 36px;
  margin-right: 36px;
}

.mt-36 {
  margin-top: 36px;
}

.mr-36 {
  margin-right: 36px;
}

.ml-36 {
  margin-left: 36px;
}

.mb-36 {
  margin-bottom: 36px;
}

.p-42 {
  padding: 42px;
}

.pv-42 {
  padding-top: 42px;
  padding-bottom: 42px;
}

.ph-42 {
  padding-left: 42px;
  padding-right: 42px;
}

.pt-42 {
  padding-top: 42px;
}

.pr-42 {
  padding-right: 42px;
}

.pl-42 {
  padding-left: 42px;
}

.pb-42 {
  padding-bottom: 42px;
}

.m-42 {
  margin: 42px;
}

.mv-42 {
  margin-top: 42px;
  margin-bottom: 42px;
}

.mh-42 {
  margin-left: 42px;
  margin-right: 42px;
}

.mt-42 {
  margin-top: 42px;
}

.mr-42 {
  margin-right: 42px;
}

.ml-42 {
  margin-left: 42px;
}

.mb-42 {
  margin-bottom: 42px;
}

.p-48 {
  padding: 48px;
}

.pv-48 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.ph-48 {
  padding-left: 48px;
  padding-right: 48px;
}

.pt-48 {
  padding-top: 48px;
}

.pr-48 {
  padding-right: 48px;
}

.pl-48 {
  padding-left: 48px;
}

.pb-48 {
  padding-bottom: 48px;
}

.m-48 {
  margin: 48px;
}

.mv-48 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.mh-48 {
  margin-left: 48px;
  margin-right: 48px;
}

.mt-48 {
  margin-top: 48px;
}

.mr-48 {
  margin-right: 48px;
}

.ml-48 {
  margin-left: 48px;
}

.mb-48 {
  margin-bottom: 48px;
}

.p-54 {
  padding: 54px;
}

.pv-54 {
  padding-top: 54px;
  padding-bottom: 54px;
}

.ph-54 {
  padding-left: 54px;
  padding-right: 54px;
}

.pt-54 {
  padding-top: 54px;
}

.pr-54 {
  padding-right: 54px;
}

.pl-54 {
  padding-left: 54px;
}

.pb-54 {
  padding-bottom: 54px;
}

.m-54 {
  margin: 54px;
}

.mv-54 {
  margin-top: 54px;
  margin-bottom: 54px;
}

.mh-54 {
  margin-left: 54px;
  margin-right: 54px;
}

.mt-54 {
  margin-top: 54px;
}

.mr-54 {
  margin-right: 54px;
}

.ml-54 {
  margin-left: 54px;
}

.mb-54 {
  margin-bottom: 54px;
}

.p-60 {
  padding: 60px;
}

.pv-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ph-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.m-60 {
  margin: 60px;
}

.mv-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mh-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.p-66 {
  padding: 66px;
}

.pv-66 {
  padding-top: 66px;
  padding-bottom: 66px;
}

.ph-66 {
  padding-left: 66px;
  padding-right: 66px;
}

.pt-66 {
  padding-top: 66px;
}

.pr-66 {
  padding-right: 66px;
}

.pl-66 {
  padding-left: 66px;
}

.pb-66 {
  padding-bottom: 66px;
}

.m-66 {
  margin: 66px;
}

.mv-66 {
  margin-top: 66px;
  margin-bottom: 66px;
}

.mh-66 {
  margin-left: 66px;
  margin-right: 66px;
}

.mt-66 {
  margin-top: 66px;
}

.mr-66 {
  margin-right: 66px;
}

.ml-66 {
  margin-left: 66px;
}

.mb-66 {
  margin-bottom: 66px;
}

.p-72 {
  padding: 72px;
}

.pv-72 {
  padding-top: 72px;
  padding-bottom: 72px;
}

.ph-72 {
  padding-left: 72px;
  padding-right: 72px;
}

.pt-72 {
  padding-top: 72px;
}

.pr-72 {
  padding-right: 72px;
}

.pl-72 {
  padding-left: 72px;
}

.pb-72 {
  padding-bottom: 72px;
}

.m-72 {
  margin: 72px;
}

.mv-72 {
  margin-top: 72px;
  margin-bottom: 72px;
}

.mh-72 {
  margin-left: 72px;
  margin-right: 72px;
}

.mt-72 {
  margin-top: 72px;
}

.mr-72 {
  margin-right: 72px;
}

.ml-72 {
  margin-left: 72px;
}

.mb-72 {
  margin-bottom: 72px;
}

.p-78 {
  padding: 78px;
}

.pv-78 {
  padding-top: 78px;
  padding-bottom: 78px;
}

.ph-78 {
  padding-left: 78px;
  padding-right: 78px;
}

.pt-78 {
  padding-top: 78px;
}

.pr-78 {
  padding-right: 78px;
}

.pl-78 {
  padding-left: 78px;
}

.pb-78 {
  padding-bottom: 78px;
}

.m-78 {
  margin: 78px;
}

.mv-78 {
  margin-top: 78px;
  margin-bottom: 78px;
}

.mh-78 {
  margin-left: 78px;
  margin-right: 78px;
}

.mt-78 {
  margin-top: 78px;
}

.mr-78 {
  margin-right: 78px;
}

.ml-78 {
  margin-left: 78px;
}

.mb-78 {
  margin-bottom: 78px;
}

.p-84 {
  padding: 84px;
}

.pv-84 {
  padding-top: 84px;
  padding-bottom: 84px;
}

.ph-84 {
  padding-left: 84px;
  padding-right: 84px;
}

.pt-84 {
  padding-top: 84px;
}

.pr-84 {
  padding-right: 84px;
}

.pl-84 {
  padding-left: 84px;
}

.pb-84 {
  padding-bottom: 84px;
}

.m-84 {
  margin: 84px;
}

.mv-84 {
  margin-top: 84px;
  margin-bottom: 84px;
}

.mh-84 {
  margin-left: 84px;
  margin-right: 84px;
}

.mt-84 {
  margin-top: 84px;
}

.mr-84 {
  margin-right: 84px;
}

.ml-84 {
  margin-left: 84px;
}

.mb-84 {
  margin-bottom: 84px;
}

.p-90 {
  padding: 90px;
}

.pv-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ph-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.m-90 {
  margin: 90px;
}

.mv-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mh-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.p-96 {
  padding: 96px;
}

.pv-96 {
  padding-top: 96px;
  padding-bottom: 96px;
}

.ph-96 {
  padding-left: 96px;
  padding-right: 96px;
}

.pt-96 {
  padding-top: 96px;
}

.pr-96 {
  padding-right: 96px;
}

.pl-96 {
  padding-left: 96px;
}

.pb-96 {
  padding-bottom: 96px;
}

.m-96 {
  margin: 96px;
}

.mv-96 {
  margin-top: 96px;
  margin-bottom: 96px;
}

.mh-96 {
  margin-left: 96px;
  margin-right: 96px;
}

.mt-96 {
  margin-top: 96px;
}

.mr-96 {
  margin-right: 96px;
}

.ml-96 {
  margin-left: 96px;
}

.mb-96 {
  margin-bottom: 96px;
}

.p-102 {
  padding: 102px;
}

.pv-102 {
  padding-top: 102px;
  padding-bottom: 102px;
}

.ph-102 {
  padding-left: 102px;
  padding-right: 102px;
}

.pt-102 {
  padding-top: 102px;
}

.pr-102 {
  padding-right: 102px;
}

.pl-102 {
  padding-left: 102px;
}

.pb-102 {
  padding-bottom: 102px;
}

.m-102 {
  margin: 102px;
}

.mv-102 {
  margin-top: 102px;
  margin-bottom: 102px;
}

.mh-102 {
  margin-left: 102px;
  margin-right: 102px;
}

.mt-102 {
  margin-top: 102px;
}

.mr-102 {
  margin-right: 102px;
}

.ml-102 {
  margin-left: 102px;
}

.mb-102 {
  margin-bottom: 102px;
}

.p-108 {
  padding: 108px;
}

.pv-108 {
  padding-top: 108px;
  padding-bottom: 108px;
}

.ph-108 {
  padding-left: 108px;
  padding-right: 108px;
}

.pt-108 {
  padding-top: 108px;
}

.pr-108 {
  padding-right: 108px;
}

.pl-108 {
  padding-left: 108px;
}

.pb-108 {
  padding-bottom: 108px;
}

.m-108 {
  margin: 108px;
}

.mv-108 {
  margin-top: 108px;
  margin-bottom: 108px;
}

.mh-108 {
  margin-left: 108px;
  margin-right: 108px;
}

.mt-108 {
  margin-top: 108px;
}

.mr-108 {
  margin-right: 108px;
}

.ml-108 {
  margin-left: 108px;
}

.mb-108 {
  margin-bottom: 108px;
}

.p-114 {
  padding: 114px;
}

.pv-114 {
  padding-top: 114px;
  padding-bottom: 114px;
}

.ph-114 {
  padding-left: 114px;
  padding-right: 114px;
}

.pt-114 {
  padding-top: 114px;
}

.pr-114 {
  padding-right: 114px;
}

.pl-114 {
  padding-left: 114px;
}

.pb-114 {
  padding-bottom: 114px;
}

.m-114 {
  margin: 114px;
}

.mv-114 {
  margin-top: 114px;
  margin-bottom: 114px;
}

.mh-114 {
  margin-left: 114px;
  margin-right: 114px;
}

.mt-114 {
  margin-top: 114px;
}

.mr-114 {
  margin-right: 114px;
}

.ml-114 {
  margin-left: 114px;
}

.mb-114 {
  margin-bottom: 114px;
}

.p-120 {
  padding: 120px;
}

.pv-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.ph-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pl-120 {
  padding-left: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.m-120 {
  margin: 120px;
}

.mv-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mh-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

table.list {
  width: 100%;
}
table.list tr td.date {
  font-size: 15px;
  color: #6e757c;
  font-weight: normal;
}
table.list tr td.money {
  font-size: 15px;
  font-weight: 500;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  color: inherit;
}

ul {
  margin: 0px;
  padding: 0px;
}

ul li {
  list-style: none;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.group-input {
  margin-bottom: 12px;
}

.form-group {
  margin-bottom: 12px;
}

label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}

.form-control {
  height: 44px;
  line-height: 44px;
  outline: none;
  box-shadow: none;
  background-color: white;
  border: 1px solid var(--color-grey-200);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
  padding: 0px;
  padding-left: 16px;
}
.form-control[type=text]:read-only {
  background-color: var(--color-grey-200);
}
.form-control[type=text]:read-only:focus {
  box-shadow: none;
  border: 1px solid var(--color-grey-200);
}
.form-control.small {
  height: 40px;
  line-height: 40px;
}

.btn {
  margin: 0px;
  padding: 0px;
  height: 40px;
  line-height: 40px;
  border: none;
  box-shadow: none;
  outline: none;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 14px;
  font-weight: 500;
  border-radius: 8px;
}
.btn span {
  position: relative;
  top: 5px;
  left: -8px;
  font-size: 24px;
}
.btn.btn-empty {
  background-color: white;
  color: var(--color-black-900);
  border: 1px solid white;
}
.btn.btn-primary {
  background-color: var(--color-black-100);
  color: var(--color-black-900);
}
.btn.btn-secondary {
  background-color: white;
  color: var(--color-black-900);
  border: 1px solid #e0e0e0;
}
.btn.btn-default {
  background-color: var(--color-black-900);
  color: white;
}
.btn.btn-disabled {
  background-color: var(--color-grey-100);
  color: var(--color-grey-400);
}
.btn.btn-small {
  height: 32px;
  line-height: 32px;
}
.btn.btn-medium {
  font-size: 15px;
  font-weight: bold;
  height: 44px;
  line-height: 44px;
}
.btn.btn-large {
  font-size: 16px;
  height: 48px;
  line-height: 48px;
}
.btn.btn-stretch {
  width: 100%;
}

.modal .modal-dialog {
  max-width: 380px;
}
.modal .modal-dialog .modal-content {
  border: none;
  border-radius: 12px;
  padding: 32px;
}
.modal .modal-dialog .modal-content .modal-header {
  margin: 0px;
  padding: 0px;
  border: none;
}
.modal .modal-dialog .modal-content .modal-header h1 {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
.modal .modal-dialog .modal-content .modal-header .btn-close {
  position: relative;
  background-color: var(--color-black-50);
  opacity: 1;
  background-size: 24%;
  padding: 0px;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  top: -12px;
}
.modal .modal-dialog .modal-content .modal-body {
  margin: 0px;
  padding: 0px;
}
.modal .modal-dialog .modal-content .modal-body p {
  font-size: 16px;
  font-weight: normal;
  color: var(--color-grey-900);
}
.modal .modal-dialog .modal-content .modal-body .separator {
  background-color: var(--color-grey-200);
  height: 1px;
}
.modal .modal-dialog .modal-content .modal-body .sub-link {
  font-size: 14px;
  font-weight: normal;
}
.modal .modal-dialog .modal-content .modal-body .sub-link a {
  color: var(--color-grey-900);
}
.modal .modal-dialog .modal-content .modal-body .notice {
  text-align: center;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.54;
  color: var(--color-grey-500);
}
.modal .modal-dialog .modal-content .modal-body .notice a {
  color: var(--color-grey-900);
}

.modal-backdrop.show {
  opacity: 0.75;
}

#toast-notification {
  background: var(--Grey-900, #0C0C0E);
  bottom: 32px;
  border: none;
  border-radius: 12px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1019607843), 0px 3px 3px 0px rgba(0, 0, 0, 0.0901960784), 0px 8px 5px 0px rgba(0, 0, 0, 0.0509803922), 0px 14px 5px 0px rgba(0, 0, 0, 0.0117647059), 0px 21px 6px 0px rgba(0, 0, 0, 0);
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin: 0px;
  padding: 12px 64px 12px 16px;
  position: fixed;
  right: 40px;
  text-align: left;
  text-decoration-skip-ink: none;
  z-index: 999999;
}
#toast-notification button {
  align-items: center;
  background-color: inherit;
  border: none;
  box-shadow: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 16px;
  height: 32px;
  justify-content: center;
  padding: 0px;
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  width: 32px;
}

@keyframes pulse {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.1);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.btn-join-meeting {
  align-items: center;
  display: flex;
}
.btn-join-meeting .btn-join-meeting-icon {
  margin-right: 4px;
  position: relative;
  top: 0px;
  left: 0px;
}
.btn-join-meeting .btn-join-meeting-icon .circle {
  border-radius: 50%;
  position: relative;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-join-meeting .btn-join-meeting-icon .inner-circle {
  width: 4px;
  height: 4px;
  background-color: #FF3666;
}
.btn-join-meeting .btn-join-meeting-icon .middle-circle {
  width: 12px;
  height: 12px;
  background-color: rgba(255, 56, 104, 0.2509803922);
  animation: pulse 2s infinite;
}
.btn-join-meeting .btn-join-meeting-icon .outer-circle {
  width: 20px;
  height: 20px;
  background-color: rgba(255, 56, 104, 0.1803921569);
  animation: pulse 2s infinite;
}

ul.breadcrumb {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 24px;
}
ul.breadcrumb li {
  align-items: center;
  display: flex;
}
ul.breadcrumb li a {
  align-items: center;
  color: var(--Grey-900, #0c0c0e);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
  text-align: left;
}
ul.breadcrumb li a i {
  color: var(--Grey-900, #0c0c0e);
  font-size: 20px;
  margin-right: 12px;
}
ul.breadcrumb li.current a {
  color: var(--Grey-500, #6E757C);
}
ul.breadcrumb li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
}

.multi_checkbox {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.multi_checkbox_item {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  font-size: 15px;
}
.multi_checkbox_item label {
  margin: 0px;
}

.form-toggle {
  display: flex;
  flex-direction: row;
}

.custome-toggle-label {
  height: 20px;
  line-height: 20px;
}
.custome-toggle-label label {
  margin: 0px !important;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  color: #121826 !important;
}

.custom-toggle input[type=checkbox] {
  display: none;
}

.custom-toggle {
  position: relative;
  width: 32px;
  height: 20px;
  margin-right: 12px;
}
.custom-toggle.active .toggle-label {
  background-color: #66bb6a; /* Couleur de fond du toggle actif */
}
.custom-toggle.active .toggle-label::after {
  transform: translateX(12px); /* Déplacez la poignée vers la droite lorsque le toggle est activé */
}

.hidden-checkbox {
  display: none;
}

.toggle-label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc; /* Couleur de fond du toggle inactif */
  border-radius: 15px; /* Coins arrondis */
  cursor: pointer;
}

.toggle-label::after {
  content: "";
  position: absolute;
  top: 4px;
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #fff; /* Couleur de la poignée du toggle */
  transition: transform 0.2s ease-in-out;
}

.hidden-checkbox:checked + .toggle-label {
  background-color: #66bb6a; /* Couleur de fond du toggle actif */
}

.hidden-checkbox:checked + .toggle-label::after {
  transform: translateX(12px); /* Déplacez la poignée vers la droite lorsque le toggle est activé */
}

.ability-entry {
  position: relative;
  margin-bottom: 12px;
}
.ability-entry .remove-ability {
  position: absolute;
  top: 7px;
  right: 4px;
  background: none;
  border: none;
}
.ability-entry .remove-ability i {
  color: var(--Grey-500, #6E757C);
}

.benefit-entry {
  position: relative;
  margin-bottom: 12px;
}
.benefit-entry .remove-benefit {
  position: absolute;
  top: 7px;
  right: 4px;
  background: none;
  border: none;
}
.benefit-entry .remove-benefit i {
  color: var(--Grey-500, #6E757C);
}

body {
  font-family: "Figtree", serif;
  padding-top: 120px;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: 100%;
  -ms-font-smoothing: 100%;
  font-smoothing: 100%;
}
body.no-padding {
  padding: 0px;
}
body.has-banner header#header {
  top: 56px;
}

.main-wrapper.has-banner {
  padding-top: 56px;
}
@media (max-width: 1023px) {
  .main-wrapper.has-banner {
    padding-top: 84px;
  }
}

.btn {
  font-size: 16px;
}
.btn.btn-default {
  background-color: var(--color-brand-500);
}
.btn.btn-default.btn-light {
  background-color: var(--color-brand-50);
  color: var(--color-brand-500);
}
.btn.btn-medium {
  font-weight: 500;
  line-height: 48px;
  min-height: 48px;
  padding: 0 20px;
}
.btn.btn-large {
  line-height: 56px;
  min-height: 56px;
  padding: 0px 24px;
}
.btn.btn-rounded {
  border-radius: 100px;
}

.calendar_toggle {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 20px;
  background-color: #CFD4D8;
  border-radius: 24px;
  cursor: pointer;
}
.calendar_toggle.enable {
  background-color: #0C0C0E;
}
.calendar_toggle.enable .calendar_toggle_handle {
  left: 12px;
  background-color: white;
}
.calendar_toggle .calendar_toggle_handle {
  transition: all 0.2s ease-in-out;
  top: 4px;
  left: 4px;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: white;
  border-radius: 6px;
}

.contract_onboarding {
  margin-top: -120px;
  padding: 80px;
  padding-bottom: 120px;
}
.contract_onboarding .logo {
  text-align: center;
  margin-bottom: 80px;
}
.contract_onboarding .logo img {
  width: 160px;
  mix-blend-mode: multiply;
}
.contract_onboarding .container {
  max-width: 1280px;
}
.contract_onboarding .row > * {
  padding-left: 8px;
  padding-right: 8px;
}
.contract_onboarding .form-group {
  margin-bottom: 16px;
}
.contract_onboarding .wrapper {
  padding: 32px 40px;
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 16px 36px 0px rgba(148, 148, 148, 0.1), 0px 65px 65px 0px rgba(148, 148, 148, 0.09), 0px 145px 87px 0px rgba(148, 148, 148, 0.05), 0px 259px 103px 0px rgba(148, 148, 148, 0.01), 0px 404px 113px 0px rgba(148, 148, 148, 0);
}
.contract_onboarding .wrapper .title {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 40px;
}
.contract_onboarding .wrapper .title span {
  display: block;
}
.contract_onboarding .wrapper .separator {
  background: var(--Grey-50, #F2F3F6);
  height: 1px;
  width: 100%;
  margin-bottom: 26px;
}
.contract_onboarding .wrapper .section {
  margin-bottom: 26px;
}
.contract_onboarding .wrapper .section .title {
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 500;
  margin-bottom: 16px;
}
.contract_onboarding .wrapper .section label {
  font-size: 14px;
  font-weight: 500;
}
.contract_onboarding .wrapper .section .form-control {
  border-radius: 10px;
  border: 1px solid #E6E6E6;
  background: #FFF;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.contract_onboarding .wrapper .section .form-control:focus {
  border-radius: 10px;
  border: 2px solid var(--Grey-900, #0C0C0E);
  background: #FFF;
  box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.1);
}
.contract_onboarding .wrapper input[type=submit] {
  width: 100%;
  height: 48px;
  border-radius: 16px;
  background: #282830;
  box-shadow: -1px 8px 17px 0px rgba(20, 20, 20, 0.08), -6px 31px 32px 0px rgba(20, 20, 20, 0.07);
}

.legal {
  padding-top: 80px;
  padding-bottom: 240px;
}
.legal h1 {
  margin-top: 90px;
  margin-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
}
.legal h2 {
  margin-top: 90px;
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: 600;
}
.legal h3 {
  margin-top: 45px;
  margin-bottom: 30px;
  font-size: 18px;
  font-weight: 600;
}
.legal ul {
  margin-bottom: 16px;
  padding-left: 30px;
}
.legal ul li {
  list-style: none;
}

.query_booking {
  width: 80%;
}

.container {
  max-width: 1140px;
}

.upload input#media {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}
.upload input#media + label {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-black-900);
  background-color: var(--color-grey-50);
  display: inline-block;
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  padding-left: 12px;
  padding-right: 12px;
}
.upload input#media:focus + label {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

#videos {
  position: relative;
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

#subscriber {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
}

#publisher {
  width: 360px;
  height: 240px;
  bottom: 10px;
  left: 10px;
  z-index: 100;
  border: 3px solid white;
  border-radius: 3px;
}

.booking__calendar .week {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.booking__calendar .day {
  width: 14%;
  opacity: 0.5;
}

.booking__calendar .day.available {
  opacity: 1;
}

.booking__calendar .day span {
  display: block;
  text-align: center;
}

.account, .pro {
  margin-bottom: 340px;
}
.account h3, .pro h3 {
  font-size: 20px;
  font-weight: bold;
  color: var(--color-grey-900);
}
.account h4, .pro h4 {
  font-size: 16px;
  font-weight: bold;
  color: var(--color-grey-900);
}
.account p, .pro p {
  font-size: 15px;
  font-weight: normal;
  color: var(--color-grey-500);
}
.account .error, .pro .error {
  color: var(--color-danger-500);
  font-size: 13px;
  margin-top: 6px;
}
.account .separator, .pro .separator {
  margin-top: 40px;
  margin-bottom: 32px;
  width: 100%;
  height: 1px;
  background-color: var(--color-grey-50);
}
.account .media, .pro .media {
  width: 100%;
  height: 90px;
  border-radius: 12px;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}
.account .media.default, .pro .media.default {
  background-color: var(--color-grey-900);
  display: flex;
  align-items: center;
  justify-content: center;
}
.account .media.default span, .pro .media.default span {
  display: block;
  color: var(--color-grey-50);
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  letter-spacing: -1px;
  vertical-align: middle;
}
.account .media img, .pro .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.account .empty, .pro .empty {
  border: 1px solid var(--color-grey-200);
  border-radius: 10px;
  text-align: center;
  padding-top: 80px;
  padding-bottom: 80px;
}
.account .empty .icon, .pro .empty .icon {
  margin-bottom: 24px;
}
.account .empty .icon img, .pro .empty .icon img {
  width: 130px;
}
.account .empty .title, .pro .empty .title {
  font-size: 18px;
  font-weight: bold;
}
.account .empty p, .pro .empty p {
  color: var(--color-grey-500);
}
.account .empty p b, .pro .empty p b {
  color: var(--color-grey-900);
  font-weight: 500;
}
.account .empty a, .pro .empty a {
  margin-top: 24px;
}
.account table.orders, .pro table.orders {
  width: 100%;
  vertical-align: top;
}
.account table.orders tr th, .pro table.orders tr th {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey-500);
  padding-bottom: 16px;
}
.account table.orders tr td, .pro table.orders tr td {
  border-top: 1px solid var(--color-grey-100);
  vertical-align: top;
  padding-top: 16px;
  padding-bottom: 16px;
}
.account table.orders .date, .pro table.orders .date {
  margin-top: 12px;
  color: var(--color-grey-500);
  font-size: 15px;
  font-weight: normal;
}
.account table.orders .description, .pro table.orders .description {
  margin-right: 24px;
}
.account table.orders .number, .pro table.orders .number {
  margin-top: 22px;
  color: var(--color-grey-500);
  font-size: 15px;
  font-weight: normal;
  margin-right: 24px;
}
.account table.orders .amount, .pro table.orders .amount {
  margin-top: 22px;
  font-size: 15px;
  font-weight: 500;
  margin-right: 24px;
}
.account table.orders a, .pro table.orders a {
  margin-top: 12px;
  margin-left: 12px;
  float: right;
}

.pro_products_item {
  border-radius: 8px;
  border: 1px solid var(--color-grey-200);
  padding: 24px;
  margin-bottom: 16px;
  position: relative;
}
.pro_products_item button.btn-update {
  top: 28px;
  right: 24px;
  position: absolute;
}
.pro_products_item .input_custom {
  margin-bottom: 24px;
}
.pro_products_item .input_custom .input_custom__label {
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
  margin-bottom: 4px;
}
.pro_products_item .actions {
  position: relative;
  margin-top: 24px;
}
.pro_products_item .actions button {
  margin-right: 8px;
}
.pro_products_item .actions button.btn-delete {
  position: absolute;
  top: 0px;
  right: 0px;
}

.pro_products_item_name {
  color: var(--color-grey-900);
  font-size: 14px;
  font-weight: 500;
}

.pro_products_item_content {
  color: var(--color-grey-500);
  font-size: 14px;
  font-weight: normal;
}

.pro_products_item_tags {
  margin-top: 8px;
}
.pro_products_item_tags li {
  display: inline-block;
  background-color: var(--color-grey-50);
  height: 28px;
  border-radius: 14px;
  line-height: 28px;
  font-size: 14px;
  font-weight: 500;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
}

.pro_information_label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 6px;
}

.pro_information_category {
  margin-bottom: 24px;
}

.pro_information_ability {
  margin-bottom: 16px;
}

.pro_information_ability input {
  font-size: 14px;
  font-weight: normal;
}

.pro_information_about {
  margin-bottom: 120px;
}

.pro_information_about textarea {
  min-height: 352px;
  line-height: 24px;
}

.pro_information_skills__item {
  border: 1px solid var(--color-grey-200);
  height: 40px;
  display: flex;
  flex-direction: row;
  padding: 10px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}

.pro_information_skills__checkbox {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 1px solid var(--color-grey-200);
  margin-right: 10px;
  cursor: pointer;
}
.pro_information_skills__checkbox.checked {
  background-color: var(--color-grey-900);
  border: 1px solid var(--color-grey-900);
  text-align: center;
}
.pro_information_skills__checkbox.checked i {
  position: relative;
  top: -2px;
  color: white;
  font-size: 10px;
  font-weight: bold;
}

.opening_days {
  margin-top: 16px;
}
.opening_days button.btn {
  margin-top: 8px;
}

.opening_days__slot {
  display: flex;
  flex-direction: row;
  margin-bottom: 16px;
}
.opening_days__slot .select-day {
  max-width: 160px;
  margin-right: 12px;
}
.opening_days__slot .select-hour {
  max-width: 100px;
  margin-right: 12px;
}
.opening_days__slot button {
  background: none;
  border: none;
  font-size: 18px;
  color: var(--color-grey-500);
}

.pro_products_item__update .select_custom {
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.pro_products_item__update .select_custom__label {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-grey-900);
  margin-bottom: 8px;
}
.pro_products_item__update .select_custom__items {
  display: flex;
}
.pro_products_item__update .select_custom__item {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border-radius: 6px;
  border: solid 1px var(--color-grey-200);
  width: 80px;
  height: 40px;
  line-height: 40px;
  font-size: 14px;
  font-weight: 500;
  text-align: center;
  margin-right: 12px;
  cursor: pointer;
}
.pro_products_item__update .select_custom__item.active, .pro_products_item__update .select_custom__item:hover {
  border: solid 2px var(--color-grey-900);
}
.pro_products_item__update .pricing {
  margin-top: 32px;
}
.pro_products_item__update .pricing input {
  max-width: 98px;
  margin-bottom: 16px;
}
.pro_products_item__update .pricing .line {
  width: 250px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  line-height: 24px;
}
.pro_products_item__update .pricing .line .label {
  font-size: 14px;
  color: var(--color-grey-500);
}
.pro_products_item__update .pricing .line .label.highlight {
  color: var(--color-grey-900);
}
.pro_products_item__update .pricing .line .value {
  font-size: 14px;
}

.availability_unavailables {
  margin-bottom: 240px;
  margin-top: 12px;
}
.availability_unavailables .select_date_range {
  display: flex;
  margin-bottom: 16px;
}
.availability_unavailables .select_date_range.first-node .select_date_range__remove {
  margin-top: 38px;
}
.availability_unavailables .select_date_range__label {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 8px;
}
.availability_unavailables .select_date_range__remove {
  color: var(--color-grey-500);
  font-size: 18px;
  margin-top: 10px;
  padding-left: 8px;
  cursor: pointer;
}
.availability_unavailables .react-datepicker-wrapper {
  max-width: 200px;
  min-width: 200px;
  margin-right: 12px;
}
.availability_unavailables button.btn {
  margin-top: 8px;
}

nav ul li a {
  display: inline-block;
  border-radius: 24px;
  height: 48px;
  line-height: 48px;
  margin-bottom: 2px;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-black-900);
  padding-left: 22px;
  padding-right: 20px;
}
nav ul li a.active, nav ul li a:hover {
  background-color: var(--color-grey-50);
}
nav ul li a span {
  position: relative;
  top: 5px;
  left: 0px;
  margin-right: 12px;
  font-size: 24px;
}

header#header {
  position: fixed;
  width: 100%;
  height: 80px;
  top: 0px;
  left: 0px;
  padding-top: 20px;
  z-index: 99;
}
header#header .logo img {
  width: 140px;
}
header#header.scrolled {
  background-color: #fff;
}
header#header .container {
  max-width: 1140px;
}
header#header .header_wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
header#header .header_wrapper .header_logo img {
  width: 26px;
}
header#header .header_wrapper .header_actions {
  display: flex;
}
header#header .header_wrapper .header_actions a {
  align-items: center;
  display: flex;
  font-weight: 600;
  margin-left: 16px;
}
header#header .header_wrapper .header_actions a i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
header#header .header_wrapper .header_actions a.btn-secondary {
  background-color: var(--color-brand-50);
  border: none;
  color: var(--color-brand-500);
}
header#header .header_wrapper .header_actions .dropdown .dropdown-toggle {
  align-items: center;
  border: 1px solid var(--color-grey-300);
  border-radius: 12px;
  box-shadow: none;
  color: var(--color-grey-900);
  display: flex;
  font-size: 14px;
  font-weight: 700;
  height: 44px;
  line-height: 28px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-toggle img {
  border-radius: 50%;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-toggle.show {
  border-color: var(--color-grey-400);
}
header#header .header_wrapper .header_actions .dropdown .dropdown-toggle::after {
  display: none;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-toggle i {
  color: var(--color-grey-500);
  font-size: 20px;
  font-weight: 500;
  margin-left: 8px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu {
  border: none;
  box-shadow: 0px 4px 9px 0px rgba(148, 148, 148, 0.1019607843), 0px 15px 15px 0px rgba(148, 148, 148, 0.0901960784), 0px 35px 21px 0px rgba(148, 148, 148, 0.0509803922), 0px 62px 25px 0px rgba(148, 148, 148, 0.0117647059), 0px 97px 27px 0px rgba(148, 148, 148, 0);
  border-radius: 12px;
  padding: 24px 0px 16px 0px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li {
  padding: 0px 24px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li a {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  margin-left: 0px;
  padding: 6px 0px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li a i {
  color: var(--color-grey-500);
  font-size: 20px;
  font-weight: 500;
  margin-right: 16px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li a i.brand {
  color: var(--color-brand-500);
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li a span.badge {
  background-color: var(--color-brand-500);
  border-radius: 100px;
  color: #fff;
  font-weight: 500;
  font-size: 11px;
  line-height: 20px;
  margin-left: 8px;
  padding: 2px 8px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li.dropdown-divider {
  border-color: var(--color-grey-50);
  margin: 10px 0px;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li:hover {
  background: var(--color-grey-50);
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu li:hover a {
  background: inherit;
}
header#header .header_wrapper .header_actions .dropdown .dropdown-menu .dropdown-title {
  color: var(--color-grey-500);
  font-size: 14px;
  font-weight: 600;
  line-height: 28px;
  text-align: left;
  margin-bottom: 6px;
  padding: 0px 24px;
}

footer#footer {
  padding-top: 64px;
  padding-bottom: 64px;
  font-family: "General Sans", "DM Sans", sans-serif;
}
footer#footer .info .logo {
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 16px;
  font-family: "General Sans", "DM Sans", sans-serif;
  font-size: 30px;
  font-weight: 600;
  line-height: 40px;
  text-align: left;
}
footer#footer .info p {
  color: var(--color-grey-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 16px;
}
footer#footer .info a {
  color: var(--color-grey-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
footer#footer .info a:hover {
  text-decoration: underline;
}
footer#footer .links {
  padding-left: 48px;
}
footer#footer .links .title {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 12px;
}
footer#footer .links ul li a {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  color: var(--color-grey-500);
  margin-bottom: 6px;
  display: inline-block;
}
footer#footer .sub {
  margin-top: 56px;
}
footer#footer .sub ul li {
  display: inline-block;
  color: var(--color-grey-400);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin-right: 32px;
}

.layout_pro {
  background-color: white;
  position: relative;
  padding-left: 220px;
  padding-top: 48px;
}
.layout_pro nav {
  width: 220px;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  border-right: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  padding-left: 12px;
  padding-right: 12px;
}
.layout_pro nav section {
  padding-top: 90px;
}
.layout_pro nav ul li {
  margin-bottom: 4px;
}
.layout_pro nav ul li a {
  height: 40px;
  line-height: 40px;
  border-radius: 8px;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
}
.layout_pro nav ul li a.close {
  color: var(--Grey-500, #6E757C);
  display: none;
}
.layout_pro nav ul li a.close .soon {
  margin-left: 6px;
  background-color: black;
  display: inline-block;
  color: white;
  font-size: 11px;
  font-weight: 500;
  height: 22px;
  line-height: 22px;
  border-radius: 6px;
  padding-left: 4px;
  padding-right: 4px;
}
.layout_pro nav footer {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
}
.layout_pro nav footer ul + ul {
  margin-top: 30px;
}
.layout_pro nav footer ul li a {
  display: inline-block;
}
.layout_pro nav footer ul li a .more {
  display: none;
}
.layout_pro .soon {
  text-align: center;
}
.layout_pro .title {
  font-size: 24px;
  font-weight: 500;
  margin-bottom: 12px;
}
.layout_pro .tabs {
  display: inline-block;
  border-radius: 8px;
  background: var(--Grey-50, #F2F3F6);
  padding: 4px;
  margin-bottom: 32px;
}
.layout_pro .tabs ul li {
  display: inline-block;
  height: 28px;
}
.layout_pro .tabs ul li a {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}
.layout_pro .tabs ul li a.active {
  color: var(--Grey-900, #0C0C0E);
  border-radius: 8px;
  border: 1px solid var(--Grey-100, #EAECEF);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.09);
}
.layout_pro .booking_query {
  padding-bottom: 24px;
  margin-bottom: 34px;
  border-bottom: 1px solid var(--Grey-100, #EAECEF);
}
.layout_pro .booking_query .booking_query_badge {
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  height: 24px;
  background: var(--Grey-50, #F2F3F6);
  line-height: 24px;
  display: inline-block;
  color: var(--Grey-900, #0C0C0E);
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.22px;
  margin-bottom: 8px;
}
.layout_pro .booking_query .booking_query_content {
  color: var(--Grey-900, #0C0C0E);
  font-family: "General Sans", "DM Sans", sans-serif;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.4px;
}
.layout_pro .booking_empty {
  padding-top: 120px;
  text-align: center;
}
.layout_pro .booking_empty .illu {
  margin-bottom: 30px;
}
.layout_pro .booking_empty .illu img {
  width: 100px;
}
.layout_pro .booking_empty .title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 12px;
}
.layout_pro .booking_empty .description {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_pro .bookings .bookings_item {
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  cursor: pointer;
  position: relative;
  padding: 16px;
  padding-left: 84px;
  margin-bottom: 16px;
}
.layout_pro .bookings .bookings_item .bookings_item_date {
  position: absolute;
  top: 16px;
  left: 20px;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.layout_pro .bookings .bookings_item .bookings_item_date .bookings_item_date_month {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--Grey-200, #DEE2E5);
  line-height: 20px;
  color: var(--Grey-500, #6E757C);
}
.layout_pro .bookings .bookings_item .bookings_item_date .bookings_item_date_day {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  height: 28px;
  text-align: center;
  color: var(--Grey-500, #6E757C);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.layout_pro .bookings .bookings_item .bookings_item_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_pro .bookings .bookings_item .bookings_item_slot {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}
.layout_pro .bookings .bookings_item .bookings_item_slot span {
  position: relative;
  top: -4px;
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--Grey-300, #CFD4D8);
}
.layout_pro .bookings .bookings_item .bookings_item_action {
  position: absolute;
  top: 15px;
  right: 15px;
}
.layout_pro .bookings_item {
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  position: relative;
  padding: 16px;
  padding-left: 84px;
  margin-bottom: 16px;
}
.layout_pro .bookings_item .bookings_item_date {
  position: absolute;
  top: 16px;
  left: 20px;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.layout_pro .bookings_item .bookings_item_date .bookings_item_date_month {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--Grey-200, #DEE2E5);
  line-height: 20px;
  color: var(--Grey-500, #6E757C);
}
.layout_pro .bookings_item .bookings_item_date .bookings_item_date_day {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  height: 28px;
  text-align: center;
  color: var(--Grey-500, #6E757C);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.layout_pro .bookings_item .bookings_item_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_pro .bookings_item .bookings_item_slot {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}
.layout_pro .bookings_item .bookings_item_slot span {
  position: relative;
  top: -4px;
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--Grey-300, #CFD4D8);
}
.layout_pro .bookings_item .bookings_item_action {
  position: absolute;
  top: 15px;
  right: 15px;
}
.layout_pro .booking_item {
  background: var(--White, #FFF);
  position: relative;
  padding-left: 66px;
  margin-bottom: 26px;
}
.layout_pro .booking_item .booking_item_illu {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  width: 48px;
  height: 48px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
.layout_pro .booking_item .booking_item_illu i {
  color: #6E757C;
  font-size: 24px;
}
.layout_pro .booking_item .booking_item_illu .date_month {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--Grey-200, #DEE2E5);
  line-height: 20px;
  color: var(--Grey-500, #6E757C);
}
.layout_pro .booking_item .booking_item_illu .date_day {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  height: 28px;
  text-align: center;
  color: var(--Grey-500, #6E757C);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.layout_pro .booking_item .booking_item_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_pro .booking_item .booking_item_details {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px; /* 142.857% */
  letter-spacing: 0.28px;
}
.layout_pro .booking_item .booking_item_details span {
  position: relative;
  top: -4px;
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--Grey-300, #CFD4D8);
}
.layout_pro .booking_item .booking_item_details.booking_item_details_link a {
  align-items: center;
  border-bottom: 2px dotted var(--Grey-300, #CFD4D8);
  display: inline-flex;
}
.layout_pro .booking_item .booking_item_details.booking_item_details_link a i {
  color: var(--Grey-500, #6E757C);
  margin-left: 8px;
  font-size: 16px;
}

.layout_query {
  display: flex;
  font-family: "Figtree", serif;
  position: absolute;
  top: 0px;
  width: 100%;
  min-height: 100%;
  padding: 0px;
  flex-direction: column;
}
.layout_query .container {
  display: grid;
  grid-template-rows: auto 1fr;
}
.layout_query .layout_query_container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  margin-top: 120px;
  justify-content: center;
  width: 100%;
}
@media (max-height: 1000px) {
  .layout_query .layout_query_container {
    margin-top: 70px;
  }
}
@media (max-width: 1023px) {
  .layout_query .layout_query_container {
    grid-template-columns: 1fr;
    margin-top: 32px;
  }
}
.layout_query .layout_query_container .layout_query_container_wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
@media (max-width: 1023px) {
  .layout_query .layout_query_container .layout_query_container_wrapper {
    margin-bottom: 32px;
  }
}
.layout_query .layout_query_container .layout_query_container_wrapper .title {
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 48px;
  font-family: "Figtree", serif;
}
.layout_query .layout_query_container .layout_query_container_wrapper .title .word {
  background: linear-gradient(90deg, #827FFF 43.52%, #FF3898 59.98%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout_query .layout_query_container .layout_query_container_wrapper .title .confirmation {
  display: block;
  color: #AEB5BC;
}
@media (max-width: 1023px) {
  .layout_query .layout_query_container .layout_query_container_wrapper .title {
    font-size: 24px;
    line-height: 32px;
  }
}
.layout_query .layout_query_container .layout_query_container_wrapper ul.answers {
  margin-bottom: 64px;
}
.layout_query .layout_query_container .layout_query_container_wrapper ul.answers li {
  margin-bottom: 16px;
}
.layout_query .layout_query_container .layout_query_container_wrapper ul.answers li button {
  padding: 10px 16px;
  background-color: white;
  border: 1px solid var(--color-grey-200);
  color: var(--color-grey-900);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px; /* 186.667% */
  letter-spacing: 0.3px;
  border-radius: 12px;
  transition: all 0.4s ease;
}
.layout_query .layout_query_container .layout_query_container_wrapper ul.answers li button.active {
  box-shadow: 0 0 0 1px var(--color-grey-900);
  border-color: var(--color-grey-900);
}
.layout_query .layout_query_container .layout_query_container_wrapper .next {
  display: none;
}
.layout_query .layout_query_container .layout_query_container_wrapper .next.active {
  display: flex;
}
.layout_query .layout_query_container .layout_query_container_wrapper .btn.btn-default {
  border-radius: 16px;
  height: 48px;
  line-height: 48px;
  padding-left: 16px;
  padding-right: 16px;
}
.layout_query .layout_query_container .layout_query_container_wrapper .btn.next, .layout_query .layout_query_container .layout_query_container_wrapper .btn.submit {
  align-items: center;
}
.layout_query .layout_query_container .layout_query_container_wrapper .btn.next i, .layout_query .layout_query_container .layout_query_container_wrapper .btn.submit i {
  color: #fff;
  font-size: 20px;
  margin-left: 12px;
}
.layout_query .layout_query_container .layout_query_container_wrapper .btn.submit {
  display: flex;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step {
  margin-bottom: 64px;
  width: 100%;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_options {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_options .layout_query_option {
  border-radius: 12px;
  line-height: 48px;
  border: 1px solid var(--color-grey-200);
  display: inline-block;
  margin-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.3px;
  cursor: pointer;
  transition: all 0.4s ease;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_options .layout_query_option.active {
  box-shadow: 0 0 0 1px var(--color-brand-500);
  border-color: var(--color-brand-500);
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_select_box {
  column-gap: 16px;
  display: grid;
  grid-template-columns: repeat(4, 124px);
  row-gap: 16px;
}
@media (max-width: 1023px) {
  .layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_select_box {
    grid-template-columns: repeat(2, 1fr);
  }
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_select_box .layout_query_select_box_option {
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-radius: 16px;
  color: var(--color-grey-900);
  cursor: pointer;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  height: 124px;
  justify-content: center;
  transition: all 0.4s ease;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_select_box .layout_query_select_box_option.active {
  box-shadow: 0 0 0 1px var(--color-brand-500);
  border-color: var(--color-brand-500);
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_select_box .layout_query_select_box_option img {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_textarea textarea {
  background-color: transparent;
  border-radius: 16px;
  height: 200px;
  border: 1px solid var(--color-grey-100);
  resize: none;
  outline: none;
  padding: 16px;
  box-shadow: none;
  line-height: 20px;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_date input {
  width: auto;
  appearance: textfield;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_date input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.layout_query .layout_query_container .layout_query_container_wrapper .layout_query_step .layout_query_date.layout_query_date--born .error {
  color: var(--color-danger-500);
  display: none;
  font-size: 14px;
  line-height: 24px;
  margin-top: 6px;
}
.layout_query .layout_query_container .layout_query_information .layout_query_information_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin-left: auto;
  padding: 40px 32px 48px 32px;
  opacity: 0;
  transition: all 0.5s ease;
  position: relative;
  right: -32px;
  width: 352px;
}
@media (max-width: 1023px) {
  .layout_query .layout_query_container .layout_query_information .layout_query_information_card {
    margin-left: 0px;
    margin-bottom: 32px;
    width: 100%;
    right: 0px;
  }
}
.layout_query .layout_query_container .layout_query_information .layout_query_information_card i {
  color: var(--color-brand-500);
  font-size: 24px;
}
.layout_query .layout_query_container .layout_query_information .layout_query_information_card p {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.layout_query .layout_query_container .layout_query_information .layout_query_information_card p a {
  color: var(--color-brand-500);
}

.layout_query_header .layout_query_header_progress {
  height: 4px;
  width: 100%;
}
.layout_query_header .layout_query_header_progress .layout_query_header_progress_bar {
  background-color: var(--color-brand-500);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  width: 50%;
  height: 4px;
  transition: all 0.5s ease;
}
.layout_query_header .layout_query_header_content {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 48px 0px 12px 0px;
}
.layout_query_header .layout_query_header_content a.layout_query_header_close {
  background-color: var(--color-brand-50);
  border: none;
  color: var(--color-brand-500);
  font-weight: 600;
}
@media (max-width: 1023px) {
  .layout_query_header {
    padding: 0px 0px 12px 0px;
  }
}

.query_buttons {
  align-items: center;
  display: flex;
}
.query_buttons .back_step {
  color: var(--color-grey-900);
  align-items: center;
  display: flex;
  justify-content: center;
  border: none;
  border-radius: 16px;
  height: 48px;
  line-height: 48px;
  width: 48px;
  margin-right: 8px;
  background-color: var(--color-brand-50);
}
.query_buttons .back_step i {
  color: var(--color-grey-500);
  font-size: 20px;
}
.query_buttons .btn {
  font-family: "Figtree", "DM Sans", sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.query_buttons .submit {
  align-items: center;
  display: flex;
  border-radius: 16px;
}
.query_buttons .submit i {
  color: #fff;
  font-size: 20px;
  margin-left: 12px;
}

.layout_query_result {
  display: flex;
  font-family: "Figtree", "DM Sans", sans-serif;
  position: absolute;
  top: 0px;
  width: 100%;
  height: 100%;
  padding: 0px 24px;
}
.layout_query_result .container {
  display: grid;
  grid-template-rows: auto 1fr;
}
@media (max-width: 1023px) {
  .layout_query_result .container {
    display: flex;
    flex-direction: column;
  }
}
.layout_query_result .layout_query_result_header {
  display: flex;
  padding: 48px 0px 12px 0px;
}
.layout_query_result .layout_query_result_container {
  opacity: 0;
  transition: all 0.5s ease-in;
}
.layout_query_result .layout_query_result_container,
.layout_query_result .layout_query_result_booking_container {
  column-gap: 80px;
  display: grid;
  grid-template-columns: 1fr 448px;
  justify-content: center;
  width: 100%;
  margin-top: 120px;
}
@media (max-height: 1000px) {
  .layout_query_result .layout_query_result_container,
  .layout_query_result .layout_query_result_booking_container {
    margin-top: 70px;
  }
}
@media (max-width: 1023px) {
  .layout_query_result .layout_query_result_container,
  .layout_query_result .layout_query_result_booking_container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 0px;
    padding-bottom: 64px;
    column-gap: 32px;
  }
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper {
  width: 100%;
}
@media (max-width: 1023px) {
  .layout_query_result .layout_query_result_container .layout_query_result_container_wrapper,
  .layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper {
    padding-bottom: 64px;
    padding-top: 64px;
  }
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_features,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_features {
  margin-bottom: 64px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_features ul li,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_features ul li {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 16px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_features ul li .illu,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_features ul li .illu {
  width: 16px;
  height: 16px;
  border-radius: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_features ul li .illu i,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_features ul li .illu i {
  font-size: 16px;
  color: var(--color-brand-500);
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_features ul li .name,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_features ul li .name {
  color: var(--color-grey-900);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_matching_content,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_matching_content {
  background-color: var(--color-brand-50);
  border-radius: 16px;
  color: var(--color-brand-700);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding: 16px 24px;
  margin-bottom: 24px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_description,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_description {
  color: var(--color-grey-500);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 0%;
  margin-bottom: 24px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper h1,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 40px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_submit a,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_submit a {
  align-items: center;
  border-radius: 16px;
  display: inline-flex;
}
@media (max-width: 1023px) {
  .layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_submit a,
  .layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_submit a {
    display: flex;
  }
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_submit a i,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_submit a i {
  color: inherit;
  font-size: 16px;
  margin-left: 6px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_submit a.cta_redirect_expert,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_submit a.cta_redirect_expert {
  background-color: var(--color-brand-50);
  color: var(--color-brand-500);
  margin-left: 12px;
}
@media (max-width: 1023px) {
  .layout_query_result .layout_query_result_container .layout_query_result_container_wrapper .layout_query_result_submit a.cta_redirect_expert,
  .layout_query_result .layout_query_result_booking_container .layout_query_result_container_wrapper .layout_query_result_submit a.cta_redirect_expert {
    margin-left: 0px;
    margin-top: 16px;
  }
}
.layout_query_result .layout_query_result_container .layout_query_result_container_expert,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_expert {
  width: 100%;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_infos .layout_query_result_container_infos_card,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_infos .layout_query_result_container_infos_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin-left: auto;
  padding: 40px 32px 48px 32px;
  width: 352px;
}
@media (max-width: 1023px) {
  .layout_query_result .layout_query_result_container .layout_query_result_container_infos .layout_query_result_container_infos_card,
  .layout_query_result .layout_query_result_booking_container .layout_query_result_container_infos .layout_query_result_container_infos_card {
    width: 100%;
  }
}
.layout_query_result .layout_query_result_container .layout_query_result_container_infos .layout_query_result_container_infos_card i,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_infos .layout_query_result_container_infos_card i {
  color: var(--color-brand-500);
  font-size: 24px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_infos .layout_query_result_container_infos_card p,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_infos .layout_query_result_container_infos_card p {
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-top: 24px;
  margin-bottom: 0px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_infos .layout_query_result_container_infos_card p span,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_infos .layout_query_result_container_infos_card p span {
  background-color: var(--color-brand-50);
  border-radius: 4px;
  color: var(--color-brand-500);
  display: inline-block;
  font-weight: 600;
  padding: 0px 4px;
}
.layout_query_result .layout_query_result_container .layout_query_result_container_auth,
.layout_query_result .layout_query_result_booking_container .layout_query_result_container_auth {
  width: 100%;
}

.layout_query_result_expert {
  margin: 0px auto;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 1px 10px 21px 0px rgba(166, 166, 166, 0.1), 4px 38px 39px 0px rgba(166, 166, 166, 0.09), 8px 86px 52px 0px rgba(166, 166, 166, 0.05), 15px 153px 62px 0px rgba(166, 166, 166, 0.01), 23px 240px 67px 0px rgba(166, 166, 166, 0);
  padding: 56px 40px 40px 40px;
  text-align: center;
  max-width: 432px;
}
@media (max-width: 1023px) {
  .layout_query_result_expert {
    margin-bottom: 64px;
  }
}
.layout_query_result_expert .layout_query_result_expert_header {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_media {
  background-color: var(--color-grey-50);
  display: inline-block;
  margin-right: 32px;
  width: 88px;
  height: 120px;
  border-radius: 12px;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_media img {
  border-radius: 12px;
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_name {
  text-align: left;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_name p {
  font-family: "Figtree", "DM Sans", sans-serif;
  color: var(--color-grey-900);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
  letter-spacing: 0.48px;
  margin: 0px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_name span {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.36px;
  display: inline-block;
  background: linear-gradient(90deg, #FF5EAC 73.12%, #FF5EAC 91.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  position: relative;
  top: 2px;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_name div.domain {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.36px;
  display: inline-block;
  background: linear-gradient(90deg, #FF5EAC 73.12%, #965EF2 91.72%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_review {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
.layout_query_result_expert .layout_query_result_expert_header .layout_query_result_expert_review i {
  font-size: 16px;
  margin-right: 8px;
}

._infos {
  text-align: left;
  display: flex;
  flex-direction: row;
  color: var(--color-grey-900);
  font-family: "Figtree", serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px; /* 200% */
  justify-content: flex-start;
  align-items: center;
  line-height: 24px;
  gap: 18px;
  margin-bottom: 24px;
}
._infos i {
  font-size: 22px;
  color: #6E757C;
  margin-right: 8px;
}

.layout_query_result_expert_langs, .layout_query_result_expert_location {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}
.layout_query_result_expert_langs i, .layout_query_result_expert_location i {
  font-size: 22px;
  margin-right: 8px;
}

.layout_query_result_expert_keywords {
  margin-top: 28px;
  margin-bottom: 24px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.layout_query_result_expert_description {
  color: var(--color-grey-500);
  font-family: "Figtree", "DM Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  text-align: left;
  margin-top: 24px;
}

.layout_query_result_expert_networks {
  margin-top: 32px;
  display: flex;
  flex-direction: row;
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.26px;
  color: var(--color-grey-500);
  gap: 24px;
}
.layout_query_result_expert_networks span {
  position: relative;
  top: 3px;
  left: 3px;
  font-size: 15px;
  rotate: -45deg;
}

.layout_query_result_expert_keyword {
  border-radius: 8px;
  border: 1px solid var(--color-grey-200);
  line-height: 28px;
  border-radius: 8px;
  padding-left: 8px;
  padding-right: 8px;
  margin-right: 8px;
  margin-bottom: 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
}

.layout_query_backdrop {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(3px);
  display: none;
}
.layout_query_backdrop .layout_query_backdrop_wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -160px;
  margin-top: -120px;
  width: 320px;
  height: 240px;
  text-align: center;
}
.layout_query_backdrop .layout_query_backdrop_wrapper .layout_query_loading_spinner {
  display: inline-block;
  width: 66px;
  height: 66px;
  background-color: var(--color-grey-900);
  border-radius: 26px;
  margin-bottom: 42px;
}
.layout_query_backdrop .layout_query_backdrop_wrapper .layout_query_loading_feature {
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 4px;
}
.layout_query_backdrop .layout_query_backdrop_wrapper .layout_query_loading_feature span {
  position: relative;
  font-size: 22px;
  top: 4px;
  left: -4px;
}
.layout_query_backdrop.active {
  display: block;
}

.layout_query_result.anonymous .layout_query_result_features ul li .illu {
  width: auto !important;
  height: auto !important;
  border: none !important;
}

.layout_query_auth_wrapper {
  padding: 40px 32px;
  border-radius: 20px;
  background: #FFF;
  box-shadow: 0px 404px 113px 0px rgba(148, 148, 148, 0), 0px 259px 103px 0px rgba(148, 148, 148, 0.01), 0px 145px 87px 0px rgba(148, 148, 148, 0.05), 0px 65px 65px 0px rgba(148, 148, 148, 0.09), 0px 16px 36px 0px rgba(148, 148, 148, 0.1);
}

.layout_query_auth_title {
  color: var(--color-grey-900);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.4px;
  margin-bottom: 16px;
}

.layout_query_auth_description {
  color: var(--color-grey-900);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  margin-bottom: 32px;
}

.layout_query_auth_links {
  margin-bottom: 8px;
}
.layout_query_auth_links a {
  display: block;
  height: 48px;
  line-height: 48px;
  border-radius: 12px;
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 500;
}
.layout_query_auth_links a img {
  position: relative;
  top: -3px;
  margin-right: 6px;
}
.layout_query_auth_links a span {
  color: var(--color-brand-500);
  position: relative;
}

.layout_query_auth_legal {
  padding-top: 8px;
}
.layout_query_auth_legal p {
  margin: 0px;
  padding: 0px;
  color: var(--color-grey-900);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.26px;
}
.layout_query_auth_legal a {
  color: var(--color-brand-500);
  text-decoration: underline;
}

.layout_query_auth_login {
  margin-top: 40px;
  color: var(--color-grey-900);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.26px;
}
.layout_query_auth_login a {
  color: var(--color-brand-500);
  text-decoration: underline;
}

.layout_query_result_expert_short {
  margin-top: -12px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_media {
  background-color: var(--color-grey-50);
  display: inline-block;
  margin-right: 32px;
  width: 64px;
  height: 88px;
  border-radius: 12px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_media img {
  border-radius: 12px;
  height: 88px;
  object-fit: cover;
  width: 64px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_name {
  font-family: "Figtree", "DM Sans", sans-serif;
  color: var(--color-grey-900);
  font-size: 24px;
  font-weight: 600;
  line-height: 32px; /* 133.333% */
  letter-spacing: 0.48px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_category {
  align-items: center;
  color: var(--color-grey-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  margin-top: 8px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_category span {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 20px;
  margin-right: 8px;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_category span i {
  font-size: 8px;
  color: #fff;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_review {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
.layout_query_result_expert_short .layout_query_result_expert_short_header .layout_query_result_expert_short_review i {
  font-size: 16px;
  margin-right: 8px;
}

#queryCloseModal .modal-dialog .modal-content {
  padding: 48px 40px 32px 40px;
}
#queryCloseModal .modal-dialog .modal-content .modal-header {
  margin-bottom: 32px;
  padding: 0px;
}
#queryCloseModal .modal-dialog .modal-content .modal-header h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0px;
}
#queryCloseModal .modal-dialog .modal-content .modal-body {
  margin-bottom: 40px;
  padding: 0px;
}
#queryCloseModal .modal-dialog .modal-content .modal-body p {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
#queryCloseModal .modal-dialog .modal-content .modal-footer {
  align-items: center;
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 0px;
}
#queryCloseModal .modal-dialog .modal-content .modal-footer a,
#queryCloseModal .modal-dialog .modal-content .modal-footer button {
  border-radius: 16px;
}
#queryCloseModal .modal-dialog .modal-content .modal-footer a {
  margin-left: 16px;
}
#queryCloseModal .modal-dialog .modal-content .modal-footer button {
  background-color: var(--color-brand-50);
  border: none;
  color: var(--color-brand-500);
}

#layout_query_result_loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
#layout_query_result_loader h3 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin: 40px 0px 16px 0px;
  text-align: center;
}
#layout_query_result_loader p {
  color: var(--color-grey-900);
  display: block;
  font-family: Figtree;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  max-width: 544px;
  text-align: center;
}
#layout_query_result_loader p strong {
  font-weight: 500;
}
#layout_query_result_loader .loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  position: relative;
  color: var(--color-brand-200);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

/* Import Settings */
.layout_settings {
  background-color: white;
  position: relative;
  padding-left: 220px;
  padding-top: 48px;
}
.layout_settings p {
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.28px;
}
.layout_settings h3 {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.layout_settings .header h1 {
  font-size: 20px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0c0c0e);
}
.layout_settings .header h2 {
  margin-bottom: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0c0c0e);
}
.layout_settings nav {
  width: 220px;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  border-right: 1px solid var(--Grey-200, #dee2e5);
  background: var(--White, #fff);
  padding-left: 12px;
  padding-right: 12px;
}
.layout_settings nav section {
  padding-top: 24px;
}
.layout_settings nav section a.nav_back {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  line-height: 32px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: left;
  padding-left: 6px;
}
.layout_settings nav section a.nav_back span {
  margin-right: 12px;
  font-size: 24px;
  color: #323232;
}
.layout_settings nav section .nav_item {
  margin-bottom: 40px;
}
.layout_settings nav section .nav_item p {
  padding: 0px 8px;
  display: flex;
  align-items: center;
  margin: 0px 0px 2px 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-500, #6e757c);
}
.layout_settings nav section .nav_item p span {
  margin-right: 12px;
  font-size: 20px;
  color: var(--Grey-500, #6e757c);
}
.layout_settings nav section .nav_item ul {
  padding-left: 28px;
}
.layout_settings nav section .nav_item ul li {
  margin-bottom: 4px;
}
.layout_settings nav section .nav_item ul li a {
  cursor: pointer;
  height: auto;
  line-height: 32px;
  border-radius: 8px;
  display: block;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: left;
}

.layout_settings .profile {
  padding-bottom: 40px;
}
.layout_settings .profile .header {
  margin-bottom: 32px;
}
.layout_settings .profile .header h1 {
  margin-bottom: 8px;
}
.layout_settings .profile .error {
  margin-top: 4px;
  color: var(--Danger-500, #f31941);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.28px;
}
.layout_settings .profile .category .category_name {
  font-size: 14px;
  font-weight: 600;
}
.layout_settings .profile .category .category_items {
  margin-top: 8px;
  margin-bottom: 12px;
}
.layout_settings .profile .category .category_items ul li {
  display: inline-block;
  font-size: 14px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 8px;
  height: 24px;
  line-height: 24px;
  margin-right: 8px;
  margin-bottom: 8px;
  background-color: var(--color-grey-50);
  cursor: pointer;
}
.layout_settings .profile .category .category_items ul li.active {
  background-color: var(--color-brand-500);
  color: white;
}
.layout_settings .profile form input {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
.layout_settings .profile form .profile_media_wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}
.layout_settings .profile form .profile_media_wrapper .media_content {
  display: flex;
  align-items: center;
  gap: 24px;
}
.layout_settings .profile form .profile_media_wrapper .media_content .media {
  width: 72px;
  height: 72px;
  border-radius: 8px;
  overflow: hidden;
}
.layout_settings .profile form .profile_media_wrapper .media_content .media.default {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--Grey-50, #F2F3F6);
}
.layout_settings .profile form .profile_media_wrapper .media_content .media.default span {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}
.layout_settings .profile form .profile_media_wrapper .media_content .media img {
  width: 100%;
  height: 100%;
}
.layout_settings .profile form .profile_media_wrapper .media_content label {
  margin-bottom: 0px;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.28px;
  color: var(--color-black-900);
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  border-radius: 8px;
  padding: 0px 12px;
}
.layout_settings .profile form .profile_media_wrapper .media_content label span {
  color: var(--color-black-900);
  font-size: 20px;
}
.layout_settings .profile form .profile_media_wrapper .media_content input#media {
  display: none;
}
.layout_settings .profile form .form-group {
  margin-bottom: 24px;
}
.layout_settings .profile form .form-group textarea {
  height: 108px;
  resize: none;
  padding: 12px;
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.28px;
}
.layout_settings .profile form .form-group .description_counter {
  text-align: right;
}
.layout_settings .profile form .form-group .description_counter span {
  color: var(--Grey-500, #6E757C);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.26px;
}
.layout_settings .profile form .form-group.form-group-last {
  margin-bottom: 0px;
}
.layout_settings .profile form .slug_input_wrapper {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  position: relative;
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
  outline: none;
  box-shadow: none;
  background-color: white;
  border: 1px solid var(--color-grey-200);
  border-radius: 8px;
  font-size: 14px;
  font-weight: 500;
}
.layout_settings .profile form .slug_input_wrapper .slug_prefix {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.28px;
}
.layout_settings .profile form .slug_input_wrapper input {
  border: none;
  box-shadow: none;
  height: 100%;
  padding-left: 0px;
}
.layout_settings .profile form .slug_input_wrapper .slug_copy {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 6px;
  top: 6px;
  height: 24px;
  width: 24px;
  padding: 0px;
  border: none;
  background-color: inherit;
  outline: none;
}
.layout_settings .profile form .slug_input_wrapper .slug_copy i {
  font-size: 16px;
  color: var(--Grey-500, #6E757C);
}
.layout_settings .profile form .social {
  margin-top: 40px;
  padding-top: 32px;
  border-top: 1px solid var(--Grey-200, #DEE2E5);
}
.layout_settings .profile form .social h3 {
  margin-bottom: 4px;
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.3px;
}
.layout_settings .profile form .social p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.28px;
}
.layout_settings .profile form .social .social_list {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
  gap: 16px;
}
.layout_settings .profile form .social .social_list .social_input_wrapper {
  position: relative;
}
.layout_settings .profile form .social .social_list .social_input_wrapper span {
  top: 8px;
  left: 12px;
  color: var(--Grey-900, #0C0C0E);
  position: absolute;
  font-size: 20px;
}
.layout_settings .profile form .social .social_list .social_input_wrapper input {
  padding-left: 44px;
}
.layout_settings .profile form .submit {
  margin-top: 24px;
}

.layout_settings .general .header {
  margin-bottom: 24px;
}
.layout_settings .general form .form-group {
  margin-bottom: 16px;
}
.layout_settings .general form .submit {
  margin-top: 8px;
}
.layout_settings .general form .section {
  margin-bottom: 24px;
}
.layout_settings .general form .section .title {
  margin-bottom: 8px;
}
.layout_settings .general form select.form-control,
.layout_settings .general form input.form-control {
  padding: 0px 12px;
  line-height: 36px;
  height: 36px;
}
.layout_settings .general form label {
  margin-bottom: 0px;
}
.layout_settings .general form .wrapper_radio {
  position: relative;
  border-radius: 8px;
  background: var(--Grey-50, #f2f3f6);
  position: relative;
  width: fit-content;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 4px;
  justify-content: space-between;
  height: 36px;
  gap: 4px;
}
.layout_settings .general form .wrapper_radio .wrapper_radio_slider {
  opacity: 0;
  position: absolute;
  height: 28px;
  border-radius: 8px;
  border: 1px solid var(--Grey-100, #eaecef);
  background: var(--White, #fff);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.09);
}
.layout_settings .general form .wrapper_radio .wrapper_radio_button {
  cursor: pointer;
  z-index: 2;
  height: 28px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.layout_settings .general form .wrapper_radio .wrapper_radio_button label {
  padding: 0 12px;
  cursor: pointer;
  color: var(--Grey-500, #6e757c);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.28px;
}
.layout_settings .general form .wrapper_radio .wrapper_radio_button input {
  display: none;
}
.layout_settings .general form .wrapper_radio .wrapper_radio_button.selected label {
  color: var(--Grey-900, #0c0c0e);
}

.layout_settings .calendar .application {
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  margin-bottom: 16px;
}
.layout_settings .calendar .application.new .application_header {
  border: none;
}
.layout_settings .calendar .application .application_header {
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
  padding: 16px 24px 12px 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.layout_settings .calendar .application .application_header .application_header_main {
  display: flex;
}
.layout_settings .calendar .application .application_header .application_header_main .application_header_icon {
  position: relative;
  top: 1px;
  width: 20px;
  height: 20px;
  background-image: url("/static/assets/icon-google.svg");
  background-size: 20px;
  margin-right: 12px;
}
.layout_settings .calendar .application .application_header .application_header_main .application_header_description .application_header_name {
  line-height: 24px;
  margin-bottom: 2px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.28px;
}
.layout_settings .calendar .application .application_header .application_header_main .application_header_description .application_header_account {
  line-height: 24px;
  font-size: 14px;
  font-weight: 400;
}
.layout_settings .calendar .application .application_header .application_header_action {
  float: right;
}
.layout_settings .calendar .application .application_body {
  padding-top: 14px;
  padding-bottom: 14px;
}
.layout_settings .calendar .application .application_item {
  padding-left: 24px;
  padding-right: 24px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.layout_settings .calendar .application .application_item + .application_item {
  margin-top: 16px;
}
.layout_settings .calendar .application .application_item .application_item_description {
  display: flex;
  height: 20px;
}
.layout_settings .calendar .application .application_item .application_item_description .application_item_badge {
  width: 16px;
  height: 16px;
  border-radius: 6px;
  display: inline-block;
  margin-top: 2px;
  margin-right: 12px;
}
.layout_settings .calendar .application .application_item .application_item_description .application_item_name {
  display: inline-block;
  line-height: 20px;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.28px;
}

.layout_settings .security .header {
  margin-bottom: 32px;
}
.layout_settings .security .header h1 {
  margin-bottom: 8px;
}
.layout_settings .security form .form-group {
  margin-bottom: 24px;
}
.layout_settings .security form .form-group.form-group-last {
  margin-bottom: 12px;
}
.layout_settings .security form .form-group input {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
.layout_settings .security form p {
  color: var(--Grey-500, #6e757c);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.26px;
  margin-bottom: 0px;
}
.layout_settings .security form .error {
  margin-top: 4px;
  color: var(--Danger-500, #f31941);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.28px;
}
.layout_settings .security form .submit {
  margin-top: 24px;
}

.layout_settings .unavailability .header {
  margin-bottom: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout_settings .unavailability .list {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.layout_settings .unavailability .list .unavailability {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #dee2e5);
  background: var(--White, #fff);
}
.layout_settings .unavailability .list .unavailability .unavailability_name {
  margin-bottom: 2px;
  color: var(--Grey-900, #0c0c0e);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .unavailability .list .unavailability .unavailability_date {
  color: var(--Grey-500, #6e757c);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .unavailability .list .unavailability .unavailability_actions {
  display: flex;
  gap: 16px;
}
.layout_settings .unavailability .list .unavailability .unavailability_actions .unavailability_btn_delete {
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  padding: 0px;
  background: var(--White, #fff);
}
.layout_settings .unavailability .unavailability_empty {
  padding-bottom: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: calc(100vh - 48px);
  max-width: 448px;
  margin: auto;
}
.layout_settings .unavailability .unavailability_empty h1 {
  color: var(--Grey-900, #0c0c0e);
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
  margin-bottom: 12px;
}
.layout_settings .unavailability .unavailability_empty p {
  color: var(--Grey-900, #0c0c0e);
  text-align: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
  margin-bottom: 32px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content,
.layout_settings .unavailability .modalEditUnavailability .modal-content {
  padding: 0px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-header,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-header,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 52px 24px 24px;
  border-bottom: 1px solid var(--Grey-100, #eaecef);
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-header h1,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-header h1,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-header h1 {
  margin: 0px;
  color: var(--Grey-900, #0c0c0e);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-header .btn-close,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-header .btn-close,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-header .btn-close {
  height: 24px;
  width: 24px;
  background: none;
  position: absolute;
  right: 24px;
  margin: 0;
  top: 24px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-header .btn-close span,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-header .btn-close span,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-header .btn-close span {
  font-size: 24px;
  color: var(--Grey-100, #6e757c);
}
.layout_settings .unavailability #modalNewUnavailability .modal-content form input,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content form input,
.layout_settings .unavailability .modalEditUnavailability .modal-content form input {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content form .form-group-last,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content form .form-group-last,
.layout_settings .unavailability .modalEditUnavailability .modal-content form .form-group-last {
  margin-bottom: 0px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-body,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-body,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-body {
  padding: 32px 24px;
}
.layout_settings .unavailability #modalNewUnavailability .modal-content .modal-footer,
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-footer,
.layout_settings .unavailability .modalEditUnavailability .modal-content .modal-footer {
  gap: 12px;
  border-top: 1px solid var(--Grey-100, #eaecef);
  padding: 16px 24px;
}
.layout_settings .unavailability .modalDeleteUnavailability .modal-content .modal-body p {
  margin: 0px;
}

.layout_settings .availability .header {
  margin-bottom: 24px;
}
.layout_settings .availability .availability_list {
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  margin-bottom: 24px;
}
.layout_settings .availability .availability_list .availability_day {
  position: relative;
  padding: 18px 24px;
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
}
.layout_settings .availability .availability_list .availability_day .avaibility_check {
  display: flex;
  align-items: center;
}
.layout_settings .availability .availability_list .availability_day .avaibility_check .form-check {
  margin: 0px;
}
.layout_settings .availability .availability_list .availability_day .avaibility_check .form-check label {
  margin-bottom: 0px;
}
.layout_settings .availability .availability_list .availability_day .avaibility_check .form-check .form-check-input {
  background-color: var(--Grey-300, #CFD4D8);
  border: var(--Grey-300, #CFD4D8);
  height: 20px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23ffffff'/%3e%3c/svg%3e");
}
.layout_settings .availability .availability_list .availability_day .avaibility_check .form-check .form-check-input:checked {
  background-color: var(--Grey-900, #0c0c0e);
  border-color: var(--Grey-900, #0c0c0e);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23ffffff'/%3e%3c/svg%3e");
}
.layout_settings .availability .availability_list .availability_day .avaibility_check .form-check .form-check-input:focus {
  box-shadow: none;
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots .time {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 24px;
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots .time select {
  height: 36px;
  line-height: 36px;
  width: 88px;
  padding: 0px 12px;
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots button.add {
  display: none;
  position: absolute;
  top: 18px;
  right: 16px;
  align-items: center;
  justify-content: center;
  border: none;
  box-shadow: none;
  background-color: var(--White, #FFF);
  font-size: 24px;
  color: #323232;
  padding: 0px;
  height: 24px;
  width: 24px;
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots button.delete {
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-shadow: none;
  background-color: var(--White, #FFF);
}
.layout_settings .availability .availability_list .availability_day .availability_time_slots button.delete span {
  font-size: 24px;
  color: var(--Grey-500, #6e757c);
}
.layout_settings .availability .availability_list .availability_day:last-child {
  border: none;
}

.layout_settings .billing .header {
  margin-bottom: 32px;
}
.layout_settings .billing .update {
  border-radius: 12px;
  margin-bottom: 32px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  padding: 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.layout_settings .billing .update .left {
  display: flex;
  align-items: center;
}
.layout_settings .billing .update .left div.media {
  margin-right: 24px;
}
.layout_settings .billing .update .left p {
  margin: 0px;
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .billing table {
  width: 100%;
}
.layout_settings .billing table thead tr th {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
  padding: 0 0 12px 0;
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
}
.layout_settings .billing table tbody tr td {
  padding: 22px 0px 6px 0px;
}
.layout_settings .billing table tbody tr td.date {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .billing table tbody tr td.id {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .billing table tbody tr td.amount {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.28px;
}
.layout_settings .billing table tbody tr td button {
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-left: auto;
}
.layout_settings .billing table tbody tr td button span {
  top: 0px;
  left: 0px;
  transform: rotate(90deg);
  font-size: 16px;
  color: var(--Grey-900, #0C0C0E);
}

.layout_settings .requirement .header {
  margin-bottom: 24px;
}
.layout_settings .requirement form .section {
  margin-bottom: 24px;
}
.layout_settings .requirement form .section .form-group {
  margin-bottom: 16px;
}
.layout_settings .requirement form .section .form-group label {
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: 600;
}
.layout_settings .requirement form .section .form-group select.form-control,
.layout_settings .requirement form .section .form-group input.form-control {
  padding: 0px 12px;
  line-height: 36px;
  height: 36px;
}
.layout_settings .requirement form .section p {
  color: var(--color-grey-500);
  margin-bottom: 8px;
}
.layout_settings .requirement form .submit {
  margin-top: 8px;
}

.layout_settings .channel .header {
  margin-bottom: 24px;
}
.layout_settings .channel form .section {
  margin-bottom: 24px;
}
.layout_settings .channel form .section .form-group {
  margin-bottom: 16px;
}
.layout_settings .channel form .section .form-group label {
  font-size: 14px;
  font-weight: 500;
}
.layout_settings .channel form .section .form-group textarea {
  line-height: 20px;
  height: 200px;
  resize: none;
  padding: 12px;
}
.layout_settings .channel form .section .form-group p {
  color: var(--color-grey-500);
  margin-bottom: 8px;
}
.layout_settings .channel form .submit {
  margin-top: 8px;
}

.subscription_current {
  margin-top: 42px;
}

.subscription_current_header {
  display: flex;
  justify-content: space-between;
}

.subscription_current_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.subscription_current_title i {
  position: relative;
  top: 4px;
  font-size: 22px;
  color: #FF5EAC;
  margin-right: 6px;
}
.subscription_current_title span {
  background: linear-gradient(265deg, #965EF2 46.13%, #FF5EAC 95.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subscription_current_price {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  letter-spacing: 0.64px;
}
.subscription_current_price span {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.28px;
}

.subscription_start {
  margin-top: 32px;
  padding: 40px;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: #FFF;
}
.subscription_start a i {
  position: relative;
  font-size: 16px;
  top: 4px;
  margin-right: 2px;
  color: #FF5EAC;
}

.subscription_start_title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 16px;
}
.subscription_start_title i {
  position: relative;
  top: 4px;
  font-size: 22px;
  color: #FF5EAC;
  margin-right: 6px;
}
.subscription_start_title span {
  background: linear-gradient(265deg, #965EF2 46.13%, #FF5EAC 95.65%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.subscription_start_price {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px; /* 137.5% */
  letter-spacing: 0.64px;
  margin-bottom: 24px;
}
.subscription_start_price span {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.28px;
}

.subscription_start_list {
  margin-bottom: 32px;
}
.subscription_start_list ul li {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.28px;
  margin-bottom: 8px;
}
.subscription_start_list ul li i {
  position: relative;
  top: 2px;
  margin-right: 4px;
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 171.429% */
  letter-spacing: 0.28px;
}

#modalReview .modal-dialog {
  min-width: 448px;
}
#modalReview .modal-dialog .modal-content {
  border-radius: 16px;
  padding: 0px;
  overflow: hidden;
}
#modalReview .modal-dialog .modal-content .modal-body .header {
  align-items: center;
  background: linear-gradient(180deg, rgba(255, 233, 89, 0.25) 0%, rgba(251, 163, 52, 0) 100%);
  display: flex;
  height: 220px;
  justify-content: center;
  margin-bottom: 8px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default,
#modalReview .modal-dialog .modal-content .modal-body .content-success {
  padding: 0px 0px 24px 0px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default h2,
#modalReview .modal-dialog .modal-content .modal-body .content-success h2 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: center;
  padding: 0px 32px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default .stars,
#modalReview .modal-dialog .modal-content .modal-body .content-success .stars {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
  padding: 0px 32px;
  margin-top: 40px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default .stars i,
#modalReview .modal-dialog .modal-content .modal-body .content-success .stars i {
  color: var(--Grey-100, #EAECEF);
  cursor: pointer;
  font-size: 24px;
  margin: 0px 8px;
  transition: color 0.2s ease, transform 0.2s ease;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default .stars i.active,
#modalReview .modal-dialog .modal-content .modal-body .content-success .stars i.active {
  color: var(--Grey-900, #0C0C0E);
}
#modalReview .modal-dialog .modal-content .modal-body .content-default form .content,
#modalReview .modal-dialog .modal-content .modal-body .content-success form .content {
  display: flex;
  flex-direction: column;
  padding: 0px 32px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default form .content label,
#modalReview .modal-dialog .modal-content .modal-body .content-success form .content label {
  margin-bottom: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default form .content textarea,
#modalReview .modal-dialog .modal-content .modal-body .content-success form .content textarea {
  border: 1px solid #E6E6E6;
  border-radius: 8px;
  height: 96px;
  padding: 8px 12px;
  resize: none;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default form .submit,
#modalReview .modal-dialog .modal-content .modal-body .content-success form .submit {
  align-items: center;
  border-top: 1px solid var(--Grey-100, #EAECEF);
  display: flex;
  justify-content: flex-end;
  padding: 16px 32px 0px 32px;
  margin-top: 40px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-default form .submit button,
#modalReview .modal-dialog .modal-content .modal-body .content-success form .submit button {
  margin-left: 12px;
}
#modalReview .modal-dialog .modal-content .modal-body .content-success {
  display: none;
}
#modalReview .modal-dialog .modal-content .modal-body .content-success p {
  color: var(--Grey-500, #6E757C);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding: 0 32px;
  margin-top: 24px;
}

main#home h2 {
  color: var(--color-grey-900);
  font-size: 40px;
  font-weight: 600;
  line-height: 48px;
  text-align: center;
  margin-bottom: 16px;
}
@media (max-width: 1023px) {
  main#home h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
main#home .home__header {
  padding-top: 100px;
  padding-bottom: 228px;
  position: relative;
}
@media (max-width: 1023px) {
  main#home .home__header {
    padding-top: 80px;
  }
}
main#home .home__header .home__header_background {
  background-color: hsl(0, 0%, 100%);
  background-image: radial-gradient(at 47% 75%, hsl(25, 0%, 100%) 0px, transparent 50%), radial-gradient(at 27% 29%, hsl(189, 0%, 100%) 0px, transparent 50%), radial-gradient(at 0% 50%, hsl(355, 0%, 100%) 0px, transparent 50%), radial-gradient(at 71% 82%, hsl(340, 0%, 100%) 0px, transparent 50%), radial-gradient(at 0% 100%, hsl(22, 0%, 100%) 0px, transparent 50%), radial-gradient(at 0% 0%, hsla(240, 50%, 50%, 0.53) 0px, transparent 50%);
  background-size: cover;
  background-repeat: repeat;
  position: absolute;
  top: -120px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: -1;
}
main#home .home__header .home__header_wrapper {
  column-gap: 128px;
  display: grid;
  grid-template-columns: 1fr 448px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#home .home__header .home__header_wrapper {
    grid-template-columns: 1fr;
  }
}
main#home .home__header .home__header_wrapper .home__header_content h1 {
  color: var(--color-grey-900);
  font-size: 48px;
  font-weight: 600;
  line-height: 64px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  main#home .home__header .home__header_wrapper .home__header_content h1 {
    font-size: 40px;
    line-height: 56px;
  }
}
main#home .home__header .home__header_wrapper .home__header_content p {
  color: var(--color-grey-900);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 40px;
}
main#home .home__header .home__header_wrapper .home__header_content a {
  align-items: center;
  display: inline-flex;
}
main#home .home__header .home__header_wrapper .home__header_content a i {
  font-size: 16px;
  margin-left: 8px;
}
main#home .home__header .home__header_wrapper .home__header_content ul {
  column-count: 2;
  list-style: none;
  margin-top: 54px;
}
@media (max-width: 1023px) {
  main#home .home__header .home__header_wrapper .home__header_content ul {
    column-count: 1;
  }
}
main#home .home__header .home__header_wrapper .home__header_content ul li {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 40px;
}
main#home .home__header .home__header_wrapper .home__header_content ul li i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 16px;
}
main#home .home__header .home__header_wrapper .home__header_media {
  height: 520px;
  position: relative;
  width: 100%;
}
main#home .home__header .home__header_wrapper .home__header_media img {
  border-radius: 32px;
  object-fit: cover;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: opacity 0.5s;
}
main#home .home__header .home__header_wrapper .home__header_media img.home__header_media--is-active {
  opacity: 1;
}
main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag {
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1019607843), 0px 16px 16px 0px rgba(0, 0, 0, 0.0901960784), 0px 35px 21px 0px rgba(0, 0, 0, 0.0509803922), 0px 63px 25px 0px rgba(0, 0, 0, 0.0117647059), 0px 98px 28px 0px rgba(0, 0, 0, 0);
  color: var(--color-brand-900);
  display: flex;
  font-size: 14px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.02em;
  padding: 0px 16px;
  position: absolute;
  text-align: left;
}
main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 8px;
}
main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(1) {
  top: 60px;
  right: -48px;
}
main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(2) {
  bottom: 40%;
  left: -32px;
}
main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(3) {
  bottom: 24px;
  right: -16px;
}
@media (max-width: 1023px) {
  main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(1) {
    right: 32px;
  }
  main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(2) {
    left: 32px;
  }
  main#home .home__header .home__header_wrapper .home__header_media .home__header_media_tag:nth-of-type(3) {
    right: 32px;
  }
}
main#home .home__steps {
  margin: 0 0 220px 0;
}
@media (max-width: 1023px) {
  main#home .home__steps {
    margin: 0 0 110px 0;
  }
}
main#home .home__steps p {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  margin-bottom: 56px;
}
main#home .home__steps .home__steps_cards {
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  main#home .home__steps .home__steps_cards {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#home .home__steps .home__steps_cards .home__steps_card {
  border: 1px solid var(--color-grey-100);
  border-radius: 24px;
  padding: 48px 32px;
  text-align: center;
}
main#home .home__steps .home__steps_cards .home__steps_card .home__steps_card_media {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 48px;
  min-height: 100px;
}
main#home .home__steps .home__steps_cards .home__steps_card .home__steps_card_number {
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-radius: 100px;
  color: var(--color-grey-900);
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  padding: 5px 24px;
}
main#home .home__steps .home__steps_cards .home__steps_card .home__steps_card_number span {
  background-color: var(--color-brand-500);
  border-radius: 50%;
  display: block;
  height: 6px;
  margin-right: 12px;
  width: 6px;
}
main#home .home__steps .home__steps_cards .home__steps_card .home__steps_card_title {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 500;
  line-height: 40px;
  margin: 16px 0px;
}
main#home .home__steps .home__steps_cards .home__steps_card p {
  color: var(--color-grey-900);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 0px;
}
main#home .home__solutions {
  margin-bottom: 240px;
}
main#home .home__solutions .home_solutions_wrapper {
  column-gap: 128px;
  display: grid;
  grid-template-columns: 1fr 448px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#home .home__solutions .home_solutions_wrapper {
    grid-template-columns: 1fr;
  }
}
main#home .home__solutions .home_solutions_wrapper.home_solutions_wrapper_ia {
  grid-template-columns: 448px 1fr;
  margin-top: 240px;
}
@media (max-width: 1023px) {
  main#home .home__solutions .home_solutions_wrapper.home_solutions_wrapper_ia {
    grid-template-columns: 1fr;
    margin-top: 140px;
  }
  main#home .home__solutions .home_solutions_wrapper.home_solutions_wrapper_ia .home_solutions_content {
    order: 1;
  }
  main#home .home__solutions .home_solutions_wrapper.home_solutions_wrapper_ia .home__solutions_media {
    order: 2;
  }
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content h2 {
  text-align: left;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content p {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: left;
  margin-bottom: 40px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content a {
  align-items: center;
  display: inline-flex;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content a i {
  font-size: 16px;
  margin-left: 8px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul {
  margin-bottom: 48px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul li {
  color: var(--color-grey-900);
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
  position: relative;
  padding-left: 40px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul li strong {
  font-weight: 500;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul li span {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 10px;
  display: flex;
  height: 24px;
  justify-content: center;
  margin-right: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 24px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul li span i {
  color: #fff;
  font-size: 16px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content ul li:last-child {
  margin-bottom: 0px;
}
main#home .home__solutions .home_solutions_wrapper .home_solutions_content p.home__artificial_intelligence_chatbot {
  color: var(--color-grey-900);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
}
main#home .home__solutions .home_solutions_wrapper .home__solutions_media {
  border-radius: 32px;
  height: 536px;
  overflow: hidden;
  width: 100%;
}
main#home .home__solutions .home_solutions_wrapper .home__solutions_media img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
main#home .home__consultation {
  margin-bottom: 240px;
}
main#home .home__consultation .container {
  max-width: 940px;
}
main#home .home__consultation p {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
  margin-bottom: 48px;
}
main#home .home__consultation .home__consultation_content {
  column-gap: 32px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  main#home .home__consultation .home__consultation_content {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#home .home__consultation .home__consultation_content .home__consultation_media {
  border-radius: 32px;
  width: 100%;
  height: 515px;
  overflow: hidden;
}
main#home .home__consultation .home__consultation_content .home__consultation_media img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}
main#home .home__consultation .home__consultation_content .home__consultation_price {
  background-color: var(--color-brand-50);
  border-radius: 32px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 64px 86px 64px;
}
main#home .home__consultation .home__consultation_content .home__consultation_price .home__consultation_price_total {
  color: var(--color-grey-900);
  font-size: 96px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
  text-align: center;
}
main#home .home__consultation .home__consultation_content .home__consultation_price .home__consultation_price_total span {
  color: var(--color-grey-200);
  font-size: 48px;
  font-weight: 300;
  line-height: 48px;
  letter-spacing: 0.02em;
}
main#home .home__consultation .home__consultation_content .home__consultation_price .home__consultation_price_time {
  color: var(--color-grey-500);
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 80px;
}
main#home .home__consultation .home__consultation_content .home__consultation_price .home__consultation_price_mutual {
  align-items: center;
  align-self: center;
  background-color: #fff;
  border-radius: 100px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1019607843), 0px 16px 16px 0px rgba(0, 0, 0, 0.0901960784), 0px 35px 21px 0px rgba(0, 0, 0, 0.0509803922), 0px 63px 25px 0px rgba(0, 0, 0, 0.0117647059), 0px 98px 28px 0px rgba(0, 0, 0, 0);
  color: var(--color-grey-900);
  display: inline-flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding: 10px 16px;
}
main#home .home__consultation .home__consultation_content .home__consultation_price .home__consultation_price_mutual i {
  color: var(--color-brand-500);
  font-size: 16px;
  margin-right: 8px;
}
main#home .home__consultation .home__consultation_note {
  color: var(--color-grey-500);
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  letter-spacing: 0.02em;
}
main#home .home__benchmark {
  margin-bottom: 240px;
}
main#home .home__benchmark p {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: auto;
  max-width: 700px;
  text-align: center;
}
main#home .home__benchmark .home__benchmark_wrapper {
  column-gap: 32px;
  display: grid;
  grid-template-columns: 2fr 3fr;
  margin-top: 56px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#home .home__benchmark .home__benchmark_wrapper {
    grid-template-columns: 1fr;
  }
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_competitors {
  border-radius: 24px;
  background-color: var(--color-grey-50);
  padding: 56px 40px 64px 40px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_competitors h3 {
  color: var(--color-grey-900);
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  margin-bottom: 24px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_competitors ul li {
  align-items: flex-start;
  color: var(--color-grey-900);
  display: flex;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_competitors ul li i {
  color: var(--color-grey-500);
  font-size: 16px;
  margin-right: 16px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_competitors ul li:last-child {
  margin-bottom: 0px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty {
  border-radius: 24px;
  background-color: var(--color-brand-500);
  padding: 56px 40px 64px 40px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty ul {
  margin-top: 32px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty ul li {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  position: relative;
  padding-left: 40px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty ul li span {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  height: 24px;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 24px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty ul li span i {
  color: var(--color-brand-500);
  font-size: 16px;
}
main#home .home__benchmark .home__benchmark_wrapper .home__benchmark_wellty ul li:last-child {
  margin-bottom: 0px;
}
main#home .home__products {
  margin-bottom: 140px;
}
main#home .home__products p.home__products_description {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  text-align: center;
}
main#home .home__products .home__products_billing_period {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 48px 0px 56px 0px;
}
main#home .home__products .home__products_billing_period .form-check {
  margin: 0px;
}
main#home .home__products .home__products_billing_period .form-check .form-check-input {
  background-color: #fff;
  border: 1px solid var(--color-brand-500);
  height: 24px;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23573FC0' /%3e%3c/svg%3e");
  width: 48px;
  margin-top: 0px;
}
main#home .home__products .home__products_billing_period .form-check .form-check-input:checked {
  background-color: var(--color-brand-500);
  border-color: var(--color-brand-500);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2.5' fill='%23ffffff'/%3e%3c/svg%3e");
}
main#home .home__products .home__products_billing_period .form-check .form-check-input:focus {
  box-shadow: none;
}
main#home .home__products .home__products_billing_period span.home__products_billing_label {
  color: var(--color-grey-500);
  cursor: pointer;
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px 24px;
  text-align: center;
}
main#home .home__products .home__products_billing_period span.home__products_billing_label.home__products_billing_label--active {
  color: var(--color-grey-900);
}
main#home .home__products .home__products_list {
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  main#home .home__products .home__products_list {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#home .home__products .home__products_list .home__products_card {
  border: 1px solid var(--color-grey-100);
  border-radius: 24px;
  padding: 40px 32px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_header {
  border-bottom: 1px solid var(--color-grey-100);
  margin-bottom: 32px;
  padding-bottom: 32px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_header .home__products_card_media {
  margin-bottom: 32px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_header .home__products_card_media i {
  color: var(--color-brand-500);
  font-size: 32px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_header h3 {
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  margin-bottom: 24px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_header h4 {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_price .home__products_card_price_value_quarterly {
  display: none;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_price .home__products_card_price_value_quarterly.home__products_card_price_value_monthly--active, main#home .home__products .home__products_list .home__products_card .home__products_card_price .home__products_card_price_value_quarterly.home__products_card_price_value_quarterly--active {
  display: block;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_price strong {
  color: var(--color-grey-900);
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_price span {
  color: var(--color-grey-500);
  font-size: 14px;
  text-decoration: line-through;
}
main#home .home__products .home__products_list .home__products_card .home__products_card_price p {
  color: var(--color-grey-500);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  margin-bottom: 0px;
}
main#home .home__products .home__products_list .home__products_card a {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 32px 0px;
}
main#home .home__products .home__products_list .home__products_card a i {
  font-size: 16px;
  margin-left: 8px;
}
main#home .home__products .home__products_list .home__products_card ul li {
  color: var(--color-grey-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 28px;
  position: relative;
}
main#home .home__products .home__products_list .home__products_card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
main#home .home__products .home__products_list .home__products_card ul li span i {
  color: var(--color-brand-500);
  font-size: 16px;
}
main#home .home__products .home__products_list .home__products_card ul li strong {
  font-weight: 600;
}
main#home .home__products .home__products_list .home__products_card ul li:last-child {
  margin-bottom: 0px;
}
main#home .home__reviews {
  margin-bottom: 240px;
}
main#home .home__reviews h2 {
  text-align: left;
  margin-bottom: 56px;
}
main#home .home__reviews .home__reviews_cards {
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#home .home__reviews .home__reviews_cards {
    grid-template-columns: 1fr;
  }
}
main#home .home__reviews .home__reviews_cards .home__reviews_card {
  background-color: var(--color-grey-50);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 32px;
}
main#home .home__reviews .home__reviews_cards .home__reviews_card .home__reviews_card_stars {
  margin-bottom: 20px;
}
main#home .home__reviews .home__reviews_cards .home__reviews_card .home__reviews_card_stars i {
  color: var(--color-grey-900);
  font-size: 16px;
}
main#home .home__reviews .home__reviews_cards .home__reviews_card .home__reviews_card_title {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}
main#home .home__reviews .home__reviews_cards .home__reviews_card .home__reviews_card_text {
  color: var(--color-grey-900);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
main#home .home__reviews .home__reviews_cards .home__reviews_card .home__reviews_card_author {
  color: var(--color-grey-500);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
main#home .home__posts {
  margin-bottom: 180px;
}
main#home .home__posts h2 {
  margin-bottom: 16px;
}
main#home .home__posts p.home__posts_description {
  color: var(--color-grey-700);
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
  margin: auto;
  max-width: 700px;
  text-align: center;
}
main#home .home__posts .home__posts__list {
  display: grid;
  margin-top: 56px;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 32px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#home .home__posts .home__posts__list {
    grid-template-columns: 1fr;
  }
}

section.pro__channels header {
  margin-bottom: 48px;
}
section.pro__channels header h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}
section.pro__channels .pro__channels_content {
  display: flex;
  flex-direction: column;
}
section.pro__channels .pro__channels_content table thead tr th {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding-bottom: 24px;
}
section.pro__channels .pro__channels_content table tbody tr {
  cursor: pointer;
}
section.pro__channels .pro__channels_content table tbody tr td {
  border-top: 1px solid var(--color-grey-50);
  color: var(--color-grey-900);
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  padding: 16px 0px;
}
section.pro__channels .pro__channels_content table tbody tr td.name {
  padding-left: 40px;
  position: relative;
}
section.pro__channels .pro__channels_content table tbody tr td.name .media {
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: var(--color-brand-500);
  display: flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  background-color: var(--color-brand-50);
  position: absolute;
  height: 28px;
  width: 28px;
  top: 18px;
  left: 0px;
}
section.pro__channels .pro__channels_content table tbody tr td.gender span, section.pro__channels .pro__channels_content table tbody tr td.product span, section.pro__channels .pro__channels_content table tbody tr td.delay span {
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-radius: 8px;
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  padding: 4px 12px;
}
section.pro__channels .pro__channels_content table tbody tr td.gender i, section.pro__channels .pro__channels_content table tbody tr td.product i, section.pro__channels .pro__channels_content table tbody tr td.delay i {
  color: var(--color-brand-500);
  font-size: 16px;
  margin-right: 6px;
}
section.pro__channels .pro__channels_content table tbody tr td.date {
  color: var(--color-grey-500);
}
section.pro__channels .pro__channels_content table tbody tr td.delay i {
  color: var(--color-danger-500);
}

main#subscription {
  margin: 100px 0px 140px 0px;
}
main#subscription h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 40px;
}
main#subscription .subscription__periods {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}
main#subscription .subscription__periods .subscription__period {
  align-items: center;
  display: flex;
  justify-content: center;
}
main#subscription .subscription__periods .subscription__period label {
  color: var(--color-grey-900);
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0px;
  padding-left: 12px;
}
main#subscription .subscription__periods .subscription__period input {
  border-color: var(--color-grey-200);
  margin-top: 0px;
}
main#subscription .subscription__periods .subscription__period input:checked {
  background-color: var(--color-brand-500);
  border-color: var(--color-brand-500);
}
main#subscription .subscription__periods .subscription__period input:focus {
  box-shadow: none;
}
main#subscription .subscription__periods .subscription__period:first-child {
  margin-right: 40px;
}
main#subscription .subscription__products {
  align-items: flex-start;
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  main#subscription .subscription__products {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#subscription .subscription__products .subscription__card {
  border: 1px solid var(--color-grey-100);
  border-radius: 24px;
  padding: 38px 32px 40px 32px;
}
main#subscription .subscription__products .subscription__card .subscription__card_header {
  margin-bottom: 32px;
}
main#subscription .subscription__products .subscription__card .subscription__card_header h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  margin-bottom: 4px;
}
main#subscription .subscription__products .subscription__card .subscription__card_price .subscription__card_quarterly_price {
  display: none;
}
main#subscription .subscription__products .subscription__card .subscription__card_price .subscription__card_quarterly_price.subscription__card_monthly_price--active, main#subscription .subscription__products .subscription__card .subscription__card_price .subscription__card_quarterly_price.subscription__card_quarterly_price--active {
  display: block;
}
main#subscription .subscription__products .subscription__card .subscription__card_price strong {
  color: var(--color-grey-900);
  font-size: 32px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
main#subscription .subscription__products .subscription__card .subscription__card_price span {
  color: var(--color-grey-500);
  font-size: 16px;
}
main#subscription .subscription__products .subscription__card a {
  align-items: center;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  margin: 0px 0px 32px 0px;
}
main#subscription .subscription__products .subscription__card a i {
  font-size: 16px;
  margin-left: 8px;
}
main#subscription .subscription__products .subscription__card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
main#subscription .subscription__products .subscription__card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
main#subscription .subscription__products .subscription__card ul li span i {
  color: var(--color-brand-500);
  font-size: 20px;
}
main#subscription .subscription__products .subscription__card ul li strong {
  font-weight: 600;
}
main#subscription .subscription__products .subscription__card ul li:last-child {
  margin-bottom: 0px;
}
main#subscription .subscription__products .subscription__card ul:last-of-type {
  border-top: 1px solid var(--color-grey-50);
  margin-top: 24px;
  padding-top: 24px;
}

main#subscription__cancel,
main#subscription__success {
  margin: 0px;
  margin-top: -60px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  main#subscription__cancel,
  main#subscription__success {
    margin: 64px 0px;
  }
}
main#subscription__cancel .subscription__cancel_card,
main#subscription__cancel .subscription__success_card,
main#subscription__success .subscription__cancel_card,
main#subscription__success .subscription__success_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  main#subscription__cancel .subscription__cancel_card,
  main#subscription__cancel .subscription__success_card,
  main#subscription__success .subscription__cancel_card,
  main#subscription__success .subscription__success_card {
    width: 100%;
  }
}
main#subscription__cancel .subscription__cancel_card .subscription__card_media,
main#subscription__cancel .subscription__success_card .subscription__card_media,
main#subscription__success .subscription__cancel_card .subscription__card_media,
main#subscription__success .subscription__success_card .subscription__card_media {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_media i,
main#subscription__cancel .subscription__success_card .subscription__card_media i,
main#subscription__success .subscription__cancel_card .subscription__card_media i,
main#subscription__success .subscription__success_card .subscription__card_media i {
  color: var(--color-brand-500);
  font-size: 40px;
}
main#subscription__cancel .subscription__cancel_card h1,
main#subscription__cancel .subscription__success_card h1,
main#subscription__success .subscription__cancel_card h1,
main#subscription__success .subscription__success_card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
main#subscription__cancel .subscription__cancel_card p,
main#subscription__cancel .subscription__success_card p,
main#subscription__success .subscription__cancel_card p,
main#subscription__success .subscription__success_card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
main#subscription__cancel .subscription__cancel_card ul,
main#subscription__cancel .subscription__success_card ul,
main#subscription__success .subscription__cancel_card ul,
main#subscription__success .subscription__success_card ul {
  margin: 32px 0px 48px 0px;
}
main#subscription__cancel .subscription__cancel_card ul li,
main#subscription__cancel .subscription__success_card ul li,
main#subscription__success .subscription__cancel_card ul li,
main#subscription__success .subscription__success_card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
main#subscription__cancel .subscription__cancel_card ul li span,
main#subscription__cancel .subscription__success_card ul li span,
main#subscription__success .subscription__cancel_card ul li span,
main#subscription__success .subscription__success_card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
main#subscription__cancel .subscription__cancel_card ul li span i,
main#subscription__cancel .subscription__success_card ul li span i,
main#subscription__success .subscription__cancel_card ul li span i,
main#subscription__success .subscription__success_card ul li span i {
  color: var(--color-brand-500);
  font-size: 20px;
}
main#subscription__cancel .subscription__cancel_card ul li strong,
main#subscription__cancel .subscription__success_card ul li strong,
main#subscription__success .subscription__cancel_card ul li strong,
main#subscription__success .subscription__success_card ul li strong {
  font-weight: 600;
}
main#subscription__cancel .subscription__cancel_card ul li:last-child,
main#subscription__cancel .subscription__success_card ul li:last-child,
main#subscription__success .subscription__cancel_card ul li:last-child,
main#subscription__success .subscription__success_card ul li:last-child {
  margin-bottom: 0px;
}
main#subscription__cancel .subscription__cancel_card .subscription__success_card_user,
main#subscription__cancel .subscription__success_card .subscription__success_card_user,
main#subscription__success .subscription__cancel_card .subscription__success_card_user,
main#subscription__success .subscription__success_card .subscription__success_card_user {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
main#subscription__cancel .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_media,
main#subscription__cancel .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media,
main#subscription__success .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_media,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media {
  background-color: var(--color-brand-500);
  color: #fff;
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  width: 48px;
  overflow: hidden;
  margin-right: 20px;
}
main#subscription__cancel .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_media img,
main#subscription__cancel .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media img,
main#subscription__success .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_media img,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media img {
  height: 100%;
  width: 100%;
}
main#subscription__cancel .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#subscription__cancel .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#subscription__success .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 6px;
  text-align: left;
}
main#subscription__cancel .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#subscription__cancel .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#subscription__success .subscription__cancel_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 2%;
  margin: 0px;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_cta,
main#subscription__cancel .subscription__success_card .subscription__card_cta,
main#subscription__success .subscription__cancel_card .subscription__card_cta,
main#subscription__success .subscription__success_card .subscription__card_cta {
  display: flex;
  justify-content: center;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_cta a,
main#subscription__cancel .subscription__success_card .subscription__card_cta a,
main#subscription__success .subscription__cancel_card .subscription__card_cta a,
main#subscription__success .subscription__success_card .subscription__card_cta a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_cta a i,
main#subscription__cancel .subscription__success_card .subscription__card_cta a i,
main#subscription__success .subscription__cancel_card .subscription__card_cta a i,
main#subscription__success .subscription__success_card .subscription__card_cta a i {
  font-size: 20px;
  margin-right: 12px;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_media i,
main#subscription__success .subscription__cancel_card .subscription__card_media i {
  color: var(--color-danger-500);
}
main#subscription__cancel .subscription__cancel_card .subscription__card_support,
main#subscription__success .subscription__cancel_card .subscription__card_support {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_support p,
main#subscription__success .subscription__cancel_card .subscription__card_support p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}
main#subscription__cancel .subscription__cancel_card .subscription__card_support p a,
main#subscription__success .subscription__cancel_card .subscription__card_support p a {
  color: var(--color-brand-500);
  text-decoration: underline;
}
main#subscription__cancel .subscription__success_card,
main#subscription__success .subscription__success_card {
  opacity: 0;
  transition: all 0.5s ease-in;
}

#subscription__success_loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
#subscription__success_loader h3 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin: 40px 0px 16px 0px;
  text-align: center;
}
#subscription__success_loader p {
  color: var(--color-grey-900);
  display: block;
  font-family: Figtree;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  max-width: 544px;
  text-align: center;
}
#subscription__success_loader p strong {
  font-weight: 500;
}
#subscription__success_loader .loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  position: relative;
  color: var(--color-brand-200);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
  0% {
    box-shadow: -19px -6px var(--color-brand-500), -7px 0 var(--color-brand-200), 7px 0 var(--color-brand-200), 19px 0 var(--color-brand-200);
  }
  33% {
    box-shadow: -19px 0 var(--color-brand-200), -7px -6px var(--color-brand-500), 7px 0 var(--color-brand-200), 19px 0 var(--color-brand-200);
  }
  66% {
    box-shadow: -19px 0 var(--color-brand-200), -7px 0 var(--color-brand-200), 7px -6px var(--color-brand-500), 19px 0 var(--color-brand-200);
  }
  100% {
    box-shadow: -19px 0 var(--color-brand-200), -7px 0 var(--color-brand-200), 7px 0 var(--color-brand-200), 19px -6px var(--color-brand-500);
  }
}
.invoicing_steps {
  border-radius: 8px;
  border: solid 1px var(--color-grey-200);
}

.invoicing_step {
  padding: 24px 32px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.invoicing_step + .invoicing_step {
  border-top: 1px solid var(--color-grey-200);
}
.invoicing_step .content {
  display: flex;
  flex-direction: row;
}
.invoicing_step .content .icon {
  width: 40px;
  height: 40px;
  border-radius: 20px;
  background-color: var(--color-grey-200);
  margin-right: 24px;
  text-align: center;
}
.invoicing_step .content .icon span {
  position: relative;
  top: 8px;
  font-size: 22px;
}
.invoicing_step .content .description .title {
  font-size: 15px;
  font-weight: bold;
}
.invoicing_step .content .description p {
  font-size: 15px;
  font-weight: normal;
  color: var(--color-grey-500);
  margin-bottom: 0px;
}
.invoicing_step .action .done {
  padding-top: 10px;
}
.invoicing_step .action .done span {
  font-size: 28px;
  color: #3ca175;
}

section#experts_search {
  display: flex;
  position: absolute;
  top: 0px;
  width: 100%;
  min-height: 100%;
  padding: 0px;
  flex-direction: column;
  padding-bottom: 32px;
}
section#experts_search .experts_search_header {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 48px 0px 12px 0px;
  margin-bottom: 64px;
}
section#experts_search .experts_search_header a.layout_query_header_close {
  background-color: var(--color-brand-50);
  border: none;
  color: var(--color-brand-500);
  font-weight: 600;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_header {
    margin-bottom: 32px;
  }
}
section#experts_search .experts_search_content .container {
  max-width: 928px;
}
section#experts_search .experts_search_content h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 48px;
}
section#experts_search .experts_search_content .experts_searchs_cards {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 32px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card {
  border-radius: 24px;
  box-shadow: 0px 1px 2px 0px rgba(186, 186, 186, 0.1490196078), 0px 4px 4px 0px rgba(186, 186, 186, 0.1294117647), 0px 8px 5px 0px rgba(186, 186, 186, 0.0705882353), 0px 15px 6px 0px rgba(186, 186, 186, 0.0196078431), 0px 23px 7px 0px rgba(186, 186, 186, 0);
  padding: 40px 32px 40px 40px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header {
  align-items: flex-start;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header {
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side {
  align-items: center;
  display: flex;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side {
    flex-direction: column;
  }
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_media {
  height: 104px;
  margin-right: 24px;
  width: 80px;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_media {
    margin-bottom: 24px;
  }
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_media img {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos {
  display: flex;
  flex-direction: column;
  flex: 1;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos .experts_search_card_fullname {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 6px;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos .experts_search_card_fullname {
    text-align: center;
  }
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos .experts_search_card_category {
  align-items: center;
  color: var(--color-grey-500);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  display: flex;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos .experts_search_card_category span {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 10px;
  display: flex;
  height: 16px;
  justify-content: center;
  width: 20px;
  margin-right: 8px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_left_side .experts_search_card_header_infos .experts_search_card_category span i {
  font-size: 8px;
  color: #fff;
}
@media (max-width: 1023px) {
  section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_cta {
    margin-top: 16px;
  }
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_header .experts_search_card_header_cta a {
  box-shadow: 0px 0px 1px 0px rgba(97, 97, 97, 0.1019607843), 0px 2px 2px 0px rgba(97, 97, 97, 0.0901960784), 0px 4px 2px 0px rgba(97, 97, 97, 0.0509803922), 0px 7px 3px 0px rgba(97, 97, 97, 0.0117647059), 0px 11px 3px 0px rgba(97, 97, 97, 0);
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_infos {
  margin: 16px 0px 24px 0px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_infos p {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_skills {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
section#experts_search .experts_search_content .experts_searchs_cards .experts_search_card .experts_search_card_skills .experts_search_card_skill {
  background-color: var(--color-brand-50);
  border-radius: 100px;
  color: var(--color-brand-500);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  padding: 4px 12px;
}

section#expert {
  display: flex;
  flex-direction: column;
  padding-bottom: 64px;
}
section#expert .expert__wrapper {
  display: grid;
  grid-template-columns: auto 432px;
  column-gap: 120px;
}
section#expert .expert__wrapper .expert__left_side .expert__identity {
  align-items: center;
  display: flex;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__media {
  margin-right: 24px;
  width: 88px;
  height: 120px;
  border-radius: 12px;
  overflow: hidden;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section#expert .expert__wrapper .expert__left_side .expert__identity h1 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__category {
  align-items: center;
  display: flex;
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
  text-align: left;
  background: linear-gradient(265.26deg, #965EF2 46.13%, #FF5EAC 95.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  margin-bottom: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__category i {
  background: linear-gradient(265.26deg, #965EF2 46.13%, #FF5EAC 95.65%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  font-size: 20px;
  margin-right: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__review {
  align-items: center;
  color: var(--Grey-900, #0C0C0E);
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
section#expert .expert__wrapper .expert__left_side .expert__identity .expert__review i {
  font-size: 16px;
  margin-right: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__skills {
  margin-top: 32px;
  margin-bottom: 24px;
}
section#expert .expert__wrapper .expert__left_side .expert__skills ul {
  display: flex;
  margin: 0px;
  flex-wrap: wrap;
  padding: 0px;
  list-style-type: none;
}
section#expert .expert__wrapper .expert__left_side .expert__skills ul li {
  align-items: center;
  display: flex;
  background-color: #fff;
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 8px;
  font-size: 12px;
  font-weight: 500;
  text-align: left;
  padding: 5px 8px;
  margin-right: 6px;
  margin-bottom: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__location {
  color: var(--Grey-900, #0C0C0E);
  align-items: center;
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 28px;
  text-align: left;
}
section#expert .expert__wrapper .expert__left_side .expert__location i {
  font-size: 20px;
  margin-right: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__about {
  margin-top: 32px;
}
section#expert .expert__wrapper .expert__left_side .expert__about p {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--Grey-500, #6E757C);
  margin: 0px;
}
section#expert .expert__wrapper .expert__left_side .expert__social_networks {
  align-items: center;
  display: flex;
  margin-top: 64px;
  padding-bottom: 32px;
}
section#expert .expert__wrapper .expert__left_side .expert__social_networks div.expert__social_network {
  text-transform: capitalize;
  align-items: center;
  color: var(--Grey-500, #6E757C);
  display: flex;
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-right: 24px;
}
section#expert .expert__wrapper .expert__left_side .expert__social_networks div.expert__social_network i {
  color: var(--Grey-500, #6E757C);
  font-size: 12px;
  margin-left: 6px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items {
  border-top: 1px solid var(--Grey-100, #EAECEF);
  display: flex;
  flex-direction: column;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items h2 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  margin-top: 24px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item {
  align-items: flex-start;
  display: flex;
  margin-bottom: 32px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_media {
  margin-right: 24px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_media img {
  border-radius: 50%;
  object-fit: cover;
  height: 48px;
  width: 48px;
  overflow: hidden;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content {
  display: flex;
  flex-direction: column;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content .expert_review_item_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 4px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content .expert_review_item_date {
  color: var(--Grey-500, #6E757C);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-bottom: 4px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content .expert_review_item_note {
  align-items: center;
  color: var(--Grey-900, #0C0C0E);
  display: flex;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: left;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content .expert_review_item_note i {
  font-size: 12px;
  margin-right: 8px;
}
section#expert .expert__wrapper .expert__left_side .expert__review_items .expert__review_item .expert_review_item_content .expert_review_item_description {
  color: var(--Grey-900, #0C0C0E);
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  text-align: left;
}
section#expert .expert__wrapper .expert__right_side {
  align-items: stretch;
  display: flex;
  flex-direction: column;
}

.bookings {
  margin-bottom: 320px;
}
.bookings .empty {
  border: 1px solid var(--color-grey-200);
  border-radius: 10px;
  padding-top: 80px;
  padding-bottom: 80px;
  text-align: center;
}
.bookings .empty .icon {
  margin-bottom: 24px;
}
.bookings .empty .icon img {
  width: 130px;
}
.bookings .empty .title {
  color: var(--Grey-900, #0c0c0e);
  font-size: 18px;
  font-weight: bold;
}
.bookings .empty p {
  color: var(--Grey-500, #6e757c);
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0px;
}

.bookings__title {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 16px;
}

.bookings__tabs {
  margin-bottom: 40px;
}
.bookings__tabs ul li {
  font-size: 15px;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
  border-radius: 16px;
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
  margin-right: 8px;
  cursor: pointer;
}
.bookings__tabs ul li.active {
  background-color: #f2f2f3;
}

.bookings__items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -12px;
  margin-right: -12px;
}

.bookings__item {
  flex: 0 0 33.333333%;
  padding: 12px;
}

.bookings__item_card {
  min-height: 310px;
  padding: 24px 24px 24px 24px;
  border-radius: 12px;
  box-shadow: 0 4px 8px 0 rgba(14, 31, 53, 0.08), 0 1px 4px 0 rgba(14, 31, 53, 0.12);
  background-color: #fff;
  cursor: pointer;
}

.bookings__item_status {
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 14px;
  height: 28px;
  background-color: #f2f2f3;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  line-height: 28px;
}
.bookings__item_status.open {
  background-color: #ff4565;
  color: white;
}

.bookings__item_date {
  margin-top: 18px;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

.bookings__item_slot {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
}
.bookings__item_slot span {
  color: var(--color-grey-500);
}

.bookings__item_separator {
  margin-top: 16px;
  margin-bottom: 24px;
  width: 56px;
  height: 1px;
  background-color: #dddddd;
}

.bookings__item_expert {
  position: relative;
  height: 66px;
  padding-left: 71px;
  padding-top: 12px;
}
.bookings__item_expert .media {
  position: absolute;
  top: 0px;
  left: 0px;
  border-radius: 8px;
  width: 54px;
  height: 66px;
  background-color: #f2f2f3;
  overflow: hidden;
}
.bookings__item_expert .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bookings__item_expert .name {
  font-size: 14px;
  font-weight: normal;
}
.bookings__item_expert .job {
  font-size: 16px;
  font-weight: bold;
}

.bookings__item_action {
  margin-top: 24px;
}

.bookings__overlay {
  position: fixed;
  z-index: 100;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.25;
}

.booking.active {
  right: 0px;
}

.booking_date {
  margin-top: 18px;
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 2px;
  line-height: 24px;
}

.booking_slot {
  margin-top: 8px;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.booking_slot span {
  font-size: 16px;
  font-weight: normal;
  color: rgba(0, 0, 0, 0.65);
}

.booking_expert {
  align-items: center;
  display: flex;
  margin-top: 24px;
  position: relative;
  padding-top: 8px;
  margin-bottom: 40px;
  padding-bottom: 32px;
  border-bottom: 1px solid #dddddd;
}
.booking_expert .media {
  margin-right: 12px;
  border-radius: 8px;
  width: 56px;
  height: 64px;
  background-color: #f2f2f3;
  overflow: hidden;
}
.booking_expert .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.booking_expert .name {
  font-size: 14px;
  font-weight: normal;
}
.booking_expert .job {
  font-size: 16px;
  font-weight: bold;
}

.booking_separator {
  margin-top: 32px;
  margin-bottom: 32px;
  height: 1px;
  background-color: #dddddd;
}

.booking_link .booking_link__title {
  font-size: 15px;
  font-weight: 600;
}
.booking_link .booking_link__input {
  background-color: #f2f3f6;
  height: 40px;
  border-radius: 8px;
  line-height: 40px;
  padding-left: 16px;
  margin-bottom: 16px;
  font-size: 15px;
  color: var(--color-grey-700);
}
.booking_link .booking_link__input span {
  color: var(--color-grey-500);
}

.booking_actions {
  display: flex;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 32px;
  margin-bottom: 40px;
}
.booking_actions button {
  margin-right: 12px;
  font-size: 14px;
  font-weight: 600;
}
.booking_actions button span {
  margin-left: 8px;
}

.booking_interactions {
  margin-bottom: 32px;
}
.booking_interactions .title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 12px;
}
.booking_interactions .booking_interactions_items {
  display: flex;
  flex-direction: row;
  gap: 16px;
}
.booking_interactions .booking_interactions_items .booking_interactions_item {
  flex: 1;
  border-radius: 8px;
  border: solid 1px var(--color-grey-100);
  padding: 16px 24px;
  padding-left: 64px;
  position: relative;
  cursor: pointer;
}
.booking_interactions .booking_interactions_items .booking_interactions_item.active {
  border: solid 2px var(--color-grey-900);
}
.booking_interactions .booking_interactions_items .booking_interactions_item span {
  position: absolute;
  top: 16px;
  left: 24px;
  font-size: 24px;
  font-weight: 500;
}
.booking_interactions .booking_interactions_items .booking_interactions_item .booking_interactions_item_title {
  font-size: 15px;
  font-weight: bold;
}
.booking_interactions .booking_interactions_items .booking_interactions_item .booking_interactions_item_description {
  font-size: 14px;
  font-weight: normal;
}
.booking_interactions .booking_interactions_note {
  margin-top: 24px;
}
.booking_interactions .booking_interactions_note textarea {
  resize: none;
}
.booking_interactions .booking_interactions_file {
  margin-top: 24px;
}
.booking_interactions .booking_interactions_file button span {
  margin-right: 6px;
  margin-left: 8px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_empty {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  color: var(--Grey-500, #6E757C);
  margin-bottom: 24px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items {
  display: grid;
  margin-bottom: 24px;
  row-gap: 12px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items .booking_interactions_file_item {
  padding: 12px 16px;
  background-color: var(--color-grey-50);
  border-radius: 8px;
  position: relative;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items .booking_interactions_file_item .booking_interactions_file_item__name {
  align-items: center;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items .booking_interactions_file_item .booking_interactions_file_item__name i {
  font-size: 24px;
  margin-right: 8px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items .booking_interactions_file_item .booking_interactions_file_item__trash {
  align-items: center;
  display: flex;
  cursor: pointer;
  position: absolute;
  top: 12px;
  right: 12px;
}
.booking_interactions .booking_interactions_file .booking_interactions_file_items .booking_interactions_file_item .booking_interactions_file_item__trash i {
  color: var(--Grey-400, #AEB5BC);
  font-size: 24px;
}
.booking_interactions .booking_interactions_file form {
  border: 1px dashed var(--Grey-400, #AEB5BC);
  border-radius: 10px;
}
.booking_interactions .booking_interactions_file form label {
  align-items: center;
  color: var(--Grey-900, #0C0C0E);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding: 40px 24px;
}
.booking_interactions .booking_interactions_file form label i {
  color: #000000;
  font-size: 24px;
  margin-bottom: 12px;
  transform: rotate(180deg);
}
.booking_interactions .booking_interactions_file form input {
  display: none;
}
.booking_interactions .booking_interactions_file.dragging form {
  border-color: var(--Grey-500, #6E757C);
}
.booking_interactions p {
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 24px;
}
.booking_interactions textarea {
  padding: 24px;
  width: 100%;
  border-radius: 8px;
  border: solid 1px #dbdbdb;
  margin-bottom: 16px;
}
.booking_interactions .submit {
  text-align: right;
}

section.booking .booking_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
section.booking .booking_header .booking_header_left_side a {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
}
section.booking .booking_header .booking_header_left_side a i {
  color: var(--Grey-900, #0C0C0E);
  font-size: 24px;
  margin-right: 12px;
}
section.booking .booking_header .booking_header_right_side a.booking_header_btn_cancel {
  align-items: center;
  display: flex;
  justify-content: center;
}
section.booking .booking_header .booking_header_right_side a.booking_header_btn_cancel i {
  font-size: 14px;
  margin-right: 4px;
}
section.booking .booking_files {
  border-top: 1px solid var(--Grey-100, #EAECEF);
  margin-top: 40px;
  padding-top: 32px;
}
section.booking .booking_files h3 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.02em;
}
section.booking .booking_files .booking_files_items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 16px;
}
section.booking .booking_files .booking_files_items .booking_files_item {
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 8px;
  display: flex;
  padding: 8px 12px;
  width: 100%;
  position: relative;
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_icon {
  margin-right: 8px;
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_icon i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_name {
  max-width: 148px;
  flex-shrink: 1;
  color: var(--Grey-900, #0C0C0E);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_size {
  color: var(--Grey-500, #6E757C);
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: 0.02em;
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_download {
  align-items: center;
  display: flex;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}
section.booking .booking_files .booking_files_items .booking_files_item .booking_files_item_download i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
}
section.booking .booking_notes {
  border-top: 1px solid var(--Grey-100, #EAECEF);
  margin-top: 40px;
  padding-top: 32px;
}
section.booking .booking_notes h3 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.02em;
}

#cancel_booking_modal .modal-body form .reason {
  margin-bottom: 24px;
}
#cancel_booking_modal .modal-body form .message {
  margin-bottom: 16px;
}
#cancel_booking_modal .modal-body form .message textarea {
  height: 72px;
  padding: 12px;
  resize: none;
  line-height: 20px;
  min-height: unset !important;
}
#cancel_booking_modal .modal-body .alert {
  background: var(--Grey-50, #F2F3F6);
  border-radius: 8px;
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  padding: 12px 16px;
  text-align: left;
}
#cancel_booking_modal .modal-body .actions {
  text-align: right;
}
#cancel_booking_modal .modal-body .actions button {
  margin-left: 12px;
}

/* Checkout Default */
.checkout .btn {
  margin-top: 12px;
  border-radius: 16px;
  box-shadow: -6px 31px 32px 0px rgba(20, 20, 20, 0.07), -1px 8px 17px 0px rgba(20, 20, 20, 0.08);
}

.checkout_resume_title {
  color: var(--color-black-900, #131319);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 142.857% */
  letter-spacing: 0.56px;
  margin-bottom: 50px;
}

.checkout_resume_items {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.checkout_resume_item {
  display: flex;
  gap: 24px;
}

.checkout_resume_item_icon {
  display: flex;
  width: 48px;
  height: 48px;
  background-color: var(--color-brand-50);
  border-radius: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout_resume_item_icon i {
  color: var(--color-brand-500);
  font-size: 20px;
}

.checkout_resume_item_content {
  font-size: 24px;
}
.checkout_resume_item_content p {
  color: var(--color-black-900, #0C0C0E);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.checkout_resume_item_content p span {
  color: var(--color-grey-200, #BABDC8);
  font-size: 16px;
}

.checkout_resume_item_content_title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  margin-bottom: 6px;
}

.checkout_resume_comment_title {
  color: var(--color-black-900, #131319);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  margin-bottom: 16px;
}

.checkout_resume_comment_content textarea {
  color: var(--Grey-500, #72748B);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
  min-height: 176px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--Grey-100, #D5D7DF);
}

.checkout_resume_infos {
  margin-top: 48px;
}
.checkout_resume_infos .title {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.36px;
}
.checkout_resume_infos .content {
  margin-top: 24px;
  font-size: 15px;
}
.checkout_resume_infos .content ul li {
  position: relative;
  list-style: none;
  display: inline-block;
  padding-left: 24px;
  margin-top: 18px;
}
.checkout_resume_infos .content ul li::before {
  content: "•";
  position: absolute;
  left: 6px;
  top: -1px;
  font-size: 16px;
  line-height: 1.5;
}

.checkout_summary {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.checkout_summary_expert {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.checkout_summary_expert_media {
  width: 48px;
  height: 48px;
  background-color: var(--color-grey-200);
  border-radius: 24px;
}
.checkout_summary_expert_media img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}

.checkout_summary_expert_content {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}

.checkout_summary_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.checkout_summary_line_label {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
}

.checkout_summary_line_value {
  color: var(--Grey-900, #131319);
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
}

.checkout_summary_separator {
  width: 100%;
  height: 1px;
  background: var(--Grey-50, #F2F3F6);
  margin-top: 24px;
  margin-bottom: 24px;
}

.checkout_summary_discount_title {
  color: var(--color-brand-500);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.checkout_summary_discount_title i {
  font-size: 18px;
}

.checkout_summary_discount_content {
  margin-top: 8px;
  border: 1px solid var(--color-brand-50);
  border-radius: 12px;
  display: none;
}
.checkout_summary_discount_content.active {
  display: block;
}
.checkout_summary_discount_content form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.checkout_summary_discount_content input {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
}
.checkout_summary_discount_content input:focus, .checkout_summary_discount_content input:hover, .checkout_summary_discount_content input:active {
  box-shadow: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
}
.checkout_summary_discount_content button {
  box-shadow: none;
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  padding-right: 12px;
}
.checkout_summary_discount_content button:focus, .checkout_summary_discount_content button:hover, .checkout_summary_discount_content button:active {
  box-shadow: none;
  border: none;
  outline: none;
  background: none;
}

.checkout_success {
  font-family: "General Sans", "DM Sans", sans-serif;
  display: flex;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0 12px;
}
.checkout_success .container {
  display: grid;
  grid-template-rows: auto 1fr;
}
.checkout_success .checkout_success_header {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 48px 0px 12px 0px;
}
.checkout_success .checkout_success_header img {
  height: 28px;
  width: 140px;
}
.checkout_success .checkout_success_container {
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
  width: 100%;
}
.checkout_success .checkout_success_container .checkout_success_card {
  max-width: 520px;
  border-radius: 20px;
  box-shadow: 0px 16px 36px 0px rgba(148, 148, 148, 0.1019607843), 0px 65px 65px 0px rgba(148, 148, 148, 0.0901960784), 0px 145px 87px 0px rgba(148, 148, 148, 0.0509803922), 0px 259px 103px 0px rgba(148, 148, 148, 0.0117647059), 0px 404px 113px 0px rgba(148, 148, 148, 0);
  padding: 40px 32px 32px 32px;
  width: 100%;
}
@media (max-width: 1023px) {
  .checkout_success .checkout_success_container .checkout_success_card {
    padding: 32px 24px 24px 24px;
  }
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_header {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_header h1 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin: 16px 0px 8px 0px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_header p {
  color: var(--Grey-500, #6E757C);
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin: 0px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_header i {
  color: var(--Grey-900, #0C0C0E);
  font-size: 40px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body {
  margin-top: 40px;
  margin-bottom: 32px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_expert {
  align-items: center;
  position: relative;
  background-color: #fff;
  display: flex;
  margin-bottom: 24px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_expert .checkout_success_card_expert_media {
  background-color: var(--color-black-100);
  width: 48px;
  height: 60px;
  border-radius: 8px;
  margin-right: 16px;
  overflow: hidden;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_expert .checkout_success_card_expert_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_expert .checkout_success_card_expert_content .checkout_success_card_expert_content_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_expert .checkout_success_card_expert_content .checkout_success_card_expert_content_job {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .meeting_item_date {
  position: relative;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .meeting_item_date .meeting_item_date_month {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;
  text-align: center;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  background-color: var(--Grey-200, #DEE2E5);
  line-height: 20px;
  color: var(--Grey-500, #6E757C);
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .meeting_item_date .meeting_item_date_day {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 100%;
  height: 28px;
  text-align: center;
  color: var(--Grey-500, #6E757C);
  font-size: 16px;
  font-weight: 500;
  line-height: 28px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment {
  align-items: center;
  display: flex;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_media,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_payment_media,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_product_media,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_card_payment_media {
  align-items: center;
  display: flex;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  background: var(--White, #FFF);
  justify-content: center;
  width: 48px;
  height: 48px;
  overflow: hidden;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_media i,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_payment_media i,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_product_media i,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_card_payment_media i {
  color: var(--Grey-500, #6E757C);
  font-size: 24px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations p,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations p,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations p,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations .checkout_success_card_date_slot,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations .meeting_product_price,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations .checkout_success_card_date_slot,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations .meeting_product_price,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations .checkout_success_card_date_slot,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations .meeting_product_price,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations .checkout_success_card_date_slot,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations .meeting_product_price {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.28px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations .checkout_success_card_date_slot span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_card_date_informations .meeting_product_price span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations .checkout_success_card_date_slot span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_date .checkout_success_product_informations .meeting_product_price span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations .checkout_success_card_date_slot span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_card_date_informations .meeting_product_price span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations .checkout_success_card_date_slot span,
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_product .checkout_success_product_informations .meeting_product_price span {
  position: relative;
  top: -4px;
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--Grey-300, #CFD4D8);
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment {
  margin-top: 24px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_card_payment_informations {
  display: flex;
  flex-direction: column;
  margin-left: 16px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_card_payment_informations .checkout_success_card_payment_price {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 18.9px;
  letter-spacing: 0.02em;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_body .checkout_success_card_payment .checkout_success_card_payment_informations .checkout_success_card_payment_price strong {
  font-weight: 500;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer {
  display: flex;
  flex-direction: column;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_actions {
  align-items: center;
  display: grid;
  margin-bottom: 32px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1023px) {
  .checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_actions {
    grid-template-columns: 1fr;
  }
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_actions a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_actions a i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 8px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_actions a:first-child i {
  color: #fff;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_email {
  align-items: center;
  background: var(--Grey-50, #F2F3F6);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding: 16px 24px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_email p {
  color: var(--Grey-700, #353A3E);
  font-size: 13px;
  font-weight: 400;
  line-height: 17.55px;
  letter-spacing: 0.02em;
  margin: 0px;
}
.checkout_success .checkout_success_container .checkout_success_card .checkout_success_card_footer .checkout_success_card_footer_email i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 12px;
}

/* Checkout Session */
.checkout .btn {
  margin-top: 12px;
  border-radius: 16px;
  box-shadow: -6px 31px 32px 0px rgba(20, 20, 20, 0.07), -1px 8px 17px 0px rgba(20, 20, 20, 0.08);
}

.checkout_session_resume_title {
  color: var(--color-black-900, #131319);
  font-size: 28px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 142.857% */
  letter-spacing: 0.56px;
  margin-bottom: 50px;
}

.checkout_session_resume_items {
  display: flex;
  flex-direction: column;
  margin-bottom: 24px;
}

.checkout_session_resume_item {
  display: flex;
  gap: 24px;
}

.checkout_session_resume_item_icon {
  display: flex;
  width: 48px;
  height: 48px;
  background-color: var(--color-brand-50);
  border-radius: 12px;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.checkout_session_resume_item_icon i {
  color: var(--color-brand-500);
  font-size: 20px;
}

.checkout_session_resume_item_content {
  font-size: 24px;
}
.checkout_session_resume_item_content p {
  color: var(--color-black-900, #0C0C0E);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0.3px;
}
.checkout_session_resume_item_content p span {
  color: var(--color-grey-200, #BABDC8);
  font-size: 16px;
}

.checkout_session_resume_item_content_title {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  margin-bottom: 6px;
}

.checkout_session_resume_comment_title {
  color: var(--color-black-900, #131319);
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 150% */
  letter-spacing: 0.32px;
  margin-bottom: 16px;
}

.checkout_session_resume_comment_content textarea {
  color: var(--Grey-500, #72748B);
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
  min-height: 176px;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--Grey-100, #D5D7DF);
}

.checkout_session_summary {
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.checkout_session_summary_expert {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 20px;
  margin-bottom: 32px;
}

.checkout_session_summary_expert_media {
  width: 48px;
  height: 48px;
  background-color: var(--color-grey-200);
  border-radius: 24px;
}
.checkout_session_summary_expert_media img {
  width: 100%;
  height: 100%;
  border-radius: 24px;
}

.checkout_session_summary_expert_content {
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px; /* 120% */
  letter-spacing: 0.4px;
}

.checkout_session_summary_line {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}

.checkout_session_summary_line_label {
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
}

.checkout_session_summary_line_value {
  color: var(--Grey-900, #131319);
  text-align: right;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 160% */
  letter-spacing: 0.3px;
}

.checkout_session_summary_separator {
  width: 100%;
  height: 1px;
  background: var(--Grey-50, #F2F3F6);
  margin-top: 24px;
  margin-bottom: 24px;
}

.checkout_session_summary_discount_title {
  color: var(--color-brand-500);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 500;
  cursor: pointer;
}
.checkout_session_summary_discount_title i {
  font-size: 18px;
}

.checkout_session_summary_discount_content {
  margin-top: 8px;
  border: 1px solid var(--color-brand-50);
  border-radius: 12px;
  display: none;
}
.checkout_session_summary_discount_content.active {
  display: block;
}
.checkout_session_summary_discount_content form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.checkout_session_summary_discount_content input {
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
}
.checkout_session_summary_discount_content input:focus, .checkout_session_summary_discount_content input:hover, .checkout_session_summary_discount_content input:active {
  box-shadow: none;
  border: none;
  outline: none;
  box-shadow: none;
  background: none;
}
.checkout_session_summary_discount_content button {
  box-shadow: none;
  border: none;
  outline: none;
  background: none;
  font-size: 14px;
  padding-right: 12px;
}
.checkout_session_summary_discount_content button:focus, .checkout_session_summary_discount_content button:hover, .checkout_session_summary_discount_content button:active {
  box-shadow: none;
  border: none;
  outline: none;
  background: none;
}

.checkout_session_success {
  display: flex;
  height: 100%;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
  padding: 0 12px;
}
.checkout_session_success .container {
  display: grid;
  grid-template-rows: auto 1fr;
}
.checkout_session_success .checkout_session_success_top {
  align-items: center;
  display: flex;
  justify-content: center;
  padding: 48px 0px 12px 0px;
}
.checkout_session_success .checkout_session_success_top img {
  height: 28px;
  width: 140px;
}
.checkout_session_success .checkout_session_success_container {
  align-items: center;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  width: 100%;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper {
  max-width: 544px;
  padding: 0px;
  width: 100%;
}
@media (max-width: 1023px) {
  .checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper {
    padding: 32px 24px 24px 24px;
  }
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_header {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 48px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_header h1 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 28px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.56px;
  margin: 0px 64px 16px 64px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_header p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin: 0px 64px 0px 64px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_header i {
  color: var(--Grey-900, #0C0C0E);
  font-size: 40px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body {
  margin-top: 40px;
  margin-bottom: 32px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_expert {
  align-items: center;
  position: relative;
  background-color: #fff;
  display: flex;
  margin-bottom: 24px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_expert .checkout_session_success_expert_media {
  background-color: var(--color-black-100);
  width: 48px;
  height: 60px;
  border-radius: 8px;
  margin-right: 16px;
  overflow: hidden;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_expert .checkout_session_success_expert_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_expert .checkout_session_success_expert_content .checkout_session_success_expert_content_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_expert .checkout_session_success_expert_content .checkout_session_success_expert_content_job {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  margin-bottom: 26px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line .checkout_session_success_line_icon {
  width: 48px;
  height: 48px;
  min-width: 48px;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-brand-500, #0C0C0E);
  background-color: var(--color-brand-50, #F2F3F6);
  border-radius: 12px;
  font-size: 22px;
  margin-right: 24px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line .checkout_session_success_line_content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line .checkout_session_success_line_content .checkout_session_success_line_content_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line .checkout_session_success_line_content .checkout_session_success_line_content_description {
  color: var(--Grey-700, #353A3E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_body .checkout_session_success_line .checkout_session_success_line_content .checkout_session_success_line_content_description span {
  display: inline-block;
  width: 4px;
  height: 4px;
  background-color: var(--color-grey-300, #E1E2E8);
  border-radius: 50%;
  position: relative;
  margin-left: 8px;
  margin-right: 8px;
  top: -3px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer {
  display: flex;
  flex-direction: column;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_actions {
  align-items: center;
  display: grid;
  margin-bottom: 32px;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
@media (max-width: 1023px) {
  .checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_actions {
    grid-template-columns: 1fr;
  }
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_actions a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_actions a i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 8px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_actions a:first-child i {
  color: #fff;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_email {
  align-items: center;
  background: var(--Grey-50, #F2F3F6);
  border-radius: 12px;
  display: flex;
  justify-content: center;
  padding: 16px 24px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_email p {
  color: var(--Grey-700, #353A3E);
  font-size: 13px;
  font-weight: 400;
  line-height: 17.55px;
  letter-spacing: 0.02em;
  margin: 0px;
}
.checkout_session_success .checkout_session_success_container .checkout_session_success_wrapper .checkout_session_success_footer .checkout_session_success_footer_email i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 12px;
}

.checkout_session_paid {
  margin: 0px 0px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .checkout_session_paid {
    margin: 64px 0px;
  }
}
.checkout_session_paid .checkout_session_paid__card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  .checkout_session_paid .checkout_session_paid__card {
    width: 100%;
  }
}
.checkout_session_paid .checkout_session_paid__card .checkout_session_paid__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.checkout_session_paid .checkout_session_paid__card .checkout_session_paid__icon i {
  color: var(--color-brand-500);
  font-size: 40px;
}
.checkout_session_paid .checkout_session_paid__card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.checkout_session_paid .checkout_session_paid__card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
.checkout_session_paid .checkout_session_paid__card .checkout_session_paid__action {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}
.checkout_session_paid .checkout_session_paid__card .checkout_session_paid__action a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.checkout_session_paid .checkout_session_paid__card .checkout_session_paid__action a i {
  font-size: 20px;
  margin-right: 12px;
}
.checkout_session_paid .checkout_session_paid__support {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.checkout_session_paid .checkout_session_paid__support p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}
.checkout_session_paid .checkout_session_paid__support p a {
  color: var(--color-grey-900);
  text-decoration: underline;
}

.checkout_subscription_success {
  margin: 0px;
  margin-top: -60px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .checkout_subscription_success {
    margin: 64px 0px;
  }
}
.checkout_subscription_success .checkout_subscription_success__card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
  opacity: 0;
  transition: all 0.5s ease-in;
}
@media (max-width: 1023px) {
  .checkout_subscription_success .checkout_subscription_success__card {
    width: 100%;
  }
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__icon i {
  color: var(--color-brand-500);
  font-size: 40px;
}
.checkout_subscription_success .checkout_subscription_success__card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.checkout_subscription_success .checkout_subscription_success__card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
.checkout_subscription_success .checkout_subscription_success__card ul {
  margin: 32px 0px 48px 0px;
}
.checkout_subscription_success .checkout_subscription_success__card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
.checkout_subscription_success .checkout_subscription_success__card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
.checkout_subscription_success .checkout_subscription_success__card ul li span i {
  color: var(--color-brand-500);
  font-size: 20px;
}
.checkout_subscription_success .checkout_subscription_success__card ul li strong {
  font-weight: 600;
}
.checkout_subscription_success .checkout_subscription_success__card ul li:last-child {
  margin-bottom: 0px;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__seller {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__seller .checkout_subscription_success__seller_media {
  background-color: var(--color-brand-500);
  color: #fff;
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  width: 48px;
  overflow: hidden;
  margin-right: 20px;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__seller .checkout_subscription_success__seller_media img {
  height: 100%;
  width: 100%;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__seller .checkout_subscription_success__seller_infos .checkout_subscription_success__seller_fullname {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 6px;
  text-align: left;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__seller .checkout_subscription_success__seller_infos .checkout_subscription_success__seller_job {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 2%;
  margin: 0px;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__action {
  display: flex;
  justify-content: center;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__action a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.checkout_subscription_success .checkout_subscription_success__card .checkout_subscription_success__action a i {
  font-size: 20px;
  margin-right: 12px;
}

.checkout_subscription_paid {
  margin: 0px 0px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  .checkout_subscription_paid {
    margin: 64px 0px;
  }
}
.checkout_subscription_paid .checkout_subscription_paid__card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  .checkout_subscription_paid .checkout_subscription_paid__card {
    width: 100%;
  }
}
.checkout_subscription_paid .checkout_subscription_paid__card .checkout_subscription_paid__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
.checkout_subscription_paid .checkout_subscription_paid__card .checkout_subscription_paid__icon i {
  color: var(--color-brand-500);
  font-size: 40px;
}
.checkout_subscription_paid .checkout_subscription_paid__card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.checkout_subscription_paid .checkout_subscription_paid__card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
.checkout_subscription_paid .checkout_subscription_paid__card .checkout_subscription_paid__action {
  display: flex;
  justify-content: center;
  margin-top: 36px;
}
.checkout_subscription_paid .checkout_subscription_paid__card .checkout_subscription_paid__action a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
.checkout_subscription_paid .checkout_subscription_paid__card .checkout_subscription_paid__action a i {
  font-size: 20px;
  margin-right: 12px;
}
.checkout_subscription_paid .checkout_subscription_paid__support {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.checkout_subscription_paid .checkout_subscription_paid__support p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}
.checkout_subscription_paid .checkout_subscription_paid__support p a {
  color: var(--color-grey-900);
  text-decoration: underline;
}

section.products .products_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
section.products .products_header .title {
  margin-bottom: 0px;
}
section.products .products_empty {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 108px);
  align-items: center;
  justify-content: center;
}
section.products .products_empty .products_empty_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 12px;
}
section.products .products_empty p.products_empty_description {
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--Grey-900, #0C0C0E);
}
section.products .products_list {
  padding-bottom: 64px;
  display: flex;
  flex-direction: column;
}
section.products .products_list .products_item {
  margin-bottom: 16px;
  padding: 24px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section.products .products_list .products_item .products_item_name {
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
}
section.products .products_list .products_item .products_item_informations {
  display: flex;
  align-items: center;
}
section.products .products_list .products_item .products_item_informations .products_item_duration,
section.products .products_list .products_item .products_item_informations .products_item_price {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
}
section.products .products_list .products_item .products_item_informations span {
  border-radius: 50%;
  display: block;
  margin: 0px 8px;
  height: 4px;
  width: 4px;
  background: var(--Grey-300, #CFD4D8);
}
section.products .products_list .products_item .products_item_actions {
  display: flex;
  align-items: center;
}
section.products .products_list .products_item .products_item_actions .products_item_actions_delete {
  margin-left: 18px;
  height: 32px;
  width: 32px;
  padding: 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  box-shadow: none;
  background-color: var(--White, #FFF);
}
section.products .products_list .products_item .products_item_actions .products_item_actions_delete span {
  font-size: 20px;
  color: var(--Grey-500, #6E757C);
}
section.products .modalDeleteProduct .modal-content {
  padding: 0px;
}
section.products .modalDeleteProduct .modal-content .modal-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 24px 52px 24px 24px;
  border-bottom: 1px solid var(--Grey-100, #eaecef);
}
section.products .modalDeleteProduct .modal-content .modal-header h1 {
  margin: 0px;
  color: var(--Grey-900, #0c0c0e);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.32px;
}
section.products .modalDeleteProduct .modal-content .modal-header .btn-close {
  height: 24px;
  width: 24px;
  background: none;
  position: absolute;
  right: 24px;
  margin: 0;
  top: 24px;
}
section.products .modalDeleteProduct .modal-content .modal-header .btn-close span {
  font-size: 24px;
  color: var(--Grey-100, #6e757c);
}
section.products .modalDeleteProduct .modal-content form input {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
section.products .modalDeleteProduct .modal-content form .form-group-last {
  margin-bottom: 0px;
}
section.products .modalDeleteProduct .modal-content .modal-body {
  padding: 24px 24px 32px 24px;
}
section.products .modalDeleteProduct .modal-content .modal-body p {
  margin: 0px;
}
section.products .modalDeleteProduct .modal-content .modal-body .alert {
  margin: 16px 0px 0px 0px;
  padding: 12px 16px;
  background: var(--Danger-50, #FEF5F7);
  border-radius: 8px;
}
section.products .modalDeleteProduct .modal-content .modal-body .alert p {
  color: var(--Danger-500, #F31941);
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: left;
}
section.products .modalDeleteProduct .modal-content .modal-footer {
  gap: 12px;
  border-top: 1px solid var(--Grey-100, #eaecef);
  padding: 16px 24px;
}

section.product {
  padding-bottom: 64px;
}
section.product input[type=number]::-webkit-outer-spin-button,
section.product input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
section.product input[type=number] {
  -moz-appearance: textfield;
  appearance: textfield;
}
section.product .product_header {
  margin-bottom: 24px;
}
section.product .product_header a {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
}
section.product .product_header a span {
  color: var(--Grey-900, #0C0C0E);
  font-size: 24px;
}
section.product .product_header h1 {
  color: var(--Grey-900, #0C0C0E);
  margin: 40px 0px 0px 0px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}
section.product form .name,
section.product form .content {
  margin-bottom: 24px;
}
section.product form .duration {
  padding-bottom: 40px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E6E6E6;
}
section.product form input,
section.product form select {
  line-height: 36px;
  height: 36px;
  padding: 0 12px;
}
section.product form textarea {
  padding: 8px 12px;
  height: 72px;
  resize: none;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
}
section.product form .prices {
  padding-bottom: 40px;
  margin-bottom: 32px;
  border-bottom: 1px solid #E6E6E6;
}
section.product form .prices .price {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 24px;
}
section.product form .prices .price .labels {
  display: flex;
  flex-direction: column;
}
section.product form .prices .price .labels p {
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-500, #6E757C);
}
section.product form .prices .price .input-wrapper {
  position: relative;
}
section.product form .prices .price .input-wrapper input {
  padding-right: 48px;
  max-width: 120px;
}
section.product form .prices .price .input-wrapper input:disabled {
  color: var(--Grey-500, #6E757C);
}
section.product form .prices .price .input-wrapper span {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.02em;
  text-align: left;
}
section.product form .prices .price {
  margin-bottom: 16px;
}
section.product form .prices .alert {
  margin-bottom: 0px;
  padding: 12px 16px;
  background-color: var(--Grey-50, #F2F3F6);
  border-radius: 8px;
}
section.product form .prices .alert p {
  margin: 0px;
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-500, #6E757C);
}
section.product form .parameters h2 {
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}
section.product form .parameters .rest,
section.product form .parameters .daily_limit {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
section.product form .parameters .rest .labels,
section.product form .parameters .daily_limit .labels {
  display: flex;
  flex-direction: column;
}
section.product form .parameters .rest .labels p,
section.product form .parameters .daily_limit .labels p {
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-500, #6E757C);
}
section.product form .parameters .rest {
  margin-bottom: 24px;
}
section.product form .parameters .rest select {
  max-width: 120px;
}
section.product form .parameters .daily_limit select {
  max-width: 80px;
}
section.product form .submit {
  margin-top: 48px;
}

section#orders .orders_header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 24px;
}
section#orders .orders_header h1 {
  align-items: center;
  display: flex;
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
section#orders .orders_header h1 i {
  font-size: 20px;
  color: #000000;
  margin-right: 12px;
}
section#orders .orders_empty {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 108px);
  align-items: center;
  justify-content: center;
}
section#orders .orders_empty .orders_empty_title {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 12px;
}
section#orders .orders_empty p.orders_empty_description {
  margin: 0px;
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: center;
  color: var(--Grey-900, #0C0C0E);
}
section#orders .orders table {
  border-collapse: separate;
  border-spacing: 0 24px;
  width: 100%;
}
section#orders .orders table thead tr th {
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding-bottom: 12px;
}
section#orders .orders table tbody tr {
  cursor: pointer;
}
section#orders .orders table tbody tr td {
  border: none;
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
}
section#orders .orders table tbody tr td.date {
  color: var(--Grey-500, #6E757C);
  font-weight: 400;
}
section#orders .orders table tbody tr td.user {
  font-weight: 400;
}
section#orders .orders table tbody tr td.status span {
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 6px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.02em;
  padding: 4px 8px;
}

section#order .order_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
}
section#order .order_informations .order_informations_details {
  align-items: center;
  display: flex;
  margin-bottom: 4px;
}
section#order .order_informations .order_informations_details .order_informations_details_number {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-right: 12px;
}
section#order .order_informations .order_informations_details .order_informations_details_status {
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 6px;
  color: var(--Grey-900, #0C0C0E);
  padding: 4px 8px;
  font-size: 11px;
  font-weight: 500;
  line-height: 12px;
  letter-spacing: 0.02em;
}
section#order .order_informations .order_informations_date {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
section#order .order_informations .order_informations_user {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 8px;
}
section#order table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 40px;
}
section#order table thead th {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding-bottom: 10px;
  text-align: right;
}
section#order table thead th.text-left {
  text-align: left;
}
section#order table tbody td {
  border-top: 1px solid var(--Grey-200, #DEE2E5);
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
  color: var(--Grey-900, #0C0C0E);
  padding: 24px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: right;
}
section#order table tbody td.text-left {
  text-align: left;
}
section#order table tfoot tr td {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  padding-bottom: 16px;
  text-align: right;
}
section#order table tfoot tr:first-child td {
  padding-top: 32px;
}
section#order table tfoot tr.total td {
  font-weight: 500;
}

section#accounting {
  padding-bottom: 64px;
}
section#accounting .accounting_header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 24px;
}
section#accounting .accounting_header h1 {
  align-items: center;
  display: flex;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 0px;
}
section#accounting .accounting_header h1 i {
  font-size: 20px;
  color: #000000;
  margin-right: 12px;
}
section#accounting .accounting_tabs {
  display: inline-block;
  border-radius: 8px;
  background: var(--Grey-50, #F2F3F6);
  padding: 4px;
  margin-bottom: 32px;
}
section#accounting .accounting_tabs ul li {
  display: inline-block;
  height: 28px;
}
section#accounting .accounting_tabs ul li a {
  display: block;
  padding-left: 12px;
  padding-right: 12px;
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
}
section#accounting .accounting_tabs ul li a.active {
  color: var(--Grey-900, #0C0C0E);
  border-radius: 8px;
  border: 1px solid var(--Grey-100, #EAECEF);
  background: var(--White, #FFF);
  box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.1), 0px 2px 2px 0px rgba(0, 0, 0, 0.09);
}
section#accounting .accounting_content {
  display: grid;
  grid-template-columns: 3fr 2fr;
  column-gap: 112px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_notifications_count {
  align-items: center;
  background: var(--Grey-900, #0C0C0E);
  border-radius: 12px;
  display: flex;
  padding: 14px 24px;
  margin-bottom: 32px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_notifications_count p {
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  color: #fff;
  margin-bottom: 0px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_notifications_count i {
  font-size: 20px;
  color: #fff;
  margin-right: 12px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods {
  row-gap: 32px;
  display: grid;
  grid-template-columns: 1fr;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period {
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
  padding-bottom: 48px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period .accounting_period_month {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 12px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period .accounting_period_amount {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-weight: 400;
  line-height: 44px;
  letter-spacing: 0.02em;
  text-align: left;
  margin-bottom: 6px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_past .accounting_period_paid {
  align-items: center;
  display: flex;
  color: var(--Grey-900, #0C0C0E);
  font-size: 11px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_past .accounting_period_paid i {
  color: #10B981;
  font-size: 12px;
  margin-right: 4px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_amount {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_amount button {
  align-items: center;
  display: flex;
  margin-left: 16px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_amount button i {
  color: #000000;
  font-size: 16px;
  margin-left: 4px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_count {
  align-items: flex-start;
  display: flex;
  margin-bottom: 40px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_count .accounting_period_count_media {
  margin-right: 12px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_count .accounting_period_count_media i {
  color: #000000;
  font-size: 20px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_count p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_count a {
  color: var(--Grey-500, #6E757C);
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  text-align: left;
  text-decoration-line: underline;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload h4 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload form {
  border: 1px dashed var(--Grey-400, #AEB5BC);
  border-radius: 10px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload form label {
  align-items: center;
  color: var(--Grey-900, #0C0C0E);
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  padding: 40px 24px;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload form label i {
  color: #000000;
  font-size: 24px;
  margin-bottom: 12px;
  transform: rotate(180deg);
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload form input {
  display: none;
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period.accounting_period_upcoming .accounting_period_upload.dragging form {
  border-color: var(--Grey-500, #6E757C);
}
section#accounting .accounting_content .accounting_content_left_side .accounting_periods .accounting_period:last-child {
  border-bottom: none;
}
section#accounting .accounting_content .accounting_content_right_side h3 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
section#accounting .accounting_content .accounting_content_right_side h3 a {
  cursor: pointer;
  text-decoration: underline;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company {
  align-items: flex-start;
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 20px;
  display: flex;
  flex-direction: column;
  padding: 32px 24px;
  position: relative;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company button {
  align-items: center;
  display: flex;
  position: absolute;
  top: 24px;
  right: 24px;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company button i {
  color: #000000;
  font-size: 16px;
  margin-left: 4px;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company h4,
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin: 0px;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company h4 {
  font-weight: 500;
}
section#accounting .accounting_content .accounting_content_right_side .accounting_card_company p {
  font-weight: 400;
}

main#blog_list .blog__header {
  padding: 240px 0px 104px 0px;
}
@media (max-width: 1023px) {
  main#blog_list .blog__header {
    padding: 80px 0px 64px 0px;
  }
}
main#blog_list .blog__header h1 {
  color: #000000;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
  margin-bottom: 32px;
}
main#blog_list .blog__header p {
  color: #000000;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 0px;
  margin: auto;
  max-width: 740px;
  text-align: center;
}
main#blog_list .blog__last_posts .blog__last_posts_list {
  column-gap: 64px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 1023px) {
  main#blog_list .blog__last_posts .blog__last_posts_list {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#blog_list .blog__posts_categories {
  margin: 140px 0px;
}
main#blog_list .blog__posts_categories .blog__posts_category {
  margin-bottom: 120px;
}
@media (max-width: 1023px) {
  main#blog_list .blog__posts_categories .blog__posts_category {
    margin-bottom: 80px;
  }
}
main#blog_list .blog__posts_categories .blog__posts_category h2 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 56px;
}
@media (max-width: 1023px) {
  main#blog_list .blog__posts_categories .blog__posts_category h2 {
    margin-bottom: 32px;
  }
}
main#blog_list .blog__posts_categories .blog__posts_category .blog__posts_category_items {
  column-gap: 32px;
  row-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  main#blog_list .blog__posts_categories .blog__posts_category .blog__posts_category_items {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
main#blog_list .blog__posts_categories .blog__posts_category div.blog__posts_category_link {
  display: flex;
  justify-content: center;
  margin-top: 56px;
}
main#blog_list .blog__posts_categories .blog__posts_category div.blog__posts_category_link a {
  align-items: center;
  background-color: var(--Grey-900, #0C0C0E);
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  min-height: 56px;
  padding: 0px 32px;
}
main#blog_list .blog__posts_categories .blog__posts_category div.blog__posts_category_link a i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
main#blog_list .blog__posts_categories .blog__posts_category:last-child {
  margin-bottom: 0px;
}

main#blog__list_tag .blog__list_tag_header {
  padding: 240px 0px 104px 0px;
}
@media (max-width: 1023px) {
  main#blog__list_tag .blog__list_tag_header {
    padding: 80px 0px 64px 0px;
  }
}
main#blog__list_tag .blog__list_tag_header h1 {
  color: #000000;
  font-size: 48px;
  font-weight: 700;
  line-height: 60px;
  text-align: center;
}
main#blog__list_tag .blog__list_tag_posts .blog__list_tag_posts_items {
  column-gap: 32px;
  row-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  main#blog__list_tag .blog__list_tag_posts .blog__list_tag_posts_items {
    grid-template-columns: 1fr;
    row-gap: 64px;
  }
}
main#blog__list_tag .blog__list_tag_newsletter {
  margin: 140px 0px;
}

.blog__divider {
  background: var(--Grey-100, #EAECEF);
  height: 1px;
  width: 736px;
  margin: 140px auto;
}
@media (max-width: 1023px) {
  .blog__divider {
    width: 80%;
    margin: 84px auto;
  }
}

.blog__newsletter h2 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  text-align: center;
}
@media (max-width: 1023px) {
  .blog__newsletter h2 {
    font-size: 32px;
    line-height: 40px;
  }
}
.blog__newsletter p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: center;
  text-underline-position: from-font;
  text-decoration-skip-ink: none;
  max-width: 700px;
  margin: auto;
}
.blog__newsletter form {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 64px auto 0px auto;
  width: 540px;
}
@media (max-width: 1023px) {
  .blog__newsletter form {
    width: 100%;
  }
}
.blog__newsletter form .blog__newsletter_input {
  align-items: center;
  border: 1px solid var(--Grey-200, #DEE2E5);
  border-radius: 100px;
  display: flex;
  overflow: hidden;
  padding: 8px 12px 8px 32px;
  width: 100%;
}
@media (max-width: 1023px) {
  .blog__newsletter form .blog__newsletter_input {
    padding: 6px 8px 6px 16px;
  }
}
.blog__newsletter form .blog__newsletter_input input {
  background-color: inherit;
  border: none;
  box-shadow: none;
  color: #000000;
  display: flex;
  flex: 1;
  outline: none;
  font-size: 18px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: 0.02em;
  padding-right: 12px;
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.blog__newsletter form .blog__newsletter_input input::placeholder {
  color: var(--Grey-500, #6E757C);
}
@media (max-width: 1023px) {
  .blog__newsletter form .blog__newsletter_input input {
    font-size: 13px;
  }
}
.blog__newsletter form .blog__newsletter_input button {
  align-items: center;
  background: var(--Grey-900, #0C0C0E);
  border: none;
  border-radius: 100px;
  color: #FFFFFF;
  display: flex;
  height: 56px;
  font-size: 16px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding: 0px 32px;
}
.blog__newsletter form .blog__newsletter_input button i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
@media (max-width: 1023px) {
  .blog__newsletter form .blog__newsletter_input button {
    height: 40px;
    padding: 0px 12px;
  }
}
@media (max-width: 1023px) {
  .blog__newsletter form {
    width: 80%;
  }
}

.post_item {
  display: flex;
  flex-direction: column;
}
.post_item .post_item_media {
  align-items: center;
  background-color: var(--Grey-100, #EAECEF);
  border-radius: 24px;
  display: flex;
  justify-content: center;
  overflow: hidden;
  height: 320px;
}
.post_item .post_item_media img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}
.post_item .post_item_content {
  padding-top: 32px;
}
.post_item .post_item_content p.post_item_date {
  color: var(--Grey-500, #6E757C);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
  margin-bottom: 16px;
}
.post_item .post_item_content h3 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
  margin-bottom: 16px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  overflow: hidden;
}
.post_item .post_item_content p.post_item_description {
  color: var(--Grey-900, #0C0C0E);
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-overflow: ellipsis;
  white-space: pre-wrap;
  line-clamp: 3;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  display: -webkit-box;
  overflow: hidden;
}
.post_item .post_item_content span {
  border-bottom: 1px solid var(--Grey-500, #6E757C);
  color: var(--Grey-500, #6E757C);
  font-size: 13px;
  font-weight: 500;
  line-height: 20px;
}
.post_item.post_item_small .post_item_media {
  height: 260px;
}
.post_item.post_item_small .post_item_content {
  padding-top: 24px;
}
.post_item.post_item_small .post_item_content h3 {
  font-size: 20px;
  line-height: 32px;
}
.post_item.post_item_small .post_item_content p.post_item_description {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}

main#post .post__content {
  display: grid;
  grid-template-columns: 1fr 352px;
  column-gap: 128px;
}
@media (max-width: 1023px) {
  main#post .post__content {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#post .post__content article header {
  border-bottom: 1px solid var(--Grey-100, #EAECEF);
  margin-bottom: 64px;
  padding-bottom: 64px;
}
@media (max-width: 1023px) {
  main#post .post__content article header {
    padding-bottom: 32px;
    margin-bottom: 32px;
  }
}
main#post .post__content article header h1 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  main#post .post__content article header h1 {
    font-size: 32px;
    line-height: 40px;
  }
}
main#post .post__content article header p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
main#post .post__content article header .post__content_header_back {
  align-items: center;
  display: flex;
  margin-bottom: 36px;
}
main#post .post__content article header .post__content_header_back a {
  align-items: center;
  background-color: var(--White, #FFFFFF);
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1019607843), 0px 35px 21px 0px rgba(0, 0, 0, 0.0509803922), 0px 63px 25px 0px rgba(0, 0, 0, 0.0117647059), 0px 98px 28px 0px rgba(0, 0, 0, 0);
  border-radius: 100px;
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  padding: 2px 16px;
  color: var(--color-brand-500, #0C0C0E);
}
main#post .post__content article header .post__content_header_back a i {
  color: var(--color-brand-500, #0C0C0E);
  font-size: 16px;
  margin-right: 8px;
}
main#post .post__content article header .post__content_header_back .post__content_header_category {
  align-items: center;
  background-color: var(--color-brand-500, #0C0C0E);
  border-radius: 100px;
  color: var(--White, #FFFFFF);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  margin-left: 8px;
  padding: 2px 16px;
}
main#post .post__content article header .post__content_header_back .post__content_header_category i {
  color: var(--White, #FFFFFF);
  font-size: 16px;
  margin-right: 8px;
}
main#post .post__content article header .post__content_header_time {
  align-items: center;
  color: var(--Grey-900, #0C0C0E);
  display: flex;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  text-align: left;
}
main#post .post__content article header .post__content_header_time i {
  color: var(--color-brand-500, #0C0C0E);
  margin-right: 12px;
}
main#post .post__content article header .post__content_header_time span.bullet {
  margin-left: 8px;
  margin-right: 8px;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 4px;
  background-color: var(--Grey-300, #CFD4D8);
}
main#post .post__content article h2 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 142.857% */
  letter-spacing: 0.56px;
  margin-bottom: 24px;
}
@media (max-width: 1023px) {
  main#post .post__content article h2 {
    font-size: 28px;
    line-height: 40px;
  }
}
main#post .post__content article h3 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; /* 142.857% */
  letter-spacing: 0.56px;
  margin-bottom: 16px;
  margin-top: 24px;
}
@media (max-width: 1023px) {
  main#post .post__content article h3 {
    font-size: 24px;
    line-height: 40px;
  }
}
main#post .post__content article p {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
main#post .post__content article ol li,
main#post .post__content article ul li {
  color: var(--Grey-900, #0C0C0E);
  font-size: 18px;
  font-weight: 400;
  line-height: 25px;
  letter-spacing: 0.02em;
}
main#post .post__content article footer {
  border-top: 1px solid var(--Grey-100, #EAECEF);
  margin-top: 64px;
  padding-top: 40px;
}
@media (max-width: 1023px) {
  main#post .post__content article footer {
    margin-top: 32px;
    padding-top: 24px;
  }
}
main#post .post__content article footer p {
  color: var(--Grey-500, #72748B);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
}
main#post .post__content aside .post__content_aside_media {
  border-radius: 32px;
  height: 474px;
  overflow: hidden;
}
@media (max-width: 1023px) {
  main#post .post__content aside .post__content_aside_media {
    margin-bottom: 32px;
  }
}
main#post .post__content aside .post__content_aside_media img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}
main#post .post__content aside .post__content_aside_share {
  margin-top: 32px;
  margin-bottom: 64px;
}
@media (max-width: 1023px) {
  main#post .post__content aside .post__content_aside_share {
    display: none;
  }
}
main#post .post__content aside .post__content_aside_suggest {
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  padding: 64px 40px 48px 40px;
}
main#post .post__content aside .post__content_aside_suggest .post__content_aside_suggest_media {
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
main#post .post__content aside .post__content_aside_suggest .post__content_aside_suggest_media img {
  border-radius: 24px;
  height: 160px;
  object-fit: cover;
  width: 124px;
}
main#post .post__content aside .post__content_aside_suggest .post__content_aside_suggest_fullname {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 12px;
  text-align: center;
}
main#post .post__content aside .post__content_aside_suggest .post__content_aside_suggest_description {
  color: var(--color-grey-900);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 32px;
  text-align: center;
}
main#post .post__content aside .post__content_aside_suggest a {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  justify-content: center;
  line-height: 28px;
  letter-spacing: 0.02em;
  min-height: 48px;
}
main#post .post__content aside .post__content_aside_suggest a i {
  color: inherit;
  font-size: 20px;
  margin-left: 6px;
}
main#post .post__content aside .post__content_aside_survey {
  background-color: var(--color-brand-500);
  border-radius: 24px;
  padding: 40px 40px 48px 40px;
  margin-bottom: 28px;
}
main#post .post__content aside .post__content_aside_survey span {
  align-items: center;
  background-color: var(--color-brand-600);
  border-radius: 48px;
  color: #fff;
  display: inline-flex;
  font-weight: 500;
  font-size: 13px;
  line-height: 24px;
  padding: 4px 16px 4px 12px;
}
main#post .post__content aside .post__content_aside_survey span i {
  color: inherit;
  font-size: 16px;
  margin-right: 8px;
}
main#post .post__content aside .post__content_aside_survey h3 {
  color: #fff;
  font-weight: 600;
  font-size: 20px;
  line-height: 24px;
  margin: 24px 0px 16px 0px;
}
main#post .post__content aside .post__content_aside_survey p {
  color: #fff;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2%;
  margin: 0 0 40px 0px;
}
main#post .post__content aside .post__content_aside_survey a {
  align-items: center;
  background-color: #fff;
  border-radius: 100px;
  color: var(--color-brand-500);
  display: inline-flex;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  padding: 10px 32px;
}
main#post .post__content aside .post__content_aside_survey a i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-left: 6px;
}
main#post .post__related_articles {
  display: flex;
  flex-direction: column;
  margin-top: 80px;
}
main#post .post__related_articles h4 {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-weight: 600;
  line-height: 56px;
}
main#post .post__related_articles .post__related_articles_items {
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 40px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  main#post .post__related_articles .post__related_articles_items {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
main#post .blog__newsletter {
  margin-bottom: 140px;
}
@media (max-width: 1023px) {
  main#post .blog__newsletter {
    margin-bottom: 64px;
  }
}

.post__content_share {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.post__content_share.post__content_share_row {
  flex-direction: row;
  justify-content: space-between;
}
.post__content_share.post__content_share_row p {
  margin-bottom: 0px;
}
.post__content_share p {
  color: var(--Grey-500, #72748B);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
  text-align: center;
}
.post__content_share ul {
  align-items: center;
  display: flex;
  justify-content: center;
  list-style: none;
}
.post__content_share ul li {
  cursor: pointer;
  height: 24px;
  margin-right: 24px;
  width: 24px;
}
.post__content_share ul li a {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 0px;
  width: 100%;
}
.post__content_share ul li i {
  color: var(--Grey-500, #72748B);
  font-size: 20px;
}
.post__content_share ul li:last-child {
  margin-right: 0px;
}

#survey {
  align-items: center;
  display: flex;
  min-height: 100vh;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
@media (max-width: 1023px) {
  #survey {
    align-items: flex-start;
  }
}
#survey .container {
  max-width: 1144px;
}
#survey .survey__wrapper {
  column-gap: 112px;
  display: grid;
  grid-template-columns: 0.46fr 0.54fr;
  padding: 32px 0px;
  row-gap: 32px;
}
@media (max-width: 1023px) {
  #survey .survey__wrapper {
    grid-template-columns: 1fr;
  }
}
#survey .survey__wrapper .survey__content_wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
#survey .survey__wrapper .survey__content_wrapper h1 {
  align-items: center;
  align-self: flex-start;
  border-radius: 100px;
  box-shadow: 0px 4px 9px 0px rgba(0, 0, 0, 0.1019607843), 0px 35px 21px 0px rgba(0, 0, 0, 0.0509803922), 0px 63px 25px 0px rgba(0, 0, 0, 0.0117647059), 0px 98px 28px 0px rgba(0, 0, 0, 0);
  color: var(--color-brand-500);
  display: inline-flex;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 32px;
  padding: 2px 16px;
}
#survey .survey__wrapper .survey__content_wrapper h1 i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 8px;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_description h2 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 16px;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_description p {
  color: var(--color-grey-900);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 2%;
  margin-bottom: 0px;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_details {
  margin-top: 32px;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_details ul li {
  color: var(--color-grey-900);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
  padding-left: 40px;
  position: relative;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_details ul li strong {
  font-weight: 500;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_details ul li i {
  color: var(--color-brand-500);
  font-size: 24px;
  left: 0px;
  position: absolute;
  top: 0px;
}
#survey .survey__wrapper .survey__content_wrapper .survey__content_details ul li:last-child {
  margin-bottom: 0px;
}
#survey .survey__wrapper .survey__content_wrapper form {
  margin-top: 48px;
}
#survey .survey__wrapper .survey__content_wrapper form button {
  align-items: center;
  border-radius: 16px;
  display: flex;
}
#survey .survey__wrapper .survey__content_wrapper form button i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
#survey .survey__wrapper .survey__media_wrapper {
  align-items: center;
  display: flex;
  width: 100%;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content {
  position: relative;
  width: 100%;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(87, 63, 192, 0) 56.28%, #573FC0 101.08%);
  border-radius: 32px;
  pointer-events: none;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content img {
  border-radius: 32px;
  display: block;
  height: 740px;
  object-fit: cover;
  width: 100%;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content video {
  border-radius: 32px;
  display: block;
  height: 740px;
  width: 100%;
  object-fit: cover;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content .survey__media_informations {
  bottom: 0px;
  display: flex;
  flex-direction: column;
  left: 0px;
  padding: 32px 48px 40px 48px;
  position: absolute;
  z-index: 10;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content .survey__media_informations h3 {
  color: #fff;
  font-weight: 600;
  font-size: 32px;
  line-height: 36px;
  margin-bottom: 12px;
}
#survey .survey__wrapper .survey__media_wrapper .survey__media_content .survey__media_informations p {
  color: #fff;
  font-weight: 400;
  font-size: 14px;
  line-height: 32px;
}

#survey_query {
  min-height: calc(100vh - 120px);
  display: flex;
  flex-direction: column;
}
#survey_query header {
  background-color: #fff;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  position: fixed;
  left: 0px;
  padding: 16px 24px;
  top: 0px;
  width: 100%;
}
#survey_query header .survey_query_header_wrapper {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
#survey_query header .survey_query_header_wrapper h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 2%;
  margin-bottom: 0px;
}
#survey_query header .survey_query_header_wrapper p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: 2%;
  margin-bottom: 0px;
}
#survey_query header .survey_query_header_wrapper a {
  align-items: center;
  background-color: var(--color-brand-50);
  border-radius: 100px;
  color: var(--color-brand-500);
  display: flex;
  font-weight: 600;
  font-size: 15px;
  line-height: 28px;
  justify-content: center;
  padding: 10px 16px;
}
#survey_query header .survey_query_header_wrapper a i {
  color: inherit;
  font-size: 20px;
  margin-right: 6px;
}
#survey_query header .survey_query_progress_bar {
  background-color: var(--color-brand-500);
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  transition: all 0.4s ease-in;
  height: 4px;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
#survey_query .survey_query_wrapper {
  align-items: center;
  display: flex;
  flex: 1;
  padding: 0 24px;
}
#survey_query .survey_query_wrapper h2 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin-bottom: 48px;
  max-width: 564px;
}
#survey_query .survey_query_wrapper form {
  max-width: 564px;
}
#survey_query .survey_query_wrapper form ul li input[type=radio] {
  display: none;
}
#survey_query .survey_query_wrapper form ul li input[type=radio] + label {
  border: 1px solid var(--color-grey-100);
  border-radius: 12px;
  color: var(--color-grey-900);
  cursor: pointer;
  display: block;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 16px;
  padding: 10px 16px 10px 44px;
  transition: all 0.4s ease;
  position: relative;
}
#survey_query .survey_query_wrapper form ul li input[type=radio] + label span {
  background-color: #fff;
  border: 1px solid var(--color-grey-100);
  border-radius: 50%;
  height: 16px;
  width: 16px;
  display: block;
  position: absolute;
  top: 16px;
  left: 16px;
}
#survey_query .survey_query_wrapper form ul li input[type=radio]:checked + label {
  border-color: var(--color-brand-500);
  box-shadow: 0 0 0 1px var(--color-brand-500);
}
#survey_query .survey_query_wrapper form ul li input[type=radio]:checked + label span {
  border: 5px solid var(--color-brand-500);
}
#survey_query .survey_query_wrapper form ul li:last-child input[type=radio] + label {
  margin-bottom: 0px;
}
#survey_query .survey_query_wrapper form .survey_query_submit {
  align-items: center;
  display: flex;
  margin-top: 48px;
}
#survey_query .survey_query_wrapper form .survey_query_submit a {
  align-items: center;
  border-radius: 16px;
  background-color: var(--color-brand-50);
  display: flex;
  height: 48px;
  justify-content: center;
  margin-right: 12px;
  width: 48px;
}
#survey_query .survey_query_wrapper form .survey_query_submit a i {
  color: var(--color-brand-500);
  font-size: 16px;
}
#survey_query .survey_query_wrapper form .survey_query_submit button {
  align-items: center;
  border-radius: 16px;
  display: flex;
}
#survey_query .survey_query_wrapper form .survey_query_submit button i {
  color: #fff;
  margin-left: 6px;
}

#survey_result {
  padding: 24px;
  opacity: 0;
  transition: all 0.5s ease-in;
}
#survey_result .survey_result_card {
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: auto;
  max-width: 544px;
  padding: 48px 40px;
}
#survey_result .survey_result_card .survey_result_score {
  align-items: center;
  border: 5px solid var(--color-brand-500);
  border-radius: 50%;
  display: flex;
  flex-direction: column;
  height: 80px;
  justify-content: center;
  margin: 0px auto 24px auto;
  width: 80px;
}
#survey_result .survey_result_card .survey_result_score p {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 0px;
}
#survey_result .survey_result_card .survey_result_score strong {
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
}
#survey_result .survey_result_card .survey_result_score.score_low {
  border-color: var(--color-brand-500);
}
#survey_result .survey_result_card .survey_result_score.score_medium {
  border-color: #F57839;
}
#survey_result .survey_result_card .survey_result_score.score_high {
  border-color: #F5395F;
}
#survey_result .survey_result_card .survey_result_content {
  margin-bottom: 40px;
  text-align: center;
}
#survey_result .survey_result_card .survey_result_content h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
}
#survey_result .survey_result_card .survey_result_content p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
}
#survey_result .survey_result_card .survey_result_content ul {
  margin-top: 40px;
}
#survey_result .survey_result_card .survey_result_content ul li {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 36px;
  position: relative;
  text-align: left;
}
#survey_result .survey_result_card .survey_result_content ul li i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 16px;
  position: absolute;
  top: 0px;
  left: 0px;
}
#survey_result .survey_result_card .survey_result_content ul li:last-child {
  margin-bottom: 0px;
}
#survey_result .survey_result_card .survey_result_user {
  align-items: center;
  border-top: 1px solid var(--color-grey-50);
  display: flex;
  flex-direction: column;
  padding-top: 32px;
  margin-bottom: 40px;
  width: 100%;
}
#survey_result .survey_result_card .survey_result_user h2 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 24px;
  text-align: center;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content {
  align-items: center;
  display: flex;
  flex-direction: row;
  margin-bottom: 32px;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content .survey_result_user_media {
  height: 48px;
  margin-right: 20px;
  width: 48px;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content .survey_result_user_media img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content .survey_result_user_infos {
  display: flex;
  flex-direction: column;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content .survey_result_user_infos p {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 6px;
}
#survey_result .survey_result_card .survey_result_user .survey_result_user_content .survey_result_user_infos span {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 2%;
}
#survey_result .survey_result_card .survey_result_posts {
  border-top: 1px solid var(--color-grey-50);
  display: flex;
  flex-direction: column;
  padding-top: 24px;
  width: 100%;
}
#survey_result .survey_result_card .survey_result_posts h2 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
  margin-bottom: 16px;
}
#survey_result .survey_result_card .survey_result_posts ul li {
  margin-bottom: 12px;
}
#survey_result .survey_result_card .survey_result_posts ul li a {
  color: var(--color-brand-500);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  text-decoration: underline;
}
#survey_result .survey_result_card .survey_result_posts ul li:last-child {
  margin-bottom: 0px;
}

#survey_result_loader {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
#survey_result_loader h3 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  margin: 40px 0px 16px 0px;
  text-align: center;
}
#survey_result_loader p {
  color: var(--color-grey-900);
  display: block;
  font-family: Figtree;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  max-width: 544px;
  text-align: center;
}
#survey_result_loader p strong {
  font-weight: 500;
}
#survey_result_loader .loader {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  display: block;
  position: relative;
  color: var(--color-brand-200);
  box-sizing: border-box;
  animation: animloader 1s linear infinite alternate;
}

@keyframes animloader {
  0% {
    box-shadow: -19px -6px var(--color-brand-500), -7px 0 var(--color-brand-200), 7px 0 var(--color-brand-200), 19px 0 var(--color-brand-200);
  }
  33% {
    box-shadow: -19px 0 var(--color-brand-200), -7px -6px var(--color-brand-500), 7px 0 var(--color-brand-200), 19px 0 var(--color-brand-200);
  }
  66% {
    box-shadow: -19px 0 var(--color-brand-200), -7px 0 var(--color-brand-200), 7px -6px var(--color-brand-500), 19px 0 var(--color-brand-200);
  }
  100% {
    box-shadow: -19px 0 var(--color-brand-200), -7px 0 var(--color-brand-200), 7px 0 var(--color-brand-200), 19px -6px var(--color-brand-500);
  }
}
.form-signin {
  margin: 120px auto 0 auto;
  max-width: 352px;
  padding-bottom: 64px;
}
@media (max-width: 1023px) {
  .form-signin {
    margin: 0 auto;
  }
}
.form-signin .logo {
  display: flex;
  justify-content: center;
  margin-bottom: 52px;
}
.form-signin .logo img {
  width: 100%;
  max-width: 26px;
}
.form-signin h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 16px;
}
.form-signin p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 48px;
}
.form-signin .google {
  display: flex;
  justify-content: center;
}
.form-signin .google a {
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--color-grey-100);
  border-radius: 12px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  width: 100%;
}
.form-signin .google a img {
  margin-right: 12px;
}
.form-signin input {
  border-radius: 12px;
}
.form-signin .login_text_separator {
  color: var(--color-grey-500);
  font-weight: 500;
  font-size: 13px;
  line-height: 28px;
  margin: 16px 0px;
}
.form-signin .password {
  margin: 16px 0px;
}
.form-signin button {
  align-items: center;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  width: 100%;
}
.form-signin button i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
.form-signin div.login_legal {
  margin-top: 24px;
  margin-bottom: 100px;
  padding: 0px 24px;
}
.form-signin div.login_legal p {
  margin: 0px;
  padding: 0px;
  color: var(--color-grey-900);
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}
.form-signin div.login_legal p a {
  color: var(--color-brand-500);
  font-weight: 500;
  text-decoration: underline;
  text-transform: lowercase;
}
.form-signin div.login_register_link {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.form-signin div.login_register_link p {
  color: var(--color-grey-900);
  margin-bottom: 0px;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
}
.form-signin div.login_register_link a {
  text-decoration: underline;
  color: var(--color-brand-500);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
  text-align: center;
}

section#page {
  padding-top: 80px;
}
section#page h1 {
  margin-bottom: 48px;
  font-weight: 900;
}
section#page .content {
  text-align: justify;
  font-size: 14px;
}
section#page .content h2 {
  margin-top: 48px;
  margin-bottom: 24px;
  font-size: 28px;
  font-weight: 700;
}
section#page .content h3 {
  margin-top: 32px;
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 24px;
}
section#page .content h4 {
  margin-top: 24px;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 24px;
}
section#page .summary .summary_title {
  margin-bottom: 32px;
  font-size: 18px;
  font-weight: 700;
}
section#page .summary ul li a {
  font-size: 14px;
}

main#layout_query_result_no_expert {
  margin: 100px 0px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  main#layout_query_result_no_expert {
    margin: 64px 0px;
  }
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  main#layout_query_result_no_expert .layout_query_result_no_expert_card {
    width: 100%;
  }
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_card_media {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_card_media i {
  color: var(--color-grey-400);
  font-size: 40px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul {
  margin: 32px 0px 48px 0px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul li span i {
  color: var(--color-grey-900);
  font-size: 20px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul li strong {
  font-weight: 600;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card ul li:last-child {
  margin-bottom: 0px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_card_cta {
  display: flex;
  justify-content: center;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_card_cta a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_card_cta a i {
  font-size: 20px;
  margin-right: 12px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_support {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_support p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}
main#layout_query_result_no_expert .layout_query_result_no_expert_card .layout_query_result_no_expert_support p a {
  color: var(--color-grey-900);
  text-decoration: underline;
}

.expert_session {
  position: relative;
  display: flex;
  flex-direction: row;
  max-width: 1200px;
  height: 100%;
  margin: 0px auto;
}

.expert_session_booking {
  flex: 1;
}

.expert_session_booking_wrapper {
  margin: 0px auto;
  width: 420px;
}

.expert_session_info {
  flex: 1;
}

.expert_session_info_wrapper {
  margin: 0px auto;
  width: 448px;
  padding: 32px;
  border-radius: 24px;
  background: #FFF;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.07);
}

.expert_session_info_header {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.expert_session_info_body {
  margin-top: 32px;
}

.expert_session_info_description {
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.expert_session_info_media {
  width: 80px;
  height: 104px;
  background-color: var(--color-grey-200);
  border-radius: 16px;
}
.expert_session_info_media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
}

.expert_session_info_content {
  position: relative;
  box-sizing: border-box;
  flex: 1;
}

.expert_session_info_name {
  margin-top: 12px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 6px;
  padding-left: 24px;
}

.expert_session_info_special {
  padding-left: 24px;
  display: flex;
  align-items: flex-start;
  gap: 8px;
  color: var(--color-grey-500, #72748B);
}
.expert_session_info_special span {
  position: relative;
  padding-left: 6px;
  padding-right: 6px;
  top: 4px;
  display: block;
  border-radius: 8px;
  height: 16px;
  background-color: var(--color-brand-500, #0C0C0E);
  color: white;
  font-size: 8px;
  line-height: 18px;
  box-shadow: 0px 98px 28px 0px rgba(0, 0, 0, 0), 0px 63px 25px 0px rgba(0, 0, 0, 0.01), 0px 35px 21px 0px rgba(0, 0, 0, 0.05), 0px 16px 16px 0px rgba(0, 0, 0, 0.09), 0px 4px 9px 0px rgba(0, 0, 0, 0.1);
}

.expert_session_info_metadata {
  padding-left: 32px;
  display: flex;
}

.expert_session_info_lang {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  margin-right: 24px;
}

.expert_session_info_location {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
}

.expert_session_info_keywords {
  margin-top: 30px;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-bottom: 30px;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  gap: 8px;
}

.expert_session_info_keyword {
  border-radius: 8px;
  background: var(--color-brand-50, #F2F0FA);
  color: var(--color-brand-500, #0C0C0E);
  line-height: 32px;
  border-radius: 16px;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
}

.expert_subscription {
  margin: 0px;
  margin-top: 32px;
  margin-bottom: 120px;
}
.expert_subscription h1 {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 28px;
  line-height: 40px;
  text-align: center;
  margin-bottom: 40px;
}
.expert_subscription .expert_subscription__periods {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 64px;
}
.expert_subscription .expert_subscription__periods .expert_subscription__period {
  align-items: center;
  display: flex;
  justify-content: center;
}
.expert_subscription .expert_subscription__periods .expert_subscription__period label {
  color: var(--color-grey-900);
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0px;
  padding-left: 12px;
}
.expert_subscription .expert_subscription__periods .expert_subscription__period input {
  border-color: var(--color-grey-200);
  margin-top: 0px;
}
.expert_subscription .expert_subscription__periods .expert_subscription__period input:checked {
  background-color: var(--color-brand-500);
  border-color: var(--color-brand-500);
}
.expert_subscription .expert_subscription__periods .expert_subscription__period input:focus {
  box-shadow: none;
}
.expert_subscription .expert_subscription__periods .expert_subscription__period:first-child {
  margin-right: 40px;
}
.expert_subscription .expert_subscription__products {
  align-items: flex-start;
  column-gap: 32px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1023px) {
  .expert_subscription .expert_subscription__products {
    grid-template-columns: 1fr;
    row-gap: 32px;
  }
}
.expert_subscription .expert_subscription__products .expert_subscription__card {
  border: 1px solid var(--color-grey-100);
  border-radius: 24px;
  padding: 38px 32px 40px 32px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card a.btn-light:hover {
  background-color: var(--color-brand-500);
  color: white;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_header {
  margin-bottom: 32px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_header h3 {
  font-size: 18px;
  font-weight: 500;
  line-height: 40px;
  text-align: left;
  margin-bottom: 4px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_price .expert_subscription__card_quarterly_price {
  display: none;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_price .expert_subscription__card_quarterly_price.expert_subscription__card_monthly_price--active, .expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_price .expert_subscription__card_quarterly_price.expert_subscription__card_quarterly_price--active {
  display: block;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_price strong {
  color: var(--color-grey-900);
  font-size: 24px;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card .expert_subscription__card_price span {
  color: var(--color-grey-500);
  font-size: 16px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card a {
  align-items: center;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  margin: 0px 0px 32px 0px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card a i {
  font-size: 16px;
  margin-left: 8px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul li span i {
  color: var(--color-brand-500);
  font-size: 20px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul li strong {
  font-weight: 600;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul li:last-child {
  margin-bottom: 0px;
}
.expert_subscription .expert_subscription__products .expert_subscription__card ul:last-of-type {
  border-top: 1px solid var(--color-grey-50);
  margin-top: 24px;
  padding-top: 24px;
}

.banner_meeting {
  align-items: center;
  background-color: var(--color-brand-500);
  display: flex;
  left: 0px;
  padding: 8px 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 98;
}
.banner_meeting .banner_meeting_content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_infos p {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_infos p .countdown-timer {
  font-family: monospace;
  font-variant-numeric: tabular-nums;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions {
  align-items: center;
  display: flex;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions a {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  color: var(--color-brand-500);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  padding: 6px 16px;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions a i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 8px;
}

.banner_meeting {
  align-items: center;
  background-color: var(--color-brand-500);
  display: flex;
  left: 0px;
  padding: 8px 0px;
  position: fixed;
  top: 0px;
  width: 100%;
  z-index: 98;
}
.banner_meeting .banner_meeting_content {
  align-items: center;
  display: flex;
  justify-content: space-between;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_infos p {
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_infos p .countdown-timer {
  font-family: monospace;
  font-variant-numeric: tabular-nums;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions {
  align-items: center;
  display: flex;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions a {
  align-items: center;
  background-color: #fff;
  border-radius: 12px;
  color: var(--color-brand-500);
  display: flex;
  font-size: 15px;
  font-weight: 500;
  line-height: 28px;
  padding: 6px 16px;
}
.banner_meeting .banner_meeting_content .banner_meeting_content_actions a i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 8px;
}

.channel__owner_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  padding: 48px 32px 40px 32px;
}
.channel__owner_card .channel__owner_card_media {
  display: flex;
  justify-content: center;
  margin-bottom: 24px;
}
.channel__owner_card .channel__owner_card_media img {
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.channel__owner_card .channel__owner_card_fullname {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
  margin-bottom: 8px;
  text-align: center;
}
.channel__owner_card .channel__owner_card_job {
  color: var(--color-brand-500);
  font-size: 13px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}
.channel__owner_card .channel__owner_card_product {
  align-items: center;
  border: 1px solid var(--color-grey-50);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  padding: 24px;
  margin-top: 24px;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_product_title {
  color: var(--color-grey-500);
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
  letter-spacing: 0.02em;
  margin-bottom: 4px;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_product_value {
  align-items: center;
  color: var(--color-grey-900);
  display: flex;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_product_value i {
  color: var(--color-brand-500);
  font-size: 16px;
  margin-right: 8px;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_actions {
  align-items: center;
  display: flex;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_actions .channel__owner_card_button {
  display: flex;
}
.channel__owner_card .channel__owner_card_product .channel__owner_card_actions .channel__owner_card_button i {
  color: var(--color-grey-500);
  font-size: 20px;
}
.channel__owner_card .channel__owner_card_booking {
  margin-top: 24px;
}
.channel__owner_card .channel__owner_card_booking a {
  align-items: center;
  display: flex;
  justify-content: center;
}
.channel__owner_card .channel__owner_card_booking a i {
  color: inherit;
  font-size: 20px;
  margin-right: 8px;
}

.channel__header {
  align-items: center;
  border-bottom: 1px solid var(--color-grey-50);
  display: flex;
  padding: 24px 32px;
}
.channel__header .channel__header_media {
  margin-right: 16px;
}
.channel__header .channel__header_media img {
  border-radius: 50%;
  height: 48px;
  width: 48px;
}
.channel__header .channel__header_fullname {
  color: var(--color-grey-900);
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  letter-spacing: 0.02em;
}

.channel__header--is-pro {
  border-bottom: 1px solid var(--color-grey-50);
  display: flex;
  padding: 0px;
}
.channel__header--is-pro .channel__header_navigation {
  justify-content: space-between;
  display: flex;
  flex-direction: row;
  position: relative;
}
.channel__header--is-pro .channel__header_navigation::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 1px;
  background-color: var(--color-grey-50);
}
.channel__header--is-pro .channel__header_navigation .channel__header_navigation_main {
  align-items: center;
  display: flex;
  padding: 16px 0px 12px 0px;
  position: relative;
}
.channel__header--is-pro .channel__header_navigation .channel__header_navigation_main a {
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-radius: 10px;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 8px;
  width: 32px;
}
.channel__header--is-pro .channel__header_navigation .channel__header_navigation_main a i {
  color: var(--color-grey-500);
  font-size: 16px;
}
.channel__header--is-pro .channel__header_navigation .channel__header_navigation_main span {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  margin-left: 8px;
}
.channel__header--is-pro .channel__header_navigation .channel__header_navigation_side {
  padding: 16px 0px 12px 0px;
}
.channel__header--is-pro .channel__header_subscriber {
  align-items: center;
  display: flex;
  margin: 20px 0px;
}
@media (max-width: 1023px) {
  .channel__header--is-pro .channel__header_subscriber {
    flex-direction: column;
  }
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_media {
  margin-right: 16px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_media img {
  border-radius: 50%;
  height: 40px;
  width: 40px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_fullname {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_product {
  margin: 0px 8px 0px 12px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_product span {
  align-items: center;
  border: 1px solid var(--color-grey-100);
  border-radius: 8px;
  color: var(--color-grey-900);
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  justify-content: center;
  padding: 3px 12px;
  line-height: 24px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_product span i {
  color: var(--color-brand-500);
  font-size: 16px;
  margin-right: 6px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_left_time_response span {
  align-items: center;
  background-color: var(--color-brand-50);
  border-radius: 8px;
  color: var(--color-brand-700);
  display: flex;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  padding: 4px 12px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_left_time_response span i {
  color: var(--color-brand-500);
  font-size: 20px;
  margin-right: 8px;
}
.channel__header--is-pro .channel__header_subscriber .channel__header_subscriber_left_time_response span strong {
  font-weight: 500;
  margin: 0px 4px;
}
.channel__header--is-pro .channel_chat_header_actions {
  display: flex;
}
.channel__header--is-pro .channel_chat_header_actions a {
  align-items: center;
  display: flex;
}
.channel__header--is-pro .channel_chat_header_actions a i {
  color: var(--color-grey-500);
  font-size: 20px;
  margin-right: 8px;
}
.channel__header--is-pro .channel_chat_header_tabs {
  display: flex;
  margin-top: 24px;
}
.channel__header--is-pro .channel_chat_header_tabs ul {
  align-items: center;
  display: flex;
}
.channel__header--is-pro .channel_chat_header_tabs ul li {
  margin-right: 40px;
}
.channel__header--is-pro .channel_chat_header_tabs ul li a {
  color: var(--color-grey-500);
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 24px;
  padding: 8px 0px 20px 0px;
}
.channel__header--is-pro .channel_chat_header_tabs ul li a.active {
  box-shadow: inset 0 -2px 0 0 var(--color-brand-500);
  color: var(--color-grey-900);
}

.channel__footer {
  padding: 32px;
}
.channel__footer form .channel__footer_input_wrapper {
  border: 1px solid var(--color-grey-100);
  border-radius: 16px;
  display: flex;
  padding: 10px 8px 10px 16px;
  transition: all 0.2s ease-in-out;
}
.channel__footer form .channel__footer_input_wrapper textarea {
  border: none;
  box-shadow: none;
  display: flex;
  flex: 1;
  font-size: 15px;
  font-weight: 500;
  height: 36px;
  line-height: 24px;
  letter-spacing: 0.02em;
  outline: none;
  padding: 6px 8px;
  resize: none;
  transition: all 0.2s ease-in-out;
}
.channel__footer form .channel__footer_input_wrapper textarea::placeholder {
  color: var(--color-grey-400);
}
.channel__footer form .channel__footer_input_wrapper .channel__footer_actions {
  align-items: center;
  border-left: 1px solid var(--color-grey-100);
  display: flex;
  padding-left: 12px;
}
.channel__footer form .channel__footer_input_wrapper .channel__footer_actions button {
  align-items: center;
  background: inherit;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  outline: none;
  padding: 0px 8px;
  height: 36px;
}
.channel__footer form .channel__footer_input_wrapper .channel__footer_actions button i {
  color: var(--color-brand-500);
  font-size: 20px;
}
.channel__footer form .channel__footer_input_wrapper button[type=submit] {
  align-items: center;
  align-self: center;
  background-color: var(--color-brand-500);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  display: none;
  height: 32px;
  justify-content: center;
  padding: 0px;
  width: 32px;
}
.channel__footer form .channel__footer_input_wrapper button[type=submit] i {
  color: #fff;
  font-size: 16px;
}
.channel__footer form .channel__footer_input_wrapper.is-focus {
  border-color: var(--Grey-300, #CFD4D8);
}
.channel__footer form .channel__footer_input_wrapper.is-focus textarea {
  height: 160px;
  transition: all 0.2s ease-in-out;
}
.channel__footer.channel__footer--is-pro {
  padding: 32px 0px;
}
.channel__footer.channel__footer--is-limited {
  border-top: 1px solid var(--color-grey-50);
}
.channel__footer.channel__footer--is-limited .channel_footer_limit {
  align-items: center;
  display: flex;
  justify-content: center;
}
.channel__footer.channel__footer--is-limited .channel_footer_limit .channel_footer_limit_icon {
  align-items: center;
  background-color: var(--color-brand-50);
  border-radius: 50%;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 12px;
  width: 32px;
}
.channel__footer.channel__footer--is-limited .channel_footer_limit .channel_footer_limit_icon i {
  color: var(--color-brand-500);
  font-size: 16px;
}
.channel__footer.channel__footer--is-limited .channel_footer_limit .channel_footer_limit_content {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.channel__footer.channel__footer--is-limited .channel_footer_limit .channel_footer_limit_content p {
  color: var(--color-brand-500);
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 0px;
}
.channel__footer.channel__footer--is-limited .channel_footer_limit .channel_footer_limit_content p a {
  text-decoration: underline;
}

.widget_overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 999;
}
.widget_overlay.widget_overlay--active {
  display: block;
}

.channel__chat_content_messages {
  display: flex;
  flex-direction: column-reverse;
}
.channel__chat_content_messages .channel__chat_content_date {
  color: var(--Grey-400, #AEB5BC);
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
  text-align: center;
}
.channel__chat_content_messages .channel__chat_content_message {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
}
.channel__chat_content_messages .channel__chat_content_message .channel__chat_content_message_inner {
  background-color: var(--color-grey-50);
  border-radius: 24px;
  color: var(--Grey-700, #353A3E);
  padding: 12px 16px;
  max-width: 80%;
}
.channel__chat_content_messages .channel__chat_content_message .channel__chat_content_message_inner.channel__chat_content_message_inner--is_platform {
  background-color: var(--color-brand-50);
  color: var(--color-brand-700);
}
.channel__chat_content_messages .channel__chat_content_message .message_file a {
  align-items: center;
  display: flex;
  position: relative;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a i {
  color: var(--Grey-500, #72748B);
  font-size: 20px;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a .message_file_icon {
  margin-right: 16px;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a .message_file_informations {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a .message_file_informations .message_file_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  letter-spacing: 0.02em;
  max-width: 260px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a .message_file_informations .message_file_metadata {
  color: var(--Grey-500, #72748B);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.channel__chat_content_messages .channel__chat_content_message .message_file a .message_file_icon_download {
  margin-left: 24px;
}
.channel__chat_content_messages .channel__chat_content_message .channel__chat_content_message_video {
  max-width: 60%;
}
.channel__chat_content_messages .channel__chat_content_message .channel__chat_content_message_video video {
  border-radius: 12px;
  display: block;
  width: 100%;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio {
  align-items: center;
  display: flex;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio audio {
  display: none;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_play_button {
  align-items: center;
  background-color: var(--color-grey-500);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  display: flex;
  height: 32px;
  justify-content: center;
  margin-right: 16px;
  outline: none;
  padding: 0px;
  width: 32px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_play_button i {
  color: #fff;
  font-size: 12px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .wavesurfer-container {
  width: 240px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_data {
  align-items: center;
  color: var(--color-grey-500);
  display: flex;
  margin-left: 16px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_data span {
  font-weight: 400;
  font-size: 13px;
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  line-height: 24px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_data span.message_audio_data_current_time {
  color: var(--color-grey-900);
  margin-right: 4px;
}
.channel__chat_content_messages .channel__chat_content_message .message_audio .message_audio_data span.message_audio_data_total_time {
  margin-left: 4px;
}
.channel__chat_content_messages .channel__chat_content_message.current_user {
  justify-content: flex-end;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .channel__chat_content_message_inner {
  background-color: var(--color-brand-500);
  color: #fff;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_file i {
  color: #fff;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_file .message_file_informations .message_file_name {
  color: #fff;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_file .message_file_informations .message_file_metadata {
  color: var(--color-grey-50);
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_audio .message_audio_play_button {
  background-color: #fff;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_audio .message_audio_play_button i {
  color: var(--color-brand-500);
  font-size: 12px;
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_audio .message_audio_data {
  color: var(--color-brand-200);
}
.channel__chat_content_messages .channel__chat_content_message.current_user .message_audio .message_audio_data span.message_audio_data_current_time {
  color: #fff;
}
.channel__chat_content_messages .channel__chat_content_message:last-child {
  margin-bottom: 32px;
}

#modal_channel_subscription .modal-dialog {
  max-width: 544px;
}
#modal_channel_subscription .modal-dialog .modal-content {
  padding: 32px 40px 40px 40px;
  position: relative;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-header {
  margin-bottom: 40px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-header h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 20px;
  line-height: 32px;
  margin-bottom: 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-header button {
  align-items: center;
  background-color: #fff;
  border: none;
  display: flex;
  justify-content: center;
  padding: 0px;
  position: absolute;
  right: 24px;
  top: 24px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-header button i {
  color: var(--color-grey-500);
  font-size: 20px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_product {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_product i {
  color: var(--color-brand-500);
  font-size: 24px;
  margin-right: 12px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_product p {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 18px;
  line-height: 20px;
  margin: 0px 8px 0px 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_product span {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 100px;
  color: #fff;
  display: flex;
  font-weight: 500;
  font-size: 11px;
  justify-content: center;
  line-height: 20px;
  padding: 2px 8px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_price {
  display: flex;
  flex-direction: column;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_price p {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 24px;
  line-height: 24px;
  margin: 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_price span {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  margin: 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_next_payment {
  margin-top: 16px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_next_payment p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin: 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-body .modal_channel_subscription_next_payment p strong {
  color: var(--color-grey-900);
  font-weight: 500;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-footer {
  border: none;
  justify-content: flex-start;
  margin-top: 40px;
  padding: 0px;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-footer button {
  border-radius: 16px;
  font-weight: 600;
}
#modal_channel_subscription .modal-dialog .modal-content .modal-footer .modal_channel_subscription_button_cancellation {
  border: none;
  color: var(--color-grey-500);
  margin-left: 12px;
}

section#channel .channel__wrapper {
  display: grid;
  grid-template-columns: 352px 1fr;
  column-gap: 32px;
}
@media (max-width: 1023px) {
  section#channel .channel__wrapper {
    grid-template-columns: 1fr;
  }
  section#channel .channel__wrapper .channel__owner {
    display: none;
  }
}
section#channel .channel__wrapper .channel__content {
  border: 1px solid var(--color-grey-50);
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  display: flex;
  flex-direction: column;
  height: calc(100vh - 180px);
}
section#channel .channel__wrapper .channel__content .channel__chat_content {
  display: flex;
  flex: 1;
  flex-direction: column-reverse;
  padding: 24px 32px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
section#channel .channel__wrapper .channel__content .channel__chat_content ::-webkit-scrollbar {
  display: none;
}

section#pro_channel {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding-top: inherit;
  display: flex;
  flex-direction: column;
  height: 100vh;
}
section#pro_channel .channel__chat_content {
  display: flex;
  flex: 1;
  flex-direction: column-reverse;
  padding: 0px;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  padding: 32px 0px;
}
section#pro_channel .channel__chat_content ::-webkit-scrollbar {
  display: none;
}

.widget_video_recorder {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-radius: 24px;
  overflow: hidden;
  background-color: #fff;
  width: 650px;
}
.widget_video_recorder.widget_video_recorder--active {
  display: block;
}
.widget_video_recorder .widget_video_recorder_wrapper {
  display: block;
  padding: 48px 40px 40px 40px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder_header {
  margin-bottom: 40px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder_header h2 {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 0px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content {
  display: none;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_player_wrapper {
  position: relative;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_player_wrapper video {
  border-radius: 12px;
  display: block;
  width: 100%;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_player_wrapper .video_countdown {
  align-items: center;
  background: rgba(19, 19, 25, 0.6392156863);
  border-radius: 12px;
  color: #fff;
  display: none;
  flex-direction: column;
  font-size: 16px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
  height: 100%;
  justify-content: center;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 100%;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_player_wrapper .video_countdown span {
  display: block;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  letter-spacing: 0.02em;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_player_wrapper .video_countdown.video_countdown--active {
  display: flex;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 24px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer .widget_video_recorder__recording_time {
  color: var(--color-grey-500);
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: center;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer .widget_video_recorder__recording_time span {
  font-size: 24px;
  line-height: 24px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer button {
  align-items: center;
  display: flex;
  margin-top: 32px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer button span {
  background-color: #fff;
  border: 4px solid var(--color-brand-500);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  display: block;
  height: 16px;
  width: 16px;
  top: 0px;
  left: 0px;
  margin-right: 12px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer button.--is-recording {
  background-color: var(--color-danger-500);
  box-shadow: -1px 8px 17px 0px rgba(20, 20, 20, 0.0784313725), -6px 31px 32px 0px rgba(20, 20, 20, 0.0705882353);
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer button.--is-recording span {
  border-color: var(--color-danger-500);
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer label {
  align-items: center;
  color: var(--color-grey-500);
  cursor: pointer;
  display: flex;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  margin: 32px auto 0px auto;
  text-align: center;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content .widget_video_recorder__recording_footer label i {
  font-size: 20px;
  margin-right: 12px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__recording_content.widget_video_recorder__recording_content--active {
  display: block;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content {
  display: none;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content video {
  border-radius: 12px;
  display: block;
  width: 100%;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content .widget_video_recorder__preview_footer {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 32px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content .widget_video_recorder__preview_footer .widget_video_recorder__submit {
  margin-bottom: 32px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content .widget_video_recorder__preview_footer .widget_video_recorder__restart_button {
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
  color: var(--color-grey-500);
  display: flex;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  outline: none;
  padding: 10px 24px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content .widget_video_recorder__preview_footer .widget_video_recorder__restart_button i {
  font-size: 20px;
  margin-right: 12px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__preview_content.widget_video_recorder__preview_content--active {
  display: block;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__close_button {
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  padding: 0px;
  position: absolute;
  right: 40px;
  top: 54px;
}
.widget_video_recorder .widget_video_recorder_wrapper .widget_video_recorder__close_button i {
  color: var(--color-grey-500);
  font-size: 20px;
}

.widget_audio_recorder {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  width: 540px;
}
.widget_audio_recorder.widget_audio_recorder--active {
  display: block;
}
.widget_audio_recorder .widget_audio_recorder_wrapper {
  display: block;
  padding: 32px 40px 40px 40px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__header {
  margin-bottom: 40px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__header h2 {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_time,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_time {
  color: var(--color-grey-500);
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  font-size: 14px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: 0.02em;
  text-align: center;
  margin-bottom: 24px;
  margin-top: 24px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_time span.widget_audio_recorder__recording_time_current,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_time span.widget_audio_recorder__preview_time_current,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_time span.widget_audio_recorder__recording_time_current,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_time span.widget_audio_recorder__preview_time_current {
  font-size: 24px;
  line-height: 24px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_start {
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  border: none;
  height: 48px;
  padding: 0 16px;
  background-color: var(--color-brand-500);
  display: flex;
  box-shadow: none;
  outline: none;
  bottom: 48px;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_start span {
  background-color: #fff;
  border: 4px solid var(--color-brand-500);
  border-radius: 50%;
  box-shadow: 0 0 0 2px #fff;
  display: block;
  height: 16px;
  width: 16px;
  top: 0px;
  left: 0px;
  margin-right: 12px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_start.--is-recording {
  background-color: var(--color-danger-500);
  box-shadow: -1px 8px 17px 0px rgba(20, 20, 20, 0.0784313725), -6px 31px 32px 0px rgba(20, 20, 20, 0.0705882353);
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_start.--is-recording span {
  border-color: var(--color-danger-500);
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_playing {
  display: flex;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_visualizer,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_visualizer {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  gap: 4px;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_visualizer .widget_audio_recorder__visualizer_bar,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_visualizer .widget_audio_recorder__visualizer_bar {
  border-radius: 4px;
  width: 4px;
  height: 6px;
  min-height: 6px;
  max-height: 40px;
  background-color: var(--color-brand-50);
  transition: height 0.3s cubic-bezier(0.25, 1, 0.5, 1), background-color 0.3s ease-in-out;
}
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__recording_visualizer .widget_audio_recorder__visualizer_bar.visualizer_bar--active,
.widget_audio_recorder .widget_audio_recorder_wrapper .widget_audio_recorder__preview_visualizer .widget_audio_recorder__visualizer_bar.visualizer_bar--active {
  background-color: var(--color-brand-500);
}
.widget_audio_recorder .widget_audio_recorder__close_button {
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  padding: 0px;
  position: absolute;
  right: 40px;
  top: 38px;
}
.widget_audio_recorder .widget_audio_recorder__close_button i {
  color: var(--color-grey-500);
  font-size: 20px;
}
.widget_audio_recorder .widget_audio_recorder__restart_button {
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
  color: var(--color-grey-500);
  display: flex;
  font-size: 15px;
  font-weight: 600;
  line-height: 28px;
  letter-spacing: 0.02em;
  outline: none;
  padding: 10px 24px;
  margin: 32px auto 0px auto;
}
.widget_audio_recorder .widget_audio_recorder__restart_button i {
  font-size: 20px;
  margin-right: 12px;
}
.widget_audio_recorder .widget_audio_recorder__preview_playing {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 24px;
}
.widget_audio_recorder .widget_audio_recorder__preview_playing .widget_audio_recorder__play_button {
  align-items: center;
  background-color: var(--color-brand-500);
  border: none;
  border-radius: 50%;
  box-shadow: none;
  display: flex;
  justify-content: center;
  height: 40px;
  padding: 0px;
  width: 40px;
  margin-right: 12px;
}
.widget_audio_recorder .widget_audio_recorder__preview_playing .widget_audio_recorder__play_button i {
  color: #fff;
  font-size: 12px;
}
.widget_audio_recorder .widget_audio_recorder__preview_playing .widget_audio_recorder__preview_time {
  margin: 0px;
}
.widget_audio_recorder .widget_audio_recorder__preview {
  display: none;
}
.widget_audio_recorder .widget_audio_recorder__preview .widget_audio_recorder__preview_player {
  display: none;
}
.widget_audio_recorder .widget_audio_recorder__preview .widget_audio_recorder__preview_submit {
  align-items: center;
  justify-content: center;
  border-radius: 16px;
  height: 48px;
  border: 3px solid var(--color-brand-500);
  padding: 0 16px;
  background-color: var(--color-brand-500);
  display: flex;
  box-shadow: none;
  margin: 24px auto 0px auto;
  outline: none;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.widget_audio_recorder .widget_audio_recorder__preview.widget_audio_recorder__preview--active {
  display: block;
}

.widget_audio_recorder__recording {
  display: none;
}
.widget_audio_recorder__recording.widget_audio_recorder__recording--active {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.widget_file {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1000;
  border-radius: 12px;
  overflow: hidden;
  background-color: #fff;
  width: 540px;
}
.widget_file.widget_file--active {
  display: block;
}
.widget_file .widget_file_wrapper {
  display: block;
  padding: 32px 40px 40px 40px;
}
.widget_file .widget_file_wrapper .widget_file__header {
  margin-bottom: 40px;
}
.widget_file .widget_file_wrapper .widget_file__header h2 {
  color: var(--color-grey-900);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
}
.widget_file .widget_file_wrapper .widget_file__upload {
  display: none;
}
.widget_file .widget_file_wrapper .widget_file__upload.widget_file__upload--active {
  display: block;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone {
  align-items: center;
  border: 1px dashed var(--color-grey-200);
  border-radius: 12px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 56px 24px 24px 24px;
  transition: all 0.4s ease-in;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone.dragover {
  border-color: var(--color-grey-400);
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone input {
  display: none;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone p {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-bottom: 24px;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone p span {
  color: var(--color-grey-500);
  display: block;
  font-weight: 500;
  padding-top: 8px;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone .widget_file__upload_formats {
  color: var(--color-grey-500);
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
  margin-top: 32px;
  text-align: center;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone button {
  align-items: center;
  display: flex;
}
.widget_file .widget_file_wrapper .widget_file__upload .widget_file__dropzone button i {
  color: #fff;
  font-size: 20px;
  margin-right: 12px;
}
.widget_file .widget_file_wrapper .widget_file__submit {
  display: none;
}
.widget_file .widget_file_wrapper .widget_file__submit.widget_file__submit--active {
  display: block;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file {
  align-items: center;
  background: var(--color-grey-50);
  border-radius: 12px;
  display: flex;
  margin-bottom: 32px;
  padding: 16px 48px 16px 20px;
  position: relative;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_icon {
  margin-right: 16px;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_icon i {
  color: var(--color-grey-500);
  font-size: 24px;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_informations {
  display: flex;
  flex-direction: column;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_informations .widget_file__uploaded_file_name {
  color: var(--color-grey-900);
  font-size: 14px;
  font-weight: 500;
  max-width: 340px;
  letter-spacing: 0.02em;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_informations .widget_file__uploaded_file_size {
  color: var(--color-grey-500);
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0.02em;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_delete_button {
  background-color: inherit;
  border: none;
  box-shadow: none;
  padding: 0px;
  position: absolute;
  top: 26px;
  right: 22px;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__uploaded_file .widget_file__uploaded_file_delete_button i {
  color: var(--color-grey-500);
  font-size: 20px;
}
.widget_file .widget_file_wrapper .widget_file__submit .widget_file__submit_button {
  display: block;
  margin: auto;
}
.widget_file .widget_file__close_button {
  align-items: center;
  background-color: #fff;
  border: none;
  box-shadow: none;
  display: flex;
  justify-content: center;
  padding: 0px;
  position: absolute;
  right: 40px;
  top: 38px;
}
.widget_file .widget_file__close_button i {
  color: var(--color-grey-500);
  font-size: 20px;
}

#channel__subscription_past .subscription_past_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: 100px auto 0px auto;
  padding: 64px 40px 40px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  #channel__subscription_past .subscription_past_card {
    width: 100%;
    margin-top: 40px;
    padding: 40px 24px 24px 24px;
  }
}
#channel__subscription_past .subscription_past_card .subscription_past_card_media {
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_media i {
  color: var(--color-brand-500);
  font-size: 40px;
}
#channel__subscription_past .subscription_past_card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  text-align: center;
  margin-bottom: 24px;
}
#channel__subscription_past .subscription_past_card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 0px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 40px 0px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_media {
  height: 48px;
  margin-right: 20px;
  position: relative;
  width: 48px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_media img {
  border-radius: 50%;
  height: 100%;
  width: 100%;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_media span {
  align-items: center;
  background-color: var(--color-brand-500);
  border-radius: 100px;
  bottom: 0px;
  display: flex;
  height: 16px;
  justify-content: center;
  position: absolute;
  width: 20px;
  right: -4px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_media span i {
  color: #fff;
  font-size: 8px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_infos .subscription_past_card_owner_fullname {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 6px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_owner .subscription_past_card_owner_infos .subscription_past_card_owner_job {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_product {
  align-items: center;
  border: 1px solid var(--color-grey-50);
  border-radius: 12px;
  display: flex;
  justify-content: space-between;
  margin-bottom: 40px;
  padding: 20px 28px 20px 24px;
}
@media (max-width: 1023px) {
  #channel__subscription_past .subscription_past_card .subscription_past_card_product {
    flex-direction: column;
    align-items: flex-start;
  }
}
#channel__subscription_past .subscription_past_card .subscription_past_card_product .subscription_past_card_product_details p {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 4px;
  text-align: left;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_product .subscription_past_card_product_details strong {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_product .subscription_past_card_product_price strong {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 20px;
  line-height: 32px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_product .subscription_past_card_product_price span {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_actions {
  align-items: center;
  display: flex;
}
@media (max-width: 1023px) {
  #channel__subscription_past .subscription_past_card .subscription_past_card_actions {
    flex-direction: column;
  }
}
#channel__subscription_past .subscription_past_card .subscription_past_card_actions a {
  align-items: center;
  border-radius: 16px;
  display: flex;
  justify-content: center;
  width: 100%;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_actions a i {
  color: #fff;
  font-size: 16px;
  margin-left: 6px;
}
#channel__subscription_past .subscription_past_card .subscription_past_card_actions a:first-child {
  margin-right: 16px;
}
@media (max-width: 1023px) {
  #channel__subscription_past .subscription_past_card .subscription_past_card_actions a:first-child {
    margin-bottom: 16px;
    margin-right: 0px;
  }
}
#channel__subscription_past .subscription_past_card .subscription_past_card_actions a:last-child {
  background-color: var(--color-brand-50);
  color: var(--color-brand-500);
}

.channel__chat_content_message .channel__chat_content_delete_message {
  background-color: var(--color-brand-50);
  border-radius: 100px;
  color: var(--color-brand-500);
  font-weight: 600;
  font-size: 12px;
  line-height: 22px;
}
.channel__chat_content_message .channel__chat_content_delete_message a {
  align-items: center;
  display: flex;
  padding: 3px 12px 3px 8px;
}
.channel__chat_content_message .channel__chat_content_delete_message a span {
  color: var(--color-brand-300);
  font-family: monospace;
  font-variant-numeric: tabular-nums;
  margin-left: 6px;
}

.modalChannelDeleteMessage .modal-dialog .modal-content {
  padding: 48px 40px 32px 40px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-header {
  margin-bottom: 32px;
  padding: 0px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-header h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 0px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-body {
  margin-bottom: 40px;
  padding: 0px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-body p {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 0px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-footer {
  align-items: center;
  border: none;
  display: flex;
  justify-content: flex-start;
  padding: 0px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-footer a,
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-footer button {
  border-radius: 16px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-footer a {
  margin-left: 16px;
}
.modalChannelDeleteMessage .modal-dialog .modal-content .modal-footer button {
  background-color: var(--color-brand-50);
  border: none;
  color: var(--color-brand-500);
}

.widget_session_booking .title {
  color: var(--Grey-900, #0C0C0E);
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.64px;
  margin-bottom: 32px;
}

.widget_session_booking {
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
}
.widget_session_booking.widget_session_booking_profile {
  background-color: #fff;
  border-radius: 20px;
  box-shadow: 0px 16px 36px 0px rgba(148, 148, 148, 0.1019607843), 0px 65px 65px 0px rgba(148, 148, 148, 0.0901960784), 0px 145px 87px 0px rgba(148, 148, 148, 0.0509803922), 0px 259px 103px 0px rgba(148, 148, 148, 0.0117647059), 0px 404px 113px 0px rgba(148, 148, 148, 0);
  padding: 40px 32px;
}
.widget_session_booking.widget_session_booking_profile .widget_session_booking_submit {
  margin-top: 32px;
}
.widget_session_booking.widget_session_booking_profile .widget_session_booking_submit button {
  width: 100%;
}
.widget_session_booking.widget_session_booking_profile .title {
  font-size: 20px;
  margin-bottom: 32px;
}

.widget_session_booking_calendar_selected_product {
  border-bottom: 1px solid var(--Grey-200, #DEE2E5);
  margin-bottom: 32px;
  padding-bottom: 24px;
}
.widget_session_booking_calendar_selected_product .widget_session_booking_calendar_selected_product_name {
  color: var(--Grey-900, #0C0C0E);
  font-size: 20px;
  font-weight: 600;
  line-height: 27px;
  letter-spacing: 0.02em;
  margin-bottom: 16px;
}

.widget_session_booking_wrapper {
  padding-top: 120px;
  width: 472px;
  margin: 0px auto;
}
.widget_session_booking_wrapper .back {
  width: 40px;
  height: 40px;
  background: var(--color-grey-50);
  border-radius: 12px;
  padding: 10px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
}
.widget_session_booking_wrapper .back:hover {
  background: var(--color-grey-100);
}
.widget_session_booking_wrapper .back span {
  position: relative;
  display: inline-block;
  color: var(--color-grey-500);
  rotate: 180deg;
  font-size: 20px;
}
.widget_session_booking_wrapper .title {
  font-size: 32px;
  font-weight: 600;
  line-height: 40px;
  margin-top: 32px;
  margin-bottom: 32px;
  font-family: "General Sans", sans-serif;
}

.widget_session_booking_product {
  position: relative;
  padding: 24px;
  border-radius: 16px;
  border: 1px solid var(--color-grey-200);
  background: #FFF;
  margin-bottom: 16px;
  cursor: pointer;
  box-sizing: content-box;
}
.widget_session_booking_product.active {
  box-shadow: 0 0 0 1px var(--grey-900, #0C0C0E);
  border-color: var(--grey-900, #0C0C0E);
}

.widget_session_booking_submit {
  align-items: center;
  display: flex;
  margin-top: 64px;
}
.widget_session_booking_submit button.btn-default {
  align-items: center;
  display: flex;
  border-radius: 16px;
  justify-content: center;
}
.widget_session_booking_submit button.btn-default i {
  color: #fff;
  font-size: 20px;
  margin-left: 12px;
}

.widget_session_booking_back {
  background-color: #fff;
  color: var(--Grey-900, #0C0C0E);
  align-items: center;
  display: flex;
  border: none;
  border-radius: 16px;
  height: 48px;
  line-height: 48px;
  padding-left: 0px;
  padding-right: 16px;
  margin-right: 8px;
  letter-spacing: 0.02em;
}
.widget_session_booking_back i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 12px;
}

.widget_session_booking_product_name {
  color: var(--Grey-900, #0C0C0E);
  margin-bottom: 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
}

.widget_session_booking_product_content {
  align-items: center;
  display: flex;
  color: var(--color-grey-900);
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.widget_session_booking_product_content i {
  color: var(--Grey-500, #6E757C);
  font-size: 20px;
  margin-right: 8px;
}
.widget_session_booking_product_content span {
  color: var(--Grey-300, #CFD4D8);
  font-size: 10px;
  display: inline-block;
  margin-left: 4px;
  margin-right: 4px;
  position: relative;
  top: -2px;
}

.widget_session_booking_calendar {
  width: 100%;
  max-width: 420px;
  background-color: #fff;
}
.widget_session_booking_calendar.booking-timer .booking__calendar {
  display: none;
}
.widget_session_booking_calendar .widget_session_booking_calendar_days_names {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 16px;
  margin-bottom: 12px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_days_names .day_name {
  width: 14%;
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  color: var(--Grey-500, #6E757C);
  line-height: 28px;
}
.widget_session_booking_calendar .week {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
.widget_session_booking_calendar .week .day {
  width: 14%;
  height: 52px;
  border-radius: 12px;
  line-height: 40px;
  margin: 3px;
  cursor: not-allowed;
  color: var(--Grey-900, #0C0C0E);
  text-align: center;
  font-family: "General Sans", "DM Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 52px; /* 175% */
  letter-spacing: 0.32px;
}
.widget_session_booking_calendar .week .day.available {
  border: 1px solid var(--Grey-200, #DEE2E5);
  cursor: pointer;
}
.widget_session_booking_calendar .week .day.available:hover {
  background-color: var(--color-brand-500, #0C0C0E);
  border: 1px solid var(--color-brand-500, #0C0C0E);
  color: white;
}
.widget_session_booking_calendar .week .day.out_of_month {
  cursor: not-allowed;
  color: var(--Grey-500, #6E757C);
}
.widget_session_booking_calendar .head {
  margin-bottom: 40px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.widget_session_booking_calendar .head .back {
  font-size: 14px;
}
.widget_session_booking_calendar .head .title {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month {
  align-items: center;
  display: flex;
  justify-content: center;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month .prev, .widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month .next {
  border-radius: 20px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  cursor: pointer;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month .prev {
  margin-right: 24px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month .next {
  margin-left: 24px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_month .widget_session_booking_calendar_month_name {
  color: var(--Grey-900, #0C0C0E);
  font-family: "General Sans", "DM Sans", sans-serif;
  font-size: 22px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.44px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .widget_session_booking_calendar_slots_section {
  margin-bottom: 32px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .widget_session_booking_calendar_slots_section .widget_session_booking_calendar_slots_section_title {
  color: var(--color-brand-500, #0C0C0E);
  line-height: 28px;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 24px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .widget_session_booking_calendar_slots_section .widget_session_booking_calendar_slots_section_title i {
  color: var(--color-brand-500, #0C0C0E);
  font-size: 20px;
  margin-right: 8px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .widget_session_booking_calendar_slots_section .widget_session_booking_calendar_slots_section_content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  gap: 12px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .widget_session_booking_calendar_slots_section.widget_session_booking_calendar_slots_section__list .widget_session_booking_calendar_slots_section_content {
  display: flex;
  flex-direction: column;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .slot {
  height: 52px;
  line-height: 52px;
  background-color: white;
  border-radius: 12px;
  border: 1px solid var(--Grey-200, #DEE2E5);
  text-align: center;
  cursor: pointer;
  color: var(--Grey-900, #0C0C0E);
  text-align: center;
  font-family: "General Sans", "DM Sans", sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.3px;
  display: inline-block;
  padding-left: 16px;
  padding-right: 16px;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .slot.list {
  display: block;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .slot.slot-expand {
  display: none;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .slot span {
  font-weight: normal;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .slot.active {
  border-color: var(--color-brand-500, #0C0C0E);
  box-shadow: 0 0 0 1px var(--color-brand-500, #0C0C0E);
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots.expanded .slot-expand {
  display: block;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body .widget_session_booking_calendar_slots .expand {
  width: 100%;
  text-align: center;
  background: none;
  border: none;
  box-shadow: none;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body #booking__submit {
  margin-top: 32px;
  height: 48px;
  line-height: 46px;
  border-radius: 12px;
  box-shadow: -1px 8px 17px 0px rgba(20, 20, 20, 0.0784313725), -6px 31px 32px 0px rgba(20, 20, 20, 0.0705882353);
  background-color: var(--color-brand-500, #0C0C0E);
  color: white;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  width: 100%;
  border: none;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body #booking__submit:disabled {
  display: none;
}
.widget_session_booking_calendar .widget_session_booking_calendar_body #booking__submit i {
  color: #fff;
  font-size: 20px;
  margin-left: 12px;
  position: relative;
  top: 5px;
}

main#error_page,
main#subscription__success {
  margin: 0px;
  margin-top: -60px;
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (max-width: 1023px) {
  main#error_page,
  main#subscription__success {
    margin: 64px 0px;
  }
}
main#error_page .error_page_card,
main#error_page .subscription__success_card,
main#subscription__success .error_page_card,
main#subscription__success .subscription__success_card {
  border-radius: 24px;
  box-shadow: 0px 11px 25px 0px rgba(186, 186, 186, 0.1019607843), 0px 45px 45px 0px rgba(186, 186, 186, 0.0901960784), 0px 101px 61px 0px rgba(186, 186, 186, 0.0509803922), 0px 180px 72px 0px rgba(186, 186, 186, 0.0117647059), 0px 282px 79px 0px rgba(186, 186, 186, 0);
  margin: auto;
  padding: 64px 40px;
  width: 544px;
}
@media (max-width: 1023px) {
  main#error_page .error_page_card,
  main#error_page .subscription__success_card,
  main#subscription__success .error_page_card,
  main#subscription__success .subscription__success_card {
    width: 100%;
  }
}
main#error_page .error_page_card .subscription__card_media,
main#error_page .subscription__success_card .subscription__card_media,
main#subscription__success .error_page_card .subscription__card_media,
main#subscription__success .subscription__success_card .subscription__card_media {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 40px;
}
main#error_page .error_page_card .subscription__card_media i,
main#error_page .subscription__success_card .subscription__card_media i,
main#subscription__success .error_page_card .subscription__card_media i,
main#subscription__success .subscription__success_card .subscription__card_media i {
  color: var(--color-brand-500);
  font-size: 40px;
}
main#error_page .error_page_card h1,
main#error_page .subscription__success_card h1,
main#subscription__success .error_page_card h1,
main#subscription__success .subscription__success_card h1 {
  color: var(--color-grey-900);
  font-weight: 600;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 16px;
  text-align: center;
}
main#error_page .error_page_card p,
main#error_page .subscription__success_card p,
main#subscription__success .error_page_card p,
main#subscription__success .subscription__success_card p {
  color: var(--color-grey-700);
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 0px;
  text-align: center;
}
main#error_page .error_page_card ul,
main#error_page .subscription__success_card ul,
main#subscription__success .error_page_card ul,
main#subscription__success .subscription__success_card ul {
  margin: 32px 0px 48px 0px;
}
main#error_page .error_page_card ul li,
main#error_page .subscription__success_card ul li,
main#subscription__success .error_page_card ul li,
main#subscription__success .subscription__success_card ul li {
  color: var(--color-grey-900);
  font-size: 15px;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 16px;
  padding-left: 32px;
  position: relative;
}
main#error_page .error_page_card ul li span,
main#error_page .subscription__success_card ul li span,
main#subscription__success .error_page_card ul li span,
main#subscription__success .subscription__success_card ul li span {
  position: absolute;
  left: 0px;
  top: 2px;
}
main#error_page .error_page_card ul li span i,
main#error_page .subscription__success_card ul li span i,
main#subscription__success .error_page_card ul li span i,
main#subscription__success .subscription__success_card ul li span i {
  color: var(--color-brand-500);
  font-size: 20px;
}
main#error_page .error_page_card ul li strong,
main#error_page .subscription__success_card ul li strong,
main#subscription__success .error_page_card ul li strong,
main#subscription__success .subscription__success_card ul li strong {
  font-weight: 600;
}
main#error_page .error_page_card ul li:last-child,
main#error_page .subscription__success_card ul li:last-child,
main#subscription__success .error_page_card ul li:last-child,
main#subscription__success .subscription__success_card ul li:last-child {
  margin-bottom: 0px;
}
main#error_page .error_page_card .subscription__success_card_user,
main#error_page .subscription__success_card .subscription__success_card_user,
main#subscription__success .error_page_card .subscription__success_card_user,
main#subscription__success .subscription__success_card .subscription__success_card_user {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 32px;
}
main#error_page .error_page_card .subscription__success_card_user .subscription__success_card_user_media,
main#error_page .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media,
main#subscription__success .error_page_card .subscription__success_card_user .subscription__success_card_user_media,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media {
  background-color: var(--color-brand-500);
  color: #fff;
  align-items: center;
  border-radius: 50%;
  display: flex;
  font-size: 20px;
  font-weight: 600;
  height: 48px;
  justify-content: center;
  width: 48px;
  overflow: hidden;
  margin-right: 20px;
}
main#error_page .error_page_card .subscription__success_card_user .subscription__success_card_user_media img,
main#error_page .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media img,
main#subscription__success .error_page_card .subscription__success_card_user .subscription__success_card_user_media img,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_media img {
  height: 100%;
  width: 100%;
}
main#error_page .error_page_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#error_page .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#subscription__success .error_page_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_fullname {
  color: var(--color-grey-900);
  font-weight: 500;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 6px;
  text-align: left;
}
main#error_page .error_page_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#error_page .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#subscription__success .error_page_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job,
main#subscription__success .subscription__success_card .subscription__success_card_user .subscription__success_card_user_infos .subscription__success_card_user_job {
  color: var(--color-grey-500);
  font-weight: 400;
  font-size: 14px;
  line-height: 16.8px;
  letter-spacing: 2%;
  margin: 0px;
}
main#error_page .error_page_card .subscription__card_cta,
main#error_page .subscription__success_card .subscription__card_cta,
main#subscription__success .error_page_card .subscription__card_cta,
main#subscription__success .subscription__success_card .subscription__card_cta {
  display: flex;
  justify-content: center;
}
main#error_page .error_page_card .subscription__card_cta a,
main#error_page .subscription__success_card .subscription__card_cta a,
main#subscription__success .error_page_card .subscription__card_cta a,
main#subscription__success .subscription__success_card .subscription__card_cta a {
  align-items: center;
  display: inline-flex;
  justify-content: center;
}
main#error_page .error_page_card .subscription__card_cta a i,
main#error_page .subscription__success_card .subscription__card_cta a i,
main#subscription__success .error_page_card .subscription__card_cta a i,
main#subscription__success .subscription__success_card .subscription__card_cta a i {
  font-size: 20px;
  margin-right: 12px;
}
main#error_page .error_page_card .subscription__card_media i,
main#subscription__success .error_page_card .subscription__card_media i {
  color: var(--color-danger-500);
}
main#error_page .error_page_card .subscription__card_support,
main#subscription__success .error_page_card .subscription__card_support {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
main#error_page .error_page_card .subscription__card_support p,
main#subscription__success .error_page_card .subscription__card_support p {
  font-weight: 500;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 0px;
}
main#error_page .error_page_card .subscription__card_support p a,
main#subscription__success .error_page_card .subscription__card_support p a {
  color: var(--color-brand-500);
  text-decoration: underline;
}
main#error_page .subscription__success_card,
main#subscription__success .subscription__success_card {
  opacity: 0;
  transition: all 0.5s ease-in;
}

/*# sourceMappingURL=app.css.map */