/**---------------------------------*/
/**     TABLE OF BOTTOM CONTENTS:   */
/**---------------------------------*/
/*01 - FORM ELEMENTS*/
/*02 - ACCORDION*/
/*03 - BREADCRUMBS*/
/*04-27 - OTHER SECTIONS*/
/*28 - FOOTER*/
/*29 - POPUPS*/
/*-----------------------*/
/*   01 FORM ELEMENTS    */
/*-----------------------*/
input { -webkit-appearance: none; -moz-appearance: none; font-size: 16px; font-weight: 400; color: var(--clr-primary-dark); }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: var(--clr-primary-dark); }

input:-moz-placeholder, textarea:-moz-placeholder { color: var(--clr-primary-dark); }

input::-moz-placeholder, textarea::-moz-placeholder { color: var(--clr-primary-dark); }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: var(--clr-primary-dark); }

input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { display: none; }

input, textarea, select { border-radius: 0; background: none; border: none; margin: 0; width: 100%; padding: 0; }

textarea { display: block; resize: none; overflow: auto; }

select::-ms-expand { display: none; }

.input { position: relative; z-index: 2; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); height: 48px; font-size: 16px; font-weight: 400; line-height: 1.52em; color: var(--clr-primary-dark); text-align: left; -o-text-overflow: ellipsis; text-overflow: ellipsis; border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 8px; padding: 12px 32px 0 16px; }

textarea.input { height: 120px; }

.input-field-wrapper { position: relative; }

.input-field-wrapper::before { content: "!"; position: absolute; z-index: 1; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); top: 12px; right: 16px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 20px; height: 20px; font-size: 16px; line-height: 20px; font-weight: 600; color: var(--clr-white); text-align: center; background-color: var(--clr-error); border-radius: 100%; }

.input-placeholder { position: absolute; z-index: 1; overflow: hidden; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); top: 0; left: 16px; -webkit-transform: translateY(16px); -ms-transform: translateY(16px); transform: translateY(16px); display: inline-block; font-size: 16px; line-height: 1.2em; font-weight: 400; color: var(--clr-primary-dark); white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; }

.input-placeholder b { font-weight: inherit; font-style: normal; letter-spacing: 0.03em; color: inherit; }

.password-control { position: absolute; z-index: 2; cursor: pointer; top: 50%; right: 8px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .25s; -o-transition: all .25s; transition: all .25s; display: inline-block; width: 24px; height: 24px; background-image: url(../img/icons/eye.svg); background-repeat: no-repeat; background-size: 100%; }

.password-control.view { background-image: url(../img/icons/eye-closed.svg); }

textarea + .input-placeholder { line-height: 1.52em; }

.input-field-wrapper.focus .input-placeholder, .input-field-wrapper.value .input-placeholder { z-index: 1; font-size: 12px; -webkit-transform: translateY(3px); -ms-transform: translateY(3px); transform: translateY(3px); color: var(--clr-grey-500); }

.input-field-wrapper.focus .input:not(textarea), .input-field-wrapper.value .input:not(textarea) { border-color: var(--clr-primary); }

.input-field-wrapper.focus textarea.input, .input-field-wrapper.value textarea.input { border-color: var(--clr-primary-dark); }

.input-field-wrapper.invalid::before, .input-field-wrapper.invalid.value::before { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.input-field-wrapper.invalid .input { border-color: var(--clr-error); }

.input-field-wrapper.invalid .password-control {opacity: 0; visibility: hidden; }

.input-field-wrapper.invalid .input-placeholder, .input-field-wrapper.invalid.value .input-placeholder { color: var(--clr-error); }

/* Change Autocomplete styles in Chrome*/
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill,
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill:hover,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill:hover,
.input-field-wrapper.focus .input:not(textarea):-webkit-autofill:focus,
.input-field-wrapper.value .input:not(textarea):-webkit-autofill:focus,
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus { -webkit-text-fill-color: var(--clr-primary-dark); background-color: transparent; -webkit-transition: background-color 5000s ease-in-out 0s;transition: background-color 5000s ease-in-out 0s;  }

@media (max-width: 767px) { .input { font-size: 16px; }
  .input-placeholder { font-size: 16px; } }

/*--------------------*/
/* - CHECK BOX        */
/*--------------------*/
.checkbox-entry { display: inline-block; cursor: pointer; margin: 0; padding: 0; line-height: 0; font-size: 0; min-width: 30px; min-height: 20px; margin: 0 15px; }

.checkbox-entry input { display: none; }

.checkbox-entry span { position: relative; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: block; font-size: 16px; font-weight: 400; line-height: 1.52em; color: var(--clr-primary-dark); padding-left: 33px; }

.checkbox-entry span::before { content: ""; position: absolute; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); left: 0; top: 2px; width: 22px; height: 22px; border: 2px solid var(--clr-grey-600); border-radius: 2px; }

.checkbox-entry span::after { content: ""; position: absolute; z-index: 1; left: 4px; top: 6px; width: 14px; height: 14px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); background-color: var(--clr-primary-dark); }

.checkbox-entry input[type="radio"] + span::before, .checkbox-entry input[type="radio"] + span:after { border-radius: 100%; }

.checkbox-entry input[type="checkbox"] + span::after { width: 8px; height: 12px; -webkit-transform: rotate(45deg) scale(0); -ms-transform: rotate(45deg) scale(0); transform: rotate(45deg) scale(0); margin: -1px 0 0 3px; border-right: 2px solid var(--clr-white); border-bottom: 2px solid var(--clr-white); background-color: var(--clr-primary-dark); }

.checkbox-entry input[type="radio"]:checked + span::after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }

.checkbox-entry input[type="checkbox"]:checked + span::before { background-color: var(--clr-primary-dark); border-color: var(--clr-primary-dark); }

.checkbox-entry input[type="checkbox"]:checked + span::after { background-color: var(--clr-primary-dark); -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); }

/*form section*/
.form-block .row { --bs-gutter-x: 20px; --bs-gutter-y: 25px; }

.form-block > * { margin-bottom: 25px; }

.form-block > *:last-child { margin-bottom: 0; }

.form-block > * + .btn { margin-top: 50px; }

.form-block > p { display: inline-block; }

.form-wrap > * + .btn { margin-top: 25px; }

.form-wrap > *:not(:last-child) { margin-bottom: 25px; }

.form-wrap .btn-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-wrap .btn-wrapper > *:not(:last-child) { margin-bottom: 0; }

.form-wrap .btn-wrapper .btn-link { margin-left: auto; }

.form-inner { width: 100%; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin: 0 auto; }

.form-inner .title { margin-bottom: 5px; }

.form-inner .text { margin-bottom: 30px; }

.form-inner .icon { max-width: 160px; margin: 0 auto; line-height: 0; }

.form-inner.form-verify { max-width: 605px; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 70px 50px 50px 50px; text-align: center; }

.form-inner.form-verify > *:not(.btn) { text-align: left; }

.form-inner.form-verify > .title { margin-bottom: 25px; }

.form-inner.form-verify .text { margin-bottom: 0; }

.form-inner.form-verify > .btn { margin-top: 55px; }

.form-inner.form-verify + .caption { margin-top: 55px; }

.form-inner.form-success { max-width: 675px; margin: 0 auto; text-align: center; }

.form-inner.form-success .text { margin-bottom: 0; }

.form-inner.form-success .text a { color: var(--clr-primary-dark); }

.form-inner.form-success .text a::before { content: none; }

.form-inner.form-success .text + .text { margin-top: 110px; }

.form-inner.form-success > .btn { margin-top: 60px; }

.form-inner.form-password { min-width: 410px; text-align: center; }

.form-inner.form-password .btn-wrapper { margin-top: 50px; }

.form-inner.form-password .btn-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.form-inner.form-password .btn-wrapper > *:not(:last-child) { margin-bottom: 35px; }

.form-inner.form-password > .title { margin-bottom: 0; }

.form-inner.form-password > .title + .form-wrap { margin-top: 30px; }

.alert-message { position: relative; background-color: var(--clr-grey-200); border-radius: 100px; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.03em; text-align: left; padding: 10px 40px 10px 60px; margin-top: 25px; }

.alert-message::before { content: ''; position: absolute; top: 50%; left: 25px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 22px; height: 22px; background-image: url(../img/icons/info.svg); background-repeat: no-repeat; }

@media (min-width: 992px) { .form-inner.form-password .btn { min-width: 295px; } }

@media (max-width: 1440px) { .form-block .row { --bs-gutter-y: 20px; }
  .form-block > * { margin-bottom: 20px; }
  .form-block > * + .btn { margin-top: 30px; }
  .form-wrap > * { margin-bottom: 20px; }
  .form-wrap > *:last-child { margin-bottom: 0; }
  .form-wrap > * + .btn { margin-top: 20px; }
  .form-inner .text { margin-bottom: 20px; }
  .form-inner.form-verify { max-width: 50%; padding: 50px 40px; }
  .form-inner.form-verify > .btn { margin-top: 40px; }
  .form-inner.form-verify + .caption { margin-top: 40px; }
  .form-inner.form-success { max-width: 55%; }
  .form-inner.form-success > .btn { margin-top: 40px; }
  .form-inner.form-password .btn-wrapper { margin-top: 40px; }
  .form-inner.form-password .btn-wrapper > *:not(:last-child) { margin-bottom: 20px; } }

@media (max-width: 991px) { .form-inner .icon { max-width: 130px; margin: 0 auto 20px auto; }
  .form-inner .title { margin-bottom: 15px; }
  .form-inner.form-verify { max-width: 100%; }
  .form-inner.form-verify > .title { margin-bottom: 20px; }
  .form-inner.form-verify > .btn { margin-top: 40px; }
  .form-inner.form-verify + .caption { margin-top: 40px; }
  .form-inner.form-success { max-width: 100%; }
  .form-inner.form-success .text + .text { margin-top: 165px; }
  .form-inner.form-success > .btn { margin-top: 30px; }
  .form-inner.form-password > .title { margin-bottom: 10px; }
  .form-inner.form-password .text { margin-bottom: 50px; }
  .form-inner.form-password .btn-wrapper { margin-top: 60px; }
  .form-inner.form-password .btn-wrapper > *:not(:last-child) { margin-bottom: 20px; }
  .form-inner.form-password .btn { width: auto; min-width: 296px; }
  .form-inner.form-password > .title + .form-wrap { margin-top: 20px; } }

@media (max-width: 767px) { .form-wrap > * + .btn { margin-top: 10px; }
  .form-wrap > *:not(:last-child) { margin-bottom: 40px; }
  .form-wrap .btn-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .form-wrap .btn-wrapper > *:not(:last-child) { margin-bottom: 20px; }
  .form-wrap .btn-wrapper .btn { width: auto; min-width: 200px; }
  .form-wrap .btn-wrapper .btn-link { margin-left: 0; }
  .form-inner { max-width: 100%; }
  .form-inner.form-password { min-width: auto; }
  .alert-message { font-size: 14px; margin-top: 20px; } }

@media (min-width: 1200px) and (max-height: 800px) { .form-wrap > * + .btn { margin-top: 10px; } }

/**------------------------------*/
/**   02  FORM SECTION           */
/**------------------------------*/
.form-sec { z-index: 1; }

.form-sec .logo { max-width: 235px; line-height: 0; }

.form-sec .content-info { margin-left: 125px; margin-top: 40%; }

.form-sec .content-info .btn-wrapper { margin-top: 45px; }

.register-sec .form-inner { max-width: 72%; margin: 0 auto auto 15%; }

.login-sec .form-inner { max-width: 46%; margin: 0 auto auto 15%; }

.register-sec::before, .login-sec::before { content: ''; position: absolute; z-index: 0; top: 0; right: 0; width: 41%; height: 200vh; background-color: var(--clr-primary-dark); }

.register-sec .decor, .login-sec .decor { position: absolute; z-index: 0; top: -85px; right: -142px; width: 642px; height: 592px; background-size: contain; background-repeat: no-repeat; background-position: top right; }

.register-sec .logo, .login-sec .logo { margin-bottom: 85px; }

.form-sec-full .logo { margin: 0 0 65px 0; }

.form-sec-full .logo-center { margin: 75px auto; }

.form-sec-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 30px 0 130px 0; }

.content-info { position: relative; height: 100%; max-width: 520px; }

.content-info .title { margin-bottom: 5px; }

.content-info .text { display: inline; }

@media (max-width: 1440px) { .form-sec .logo { max-width: 200px; }
  .form-sec .content-info { margin-left: 50px; margin-top: 40%; }
  .login-sec .form-inner { max-width: 60%; }
  .register-sec .logo, .login-sec .logo { margin-bottom: 50px; }
  .form-sec-wrapper { padding: 30px 0; }
  .content-info { max-width: 100%; }
  .content-info .btn-wrapper { margin-top: 30px; } }

