/*********************************************************************
 * INIT - START
 ********************************************************************/
:root,
[data-bs-theme=dark] {
    --bs-bg-opacity: 1;
    --bs-text-opacity: 1;
    --bs-link-color: var(--bs-primary);
    --bs-link-hover-color: rgba(var(--bs-primary-rgb), 0.8);
    --bs-link-color-rgb: var(--bs-primary-rgb);

    --em-heading-font-family: "Instrument Sans", sans-serif;
    --em-dark: #292a2d;
    --em-maxwidth-md: 700px;
}

.btn-primary {
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-btn-hover-color);
    --bs-btn-hover-border-color: rgba(var(--bs-primary-rgb), 0.9);
    --bs-btn-active-bg: var(--bs-btn-hover-bg);
    --bs-btn-active-border-color: var(--bs-btn-hover-border-color);
    --bs-btn-disabled-bg: var(--bs-btn-bg);
    --bs-btn-disabled-border-color: var(--bs-btn-border-color);
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
/*********************************************************************
 * INIT - END
 ********************************************************************/
/*********************************************************************
 * COLORS - START
 ********************************************************************/
.bg-darker {
    background-color: var(--em-dark);
}

.bg-tertiary {
    background-color: var(--bs-tertiary);
}

.bg-quaternary {
    background-color: var(--bs-quaternary);
}

.text-tertiary {
    color: var(--bs-tertiary);
}

.text-quaternary {
    color: var(--bs-quaternary);
}
/*********************************************************************
 * COLORS - END
 ********************************************************************/
/*********************************************************************
 * TYPOGRAPHY - START
 ********************************************************************/
.dropcap {
    font-size: 4em;
    font-weight: bold;
    display: block;
    float: left;
    margin: 0.04em 0.2em 0 0;
    color: var(--bs-gray-900);
    line-height: 1;
}

@media (min-width: 1200px) {
    .dropcap {
        font-size: 2.75rem;
    }
}

a:hover,
a:focus {
    color: var(--bs-link-hover-color);
}

a.bi::before,
span.bi::before {
    margin-right: 0.5rem;
}

.nav-link.btn,
.nav-link.btn.show {
    background: var(--bs-btn-bg);
    color: var(--bs-btn-color);
}

.nav-link.btn:hover,
.nav-link.btn:focus {
    background: var(--bs-btn-hover-bg);
    color: var(--bs-btn-hover-color);
}

.border-bottom-short {
    position: relative;
    padding-bottom: 1.25rem;
    margin-bottom: 1.25rem;
}

.border-bottom-short:after {
    content: "";
    position: absolute;
    display: block;
    width: 3.75rem;
    height: 3px;
    background: var(--bs-primary);
    left: 0;
    bottom: 0;
}

/*********************************************************************
 * TYPOGRAPHY - END
 ********************************************************************/
/*********************************************************************
 * PAGE HEADER - START
 ********************************************************************/
#pageHeader {
    margin-bottom: 2rem;
}

#pageHeader.sticky-top {
    z-index: 1040;
    background-color: var(--bs-body-bg);
}

#pageHeader .nav-link:focus-visible {
    box-shadow: unset;
    -webkit-box-shadow: unset;
}

#pageHeader .navbar-toggler {
    margin-left: 0.5rem;
    padding: 0.38rem 0.8rem;
}

@media all and (max-width: 575px) {
    #pageHeader .navbar-expand-xl .navbar-brand {
        max-width: 75%;
    }
}

@media all and (max-width: 319px) {
    #pageHeader .navbar-expand-xl .navbar-brand {
        max-width: 50%;
    }
}

/*********************************************************************
 * PAGE HEADER - END
 ********************************************************************/
/*********************************************************************
 * PAGE CONTENT - START
 ********************************************************************/
main section {
    border-radius: var(--bs-border-radius);
}

/*********************************************************************
 * PAGE CONTENT - END
 ********************************************************************/
/*********************************************************************
 * PAGE FOOTER - START
 ********************************************************************/
#pageFooter {
    --bs-link-color: var(--bs-gray-400);

    background-color: var(--bs-dark);
    color: var(--bs-white);
    padding-top: 3.5rem;
    margin-top: 3.5rem;
}

