body {
    font-family: 'Bellota Text';
    margin: 0 !important;
    margin: 0 !important;
    background: #F6F1EA;
}

.wrp {
    margin-left: auto;
    margin-right: auto;
    width: 1368px;
}

body .playf {
    font-family: 'Playfair Display';
}

div a {
    cursor: pointer;
    text-decoration: none!important;
}

a:active, a:focus {
    outline: none;
    text-decoration: none;
}

input, textarea {
    outline: none;
}

input:active, textarea:active {
    outline: none;
}

:focus {
    outline: none;
}

button:active, button:focus {
    outline: none;
}

button:active, button:focus {
    outline: none;
}

button, input , textarea {
    -webkit-appearance: none;
}

::-webkit-scrollbar {
    width: 0px;
    height: 6px;
    background-color: rgba(51, 51, 51, 0.1);
    border-radius: 9em;
}

::-webkit-scrollbar-thumb {
    background-color: #504B49;
    border-radius: 9em;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #504B49;
}

.kompetencii-wrapper {
    margin-top: 94px;
    margin-bottom: 94px;
}

.kompetencii {
    padding-left: 116px;
    display: flex;
    justify-content: space-between;
}

.kompetencii-left {
    width: 788px;
}

.kompetencii-title {
}

.section-title {
    margin-top: 0;
    margin-bottom: 0;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    letter-spacing: 0.25em;
    color: #504B49;
    text-transform: uppercase;
}

.kompetencii-items {
    border-top: 1px solid #D9D9D9;
    margin-top: 40px;
    padding-top: 45px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.kompetencii-item {
    display: flex;
}

.kompetencii-num {
    width: 116px;
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #D9D9D9;
}

.kompetencii-text {
    width: calc(100% - 116px);
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 100%;
    color: #504B49;
}

.kompetencii-right {
    width: 324px;
    display: flex;
    padding-top: 60px;
    flex-direction: column;
    gap: 56px;
}

.link-pradar-wrap {
    position: relative;
    display: flex;
    gap: 35px;
    align-items: flex-start;
}

.link-pradar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
    height: 100%;
}

.link-pradar-text {
    width: calc(100% - 59px);
}

.link-pradar-logo {
    display: flex;
    height: 31px;
}

.link-pradar-logo img {
    width: auto;
    max-height: 100%;
}

.link-pradar-title {
    margin-top: 12px;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    color: #504B49;
}

.link-pradar-arrow {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 16.6033L16.6033 12L12 7.39674L10.6809 8.71579L13.0178 11.0526H7.26316V12.9474H13.0178L10.6809 15.2842L12 16.6033ZM12.0022 24C10.3424 24 8.78232 23.6851 7.32189 23.0552C5.86147 22.4253 4.59116 21.5704 3.51095 20.4906C2.43074 19.4108 1.57547 18.1411 0.945158 16.6813C0.315052 15.2215 0 13.6618 0 12.0022C0 10.3424 0.314947 8.78232 0.944842 7.32189C1.57474 5.86147 2.42958 4.59116 3.50937 3.51095C4.58916 2.43074 5.85895 1.57547 7.31874 0.945158C8.77853 0.315052 10.3382 0 11.9978 0C13.6576 0 15.2177 0.314947 16.6781 0.944842C18.1385 1.57474 19.4088 2.42958 20.4891 3.50937C21.5693 4.58916 22.4245 5.85895 23.0548 7.31874C23.6849 8.77853 24 10.3382 24 11.9978C24 13.6576 23.6851 15.2177 23.0552 16.6781C22.4253 18.1385 21.5704 19.4088 20.4906 20.4891C19.4108 21.5693 18.1411 22.4245 16.6813 23.0548C15.2215 23.6849 13.6618 24 12.0022 24ZM12 22.1053C14.8211 22.1053 17.2105 21.1263 19.1684 19.1684C21.1263 17.2105 22.1053 14.8211 22.1053 12C22.1053 9.17895 21.1263 6.78947 19.1684 4.83158C17.2105 2.87368 14.8211 1.89474 12 1.89474C9.17895 1.89474 6.78947 2.87368 4.83158 4.83158C2.87368 6.78947 1.89474 9.17895 1.89474 12C1.89474 14.8211 2.87368 17.2105 4.83158 19.1684C6.78947 21.1263 9.17895 22.1053 12 22.1053Z" fill="%23504B49"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
    display: block;
    width: 24px;
    height: 24px;
}