@media (max-width: 1199px) { .form-sec .container { height: auto; }
  .form-sec .container > .row { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .form-sec .logo { max-width: 200px; }
  .form-sec .content-info { margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 30px; background-color: var(--clr-primary-dark); padding: 30px; border-radius: 24px; }
  .form-sec .content-info .btn-wrapper { margin-top: 30px; }
  .register-sec .form-inner { max-width: 75%; margin: 20px auto; }
  .login-sec .form-inner { max-width: 75%; margin: 20px auto; }
  .register-sec::before, .login-sec::before { content: none; }
  .register-sec .decor, .login-sec .decor { width: 442px; height: 492px; }
  .form-sec-full .logo { margin: 0 0 50px 0; }
  .form-sec-full .logo-center { margin: 50px auto; }
  .form-sec-wrapper { height: auto; }
  .content-info { max-width: 85%; height: auto; } }

@media (max-width: 767px) { .form-sec .container { height: auto; }
  .form-sec .logo { max-width: 150px; }
  .form-sec .content-info { padding: 25px; }
  .register-sec .form-inner { max-width: 100%; margin: 0 auto; }
  .login-sec .form-inner { max-width: 100%; margin: 0 auto; }
  .register-sec .decor, .login-sec .decor { top: -60px; right: -70px; width: 242px; height: 292px; }
  .content-info { max-width: 100%; } }

@media (min-width: 1200px) and (max-height: 800px) { .form-sec .decor { top: -50px; right: -100px; width: 442px; height: 392px; }
  .form-sec .logo { max-width: 150px; margin-bottom: 20px; }
  .form-sec .title { font-size: 45px; } }

/**--------------------------*/
/**   03  ACCORDION          */
/**--------------------------*/
.accordion { position: relative; z-index: 1; border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; }

.accordion > *:not(:last-child) { border-bottom: 1px solid rgba(2, 94, 155, 0.12); }

.accordion-item { position: relative; padding: 25px 30px 30px 30px; }

.accordion-title { position: relative; cursor: pointer; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-family: var(--ff-2); font-size: 31px; line-height: 1.48em; font-weight: 400; letter-spacing: 0.01em; color: var(--clr-primary-dark); }

.accordion-title i { position: relative; display: inline-block; vertical-align: middle; -ms-flex-negative: 0; flex-shrink: 0; width: 60px; height: 60px; border: 1px solid var(--clr-primary-light); border-radius: 100px; margin-left: 25px; }

.accordion-title i::before { content: ""; position: absolute; top: calc(50% - 2px); left: 50%; -webkit-transform: translate(-50%, -50%) rotate(45deg); -ms-transform: translate(-50%, -50%) rotate(45deg); transform: translate(-50%, -50%) rotate(45deg); -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); width: 10px; height: 10px; background-color: transparent; border-radius: initial; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; }

.accordion-title i::after { content: none; }

.accordion-title.active i::before { top: calc(50% + 2px); -webkit-transform: translate(-50%, -50%) rotate(225deg); -ms-transform: translate(-50%, -50%) rotate(225deg); transform: translate(-50%, -50%) rotate(225deg); }

.accordion-title.with-icon { padding-left: 65px; }

.accordion-title.with-icon .icon { position: absolute; left: 0; top: 10px; }

.accordion-title.with-icon .icon img { max-width: 44px; max-height: 44px; }

.accordion-inner { display: none; padding: 20px 100px 20px 40px; }

.accordion-inner .btn-wrapper { margin-top: 40px; }

.accordion-inner .btn-wrapper > *:not(:last-child) { margin-bottom: 35px; }

@media (hover: hover) and (min-width: 1200px), (-ms-high-contrast: none) { .accordion-title:hover { opacity: 0.7; } }

@media (max-width: 1440px) { .accordion-title { font-size: 28px; }
  .accordion-title .with-icon { padding-left: 60px; }
  .accordion-title .with-icon .icon { top: 5px; }
  .accordion-inner { padding: 20px 70px 20px 20px; }
  .accordion-inner .btn-wrapper { margin-top: 30px; }
  .accordion-inner .btn-wrapper > *:not(:last-child) { margin-bottom: 20px; } }

@media (max-width: 991px) { .accordion-inner { padding: 20px 5px; }
  .accordion-inner .btn-wrapper { margin-top: 15px; }
  .accordion-inner .btn-wrapper > *:not(:last-child) { margin-bottom: 40px; } }

/**--------------------------*/
/**   03  BREDCRUMBS         */
/**--------------------------*/
.breadcrumbs-inner { margin-bottom: 10px; }

.breadcrumbs { position: relative; z-index: 20; font-family: var(--ff-2); font-size: 31px; line-height: 1.48em; font-weight: 400; letter-spacing: 0.01em; color: var(--clr-grey-600); }

.breadcrumbs.inside { position: absolute; top: 0; }

.breadcrumbs li { position: relative; display: inline; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.breadcrumbs li::after { content: '/'; position: relative; display: inline-block; width: 10px; height: auto; margin: 0; }

.breadcrumbs li:last-child::after { content: none; }

.breadcrumbs li.active { display: block; font-size: 55px; line-height: 1.49em; letter-spacing: -0.01em; color: var(--clr-primary-dark); }

.breadcrumbs li.active a { cursor: initial; }

@media (min-width: 1200px) { .breadcrumbs li a:hover { color: var(--clr-primary-dark); } }

@media (max-width: 991px) { .breadcrumbs { font-size: 24px; }
  .breadcrumbs li.active { font-size: 40px; } }

/**--------------------------*/
/**   04 NAV SECTION         */
/**--------------------------*/
.nav-item { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 55px 40px 45px 60px; }

.nav-item > *:not(:last-child) { margin-bottom: 15px; }

.nav-item .icon { max-width: 55px; max-height: 55px; -ms-flex-negative: 0; flex-shrink: 0; }

.nav-item .text { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

@media (min-width: 1200px) { .nav-item:hover { background-color: var(--clr-primary-dark); }
  .nav-item:hover .title { color: var(--clr-white); }
  .nav-item:hover .text { color: var(--clr-white); }
  .nav-item:hover .btn-link { color: var(--clr-white); } }

@media (max-width: 1600px) { .nav-item { padding: 40px 25px 40px 30px; } }

@media (max-width: 1440px) { .nav-sec .row { --bs-gutter-y: 30px; }
  .nav-item > *:not(:last-child) { margin-bottom: 15px; }
  .nav-item .icon { max-width: 55px; max-height: 55px; -ms-flex-negative: 0; flex-shrink: 0; }
  .nav-item .text { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); } }

@media (max-width: 767px) { .nav-item { padding: 25px; } }

/**--------------------------*/
/**   05 FEEDBACK            */
/**--------------------------*/
.feedback-block { position: relative; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-color: var(--clr-grey-200); background-repeat: no-repeat; background-position: left; background-size: contain; border-radius: 24px; padding: 90px 55px; }

.feedback-info { -webkit-box-flex: 0; -ms-flex: 0 0 33%; flex: 0 0 33%; margin-top: 45px; }

.feedback-info > *:not(:last-child) { margin-bottom: 15px; }

.feeadback-form { -webkit-box-flex: 0; -ms-flex: 0 0 41%; flex: 0 0 41%; margin-left: 105px; }

.feeadback-form .form-wrap > * { margin-bottom: 20px; }

.feeadback-form .form-wrap > *:last-child { margin-bottom: 0; }

.feeadback-form .form-wrap > * + .btn { margin-top: 0; }

.feeadback-form .input-field-wrapper::after { content: ""; position: absolute; z-index: 0; top: 0; left: 0; width: 100%; height: 48px; background-color: var(--clr-white); border-radius: 8px; }

.feeadback-form .textarea-field-wrapper::after { height: 120px; }

@media (max-width: 1440px) { .feedback-block { padding: 50px 30px; }
  .feedback-info { -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; }
  .feeadback-form { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; margin-left: 50px; } }

@media (max-width: 1199px) { .feedback-block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-position: 25% 100%; background-size: cover; }
  .feedback-info { -webkit-box-flex: 0; -ms-flex: 0 0 40%; flex: 0 0 40%; } }

@media (max-width: 767px) { .feedback-block { display: block; padding: 50px 25px 30px 25px; background-image: none !important; }
  .feedback-block > *:not(:last-child) { margin-bottom: 35px; }
  .feedback-info { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 0; }
  .feedback-info > *:not(:last-child) { margin-bottom: 10px; }
  .feeadback-form { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-left: 0; } }

/**-----------------------------*/
/**   06 COMPETENCIES SECTION   */
/**-----------------------------*/
.competencies-inner > .title { position: relative; margin-bottom: 30px; }

.competencies-inner .icon { max-width: 44px; max-height: 44px; -ms-flex-negative: 0; flex-shrink: 0; }

.competencies-inner .accordion { border: none; border-radius: initial; margin-bottom: 40px; }

.competencies-inner .accordion-item { padding: 0; }

.competencies-inner .accordion-item .btn-close { position: absolute; top: 0; right: 0; width: 60px; height: 60px; border: 1px solid var(--clr-primary-light); border-radius: 100px; opacity: 0; visibility: hidden; }

.competencies-inner .accordion-item .btn-close::before, .competencies-inner .accordion-item .btn-close::after { height: 25px; }

.competencies-inner .accordion-item.active .btn-close { opacity: 1; visibility: visible; }

.competencies-inner .accordion-title { width: auto; display: inline-block; font-family: var(--ff-1); font-size: 22px; line-height: 1.62em; font-weight: 500; letter-spacing: 0; color: var(--clr-primary-dark); text-decoration: underline; padding: 12px 0; }

.competencies-inner .accordion-title i { width: 24px; height: 24px; border: none; border-radius: initial; margin-left: 10px; }

.competencies-inner .accordion-title i::before { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 24px; height: 24px; border: none; background-image: url("../img/icons/info.svg"); background-repeat: no-repeat; }

.competencies-inner .accordion-title i::after { content: none; }

.competencies-inner .accordion-title.active i::before { -webkit-transform: translate(-50%, -50%) rotate(0); -ms-transform: translate(-50%, -50%) rotate(0); transform: translate(-50%, -50%) rotate(0); }

.competencies-inner .accordion-inner { display: none; padding: 5px 0 15px 0; }

.competencies-wrapper { background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; }

.competencies-wrapper > *:not(:last-child) { border-bottom: 1px solid rgba(2, 94, 155, 0.12); }

.competencies-item { position: relative; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px; }

.competencies-item:first-of-type { border-radius: 24px 24px 0 0; }

.competencies-item:last-of-type { border-radius: 0 0 24px 24px; }

.competencies-item-head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-flex: 0; -ms-flex: 0 0 calc(82% - 15px); flex: 0 0 calc(82% - 15px); margin-right: 15px; }

.competencies-item-head .title { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.competencies-item .text { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.competencies-item .btn { -webkit-box-flex: 0; -ms-flex: 0 0 18%; flex: 0 0 18%; padding: 20px 0; opacity: 0; visibility: hidden; }

.competencies-item .icon { max-width: 55px; max-height: 55px; -ms-flex-negative: 0; flex-shrink: 0; }

.competencies-item .icon + .competencies-item-head { margin-top: 10px; }

.competencies-item--completed { background-color: var(--clr-grey-200); }

.competencies-item .competencies-level { width: 100%; }

.competencies-item .competencies-level .icon { margin-right: 10px; }

.competencies-level-inner > .text { max-width: 53%; }

.competencies-level-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 15px; max-width: 95%; margin: 70px auto 0 auto; }

.competencies-level { width: 25%; }

.competencies-level-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; }

.competencies-level .icon { margin-right: 15px; }

.competencies-wrapper.type-2, .competencies-wrapper.type-3 { background-color: transparent; border: none; border-radius: initial; --gap: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); }

.competencies-wrapper.type-2 .competencies-item, .competencies-wrapper.type-3 .competencies-item { overflow: hidden; -ms-flex-line-pack: end; align-content: flex-end; width: calc((100% / 3) - var(--gap)); height: auto; min-height: 430px; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; margin: var(--gap) 0 0 var(--gap); padding: 45px 35px; }

.competencies-wrapper.type-2 .competencies-item { -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.competencies-wrapper.type-2 .competencies-item-head, .competencies-wrapper.type-3 .competencies-item-head { margin-bottom: 5px; }

.competencies-wrapper.type-2 .competencies-item .text, .competencies-wrapper.type-3 .competencies-item .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; }

.competencies-wrapper.type-2 .competencies-item .btn, .competencies-wrapper.type-3 .competencies-item .btn { position: absolute; bottom: 0; left: 35px; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; visibility: hidden; width: calc(100% - 70px); -webkit-box-flex: initial; -ms-flex: initial; flex: initial; padding: 20px; margin-top: 15px; }

.competencies-wrapper.type-2 .competencies-item .btn { position: relative; left: 0; margin-top: auto; width: 100%; }

.competencies-wrapper.type-2 .competencies-item--completed, .competencies-wrapper.type-3 .competencies-item--completed { background-color: var(--clr-grey-200); }

.competencies-wrapper.type-3 { --gap: 70px; }

.competencies-wrapper.type-3 .competencies-item { width: calc((100% / 2) - var(--gap)); height: auto; min-height: 300px; padding: 35px 60px 35px 50px; }

.competencies-wrapper.type-3 .competencies-item .btn { left: 50px; width: auto; padding: 20px 50px; }

.competencies-animate { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.competencies-wrapper.empty { background-color: transparent; border: none; border-radius: initial; }

.competencies-wrapper.empty > .title { margin-bottom: 70px; }

.competencies-inner.completed > .title { position: relative; display: inline-block; padding-right: 30px; }

.competencies-inner.completed > .title i { position: absolute; bottom: 15px; right: 0; width: 16px; height: 12px; display: inline-block; }

.competencies-inner.completed > .title i::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 8px; height: 12px; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); background-color: transparent; margin: -1px 0 0 3px; border-right: 3px solid var(--clr-primary-light); border-bottom: 3px solid var(--clr-primary-light); }

@media (min-width: 1200px) { .competencies-wrapper.type-2 .competencies-item:hover .competencies-animate { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
  .competencies-wrapper.type-3 .competencies-item:hover .competencies-animate { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); }
  .competencies-wrapper.type-2 .competencies-item:hover .btn { -webkit-transform: translateY(10%); -ms-transform: translateY(10%); transform: translateY(10%); opacity: 1; visibility: visible; }
  .competencies-wrapper.type-3 .competencies-item:hover .btn { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); opacity: 1; visibility: visible; }
  .competencies-item:hover { background-color: var(--clr-grey-200); }
  .competencies-item:hover .btn { opacity: 1; visibility: visible; } }