#pageFooter header {
    --bs-heading-color: var(--bs-white);

    background-color: unset;
}

#pageFooter a {
    color: var(--bs-link-color);
    font-size: 0.938rem;
}

#pageFooter .copyright {
    color: var(--bs-gray-300);
}

@media all and (min-width: 992px) {
    #pageFooter {
        padding-top: 8rem;
    }
}

/*********************************************************************
 * PAGE FOOTER - END
 ********************************************************************/
/*********************************************************************
 * GENERAL TYPOGRAPHY - START
 ********************************************************************/
.text-white * {
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity));
}

.text-white .btn-white {
    color: var(--bs-gray-900);
}

/*********************************************************************
 * GENERAL TYPOGRAPHY - END
 ********************************************************************/
/*********************************************************************
 * HEADINGS - START
 ********************************************************************/
.preheader {
    color: var(--bs-gray-900);
    font-weight: 400;
    margin-bottom: 1rem;
    font-size: 0.875em;
    display: block;
}

@media all and (min-width: 768px) {
    .frame>header+p {
        margin-top: 2.5rem;
    }
}

main header {
    background-color: unset;
}

/*********************************************************************
 * HEADINGS - END
 ********************************************************************/
/*********************************************************************
 * IMAGES - START
 ********************************************************************/
main img {
    border-radius: var(--bs-border-radius);
}

.frame-type-image.frame-layout-1 img {
    filter: grayscale(100%);
}

.frame-rounded-images img {
    border-radius: var(--bs-border-radius);
}

.frame-circle-images img {
    border-radius: 100%;
}
/*********************************************************************
 * IMAGES - END
 ********************************************************************/
/*********************************************************************
 * VIDEOS - START
 ********************************************************************/
main iframe.video-embed-item {
    width: 100%;
}

.video-consent {
    cursor: pointer;
    position: relative;
}

.video-consent .fa-play {
    position: absolute;
    z-index: 2;
    left: calc(50% - 2.4rem);
    top: calc(50% - 2rem);
    border-radius: 50%;
    background-color: var(--bs-white);
    padding: 1rem 1.2rem;
}

.video-placeholder {
    pointer-events: none;
}

.iframe-loaded .video-placeholder,
.iframe-loaded .fa-play {
    display: none;
}

/*********************************************************************
 * VIDEOS - END
 ********************************************************************/
/*********************************************************************
 * BUTTONS - START
 ********************************************************************/
.btn-light {
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}

.btn-get-started {
    color: var(--bs-secondary);
    background: var(--bs-primary);
    transition: 0.5s;
    animation: fadeInUp 1s both 0.4s;
}

.btn-white {
    background-color: var(--bs-white);
    color: var(--bs-body-color);
}

.btn-outline {
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 1px;
    display: inline-block;
    padding: 0.75rem 2.5rem;
    border-radius: 5px;
    transition: 0.5s;
    border: 2px solid var(--bs-white);
    color: var(--bs-white);
}

.btn-outline:hover,
.btn-outline:focus {
    background: var(--bs-primary);
    color: var(--bs-white);
    border: 2px solid var(--bs-primary);
}

.hero .btn-get-started:hover {
    background: rgba(var(--bs-primary-rgb), 0.8);
}

/*********************************************************************
 * BUTTONS - END
 ********************************************************************/
/*********************************************************************
 * LIST GROUPS  - START
 ********************************************************************/
.list-group-checklist,
.frame-type-bullets.frame-layout-1 ul,
.list-group-features,
.frame-type-bullets.frame-layout-2 ul {
    padding-left: 0;
}

.list-group-checklist li,
.frame-type-bullets.frame-layout-1 li,
.list-group-features li,
.frame-type-bullets.frame-layout-2 li {
    display: flex;
    align-items: center;
    padding: 0.425rem 0;
    color: var(--bs-gray-900);
}

.list-group-checklist li:before,
.frame-type-bullets.frame-layout-1 li:before,
.list-group-features li:before,
.frame-type-bullets.frame-layout-2 li:before {
    content: "\f4b5";
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    margin-right: 0.5rem;
}

.list-group-features li:before,
.frame-type-bullets.frame-layout-2 li:before {
    content: "\f633";
}