.link-pradar-wrap:hover .link-pradar-arrow {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="12" fill="%23504B49"/><path d="M16.6033 12L12 16.6033L10.681 15.2842L13.0178 12.9474H7.26318V11.0526H13.0178L10.681 8.71578L12 7.39673L16.6033 12Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}

.opyt-wrapper {
    margin-bottom: 94px;
}

.opyt-ram {
    background: #D9D9D9;
    border-radius: 12px;
    padding-top: 40px;
    padding-bottom: 28px;
}

.opyt-ram-tile {
    margin-left: 24px;
}

.opyt-items {
    margin-top: 40px;
    display: flex;
    gap: 24px;
}

.opyt-item {
    padding-left: 24px;
    width: calc((100% - 72px) / 4);
    box-align: baseline;
    border-left: 1px solid #504B49;
}

.opyt-item:first-child {
    border-left: none;
}

.opyt-item-title {
    min-height: 78px;
    font-style: normal;
    font-weight: 700;
    font-size: 26px;
    line-height: 100%;
    color: #504B49;
}

.opyt-item-dot {
    margin-top: 15px;
    margin-bottom: 13px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #504B49;
}

.opyt-item-text {
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 24px;
    color: #504B49;
}

.footer-wrapper {
    padding-bottom: 100px;
}

.footer {
    width: 1136px;
    margin-left: auto;
    margin-right: auto;
}

.footer-title {
}

.contacts {
    margin-top: 53px;
  
    display: flex;
    justify-content: space-between;
}

.contacts-items {
    display: flex;
    width: 672px;
      padding-top: 40px;
    border-top: 1px solid #D9D9D9;
    flex-wrap: wrap;
    justify-content: space-between;
}

.contacts-item {
    width: calc(50% - 12px);
}

.contacts-label {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #504B49;
}

.contacts-item-textlink {
    display: flex;
    margin-top: 7px;
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    color: #504B49;
}

.contacts-item-textlink:hover {
    transition: 0.3s;
    transform: scale(1.05);
}

.contacts-razd {
    height: 1px;
    width: 100%;
    margin-top: 53px;
    margin-bottom: 43px;
    background: #D9D9D9;
}

.contacts-social {
    margin-top: 25px;
    gap: 58px;
    display: flex;
}

.contacts-social a {
    transition: 0.3s;
    display: flex;
    width: 58px;
}

.contacts-social img {
    width: 100%;
}

.contacts-social a:hover {
    transition: 0.3s;
    transform: scale(1.05);
}

.contacts-qr {
    width: 208px;
}

.contacts-kod {
    display: flex;
    position: relative;
    margin-top: 30px;
}

.contacts-kod img {
    width: 100%;
}

.contactsqr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.first-screen-wrapper {
    height: 100vh;
    position: relative;
}

.header-wrap {
    position: relative;
    z-index: 5;
}

.header {
    padding-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.header-menu-wrp {
    margin-top: 6px;
    display: flex;
    gap: 155px;
}

.first-screen-name {
    margin-bottom: 48px;
    font-style: normal;
    font-weight: 700;
    font-size: 72px;
    line-height: 100%;
    color: #F6F1EA;
}

.first-screen-desc {
    width: 460px;
    box-sizing: border-box;
    padding-left: 40px;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 28px;
    color: #F6F1EA;
    border-left: 1px solid #F6F1EA;
}

.header-menu-item {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 100%;
    color: #504B49;
    flex: none;
    order: 0;
    flex-grow: 0;
    position: relative;
    text-transform: uppercase;
}

.header-menu-item:before {
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #504B49;
    transition: 0.3s;
    content: '';
    position: absolute;
    transition: 0.3s;
}

.header-menu-item:hover:before {
    width: 100%;
    transition: 0.3s;
}

.header-lang-menu {
    display: flex;
    align-items: center;
    gap: 8px;
}

.header-lang-item {
    cursor: pointer;
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 100%;
    color: #504B49;
    position: relative;
}

.header-lang-item:before {
    bottom: -4px;
    left: 0;
    width: 0;
    height: 2px;
    background: #504B49;
    transition: 0.3s;
    content: '';
    position: absolute;
    transition: 0.3s;
}

.header-lang-item:hover:before, .header-lang-item.current:before {
    width: 100%;
    transition: 0.3s;
}

.header-menu-razd {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #504B49;
}

.header-menu {
    display: flex;
    gap: 24px;
    align-items: center;
}

.header-logo-text1 {
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 100%;
    color: #504B49;
    text-transform: uppercase;
}

.header-logo-text2 {
    width: 241px;
    margin-top: 17px;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    color: #504B49;
}

.first-screen-image {
    position: absolute;
    max-height: 743px;
    width: 672px;
    height: 80%;
    top: 134px;
    left: 50%;
    transform: translate(-50%, 0);
    background: url(img/bg1.png);
    border-radius: 320px 320px 0px 0px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
}

.first-screen-iner {
    bottom: 17.6vh;
    position: absolute;
    left: 0;
    width: 100%;
}

.wrp {
    width: min(1368px, calc(100% - 48px));
}

.first-screen-sticky {
    position: relative;
    height: 100vh;
    height: 100svh;
    isolation: isolate;
}

.first-screen-wrapper {
    height: auto;
}

.first-screen-wrapper.is-scroll-ready {
    height: var(--hero-total-height);
}

.is-scroll-ready .first-screen-sticky {
    position: sticky;
    top: 0;
    overflow: clip;
}

.first-screen-image {
    z-index: -1;
    max-height: none;
    width: min(672px, 47vw);
    height: 75%;
    top: 13.5%;
    background-size: cover;
    border-radius: 50% 50% 0 0;
}

.first-screen-iner {
    z-index: 1;
    pointer-events: none;
}

.first-screen-title {
    padding-left: clamp(0px, 8vw, 116px);
}

.first-screen-name, .first-screen-desc {
    transition: opacity .6s ease, transform .7s ease, visibility .7s;
}

.is-scroll-ready:not(.is-expanded) .first-screen-name, .is-scroll-ready:not(.is-expanded) .first-screen-desc {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-48px);
}

.is-expanded .first-screen-desc {
    transition-delay: .1s;
}

.header-wrap {
    --header-color: #504B49;
}

.header-wrap.is-expanded {
    --header-color: #FFFFFF;
}

.header-logo-text1, .header-logo-text2, .header-menu-item, .header-lang-item {
    color: var(--header-color);
    transition: color .35s ease;
}

.header-menu-razd, .header-menu-item:before, .header-lang-item:before {
    background: var(--header-color);
    transition: background-color .35s ease;
}

.first-screen-desc {
    white-space: pre-line;
}
.contacts-qr {
    display: none !important;;
}

@media (prefers-reduced-motion: reduce) {
    .first-screen-name, .first-screen-desc {
        transition: none;
    }
}

.headerlogo, .header-menu, .header-lang-menu {
    --header-color: #504B49;
}

.headerlogo.is-covered, .header-menu.is-covered, .header-lang-menu.is-covered {
    --header-color: #FFFFFF;
}

.is-scroll-ready .first-screen-name, .is-scroll-ready .first-screen-desc {
    opacity: 0;
    visibility: hidden;
    transform: translateX(-48px);
}

.is-scroll-ready .first-screen-name.is-covered, .is-scroll-ready .first-screen-desc.is-covered {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}
.mobile-titlepage {
    display: none;
}

.kompetencii-num span{
    display: block;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_3010_8243)"><path d="M23.2266 24C23.6539 24 24.0001 23.6537 24.0001 23.2265V0.773482C24.0001 0.346241 23.6539 0 23.2266 0H0.773482C0.346241 0 0 0.346241 0 0.773482V23.2265C0 23.6538 0.346241 24 0.773482 24H23.2266ZM1.54696 1.54696H22.4532V22.453H1.54696V1.54696Z" fill="%23D9D9D9"/><path d="M18.0001 7.76565L11.1756 14.59L7.67414 11.0888C7.3723 10.7866 6.88222 10.7866 6.58038 11.0888C6.27822 11.3908 6.27822 11.8805 6.58038 12.1825L10.6288 16.2308C10.7797 16.3818 10.9777 16.4574 11.1757 16.4574C11.3736 16.4574 11.5716 16.3818 11.7225 16.2308L19.0939 8.85942C19.396 8.55742 19.396 8.06765 19.0939 7.76565C18.7917 7.46353 18.3022 7.46353 18.0001 7.76565Z" fill="%23D9D9D9"/></g><defs><clipPath id="clip0_3010_8243"><rect width="24" height="24" fill="white"/></clipPath></defs></svg>');
 background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: 0.3s;
}


.first-screen-scroll-track {
    display: contents;
}
.first-screen-wrapper2 {
    display: none;
}