@media (max-width: 1440px) { .competencies-inner .icon { max-width: 40px; max-height: 40px; }
  .competencies-item-head { -webkit-box-flex: 0; -ms-flex: 0 0 calc(80% - 15px); flex: 0 0 calc(80% - 15px); margin-right: 15px; }
  .competencies-item .btn { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; }
  .competencies-level-inner > .text { max-width: 65%; }
  .competencies-level-wrapper { gap: 10px; margin: 40px auto 0 auto; max-width: 100%; }
  .competencies-level-head .title { margin-left: 10px; }
  .competencies-wrapper.type-2 .competencies-item { width: calc((100% / 2) - var(--gap)); }
  .competencies-wrapper.type-3 { --gap: 30px; }
  .competencies-wrapper.type-3 .competencies-item { height: 300px; padding: 35px 30px; }
  .competencies-wrapper.type-3 .competencies-item .btn { left: 30px; } }

@media (max-width: 1199px) { .competencies-item { padding: 25px; }
  .competencies-item-head { -webkit-box-flex: 0; -ms-flex: 0 0 calc(80% - 15px); flex: 0 0 calc(80% - 15px); }
  .competencies-item .btn { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; opacity: 1; visibility: visible; }
  .competencies-wrapper.type-2, .competencies-wrapper.type-3 { --gap: 25px; }
  .competencies-wrapper.type-2 .competencies-item, .competencies-wrapper.type-3 .competencies-item { padding: 35px; }
  .competencies-wrapper.type-2 .competencies-item .btn, .competencies-wrapper.type-3 .competencies-item .btn { position: relative; left: 0; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); opacity: 1; visibility: visible; width: auto; min-width: 180px; margin-top: 30px; padding: 20px 15px; }
  .competencies-wrapper.type-3 { --gap: 30px; }
  .competencies-wrapper.type-3 .competencies-item { height: auto; padding: 35px; }
  .competencies-wrapper.type-3 .competencies-item .btn { left: 0; } }

@media (max-width: 991px) { .competencies-inner > .title { margin-bottom: 25px; }
  .competencies-inner .accordion { margin-bottom: 60px; }
  .competencies-inner .accordion-item .btn-close { width: 50px; height: 50px; }
  .competencies-inner .accordion-item .btn-close::before, .competencies-inner .accordion-item .btn-close::after { height: 22px; }
  .competencies-level-inner > .text { max-width: 100%; }
  .competencies-level-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 40px auto -15px auto; }
  .competencies-level { width: 48%; margin-bottom: 15px; }
  .competencies-level-info { margin-bottom: 10px; }
  .competencies-wrapper { border-radius: 0; }
  .competencies-item:first-of-type { border-radius: 0; }
  .competencies-item:last-of-type { border-radius: 0; }
  .competencies-item-head { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 15px; }
  .competencies-item-head .title { margin-bottom: 15px; }
  .competencies-item .btn { min-width: 182px; } }

@media (max-width: 767px) { .competencies-inner .accordion-item .btn-close { width: 42px; height: 42px; }
  .competencies-inner .accordion-item .btn-close::before, .competencies-inner .accordion-item .btn-close::after { height: 20px; }
  .competencies-level { width: 100%; }
  .competencies-item .text { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
  .competencies-wrapper.type-2, .competencies-wrapper.type-3 { margin: 0 0 calc(-1 * var(--gap)) 0; width: 100%; }
  .competencies-wrapper.type-2 .competencies-item, .competencies-wrapper.type-3 .competencies-item { width: 100%; min-height: 350px; margin: 0 0 var(--gap) 0; } }

@media (max-width: 360px) { .competencies-inner .accordion-title { max-width: 80%; } }

/**-----------------------------*/
/**   07 COMPETENCIES DETAIL    */
/**-----------------------------*/
.competencies-detail-wrapper { position: relative; }

.competencies-detail-wrapper > .text { margin-bottom: 65px; }

.competencies-detail-wrapper.type2 > .text { margin-bottom: 30px; }

.competencies-detail-wrapper.type2 > .btn-wrapper { margin-bottom: 65px; }

.competencies-detail-inner > .title { position: relative; margin-bottom: 30px; }

.competencies-detail-inner .accordion + .btn-wrapper { margin-top: 45px; }

.competencies-detail-inner .slide-item-wrapper { max-width: 100%; padding-bottom: 55%; margin: 35px auto 0 auto; }

.popup-align .competencies-detail-inner > *:not(.accordion) { margin-left: 25px; margin-right: 60px; }

.popup-align .competencies-detail-inner > .text { margin-bottom: 30px; }

.popup-align .accordion-item:first-of-type { border-radius: 24px 24px 0 0; }

.popup-align .accordion-item:last-of-type { border-radius: 0 0 24px 24px; }

.popup-align .accordion-item.active { background-color: var(--clr-grey-200); }

.popup-align .accordion-inner { padding: 20px 90px 20px 65px; }

.popup-align .accordion-inner .text ul { position: relative; -webkit-columns: 2; -moz-columns: 2; columns: 2; margin-left: -25px; margin-right: -25px; }

.popup-align .accordion-inner .text ul::before { content: ''; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 1px; height: 100%; background-color: rgba(2, 94, 155, 0.12); }

.popup-align .accordion-inner .text ul li { margin-left: 25px; margin-right: 25px; }

@media (min-width: 1441px) { .competencies-detail-wrapper { margin-right: -30px; }
  .competencies-detail-wrapper + .row { margin-right: -45px; }
  .competencies-detail .tabs { max-width: 345px; }
  .competencies-detail .tabs-wrapper { max-width: 790px; margin-left: auto; } }

@media (max-width: 1440px) { .competencies-detail-wrapper > .text, .competencies-detail-wrapper.type2 > .btn-wrapper { margin-bottom: 50px; } }

@media (max-width: 1199px) { .competencies-detail-wrapper .go-back { position: relative; top: 0; left: 0; margin-bottom: 20px; }
  .competencies-detail-wrapper > .text { margin-bottom: 45px; }
  .competencies-detail-wrapper.type2 > .text { margin-bottom: 25px; }
  .competencies-detail-wrapper.type2 > .btn-wrapper { margin-bottom: 40px; }
  .competencies-detail-inner .accordion + .btn-wrapper { margin-top: 40px; }
  .popup-align .accordion-inner { padding: 20px 65px; } }

@media (max-width: 991px) { .competencies-detail-inner > .title { display: none; }
  .competencies-detail-inner .btn { padding: 20px 40px; }
  .competencies-detail-inner .btn-wrapper > *:not(:last-child) { margin-bottom: 30px; }
  .competencies-detail-inner .slide-item-wrapper { margin: 25px auto 0 auto; }
  .popup-align .competencies-detail-inner > .title { display: block; }
  .popup-align .accordion-inner .text ul { -webkit-columns: 1; -moz-columns: 1; columns: 1; margin-left: 0; margin-right: 0; }
  .popup-align .accordion-inner .text ul::before { content: none; }
  .popup-align .accordion-inner .text ul li { margin-left: 0; margin-right: 0; } }

@media (max-width: 767px) { .competencies-detail-wrapper.type2 > .btn-wrapper .btn { width: auto; min-width: 235px; line-height: 1.2em; }
  .competencies-detail-inner .accordion + .btn-wrapper .btn { padding: 20px; }
  .popup-align .competencies-detail-inner > *:not(.accordion) { margin-left: 0; margin-right: 0; }
  .popup-align .competencies-detail-inner > .title { margin-right: 60px; margin-bottom: 20px; }
  .popup-align .competencies-detail-inner > .text { margin-bottom: 20px; }
  .popup-align .accordion-inner { padding: 20px 0; } }

/**-----------------------------*/
/**   09 FILTER                 */
/**-----------------------------*/
.filter-sec { margin-bottom: 60px; }

.filter-sec .container { position: relative; }

.filter { padding-left: 60px; }

.filter > .title { margin-bottom: 40px; }

.filter .SumoSelect > .optWrapper { position: relative; visibility: visible; opacity: 1; background: transparent; border-radius: initial; border: none; }

.filter .SumoSelect > .optWrapper.selall > .options { border-radius: initial; max-height: initial; }

.filter .SelectBox { padding: 0; }

.filter .SumoSelect > .CaptionCont { display: none; }

.filter .btn-close { display: none; }

.filter-inner { max-width: 92%; }

.filter-inner > .title { margin-bottom: 40px; }

.filter-inner .btn-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 60px; }

.filter-inner .btn-wrapper > *:not(:last-child) { margin-bottom: 0; margin-right: 25px; }

.filter-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -20px; }

.filter-btn { display: none; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 2px solid var(--clr-primary-dark); border-radius: 100px; font-size: 16px; line-height: 1.19em; font-weight: 600; letter-spacing: 0.05em; color: var(--clr-primary-dark); text-align: center; padding: 10px 20px; margin-bottom: 40px; }

@media (max-width: 1440px) { .filter { padding-left: 0; }
  .filter > .title { margin-bottom: 30px; }
  .filter-inner { max-width: 100%; }
  .filter-inner > .title { margin-bottom: 30px; }
  .filter-wrapper { margin: -15px; } }

@media (max-width: 1199px) { .filter { position: absolute; z-index: 10; top: 0; left: 30px; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: calc(100% - 60px); height: auto; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px 24px 0 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; padding: 40px 30px 85px 15px; }
  .filter .btn-close { display: block; top: 50px; right: 30px; }
  .filter.open-filter { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; visibility: visible; }
  .filter-inner > .title { margin-bottom: 15px; }
  .filter-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } }

@media (max-width: 767px) { .filter-sec { margin-bottom: 110px; }
  .filter { left: 15px; width: calc(100% - 30px); }
  .filter-inner .btn-wrapper { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } }

/**-----------------------------*/
/**   09 GALLERY                */
/**-----------------------------*/
.gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 2 - 40px); flex: 0 0 calc(100% / 2 - 40px); margin: 20px; }

.gallery-item .title { font-family: var(--ff-1); font-size: 16px; line-height: 1.19em; font-weight: 600; letter-spacing: 0.05em; color: var(--clr-primary-dark); margin-top: 20px; }

.gallery-img { position: relative; padding-bottom: 51%; }

.gallery-img > img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; opacity: 0.9; }

.gallery-img::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 54, 93, 0.3)), to(rgba(4, 54, 93, 0.3))); background: -o-linear-gradient(bottom, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); background: linear-gradient(0deg, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); }

.gallery-img .btn-play { width: 78px; height: 78px; }

@media (max-width: 1440px) { .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% / 2 - 30px); flex: 0 0 calc(100% / 2 - 30px); margin: 15px; }
  .gallery-img .btn-play { width: 70px; height: 70px; } }

@media (max-width: 767px) { .gallery-item { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 30px); flex: 0 0 calc(100% - 30px); margin: 15px; }
  .gallery-img { padding-bottom: 56%; } }

/**-----------------------------*/
/**   10 SELF SECTION           */
/**-----------------------------*/
.self-log-sec .content-info { max-width: 630px; margin-left: 60px; }

.self-log-sec .content-info .decor { position: relative; z-index: 1; width: 620px; height: 625px; margin-left: -200px; }

.self-log-sec .form-inner { max-width: 485px; }

.self-log-sec .container > .row { --bs-gutter-x: 140px; }

.self-log-sec .container > .row > [class*="col"] { position: relative; }

.self-log-sec .container > .row > [class*="col"]:first-of-type::after { content: ""; position: absolute; z-index: 1; top: 0; right: 0; width: 1px; height: 100%; background-color: rgba(4, 54, 93, 0.7); }

@media (min-width: 1441px) { .self-log-sec .content-info { margin-left: auto; }
  .self-log-sec .form-inner { margin: 0 auto 0 0; } }

@media (max-width: 1440px) { .self-log-sec .content-info { max-width: 100%; margin-left: 0; }
  .self-log-sec .content-info .decor { width: 420px; height: 425px; margin-left: -100px; }
  .self-log-sec .form-inner { max-width: 100%; }
  .self-log-sec .container > .row { --bs-gutter-x: 60px; } }

@media (max-width: 1199px) { .self-log-sec .content-info { max-width: 85%; margin-left: auto; margin-right: auto; padding-bottom: 65px; }
  .self-log-sec .content-info::before { content: ""; position: absolute; z-index: 1; top: auto; bottom: 0; right: 0; width: 100%; height: 1px; background-color: rgba(4, 54, 93, 0.7); }
  .self-log-sec .content-info .title { margin-bottom: 25px; }
  .self-log-sec .content-info .decor { position: absolute; top: 0; right: -150px; width: 420px; height: 425px; margin-left: 0; }
  .self-log-sec .form-inner { margin: 65px auto 0 auto; max-width: 65%; }
  .self-log-sec .container > .row { --bs-gutter-x: 30px; }
  .self-log-sec .container > .row > [class*="col"]:first-of-type::after { content: none; } }

@media (max-width: 767px) { .self-log-sec .content-info { max-width: 100%; }
  .self-log-sec .content-info .decor { display: none; }
  .self-log-sec .form-inner { margin: 65px auto 0 auto; max-width: 100%; }
  .self-log-sec .form-wrap .btn-wrapper { margin-top: 50px; } }

.self-ass-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 24px; padding: 25px 25px 25px 60px; }

.self-ass-wrapper > :not(:last-child) { margin-right: 25px; }

.self-ass-info { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; }

.self-ass-info .title { margin-bottom: 10px; }

.self-ass-img-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; }

.self-ass-img { position: relative; height: 100%; padding-bottom: 65%; }

.self-ass-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 24px; }

