/*** App Header ***/
header {
    height: 80px;
    display: flex;
    align-items: center;
    font-weight: 600;
    z-index: 3;
    position: sticky;
    top: 0;
}
header .logo {
    display: flex;
    align-items: center;
}
header nav {
    gap: 20px;
}
.navbar-nav {
    gap: 20px;
}
.nav-item {
    position: relative;
}
.nav-link-item {
    color: white;
    position: relative;
}
nav .nav-link-item.has-children {
    padding-right: 28px;
}
nav .nav-link-item.has-children:after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    width: 20px;
    height: 20px;
    background: url('/assets/img/icons/arrow-down-white.svg') no-repeat center;
}
nav .nav-link-item.has-children.active:after, nav .nav-link-item.has-children.show:after {
    background: url('/assets/img/icons/arrow-up-orange.svg') no-repeat center;
}
.nav-link-item.active,
.nav-link-item.show {
    color: var(--brandYellow) !important;
}
.navbar-nav .dropdown-menu {
    background: #FFFFFF;
    box-sizing: border-box;
    /* Gray_soft */
    border-width: 0 0 2px 0;
    border-style: solid;
    border-color: #E8E8E8;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.1);
    margin-top: 12px;
}
.navbar-nav .dropdown-menu li {
}
.navbar-nav .dropdown-menu li a {
    display: block;
    font-weight: normal;
    padding: 15px 28px 15px 0;
    margin: 0 15px;
    position: relative;
    white-space: nowrap;
}
.navbar-nav .dropdown-menu li a:hover {
    color: var(--brandYellow);
}
.navbar-nav .dropdown-menu li a:after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    right: 0;
    width: 20px;
    height: 20px;
    background: url('/assets/img/icons/arrow-right.svg') no-repeat center;
}
.navbar-nav .dropdown-menu li a:hover:after {
    background: url('/assets/img/icons/arrow-right-orange.svg') no-repeat center;
}
.navbar-nav .dropdown-menu li:not(:last-child) a {
    border-bottom: 1px solid #E8E8E8;
}
nav.navbar.mobile-active {
    display: block;
    background-color: white;
    z-index: 9999;
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.mobile-active .nav-item {
    border-bottom: 1px solid #E8E8E8;
}
.mobile-active .nav-link-item {
    color: var(--mainDark);
    padding: 15px 0;
    display: block;
}
nav.mobile-active .nav-link-item.has-children:after {
    background: url('/assets/img/icons/arrow-right.svg') no-repeat center;
}
nav.navbar.mobile-active .navbar-nav {
    width: 100%;
    gap: 0;
    flex: 1;
    overflow-y: auto;
}
nav.navbar.mobile-active .navbar-collapse {
    height: 100%;
}
nav.navbar.mobile-active .navbar-items {
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    align-items: start !important;
    height: 100%;
}
nav.navbar.mobile-active .create-appointment {
}
nav.navbar.mobile-active .nav-item:first-child {
    align-self: end !important;
}
nav.mobile-active .navbar-nav .dropdown-menu {
    box-shadow: none;
    margin: -20px 0 0 0;
    border: none;
}
nav.mobile-active .navbar-nav .dropdown-menu li a {
    margin-left: 12px;
    margin-right: 0;
}
nav.mobile-active .navbar-nav .dropdown-menu li a:after {
    display: none;
}
nav.mobile-active .nav-link-item.show.has-children:after {
    background: url('/assets/img/icons/arrow-down-orange.svg') no-repeat center;
}
/*** App Header ***/

#app {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
#videoModal .content {
    aspect-ratio: 16/9;
}
#videoModal iframe {
    width: 100%;
    height: 100%;
}
#founderModal .modal-header .title {
    font-weight: 600;
    font-size: 20px;
}
#founderModal .modal-header {
    border-bottom: none;
}
#founderModal .modal-dialog {
    max-width: 600px !important;
}
#followupPopup {}
#followupPopup .modal-dialog {
    max-width: 400px !important;
}
#followupPopup .modal-header {
    border-bottom: none;
    font-weight: 600;
}
#followupPopup .call {
    margin-top: 30px;
}
#followupPopup .call a {
    position: relative;
    display: flex;
    gap: 8px;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
}
#followupPopup .social {
    margin-top: 20px;
    display: flex;
    gap: 16px;
}
#followupPopup .social a {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
#followupPopup .social img {
    height: 24px;
}
#successModal {}
#successModal .modal-dialog {
    max-width: 400px;
}
#successModal .modal-body {
    padding: 30px;
}
#successModal .modal-body .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 30px;
}
#successModal .modal-body .action a {
    padding-left: 32px;
    padding-right: 32px;
}
#successModal .title {
    font-size: 24px;
    font-weight: 600;
}
#askQuestion {}
#askQuestion .modal-dialog {
    max-width: 600px !important;
}
#askQuestion .modal-header {
    border-bottom: none;
    font-weight: 600;
    padding: 30px 30px 0 30px;
}
#askQuestion .modal-body {
    padding: 30px;
}
#seminarSuccessModal {}
#seminarSuccessModal .modal-dialog {
    max-width: 400px !important;
}
#seminarSuccessModal .modal-header {
    border-bottom: none;
    font-weight: 600;
}
#seminarSuccessModal .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#seminarSuccessModal .title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
    text-align: center;
}
#seminarSuccessModal .text {
    text-align: center;
    font-size: 13px;
}
#seminarSuccessModal .icon {
    margin-bottom: 20px;
}
#seminarSuccessModal .icon img {
    width: 60px;
}
#seminarSuccessModal .social {
    margin-top: 20px;
    display: flex;
    gap: 16px;
}
#seminarSuccessModal .social a {
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
}
#seminarSuccessModal .social img {
    height: 24px;
}


