/*
.visually-hidden {
    position: absolute !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
}
.toolbar {
    display: none;
}
*/
:root {
    --default-font-family: Manrope;
    --default-text-color: #0A0A0A;
    --default-font-size: 17px;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: var(--default-font-family);
    color: var(--default-text-color);
    font-size: var(--default-font-size);
    line-height: normal;

}

body.frontpage {
    overflow: hidden;
}

a {
    color: var(--default-text-color);
    /*font-size: var(--default-font-size);*/
    text-decoration: none;
}
a:hover {
    color: var(--default-text-color);
    /*font-size: var(--default-font-size);*/
    text-decoration: none;
}
.uk-h1, .uk-h2, .uk-h3, .uk-h4, .uk-h5, .uk-h6, .uk-heading-2xlarge, .uk-heading-large, .uk-heading-medium, .uk-heading-small, .uk-heading-xlarge, h1, h2, h3, h4, h5, h6 {
    font-family: var(--default-font-family);
    color: inherit;
    line-height: normal;
}
.uk-slidenav,
.uk-slidenav:active,
.uk-slidenav:hover {
    color: #ffffff;
}
.uk-container {
    padding-left: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
    padding-right: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}


@media only screen and (max-width: 959px) {
    .uk-container-expand-right {
        padding-left: 20px;
        padding-right: 20px;
    }
    .uk-container-expand-left {
        padding-right: 20px;
        padding-left: 20px;
    }
}


.uk-container-expand {
    max-width: none !important;
}
.uk-button,
.uk-button:hover {
    font-size: var(--default-font-size);
}
.uk-button-secondary {
    background-color: transparent;
    border-color: #9F2E90;
}
.uk-button-secondary:hover {
    background-color: transparent;
    border-color: #9F2E90;
}

.uk-button-primary {
    color: #ffffff;
    background-color: #9F2E90;
    border-color: #9F2E90;
}

.uk-button-primary:hover {
    color: #ffffff;
    background-color: #9F2E90;
    border-color: #9F2E90;
}

.uk-tab>*>a {
    font-size: var(--default-font-size);
}

.text-white {
    color: #ffffff;
}

.header {
    padding-top: 10px;
}
.header .logo {
    width: clamp(5.875rem, 0.7956rem + 8.4746vw, 10.875rem);
    padding-top: 10px;
}
@media only screen and (min-width: 960px) {
    .header .logo {
        margin-bottom: -10px;
    }
}

@media only screen and (max-width: 959px) {
    .front-top-inner.uk-flex {
        display: block;
    }
    .front-top-inner-top {
        padding-bottom: 50px;
    }
    .front-top-inner.uk-height-viewport {
        min-height: auto;
    }
}

.front-top-inner-bottom {
    /*padding-bottom: clamp(1.25rem, -1.3748rem + 11.6656vw, 12.5rem);*/
    padding-bottom: 60px;
}

.front-top-inner-bottom-left h1 {
    font-size: clamp(1.875rem, 1.2917rem + 2.5924vw, 4.375rem);
    padding-right: clamp(3.125rem, 1.6668rem + 6.4809vw, 9.375rem);;
}

.front-top-inner-bottom-right  h3 {
    font-size: 20px;
    line-height: clamp(1.25rem, 0.9292rem + 1.4258vw, 2.625rem);
    padding-left: 40px;
    border-left: 1px solid #9F2E90;
    font-weight: 100;
    font-size: clamp(0.813rem, 0.7110rem + 0.4531vw, 1.25rem);
    padding-right: clamp(3.125rem, 1.6668rem + 6.4809vw, 9.375rem);
}


.scroll {
    display: block;
    position: absolute;
    height: 185px;
    width: 25px;
    color: inherit;
    bottom: -100px;
    right: 0px;
}
.scroll:hover {
    color: inherit;
}
.scroll::after {
    content: '';
    position: absolute;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 1px;
    margin-left: -1px;
    height: 110px;
    background-color: #707070;
}
.scroll-text {
    font-size: 14px;
    transform: rotate(90deg);
    transform-origin: 40% 0%;
    position: absolute;
    bottom: 20px;
}