[data-bs-theme='dark'] .frame-type-bullets.frame-layout-1 li:before {
    content: "\f4b6";
}

main .list-group-checklist:not(:last-child),
main .frame-type-bullets.frame-layout-1:not(:last-child) {
    margin-bottom: 1.6rem;
}

/* Layout: Spaceless - START */
.frame-type-menu_subpages.frame-layout-1 ul,
.frame-type-menu_subpages.frame-layout-1 ul li {
    list-style: none;
    padding-left: 0;
}

.frame-type-menu_subpages.frame-layout-1 ul li {
    padding: 0.5rem 0;
}

/* Layout: Spaceless - ENd */

/* Address - START */
.list-group-address,
.list-group-address li {
    list-style: none;
}

.list-group-address li+li {
    margin-top: 1rem;
}

/* Address - END */
/*********************************************************************
 * LIST GROUPS  - END
 ********************************************************************/
/*********************************************************************
 * SKILL TILE - START
 ********************************************************************/
.frame-type-skilltile {
    border-radius: var(--bs-border-radius);
    padding: 1rem;
    text-align: center;
}

/*********************************************************************
 * SKILL TILE - END
 ********************************************************************/
/*********************************************************************
 * CONTAINER INNER SMALL - START
 ********************************************************************/
.inner-container-small {
    text-align: center;
    max-width: var(--em-maxwidth-md);
    margin-right: auto;
    margin-left: auto;
}

.inner-container-small+.row {
    margin-top: 1rem;
}

.inner-container-small .preheader {
    background-color: var(--bs-light);
    border-radius: var(--bs-border-radius-lg);
    padding: 0.5rem 1rem;
    display: inline-block;
}

/*********************************************************************
 * CONTAINER INNER SMALL - END
 ********************************************************************/
/*********************************************************************
 * CONTAINER PARALLAX - START
 ********************************************************************/
.container-parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*********************************************************************
 * CONTAINER PARALLAX - END
 ********************************************************************/
/*********************************************************************
 * CONTAINER LG11 - START
 ********************************************************************/
.container-lg11 {
    margin-left: auto;
    margin-right: auto;
}

.container-lg11-centered {
    display: flex;
    align-items: center;
    max-width: 1200px;
}

.container-lg11-centered>.frame-type-container>.row {
    align-items: center;
}

/*********************************************************************
 * CONTAINER LG11 - END
 ********************************************************************/
/*********************************************************************
 * CARD - START
 ********************************************************************/
.card-icon {
    width: 3.5rem;
    height: 3.5rem;
    line-height: 3.5rem;
    text-align: center;
    font-size: 1.2rem;
    border-radius: 50%;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity));
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity));
    margin-top: -2.5rem;
    margin-bottom: 1.6rem;
}

.card-footer {
    background-color: inherit;
    text-align: center;
}

.card-footer .btn {
    display: block;
}

/*********************************************************************
 * CARD - END
 ********************************************************************/
/*********************************************************************
 * CARD PRICE - START
 ********************************************************************/
.card-price .price-and-unit {
    color: var(--bs-heading-color);
    font-weight: 700;
}

/*********************************************************************
 * CARD PRICE - END
 ********************************************************************/
/*********************************************************************
 * CARD TESTIMONIAL - START
 ********************************************************************/
.card-testimonial .fa-star,
.card-testimonial .fa-star-half-alt {
    color: var(--bs-warning);
}

.testimonial-customer {
    text-align: left;
}

.testimonial-customer-position {
    font-size: 0.9em;
}

/*********************************************************************
 * CARD TESTIMONIAL - END
 ********************************************************************/
/*********************************************************************
 * CARD QUOTE - START
 ********************************************************************/
.card.frame-layout-1 {
    overflow: hidden;
}

.card.frame-layout-1 .card-decoration {
    margin: 0;
}

.card.frame-layout-1 .card-body,
.card.frame-layout-1 .card-quote-icon,
.card.frame-layout-1 .card-footer {
    padding: 0 2.5rem;
}

.card.frame-layout-1 .card-quote-icon i {
    color: var(--bs-dark);
    font-size: 4rem;
}

.card.frame-layout-1 hr {
    opacity: 0.9;
    margin: 2.5rem;
    max-width: 50%;
    border-width: 2px;
}