/*** App Body ***/
.app-content {
    padding: 50px 0 0 0;
    position: relative;
    flex: 1;
}
.app-content.bg-page:before {
    content: '';
    width: 100%;
    height: 100%;
    background: url('/assets/img/icons/bg-page.svg') 0 0 no-repeat;
    left: -300px;
    top: 50px;
    display: block;
    position: absolute;
    z-index: -1;
}
.page-cta {
    margin: 40px 0;
}
.page-header {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.page-header .breadcrumb {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    align-items: center;
}
.page-header .breadcrumb a {
    position: relative;
}
.page-header .breadcrumb a:first-child {
    padding-left: 24px;
}
.page-header .breadcrumb a:after {
    content: '/';
    padding: 0 4px;
}
.page-header .breadcrumb a:last-child:after {
    font-weight: 600;
}
.page-header .breadcrumb a:first-child:before {
    content: '';
    position: absolute;
    left: 0;
    top: calc(50% - 12px);
    width: 24px;
    height: 24px;
    display: block;
    background: url('/assets/img/icons/line-arrow-left.svg') 0 0 no-repeat;
}
.page-header .breadcrumb > div {
    font-weight: 600;
}
/*** App Body ***/

/*** App Footer ***/
footer {
    font-size: 13px;
    padding: 80px 0;
    background-color: var(--softSectionBg);
}
footer .col-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}
footer .content {
    display: flex;
    gap: 40px;
    justify-content: space-between;
}
footer .content .logo {}
footer .content .footer-nav {}
footer .content .footer-nav .cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
footer .content .footer-nav .cols .nav-col {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
footer .content .social {}
footer .content .social .links {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: start;
}
footer .content .social .links img {
    width: 24px;
}
footer .content .social .links a {
    display: flex;
    gap: 10px;
}
/*** App Footer ***/


/*** Components ***/
.teshis-cta {
    background-color: var(--mainDark);
    padding: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    color: white;
}
.teshis-cta .texts {
    max-width: 60%;
    position: relative;
}
.teshis-cta .texts:before {
    content: '';
    position: absolute;
    top: -30px;
    left: -20px;
    width: 70px;
    height: 23px;
    background: url('/assets/img/icons/text-quote-left-top.svg') no-repeat;
}
.teshis-cta .texts:after {
    content: '';
    position: absolute;
    bottom: -20px;
    right: -25px;
    width: 51px;
    height: 44px;
    background: url('/assets/img/icons/text-quote-right-bottom.svg') no-repeat;
}
.teshis-cta .texts .title {
    font-size: 24px;
    font-weight: 600;
}
.teshis-cta .texts .text {
    margin-top: 10px;
}
.teshis-cta .action {
    white-space: nowrap;
}
.teshis-cta .action a {}
/*** Components ***/





/**** PAGES ****/

/*** 1) Home ***/
/*** Welcome ***/
.welcome {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;
}
.welcome .welcome-text {
    color: var(--grayBody);
    font-size: 24px;
    font-weight: normal;
    line-height: 150%;
    letter-spacing: -0.01em;
    text-align: center;
}
.btn-orange:active {
    background-color: #33ff33 !important;
    color: white !important;
}
/*** Welcome Video ***/
.welcome-video {
    margin-top: 80px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}
.welcome-video a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
.welcome-video a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/img/icons/play-big.svg') no-repeat center;
    opacity: 0.7;
}
.welcome-video img {
    width: 100%;
}

.welcome-videos {
    position: relative;
}
.welcome-videos .list {
    position: relative;
}
.welcome-videos .arrows {
    width: 60px;
    height: 100%;
}
.welcome-videos .arrows a.prev {
    left: -30px;
}
.welcome-videos .arrows a.next {
    left: calc(100% - 30px);
}
.welcome-videos .arrows a {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 100%;
}
.welcome-videos .arrows img {
    width: 60px;
    height: 60px;
}
.welcome-videos .welcome-video:not(.active) {
    display: none;
}

.page-content {
    text-align: center;
    padding-top: 40px;
}

/*** Online Seminar ***/
.online-seminar {
    display: flex;
    align-items: center;
    margin: 10px auto;
    background-color: var(--softOrange);
    padding: 16px;
}
.online-seminar .info {
    flex: 1;
}
.online-seminar .info .headline {
    font-weight: 600;
}
.online-seminar .info .title {}
.online-seminar .info .text {}
.online-seminar .actions {}

