.uk-navbar-dropdown-nav .extra-navigation-link {
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-template-rows: auto auto;
    grid-template-areas:
        'icon title'
        'icon subtitle';
    grid-gap: 10px;
    list-style-type: none;
    white-space: nowrap;
    color: #212529;
    font-size: 14.5px;
    padding: 9px 2rem;
}

.extra-navigation-icon {
    grid-area: icon;
}

.extra-navigation-link .icon {
    display: block;
    width: 1rem;
}

.extra-navigation-item.-desc .extra-navigation-title {
    text-transform: uppercase;
    grid-area: title;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.3;
    letter-spacing: 0.4px;
}

.extra-navigation-subtitle {
    grid-area: subtitle;
    font-size: 10px;
    opacity: 0.7;
}


/* =======================================
BUTTONS
*/
.-hj .uk-button.uk-button-danger{
    text-transform: none;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.7px;
    padding: 5px 27px;
    border-radius: 7px;
}

.-hj .uk-button-danger{
    border-bottom: 4px solid #c7383a;
}

.uk-button.-light{
    background-color: #fff !important;
    border-radius: 7px !important;
    color: #0b2e13 !important;
    text-transform: none;
    font-weight: 500;
    font-size: 16px;
    padding: 5px 16px;
}
.uk-button.-light .uk-icon{
    transform: scale(2.3, 1.5);
    margin-right: 0 !important;
}

@media (max-width: 1200px) {
    .-hj .uk-button.uk-button-danger{
        font-size: 16px;
        letter-spacing: 0.7px;
        padding: 0px 16px;
        border-radius: 4px;
    }

    .-hj .uk-button-danger{
        border-bottom: 3px solid #c7383a;
    }
}



/* =======================================
INTRO
*/


.intro-wrapper{
    padding: calc(14.6vw - 115px) 0;
}
.intro-wrapper.uk-background-cover{
  background-position: center bottom;
}
@media (min-width: 960px) {
    .intro-wrapper .uk-section {
        padding-top: 0px;
        padding-bottom: 0px;
    }
}

/* =======================================
ELEMENTS
*/


.uk-background-muted.-hj{
    background: rgb(246,246,248);
    background: linear-gradient(135deg, rgba(246,246,248,1) 0%, rgba(230,238,240,1) 100%);
}
.uk-section-primary.-hj{
    background: #1650e0;
}


.-video-block{
    background-image: url('/static/img/functional-benchmarks/section-3.png');
    background-position: center bottom;
    background-size: contain;
    background-color: #1650e0;
    background-repeat: no-repeat;
}

.-video-block-content{
    transform: translateY(-2rem);
}

.-video-block h3{
    margin-bottom: 0;
}
.-video-block-content p{
    color: #fff;
    margin: 0 0 1rem;
}
@media (min-width: 960px) {
    .uk-section.-video-block {
        padding-top: 50px;
        padding-bottom: 0px;
    }
    .-video-block .minus-side-margin{
        margin-bottom: -4rem;
        margin-left: -1rem;
        margin-right: -1rem;
    }
}

.-hj h2, .-hj .title-36 h2{
    margin-bottom: 14px;
    padding: 0;
}


.-hj h3{
    font-size: 20px;
    font-weight: 500;
    margin: 0px 0 12px;
    line-height: 1.2;
    color: #383838;
}
.-hj h3 + p{
    margin: 0;
}

.-hj *+p{
    margin-top: 9px;
}

.-hj .uk-slideshow{
    margin: 0 -1rem;
}

.-hj .uk-slideshow-items .slider-item{
    padding: 1rem;
}

.-hj .uk-slideshow-items > div img{
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    border-radius: 1rem;
}

.minus-side-margin img{
    border-radius: 16px;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
}

.mobile-hidden{
    display: none !important;
}

@media (min-width: 1200px) {
    .-hj .minus-side-margin {
        margin-left: -2rem;
        margin-right: -2rem;
    }
}

.-hj .uk-article-title{
    margin: 0 0 20px;
    color: #383838;
}

.-hj .uk-article-meta{
    font-size: 16px;
    margin-bottom: 30px;
    color: #383838;
}