.card.frame-layout-1 .card-text .h5 {
    font-weight: 400;
}

.card.frame-layout-1 .blockquote-footer {
    margin: 1rem 0 0 0;
    font-size: 1.2rem;
    text-align: left;
    display: flex;
    padding-bottom: 2.5rem;
}

/*********************************************************************
 * CARD QUOTE - END
 ********************************************************************/
/*********************************************************************
 * CARD AVATAR - START
 ********************************************************************/
.card.frame-layout-2 {
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.card.frame-layout-2:hover,
.card.frame-layout-2:focus {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
    -webkit-box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);
    box-shadow: 0px 10px 30px rgba(29, 58, 83, 0.15);
}

.card-avatar-image {
    height: 5.125rem;
    width: 5.125rem;
    margin: 0 auto 1rem auto;
}

@media all and (min-width: 768px) {
    .card-avatar-image {
        height: 8rem;
        width: 8rem;
    }
}

.card-avatar-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 50%;
}

.card.frame-layout-2 .small+.list-inline {
    margin-top: 1rem;
}

.card.frame-layout-2 .small+.list-inline a {
    color: var(--bs-dark);
    width: 2rem;
    height: 2rem;
    font-size: 0.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.2rem;
    line-height: 1.2;
}

.card.frame-layout-2 .small+.list-inline a:hover,
.card.frame-layout-2 .small+.list-inline a:focus {
    background: var(--bs-gray-200);
    border-color: var(--bs-gray-200);
    color: var(--bs-gray-900);
}

/*********************************************************************
 * CARD AVATAR - END
 ********************************************************************/
/*********************************************************************
 * LOCATIONCARD - START
 ********************************************************************/
.frame-type-locationcard .card-title {
    font-weight: 700;
    font-size: 1.2rem;
}

.frame-type-locationcard .card-avatar-image {
    margin: 0 0 1.6rem 0;
    width: 3rem;
    height: 3rem;
}

.frame-type-locationcard .card-body {
    padding: 1.6rem;
}

/*********************************************************************
 * LOCATIONCARD - END
 ********************************************************************/
/*********************************************************************
 * QUOTE - START
 ********************************************************************/
.quote.layout-1 {
    margin-left: auto;
}

.quote.layout-2 {
    margin-right: auto;
}

@media all and (min-width: 768px) {
    .quote.layout-1 {
        max-width: 58.33333333%;
    }
}

/*********************************************************************
 * QUOTE - END
 ********************************************************************/
/*********************************************************************
 * FORM: GENERAL - START
 ********************************************************************/
.frame-type-form_formframework .row+.row,
.frame-type-form_formframework .actions {
    margin-top: 1.6rem;
}

.frame-type-form_formframework .row+input[autocomplete] {
    margin-bottom: 1.6rem;
}

/*********************************************************************
 * FORM: GENERAL - END
 ********************************************************************/
/*********************************************************************
 * FORM: SUBSCRIBE - START
 ********************************************************************/
.frame-type-form_formframework.frame-layout-1 form,
.frame-type-form_formframework.frame-layout-2 form {
    position: relative;
    background: var(--bs-white);
    border-radius: 0.3rem;
    padding: 0.75rem 0;
}

.frame-type-form_formframework.frame-layout-2 form {
    background-color: rgba(var(--bs-white-rgb), 0.1);
}

.frame-type-form_formframework.frame-layout-1 label,
.frame-type-form_formframework.frame-layout-2 label {
    display: none;
}

.frame-type-form_formframework.frame-layout-1 .required:not(.input),
.frame-type-form_formframework.frame-layout-2 .required:not(.input) {
    display: none;
}

.frame-type-form_formframework.frame-layout-1 .form-control,
.frame-type-form_formframework.frame-layout-2 .form-control {
    background: unset;
    border: none;
}

.frame-type-form_formframework.frame-layout-1 .form-control:focus,
.frame-type-form_formframework.frame-layout-2 .form-control:focus {
    box-shadow: unset;
}

.frame-type-form_formframework.frame-layout-1 .actions,
.frame-type-form_formframework.frame-layout-2 .actions {
    position: absolute;
    top: 0.75rem;
    right: 0.5rem;
    margin-top: 0;
}