/*** Why Us ***/
.why-us {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
.why-us .stats {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}
.why-us .stats .item {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.why-us .stats .item .number {
    font-size: 24px;
    font-weight: 600;
}
.why-us .stats .item .text {
    color: var(--grayBody);
}
.why-us > .text {
    font-family: Lato, sans-serif;
    font-size: 24px;
    font-weight: normal;
    line-height: 150%;
    color: var(--grayBody);
    text-align: center;
}

/*** Features ***/
.features {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(6, 1fr);
    justify-content: center;
    justify-items: center;
}
.features .item {
    border: solid 1px var(--graySoft);
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-align: center;
    min-height: 50px;
    grid-column: span 2;
    max-width: 350px;
    width: 100%;
}
.features .item:last-child:nth-child(3n - 1) {
    grid-column-end: -2;
}
.features .item:nth-last-child(2):nth-child(3n + 1) {
    grid-column-end: 4;
}
.features .item:last-child:nth-child(3n - 2) {
    grid-column-end: 5;
}
.features .item .icon {
    height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.features .item .title {
    font-size: 20px;
    font-weight: 600;
}
.features .item .text {
    color: var(--grayBody);
    flex: 1;
    display: flex;
    align-items: center;
}
.features .item .action {}
.features .item .action a {
    color: var(--grayBody);
    text-decoration: underline;
}
.features .item .action a:hover {
    font-weight: 600;
}

/*** Therapists ***/
.therapists {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    box-sizing: border-box;
}
.therapists .list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 40px 0;
    position: relative;
}
.therapists .list .item {
    border: solid 1px var(--graySoft);
    padding: 20px;
    gap: 20px;
    text-align: center;
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
}
.therapists .list .arrows {
    position: absolute;
    left: 0;
    top: 160px;
    width: 100%;
    display: none;
}
.therapists .list .arrows img {
    width: 40px;
}
.therapists .list .arrows a {
    position: absolute;
    top: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}
.therapists .list .arrows a.prev {
    left: 0;
}
.therapists .list .arrows a.next {
    right: 0;
}
.therapists .list .item .image {
    aspect-ratio: 1.17/1;
}
.therapists .list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.therapists .list .item .name {
    font-size: 20px;
    font-weight: 600;
}
.therapists .list .item .university {
    font-size: 13px;
}
.therapists .list .item .comment {
    font-size: 13px;
    font-style: italic;
    text-align: center;
}
.therapists .list .item .info {
    font-size: 13px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}
.therapists .list .item .info .info-item {
    text-align: left;
}
.therapists .list .item .info .info-item > .title {
    font-weight: 600;
}
.therapists .actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex: 1;
    justify-content: end;
}
.therapists .actions a {
    width: 100%;
    display: flex;
    gap: 8px;
}
.therapists .action {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}

/*** Subjects ***/
.most-cases {
    color: var(--grayBody);
    margin-top: 80px;
}
.most-cases .section-title {
    color: var(--mainDark);
}
.most-cases .info-text {
    margin-top: 10px;
}
.most-cases .list {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.most-cases .list .items {
}
.most-cases .list .items .item {
    color: var(--grayBody);
    display: flex;
    justify-content: space-between;
    width: 100%;
    gap: 30px;
}
.most-cases .list .items .content {
    color: var(--grayBody);
    display: flex;
    flex-direction: column;
    width: calc(50% - 15px);
}
.most-cases .list .items .item .subject {
    color: var(--mainDark);
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    border-bottom: solid 1px var(--graySoft);
    cursor: pointer;
}
.most-cases .list .items .item .subject:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    background-image: url('/assets/img/icons/arrow-down.svg');
}
.most-cases .list .items .item.active .subject:after {
    transform: rotate(180deg);
}
.most-cases .list .items .item:not(.active) .info, .most-cases .list .items .item:not(.active) .answer {
    display: none;
}
.most-cases .list .items .item .info {
    margin-top: 10px;
}
.most-cases .list .items .item .info .question {
}
.most-cases .list .items .item .info .demographic {
    font-weight: 600;
}
.most-cases .list .items .item .answer {
    background-color: var(--softOrange);
    padding: 20px;
    margin-top: 10px;
}
.most-cases .list .items .item .therapist {
    font-weight: 600;
}
.most-cases .list .items .item .watch-video {
    margin-top: 10px;
    font-size: 13px;
}
.most-cases .list .items .item .watch-video a {
    text-decoration: underline;
}
.most-cases .list .items .item .video:not(.active) {
    display: none;
}
.most-cases .list .items .item:not(.active) .video {
    display: none;
}
.most-cases .list .items .item .video {
    position: relative;
    width: calc(50% - 15px);
}
.most-cases .list .items .item .video .player {
    position: relative;
}
.most-cases .list .items .item .video .player img {
    width: 100%;
}
.most-cases .list .items .item .video .player .title {
    position: absolute;
    left: 20px;
    bottom: 20px;
    font-size: 16px;
}
.most-cases .list .items .item .title {
    margin-top: 10px;
    font-size: 13px;
    text-align: center;
}

/*** Testimonials ***/
.testimonials {
    padding-top: 50px;
}
.testimonials .section-title {
    text-align: center;
}
.testimonials .list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 30px;
    position: relative;
}
.testimonials .list .item {
    display: flex;
    flex-direction: column;
}
.testimonials .list .item:nth-child(even) {
    flex-direction: column-reverse;
}
.testimonials .list .item .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 20px;
    margin-bottom: 0;
}
.testimonials .list .item:nth-child(even) .info {
    margin-top: 0;
    margin-bottom: 20px;
}
.testimonials .list .item .image {}
.testimonials .list .item .image a {
    position: relative;
    display: block;
}
.testimonials .list .item .image a:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: url('/assets/img/icons/play-big.svg') center center no-repeat;
    background-size: 60px 60px;
    left: 0;
    top: 0;
}
.testimonials .list .item .image img {
    width: 100%;
}
.testimonials .list .item .title {
    font-weight: 600;
}
.testimonials .list .item .text {}
.testimonials .list .item .demographic {
    font-weight: 600;
}
.testimonials .action {
    text-align: center;
    margin: 40px;
}
.testimonials .list .arrows {
    position: absolute;
    left: 0;
    top: 160px;
    width: 100%;
    display: none;
}
.testimonials .list .arrows img {
    width: 40px;
}
.testimonials .list .arrows a {
    position: absolute;
    top: calc(50% - 20px);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
}
.testimonials .list .arrows a.prev {
    left: 0;
}
.testimonials .list .arrows a.next {
    right: 0;
}

/*** FAQ ***/
.faq {
    margin: 40px;
}
.faq .section-title {
    text-align: center;
}
.faq .tab-contents {}
.faq .tab-contents .tab {}
.faq .tab-contents .list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-top: 20px;
}
.faq .tab-contents .list .item {
    background-color: var(--accordionItemBg);
}
.faq .tab-contents .list .item .question {
    font-weight: 600;
    cursor: pointer;
    position: relative;
    padding: 20px 40px 20px 20px;
}
.faq .tab-contents .list .item .question:after {
    content: url('/assets/img/icons/arrow-down.svg');
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    width: 20px;
    height: 20px;
}
.faq .tab-contents .list .item.active .question:after {
    content: url('/assets/img/icons/arrow-up.svg');
}
.faq .tab-contents .list .item .answer {
    padding: 0 20px 20px 20px;
    margin-top: -10px;
}
.faq .tab-contents .list .item:not(.active) .answer {
    display: none;
}
.faq .action {
    margin-top: 20px;
    text-align: center;
    font-weight: 600;
}