.footer {
    padding-top: 100px;
    padding-bottom: 50px;
    background-color: #0A0A0A;
    color: #ffffff;
}
@media only screen and (max-width: 959px) {
    .footer {
        padding-top: 50px;
    }
}
.footer-top {
    padding-left: 40px;
    font-size: 70px;
}


.footer-top:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background-color: #9F2E90;
    top: 25px;
    left: 0px;
    border-radius: 50%;
}
@media only screen and (max-width: 959px) {
    .footer-top {
        font-size: 30px;
    }
    .footer-top:after {
        top: 10px;
    }
}
.footer-middle {
    padding-left: 40px;
    padding-top: 50px;
    padding-bottom: 50px;
    line-height: 32px;
}

.footer-middle .uk-grid-divider>:not(.uk-first-column)::before {
    border-color: #9F2E90;
}
@media only screen and (max-width: 959px) {
    .footer-middle {
        padding-left: 40px;
        padding-right: 40px;
    }
    .footer-middle .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before {
        border-color: #9F2E90;
    }
}
.footer-middle .uk-button {
    text-transform: lowercase;
}
.footer-middle a,
.footer-middle a:hover {
    color: #ffffff;
}

.footer-middle .uk-icon {
    transition: all 0.2s ease-in-out;
}
.footer-middle .uk-icon:hover {
    color: #9F2E90;
}

.footer-bottom {
    padding-left: 40px;
    font-size: 13px;
}
@media only screen and (max-width: 959px) {
    .footer-bottom {
        padding-left: 0px;
    }
}


.background-gray {
    color: #ffffff;
    background-color: #171717;
}
.background-gray a,
.background-gray a:hover {
    color: #ffffff;
}

.page-title {
    padding-top: 20px;
    font-size: clamp(1.875rem, 1.2917rem + 2.9vw, 4.375rem);
    color: #ffffff;
}

.page-top {
    display: table;
    height: clamp(13.75rem, -1.4883rem + 25.4237vw, 28.75rem);
    /*min-height: clamp(13.75rem, -1.4883rem + 25.4237vw, 28.75rem);*/
    background-size: cover;
    background-image: url('/themes/ten06/images/page-header.jpg')
}
.page-top.large {
    height: clamp(23.75rem, 18.6706rem + 8.4746vw, 28.75rem);
}

.section-title {
    padding-bottom: 25px;
    font-size: 20px;
}
.section-title.white {
    color: #ffffff;
}
.section-title.dot {
    padding-left: 35px;
}
.section-title.dot:after {
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    top: 3px;
    left: 0px;
    border-radius: 50%;
    background-color: #9F2E90;
}


.section-content {
    padding-top: 95px;
    padding-bottom: 95px;
}

.section-content.left {
    padding-right: 95px;
    padding-left: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}
.section-content.right {
    padding-left: 95px;
    padding-right: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}

.section-label.left {
    padding-right: 95px;
    padding-left: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}
.section-content.leftright {
    padding-right: 95px;
}
.section-label.right {
    padding-right: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}
.section-content.rightleft {
    padding-right: 95px;
    padding-left: clamp(1.25rem, -3.8294rem + 8.4746vw, 6.25rem);
}


.section-content {
    font-size: 18px;
    line-height: 32px;
    font-weight: 100;
}
.section-content.leftleft .section-title {
    font-size: 30px;
    line-height: 39px;
    font-weight: 100;
}


.section-content .uk-button-text {
   /* top: -7px;*/
}
.section-content .uk-button-text::before {
    border-bottom: 2px solid #ffffff;
    z-index: 1;
    bottom: -4px;
}