.self-ass-img::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 54, 93, 0.3)), to(rgba(4, 54, 93, 0.3))); background: -o-linear-gradient(bottom, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); background: linear-gradient(0deg, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); border-radius: 24px; }

.self-ass-progress { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 0; -ms-flex: 0 0 21.5%; flex: 0 0 21.5%; background-color: var(--clr-primary-dark); background-repeat: no-repeat; background-size: contain; border-radius: 8px; padding: 25px; }

.self-ass-progress .text { font-weight: 600; margin-bottom: 20px; }

.self-ass-progress .btn { width: 100%; padding: 20px; }

.total-wrap { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-family: var(--ff-2); font-size: 31px; line-height: 1.48em; font-weight: 400; letter-spacing: 0.01em; color: var(--clr-white); margin-bottom: 45px; }

.total-wrap .current { font-size: 91px; line-height: 1.1em; letter-spacing: -0.02em; }

@media (max-width: 1650px) { .self-ass-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 25px; }
  .self-ass-wrapper > :not(:last-child) { margin-right: 5px; }
  .self-ass-info { -webkit-box-flex: 0; -ms-flex: 0 0 calc(50% - 5px); flex: 0 0 calc(50% - 5px); -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
  .self-ass-img-wrap { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-bottom: 30px; }
  .self-ass-img { padding-bottom: 50%; }
  .self-ass-progress { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 25px; }
  .self-ass-progress .text { margin-bottom: 15px; }
  .total-wrap { font-size: 28px; margin-bottom: 30px; }
  .total-wrap .current { font-size: 80px; } }

@media (max-width: 1199px) { .self-ass-wrapper { padding: 30px 20px; }
  .self-ass-wrapper .title-mobile { margin-bottom: 30px; }
  .self-ass-wrapper > :not(:last-child) { margin-right: 0; }
  .self-ass-info { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; }
  .self-ass-info .title { display: none; }
  .self-ass-img-wrap { margin-bottom: 15px; }
  .self-ass-img { padding-bottom: 67%; }
  .self-ass-progress { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 20px; }
  .self-ass-progress .btn { width: auto; min-width: 248px; }
  .total-wrap { margin-bottom: 20px; } }

@media (max-width: 767px) { .self-ass-progress { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  .self-ass-progress .text { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; text-align: left !important; padding-bottom: 5px; margin-left: 15px; } }

/**--------------------------*/
/**   11 BANNER INFO         */
/**--------------------------*/
.banner-wrapper { position: relative; overflow: hidden; height: 100%; background-color: var(--clr-primary-dark); border-radius: 24px; margin-left: 0; margin-right: 0; padding: 25px 25px 25px 60px; }

.banner-wrapper .decor { position: absolute; top: -150px; right: 29%; -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); width: 640px; height: 590px; }

.banner-wrapper .decor.type-2 { top: 0; right: 0; -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); transform: rotate(30deg); }

.banner-wrapper .decor.type-3 { top: -100px; right: 5%; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); }

.banner-wrapper .decor img { -o-object-fit: cover; object-fit: cover; }

.banner-content { position: relative; }

.banner-content .title { margin-bottom: 10px; }

.banner-content .text { margin-bottom: 30px; }

.banner-content > *:last-child { margin-bottom: 0; }

.banner-content .btn-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.banner-content .btn-wrapper .btn { padding: 20px 30px; }

.banner-content .btn-wrapper > *:not(:last-child) { margin-bottom: 0; margin-right: 40px; }

.banner-img-wrap { position: relative; width: 100%; height: auto; max-width: 610px; margin-left: auto; }

.title-mobile { display: none; margin-bottom: 40px; }

.banner-img { position: relative; height: 100%; padding-bottom: 66%; }

.banner-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 8px; }

.banner-img::before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(4, 54, 93, 0.3)), to(rgba(4, 54, 93, 0.3))); background: -o-linear-gradient(bottom, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); background: linear-gradient(0deg, rgba(4, 54, 93, 0.3), rgba(4, 54, 93, 0.3)); border-radius: 8px; }

@media (max-width: 1440px) { .banner-wrapper { padding: 25px 25px 25px 40px; }
  .banner-wrapper .decor { right: 25%; }
  .banner-wrapper .decor.type-2 { right: -85px; }
  .banner-wrapper .decor.type-3 { right: -10%; }
  .banner-content .text { margin-bottom: 20px; }
  .banner-content .btn-wrapper > *:not(:last-child) { margin-right: 20px; }
  .banner-img-wrap { max-width: 100%; margin-left: 0; } }

@media (max-width: 1300px) { .banner-wrapper .decor { right: 15%; }
  .banner-wrapper .decor.type-2 { right: -30%; }
  .banner-wrapper .decor.type-3 { right: -30%; } }

@media (max-width: 1199px) { .banner-wrapper { padding: 25px 25px 25px 40px; }
  .banner-wrapper .decor { top: -100px; right: 5%; width: 440px; height: 390px; }
  .banner-wrapper .decor.type-2 { right: -25%; }
  .banner-wrapper .decor.type-3 { top: -80px; right: -100px; width: 223px; height: 206px; }
  .banner-content .title { display: none; margin-bottom: 0; }
  .banner-img-wrap { margin-bottom: 25px; }
  .banner-img { margin-left: -5px; margin-right: -5px; }
  .title-mobile { display: block; }
  .banner-img { padding-bottom: 66%; } }

@media (max-width: 767px) { .banner-wrapper { padding: 25px 15px 25px 15px; }
  .banner-wrapper .decor { right: -2%; width: 340px; height: 390px; }
  .banner-wrapper .decor.type-2 { top: -80px; right: -37%; width: 240px; height: 290px; -webkit-transform: rotate(-25deg); -ms-transform: rotate(-25deg); transform: rotate(-25deg); }
  .banner-wrapper > [class*="col"] { padding: 0; }
  .banner-content .btn-wrapper { flex-direction: column; }
  .banner-content .btn-wrapper > *:not(:last-child) { margin-bottom: 25px; margin-right: 0; }
  .banner-content .btn { width: auto; min-width: 235px; } }

/**--------------------------*/
/**   12 FAQ                 */
/**--------------------------*/
.faq-wrapper { position: relative; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 65px 60px 70px 60px; }

.faq-wrapper > .title { margin-bottom: 15px; }

.faq-wrapper .accordion { border: none; border-radius: initial; }

.faq-wrapper .accordion > * { border-bottom: 1px solid rgba(2, 94, 155, 0.12); }

.faq-wrapper .accordion > *:not(:last-child) { margin-bottom: 25px; }

.faq-wrapper .accordion-item { padding: 0 0 25px 0; }

.faq-wrapper .accordion-title { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-family: var(--ff-1); font-size: 16px; line-height: 1.19em; font-weight: 600; letter-spacing: 0.05em; }

.faq-wrapper .accordion-inner { padding: 5px 100px 0 0; }

.faq-wrapper .accordion-inner .text { color: var(--clr-primary-dark); }

@media (max-width: 1440px) { .faq-wrapper { padding: 60px 50px; }
  .faq-wrapper .accordion > *:not(:last-child) { margin-bottom: 20px; }
  .faq-wrapper .accordion-item { padding: 0 0 20px 0; } }

@media (max-width: 767px) { .faq-wrapper { padding: 45px 30px 30px 30px; }
  .faq-wrapper > .title { margin-bottom: 30px; }
  .faq-wrapper .accordion { margin: 0 -30px; }
  .faq-wrapper .accordion > *:first-child { border-top: 1px solid rgba(2, 94, 155, 0.12); }
  .faq-wrapper .accordion > *:not(:last-child) { margin-bottom: 0; }
  .faq-wrapper .accordion-item { padding: 25px 25px 25px 30px; }
  .faq-wrapper .accordion-inner { padding: 30px 90px 0 0; } }

/**--------------------------*/
/**   13 LINK BLOCK          */
/**--------------------------*/
.link-block-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: var(--clr-grey-200); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 50px 60px 60px 60px; }

.link-block-wrapper .title { margin-right: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(23% - 20px); flex: 0 0 calc(23% - 20px); }

.link-block-wrapper .text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(60% - 70px); flex: 0 0 calc(60% - 70px); margin-right: 70px; }

.link-block-wrapper .btn { padding: 20px; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 17%; flex: 0 0 17%; }

@media (min-width: 1651px) { .home .link-block-wrapper .title { margin-right: 25px; -webkit-box-flex: 0; -ms-flex: 0 0 calc(23% - 25px); flex: 0 0 calc(23% - 25px); }
  .home .link-block-wrapper .text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(53% - 70px); flex: 0 0 calc(53% - 70px); margin-right: 70px; }
  .home .link-block-wrapper .btn { padding: 20px; margin-left: auto; -webkit-box-flex: 0; -ms-flex: 0 0 23%; flex: 0 0 23%; } }

@media (max-width: 1650px) { .link-block-wrapper { padding: 50px; }
  .link-block-wrapper .title { margin-right: 0; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 30px; }
  .link-block-wrapper .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; margin-bottom: 35px; }
  .link-block-wrapper .btn { margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 35%; flex: 0 0 35%; } }

@media (max-width: 1440px) { .link-block-wrapper { padding: 50px 30px; } }

@media (max-width: 1199px) { .link-block-wrapper { padding: 30px 25px 35px 25px; }
  .link-block-wrapper .title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; }
  .link-block-wrapper .text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-right: 0; }
  .link-block-wrapper .btn { padding: 20px; margin-left: 0; -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; } }

@media (max-width: 767px) { .link-block-wrapper .title { -webkit-box-flex: 0; -ms-flex: 0 0 75%; flex: 0 0 75%; margin-bottom: 20px; }
  .link-block-wrapper .btn { -webkit-box-flex: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; }
  .home .link-block-wrapper .btn { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; }}

/**--------------------------*/
/**   14 GROWTH SECTION      */
/**--------------------------*/
.growth-sec { min-height: calc(100vh - 126px - 58px); }

.growth-sec .decor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: 40%; background-position: bottom right; }

.growth-inner { position: relative; max-width: 95%; }

.growth-inner .go-back { top: 15px; }

.growth-wrapper { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 35px; }

.growth-text { -webkit-box-flex: 0; -ms-flex: 0 0 52%; flex: 0 0 52%; }

.growth-text .title { margin-bottom: 10px; }

.growth-level { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: -o-linear-gradient(341.92deg, #9b51e0 -3.41%, rgba(155, 81, 224, 0) 117.38%); background: linear-gradient(108.08deg, #9b51e0 -3.41%, rgba(155, 81, 224, 0) 117.38%); border-radius: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 43%; flex: 0 0 43%; padding: 10px 30px 25px 40px; margin-left: 40px; }

.growth-level .total-wrap { margin-bottom: 0; margin-right: 40px; }

.growth-level-info >*:not(:last-child) { margin-bottom: 15px; }

.growth-level-info .text { font-weight: 600; }

.growth-level-info .caption { max-width: 60%; }

.growth-table table { border-collapse: collapse; width: 100%; }

.growth-table table thead tr { background-color: var(--clr-primary); }

.growth-table table thead td { height: 42px; vertical-align: middle; font-size: 13px; line-height: 1.23em; font-weight: 400; letter-spacing: 0.03em; color: var(--clr-white); padding-left: 10px; padding-right: 10px; }

.growth-table table thead td:first-child { width: 40%; padding-left: 30px; border-radius: 8px 0 0 0; }

.growth-table table thead td:last-child { border-radius: 0 8px 0 0; text-align: center; }

.growth-table table thead td i.check { position: relative; width: 16px; height: 12px; display: inline-block; margin-right: 5px; }

.growth-table table thead td i.check::after { content: ""; position: absolute; z-index: 1; left: 0; top: 0; width: 8px; height: 12px; -webkit-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); background-color: transparent; margin: -1px 0 0 3px; border-right: 3px solid var(--clr-primary-light); border-bottom: 3px solid var(--clr-primary-light); }

.growth-table table tbody { min-width: 690px; }

.growth-table table tbody tr { -webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25); box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.25); }

.growth-table table tbody td { position: relative; height: 60px; vertical-align: middle; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.03em; color: var(--clr-white); padding-left: 10px; padding-right: 10px; width: 15%; }

.growth-table table tbody td:first-child { width: 40%; padding-left: 30px; border-radius: 8px 0 0 0; }

.growth-table table tbody td:last-child { text-align: center; }