/*** Tests ***/
.tests {
    margin-top: 50px;
    margin-bottom: 40px;
}
.tests .section-title {}
.tests .list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.tests .list .item {
    padding: 20px;
    background-color: white;
    display: flex;
    gap: 20px;
    align-items: center;
}
.tests .list .item .icon {}
.tests .list .item .icon img {
    width: 100%;
}
.tests .list .item .info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.tests .list .item .info .title {
    font-weight: 600;
}
.tests .list .item .info .duration {
    display: flex;
    align-items: center;
    gap: 6px;
}
.tests .list .item .action {}
.tests .list .item .action a {
    text-decoration: underline;
}

/*** Why Face to Face Therapy ***/
.why-face {
    margin-top: 80px;
    margin-bottom: 80px;
}
.why-face .section-title {
    text-align: center;
}
.why-face .list {
    margin-top: 40px;
}
.why-face .list .item, .why-face .list .item-header {
    display: flex;
    border-bottom: solid 1px var(--graySoft);
}
.why-face .list .text {
    flex: 1;
    padding: 20px 10px;
}
.why-face .list .check-col {
    font-weight: 600;
    width: 80px;
    text-align: center;
    position: relative;
}
.why-face .list .item .check-col:after {
    content: '';
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: url('/assets/img/icons/close.svg') no-repeat center center;
    position: absolute;
    left: 0;
    top: 0;
}
.why-face .list .item .check-col.check {
    background-color: var(--alternative);
}
.why-face .list .item .check-col.check:after {
    background: url('/assets/img/icons/check.svg') no-repeat center center;
}