.values-list{
    /*margin: 44px 0 0 0;*/
    margin: clamp(2.0625rem, 1.7678571428571428rem + 0.9821428571428571vw, 2.75rem) 0 0 0;
    padding: 0;
}

.values-list-item{
    list-style-type: none;
    color: #1650e0;
    display: flex;
    flex-direction: column;
    line-height: 1;
}

.values-list-item strong{
    /*font-size: 120px;
    font-size: 3.75rem;*/
    font-size: clamp(3.75rem, 2.1428571428571432rem + 5.357142857142857vw, 7.5rem);
    font-weight: 900;
}

.values-list-item span{
    /*font-size: 24px;*/
    font-size: clamp(1.125rem, 0.9642857142857143rem + 0.5357142857142857vw, 1.5rem);
    font-weight: 500;
}

.values-list-item + .values-list-item{
    margin-top: clamp(2.0625rem, 1.7678571428571428rem + 0.9821428571428571vw, 2.75rem);
}

.benchmaking-state{
    max-width: 700px;
}
.benchmaking-state p{
    font-size: 16px;
}
.benchmaking-state p:first-child{
    font-size: 20px;
    font-weight: 500;
    max-width: 600px;
    line-height: 1.2;
}

.benchmarks-list {
    counter-reset: benchmarks;
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.benchmarks-list-item{
    display: flex;
    gap: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 1rem 0 rgba(0, 0, 0, 0.15);
    padding: 1rem;
}

@media(min-width: 1200px) {
    .benchmarks-list-item{
        width: 1170px;
        margin: 0 auto;
    }
    .advantages .uk-grid{
        padding-left: 16px;
        width: 1200px;
    }
}

.benchmarks-item-body {
    padding: 1rem;
    min-width: auto;
}
.benchmarks-list-item img{
    width: 100%;
}

.compare .uk-slidenav{
    display: none;
}





@media (min-width: 1200px) {
    .benchmarks-list {
        gap: 65px;
    }

    .benchmarks-item-body {
        padding: 20px;
        min-width: 370px;
    }
    .benchmarks-list-item{
        flex-flow: row;
        justify-content: space-between;
        gap: 24px;
        padding: 24px;
    }
}

.benchmarks-list-text{
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2;
}

.benchmarks-list-text:before{
    counter-increment: benchmarks;
    content: counter(benchmarks);
    display: block;
    font-size: 120px;
    color: #eff0f2;
    line-height: 1;
    transform: translate(6px, -3px);
}

.sections-flow{
    display: flex;
    flex-direction: column;
    gap: 64px;
    padding-top: 3rem;
    margin-top: 3rem;
}

.sections-flow .section{
    padding: 0;
}

.section-container{
    max-width: 1260px;
    margin-inline: auto;
    padding: 0 1rem;
}

.sections-flow .section-header{
    padding: 0 0 36px;
}
.sections-flow .section-footer{
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.section-title{
    font-size: 30px;
    text-align: center;
    font-weight: 300;
    line-height: 1.2;
}

.section-subtitle{
    font-size: 24px;
    text-align: center;
    font-weight: 400;
    line-height: 1.9;
    max-width: 100%;
}

.section-body{
    padding-bottom: 28px;
}

.section-footer{
    text-align: center;
    padding-bottom: 28px;
}

.section-button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000000;
    border-radius: 6px;
    text-decoration: none;
    padding: 11px 33px;
    color: #000;
    font-size: 16px;
}

.webinars{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
    max-width: 1090px;
    margin-inline: auto;
    margin-block: 0;
    padding: 0;
}

.webinars-item{
    list-style-type: none;
}

.webinar-column{
    border: 2px solid #EDEDED;
    border-radius: 20px;
    padding: 19px 19px 36px;
    display: flex;
    flex-direction: column;
    gap: 52px;
    margin-inline: auto;
    transition: background-color 0.3s;
}
.webinar-column:hover{
    background-color: #F0F8FC;
}

.webinar-column-header{
    background-color: #F0F8FC;
    border-radius: 100px;
    padding: 8px 5px;
}

.webinar-column-title{
    font-weight: 400;
    font-size: 25px;
    text-align: center;
    line-height: 1;
    letter-spacing: -0.4px;
    margin: 0 !important;
}

.webinar-column-list{
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin: 0;
    padding: 0;
}

.webinar-column-item{
    list-style-type: none;
    margin: 0;
}

.webinar-card,
.webinar-card:hover{
    text-decoration: none;
}

.webinar-card-figure{
    display: flex;
    flex-direction: column;
    gap: 20px;
    text-align: center;
    margin: 0;
}

.webinar-card-figure img{
    width: 100%;
    aspect-ratio: 100 / 55;
    object-fit: cover;
    object-position: center;
    border-radius: 8px;
    /*box-shadow: 0 0 10px 0 rgba(0,0,0,0.25);*/
    transition: box-shadow 0.3s;
}

.webinar-card:hover .webinar-card-figure img{
    /*box-shadow: 0 0 15px 0 rgba(0,0,0,0.5);*/
}

.webinar-card-caption{
    color: #7D7D7D;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: -0.2px;
    height: 64px;
    overflow: hidden;
    padding: 0;
    margin-top: 0px;
    text-align: center;
    font-weight: 500;
}

.hj-cases{
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 25px;
    max-width: 1090px;
    margin-inline: auto;
    margin-block: 0;
    padding: 0;
}

.hj-cases-item{
    list-style-type: none;
}

.hj-cases-card{
    max-width: 320px;
    margin-inline: auto;
    height: 100%;
    background-color: #F0F8FC;
    border-radius: 20px;
    padding: 30px 19px 36px;
    display: grid;
    grid-template-rows: 60px auto auto 1fr auto;
    grid-gap: 20px;
    justify-items: center;
    text-align: center;
    transition: background-color 0.3s;
}

.hj-cases-card-image{
    align-self: center;
}

.hj-cases-card-image img{
    max-height: 53px;
    max-width: 210px;
    object-fit: contain;
    object-position: center;
}

.hj-cases-card-amount{
    border-radius: 100px;
    max-width: 210px;
    background-color: #fff;
    padding: 5px 10px;
    width: 100%;

}

.hj-cases-card-employees{
    display: flex;
    align-items: center;

}

.icon-employee{
    width: 24px;
    height: 24px;
    margin: -10px 7px -6px 0;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23C6C6C6' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.hj-cases-card-growth{
    align-self: baseline;
    padding-top: 43px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.hj-cases-card-growth strong{
    font-size: 40px;
    font-weight: 700;
    line-height: 1.7;
}

.hj-cases-card-footer a{
    text-decoration: none;
    color: #AEAEAE;
    display: flex;
    align-items: center;
    font-weight: 500;
}

.hj-cases-card-footer a .icon-arrow{
    width: 24px;
    height: 24px;
    margin: -10px 0 -6px 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23AEAEAE' d='M16.175 13H5q-.425 0-.712-.288T4 12t.288-.712T5 11h11.175l-4.9-4.9q-.3-.3-.288-.7t.313-.7q.3-.275.7-.288t.7.288l6.6 6.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-6.6 6.6q-.275.275-.687.275T11.3 19.3q-.3-.3-.3-.712t.3-.713z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}

.call-to-action{
    background-color: #EFF3F6;
    border-radius: 20px;
    display: grid;
    grid-template-columns: 92px 1fr auto;
    align-items: center;
    padding: 22px 36px;
    grid-gap: 48px;
    max-width: 1090px;
    margin-inline: auto;
}

.call-to-action-employee{
    display: flex;
    flex-direction: column;
    gap: 10px
}

.call-to-action-employee strong{
    font-size: 24px;
    font-weight: 500;
    line-height: 1;
}

.call-to-action-link{
    background-color: #57BC20;
    color: #fff !important;
    text-decoration: none;
    padding: 12px 35px;
    font-weight: 500;
    border-radius: 8px;
    display: inline-flex;
}

.settings p strong{
    font-size: 20px;
    background-color: transparent;
    padding: inherit;
    border-radius: 0;
    line-height: 1.4;
}

.settings-row{
    display: flex;
    gap: 3rem;
}

.settings-col-small{
    flex-basis: 450px;
}

.settings-col-image{
    flex: 1;
}

.-hj.benchmarking-data h2{
    margin-bottom: 25px;
}

.benchmarking-data img{
    max-width: 260px;
}

.types .uk-text-center{
    margin-bottom: 53px;
}

.advantages h2{
    margin-bottom: 45px;
}

.advantages-item-image img{
    width: auto !important;
    max-width: 136px;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 20px;
}

.webinar-column-item:before,
.webinar-column-item:after{
    display: none;
}

.settings.-hj h2{
    margin-bottom: 45px;
}

.sections-flow .section:nth-child(3){
    display: none;
}


@media (max-width: 1200px) {
    .intro-wrapper {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .intro-wrapper .uk-section{
        padding-top: 0;
        padding-bottom: 0;
    }
    .-hj .uk-article-title{
        font-size: 36px;
    }
    .settings img{
        width: 100%;
    }

    .benchmarking-data br{
        display: none;
    }
    .benchmarks-item-body {
        min-width: 220px;
    }
    .types .expand.uk-card-media-left{
        margin-left: auto;
    }
    .advantages br{
        display: none;
    }
    .settings-row{
        flex-direction: column;
    }
    .settings-col-small{
        flex-basis: auto !important;
    }
}

@media (max-width: 960px) {
    .-video-block .uk-grid-column.uk-first-column{
        text-align: center;
    }

    .-video-block {
        background-image: url('/static/img/functional-benchmarks/section-3-tablet.png');
        background-size: 94%;
    }
    .how{
        text-align: center;
    }
}

@media (max-width: 992px) {
    .call-to-action{
        grid-template-columns: 92px 1fr;
        grid-template-rows: auto auto;
        align-items: center;
        padding: 16px 24px;
        grid-gap: 20px;
    }
    .call-to-action-button{
        grid-column: 2 / 3;
        grid-row: 2 / 3;
    }
    .intro-wrapper .uk-section{
        padding-top: 0;
    }

    .intro-wrapper .-hj .uk-article-title{
        margin-bottom: 8px;
    }
    .-hj .uk-article-meta{
        margin-bottom: 12px;
    }
    .mobile-hidden{
        display: block !important;
    }
    .desktop-hidden{
        display: none;
    }

}
@media (max-width: 960px){
    .values-list {
        display: flex;
        gap: 5rem;
        justify-content: center;
    }
    .values-list-item{
        text-align: left;
    }
    .values-list-item + .values-list-item{
        margin-top: 0;
    }
    .benchmarks-list {
        gap: 2rem;
    }
    .-video-block-content p{
      text-align: center;
    }
}

@media (max-width: 800px){
    .benchmarks-list-item{
        flex-direction: column;
    }
}

@media (max-width: 700px) {
    .intro-wrapper {
        padding-top: 28px;
        margin-bottom: 0rem;
        padding-bottom: 72vw;
        background-position: center bottom !important;
        background-size: 109.5% auto;
    }

    .values-list {
        display: flex;
        gap: 3rem;
    }
    .uk-slideshow-items{
        padding-bottom: 1rem;
    }

}
@media (max-width: 640px) {
    .intro-wrapper {
      padding-top: 6vw;
      padding-bottom: 75vw;
      background-size: calc(119.5vw - 30px) auto;
      background-color: #e4ecf0;
    }
    .benchmarks-list-text:before{
        font-size: 90px;
    }

}

@media (max-width: 576px) {
    .values-list {
        flex-direction: column;
        gap: 2rem;
    }
    .advantages .advantages-item-image{
        width: 100px;
    }
    #functional-benchmarks-form-submit{
        margin: 0 auto;
    }
}

@media (max-width: 440px) {
    .-video-block h3 + p{
        text-align: center;
    }
}

@media (min-width: 961px){
  .uk-section.compare{
    margin-top: 6rem !important;
  }
}
@media (max-width: 960px){
  .uk-section.compare p{
    margin-bottom: 0;
  }
  .uk-section.compare p + div{
    display: none;
  }
  .settings p strong{
    font-size: 1em;
  }
}
@media (max-width: 960px){
  .settings.-hj h2{
    margin-bottom: 30px !important;
  }
}