.growth-table .level { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.growth-table .icon { max-width: 34px; max-height: 34px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }

.growth-table .btn { min-width: 122px; padding: 8px 20px; }

.growth-table--completed table thead tr { background-color: transparent; }

.growth-table--completed table thead td:first-child { padding-left: 0; }

.growth-table--completed table thead td:last-child { text-align: left; }

.growth-table--completed table tbody tr { background-color: rgba(33, 37, 41, 0.24); }

.growth-table + .growth-table { margin-top: 60px; }

@media (max-width: 1600px) { .growth-inner { max-width: 100%; }
  .growth-wrapper { margin-bottom: 30px; }
  .growth-text { -webkit-box-flex: 0; -ms-flex: 0 0 48%; flex: 0 0 48%; }
  .growth-level { -webkit-box-flex: 0; -ms-flex: 0 0 45%; flex: 0 0 45%; padding: 10px 20px 20px 20px; margin-left: 30px; }
  .growth-level .total-wrap { margin-right: 20px; }
  .growth-level-info .text { margin-bottom: 10px; }
  .growth-level-info .caption { max-width: 100%; }
  .growth-table table thead td:first-child { padding-left: 15px; }
  .growth-table table tbody td { height: 54px; font-size: 14px; line-height: 1.4em; }
  .growth-table table tbody td:first-child { padding-left: 15px; }
  .growth-table .level .text { font-size: 14px; }
  .growth-table .icon { max-width: 30px; max-height: 30px; }
  .growth-table .btn { font-size: 14px; } }

@media (max-width: 1440px) { .growth-sec { min-height: calc(100vh - 122px - 58px); }
   .growth-table .icon { max-width: 24px; max-height: 24px; } }

@media (max-width: 1199px) { .growth-sec { min-height: auto; }
  .growth-sec .decor { display: none; }
  .growth-inner { max-width: 100%; }
  .growth-inner .go-back { position: relative; top: 0; left: 0; margin-bottom: 15px; } }

@media (max-width: 991px) { .growth-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; }
  .growth-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 15px; }
  .growth-level { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 20px 30px; margin-left: 0; }
  .growth-level .total-wrap { margin-right: 30px; }
  .growth-level .total-wrap .current { font-size: 55px; line-height: 1.2em; letter-spacing: -0.01em; }
  .growth-level-info .text { margin-bottom: 5px; }
  .growth-level-info .caption { max-width: 100%; }
  .growth-table table thead tr *:not(:first-child) { display: none; }
  .growth-table table thead td:first-child { border-radius: 8px 8px 0 0; }
  .growth-table table tbody tr { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid rgba(255, 255, 255, 0.25); -webkit-box-shadow: none; box-shadow: none; }
  .growth-table table tbody td { height: auto; width: 50%; padding-left: 15px; padding-right: 15px; }
  .growth-table table tbody td:first-child { width: 100%; }
  .growth-table table tbody td:last-child { width: 100%; text-align: left; }
  .growth-table .data-title { position: relative; padding-top: 25px; }
  .growth-table .data-title::before { content: attr(data-mobile-title); position: absolute; top: 0; left: 0; width: 100%; -ms-flex-negative: 0; flex-shrink: 0; font-size: 13px; line-height: 16px; letter-spacing: 0.4px; font-weight: 400; color: rgba(255, 255, 255, 0.75); }
  .growth-table .btn { min-width: 144px; width: auto; margin-bottom: 25px; }
  .growth-table .desc, .growth-table .level, .growth-table .date, .growth-table .btn { margin-top: 25px; }
  .growth-table + .growth-table { margin-top: 40px; } }

/**------------------------------*/
/**   15 SELF ASSGROWTH SECTION  */
/**------------------------------*/
.self-assessment-detail-wrapper { position: relative; }

.self-assessment-detail-wrapper .text ~ .level-block { margin-top: 55px; }

.level-block > .title { margin-bottom: 20px; }

.level-block + .behaviors-block { margin-top: 60px; }

.level-content .icon { max-width: 45px; max-height: 45px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 20px; }

.level-content .text + .btn { padding: 20px 35px; margin-top: 15px; }

.level-content .text, .level-content .btn { margin-left: 65px; }

.level { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.behaviors-block > .title { margin-bottom: 25px; }

.behaviors-content { position: relative; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 30px 35px 30px 20px; }

.behaviors-content .title { font-family: var(--ff-1); font-weight: 600; font-size: 16px; line-height: 1.19em; letter-spacing: 0.05em; margin-bottom: 25px; }

@media (max-width: 1440px) { .self-assessment-detail-wrapper .text + .level-block { margin-top: 35px; }
  .level-block .title { margin-bottom: 15px; }
  .level-block + .behaviors-block { margin-top: 40px; }
  .level-content .icon { max-width: 40px; max-height: 40px; margin-right: 15px; }
  .level-content .text, .level-content .btn { margin-left: 55px; }
  .behaviors-block > .title { margin-bottom: 20px; }
  .behaviors-content { padding: 30px 30px 30px 20px; }
  .behaviors-content .title { margin-bottom: 15px; } }

@media (max-width: 1199px) { .self-assessment-detail-wrapper .go-back { position: relative; top: 0; left: 0; margin-bottom: 15px; } }

@media (max-width: 991px) { .self-assessment-detail-wrapper .text + .level-block { margin-top: 30px; }
  .level-block + .behaviors-block { margin-top: 30px; } }

@media (max-width: 767px) { .level-block .title { margin-bottom: 10px; }
  .level-block + .behaviors-block { margin-top: 70px; }
  .level-content .btn { margin-left: 0; }
  .behaviors-content { padding: 25px 25px 35px 20px; }
  .behaviors-content .title { margin-bottom: 5px; } }

/**------------------------------*/
/**   16 PROGRESS BLOCK          */
/**------------------------------*/
.progress-block { position: relative; overflow: hidden; width: 100%; height: auto; max-width: 535px; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; margin-left: auto; padding: 35px 55px 65px 55px; }

.progress-block.mobile { display: none; }

.progress-control { position: relative; text-align: center; padding: 35px 0; }

.progress-control::before { content: ""; position: absolute; bottom: 0; left: -100%; width: 10000px; height: 1px; background-color: rgba(2, 94, 155, 0.12); }

.progress-control .btn { width: 100%; padding: 20px; }

.progress-control .btn-wrapper { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.progress-control .btn-wrapper > *:not(:last-child) { margin-bottom: 35px; }

.progress-control .btn-wrapper + .caption { font-size: 16px; line-height: 1.19em; letter-spacing: 0.05em; font-weight: 600; margin-top: 30px; }

.progress-control .btn-wrapper + .text { margin-top: 40px; }

.progress-control .text { font-weight: 600; }

.progress-control .text b, .progress-control .text strong { font-weight: inherit; }

.progress-info { padding-top: 60px; }

.progress-info li { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.03em; color: var(--clr-grey-600); }

.progress-info li + li { margin-top: 55px; }

.progress-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 48%; }

.progress-title .icon { max-width: 24px; max-height: 24px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }

.progress-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 52%; font-weight: 600; letter-spacing: 0.05em; color: var(--clr-primary-dark); }

.progress-value .icon { max-width: 34px; max-height: 34px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 10px; }

@media (max-width: 1600px) { .progress-block { padding: 25px 45px 55px 45px; }
  .progress-control .btn-wrapper > *:not(:last-child) { margin-bottom: 30px; }
  .progress-control .btn-wrapper + .text { margin-top: 35px; }
  .progress-info { padding-top: 50px; }
  .progress-info li + li { margin-top: 40px; }
  .progress-title { width: 50%; }
  .progress-value { width: 50%; } }

@media (max-width: 1300px) { .progress-block { padding: 35px; } }

@media (max-width: 1199px) { .progress-block { margin: 40px auto 70px auto; display: none; }
  .progress-block.mobile { display: block; } }

@media (max-width: 991px) { .progress-block { padding: 35px 20px; }
  .progress-control .btn-wrapper > *:not(:last-child) { margin-bottom: 25px; }
  .progress-control .btn-wrapper + .caption { margin-top: 25px; }
  .progress-control .btn-wrapper + .text { margin-top: 30px; }
  .progress-info { padding-top: 40px; }
  .progress-info li + li { margin-top: 30px; } }

@media (max-width: 375px) { .progress-value { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: right; } }

/**------------------------------*/
/**   17 PROGRESS STEP           */
/**------------------------------*/
.progress-step { position: relative; width: 100%; height: auto; max-width: 535px; background-color: var(--clr-primary-dark); border-radius: 24px; margin-left: auto; padding: 20px 30px 45px 35px; }

.progress-step > .title { margin-bottom: 20px; }

.progress-step + .progress-block { margin-top: 40px; }

.progress-step.mobile { display: none; }

.step-item { position: relative; margin-bottom: 60px; }

.step-item::before { content: ""; position: absolute; top: 45px; left: 17px; width: 1px; height: 100%; background-color: var(--clr-white); }

.step-item:last-of-type { margin-bottom: 0; }

.step-item:last-of-type::before { content: none; }

.step-item.active .step-title .circle { color: var(--clr-primary-dark); background-color: var(--clr-primary-light); border-color: var(--clr-primary-light); }

.step-item.active .step-title .text { color: var(--clr-primary-light); }

.step-item.active .step-info { display: block; }

.step-item.complete .step-title .circle::before { content: ""; top: calc(50% - 2px); -webkit-transform: translate(-50%, -50%) rotate(-45deg); -ms-transform: translate(-50%, -50%) rotate(-45deg); transform: translate(-50%, -50%) rotate(-45deg); width: 11px; height: 6px; border-left: 2px solid var(--clr-white); border-bottom: 2px solid var(--clr-white); }

.step-item.complete .step-info { display: none; }

.step-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.step-title .circle { position: relative; display: inline-block; vertical-align: middle; width: 33px; height: 33px; line-height: 33px; font-weight: 600; color: var(--clr-white); text-align: center; background-color: transparent; border: 1px solid var(--clr-white); border-radius: 100px; margin-right: 10px; }