/*** Videos ***/
.videos {}
.videos .list {
    position: relative;
    margin-top: 20px;
    height: 100%;
    max-height: 620px;
    overflow: hidden;
}
.videos .text {
    margin-top: 10px;
    margin-bottom: 20px;
    color: var(--grayBody);
}
.videos .list .arrows {
    position: absolute;
}
.videos .list .item {
    position: relative;
    height: 100%;
    max-height: 620px;
}
.videos .list .item.slick-active {}
.videos .list .item:not(.slick-active) {}
.videos .list .item:not(.slick-active) .arrows {
    display: none;
}
.videos .list .item .arrows {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.videos .list .item .arrows a {
    position: absolute;
    height: 100%;
    top: 0;
    width: 100px;
}
.videos .list .item .arrows a.prev {
    left: 0;
}
.videos .list .item .arrows a.next {
    right: 0;
}
.videos .list .item .arrows a:after {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    background-size: 100% 100%;
}
.videos .list .item .arrows a.prev:after {
    background-image: url('/assets/img/icons/arrow-left-white-50.svg');
}
.videos .list .item .arrows a.next:after {
    background-image: url('/assets/img/icons/arrow-right-white-50.svg');
}
.videos .list .item .arrows a img {}
.videos .list .item .image {
    height: 100%;
    max-height: 620px;
    overflow: hidden;
}
.videos .list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.videos .list .item:not(.slick-active) .image img {}
.videos .list .item .meta {
    position: absolute;
    left: 0;
    bottom: 20px;
    font-size: 13px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.videos .list .item .title {}
.videos .list .item:not(.slick-active) .title, .videos .list .item:not(.slick-active) .play-video {
    display: none;
}
.videos .list .item.slick-active .play-video {
    position: absolute;
    left: 90px;
    right: 90px;
    top: 0;
    width: calc(100% - 180px);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}
.videos .list .slick-slide > div {
    transform: scale(.9);
    transition: transform .3s cubic-bezier(.4,0,.2,1);
}
.videos .list .slick-center > div {
    transform: scale(1);
}
.videos .list .slider__item > img {
    width: 100%;
    height: auto;
}

/*** Articles ***/
.articles {
    overflow: hidden;
    margin-top: 80px;
}
.articles .section-title {
    text-align: center;
}
.articles .slider {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow-x: auto;
    padding-left: 15%;
}
.articles .list {
    display: inline-flex;
    gap: 30px;
    flex-wrap: nowrap;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 40px;
}
.articles .list .item {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: var(--grayBody);
    width: 340px;
}
.articles .list .item .image {
    aspect-ratio: 1/1;
}
.articles .list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.articles .list .item .title {
    margin-top: 10px;
    font-weight: 600;
    color: var(--mainDark);
}
.articles .list .item .date {}
.articles .list .item .excerpt {}
.articles .list .item a {
    color: var(--mainDark);
    font-weight: 600;
    text-decoration: underline;
}

/*** Branches ***/
.branches {
    margin-top: 80px;
    margin-bottom: 40px;
    padding-bottom: 40px;
}
.branches .section-title {
    padding-top: 40px;
}
.branches .text {
    margin-top: 20px;
}
.branches .list {
    margin-top: 40px;
    margin-bottom: 40px;
}
.branches .list .items {
}
.branches .list .items .item {
    color: var(--grayBody);
}
.branches .list .items .item .data {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.branches .list .items .item .data .content {
    padding: 20px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.branches .list .items .item .image {}
.branches .list .items .item .image img {
    width: 100%;
}
.branches .list .items .item .title {
    color: var(--mainDark);
    font-weight: 600;
    padding: 15px 0;
    position: relative;
    border-bottom: solid 1px var(--graySoft);
    cursor: pointer;
    width: 50%;
}
.branches .list .items .item .title:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 0;
    top: calc(50% - 10px);
    background-image: url('/assets/img/icons/arrow-down.svg');
}
.branches .list .items .item.active .title:after {
    transform: rotate(180deg);
}
.branches .list .items .item:not(.active) .data {
    display: none;
}
.branches .list .items .item p {
    margin: 0;
    padding: 0;
}

/*** Home CTA ***/
.home-cta {
    margin-top: 80px;
    margin-bottom: 80px;
}

/*** 2) Contact ***/
.contact {}
.contact .section-title {
    color: var(--mainDark);
}
.contact .text {}
.contact .field {}
.contact .form {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    color: var(--grayBody);
}
.contact label {
    margin-bottom: 5px;
}
.contact .action {
    margin-top: 20px;
}
.contact:is(.has-result) .form, .contact:not(.has-result) .result {
    display: none;
}
.contact .result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    justify-content: center;
    width: calc(50% + 40px);
    margin: 0 auto;
    border: solid 1px var(--graySoft);
    padding: 20px 20px;
    box-sizing: border-box;
    background-color: white;
}
.contact .result .image {}
.contact .result .image img {}
.contact .result .title {
    font-size: 20px;
    font-weight: 600;
}
.contact .result > .text {
    color: var(--grayBody);
}
.contact .result .socials {}
.contact .result .social {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}
.contact .result .socials > .text {
    font-size: 13px;
    color: var(--grayBody);
}
.contact .result .social a {
    padding: 16px 20px;
    display: flex;
    gap: 12px;
}
.contact .result .social a img {
    height: 25px;
}
.contact .result .home {
    margin-top: 30px;
    text-decoration: underline;
}
/*** Contact end ***/


/*** Article Detail Page ***/
.article {}
.article > .title {
    margin-top: 40px;
    font-weight: 600;
    font-size: 24px;
}
.article .meta {
    margin-top: 10px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    color: var(--grayBody);
}
.article .meta.bottom {
    margin-top: 20px;
}
.article .meta .date {}
.article .meta .share-copy {
    flex: 1;
    display: flex;
    gap: 20px;
    justify-content: end;
}
.article .meta.bottom .share-copy {
    justify-content: start;
}
.article .meta .share-copy .share {
    display: flex;
}
.article .meta .share-copy .share .links {
    display: flex;
    gap: 10px;
    margin-left: 10px;
}
.article .meta .share-copy .share .links img {
    height: 25px;
}
.article .meta .share-copy .copy {}
.article .image {
    margin-top: 20px;
}
.article .image img {
    width: 100%;
}
.article .contents {
    margin-top: 40px;
    font-weight: 600;
}
.article .contents .title {
    font-size: 20px;
    color: var(--grayBody);
}
.article .contents .list {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.article .contents .list a {
    padding: 20px 50px 20px 20px;
    background-color: var(--graySofter);
    position: relative;
    color: var(--grayBody);
}
.article .contents .list a:after {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    right: 20px;
    top: calc(50% - 10px);
    display: block;
    background-image: url('/assets/img/icons/arrow-right.svg');
}
.article .content {
    margin-top: 40px;
    color: var(--grayBody);
}
.article .content h4 {
    margin: 40px 0 30px 0;
}



/*** Articles Page ***/
.article-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}
.article-list .item {}
.article-list .item .image {
    aspect-ratio: 1/1;
}
.article-list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.article-list .item .title {
    font-weight: 600;
    margin-top: 20px;
}
.article-list .item .date {
    margin-top: 10px;
    color: var(--grayBody);
}
.article-list .item .text {
    margin-top: 10px;
    color: var(--grayBody);
}
.article-list .item .action {
    margin-top: 20px;
}
.article-list .item .action a {
    font-weight: 600;
    text-decoration: underline;
}


/*** Articles Page ***/
.video-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-top: 40px;
}
.video-list .item {}
.video-list .item .image {
    aspect-ratio: 1/1;
    position: relative;
}
.video-list .item .image a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url('/assets/img/icons/play-big.svg') center center no-repeat;
    background-size: 100px 100px;
}
.video-list .item .image a {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.video-list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-list .item .title {
    font-weight: 600;
    margin-top: 20px;
}
.video-list .item .expert, .video-list .item .date {
    margin-top: 10px;
    color: var(--grayBody);
}
.video-list .item .text {
    margin-top: 10px;
    color: var(--grayBody);
}
.video-list .item .action {
    margin-top: 20px;
}
.video-list .item .action a {
    font-weight: 600;
    text-decoration: underline;
}






/*** Milestones ***/
.milestones {
    margin-top: 40px;
}
.milestones .list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-top: 30px;
}
.milestones .list .item {
    border: solid 1px var(--graySoft);
    padding: 30px 20px 20px 20px;
}
.milestones .list .item .title {
    font-weight: 600;
    position: relative;
}
.milestones .list .item .title::before {
    content: '';
    position: absolute;
    left: 0;
    top: -10px;
    width: 24px;
    height: 5px;
    background-color: var(--alternative);
    border-radius: 2.5px;
}
.milestones .list .item .text {
    margin-top: 10px;
    color: var(--grayBody);
}

/*** Vision ***/
.vision {
    margin-top: 40px;
}

/*** Numbers ***/
.numbers {
    font-size: 13px;
}
.numbers .list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.numbers .list .item {
    border: solid 1px var(--graySoft);
    padding: 20px;
}
.numbers .list .item .title {
    font-weight: 600;
}
.numbers .list .item .text {
    margin-top: 5px;
    color: var(--grayBody);
}

/*** Values ***/
.values {
    margin-top: 30px;
}
.values .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.values .list .item {
    padding: 20px;
    border: solid 1px var(--graySoft);
}
.values .list .item .title {
    font-weight: 600;
}
.values .list .item .text {
    margin-top: 10px;
}