.frame-type-form_formframework.frame-layout-1 .actions button[type='submit'] {
    --bs-btn-bg: var(--bs-dark);
    --bs-btn-border-color: var(--bs-dark);
    --bs-btn-hover-bg: var(--bs-dark);
    --bs-btn-hover-border-color: var(--bs-dark);
    --bs-btn-active-bg: var(--bs-dark);
    --bs-btn-active-border-color: var(--bs-dark);
    --bs-btn-disabled-bg: var(--bs-dark);
    --bs-btn-disabled-border-color: var(--bs-dark);

    margin: 0;
}

.frame-type-form_formframework.frame-layout-2 .actions button[type='submit'] {
    margin: 0;
}

/*********************************************************************
 * FORM: SUBSCRIBE - END
 ********************************************************************/
/*********************************************************************
 * SOCIAL MEDIA LIST - START
 ********************************************************************/
.frame-type-socialmedialist.frame-layout-1 {
    display: flex;
    gap: 1rem;
}

/*********************************************************************
 * SOCIAL MEDIA LIST - END
 ********************************************************************/
/*********************************************************************
 * TEAM MEMBER - START
 ********************************************************************/
.teammember {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.teammember figure {
    margin: 0;
}

.teammember .teammember-info {
    opacity: 0;
    position: absolute;
    inset: 0;
    transition: 0.2s;
}

.teammember .teammember-info-content {
    position: absolute;
    left: 50px;
    right: 0;
    bottom: 0;
    transition: bottom 0.4s;
}

.teammember .teammember-info-content header {
    color: var(--bs-white);
    font-weight: 700;
    margin-bottom: 2px;
    font-size: 1.125rem;
}

.teammember .teammember-info-content * {
    color: var(--bs-white);
}

.teammember .teammember-info-content span {
    font-style: italic;
    display: block;
    font-size: 0.8125rem;
}

.teammember .social {
    position: absolute;
    left: -50px;
    top: 0;
    bottom: 0;
    width: 50px;
    transition: left ease-in-out 0.3s;
    background: rgba(var(--bs-black-rgb), 0.6);
    text-align: center;
}

.teammember .social a {
    transition: color 0.3s;
    display: block;
    margin-top: 1rem;
}

.teammember .social a:hover,
.teammember .social a:hover {
    color: var(--bs-primary);
}

.teammember .social i {
    font-size: 1.125rem;
    margin: 0 2px;
}

.teammember:hover .teammember-info {
    background: linear-gradient(0deg, rgba(var(--bs-black-rgb), 0.9) 0%, rgba(var(--bs-black-rgb), 0.8) 20%, rgba(var(--bs-white-rgb), 0) 100%);
    opacity: 1;
    transition: 0.4s;
}

.teammember:hover .teammember-info-content {
    bottom: 30px;
    transition: bottom 0.4s;
}

.teammember:hover .social {
    left: 0;
    transition: left ease-in-out 0.3s;
}

/*********************************************************************
 * TEAM MEMBER - END
 ********************************************************************/
/*********************************************************************
 * TEXTICON - START
 ********************************************************************/
.frame-type-texticon.frame-overflow-visible .ce-gallery {
    overflow: visible;
}

/*********************************************************************
 * TEXTICON - END
 ********************************************************************/
/*********************************************************************
 * TEXTICONIMAGE - START
 ********************************************************************/
.ce-texticonimage-image {
    border-radius: 0.5rem;
    overflow: hidden;
    text-align: center;
}

.ce-texticonimage-image img {
    transition: 0.6s;
}

.ce-texticonimage:hover .ce-texticonimage-image img,
.ce-texticonimage:focus .ce-texticonimage-image img {
    transform: scale(1.2);
}

.ce-texticonimage-details {
    background: rgba(var(--bs-white-rgb), .95);
    padding: 3.125rem 1.875rem;
    margin: -6.25rem 1.875rem 0 1.875rem;
    transition: all ease-in-out 0.3s;
    position: relative;
    text-align: center;
    border-radius: 0.5rem;
    box-shadow: 0px 0 1.5625 rgba(var(--bs-black-rgb), 0.1);
}

.ce-texticonimage-details .ce-texticonimage-icon {
    margin: 0;
    width: 4.5rem;
    height: 4.5rem;
    background: var(--bs-primary);
    color: var(--bs-white);
    border: 0.375rem solid var(--bs-white);
    border-radius: 3.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.25rem;
    font-size: 1.75rem;
    transition: ease-in-out 0.3s;
    position: absolute;
    top: -2.25rem;
    left: calc(50% - 2.25rem);
}

.ce-texticonimage:hover .ce-texticonimage-details .ce-texticonimage-icon,
.ce-texticonimage:focus .ce-texticonimage-details .ce-texticonimage-icon {
    background: var(--bs-white);
    border: 2px solid var(--bs-primary);
}

.ce-texticonimage:hover .ce-texticonimage-details .ce-texticonimage-icon .ce-icon,
.ce-texticonimage:focus .ce-texticonimage-details .ce-texticonimage-icon .ce-icon {
    color: var(--bs-primary);
}

.ce-texticonimage-details .ce-texticonimage-icon figure {
    margin: 0;
}

.ce-texticonimage-details a::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    cursor: pointer;
}