.step-title .circle::before { content: attr(data-number); position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.step-title .text { color: var(--clr-white); }

.step-info { display: none; padding-top: 10px; padding-left: 45px; }

.step-info > *:not(:last-child) { margin-bottom: 25px; }

.step-info .btn-block { padding: 20px; }

@media (max-width: 1199px) { .progress-step { display: none; margin: 50px auto 0 auto; padding: 20px 30px 45px 30px; }
  .progress-step.mobile { display: block; } }

/**------------------------------*/
/**   18 CERTIFICATE             */
/**------------------------------*/
.certificate-inner { position: relative; margin-top: 55px; }

.certificate-wrapper { position: relative; }

.certificate-wrapper .logo { max-width: 235px; width: 100%; margin-left: 40px; }

.certificate-wrapper .btn-wrapper { position: absolute; top: 170px; right: -50px; }

.clipboard::before { content: "Link copied"; position: absolute; z-index: -1; top: -22px; left: -7px; width: calc(100% + 14px); font-size: 12px; color: var(--clr-primary-dark); -webkit-transition: 0.25s ease-in; transition: 0.25s ease-in; opacity: 0; visibility: hidden; }

.clipboard.active::before { opacity: 1; visibility: visible; }

.certificate { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background-repeat: no-repeat; background-size: cover; background-position: 30% 50%; width: 92.8%; height: 645px; }

.certificate-column { width: 50%; height: auto; padding-top: 90px; }

.certificate-info { padding: 0 50px 50px 0; }

.certificate-info .title-main { margin-bottom: 60px; }

.certificate-info .title:not(.title-main) { font-family: "Inter", sans-serif; font-weight: 500; }

.certificate-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.signature { width: 100%; max-width: 160px; }

.signature img { border-bottom: 1px solid var(--clr-black); padding-bottom: 5px; }

.signature .overline { letter-spacing: 0; }

.certificate-data { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 55px; }

.certificate-data > *:not(:last-child) { margin-right: 130px; }

.certificate-data .text b { display: block; font-weight: 600; color: var(--clr-primary-dark); }

@media (max-width: 1600px) { .certificate { background-position: 20% 50%; } }

@media (max-width: 1440px) { .certificate-inner { margin-top: 30px; }
  .certificate-data { margin-top: 30px; }
  .certificate-data > *:not(:last-child) { margin-right: 70px; } }

@media (max-width: 1199px) { .certificate-wrapper .btn-wrapper { right: -10px; } }

@media (max-width: 991px) { .certificate-wrapper .btn-wrapper { position: relative; top: 0; right: 0; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 15px; }
  .certificate-wrapper .btn-wrapper > *:not(:last-child) { margin-bottom: 0; margin-right: 15px; }
  .certificate { width: 100%; height: auto; background-image: none !important; }
  .certificate-column { width: 100%; padding: 20px 15px; }
  .certificate-info { padding: 0 15px 15px 0; }
  .certificate-info .title-main { margin-bottom: 20px; }
  .certificate-data { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .certificate-data > *:not(:last-child) { margin-right: 0; margin-bottom: 30px; } }

/**--------------------------*/
/**   19 PRIVACY SECTION     */
/**--------------------------*/
.policy-sec .decor { position: absolute; top: 0; right: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center right; background-size: 34%; }

.privacy-content { margin-left: 65px; }

.privacy-content .title { margin-bottom: 10px; }

@media (max-width: 991px) { .policy-sec .decor { top: -15%; width: 50%; height: 50%; background-position: top right; background-size: 100%; }
  .privacy-content { margin-left: 0; } }

@media (max-width: 767px) { .policy-sec .decor { display: none; } }

/**---------------------------------*/
/**   20 BEHAVOR BASED INTERWIEWS   */
/**---------------------------------*/
.video-block-wrapper .title { margin-bottom: 25px; }

.video-block-wrapper .swiper-pagination { bottom: 30px; }

.slide-item-wrapper { position: relative; max-width: 400px; max-height: 225px; margin: 0 auto; padding-bottom: 56%; }

.slide-item-wrapper img { border-radius: 0; }

.slide-item-wrapper.type-2 { max-width: 100%; }

.slide-item-wrapper + .subtitle { margin-top: 10px; }

.slide-item { position: absolute; top: 0; bottom: 0; left: 0; right: 0; clip: rect(auto, auto, auto, auto); }

.slide-item img { height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -o-object-fit: cover; object-fit: cover; }

.slide-item .btn-play { position: absolute; }

.slide-item .btn-play::before { content: none; }

.slide-item.type-2 .btn-play i { border: none; background-image: url(../img/icons/zoom-in.svg); background-size: contain; background-repeat: no-repeat; width: 34px; height: 34px; }

/* swiper */
.swiper-buttons-wrapper.hide { display: none; }

.swiper-pagination-bullet-active { background: #04365d !important; }

@media (min-width: 1200px) { .slide-item-wrapper:hover img { -webkit-transform: scale(1.02); -ms-transform: scale(1.02); transform: scale(1.02); } }

@media (max-width: 767px) { .video-block-wrapper .swiper-pagination { bottom: 10px; }
  .slide-item-wrapper { padding-bottom: 55%; }
  .slide-item.type-2 .btn-play i { width: 24px; height: 24px; } }

/* accordion type2 */
.accordion.type-2 .accordion-title { font-family: var(--ff-1); font-size: 22px; line-height: 1.63em; font-weight: 500; letter-spacing: 0; }

.accordion.type-2 .accordion-inner { padding: 0; }

.accordion.type-2 .accordion-inner .text { font-weight: 600; }

.accordion.type-2.size-2 { border: none; }

.accordion.type-2.size-2 .accordion-item { padding: 25px 0 25px 0; }

.accordion.type-2.size-2 .accordion-title { font-size: 16px; line-height: 1.25em; font-weight: 600; letter-spacing: 0.05em; }

.accordion.type-2.size-2 .accordion-inner { padding-top: 15px; padding-right: 60px; }

.accordion.type-2.size-2 .accordion-inner .text { font-weight: 400; }

@media (max-width: 767px) { .accordion.type-2 { border-radius: 0; border-left: none; border-right: none; margin: 0 -25px; }
  .accordion.type-2 .accordion-title { font-size: 18px; }
  .accordion.type-2.size-2 .accordion-item { padding: 25px 30px 30px 30px; } }

/* simple page */
.simple-page .slide-item-wrapper.type-2 { margin: 30px 0 0; }

.simple-page .slide-item-wrapper.type-2 img { max-width: 100%; margin-top: 0; }

.simple-page img { display: block; border-radius: 0; max-width: 580px; margin-left: auto; margin-right: auto; }

.simple-page img + span { display: block; max-width: 580px; margin: 0 auto; font-size: 13px; line-height: 1.15em; font-weight: 400; letter-spacing: 0.03em; }

/* article */
.article-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: -12px -12px 38px -12px; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.article-item { width: calc(50% - 24px); height: 224px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; padding: 20px; margin: 12px; }

.article-item a { display: block; font-family: var(--ff-1); line-height: 1.18em; font-weight: 500; color: var(--clr-primary-dark); -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; margin-bottom: 10px; }

.article-item.type-2 { height: auto; border-radius: 0; border: none; padding: 0; }

.article-item.type-2 .slide-item-wrapper { margin: 0; }

.bottom-info { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 13px; line-height: 1.23em; }

.bottom-info .author-name { position: relative; padding-right: 5px; border-right: 1px solid var(--clr-grey-600); }

.bottom-info .date { padding-left: 5px; }

.bottom-info.type-2 { font-size: 22px; font-weight: 500; color: var(--clr-primary-dark); margin-top: 70px; margin-bottom: 20px; }

.bottom-info.type-2 .author-name { border-right: 2px solid var(--clr-primary-dark); }

@media (min-width: 1200px) { .article-item a:hover { opacity: 0.5; }
  .article-item:hover { border-color: rgba(2, 94, 155, 0.8); } }

@media (max-width: 767px) { .simple-page .slide-item-wrapper.type-2 { margin-top: 15px; }
  .article-item { width: 100%; padding: 20px 15px; } }

/**---------------------------------*/
/**   21 TABS                       */
/**---------------------------------*/
.tabs-block .title { margin-bottom: 40px; margin-left: 20px; }

.tab-nav .tab-toggle div { position: relative; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; cursor: pointer; background-color: transparent; border-radius: 100px; padding: 18px 30px; font-weight: 600; }

.tab-nav .tab-toggle div.active { background-color: rgba(2, 94, 155, 0.12); color: #04365d; }

.tabs-wrapper { border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px; padding: 60px 55px 60px 60px; margin-top: 30px; }

.tabs-wrapper .h3 { margin-bottom: 15px; }

.tabs-wrapper .h4 { margin-bottom: 25px; }

.tabs-wrapper .text.style-2 ul li { letter-spacing: 0.05em; padding-left: 0; margin-top: 50px; }

.tabs-wrapper .text.style-2 ul li:first-child { margin-top: 25px; }

.tabs-wrapper .text.style-2 ul li::before { content: none; }

.tabs-wrapper .text.style-3 .title { font-family: var(--ff-1); font-weight: 500; }

.tabs-wrapper .text.style-3 ul { margin-top: 0; }

.tabs-wrapper .text.style-3 ul li { font-family: "Inter", sans-serif; color: #54585c; }

.tabs-wrapper .text.style-3 ul li + li { margin-top: 0; }

@media (min-width: 1200px) { .tab-nav .tab-toggle div:hover { background-color: rgba(2, 94, 155, 0.12); } }

@media (max-width: 1199px) { .tabs-block .title { margin-left: 0; margin-bottom: 30px; }
  .tab-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: auto; padding-bottom: 10px; }
  .tab-nav .tab-toggle div { display: block; white-space: nowrap; padding: 8px 12px; }
  .tab-nav .tab-toggle div + div { margin-left: 15px; }
  .tabs-wrapper { margin-top: 40px; } }

@media (max-width: 767px) { .tabs-wrapper { padding: 45px 25px; }
  .tabs-wrapper .text ul li { margin-top: 25px; }
  .tabs-wrapper .text ul li:first-child { margin-top: 15px; } }

/**---------------------------------*/
/**   22 QUIZ POPUP                 */
/**---------------------------------*/
.quiz-inner > .title { margin-bottom: 15px; }

.quiz-wrapp { margin-top: 30px; }

.quiz-wrapp .checkbox-entry-wrap > *:not(:last-child) { margin-bottom: 25px; }

.quiz-wrapp .checkbox-entry { display: block; margin: 0; }

.quiz-wrapp .checkbox-entry span { font-size: 22px; line-height: 1.62em; font-weight: 500; }

.quiz-wrapp .checkbox-entry span::before { top: 8px; width: 20px; height: 20px; border: 2px solid var(--clr-primary-dark); }

.quiz-wrapp .checkbox-entry span::after { left: 5px; top: 13px; width: 10px; height: 10px; }

.quiz-wrapp .btn { margin-top: 30px; }

.message { display: none; margin-top: 30px; }

.message > *:not(:last-child) { margin-bottom: 25px; }

.message > .text b { display: block; font-weight: 600; margin-bottom: 5px; color: var(--clr-primary-dark); }

.message-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 18px; border-radius: 100px; }

.message-item .icon { max-width: 24px; max-height: 24px; -ms-flex-negative: 0; flex-shrink: 0; margin-right: 3px; }

.message-item .text { font-weight: 600; }

.answer .message-item { background-color: rgba(77, 187, 61, 0.08); }

.answer .message-item .text { color: #0d611d; }

.incorrect .message-item { background-color: rgba(174, 24, 59, 0.08); }

.incorrect .message-item .text { color: #ae183b; }

@media (max-width: 991px) { .quiz-wrapp .checkbox-entry-wrap > *:not(:last-child) { margin-bottom: 20px; }
  .quiz-wrapp .checkbox-entry span { font-size: 18px; }
  .quiz-wrapp .checkbox-entry span::before { top: 4px; }
  .quiz-wrapp .checkbox-entry span::after { top: 9px; }
  .message > *:not(:last-child) { margin-bottom: 20px; }
  .message-item .icon { max-width: 20px; max-height: 20px; } }

/**---------------------------------*/
/**   23 404 PAGE                   */
/**---------------------------------*/
.sec-404 .logo { margin: 0 0 150px 0; }

.sec-404 .form-inner .title { margin-bottom: 20px; }

@media (max-width: 767px) { .sec-404 .logo { margin: 0 0 50px 0; }
  .sec-404 .form-inner .title { margin-bottom: 15px; } }

/**---------------------------------*/
/**   24 COURSE SECTION             */
/**---------------------------------*/
.course-wrapp { position: relative; overflow: auto; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; margin-top: 40px; min-height: 700px; }

.course-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 410px; flex: 0 0 410px; width: 410px; background-color: var(--clr-grey-200); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 24px 0 0 24px; margin-right: -1px; padding-bottom: 50px; }

.course-sidebar .accordion { border: none; border-radius: initial; }

.course-sidebar .accordion-item { padding: 0; line-height: 0; border-bottom: 1px solid rgba(2, 94, 155, 0.12); }

.course-sidebar .accordion-title { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-family: var(--ff-1); font-size: 16px; line-height: 1.19em; font-weight: 600; letter-spacing: 0.03em; color: var(--clr-primary-dark); padding: 14px 15px 14px 20px; }

.course-sidebar .accordion-title span { margin-left: 30px; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.5px; color: var(--clr-grey-600); }

.course-sidebar .accordion-title i { width: 16px; height: 16px; border: none; border-radius: initial; margin-left: 10px; }

.course-sidebar .accordion-inner { padding: 0; }

.course-title { background-color: var(--clr-primary); border-radius: 24px 0 0 0; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.03em; color: var(--clr-white); padding: 20px; height: 70px; }

.course-topic { padding: 24px 12px 24px 22px; }

.course-topic a { pointer-events: all; display: block; }

.course-topic .checkbox-entry { display: block; margin: 0; pointer-events: none; }

.course-topic .checkbox-entry span { font-weight: 600; color: var(--clr-grey-600); padding-left: 0; padding-right: 70px; }

.course-topic .checkbox-entry span::before { left: auto; right: 0; top: 2px; width: 20px; height: 20px; border: 2px solid var(--clr-grey-600); border-radius: 100px; }

.course-topic .checkbox-entry span::after { left: auto; right: 7px; top: 8px; background-color: transparent; }

.course-topic .checkbox-entry input[type="checkbox"] + span::after { width: 6px; height: 8px; border-right: 2px solid #0d611d; border-bottom: 2px solid #0d611d; background-color: transparent; }

.course-topic .checkbox-entry input[type="checkbox"]:checked + span::before { background-color: transparent; border-color: #0d611d; }

.course-topic .checkbox-entry input[type="checkbox"]:checked + span::after { background-color: transparent; }

.course-topic.active { background-color: rgba(2, 94, 155, 0.12); }

.course-topic.active .checkbox-entry span { color: var(--clr-primary-dark); }

.course-content { position: relative; width: 100%; background-color: var(--clr-white); border: 1px solid rgba(2, 94, 155, 0.12); border-radius: 0 24px 24px 0; margin-left: -1px; }

.course-content-header { position: relative; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-negative: 0; flex-shrink: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: var(--clr-primary-dark); border-radius: 0 24px 0 0; color: var(--clr-white); margin-left: -1px; padding: 20px; height: 70px; }

.course-content-header .btn-close { position: relative; width: 20px; height: 20px; margin-left: auto; }

.course-content-header .btn-close::before, .course-content-header .btn-close::after { background-color: var(--clr-white); }

.course-content-info { padding: 65px 75px 75px 75px; }

.course-content-info + .course-content-info { border-top: 1px solid rgba(2, 94, 155, 0.12); }

.course-content-info > .title { margin-bottom: 20px; }

.course-content-info > .text { margin-bottom: 30px; }

.course-content-info .text h1 + p, .course-content-info .text h2 + p, .course-content-info .text h3 + p { margin-top: 35px; }

.course-content-info .text > p + h1, .course-content-info .text > p + h2, .course-content-info .text > p + h3, .course-content-info .text > p + h4, .course-content-info .text > p + h5, .course-content-info .text > p + h6, .course-content-info .text > ul + h1, .course-content-info .text > ul + h2, .course-content-info .text > ul + h3, .course-content-info .text > ul + h4, .course-content-info .text > ul + h5, .course-content-info .text > ul + h6, .course-content-info .text > ol + h1, .course-content-info .text > ol + h2, .course-content-info .text > ol + h3, .course-content-info .text > ol + h4, .course-content-info .text > ol + h5, .course-content-info .text > ol + h6 { margin-top: 30px; }

.course-content-info .text h5 { font-family: var(--ff-1); font-weight: 500; }

.course-content-info .slide-item-wrapper { margin-top: 30px; }

.course-content-info .btn-play { width: 140px; height: 140px; }

.course-content-info .btn-play i { border-width: 19px 0 19px 27px; }

.course-content-info textarea.input { height: 150px; }

.course-content-info .btn-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; }

.course-content-info .btn-wrapper .btn { min-width: 194px; padding: 20px 30px; }

.course-content-info .btn-wrapper > *:not(:last-child) { margin-bottom: 0; }

/* .course-content-info .btn-wrapper > *:not(.btn-link) { margin-right: 40px; } */

.course-content-info .btn-wrapper > *:first-child, .course-content-info .btn-wrapper > *:last-child { margin-left: auto; }

.course-content-info .btn-wrapper.type-2 > *:first-child, .course-content-info .btn-wrapper.type-2 > *:last-child { margin-left: 0; }

.course-content-info .btn-wrapper.type-3 { justify-content: center; }

.course-content-info .btn-wrapper.type-3 > *:first-child, .course-content-info .btn-wrapper.type-3 > *:last-child { margin-left: 0; }

.course-content-info .btn-wrapper.type-3 > *:not(:last-child) { margin-right: 40px; }

/* .course-content-info .btn-wrapper.type-3 > *:not(.btn-link) { margin-right: 0; } */

/*course sidebar button*/
.course-sidebar-button { position: relative; cursor: pointer; z-index: 101; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-negative: 0; flex-shrink: 0; width: 37px; height: 37px; margin-left: auto; }

@media (min-width: 1441px) { .course-content-info > .title.title-main { margin-left: 0; }
  .course-content-info > .title, .course-content-info > .text, .course-content-info > .input-field-wrapper, .course-content-info > .accordion.accordion-checkbox, .course-content-info > .btn-wrapper { margin-left: 35px; }
  .course-content-info + .course-content-info { padding: 40px 75px 75px 75px; } }

@media (min-width: 1200px) { .course-content-header .btn-close:hover::before, .course-content-header .btn-close:hover::after { background-color: var(--clr-primary-light); }
  .course-topic a:hover { opacity: .7; } }

@media (max-width: 1600px) { .course-content-info { padding: 40px 50px; }
  .course-content-info .btn-wrapper .btn { min-width: 180px; } }

@media (max-width: 1440px) { .course-wrapp { min-height: 1000px; }
  .course-sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 30%; flex: 0 0 30%; width: 30%; }
  .course-title { line-height: 1.3em; padding: 10px; height: 60px; }
  .course-topic { padding: 14px 12px 14px 30px; }
  .course-topic .checkbox-entry span { padding-right: 40px; }
  .course-content-header { padding: 15px; height: 60px; }
  .course-content-header .btn-link i { margin-right: 5px; }
  .course-content-header .btn { padding: 10px 20px; }
  .course-content-info .text h1 + p, .course-content-info .text h2 + p, .course-content-info .text h3 + p { margin-top: 30px; }
  .course-content-info .slide-item-wrapper { margin-top: 30px; }
  .course-content-info .btn-play { width: 86px; height: 86px; }
  .course-content-info .btn-play i { border-width: 11px 0 11px 14px; }
  .course-content-info textarea.input { height: 120px; }
  .course-content-info .btn-wrapper { margin-top: 40px; }
  .course-content-info .btn-wrapper .btn { padding: 20px 40px; }
  /*.course-content-info .btn-wrapper > *:not(.btn-link) { margin-right: 15px; }*/}

@media (max-width: 991px) { .course-wrapp { margin-top: 30px; min-height: auto; }
  .course-sidebar { display: block; position: absolute; z-index: 11; overflow-y: auto; top: 0; left: 0; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); width: 100%; height: auto; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; border-radius: 0; margin-right: 0; padding-bottom: 0; opacity: 0; visibility: hidden; }
  .course-sidebar.open-sidebar { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }
  .course-sidebar .accordion-title { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 14px 30px 14px 20px; }
  .course-sidebar .accordion-title span { margin-left: auto; }
  .course-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 0; }
  .course-content { border-radius: 0; margin-left: 0; }
  .course-content-header { border-radius: 0; color: var(--clr-white); margin-left: 0; }
  .course-content-header .btn { display: none; }
  .course-content-header .btn-close { display: none; }
  .course-content-info { padding: 30px 40px 50px 30px; }
  .course-sidebar-button { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media (max-width: 767px) { .course-sidebar .accordion-title span { margin-left: 50px; }
  .course-topic { padding: 15px 25px 15px 35px; }
  .course-topic .checkbox-entry span { padding-right: 70px; }
  .course-content-header .btn-link { max-width: 85%; }
  .course-content-info { padding: 30px 20px; }
  .course-content-info > .title.title-main { font-size: 36px; }
  .course-content-info > .title { margin-bottom: 15px; }
  .course-content-info > .text { margin-bottom: 20px; }
  .course-content-info .text h1 + p, .course-content-info .text h2 + p, .course-content-info .text h3 + p { margin-top: 20px; }
  .course-content-info .text > p + h1, .course-content-info .text > p + h2, .course-content-info .text > p + h3, .course-content-info .text > p + h4, .course-content-info .text > p + h5, .course-content-info .text > p + h6, .course-content-info .text > ul + h1, .course-content-info .text > ul + h2, .course-content-info .text > ul + h3, .course-content-info .text > ul + h4, .course-content-info .text > ul + h5, .course-content-info .text > ul + h6, .course-content-info .text > ol + h1, .course-content-info .text > ol + h2, .course-content-info .text > ol + h3, .course-content-info .text > ol + h4, .course-content-info .text > ol + h5, .course-content-info .text > ol + h6 { margin-top: 20px; }
  .course-content-info .slide-item-wrapper { margin-top: 20px; }
  .course-content-info .btn-play { width: 60px; height: 60px; }
  .course-content-info .btn-play i { border-width: 7px 0 7px 11px; }
  .course-content-info .btn-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 30px; }
  .course-content-info .btn-wrapper > *:not(:last-child) { margin-bottom: 20px; }
  .course-content-info .btn-wrapper > *:not(.btn-link) { margin-right: 0; }
  .course-content-info .btn-wrapper > *:first-child, .course-content-info .btn-wrapper > *:last-child { margin-left: 0; }
  .course-content-info .btn-wrapper.type-3 > *:not(:last-child) { margin-right: 0; margin-bottom: 20px; } }

/**--------------------------*/
/**   25  PROFILE SECTION    */
/**--------------------------*/
.profile-sec .decor { position: absolute; bottom: -200px; right: -10px; width: 85%; height: 85%; background-repeat: no-repeat; background-position: bottom right; background-size: contain; }

.profile-sec .btn.change-clr { background-color: var(--clr-primary-light); }

.profile-wrapp > *:not(:last-child) { margin-bottom: 60px; }

.profile-info #my-account-edit > *:not(:last-child) { margin-bottom: 20px; }

.profile-info-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 48px; }

.profile-info-item.edit .profile-value input:not(input[name="date"]) { font-weight: 400; }

.profile-info-item.edit .profile-value .select-wrapper { pointer-events: all; }

.profile-info-item.edit .profile-value .SelectBox { font-weight: 400; padding: 11px 16px; }

.profile-info-item.edit .profile-value .SumoSelect > .CaptionCont { border: 1px solid rgba(2, 94, 155, 0.12); }

.profile-info-item.edit .profile-value .SumoSelect > .CaptionCont > label { display: block; }

.profile-info-item.edit .profile-value .SumoSelect > .CaptionCont > span { font-weight: 400; }

.profile-info-item.edit .profile-value .caption { display: block; }

.profile-name { width: 47%; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.5px; color: #04365d; }

.profile-value { position: relative; width: 53%; font-size: 16px; line-height: 1.52em; font-weight: 600; letter-spacing: 0.75px; color: #04365d; }

.profile-value input { font-weight: inherit; }

.profile-value .select-wrapper { pointer-events: none; }

.profile-value .SelectBox { font-weight: inherit; padding: 0; }

.profile-value .SumoSelect > .CaptionCont { border: none; }

.profile-value .SumoSelect > .CaptionCont > label { display: none; }

.profile-value .SumoSelect > .CaptionCont > span { font-weight: inherit; }

.profile-value .input { padding: 12px 32px 12px 16px; }

.profile-value .caption { display: none; margin-top: 5px; color: var(--clr-grey-600); }

@media (min-width: 1200px) { .profile-sec .btn.change-clr:hover { background-color: transparent; } }

@media (max-width: 1440px) { .profile-sec .decor { bottom: -100px; width: 75%; height: 75%; }
  .profile-wrapp > *:not(:last-child) { margin-bottom: 40px; }
  .profile-info #my-account-edit > *:not(:last-child) { margin-bottom: 15px; } }

@media (max-width: 767px) { .profile-sec .decor { top: -100px; bottom: auto; right: -25px; width: 55%; height: 55%; background-position: top right; }
  .profile-wrapp > *:not(:last-child) { margin-bottom: 30px; }
  .profile-info-item { min-height: auto; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .profile-name { width: 100%; margin-bottom: 5px; }
  .profile-value { width: 100%; } }

/**--------------------------*/
/**   26  SOCIAL LIST        */
/**--------------------------*/
.social-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.social-list > *:not(:last-child) { margin-right: 20px; }

.social-list li { line-height: 0; }

.social-list a { position: relative; width: 28px; height: 28px; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.social-list a svg { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 28px; max-height: 28px; }

.social-list a svg path { -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

@media (min-width: 1200px) { .social-list a:hover svg path { fill: var(--clr-primary); } }

/**--------------------------*/
/**   27  AUDIO PLAYER       */
/**--------------------------*/
.audio-player { position: relative; overflow: hidden; display: block; width: 100%; height: 66px; background-color: var(--clr-primary-dark); border-radius: 0 0 12px 12px; font-size: 16px; line-height: 1.52em; font-weight: 400; letter-spacing: 0.03em; color: var(--clr-white); }

.audio-player .controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: inherit; padding: 0 20px 0 30px; }

.audio-player .controls .toggle-play { margin-right: 35px; }

.audio-player .controls .toggle-play.play { position: relative; cursor: pointer; width: 12px; height: 16px; border-style: solid; border-width: 8px 0 8px 11px; border-color: transparent transparent transparent var(--clr-white); }

.audio-player .controls .toggle-play.pause { position: relative; cursor: pointer; width: 12px; height: 16px; }

.audio-player .controls .toggle-play.pause:before { content: ""; position: absolute; top: 0; left: 2px; width: 2px; height: 14px; background-color: var(--clr-white); }

.audio-player .controls .toggle-play.pause:after { content: ""; position: absolute; top: 0; right: 2px; width: 2px; height: 14px; background-color: var(--clr-white); }

.audio-player .controls .timeline { position: relative; cursor: pointer; width: 100%; height: 5px; background-color: var(--clr-white); margin-right: 15px; border-radius: 24px; }

.audio-player .controls .timeline .progress { width: 0%; height: 100%; background-color: var(--clr-primary-light); -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; border-radius: 24px; }

.audio-player .controls .time { display: -webkit-box; display: -ms-flexbox; display: flex; margin-right: 20px; }

.audio-player .controls .time > * { padding: 1px; }

.audio-player .controls .volume-container { position: relative; cursor: pointer; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.audio-player .controls .volume-container .volume-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 26px; height: 26px; line-height: 0; margin-right: 10px; }

.audio-player .controls .volume-container .volume-button .volume { width: inherit; height: inherit; }

.audio-player .controls .volume-container .volume-button .volume.icon-volume img + img { display: none; }

.audio-player .controls .volume-container .volume-button .volume.icon-volume-mute img { display: none; }

.audio-player .controls .volume-container .volume-button .volume.icon-volume-mute img + img { display: block; }

.audio-player .controls .volume-container .volume-slider { position: relative; z-index: 1; -webkit-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; width: 70px; height: 5px; background-color: rgba(250, 251, 252, 0.4); border-radius: 24px; }

.audio-player .controls .volume-container .volume-slider .volume-percentage { position: relative; width: 75%; height: 100%; -webkit-transition: width 0.3s ease; -o-transition: width 0.3s ease; transition: width 0.3s ease; background-color: var(--clr-white); border-radius: 24px; }

.audio-player .controls .volume-container .volume-slider .volume-percentage::after { content: ""; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; border-radius: 100%; background-color: inherit; }

@media (max-width: 767px) { .audio-player { height: 50px; font-size: 14px; }
  .audio-player .controls { padding: 0 15px; }
  .audio-player .controls .toggle-play { margin-right: 15px; }
  .audio-player .controls .timeline { margin-right: 10px; }
  .audio-player .controls .time { margin-right: 10px; }
  .audio-player .controls .volume-container .volume-button { width: 20px; height: 20px; }
  .audio-player .controls .volume-container .volume-slider { width: 50px; }
  .audio-player .controls .volume-container .volume-slider .volume-percentage::after { width: 12px; height: 12px; } }

/**--------------------------*/
/**   28  FOOTER             */
/**--------------------------*/
.footer-inner { position: relative; z-index: 21; padding: 15px 0; background-color: var(--clr-black); }

.footer-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.footer-wrapper .social-list { margin-left: auto; }

.footer-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.footer-links li { line-height: 1em; }

.footer-links li + li { margin-left: 25px; }

.footer-links li a { position: relative; font-size: 16px; line-height: 1.19em; font-weight: 600; letter-spacing: 0.05em; color: var(--clr-white); text-transform: capitalize; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.copyright { margin-left: 25px; }

@media (min-width: 1200px) { .footer-links li a:hover { color: var(--clr-primary-light); } }

@media (min-width: 1200px) and (max-width: 1440px) { .footer-links li a { font-size: 14px; }
  .footer-wrapper .social-list a svg { max-width: 22px; max-height: 22px; } }

@media (max-width: 991px) { .footer-links { display: block; }
  .footer-links li + li { margin-left: 0; margin-top: 10px; } }

@media (max-width: 767px) { .footer-inner { padding: 30px 15px; }
  .footer-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  .footer-wrapper .social-list { margin-left: 0; margin-bottom: 30px; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  .footer-links { margin-bottom: 30px; }
  .footer-links li + li { margin-top: 20px; }
  .copyright { margin-left: 0; } }

/**--------------------------*/
/**   29  POPUPS             */
/**--------------------------*/
/*Custom styles for popups*/
.popup-wrapper { position: fixed; z-index: 110; left: 0; top: 0; width: 100%; height: 100%; left: -100%; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; }

.popup-wrapper .bg-layer { position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; background: rgba(27, 27, 31, 0.8); -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; opacity: 0; }

.popup-wrapper.active { left: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.popup-wrapper.active .bg-layer { opacity: 1; }

.popup-content { position: absolute; left: 0; top: 0; right: 0; bottom: 0; overflow: auto; -webkit-overflow-scrolling: touch; font-size: 0; text-align: center; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; -webkit-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); opacity: 0; visibility: hidden; padding: 12px; letter-spacing: 0; }

.popup-content .layer-close { position: absolute; left: 0; bottom: 0; right: 0; height: 10000px; }

.popup-content::after { content: ""; display: inline-block; vertical-align: middle; height: 100%; }

.popup-content.active { -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); opacity: 1; visibility: visible; }

/*Content styles for popups*/
.popup-container { position: relative; display: inline-block; vertical-align: middle; width: 100%; margin: 0 auto; background: var(--clr-white); -webkit-box-shadow: 0 4px 24px rgba(2, 94, 155, 0.1); box-shadow: 0 4px 24px rgba(2, 94, 155, 0.1); border-radius: 24px; }

.popup-container.size-1 { max-width: 615px; }

.popup-container.size-2 { max-width: 1315px; }

.popup-container.size-3 { max-width: 1260px; }

.popup-container.size-4 { max-width: 800px; }

.popup-container.size-5 { max-width: 730px; }

.popup-container.size-6 { max-width: 925px; }

.popup-container.size-6 .btn-close { top: 20px; right: 30px; }

.popup-container .btn-close { position: absolute; top: 35px; right: 45px; width: 60px; height: 60px; border: 1px solid var(--clr-primary-light); border-radius: 100px; }

.popup-container .btn-close::before, .popup-container .btn-close::after { height: 25px; }

.popup-align { overflow: hidden; padding: 65px 45px 75px 45px; }

.popup-align.type-2 { padding: 50px; }

.popup-align.type-3 { padding: 55px 70px; }

.popup-info .icon { max-width: 160px; max-height: 160px; margin: 0 auto; margin-bottom: 20px; }

.popup-info .icon.size2 { max-width: 113px; max-height: 113px; }

.popup-info .title { margin-bottom: 20px; }

.popup-info .text { max-width: 80%; margin: 0 auto; }

.popup-info .text.mw100 { max-width: 100%; }

.popup-info .btn { margin-top: 50px; }

.popup-info .select-wrapper { margin: 0 auto; max-width: 390px; margin-top: 30px; }

.popup-info .btn-wrapper { margin-top: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.popup-info .btn-wrapper > * { margin-top: 0; margin-bottom: 30px; min-width: 320px; }

.popup-info .btn-wrapper > *:last-child { margin: 0; }

.zoom-popup .popup-container .btn-close, .audio-popup .popup-container .btn-close { top: 25px; right: 25px; width: 25px; height: 25px; border: none; border-radius: initial; }

.zoom-popup .popup-align, .audio-popup .popup-align { padding: 70px 20px 40px 20px; }

.zoom-popup .img-wrap-inner, .audio-popup .img-wrap-inner { position: relative; }

.zoom-popup .img-wrap-inner img, .audio-popup .img-wrap-inner img { display: block; }

.zoom-popup .text, .audio-popup .text { margin-top: 20px; }

@media (max-width: 1440px) { .popup-align { padding: 50px 30px; }
  .popup-align.type-3 { padding: 50px; }
  .popup-info .btn { margin-top: 30px; } }

@media (max-width: 767px) { .popup-container .btn-close { top: 30px; right: 15px; width: 40px; height: 40px; }
  .popup-container .btn-close::before, .popup-container .btn-close::after { height: 20px; }
  .popup-container.size-6 .btn-close { right: 15px; }
  .popup-align { padding: 40px 30px; }
  .popup-align.type-2 { padding: 30px 15px; }
  .popup-align.type-3 { padding: 30px 15px; }
  .popup-info .icon { max-width: 70px; max-height: 70px; margin: 30px auto 20px auto; }
  .popup-info .title { font-size: 24px; margin-bottom: 10px; }
  .popup-info > .text { margin-bottom: 45px; }
  .zoom-popup .popup-container .btn-close, .audio-popup .popup-container .btn-close { top: 10px; right: 15px; }
  .zoom-popup .popup-align, .audio-popup .popup-align { padding: 40px 15px 30px 15px; }
  .zoom-popup .text, .audio-popup .text { font-size: 14px; margin-top: 15px; } }

/*video popup*/
.video-popup { position: fixed; z-index: 1000; left: 0; top: 0; width: 100%; height: 100%; left: -100%; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; transition-delay: 0.3s; letter-spacing: 0; }

.video-popup .embed-responsive-16by9 { padding-bottom: 56.3%; }

.video-popup iframe { position: absolute; width: 100%; height: 100%; }

.video-popup.active { left: 0; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }

.video-popup.active .video-popup-overlay { opacity: 0.8; }

.video-popup.active .video-popup-content { position: relative; left: 0; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); opacity: 1; -webkit-transition: opacity 0.3s ease-out, left 0s 0s, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, left 0s 0s, -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0s; transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0s; transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0s, -webkit-transform 0.3s ease-out; }

.video-popup-overlay { position: absolute; left: 0; top: -100px; right: 0; bottom: -100px; opacity: 0; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); }

.video-popup-content { position: absolute; top: 0; width: 100%; height: 100%; overflow: auto; font-size: 0; text-align: center; -webkit-transition: opacity 0.3s ease-out, left 0s 0.3s, -webkit-transform 0.3s ease-out; transition: opacity 0.3s ease-out, left 0s 0.3s, -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0.3s; transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0.3s; transition: transform 0.3s ease-out, opacity 0.3s ease-out, left 0s 0.3s, -webkit-transform 0.3s ease-out; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); opacity: 0; left: -10000px; padding: 15px; }

.video-popup-content::after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

.video-popup-container { position: relative; overflow: hidden; display: inline-block; vertical-align: middle; width: 100%; max-width: 1315px; text-align: left; background-color: var(--clr-white); -webkit-box-shadow: 0 4px 24px rgba(2, 94, 155, 0.1); box-shadow: 0 4px 24px rgba(2, 94, 155, 0.1); border-radius: 24px; padding: 70px 20px 20px 20px; }

.video-popup-container .btn-close { top: 20px; right: 20px; }

.video-popup-layer { position: absolute; left: 0; bottom: 0; right: 0; height: 10000px; background: rgba(19, 19, 19, 0.4); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); }

.video-popup-align { position: relative; overflow: hidden; max-height: 100vh; }

@media (max-width: 1440px) { .video-popup-container { max-width: 90%; padding: 50px 20px 20px 20px; } }

/*Cookies informer*/
.cookies-informer { position: fixed; z-index: 500; overflow: hidden; left: 20%; right: 0; top: auto; bottom: 30px; -webkit-transition: var(--transition); -o-transition: var(--transition); transition: var(--transition); width: 100%; max-width: 79%; background-color: rgba(33, 37, 41, 0.98); border-radius: 24px; visibility: hidden; opacity: 0; padding: 25px 30px 25px 35px; }

.cookies-informer.active { visibility: visible; opacity: 1; }

.cookies-informer-inner { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.cookies-informer-inner .text { font-weight: 600; margin-right: 70px; }

.cookies-informer-inner .text a { text-decoration: underline; color: inherit; }

.cookies-informer-inner .text a::before { content: none; }

.cookies-informer-inner .btn-wrapper { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }

.cookies-informer-inner .btn-wrapper > *:not(:last-child) { margin-right: 30px; margin-bottom: 0; }

.cookies-informer-inner .btn { min-width: 154px; }

@media (hover: hover) and (min-width: 1200px), (-ms-high-contrast: none) { .cookies-informer-inner .text a:hover { color: var(--clr-primary-light); } }

@media (max-width: 1440px) { .cookies-informer { padding: 15px 30px; }
  .cookies-informer-inner .text { max-width: 100%; margin-right: 30px; }
  .cookies-informer-inner .btn-wrapper > *:not(:last-child) { margin-right: 20px; } }

@media (max-width: 1199px) { .cookies-informer { left: 0; bottom: 0; max-width: 100%; padding: 25px; }
  .cookies-informer-inner .text { margin-right: 50px; }
  .cookies-informer-inner .btn { min-width: auto; } }

@media (max-width: 991px) { .cookies-informer-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cookies-informer-inner .text { margin-right: 0; margin-bottom: 30px; }
  .cookies-informer-inner .btn-wrapper { width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .cookies-informer-inner .btn-wrapper > *:not(:last-child) { margin-right: 0; margin-bottom: 20px; }
  .cookies-informer-inner .btn { width: 100%; } }

/**--------------------------*/
/**   30  DOWNLOAD LIST      */
/**--------------------------*/
.download-list .title { margin-bottom: 30px; }

.download-list-wrapp { --gap: 30px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: calc(-1 * var(--gap)) 0 0 calc(-1 * var(--gap)); width: calc(100% + var(--gap)); }

.download-item { width: calc((100% / 2) - var(--gap)); margin: var(--gap) 0 0 var(--gap); }

.download-item >*:not(:last-child) { margin-bottom: 15px; }

@media (max-width: 1440px) { .download-list-wrapp { --gap: 20px; } }

@media (max-width: 1199px) { .download-list .title { margin-bottom: 20px; }
  .download-list-wrapp { --gap: 15px; } }

@media (max-width: 767px) { .download-item { width: calc(100% - var(--gap)); } }


/**--------------------------*/
/**   31  HEAD BREDCRUMBS    */
/**--------------------------*/
.head-breadcrumbs { position: relative; display: flex; align-items: center; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

.head-fixed.scrolled .head-breadcrumbs { opacity: 1; visibility: visible; }

.head-breadcrumbs .breadcrumbs-inner { display: inline-flex; margin-bottom: 0; }

.head-breadcrumbs .breadcrumbs { font-family: var(--ff-1); font-size: 22px; line-height: 1.62em; font-weight: 500; letter-spacing: 0; }

.head-breadcrumbs .breadcrumbs li.active { display: inline-block; font-size: inherit; line-height: inherit; letter-spacing: inherit; }

.head-breadcrumbs .go-back { position: relative; top: 0; left: 0; width: 42px; height: 42px; display: inline-flex; border-width: 2px; margin-right: 20px; }

@media (max-width: 1600px) { .head-breadcrumbs .breadcrumbs { font-size: 20px; line-height: 1.25em; }
  .head-breadcrumbs .go-back { margin-right: 15px; } }

@media (max-width: 1440px) { .head-breadcrumbs .go-back { left: 0; } }


/**--------------------------*/
/**   32  ACCORDION-CHECKBOX */
/**--------------------------*/
.accordion.accordion-checkbox { border: none; border-radius: 0; }

.accordion-checkbox .accordion-item { padding: 20px 0; }

.accordion-checkbox .accordion-inner { padding: 20px 50px 0 40px; }

.accordion-checkbox-entry { margin: 0; }

.accordion-checkbox-entry span { font-size: 22px; line-height: 1.62em; font-weight: 500; color: var(--clr-grey-600); padding-left: 40px; }

.accordion-checkbox-entry span::before { top: 4px; width: 25px; height: 25px; }

.accordion-checkbox-entry span::after { left: 6px; top: 10px; width: 13px; height: 13px; }

.accordion-checkbox-entry.active span { color: var(--clr-primary-dark); }

.accordion-checkbox-entry.active span::before { border-color: var(--clr-primary-dark); }

.accordion-checkbox-entry.active span::after { background-color: var(--clr-primary-dark); }

.accordion-checkbox .checkbox-entry-wrap { margin-top: 15px; }

.accordion-checkbox .checkbox-entry-wrap .checkbox-entry { margin: 0; display: block; width: fit-content; }

.accordion-checkbox .checkbox-entry-wrap .checkbox-entry span { color: inherit; }

.accordion-checkbox .checkbox-entry-wrap >*:not(:last-child) { margin-bottom: 15px; }

.accordion-checkbox .alert-message { background-color: rgba(251, 101, 18, 0.08); border-radius: 8px; margin-top: 0; color: var(--clr-grey-600); padding: 15px 65px 15px 60px; }

.accordion-checkbox .alert-message::before { top: 15px; left: 20px; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); width: 26px; height: 26px; background-color: transparent; background-image: url(../img/icons/info-orange.svg); background-size: 100% 100%; }

@media (min-width: 1200px) { .accordion-checkbox .alert-message { margin: 0 -50px 20px -50px; } }

@media (max-width: 1199px) { .accordion-checkbox .accordion-inner { padding: 20px 30px 0 0; }
 .accordion-checkbox .alert-message { margin: 0 0 20px 0; } }

@media (max-width: 767px) { .accordion-checkbox .accordion-item { padding: 15px 0; }
  .accordion-checkbox .accordion-inner { padding: 15px 0; }
  .accordion-checkbox .alert-message { padding: 15px 30px 15px 60px; }
  .accordion-checkbox .alert-message::before { width: 22px; height: 22px; } }


/**--------------------------*/
/**   33  SWIPER CUSTOM      */
/**--------------------------*/
.swiper-entry { position: relative; }

.swiper-container { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; }

.swiper-container:not(.swiper-no-swiping) .swiper-wrapper { cursor: url(../img/drag.png) 16 9, ew-resize; }

.swiper-container-vertical:not(.swiper-no-swiping) .swiper-wrapper { cursor: url(../img/drag-vertical.png) 8 16, ns-resize; }

.swiper-controls-hide .swiper-button-next, .swiper-controls-hide .swiper-button-prev { display: none; }

.swiper-controls-hide .swiper-pagination { display: none; }

.swiper-controls-hide .swiper-wrapper { cursor: default; }

.swiper-controls-hide .swiper-controls-wrapper { display: none; }

.swiper-controls-hide .swiper-buttons-wrapper { display: none !important; }

.swiper-controls-hide .swiper-container:not(.swiper-no-swiping) .swiper-wrapper { cursor: default; }

.swiper-controls-hide .custom-fraction-wrap { display: none; }

/*swiper pagination*/
.swiper-pagination { line-height: 0; z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.swiper-pagination.swiper-pagination-relative { position: relative; margin-top: 30px; bottom: 0 !important; top: 0 !important; }

/*changes 11.11.2022*/
@media (min-width: 1200px) { .head-fixed.scrolled + .self-assessment-detail .go-back, .head-fixed.scrolled + .competencies-detail .go-back { opacity: 0; visibility: hidden; }
  .head-fixed.scrolled + .self-assessment-detail .breadcrumbs li:not(.active), .head-fixed.scrolled + .competencies-detail .breadcrumbs li:not(.active) { opacity: 0; visibility: hidden; } }

@media (min-width: 1441px) and (max-width: 1750px) { .certificate-inner { margin-right: -150px; } }