/*** Founders ***/
.founders {
    margin-top: 30px;
    background-color: var(--softOrange);
    padding: 20px;
}
.founders .list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.founders .list .item {
    display: flex;
    gap: 20px;
}
.founders .list .item .image {
    flex: 1;
}
.founders .list .item .image img {
    width: 100%;
}
.founders .list .item .data {
    flex: 2;
    display: flex;
    flex-direction: column;
}
.founders .list .item .title {
    font-size: 20px;
    font-weight: 600;
}
.founders .list .item .university {
    margin-top: 5px;
}
.founders .list .item .text {
    margin-top: 20px;
    color: var(--grayBody);
    display: -webkit-box;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: wrap;
}
.founders .list .item .cv {
    font-size: 20px;
    margin-top: 20px;
}
.founders .list .item .cv a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 20px;
}
.founders .action {
    margin-top: 20px;
    text-align: center;
}
.founders .action a {
    font-weight: 600;
    border-color: #C2C2C2;
}


/*** Services ***/
.service-list {
    display: flex;
    justify-content: space-evenly;
    gap: 30px;
}
.service-list .item {
    padding: 20px;
    background-color: var(--softOrange);
    color: var(--grayBody);
    display: flex;
    flex-direction: column;
    gap: 5px;
    flex: 1;
}
.service-list .item .title {
    font-weight: 600;
    color: var(--mainDark);
}
.service-list .item .text {}
.service-list .item .action {
    font-size: 13px;
    font-weight: 400;
}
.service-list .item .action a {
    text-decoration: underline;
    color: var(--grayBody);
}



/*** Founders ***/
.founders {
    margin-top: 30px;
    background-color: var(--softOrange);
    padding: 20px;
}
.founders .list {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.founders .list .item {
    display: flex;
    gap: 20px;
}
.founders .list .item .image {
    flex: 1;
}
.founders .list .item .image img {
    width: 100%;
}
.founders .list .item .data {
    flex: 2;
    display: flex;
    flex-direction: column;
}
.founders .list .item .title {
    font-size: 20px;
    font-weight: 600;
}
.founders .list .item .university {
    margin-top: 5px;
    color: var(--grayBody);
}
.founders .list .item .text {
    margin-top: 20px;
    color: var(--grayBody);
}
.founders .list .item .cv {
    font-size: 20px;
    margin-top: 20px;
}
.founders .list .item .cv a {
    text-decoration: underline;
    font-weight: 600;
    font-size: 20px;
}
.founders .action {
    margin-top: 20px;
    text-align: center;
}
.founders .action a {
    font-weight: 600;
    border-color: #C2C2C2;
}

/*** Experts ***/
.experts {
    padding: 20px;
    border: solid 1px var(--graySoft);
    margin-top: 40px;
}
.experts .list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.experts .list .item {
    text-align: center;
}
.experts .list .item .image {
    aspect-ratio: 1/1;
}
.experts .list .item .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.experts .list .item .title {
    font-weight: 600;
    margin-top: 20px;
}
.experts .list .item .position {
    margin-top: 5px;
}
.experts .list .item .university {
    margin-top: 5px;
}





.test {
    padding-bottom: 100px;
}
.test .form {}
.test .step {
    padding: 20px;
    border: solid 1px var(--graySoft);
}
.test .step > .title {
    font-size: 24px;
    color: var(--mainDark);
    font-weight: 600;
}
.test .step:not(.active) {
    display: none;
}
.test .step-welcome {
    text-align: center;
    color: var(--grayBody);
}
.test .step-welcome .title {
    margin-top: 40px;
}
.test .step-welcome .duration {
    text-align: right;
    color: var(--mainDark);
    position: relative;
}
.test .step-welcome .duration span {
    position: relative;
    padding-left: 30px;
}
.test .step-welcome .duration span:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url('/assets/img/icons/clock.svg') no-repeat;
}
.test .step-welcome .image {
    margin-top: 40px;
}
.test .step-welcome .image img {}
.test .step-welcome .text {
    margin-top: 20px;
}
.test .step-welcome .action {
    margin-top: 40px;
    width: 100%;
}
.test .step-welcome .action a {
    width: 100%;
}
.test:is(.has-result) .form, .test:not(.has-result) .result {
    display: none;
}
.test .result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    justify-content: center;
    width: calc(50% + 60px);
    margin: 0 auto;
    border: solid 1px var(--graySoft);
    padding: 20px 20px;
    box-sizing: border-box;
    background-color: white;
}
.test .result .image {}
.test .result .image img {}
.test .result .title {
    font-size: 20px;
    font-weight: 600;
}
.test .result > .text {
    color: var(--grayBody);
}
.test .result .socials {}
.test .result .social {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
    flex-wrap: wrap;
}
.test .result .socials > .text {
    font-size: 13px;
    color: var(--grayBody);
}
.test .result .social a {
    padding: 16px 20px;
    display: flex;
    gap: 12px;
}
.test .result .social a img {
    height: 25px;
}
.test .result .home {
    margin-top: 30px;
    text-decoration: underline;
}