.ce-texticonimage-details header,
.ce-texticonimage-details header > * {
    margin: 0.625rem 0 0.9375rem 0;
    transition: ease-in-out 0.3s;
}

.ce-texticonimage-details p {
    color: rgba(var(--bs-body-color-rgb), 0.9);
    line-height: 1.5rem;
    font-size: 0.875rem;
    margin-bottom: 0;
}
/*********************************************************************
 * TEXTICONIMAGE - END
 ********************************************************************/
/*********************************************************************
 * STEP PROCESS - START
 ********************************************************************/
.ce-step-process > .row > * {
    position: relative;
}

.ce-step-process > .row > *::before {
    content: "";
    border: 1px dashed var(--bs-gray-200);
    width: 90%;
    position: absolute;
    top: 50px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    z-index: -1;
    display: none;
}

@media (min-width: 992px) {
    .ce-step-process > .row > *:not(:last-child):before {
        display: block;
    }
}
/*********************************************************************
 * STEP PROCESS - END
 ********************************************************************/
/*********************************************************************
 * TABS - START
 ********************************************************************/
/* Layout 1 - START */
.frame-type-container_tabsaccordion.frame-layout-1 {
    display: flex;
    flex-direction: column;
}

.frame-type-container_tabsaccordion.frame-layout-1 .nav-tabs {
    align-items: center;
    border: none;
}

.frame-type-container_tabsaccordion.frame-layout-1 .nav-item {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 0%;
    flex: 1 0 0%;
}

.frame-type-container_tabsaccordion.frame-layout-1 .nav-item + .nav-item {
    margin-left: 1rem;
}

.frame-type-container_tabsaccordion.frame-layout-1 .nav-link {
    color: var(--bs-body-color);
    padding: 1rem 4rem;
    transition: 0.3s;
    border-radius: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 100%;
    border: 0;
    border-bottom: 4px solid rgba(var(--bs-body-color-rgb), 0.1);
    font-weight: 600;
}

.frame-type-container_tabsaccordion.frame-layout-1 .nav-link.active {
    color: var(--bs-primary);
    border-color: var(--bs-primary);
}

.frame-type-container_tabsaccordion.frame-layout-1 .tab-content {
    margin-top: 1.75rem;
}
/* Layout 1 - END */
/*********************************************************************
 * TABS - END
 ********************************************************************/
/*********************************************************************
 * NEWS - START
 ********************************************************************/
#pageContent>.container .news-single,
#pageContent>.news-single {
    margin-bottom: 3rem;
}

/*********************************************************************
  * NEWS - END
  ********************************************************************/
/*********************************************************************
 * FRAME CLASSES - START
 ********************************************************************/
.frame-space-before-extra-large {
    margin-top: 8em;
}

.frame-space-before-2xl {
    margin-top: 11em;
}

.frame-space-after-2xl {
    margin-bottom: 11em;
}


.frame-space-after-extra-large {
    margin-bottom: 8em;
}

.frame-space-after-2xl {
    margin-bottom: 11em;
}

.frame-padding-before-extra-small {
    padding-top: 1em;
}