.section-content .uk-button-text.dark::before {
    border-bottom: 2px solid #171717;
}
.section-content .uk-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0px;
    border-bottom: 2px solid #9F2E90;
    transition: right .3s ease-out;
    z-index: 0;
}

.service-page .uk-button-text::before {
    border-bottom: none;
}
.service-page .uk-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0px;
    border-bottom: 2px solid #9F2E90;
    transition: right .3s ease-out;
    z-index: 0;
}

.service-page .uk-button-text:hover::after {
    right: 500px;
}
@media only screen and (max-width: 959px) {

    .section-content {
        padding-top: 35px;
        padding-bottom: 35px;
    }
    .section-content.right {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-label.right {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-content.left {
        padding-left: 20px;
        padding-right: 20px;
    }
    .section-content.leftright {
        padding-left: 20px;
        padding-right: 20px;
    }
}


.pages-top-inner-bottom-right  h3 {
    color: #ffffff;
    line-height: clamp(1.25rem, 0.9292rem + 1.4258vw, 2.625rem);
    padding-left: 40px;
    border-left: 1px solid #9F2E90;
    font-weight: 100;
    font-size: clamp(0.813rem, 0.7110rem + 0.4531vw, 1.25rem);
    padding-right: clamp(3.125rem, 1.6668rem + 6.4809vw, 9.375rem);
}

.body-title {
    font-size: clamp(1.875rem, 1.2917rem + 2.5924vw, 4.375rem);
    font-weight: 400;
}
.body-content {
    font-size: clamp(1.5rem, 1.1190rem + 0.6356vw, 1.875rem);
}
.contact-page-detail-title {
    font-size: 18px;
    font-weight: 400;
    color: #B6B6B6;
}

.contact-page-detail-body {
    padding-bottom: 30px;
}
.contact-page-detail-body.border {
    margin-bottom: 30px;
    border-bottom: 1px solid #B6B6B6;
}
.contact-page-bottom {
    color: #ffffff;
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: #171717;
}

.contact-page-bottom a {
    color: #ffffff;
}
.contact-page-bottom a:hover {
    color: #ffffff;
}

.login-page .form-item{
    margin-bottom: 20px;
}

.login-page .leftcustommenu-item {
    font-size: 24px;
    font-weight: 500;
}


.team-page {
    padding-left: clamp(0rem, -15.8733rem + 26.4831vw, 15.625rem);
    padding-right: clamp(0rem, -15.8733rem + 26.4831vw, 15.625rem);
}
.team-page img {
    width: 100%;
    height: auto;
}
.team-member-content {
    font-size: 18px;
    line-height: 32px;
    font-weight: 100;
    padding-bottom: 30px;
    border-bottom: 1px solid #B6B6B6;
    margin-bottom: 30px;
}

.team-member-linkedin a{
    display: inline-block;
}

.tm-background-primary{
    background-color: #9F2E90;
    color: white;
    text-align: center;
    font-weight: bold;
}

.section-content .uk-button-text-secondary {
    top: 0px;
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #333;
    position: relative;
}

.back-button.uk-button-text {
    top: 0px;
    padding: 0;
    line-height: 1.5;
    background: 0 0;
    color: #333;
    position: relative;
    font-weight: 100;
}
.back-button.uk-button-text::before {
    border-bottom: 2px solid #ffffff;
    z-index: 1;
    bottom: -4px;
}
.back-button.uk-button-text::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0px;
    border-bottom: 2px solid #9F2E90;
    transition: right .3s ease-out;
    z-index: 0;
}

.new-page .material-icons,
.team-page .material-icons {
    margin-top: 12px;
}

.front-wrapper {
    height: 100vh;
    overflow-y: scroll;
    scroll-snap-type: y mandatory;
}

.page-section {
    scroll-snap-align: start;
    scroll-snap-stop: normal;
}
.uk-button-secondary:hover {
    background-color: #9F2E90;
}