.step-questions {}
.step-questions > .title {
    text-align: center;
}
.step-questions > .question {
    color: var(--grayBody);
}
.step-questions > .question:not(.active) {
    display: none;
}
.step-questions > .question .text {
    margin-top: 20px;
}
.step-questions > .question .answers {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.step-questions > .question .answers a {
    color: var(--grayBody);
}
.step-questions > .question .answers .answer.active, .step-questions > .question .answers .answer:not(.checkbox):hover {
    color: var(--mainDark);
    background-color: var(--brandYellow);
}
.step-questions > .question .answers .answer {
    cursor: pointer;
    display: inline-flex;
    padding: 12px 24px;
    border: solid 1px var(--graySoft);
    justify-content: center;
    align-items: center;
}
.step-questions > .question .actions {
    margin-top: 20px;
}
.step-questions > .question .actions .next {
    font-size: 18px;
}
.step-questions > .question .actions:not(.active) .next {
    display: none;
}
.step-questions > .question .actions .prev {
    margin-top: 20px;
    color: var(--grayBody);
    display: block;
    font-size: 13px;
    text-decoration: underline;
}
.step-questions > .question .answers .answer.checkbox.active {
    background-color: initial;
    color: initial;
}
.step-questions > .question .answers .answer.checkbox {
    display: flex;
    padding: 5px 20px 5px 56px;
    align-items: center;
    position: relative;
    justify-content: start;
    min-height: 48px;
}
.step-questions > .question .answers .answer.checkbox:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: calc(50% - 12px);
    background: url('/assets/img/icons/checkbox.svg') 0 0 no-repeat;
}
.step-questions > .question .answers .answer.active.checkbox:before {
    background: url('/assets/img/icons/checkbox-selected.svg') 0 0 no-repeat;
}
.step-questions > .question .answers .answer.radio.active {
    background-color: initial;
    color: initial;
}
.step-questions > .question .answers .answer.radio {
    display: flex;
    padding: 5px 20px 5px 56px;
    align-items: center;
    position: relative;
    justify-content: start;
    min-height: 48px;
}
.step-questions > .question .answers .answer.radio:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: calc(50% - 12px);
    background: url('/assets/img/icons/radio.svg') 0 0 no-repeat;
}
.step-questions > .question .answers .answer.active.radio:before {
    background: url('/assets/img/icons/radio-selected.svg') 0 0 no-repeat;
}
.step-questions > .question:last-child .actions .next span:first-child, .step-questions > .question:not(:last-child) .actions .next span:last-child {
    display: none;
}






.appointment {
    padding-bottom: 100px;
}
.appointment .form {}
.appointment .step {
    padding: 20px;
    border: solid 1px var(--graySoft);
}
.appointment .step > .title {
    font-size: 24px;
    color: var(--mainDark);
    font-weight: 600;
}
.appointment .step:not(.active) {
    display: none;
}
.appointment .step-welcome {
    color: var(--grayBody);
}
.appointment .step-welcome .title {
    text-align: center;
}
.appointment .step-welcome .duration span:before {
    content: '';
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    background: url('/assets/img/icons/clock.svg') no-repeat;
}
.appointment .step-welcome .image {
    margin-top: 40px;
}
.appointment .step-welcome .image img {}
.appointment .step-welcome .text {
    margin-top: 20px;
}
.appointment .step-welcome .video {
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px;
    background-color: #f8f8f8;
}
.appointment .step-welcome .video > div {
    flex: 1;
    margin-right: 12px;
}
.appointment .step-welcome .video > a {
    position: relative;
    display: block;
    padding-right: 20px;
}
.appointment .step-welcome .video > a:after {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 0;
    top: calc(50% - 12px);
    background: url('/assets/img/icons/arrow-right-rounded.svg') 0 0 no-repeat;
}
.appointment .step-welcome .action {
    margin-top: 40px;
    width: 100%;
}
.appointment .step-welcome .action a {
    width: 100%;
}
.appointment:is(.has-result) .form, .appointment:not(.has-result) .result {
    display: none;
}
.appointment .result {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    text-align: center;
    justify-content: center;
    width: calc(50% + 40px);
    margin: 0 auto;
    border: solid 1px var(--graySoft);
    padding: 20px 20px;
    box-sizing: border-box;
    background-color: white;
}
.appointment .result .image {}
.appointment .result .image img {}
.appointment .result .title {
    font-size: 20px;
    font-weight: 600;
}
.appointment .result > .text {
    color: var(--grayBody);
}
.appointment .result .socials {}
.appointment .result .social {
    display: flex;
    gap: 20px;
    justify-content: center;
    margin-top: 30px;
}
.appointment .result .socials > .text {
    font-size: 13px;
    color: var(--grayBody);
}
.appointment .result .social a {
    padding: 16px 20px;
    display: flex;
    gap: 12px;
}
.appointment .result .social a img {
    height: 25px;
}
.appointment .result .home {
    margin-top: 30px;
    text-decoration: underline;
}

.step-questions {}
.step-questions > .title {
    text-align: center;
}
.step-questions > .question {
    color: var(--grayBody);
}
.step-questions > .question:not(.active) {
    display: none;
}
.step-questions > .question .text {
    margin-top: 20px;
}
.step-questions > .question .step-number {
    text-align: center;
    font-size: 13px;
    margin-top: 30px;
}
.step-questions > .question .answers {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.step-questions > .question .answers a {
    color: var(--grayBody);
}
.step-questions > .question .answers .answer.active, .step-questions > .question .answers .answer:not(.checkbox):hover {
    color: var(--mainDark);
    background-color: var(--brandYellow);
}
.step-questions > .question .answers .answer.checkbox.active {
    background-color: initial;
    color: initial;
}
.step-questions > .question .answers .answer {
    cursor: pointer;
    display: inline-flex;
    padding: 12px 24px;
    border: solid 1px var(--graySoft);
    justify-content: center;
    align-items: center;
}
.step-questions > .question .actions {
    margin-top: 20px;
}
.step-questions > .question .actions .next {
    font-size: 18px;
}
.step-questions > .question .actions:not(.active) .next {
    display: none;
}
.step-questions > .question .actions .prev {
    margin-top: 20px;
    color: var(--grayBody);
    display: block;
    font-size: 13px;
    text-decoration: underline;
}
.step-questions > .question .answers .answer.checkbox {
    display: flex;
    padding: 5px 20px 5px 56px;
    align-items: center;
    position: relative;
    justify-content: start;
    min-height: 48px;
}
.step-questions > .question .answers .answer.checkbox:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: calc(50% - 12px);
    background: url('/assets/img/icons/checkbox.svg') 0 0 no-repeat;
}
.step-questions > .question .answers .answer.active.checkbox:before {
    background: url('/assets/img/icons/checkbox-selected.svg') 0 0 no-repeat;
}
.step-questions > .question:last-child .actions .next span:first-child, .step-questions > .question:not(:last-child) .actions .next span:last-child {
    display: none;
}