.frame-padding-before-small {
    padding-top: 2em;
}

.frame-padding-before-medium {
    padding-top: 3em;
}

.frame-padding-before-large {
    padding-top: 4em;
}

.frame-padding-before-extra-large {
    padding-top: 8em;
}

.frame-padding-before-2xl {
    padding-top: 11em;
}

.frame-padding-after-extra-small {
    padding-bottom: 1em;
}

.frame-padding-after-small {
    padding-bottom: 2em;
}

.frame-padding-after-medium {
    padding-bottom: 3em;
}

.frame-padding-after-large {
    padding-bottom: 4em;
}

.frame-padding-after-extra-large {
    padding-bottom: 8em;
}

.frame-padding-after-2xl {
    padding-bottom: 11em;
}

.frame-padding-start-extra-small {
    padding-left: 1em;
}

.frame-padding-start-small {
    padding-left: 2em;
}

.frame-padding-start-medium {
    padding-left: 3em;
}

.frame-padding-start-large {
    padding-left: 4em;
}

.frame-padding-start-extra-large {
    padding-left: 8em;
}

.frame-padding-end-extra-small {
    padding-right: 1em;
}

.frame-padding-end-small {
    padding-right: 2em;
}

.frame-padding-end-medium {
    padding-right: 3em;
}

.frame-padding-end-large {
    padding-right: 4em;
}

.frame-padding-end-extra-large {
    padding-right: 8em;
}

.frame-padding-end-2xl {
    padding-right: 11em;
}

.frame-space-before-extra-small-negate {
    margin-top: -1em;
    z-index: 2;
    position: relative;
}

.frame-space-before-small-negate {
    margin-top: -2em;
    z-index: 2;
    position: relative;
}

.frame-space-before-medium-negate {
    margin-top: -3em;
    z-index: 2;
    position: relative;
}

.frame-space-before-large-negate {
    margin-top: -4em;
    z-index: 2;
    position: relative;
}

.h-100.frame-space-before-large-negate {
    height: calc(100% + 4em) !important;
}

.frame-space-before-extra-large-negate {
    margin-top: -8em;
    z-index: 2;
    position: relative;
}

.frame-space-after-extra-small-negate {
    margin-bottom: -1em;
    z-index: 2;
    position: relative;
}

.frame-space-after-small-negate {
    margin-bottom: -2em;
    z-index: 2;
    position: relative;
}

.frame-space-after-medium-negate {
    margin-bottom: -3em;
    z-index: 2;
    position: relative;
}

.frame-space-after-large-negate {
    margin-bottom: -4em;
    z-index: 2;
    position: relative;
}

.frame-space-after-extra-large-negate {
    margin-bottom: -8em;
    z-index: 2;
    position: relative;
}

/* Frame: Arrow Box - START */
.frame-arrow-box {
    background-color: var(--bs-light);
    border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
    padding: 1.25rem;
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
}

.frame-arrow-box .ce-gallery {
    margin-right: 1rem;
}

.frame-arrow-box:hover,
.frame-arrow-box:focus {
    cursor: pointer;
}

.frame-arrow-box:after {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: auto;
    height: auto;
    fill: currentcolor;
    -webkit-transition: 0.2s ease-in-out transform;
    transition: 0.2s ease-in-out transform;
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    content: "\f138";
    margin-left: 1rem;
    font-size: calc(1.275rem + 0.3vw);
    transition: all 0.3s ease-in-out;
}

.frame-arrow-box:hover:after,
.frame-arrow-box:focus:after {
    color: var(--bs-primary);
    transform: translate3d(0.25em, 0, 0);
}

@media all and (min-width: 1200px) {
    .frame-arrow-box:after {
        font-size: 1.5rem;
    }
}

/* Frame: Arrow Box - END */
/*********************************************************************
 * FRAME CLASSES - END
 ********************************************************************/
/*********************************************************************
 * EXTBASE ERRORS - START
 ********************************************************************/
input.f3-form-error {
    border: 1px solid var(--bs-danger-border-subtle);
    background-color: var(--bs-danger-bg-subtle);
    color: var(--bs-danger-text-emphasis);
}
/*********************************************************************
 * EXTBASE ERRORS - END
 ********************************************************************/