.step-questions > .question .answers .answer.radio.active {
    background-color: initial;
    color: initial;
}
.step-questions > .question .answers .answer.radio {
    display: flex;
    padding: 5px 20px 5px 56px;
    align-items: center;
    position: relative;
    justify-content: start;
    min-height: 48px;
}
.step-questions > .question .answers .answer.radio:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 20px;
    top: calc(50% - 12px);
    background: url('/assets/img/icons/radio.svg') 0 0 no-repeat;
}
.step-questions > .question .answers .answer.active.radio:before {
    background: url('/assets/img/icons/radio-selected.svg') 0 0 no-repeat;
}




.calendar-container {
    border-radius: 12px !important;
    padding: 16px 38px;
    border: solid 1px var(--graySoft);
    margin-top: 20px;
}
#calendar, .day-names {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    grid-row-gap: 12px;
    grid-column-gap: 8px;
    box-sizing: border-box;
    font-weight: 600;
}
.day-names {
    border: none;
    border-bottom: solid 1px var(--graySoft);
    margin: 20px 0;
    padding-bottom: 20px;
}
#calendar .day {
    border-radius: 8px !important;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: normal;
    cursor: pointer;
}
#calendar .day.available:not(:empty):not(.past) {
    background-color: #E9FDE5;
}
#calendar .day.selected {
    background-color: var(--brandYellow) !important;
    color: var(--mainDark);
    font-size: 14px;
}
#calendar .day.past {
    color: var(--grayBody) !important;
    pointer-events: none;
}

.calendar-container .current-day-name {
    border-bottom: solid 1px var(--graySoft);
    padding-bottom: 20px;
    text-align: center;
    font-weight: 600;
}
.calendar-container .month-day-info {
    position: relative;
}
.calendar-container .month-day-info a.change-month {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.calendar-container .month-day-info a.change-month[data-type="next"] {
    right: 0;
}
.calendar-container .calendar {}
.calendar-info {}
.calendar-info .color {
    position: relative;
    padding-left: 21px;
    display: flex;
    align-items: center;
    margin-top: 12px;
}
.calendar-info .color:after {
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    background-color: #E9FDE5;
    border-radius: 4px;
    position: absolute;
    left: 0;
    top: calc(50% - 8px);
}


.custom-appointment label {
    width: 100%;
}
.custom-appointment input[type="submit"] {
    display: inline-flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: -.01em;
    color: var(--mainDark);
    white-space: nowrap;
}
.custom-appointment input[type="submit"] {
    background-color: var(--brandYellow) !important;
}
.custom-appointment input[type="submit"] {
    border: none;
    outline: none;
}


.filters {}
.filters .filter-records {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    gap: 12px;
    flex-wrap: nowrap;
    white-space: nowrap;
}
.filters .filter-records a {
    box-sizing: border-box;
    padding: 16px 24px;
    border: solid 1px var(--softOrange);
    color: var(--mainDark);
    display: flex;
    justify-content: center;
    align-items: center;
}
.filters .filter-records a.active {
    background-color: var(--brandYellow);
    border: none;
}
.filters .filter-sort {}


.filter-sort {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    /*margin-bottom: 20px;*/
    position: relative;
}
.filter-sort .sort-options {
    position: absolute;
    right: 0;
    top: 32px;
    background-color: var(--graySofter);
    padding: 12px 26px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 3;
}
.filter-sort:not(.on) .sort-options {
    display: none;
}

.page-tests .list .item {
    border: solid 1px #e8e8e8;
}
.page-tests .list .item .actions a {
    text-decoration: underline;
}

.horizontal-slider {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    overflow-x: auto;
}

#seminarRegistration a.submit-form {
    width: 100%;
}


.page-single-terapi .small-container {
    max-width: 850px;
    margin: 0 auto;
}
.page-single-terapi .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.page-single-terapi .slider {
    padding-left: initial;
}
.page-single-terapi .video {
    margin-top: 36px;
}
.page-single-terapi .video img {
    width: 100%;
}
.page-single-terapi .video a {
    display: block;
    position: relative;
}
.page-single-terapi .video .title {
    position: absolute;
    left: 0;
    bottom: 20px;
    background-color: var(--brandYellow);
    padding: 10px;
}
.page-single-terapi .video a:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/img/icons/play-big.svg) no-repeat center;
    opacity: 0.7;
}
.page-single-terapi .test {
    padding: 20px;
    background-color: white;
    display: flex;
    gap: 20px;
    align-items: center;
    border: 1px solid #FFF0E6;
    margin-top: 36px;
}
.page-single-terapi .test .icon {}
.page-single-terapi .test .icon img {
    width: 100%;
}
.page-single-terapi .test .info {
    flex: 1;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    height: 100%;
}
.page-single-terapi .test .info .title {
    font-weight: 600;
}
.page-single-terapi .test .info .duration {
    display: flex;
    align-items: center;
    gap: 6px;
}
.page-single-terapi .test .action {}
.page-single-terapi .test .action a {
    text-decoration: underline;
}
.page-single-terapi .list-title {
    font-size: 24px;
    font-weight: 600;
}
.page-single-terapi .expert-list {
    margin-top: 60px;
}
.page-single-terapi .expert-list .list {
    grid-template-columns: 1fr 1fr;
}
.page-single-terapi .create-appointment {
    text-align: center;
    margin-bottom: 40px;
}
#seminarRegistration .modal-header .title {
    font-size: 24px;
    font-weight: 600;
}


/**** PAGES ****/