/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 15, 2020 */

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-BoldItalic.woff2') format('woff2'), url('FoundersGrotesk-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-Bold.woff2') format('woff2'), url('FoundersGrotesk-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-Light.woff2') format('woff2'), url('FoundersGrotesk-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-LightItalic.woff2') format('woff2'),
        url('FoundersGrotesk-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-Regular.woff2') format('woff2'), url('FoundersGrotesk-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-Medium.woff2') format('woff2'), url('FoundersGrotesk-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-MediumItalic.woff2') format('woff2'),
        url('FoundersGrotesk-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-SemiboldIt.woff2') format('woff2'), url('FoundersGrotesk-SemiboldIt.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-Semibold.woff2') format('woff2'), url('FoundersGrotesk-Semibold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Copyright Klim Type Foundry';
    src: url('FoundersGrotesk-RegularItalic.woff2') format('woff2'),
        url('FoundersGrotesk-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-BoldItalic.woff2') format('woff2'), url('EuclidCircularB-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-MediumItalic.woff2') format('woff2'),
        url('EuclidCircularB-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-Bold.woff2') format('woff2'), url('EuclidCircularB-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-Light.woff2') format('woff2'), url('EuclidCircularB-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-Italic.woff2') format('woff2'), url('EuclidCircularB-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-Medium.woff2') format('woff2'), url('EuclidCircularB-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-Regular.woff2') format('woff2'), url('EuclidCircularB-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-LightItalic.woff2') format('woff2'),
        url('EuclidCircularB-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-SemiBoldItalic.woff2') format('woff2'),
        url('EuclidCircularB-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Euclid Circular B';
    src: url('EuclidCircularB-SemiBold.woff2') format('woff2'), url('EuclidCircularB-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GorditaBlack';
    src: url('Gordita-black.woff2') format('woff2'), url('Gordita-black.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaBlackItalic';
    src: url('Gordita-black-italic.woff2') format('woff2'), url('Gordita-black-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaBold';
    src: url('Gordita-bold.woff2') format('woff2'), url('Gordita-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaBoldItalic';
    src: url('GorditaBold-italic.woff2') format('woff2'), url('GorditaBold-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaLight';
    src: url('Gordita-light.woff2') format('woff2'), url('Gordita-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaLightItalic';
    src: url('Gordita-light-italic.woff2') format('woff2'), url('Gordita-light-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaMedium';
    src: url('Gordita-medium.woff2') format('woff2'), url('Gordita-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaMediumItalic';
    src: url('Gordita-medium-italic.woff2') format('woff2'), url('Gordita-medium-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaRegular';
    src: url('Gordita-regular.woff2') format('woff2'), url('Gordita-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaRegularItalic';
    src: url('GorditaRegular-italic.woff2') format('woff2'), url('GorditaRegular-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaThin';
    src: url('Gordita-thin.woff2') format('woff2'), url('Gordita-thin.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaThinItalic';
    src: url('Gordita-thin-italic.woff2') format('woff2'), url('Gordita-thin-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaUltra';
    src: url('Gordita-ultra.woff2') format('woff2'), url('Gordita-ultra.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'GorditaUltraItalic';
    src: url('Gordita-ultra-italic.woff2') format('woff2'), url('Gordita-ultra-italic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

html body {
    font-family: GorditaRegular;
    font-size: 0.875rem;
    -webkit-font-smoothing: antialiased;
}

.main-custom-client {
    background-color: #fff;
}

.parsley-errors-list li.parsley-required {
    display: none;
}

.bg-white {
    background-color: #fff;
}

.top-nav > ul {
    padding: 0 20px 0 0;
}

.menu-dashboard {
    padding: 14px 12px 14px 12px;
    border-right: 1px solid #dfe5eb;
    border-left: 1px solid #dfe5eb;
}

.container-top {
    box-shadow: 0 1px 5px 0 rgb(41 85 115 / 21%);
    position: fixed;
    left: 0;
    right: 0;
    height: 48px;
    z-index: 999;
}

.w-30 {
    width: 7rem;
}

.dashboard-hover:hover {
    background-color: #eaf7ff;
    cursor: pointer;
}

.menu-hover:hover {
    color: #3899ec;
}

.btn-focus-no-outline:focus {
    outline: none;
}

.padding-menu {
    padding: 14px 12px 14px 12px;
}

.rounded-3px {
    border-radius: 3px;
}

.rounded-b-md {
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.rounded-tr-md {
    border-top-right-radius: 0.375rem;
}

.rounded-tl-md {
    border-top-left-radius: 0.375rem;
}

.rounded-br-md {
    border-bottom-right-radius: 0.375rem;
}

.rounded-bl-md {
    border-bottom-left-radius: 0.375rem;
}

.text-active {
    color: #2f59d8;
}

.text-title {
    font-size: 1rem;
}

.text-content {
    font-size: 0.8rem;
}

.font-medium {
    font-family: 'GorditaMedium';
    font-weight: normal;
}

.font-bold {
    font-family: 'GorditaBold';
    font-weight: normal;
}

.font-regular {
    font-family: 'GorditaRegular';
    font-weight: normal;
}

.btn-white {
    background-color: #ffffff;
}

.btn-slide-lexigo {
    width: 100%;
    height: 40px;
    border-radius: 3px;
    color: #0c1352;
    border-width: 0;
    border: 1px solid #0c1352;
}

.slide-1 {
    position: relative;
    overflow: hidden;
    background: #fff;
}

.slide-3 {
    position: relative;
    overflow: hidden;
}

.slide-3::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #17bdb7;
    transform: translate(0%, -100%) skew(0deg);
    transition: 0.2s;
    border: 1px solid #17bdb7;
}

.slide-1::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #17bdb7;
    transform: translate(0%, -100%) skew(0deg);
    transition: 0.2s;
    border: 1px solid #17bdb7;
}

.text-button-start-quote {
    position: relative;
    transition: 0.2s;
    color: #0c1352;
    font-family: 'GorditaBold';
}

.justify-center {
    justify-content: center;
}

.slide-1:hover::before {
    transform: translate(0%, 0) skew(0deg);
    border: 1px solid #17bdb7;
}

.slide-3:hover::before {
    transform: translate(0%, 0) skew(0deg);
    border: 1px solid #17bdb7;
}

.slide-1:hover .text-button-start-quote {
    color: #fff;
}

.slide-3:hover .text-button-start-quote {
    color: #fff;
}

.slide-3:hover .text-button-settings-general-not-active {
    color: #fff;
}

.hover-a:hover {
    color: #3899ec;
}

.hover-a span:hover {
    color: #2d3748;
}

.w-70 {
    width: 20rem;
}

.border-before-after:before {
    content: '';
    background-color: #dfe5eb;
    width: 1px;
    height: 20px;
    position: absolute;
    left: 0;
}

.border-before-after:after {
    content: '';
    background-color: #dfe5eb;
    width: 1px;
    height: 20px;
    position: absolute;
    right: 0;
}

svg:focus {
    outline: none;
}

.dropdown-menu.show > .dropdown-menu-account {
    margin-top: 0.75rem;
}

.custom-dropdown-menu.show > .custom-dropdown-menu-account {
    margin-top: 0.75rem;
}

.custom-dropdown-menu {
    z-index: 9999;
    /* inset: 0 auto auto 0;
    transform: translate3d(-10000px, 0, 0); */
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.custom-dropdown-menu.show {
    transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s;
    visibility: visible;
    opacity: 1;
}

.custom-dropdown-menu.show > .custom-dropdown-menu__content {
    margin-top: 0.25rem;
}

.custom-dropdown-menu.show > .custom-dropdown-menu__content .tab-content .tab-pane {
    visibility: visible;
}

.custom-dropdown-menu .custom-dropdown-menu__content {
    transition: margin-top 0.2s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09019607843137255);
    margin-top: 1.25rem;
    width: 100%;
}

.custom-dropdown-menu .custom-dropdown-menu__content .tab-content .tab-pane {
    visibility: hidden;
}
.custom-dropdown-menu {
    margin-top: 1rem;
}
.content-custom {
    position: relative;
    height: 100vh;
    min-width: 0;
    flex: 1 1 0%;
    background-color: #f6f8f9; /* rgba(240, 245, 255, var(--tw-bg-opacity)); */
    padding-bottom: 2rem;

    padding-bottom: 5rem;
}

.main-custom {
    background-color: #f6f8f9; /* rgba(240, 245, 255, var(--tw-bg-opacity)); */
}

.bg-lexigo-1 {
    background-color: #0c1352;
}

.bg-lexigo-2 {
    background-color: #0057ff;
}

.bg-lexigo-green {
    background-color: #17bdb7;
}

.bg-lexigo-purple {
    background-color: #6776ff;
}

.bg-lexigo-blue {
    background-color: #00aeef;
}

.bg-lexigo-yellow {
    background-color: #f3e51a;
}

.btn-lexigo-green {
    background-color: #17bdb7;
    border-color: #17bdb7;
}

.btn-lexigo-green:disabled{
    background-color: gray;
    border-color: gray;
}
.btn-lexigo-green:disabled:hover{
    background-color: gray;
    border-color: gray;
}

.chat .chat__tabs a.active {
    --tw-bg-opacity: 1;
    background-color: rgba(47, 90, 216, var(--tw-bg-opacity));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

.bg-gray-lexigo-2 {
    background-color: #ebeff1;
}

@media (min-width: 1600px) {
    .container-custom {
        max-width: 1400px;
    }
}

.card-post-featured {
    transition: opacity 0.2s linear;
}

.grid__item a {
    font-size: 1.6rem;
}

@media (min-width: 769px) {
    .card-post-featured__img,
    .card-post-featured__img img,
    .card-post-featured__img picture {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        display: block;
    }
}

.card-post-featured a {
    position: relative;
    text-decoration: none;
    color: #060823;
    min-height: 340px !important;
    transition: transform 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    background-color: #fff;
}

.player-control-container {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 65px;
}

.hide-not-fullscreen {
    display: none;
}
:not(:root):fullscreen .hide-not-fullscreen {
    display: block;
}
:not(:root):fullscreen .hide-fullscreen {
    display: none;
}

:not(:root):fullscreen .hide-fullscreen-timeline {
    top: 200vh; /*  hide timeline without rerender*/
}

:not(:root):fullscreen.content-video-editor {
    background-color: #000000;
}

:not(:root):fullscreen .editor {
    width: 100% !important;
}
:not(:root):fullscreen .video-max-height {
    max-height: unset !important;
    width: 100%;
}

:not(:root):fullscreen .editor-responsive,
:not(:root):fullscreen .vid-container {
    height: calc(100vh - 70px) !important;
}

@media (max-width: 768px) {
    :not(:root):fullscreen .editor-responsive,
    :not(:root):fullscreen .vid-container {
        height: calc(100vh - 108px) !important;
    }
    :not(:root):fullscreen .vid-container {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    :not(:root):fullscreen .video {
        height: auto !important;
    }
}

:not(:root):fullscreen .vid-container {
    width: unset !important;
}

:not(:root):fullscreen .volume-dropdown-content {
    bottom: 0;
}

.hide-fullscreen .volume-dropdown-content {
    left: 40px;
}

.hide-not-fullscreen .volume-dropdown-content {
    right: 40px;
}


:not(:root):fullscreen .volume-setting-content {
    bottom: 0;
}

.hide-not-fullscreen .volume-setting-content {
    right: 40px;
}
.player-control-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

@media (min-width: 769px) {
    .card-post-featured a {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
        overflow: hidden;
        padding: 30px;
        min-height: auto !important;
    }

    .player-control-left-margin {
        margin-left: 5rem;
    }
}

@media (max-width: 768px) {
    .card-post-featured a {
        display: block;
        box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
    }

    .player-control-left-margin {
        margin-left: 4rem;
    }
    .player-control-container {
        height: unset;
    }
}

@media (min-width: 769px) {
    .card-post-featured__content {
        max-width: 420px;
        padding: 30px;
    }
}

.card-post-featured__category {
    background-color: #17bdb7;
    color: #fff;
    font-weight: 900;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1;
    padding: 10px 15px 9px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.blog .blog-preview-custom-height {
    height: 600px;
}

.blog .blog-preview-custom-height:before {
    content: '';
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    height: 100%;
    width: 100%;
}

@media (min-width: 769px) {
    .card-post-featured__content {
        max-width: 420px;
        padding: 30px;
    }
}

@media (min-width: 769px) {
    .card-post-featured__title {
        line-height: 1.5;
        font-size: 24px;
        margin-top: 13px;
        font-family: 'GorditaBold';
    }
}

.card-post-featured__title {
    margin-bottom: 15px;
    font-family: 'GorditaBold';
    line-height: normal;
    font-size: 1rem;
}

.card-post-featured .btn .text,
.card-post-featured .read-time,
.card-post-featured__excerpt {
    font-size: 14px;
}

.card-post-featured__excerpt {
    line-height: 1.6;
    margin-bottom: 40px;
}

.card-post-featured__meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.card-post-featured__content {
    position: relative;
    z-index: 2;
    display: block;
    background-color: #fff;
    transition: transform 0.2s cubic-bezier(0.5, 1, 0.89, 1);
}

@media (min-width: 769px) {
    .card-post-featured a.on-press .card-post-featured__content,
    html:not(.mobile):not(.tablet) .card-post-featured a:focus .card-post-featured__content,
    html:not(.mobile):not(.tablet) .card-post-featured a:hover .card-post-featured__content {
        transform: translateY(-10px);
    }
}

@media (min-width: 769px) {
    .card-post-featured__content {
        max-width: 420px;
        padding: 30px;
    }
}

.container-blog {
    max-width: 1200px;
    padding-left: 0;
    padding-right: 0;
}

section > .container-blog {
    position: relative;
    z-index: 6;
}

@media screen and (min-width: 375px) {
    .section-blog > .container-blog {
        padding-top: calc(10px + (9500vw - 35625px) / 1305);
    }
}

@media screen and (min-width: 1680px) {
    .section-blog > .container-blog {
        padding-top: 155px;
    }
}

.section-blog .grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -35px;
}

@media (min-width: 960px) {
    .section-blog .grid__item:nth-child(-n + 5) {
        order: 2;
    }
}

.section-blog .grid__item.is-featured {
    width: 100%;
    max-width: 100%;
    order: 1;
    padding-right: 25px;
}

@media (min-width: 960px) {
    .section-blog .grid__item {
        width: 25%;
        max-width: 25%;
    }
}

.section-blog .grid__item,
.section-blog .grid__item .card-post,
.section-blog .grid__item .card-post a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.section-blog .grid__item {
    margin-bottom: 35px;
    order: 4;
    padding-right: 25px;
}

@media (min-width: 769px) and (max-width: 959px) {
    .section-blog .grid__item:nth-child(-n + 4) {
        order: 2;
    }
}

@media (min-width: 769px) and (max-width: 959px) {
    .section-blog .grid__item {
        width: 33.3333%;
        max-width: 33.3333%;
    }
}

.section-blog .grid__item,
.section-blog .grid__item .card-post,
.section-blog .grid__item .card-post a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.section-blog .grid__item {
    margin-bottom: 35px;
    order: 4;
    padding-right: 25px;
}

.section-blog .grid__item,
.section-blog .grid__item .card-post,
.section-blog .grid__item .card-post a {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.card-post {
    transition: opacity 0.2s linear;
}

.card-post a {
    display: block;
    text-decoration: none;
    color: #060823;
    min-height: 250px !important;
    transition: transform 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    background-color: #fff;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
}

.card-post__excerpt {
    font-weight: 400;
    font-size: 0.8rem !important;
    padding: 20px 25px;
    line-height: 1.6;
}

.card-post__img:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 84.62%;
}

.card-post__img img,
.card-post__img picture {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: block;
}

.card-post__category {
    background-color: #060823;
    color: #fff;
    font-weight: 900;
    font-size: 9px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    line-height: 1;
    padding: 10px 15px 9px;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.container-page {
    min-height: 100vh;
    overflow: hidden;
}

.container-blog,
.container-page {
    position: relative;
    width: 100%;
}

.content-main {
    outline: none;
}

section {
    position: relative;
    overflow: hidden;
}

@media screen and (min-width: 375px) {
    .section-blog:not(.has-pagination) > .container-blog {
        padding-bottom: calc(40px + (10000vw - 37500px) / 1305);
    }
}

.section-blog:not(.has-pagination) > .container-blog {
    padding-bottom: 40px;
}

@media screen and (min-width: 375px) {
    .section-blog > .container-blog {
        padding-top: 0rem;
    }
}

section > .container-blog {
    position: relative;
    z-index: 6;
}

.container-blog,
.container-page {
    position: relative;
    width: 100%;
}

.card-post__img {
    position: relative;
}

@media (max-width: 479px) {
    .section-blog .grid__item:nth-child(-n + 2) {
        order: 2;
    }
}

@media (max-width: 479px) {
    .section-blog .grid__item {
        width: 100%;
        max-width: 100%;
    }
}

@media (min-width: 480px) and (max-width: 768px) {
    .section-blog .grid__item {
        width: 50%;
        max-width: 50%;
    }
}

.card-post a.on-press,
html:not(.mobile):not(.tablet) .card-post a:focus,
html:not(.mobile):not(.tablet) .card-post a:hover {
    transform: translateY(-10px);
}

@media (min-width: 480px) {
    .card-post-featured .btn-custom-slide {
        min-width: 170px;
    }
}

.btn-custom-slide,
.btn-new {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 19px;
    text-align: center;
    outline: none;
    background-color: #060823;
    border-radius: 3px;
    white-space: nowrap;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: 900;
    overflow: hidden;
    position: relative;
    transition: background-color 0.2s linear;
    border: none;
    color: #fff;
}

.btn-custom-slide:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transform: translateY(-100%) scaleY(0);
    transform-origin: center top;
    transition: transform 0.2s cubic-bezier(0.5, 1, 0.89, 1);
    background-color: #17bdb7;
}

.card-post-featured .btn-custom-slide .text,
.card-post-featured .read-time,
.card-post-featured__excerpt {
    font-size: 0.8rem;
}

.btn-custom-slide.on-press:before,
html:not(.mobile):not(.tablet) .btn-custom-slide:focus:before,
html:not(.mobile):not(.tablet) .btn-custom-slide:hover:before,
.btn-new.on-press:before,
html:not(.mobile):not(.tablet) .btn-new:focus:before,
html:not(.mobile):not(.tablet) .btn-new:hover:before {
    transform: translateY(0) scaleY(1);
}

.btn-custom-slide.on-press:before,
html:not(.mobile):not(.tablet) .btn-custom-slide:focus:before,
html:not(.mobile):not(.tablet) .btn-custom-slide:hover:before {
    transform: translateY(0) scaleY(1);
}

.btn-custom-slide:hover .text,
.btn-custom-slide:focus .text {
    color: #fff;
    z-index: 1;
}

.btn-custom-slide.on-press,
html:not(.mobile):not(.tablet) .btn-custom-slide:focus,
html:not(.mobile):not(.tablet) .btn-custom-slide:hover,
.btn-new.on-press,
html:not(.mobile):not(.tablet) .btn-new:focus,
html:not(.mobile):not(.tablet) .btn-new:hover {
    background: none;
}

.box-lexigo {
    box-shadow: 0 3px 20px rgb(0 0 0 / 4%);
    position: relative;
    border-radius: 3px;
    border-color: transparent;
    background-color: #eeeeee;
}

.p-20 {
    padding: 48px;
}

.w-80 {
    width: 25rem !important;
}

.px-20 {
    padding-left: 48px;
    padding-right: 48px;
}

.side-nav-client-custom {
    position: fixed;
    height: 100%;
    top: 18px;
}

.cointainer-nav {
    min-height: 100vh;
    width: 250px;
    position: relative;
    background-color: #0c1352;
}

.start-quote-absolute {
    left: 1.25rem;
    margin-top: 1rem;
}

.w-quote-important {
    width: 201px;
    height: 50px;
}

.side-nav .side-menu {
    color: #fff;
}

.side-nav .side-menu {
    border-radius: 3px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding: 0.375rem 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    border-radius: 3px;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 0.8rem;
}

.select2-selection__rendered {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: auto;
    margin: 0;
    text-align: left;
    vertical-align: top;
    padding: 0.375rem 1rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    border-radius: 3px;
}

.select2-container--default .select2-selection--single {
    border-radius: 3px !important;
    border: 1px solid #e2e8f0 !important;
}

.select2-selection--single {
    height: 38px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px !important;
}

@media (max-width: 768px) {
    .card-post-featured__content {
        padding: 20px 25px;
    }
}

@media (max-width: 639px) {
    .content-custom {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

@media (max-width: 768px) {
    .cointainer-nav {
        display: none;
    }
}

@media (min-width: 769px) {
    .side-nav {
        width: 250px;
    }

    .side-nav .side-menu .side-menu__title,
    .side-nav .side-menu .side-menu__title .side-menu__sub-icon {
        display: block;
    }
}

.search .search__input {
    width: 18rem;
}

@media (max-width: 768px) {
    .content-custom {
        top: 0;
    }
}

@media (min-width: 640px) {
    .container-custom {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
}

.btn-slide-lexigo-request {
    width: 160px;
    height: 50px;
    border-radius: 3px;
    color: #0c1352;
    border-width: 0;
    border: 1px solid #0c1352;
}

.container-step .devider-client {
    position: relative;
    z-index: 10;
    height: 2px;
    width: 50px;
    --tw-bg-opacity: 1;
    background-color: rgba(226, 232, 240, 1);
}

.container-step .devider-client-active {
    position: relative;
    z-index: 10;
    height: 2px;
    width: 50px;
    --tw-bg-opacity: 1;
    background-color: #0c1352;
}

.bg-lexigo-gray-4 {
    background-color: #f2f5f6;
}

.main-custom-scribe {
    background-color: #14151a;
    height: 100vh;
    /* overflow: scroll;
    overflow-x: hidden;*/
    overflow-y: auto !important;
    /* overflow:hidden; */
}

.bg-dark {
    background-color: #1b1b1b;
}

.bg-control-dark {
    background-color: #24252e;
}

.bg-sub-dark {
    background-color: #1d1e24;
}

.bg-box-dark {
    background-color: #23242d;
}

.bg-box-content-dark {
    background-color: #2b2c39;
}

.bg-navbar {
    background-color: #24252e;
    color: #ffffff;
}

.bg-navbar .MuiBreadcrumbs-li {
    color: #ffffff;
}

.content-custom-transcribe {
    background-color: #fff;
}

.client-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='20' height='20' stroke='currentColor' stroke-width='2' fill='%230c1352' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='9' cy='7' r='4'%3E%3C/circle%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87'%3E%3C/path%3E%3Cpath d='M16 3.13a4 4 0 0 1 0 7.75'%3E%3C/path%3E%3C/svg%3E");
    width: 2.5rem;
    height: 2.5rem;
    background-color: #e5e7f5;
    background-repeat: no-repeat;
    background-position: center;
    top: -20px;
    border-radius: 3px;
}

.employer-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' fill='%230c1352' version='1.1' x='0px' y='0px' viewBox='0 0 1000 1000' enable-background='new 0 0 1000 1000' xml:space='preserve'%3E%3Cmetadata%3E Svg Vector Icons : http://www.onlinewebfonts.com/icon %3C/metadata%3E%3Cg%3E%3Cg transform='translate(0.000000,511.000000) scale(0.100000,-0.100000)'%3E%3Cpath d='M3995.8,3710.5c-125.6-49.4-282.1-191.5-329.5-302.7c-18.5-41.2-39.1-154.4-45.3-251.2l-12.4-175l-189.5-6.2l-191.5-6.2v-636.3v-638.4h1760.8h1760.8v638.4v636.3l-189.5,6.2l-191.5,6.2l-10.3,185.3c-16.5,273.9-105,420.1-311,523.1l-127.7,63.8l-908.2-2.1C4152.3,3751.7,4096.7,3749.7,3995.8,3710.5z M5900.7,3424.3c113.3-51.5,175-175,164.7-335.7l-6.2-107.1H4988.4H3917.6l-6.2,59.7c-14.4,113.3,18.5,238.9,74.1,302.7c103,115.3,144.2,119.4,1023.5,119.4C5760.7,3465.5,5818.3,3461.4,5900.7,3424.3z'/%3E%3Cpath d='M472.3,2619.1c-144.2-55.6-298.6-210-341.9-343.9c-30.9-88.6-32.9-356.3-28.8-2734.8l6.2-2633.9l47.4-88.6c59.7-113.3,183.3-236.8,296.6-296.5l88.5-47.4l4437.9-6.2c4028.1-4.1,4446.2-2.1,4536.8,28.8c135.9,45.3,286.3,197.7,341.9,348c43.2,113.3,43.2,127.7,43.2,2745.1c0,2596.9-2.1,2631.9-43.2,2722.5c-65.9,148.3-133.9,218.3-267.7,286.2l-127.7,63.8H8269H7078.7v-144.2V2374h1138.8c1083.2,0,1140.9-2.1,1225.3-41.2c67.9-30.9,96.8-59.7,129.7-131.8c39.1-90.6,39.1-140,35-2652.5c-6.2-2848.1,4.1-2631.9-144.2-2739l-67.9-47.4l-4332.9-6.2c-3097.3-2.1-4355.5,2.1-4415.2,18.5c-107.1,28.8-210.1,131.8-238.9,238.9c-16.5,59.7-22.7,817.6-18.5,2617.4l6.2,2535.1l43.2,57.7c24.7,30.9,74.1,76.2,113.3,98.8c68,39.1,113.3,41.2,1208.8,47.4l1136.8,6.2v142.1v144.2l-1157.4-2.1C626.7,2660.3,577.3,2658.2,472.3,2619.1z'/%3E%3Cpath d='M2587.2,1204.3c-245.1-65.9-399.5-208-465.4-434.5c-24.7-88.6-28.8-164.7-20.6-331.6c10.3-201.8,8.2-220.4-28.8-243c-33-20.6-39.1-39.1-26.8-103c18.5-98.8,61.8-185.3,131.8-261.5c35-37.1,68-107.1,82.4-175c57.7-257.4,212.1-486,393.3-586.9c98.8-55.6,129.7-61.8,286.2-61.8c199.8,0,294.5,39.1,422.2,168.9c94.7,98.8,201.8,313,236.8,477.8c22.7,103,41.2,146.2,92.7,189.4c35,33,76.2,94.7,88.5,138c33,107.1,33,230.7,0,230.7c-20.6,0-26.8,61.8-28.8,232.7c0,193.6-8.2,247.1-47.4,337.7c-53.5,121.5-195.6,265.7-284.2,286.2c-30.9,8.2-113.3,39.1-181.2,70C3005.3,1245.5,2817.9,1264,2587.2,1204.3z'/%3E%3Cpath d='M5472.4,623.6V479.4h926.7h926.7v144.2v144.2h-926.7h-926.7V623.6z'/%3E%3Cpath d='M7655.3,623.6V479.4h556h556v144.2v144.2h-556h-556V623.6z'/%3E%3Cpath d='M5472.4-303.1v-144.2h1647.5h1647.5v144.2V-159H7119.9H5472.4V-303.1z'/%3E%3Cpath d='M3446-1176.3c-20.6-292.4-119.4-613.7-294.5-967.9c-109.1-226.5-195.6-364.5-220.3-356.3c-28.8,10.3-189.5,313-292.4,556c-107.1,257.4-189.5,558.1-208,768.1l-12.3,148.3l-65.9-28.8c-35-14.4-179.2-55.6-317.1-90.6c-292.4-74.1-479.8-140-593.1-212.1c-111.2-72.1-249.2-230.6-273.9-321.3c-28.8-105-24.7-434.5,6.2-494.2c55.6-111.2,535.4-306.8,951.4-391.3c659-133.8,1418.9-94.7,2009.9,100.9c224.5,74.1,438.6,170.9,514.8,232.7c47.4,35,80.3,164.8,80.3,306.8c0,271.8-80.3,438.7-273.9,560.2c-146.2,90.6-245.1,127.7-568.4,210c-152.4,37.1-311,86.5-352.1,109.2l-76.2,39.1L3446-1176.3z'/%3E%3Cpath d='M5472.4-1229.9V-1374h1647.5h1647.5v144.2v144.2H7119.9H5472.4V-1229.9z'/%3E%3Cpath d='M2768.5-1176.3c-14.4-37.1,16.5-170.9,47.4-208c35-41.2,214.2-41.2,253.3,0c35,32.9,65.9,183.3,45.3,216.2C3093.8-1135.1,2780.8-1141.3,2768.5-1176.3z'/%3E%3Cpath d='M2784.9-1687l-35-191.5l80.3-177.1c45.3-96.8,92.7-183.3,103-189.5c12.3-8.2,63.8,78.3,117.4,191.5l96.8,205.9l-35,175l-37.1,175h-127.7h-127.7L2784.9-1687z'/%3E%3Cpath d='M5472.4-2156.6v-144.2h463.4h463.4v144.2v144.2h-463.4h-463.4V-2156.6z'/%3E%3Cpath d='M6708-2156.6v-144.2h1029.7h1029.7v144.2v144.2H7737.7H6708V-2156.6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    width: 2.5rem;
    height: 2.5rem;
    background-color: #e5e7f5;
    background-repeat: no-repeat;
    background-position: center;
    top: -20px;
    border-radius: 3px;
}

.business-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='%230c1352' viewBox='0 0 1792 1792'%3E%3Cpath d='M640 256h512v-128h-512v128zm1152 640v480q0 66-47 113t-113 47h-1472q-66 0-113-47t-47-113v-480h672v160q0 26 19 45t45 19h320q26 0 45-19t19-45v-160h672zm-768 0v128h-256v-128h256zm768-480v384h-1792v-384q0-66 47-113t113-47h352v-160q0-40 28-68t68-28h576q40 0 68 28t28 68v160h352q66 0 113 47t47 113z'/%3E%3C/svg%3E");
    width: 2.5rem;
    height: 2.5rem;
    background-color: #e5e7f5;
    background-repeat: no-repeat;
    background-position: center;
    top: -20px;
    border-radius: 3px;
}

.self-icon:before {
    content: '';
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='currentColor' stroke-width='2' fill='%230c1352' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'%3E%3C/path%3E%3Ccircle cx='12' cy='7' r='4'%3E%3C/circle%3E%3C/svg%3E");
    width: 2.5rem;
    height: 2.5rem;
    background-color: #e5e7f5;
    background-repeat: no-repeat;
    background-position: center;
    top: -20px;
    border-radius: 3px;
}

.container-user {
    width: 8rem;
    height: 3.5rem;
}

.space-around {
    justify-content: space-around;
}

.btn-lexigo {
    background-color: #17bdb7;
}

.scribe-bottom-menu {
    width: 100%;
    padding: 1.25rem;
    bottom: 19px;
    left: 0;
    background-color: #040b3c;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.w-32 {
    width: 8rem !important;
}

.text-theme-lexigo {
    color: #0c1352;
}

.nowrap {
    white-space: nowrap;
}

.content-scribe {
    background-color: #f6f8f9;
}

.bg-custom-sortBy {
    background-color: #ebeff1;
    padding-left: 0.5rem;
}

.form-select-custom {
    background-color: transparent !important;
    border: none;
    box-shadow: none;
}

.grid-active {
    fill: #17bdb7;
    color: #17bdb7;
}

.list-not-active {
    fill: gray;
    color: gray;
}

.list-not-active:hover {
    fill: #17bdb7;
    color: #17bdb7;
}

.grid-not-active {
    fill: gray;
    color: gray;
}

.grid-not-active:hover {
    fill: #17bdb7;
    color: #17bdb7;
}

.form-select-custom:focus {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
}

svg:focus {
    outline: none;
}

.outline-none:focus {
    outline: none;
}

.bg-folder {
    background-color: #f5f7f8;
}

.w-fit-content {
    width: fit-content;
}

.fill-folder {
    fill: #0c1352;
}

.btn-outline-lexigo {
    border-color: #0c1352;
}

.border-lexigo {
    border-color: #17bdb7;
}
.border-lexigo-1 {
    border-color: #0c1352;
}
.mt-auto {
    margin-top: auto;
}

.form-check-input[type='radio']:before {
    background-color: #0c1352;
    background: #ffffff;
}

.form-check-input[type='checkbox'] {
    background: #ffffff;
}

.form-check:hover {
    cursor: pointer;
}

.visibility-hidden {
    visibility: hidden;
}

.list-active {
    fill: #17bdb7;
    color: #17bdb7;
}

.tabulator .tabulator-header {
    border-top-width: 0px !important;
    border-bottom-width: 1px !important;
    --tw-border-opacity: 1;
    border-color: rgba(226, 232, 240, var(--tw-border-opacity));
    background-color: #f6f8f9 !important;
    font-weight: 500;
    color: currentColor;
    font-family: 'GorditaBold';
}

.tabulator .tabulator-row.tabulator-row-even {
    --tw-bg-opacity: 1;
    background-color: #f6f8f9 !important;
    font-family: 'GorditaMedium';
}

.tabulator .tabulator-row.tabulator-row-odd {
    --tw-bg-opacity: 1;
    background-color: #f6f8f9 !important;
    font-family: 'GorditaMedium';
}

.tabulator .tabulator-row.tabulator-row-even:hover,
.tabulator .tabulator-row:hover {
    --tw-bg-opacity: 1;
    background-color: rgba(226, 232, 240, var(--tw-bg-opacity)) !important;
}

svg:focus {
    outline: none;
}

.pointer {
    cursor: pointer;
}

.modal.show > .modal-xl-custom {
    margin-top: 0;
}

.modal .modal-dialog.modal-xl-custom {
    width: 100%;
    margin-bottom: 0;
    height: 100%;
}

.border-0 {
    border-radius: 0;
}

.select2-container {
    z-index: 99999;
}

.btn-lexigo-soft-blue {
    background-color: #17bdb7;
}

.bg-lexigo-5 {
    background-color: #2b3269;
}

.btn-upgrade-account-scribe {
    position: absolute;
    right: 0.75rem;
    width: 25%;
    border-radius: 3px;
}

.wrapper .option {
    background: #fff;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
    color: #17bdb7;
    border: 1px solid #17bdb7;
}

#myClients:checked:checked ~ .option .check-custom,
#myBusiness:checked:checked ~ .option .check-custom,
#myEmployer:checked:checked ~ .option .check-custom,
#mySelf:checked:checked ~ .option .check-custom {
    border-color: #0c1352;
    background-color: #0c1352;
    color: #fff;
}

.hover-soft-blue:hover {
    background-color: #17bdb7;
    color: #fff;
    border-color: #17bdb7;
}

.top-20 {
    top: 5rem;
}

.dropzone .dz-message-custom {
    text-align: center;
    margin: 2em 0;
    margin-top: 0;
}

.dropzone-custom {
    min-height: 350px;
}

.text-underline {
    text-decoration: underline;
}

.dropzone-custom {
    background-color: #f8f9ff;
    border-radius: 3px;
}

.accordion .accordion-item {
    border-bottom-width: 1px !important;
    border-color: inherit !important;
}

.icon-plus-effect {
    transform: translate(0) rotate(45deg);
    transition: all 0.4s;
}

.icon-x-effect {
    transform: translate(0) rotate(45deg);
    transition: all 0.4s;
}

.accordion .accordion-item:last-child {
    margin-bottom: 1rem;
}

.border-1 {
    border-width: 1px;
}

.chat-custom .chat__tabs a.active {
    background-color: #0c1352;
}

.nav.nav-tabs-custom .active {
    border-color: #0c1352;
}

.form-control {
    border-radius: 3px;
}

.textarea-custom {
    min-height: 70px;
}

.content {
    border-radius: 0;
    position: relative;
    min-height: 100vh;
    min-width: 0;
    flex: 1 1 0%;
    --tw-bg-opacity: 1;
    background-color: #f6f8f9; /* rgba(240, 245, 255, var(--tw-bg-opacity)); */
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    padding-bottom: 2.5rem;
}

.navbar {
    height: 80px;
}

.content-video {
    height: calc(100% - 80px);
}

.content-video-editor {
    border-radius: 0;
    position: relative;
    min-width: 0;
    flex: 1 1 0%;
    --tw-bg-opacity: 1;
    padding: 5px 0 0;
}

@media (max-width: 768px) {
    .content-video-editor {
        padding: 0;
    }
}

.chat .chat__tabs a.active {
    font-family: 'GorditaBold';
    background-color: #0c1352;
}

.tab-content {
    position: relative;
}

.post__content {
    height: 100%;
}

.tab-content-side-scribe {
    height: 88vh;
    scrollbar-color: #07090b #c2d2e4;
    scrollbar-width: thin;
}

.tab-content-side-scribe-2 {
    height: 88vh;
    scrollbar-color: #07090b #c2d2e4;
    scrollbar-width: thin;
}

.tab-content-side-scribe-3 {
    scrollbar-color: #07090b #c2d2e4;
    scrollbar-width: thin;
    width: 100%;
    top: 82px;
    bottom: 0;
}

.tab-content-side-scribe-3.viewer {
    top: 0;
}

.tab-content-design {
    top: 0;
}

.box-lexigo-menu {
    background-color: #2e3156;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.pr-3 {
    padding-right: 0.75rem;
}

.bold-icon-not-active {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='Layer_1' x='0px' y='0px' viewBox='0 0 512 512' fill='%239da1cd%0A' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M432.351,289.584c-14.305-20.514-36.456-34.17-66.463-40.967c23.916-9.608,41.613-23.907,53.101-42.9 c11.491-18.999,17.229-40.673,17.229-65.057c0-46.651-17.819-81.761-53.448-105.318C347.135,11.781,297.548,0,234.023,0H58.197 v512h201.142c62.599,0,110.653-12.772,144.182-38.331c33.518-25.547,50.281-63.293,50.281-113.227 C453.803,333.721,446.645,310.099,432.351,289.584z M177.408,91.429h56.618c28.133,0,48.994,4.985,62.599,14.946 c13.591,9.966,20.393,25.843,20.393,47.648c0,19.225-6.684,33.817-20.046,43.778c-13.365,9.966-33.529,15.183-60.488,15.651 h-59.076V91.429z M316.31,405.623c-12.659,9.966-31.649,14.951-56.971,14.951h-81.931V292.223h88.62 c24.379,0,42.02,5.685,52.918,17.051c10.904,11.372,16.357,28.192,16.357,50.465C335.303,380.369,328.966,395.662,316.31,405.623z '/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
}

.editor-container {
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

.editor-container .editor-tabs a.active {
    font-family: 'GorditaBold';
    border-bottom: 4px solid #0c1352;
}

.video-editor-container {
    height: 450px;
}

.textarea-container-editor {
    position: absolute;
    bottom: 0;
    padding: 2rem;
    width: 500px;
}

.textarea-video-editor {
    width: 100%;
    background-color: transparent;
    border-color: #fff;
    border-width: 1px;
    resize: none;
    color: #fff;
}

.fill-lexigo-dark {
    fill: #0c1352;
}

.fill-lexigo-green {
    fill: #17bdb7;
}

.stroke-lexigo-green {
    stroke: #17bdb7;
}

.fill-lexigo-white {
    fill: #ffffff;
}

.stroke-lexigo-white {
    stroke: #ffffff;
}

.btn-lexigo-soft-green {
    background-color: #17bdb7;
    border: 0;
}

.hover-soft-green:hover {
    background-color: #17bdb7;
    color: #fff;
    border-color: #17bdb7;
}

.box-shadow-none {
    box-shadow: none !important;
}

.modal-transparent {
    --tw-bg-opacity: 0.85;
}

.tags-input,
textarea,
select {
    background: #2b2c39;
    border-color: #2b2c39;
    color: #ffffff;
}

select.select-light {
    background-color: #ffffff;
    color: inherit;
    border-color: inherit;
}

.border-input {
    border-color: #2b2c39;
}

.border-transparent {
    border-color: transparent;
}

.border-none {
    border: none;
}

.pr-0 {
    padding-right: 0;
}

.pl-0 {
    padding-left: 0;
}

.tl-container {
    height: 270px;
}

.tl-box {
    left: 1.25rem;
    right: 1.25rem;
    height: 100%;
}

.img-timeline {
    width: 4rem;
}

.space-between {
    justify-content: space-between;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

/* @media (min-width: 1280px) {
    ::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
} */
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

/* @media (min-width: 1280px) {
    ::-webkit-scrollbar-button {
        width: 0px;
        height: 0px;
    }
}
@media (min-width: 1280px) {
    ::-webkit-scrollbar-corner {
        background: transparent;
    }
} */
::-webkit-scrollbar-corner {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #525965;
    border: 0px none #ffffff;
    border-radius: 0px;
}

/* @media (min-width: 1280px) {
    ::-webkit-scrollbar-thumb {
        background: #525965;
        border: 0px none #ffffff;
        border-radius: 0px;
    }
} */

::-webkit-scrollbar-track {
    background: transparent;
    border: 0px none #ffffff;
    border-radius: 50px;
}

/* @media (min-width: 1280px) {
    ::-webkit-scrollbar-track {
        background: transparent;
        border: 0px none #ffffff;
        border-radius: 50px;
    }
} */
.container-language {
    height: 230px;
    overflow-y: scroll;
}

.box-gray {
    background-color: #f8f9ff;
}

.main-custom-client {
    background-color: #fff;
}

.parsley-errors-list li.parsley-required {
    padding: 10px;
    display: none;
    color: rgb(251, 0, 0);
}

.parsley-error {
    border-color: #ff0000 !important;
}

.parsley-error ~ .select2-container--default,
.parsley-error ~ .select2-selection--single,
.parsley-error ~ div.tail-select,
.parsley-error ~ div.selectize-control {
    border: 1px solid red !important;
}

.border-color {
    border-color: #e2e8f0;
}

/* @media(min-width: 2560px){
    .box-translation{
        height: 80vh !important;
    }
} */
.box-translation {
    height: calc(100vh - 250px);
    position: relative;
    overflow: auto;
}

.pb-content-translation {
    padding-bottom: 1.25rem;
}

.video-mini-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
}

.video-mini {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e2e8f0;
    width: 290px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.btn-arrow-video-mini {
    position: absolute;
    top: -25px;
    border: 1px solid #e2e8f0;
    border-top-right-radius: 99px;
    border-top-left-radius: 99px;
    width: 35px;
    height: 25px;
    border-bottom: 0;
    background-color: #fff;
}

.btn-arrow-video-mini:focus {
    outline: none;
}

.video-mini-content {
    padding: 1rem;
}

.chevron-transform {
    transform: translate(0) rotate(180deg);
}

.bg-lexigo-gray-1 {
    background-color: #e5e7f5;
}

.wrapper-1 .option-1,
.wrapper-2 .option-2,
.wrapper-3 .option-3,
.wrapper-4 .option-4 {
    background: #fff;
    height: 38px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    color: #17bdb7;
    border: 1px solid #e2e8f0;
}

input[type='radio'] {
    display: none;
}

#plan-list-1:checked:checked ~ .option-1,
#plan-list-2:checked:checked ~ .option-2,
#plan-list-3:checked:checked ~ .option-3,
#plan-list-4:checked:checked ~ .option-4,
#plan-list-5:checked:checked ~ .option-5,
#plan-list-6:checked:checked ~ .option-6,
#plan-list-7:checked:checked ~ .option-7,
#plan-list-8:checked:checked ~ .option-8 {
    color: #0c1352;
}

.selected-1,
.selected-2,
.selected-3,
.selected-4 {
    background-color: #0c1352;
}

.bg-lexigo-3 {
    background-color: #272d67;
}

.highlight {
    background-color: rgb(168, 169, 170);
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.input-subtitle {
    /* height: 20px !important; */
    font-size: 0.8rem;
    background-color: transparent;
    color: #ffffff;
}

textarea.input-subtitle {
    overflow: hidden;
    resize: none;
}

.input-subtitle:focus {
    outline: none;
}

.mini-video-pause-overlay {
    position: absolute;
    z-index: 21;
    background-color: rgb(0, 0, 0, 0.6);
    height: 150px;
    width: 266.67px;
    cursor: pointer;
}

.white-fill {
    fill: #ffffff;
    color: #ffffff;
}

.vertical-center {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 50%;
    height: 30%;
}

.w-48 {
    width: 48%;
}

.w-45 {
    width: 45%;
}

.container-bar {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    left: 0;
    top: 35%;
}

.container-bar .loading-bar {
    height: 10px;
    border-radius: 10px;
    width: 80%;
    background-color: #0c1352;
    background-image: repeating-linear-gradient(50deg, transparent, transparent 10px, #0c1352 10px, #17bdb7 30px);
    animation: slide 5s linear infinite;
    will-change: background-position;
}

@keyframes slide {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: 113px;
    }
}

.rtl-target-input {
    direction: rtl;
    text-align: right;
}

.nav.nav-tabs-invited .active {
    border-bottom-width: 0;
    background-color: #17bdb7;
    color: #fff;
    font-family: 'GorditaBold';
    border-radius: 3px;
}

.nav.nav-tabs-invited:not(.active) {
    border-bottom-width: 0;
    background-color: #fff;
    color: #17bdb7;
    font-family: 'GorditaBold';
    border-radius: 3px;
}

.bg-lexigo-gray-3 {
    background-color: #eeeff3;
}

.line-height-1 {
    line-height: 1rem;
}

.bg-f6 {
    background-color: #f6f8f9;
}

.post .post__tabs-custom a.active {
    border-radius: 3px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.pr-2 {
    padding-right: 0.5rem;
}

.pr-4 {
    padding-right: 1rem;
}

.min-h-sidetab-terms {
    height: 100%;
    padding-right: 0.5rem;
    overflow: auto;
}

.nav.nav-tabs .active {
    border-bottom-width: 0;
}

.terms-segment {
    border: 1px solid #0c1352;
    border-radius: 3px;
    padding: 0.25rem 0.75rem;
    cursor: pointer;
    width: fit-content;
}

.hide-check {
    visibility: hidden;
}

.terms-segment-after-click {
    position: relative;
    background-color: #0c1352;
    color: #fff;
}

.check-segment {
    color: #01da8e;
    stroke-width: 2px;
}

.min-h-sidetab-tm {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
}

.min-h-sidetab-comments {
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
}

.button-send-chat {
    position: absolute;
    right: 0;
    height: 100%;
    border-radius: 0;
    border-bottom-right-radius: 3px;
    width: 80px;
    background-color: #0c1352;
}

.chat-area-new {
    position: absolute;
    bottom: 0rem;
    padding-right: 85px;
    width: 100%;
    left: 0;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border-top: 1px solid #c5c7d1;
    background-color: #fff;
}

.min-h-sidetab-history {
    overflow: auto;
    padding-right: 0.5rem;
    padding-bottom: 1rem;
}

.history-box-active {
    border: 1px solid #0c1352;
}

.table-tab-tm td,
.table-tab-tm th {
    padding: 0.5rem !important;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.search-source {
    padding-left: 2.5rem;
    padding-right: 1rem;
    background-color: #f6f8f9;
    box-shadow: none;
    border-radius: 3px;
}

.avatar-bench {
    background: #0c1352;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.875rem;
}

.bg-color0 {
    background-color: #9dd214;
}

.bg-lexigo {
    background-color: #0c1352;
}

.error-msg {
    color: rgb(251, 0, 0);
}

.custom-tagify {
    border: none !important;
    width: 100% !important;
}

.box-scribe-menu {
    background-color: #2e3156;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post .post__tabs a.active {
    font-family: 'GorditaBold';
}

.segment-highlight {
    border-color: #17bdb8;
    border-left-width: 5px;
}

.headline-menu:after {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    top: 40px;
    background: #e2e8f0;
}

button:focus {
    outline: none;
}

.headline-menu-translation-editor:after {
    position: absolute;
    content: '';
    height: 1px;
    right: 0;
    background: #e2e8f0;
    left: -40px;
    width: calc(100vw - 2.5rem);
    top: 76px;
}

.btn-lexigo-disabled {
    background-color: #747474;
    border-color: #747474;
}

/* volume dropdown */

/* The container <div> - needed to position the volume-dropdown content */
.volume-dropdown {
    position: relative;
    display: flex;
    align-items: center;
}

/* volume-dropdown Content (Hidden by Default) */
.volume-dropdown-content {
    display: none;
    position: absolute;
    background-color: #2b2c39;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    padding: 0.5rem 0.5rem 0;
    right: 0;
}

/* Show the volume-dropdown menu on hover */
.volume-dropdown:hover.volume-fullscreen .volume-dropdown-content {
    display: inline;
}

/* Show the volume-dropdown menu on hover */
.volume-dropdown:hover .volume-dropdown-content {
    display: block;
}

/* The container <div> - needed to position the volume-dropdown content */
.volume-setting {
    position: relative;
    display: flex;
    align-items: center;
}
/* volume-setting Content (Hidden by Default) */
.volume-setting-content {
    display: none;
    position: absolute;
    background-color: #2b2c39;
    min-width: 200px;
    top:50px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    padding: 0.5rem 0.5rem;
    right: 0;
}

/* Show the volume-setting menu on hover */
.block{
    display: block!important;
}

/* implement pricing */

.feather-check {
    stroke-width: 3;
}

.text-lexigo-1 {
    color: #0c1352;
}

.text-lexigo-3 {
    color: #00ccf1;
}

.text-lexigo-2 {
    color: #17bdb7;
}

.bg-lexigo-pure {
    background-color: #0677ac1e;
}

.bg-lexigo-plus {
    background-color: #00dcf1;
}

.wrapper .option.option-3 {
    background: #01da8e;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
    color: #fff;
    border: none;
}

.wrapper .option.option-4 {
    background: #00ccf1;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
    color: #fff;
    border: none;
}

.wrapper .option.option-5 {
    background: #17bdb7;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
    color: #fff;
    border: none;
}

.wrapper .option.option-6 {
    background: #0c1352;
    height: 38px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 3px;
    cursor: pointer;
    padding: 0 10px;
    transition: all 0.3s ease;
    color: #fff;
    border: none;
}

.form-check-input[type='checkbox']:before {
    background-color: #17bdb7;
}

.best-value {
    position: absolute;
    background-color: #0057ff;
    top: -29px;
    width: 100%;
    left: 0;
    text-align: center;
    padding: 0.4rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    font-family: 'GorditaBold';
    color: #fff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.text-lexigo-4 {
    color: #01da8e;
}

.bg-lexigo-pro {
    background-color: #0577ff;
}

.bg-lexigo-3 {
    background-color: #272d67;
}

.order-summary-lexigo {
    background-color: #ffffff;
    border-radius: 0.375rem;
    z-index: 99;
    box-shadow: 0 3px 20px rgb(0 0 0 / 4%);
}

.price-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.price-list li {
    float: left;
    margin: 0.5rem 0;
    width: 100%;
    height: 59px;
    position: relative;
}

.price-list label,
.price-list input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../../images/instantquote/help-not-active.svg');
    background-repeat: no-repeat;
    background-position: center right 0.6rem;
}

.price-list .label-other-service,
.price-list .input-other-service {
    display: block;
    /* position: absolute; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: none;
}

.price-list input[type='radio'],
.price-list input[type='radio'] {
    opacity: 0.01;
    z-index: 100;
}

.price-list input[type='radio']:checked + label,
.Checked + label {
    background: #0c1352;
    color: #fff;
    background-image: url('../../images/instantquote/help-active.svg') !important;
    background-repeat: no-repeat !important;
    background-position: center right 0.6rem !important;
    border: 1px solid #0c1352;
}

.price-list input[type='radio']:checked + .label-other-service,
.Checked + label {
    background: #0c1352;
    color: #fff;
    background-image: none !important;
    background-repeat: no-repeat !important;
    background-position: center right 0.6rem !important;
    border: 1px solid #0c1352;
}

.price-list input[type='radio']:checked + label,
.Checked + label {
    background: #0c1352;
    color: #fff;
    border: 1px solid #0c1352;
}

.price-list label {
    padding: 1.25rem;
    border: 1px solid #0c1352;
    cursor: pointer;
    z-index: 90;
    border-radius: 3px;
}

.help-icon-inactive {
    width: 1.5rem;
    height: 1.5rem;
    right: 7px;
    position: absolute;
    top: 16px;
    z-index: 99;
}

@media (min-width: 1280px) {
    .price-list label:hover {
        background-color: #17bdb7;
        color: #fff;
        background-repeat: no-repeat;
        background-position: center right 0.6rem;
        border: 1px solid #17bdb7;
    }

    .price-list label,
    .price-list input {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;

        background-repeat: no-repeat;
        background-position: center right 0.6rem;
    }

    .price-list .label-other-service:hover {
        background-color: #17bdb7;
        color: #fff;
        background-image: none;
        border: 1px solid #17bdb7;
    }
}

.check-dtp {
    position: absolute;
    right: 2.5rem;
    top: 1.25rem;
    z-index: 999;
}
.pricing-proxi-container {
    color: rgba(45, 55, 72, 1);
    background-color: #f6f8f9;
    padding: 2rem 0 0 0;
}

@media (min-width: 1280px) {
    .pricing-proxi-container > div {
        max-width: 1412px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 clamp(20px, 3.81vw, 50px);
    }
}

@media (max-width: 1279px) {
    .pricing-proxi-container > div {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

input.form-control-custom2 {
    height: 59px;
}

.form-label-animation {
    position: absolute;
    left: 12px;
    top: 18px;
    color: #999;
    z-index: 5;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    pointer-events: none;
}

.focused .form-label-animation {
    transform: translateY(-70%);
    font-size: 0.85em;
}

.form-input-animation {
    position: relative;
    width: 100%;
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    border-width: 1px;
    height: 59px;
    padding: 1.35rem 0.75rem 0.5rem;
}

.form-input-animation.geosuggest {
    padding: 0;
}

.form-input-animation:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 transparent);
}

.read-only {
    top: 6px;
    font-size: 0.85em;
    color: #333;
    left: 12px;
}

.focused .read-only {
    transform: translateY(0%);
    font-size: 0.85em;
}

.icon-absolute {
    position: absolute;
    top: -9px;
    right: -9px;
}

.iti--allow-dropdown input,
.iti--allow-dropdown input[type='tel'],
.iti--allow-dropdown input[type='text'],
.iti--separate-dial-code input,
.iti--separate-dial-code input[type='tel'],
.iti--separate-dial-code input[type='text'] {
    padding-left: 94px !important;
}

.numberfield-custom {
    font-size: 12px;
    position: absolute;
    top: 6px;
    left: 94px;
}

input.question {
    font-size: 100%;
    height: 56px;
    margin: 0;
    background: rgba(0, 0, 0, 0);
    transition: padding-top 0.2s ease, margin-top 0.2s ease;
    overflow-x: hidden; /* Hack to make "rows" attribute apply in Firefox. */
    --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 transparent), var(--tw-ring-shadow, 0 0 transparent), var(--tw-shadow) !important;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 3px;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
}

input.question + label {
    display: block;
    position: relative;
    white-space: nowrap;
    padding: 0;
    margin: 0;
    width: 10%;
    -webkit-transition: width 0.4s ease;
    transition: width 0.4s ease;
    height: 0px;
}

input.question:focus,
input.question:optional {
    padding-top: 1.5rem;
}

.iti {
    width: 100%;
}

.underline-hover:hover {
    text-decoration: underline;
}

.btn {
    border-radius: 3px;
}

.box-proxi-menu {
    background-color: #2e3156;
    opacity: 0.9;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}

.btn-close-box-proxi {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
}

.prime-selected {
    background-color: #0c1352;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    padding-top: 0.75rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
}

.pro-selected {
    background-color: #0057ff;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    padding-top: 0.75rem;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-top: 0;
}

.plus-selected {
    background-color: #00ccf1;
    border-radius: 3px;
    color: #fff;
    padding-top: 0.75rem;
}

.pure-selected {
    background-color: #01da8e;
    border-radius: 3px;
    color: #fff;
    padding-top: 0.75rem;
}

.pure-text {
    padding-bottom: 0.75rem;
    border-bottom-width: 1px;
}

.no-selected-pure,
.no-selected-plus,
.no-selected-pro,
.no-selected-prime {
    transition: all 0.3s ease-in-out;
    padding-top: 0.75rem;
}

.bg-lexigo-gray-1 {
    background-color: #e5e7f5;
}

.bg-lexigo-gray {
    background-color: #f2f5f6;
}

.btn-lexigo-2 {
    background-color: #0057ff;
}

.btn-lexigo-3 {
    background-color: #060823;
}

#plan-list-1:checked:checked ~ .option-1,
#plan-list-2:checked:checked ~ .option-2,
#plan-list-3:checked:checked ~ .option-3,
#plan-list-4:checked:checked ~ .option-4,
#plan-list-5:checked:checked ~ .option-5,
#plan-list-6:checked:checked ~ .option-6,
#plan-list-7:checked:checked ~ .option-7,
#plan-list-8:checked:checked ~ .option-8,
#plan-list-9:checked:checked ~ .option-9,
#plan-list-10:checked:checked ~ .option-10,
#plan-list-mobile-1:checked:checked ~ .option-1,
#plan-list-mobile-2:checked:checked ~ .option-2,
#plan-list-mobile-3:checked:checked ~ .option-3,
#plan-list-mobile-4:checked:checked ~ .option-4 {
    border-color: #0c1352;
    background-color: #fff;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' color='%2301da8e' stroke='currentColor' stroke-width='3' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check w-4 h-4 mr-2 flex-none text-lexigo-4'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}

#plan-list-1:checked:checked ~ .option-1 span,
#plan-list-2:checked:checked ~ .option-2 span,
#plan-list-3:checked:checked ~ .option-3 span,
#plan-list-4:checked:checked ~ .option-4 span,
#plan-list-5:checked:checked ~ .option-5 span,
#plan-list-6:checked:checked ~ .option-6 span,
#plan-list-7:checked:checked ~ .option-7 span,
#plan-list-8:checked:checked ~ .option-8 span,
#plan-list-9:checked:checked ~ .option-9 span,
#plan-list-10:checked:checked ~ .option-10 span,
#plan-list-mobile-1:checked:checked ~ .option-1 span,
#plan-list-mobile-2:checked:checked ~ .option-2 span,
#plan-list-mobile-3:checked:checked ~ .option-3 span,
#plan-list-mobile-4:checked:checked ~ .option-4 span {
    font-size: 0;
}

@media (min-width: 1024px) {
    .modal .modal-dialog.modal-xl-custom {
        width: 100%;
        margin-bottom: 0;
        height: 100%;
    }
}

.modal .modal-dialog.modal-xl-pricing-details {
    width: 90%;
    transition: margin-top 0.4s;
}

.modal .modal-dialog.modal-xl-custom {
    width: 100%;
    transition: margin-top 0.4s;
    margin: 0;
}

.modal.show > .modal-xl-custom {
    margin-top: 0;
}

.font-euclid-sb {
    font-family: 'Euclid Circular B';
    font-weight: 600;
    font-style: normal;
}

.iti__country-list {
    z-index: 10 !important;
}

/* geosuggest */
.geosuggest__input-wrapper {
    height: 100%;
}
.geosuggest__input {
    width: 100%;
    height: 100%;
    outline: none;
    -webkit-transition: border 0.2s, box-shadow 0.2s;
    transition: border 0.2s, box-shadow 0.2s;
    padding: 1.35rem 0.75rem 0.5rem;
}

.geosuggest__input:focus {
    border-color: #267dc0;
    box-shadow: 0 0 0 transparent;
}

.geosuggest__suggests {
    background-color: #fff;
    position: absolute !important;
    z-index: 1000;
    border-radius: 2px;
    border-top: 1px solid #d9d9d9;
    font-family: Arial, sans-serif;
    box-shadow: 0 2px 6px rgb(0 0 0 / 30%);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 317px;
}

.geosuggest__suggests--hidden {
    max-height: 0;
    overflow: hidden;
    border-width: 0;
}

/**
 * A geosuggest item
 */
.geosuggest__item {
    cursor: default;
    padding: 0 4px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 30px;
    text-align: left;
    border-top: 1px solid #e6e6e6;
    font-size: 11px;
    color: #515151;
}

.geosuggest__item:hover,
.geosuggest__item:focus {
    background: #f5f5f5;
}

.geosuggest__item--active {
    background: #267dc0;
    color: #fff;
}

.geosuggest__item--active:hover,
.geosuggest__item--active:focus {
    background: #ccc;
}

.geosuggest__item__matched-text {
    font-weight: bold;
}

.badge-warning-lexigo {
    border-radius: 3px;
    width: 100%;
    padding: 1rem;
    background-color: #f9d7d7;
}

.text-warning-lexgio {
    color: #c25959;
}

.text-white .form-check-label {
    color: #ffffff;
}

.text-dark {
    color: #24252e;
}

.text-custom-lexigo {
    font-size: 12px;
    line-height: 18px;
    text-align: left;
}

.editor-sidebar {
    z-index: 10;
}

.boxpricing {
    height: 600px;
}

@media (min-width: 769px) {
    .boxpricing {
        height: 600px;
    }
}

@media (min-width: 1024px) {
    .boxpricing {
        height: 600px;
    }
}

@media (min-width: 1280px) {
    .boxpricing {
        height: 740px;
    }
}

@media (min-width: 1440px) {
    .boxpricing {
        height: 660px;
    }
}

@media (min-width: 1530px) {
    .boxpricing {
        height: 730px;
    }
}

@media (min-width: 1760px) {
    .boxpricing {
        height: 630px;
    }
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    /* font-family: "GorditaBold"; */
    font-weight: 500;
}

.accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: inherit;
}

.accordion-button:not(.collapsed) .icon-down {
    display: none;
}

.accordion-button.collapsed .icon-up {
    display: none;
}

.accordion-button.collapsed .icon-down {
    display: inline-block;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

.aspect-video-v {
    aspect-ratio: 9 / 16;
}

.text-2rem {
    font-size: 2rem;
}

.text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.m-5 {
    margin: 1.25rem;
}

.pl-40 {
    padding-left: 10rem;
}

.pl-12 {
    padding-left: 3rem;
}

.justify-between {
    justify-content: space-between;
}

.w-1\/3 {
    width: calc(100% / 3);
}

.space-y-2 > * + * {
    margin-top: 0.5rem;
}

.space-y-4 > * + * {
    margin-top: 1rem;
}

.order-1 {
    order: 1;
}

.order-2 {
    order: 2;
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}

.col-span-2 {
    grid-column: span 2 / span 2;
}

.col-span-3 {
    grid-column: span 3 / span 3;
}

.col-span-7 {
    grid-column: span 7 / span 7;
}

.col-span-8 {
    grid-column: span 8 / span 8;
}

.col-span-9 {
    grid-column: span 9 / span 9;
}

.col-span-10 {
    grid-column: span 10 / span 10;
}

.mx-5 {
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}

.rounded-t-none {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.rounded-b-none {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

@media (min-width: 1024px) {
    .lg\:order-1 {
        order: 1;
    }

    .lg\:order-2 {
        order: 2;
    }

    .lg\:order-3 {
        order: 3;
    }

    .lg\:order-4 {
        order: 4;
    }

    .lg\:w-1\/3 {
        width: calc(100% / 3);
    }

    .lg\:col-span-2 {
        grid-column: span 2 / span 2;
    }

    .lg\:col-span-3 {
        grid-column: span 3 / span 3;
    }

    .lg\:col-span-5 {
        grid-column: span 5 / span 5;
    }

    .lg\:col-span-6 {
        grid-column: span 6 / span 6;
    }

    .lg\:col-span-7 {
        grid-column: span 7 / span 7;
    }

    .lg\:col-span-9 {
        grid-column: span 9 / span 9;
    }

    .lg\:col-span-10 {
        grid-column: span 10 / span 10;
    }

    .lg\:hidden {
        display: none!important;
    }

    .lg\:mx-5 {
        margin-left: 1.25rem;
        margin-right: 1.25rem;
    }

    .lg\:mt-5 {
        margin-right: 1.25rem;
    }

    .lg\:mr-5 {
        margin-right: 1.25rem;
    }

    .lg\:mb-4 {
        margin-bottom: 1rem;
    }

    .lg\:mb-5 {
        margin-right: 1.25rem;
    }

    .lg\:p-0 {
        padding: 0;
    }

    .lg\:py-2 {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .lg\:pt-5 {
        padding-top: 1.25rem;
    }

    .lg\:pl-40 {
        padding-left: 10rem;
    }

    .editor-responsive,
    .editor-sidebar {
        height: calc(100% - 65px - 280px);
    }

    .editor-responsive.hide-voice-over,
    .editor-sidebar.hide-voice-over {
        height: calc(100% - 65px - 180px);
    }

    .tab-content-side-scribe-3 {
        /*height: calc(100vh - 180px);*/
    }

    .flex-lg-wrap {
        flex-wrap: wrap;
    }
}

.option-disabled {
    cursor: not-allowed !important;
    background-color: #d3d3d3 !important;
}

/* // */

.template-dropdown-menu {
    z-index: 9999;
    transform: translate(-142px, 0);
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s;
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.template-dropdown-menu.show {
    transform: translate(-142px, 0);
    transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s;
    visibility: visible;
    opacity: 1;
    right: -130px;
}

.template-dropdown-menu.show > .template-dropdown-menu__content {
    margin-top: 0.25rem;
}

.template-dropdown-menu.show > .template-dropdown-menu__content .tab-content .tab-pane {
    visibility: visible;
}

.template-dropdown-menu .template-dropdown-menu__content {
    transition: margin-top 0.2s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09019607843137255);
    margin-top: 1.25rem;
    width: 100%;
}

.template-dropdown-menu .template-dropdown-menu__content .tab-content .tab-pane {
    visibility: hidden;
}

.translation-dropdown {
    /*background-color: #ffff;*/
}

.scribe-logo-dark {
    filter: grayscale(1) brightness(2000%);
}

.translation-dropdown-editor {
    background-color: #ffff;
}

/* .translation-dropdown:before {
    content: "";
    position: fixed;
    width: 100%;
    left: 0;
    height: 1px;
    background-color: #e2e8f0;
    top: 180px;
} */

select {
    line-height: inherit !important;
}

.dark .form-check-input[type='checkbox']:checked,
.form-check-input[type='checkbox']:checked {
    border-color: #17bdb7;
    background-color: #17bdb7;
}

.format-dropdown-menu {
    z-index: 9999;
    transform: translate(-142px, 0);
    transition: visibility 0s ease-in-out 0.2s, opacity 0.2s 0s;
    visibility: hidden;
    opacity: 0;
}

.format-dropdown-menu.show {
    transform: translate(-142px, 0);
    transition: visibility 0s ease-in-out 0s, opacity 0.2s 0s;
    visibility: visible;
    opacity: 1;
}

.format-dropdown-menu.show > .format-dropdown-menu__content {
    margin-top: 0.25rem;
}

.format-dropdown-menu.show > .format-dropdown-menu__content .tab-content .tab-pane {
    visibility: visible;
}

.format-dropdown-menu .format-dropdown-menu__content {
    transition: margin-top 0.2s;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.09019607843137255);
    margin-top: 1.25rem;
    width: 100%;
}

.format-dropdown-menu .format-dropdown-menu__content .tab-content .tab-pane {
    visibility: hidden;
}

.rdw-inline-wrapper {
    align-content: flex-start;
}

.d-none {
    display: none;
}

.bg-success {
    --tw-bg-opacity: 1;
    --color-success: 5 150 105;
    background-color: rgb(var(--color-success) / var(--tw-bg-opacity));
}

.post .post__tabs a.active {
    color: #17bdb7;
}

.react-contextmenu-item {
    display: flex;
}

/* The container <div> - needed to position the volume-dropdown content */
.vertical-margin-dropdown {
    position: relative;
    display: inline-block;
}

/* volume-dropdown Content (Hidden by Default) */
.vertical-margin-dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.8);
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 9999;
    padding: 0.5rem;
    padding-bottom: 0rem;
}

/* Show the volume-dropdown menu on hover */
.vertical-margin-dropdown:hover .vertical-margin-dropdown-content {
    display: block;
}

.MuiSvgIcon-root {
    font-size: 17px !important;
    fill: rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
    .hide-for-mobile {
        display: none !important;
    }
}

.rotate-90 {
    transform: rotate(-90deg);
}

@media (min-width: 769px) {
    .hide-for-desktop {
        display: none;
    }

    .translation-dropdown-editor:before {
        content: '';
        position: fixed;
        width: 100%;
        left: 0;
        height: 1px;
        background-color: #e2e8f0;
        top: 128px;
    }
}

@media (max-width: 768px) {
    .mr-0-translate-mobile {
        margin-right: 0;
    }
}

.MuiSlider-thumb:not(.MuiSlider-active) {
    transition: left 0.3s ease-in;
}

.MuiSlider-track {
    transition: width 0.3s ease-in;
}

.mobile-side-nav {
    width: 90vw;
}

/* side modal */
@media (min-width: 640px) {
    .mobile-side-nav {
        width: 600px;
    }
}

@media (max-width: 640px) {
    .mobile-share-width-editor {
        width: 28%;
    }

    .mt-5-download-mobile {
        margin-top: 0;
    }

    .pt-5-download-mobile {
        padding-top: 0;
    }
}

.MuiPaper-root .MuiPaper-elevation .MuiPaper-elevation16 .MuiDrawer-paper .MuiDrawer-paperAnchorRight {
    background-color: #f6f8f9 !important;
}

.x-close-mobile {
    position: fixed;
    left: 0.2rem;
    top: 0.75rem;
}

.modal {
    overflow-x: auto;
}

@media (max-width: 768px) {
    .header-edit-subtitle {
        padding-top: 0.5rem !important;
        padding-bottom: 0.5rem !important;
        padding-left: 0;
        padding-right: 0;
    }

    .hide-subtitle-card-for-mobile {
        display: none !important;
    }

    .margin-top-0-mobile {
        margin-top: 0 !important;
    }
}

.not-found-container {
    height: 100vh;
    overflow: hidden;
    position: relative;
}

.not-found-title {
    text-align: center;
    font-size: 20em;
}

@media (max-width: 768px) {
    .btn-back-projects-mobile {
        display: none;
    }

    .btn-save-hide-mobile {
        display: none;
    }
}

@media (min-width: 767px) {
    .btn-save-hide-desktop {
        display: none;
    }
}

@media (min-width: 1024px) {
    .hide-check-for-desktop {
        display: none;
    }
}

.btn-back-projects-sidebar {
    width: 100%;
    margin-right: 0;
    margin-top: 1.25rem;
    height: 34px;
}

@media (max-width: 768px) {
    .translation-dropdown-mobile {
        position: relative !important;
        display: flex !important;
        background-color: transparent !important;
        display: flex !important;
        flex-direction: column !important;
        width: auto !important;
        padding-bottom: 0 !important;
    }

    .mobile-title-view {
        width: 100% !important;
    }

    .mobile-dropdown-custom {
        width: 100% !important;
        margin-top: 0.5rem !important;
        margin-left: 0 !important;
    }

    .translation-dropdown:before {
        display: none !important;
    }
}

.right-menu-item {
    justify-content: flex-end !important;
}

.switch-container {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
}

input[type='checkbox'].switch {
    position: absolute;
    opacity: 0;
}

input[type='checkbox'].switch + div {
    vertical-align: middle;
    width: 40px;
    height: 20px;
    border-radius: 999px;
    background-color: #00b0f2;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: background-color, box-shadow;
    transition-property: background-color, box-shadow;
    cursor: pointer;
}

input[type='checkbox'].switch + div span {
    position: absolute;
    font-size: 1.6rem;
    color: white;
    margin-top: 12px;
}

input[type='checkbox'].switch + div span:nth-child(1) {
    margin-left: 15px;
}

input[type='checkbox'].switch + div span:nth-child(2) {
    margin-left: 55px;
}

input[type='checkbox'].switch:checked + div {
    width: 75px;
    background-position: 0 0;
    background-color: #3b89ec;
}

input[type='checkbox'].switch + div {
    width: 75px;
    height: 28px;
}

input[type='checkbox'].switch:checked + div {
    background-color: #57bb00;
}

input[type='checkbox'].switch + div > div {
    float: left;
    width: 26px;
    height: 26px;
    border-radius: inherit;
    background: #ffffff;
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-property: transform, background-color;
    transition-property: transform, background-color;
    pointer-events: none;
    margin-top: 1px;
    margin-left: 1px;
}

input[type='checkbox'].switch:checked + div > div {
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
    background-color: #ffffff;
}

input[type='checkbox'].bigswitch.switch + div > div {
    width: 44px;
    height: 44px;
    margin-top: 1px;
}

input[type='checkbox'].switch:checked + div > div {
    -webkit-transform: translate3d(46px, 0, 0);
    transform: translate3d(46px, 0, 0);
}

.pr-6 {
    padding-right: 1.5rem;
}

.switch-custom {
    position: relative;
    padding-top: 0;
}

.test {
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    height: 50px;
}

.mb-auto {
    margin-bottom: auto;
}

.form-check-label {
    flex: 1;
}

.w-80px {
    width: 80px;
}

.rounded-full {
    border-radius: 99px;
}

.rounded-0 {
    border-radius: 0 !important;
}

.p-6px {
    padding: 3px;
}

.btn-back-mobile {
    outline: none;
    border: none;
    box-shadow: none;
}

@media (min-width: 1024px) {
    .max-height-80 {
        max-height: 80%;
    }
}

@media (max-width: 768px) {
    .right-22px {
        right: 22px;
    }
}

.box-video-custom {
    background: transparent;
    box-shadow: none;
    width: fit-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;
    position: relative;
}

.video-action-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(calc(100% + 1rem), -50%);
    background-color: #24252e;
    color: #ffffff;
    z-index: 1001;
}

.video-action-item {
    position: relative;
    margin: 5px;
}

.video-action-item.active .video-action-icon {
    background-color: #17bdb7;
}

.video-action-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.75rem;
    cursor: pointer;
    border-radius: 3px;
}

.video-action-menu {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(calc(-100% - 10px), -50%);
    z-index: 1001;
    background-color: #24252e;
    width: 300px;
    border-radius: 3px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 9%);
}

.video-action-header {
    padding: 1.15rem;
    border-bottom: 1px solid #353746;
}

.video-action-body {
    padding: 1.15rem;
}

.btn-toolbar {
    font-family: GorditaRegular;
    position: relative;
    opacity: 1;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 1.5em;
    width: 1.5em;
    border-radius: 3px;
    cursor: pointer;
    font-size: 13px;
    color: #ffffff;
    transition: all 0.2s ease 0s;
    background-color: #2b2c39;
}
.btn-toolbar.active {
    background-color: #17bdb7;
}
.toolbar-full {
    gap: 0.4rem;
}
.toolbar-full > * {
    flex-grow: 1;
}
@media (max-width: 768px) {
    .footer {
        display: none;
    }

    .pl-0mobile {
        padding-left: 0.5rem;
    }
}

.background-none {
    background-color: transparent !important;
}

.box-shadow-none {
    box-shadow: none;
}

@media (max-width: 768px) {
    .mb-05rem-mobile {
        margin-bottom: 0.5rem;
    }

    .ml--1rem {
        margin-top: -1rem;
    }
}

.modal {
    background: transparent !important;
}
.modal-header {
    padding: 16px 20px;
}
.modal-header,
.modal-footer {
    border-color: #353746;
}
.modal-content {
    background-color: #24252e;
    color: #ffffff;
}

.check-express {
    position: absolute;
    right: 2.5rem;
    top: 1.25rem;
    z-index: 999;
}

.price-list input[type='checkbox']:checked + label,
.Checked + label {
    background: #17bdb7;
    color: #fff;
    border: 1px solid #17bdb7;
}

input[type='radio'],
.price-list input[type='checkbox'] {
    display: none;
}

.textarea-payment {
    height: 100px;
}

.sub-text p {
    text-align: center;
}

#list-invited .tab-content {
    height: 150px;
    overflow-y: auto;
}

#list-invited .tab-content .tab-pane > div {
    background-color: #2b2c39;
}
.ct-section {
    width: 100%;
    background-size: cover;
    background-repeat: repeat;
}
.testimonials-section {
    background-color: #0c1352;
    text-align: left;
}
.testimonials-section:not(.ct-section):not(.oxy-easy-posts),
.testimonials-section.oxy-easy-posts .oxy-posts,
.testimonials-section.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
section.wrapper:not(.ct-section),
.wrapper.ct-section > .ct-section-inner-wrap,
.mega-menu-container .wrapper {
    max-width: 1412px;
}
.wrapper:not(.ct-section),
.wrapper.ct-section > .ct-section-inner-wrap {
    margin-left: auto;
    margin-right: auto;
}
.ct-div-block {
    display: block;
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: flex-start;
}
.pricing-header-sub {
    max-width: 1412px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 clamp(20px, 3.81vw, 50px);
}

.pricing-grid--3.pricing-grid--new {
    gap: 0 !important;
}

.pricing-grid--3.pricing-grid--new > div:first-child {
    padding-left: 0;
}
.pricing-grid--3.pricing-grid--new > div {
    padding-left: 16px;
    padding-right: 16px;
}
.plan-switcher {
    border-radius: 100px;
    background-color: #f7f7f8;
    padding-top: calc(4px + 25px);
    padding-right: 4px;
    padding-bottom: 4px;
    padding-left: 4px;
    position: relative;
    align-self: flex-start;
    justify-self: start;
}

.pricing-grid--new {
    grid-template-columns: 1fr repeat(4, 1fr);
    padding: 0 16px;
}
.pricing-grid--4,
.pricing-grid--3,
.pricing-grid--2 {
    display: grid !important;
    gap: 40px 32px;
}
.pricing-section__plans-cont {
    margin-top: 0px;
    align-items: stretch;
}

.plan-container:not(.ct-section):not(.oxy-easy-posts),
.plan-container.oxy-easy-posts .oxy-posts,
.plan-container.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
}

.pricing-grid--3.pricing-grid--new > div {
    padding-left: 16px;
    padding-right: 16px;
}
.ct-div-block {
    display: block;
}
.plan-container {
    padding-top: 25px;
    padding-bottom: 25px;
}
.plan-name {
    font-size: 20px !important;
    font-weight: 500;
    margin-bottom: 5px;
}

.font-grostesk {
    font-family: Copyright Klim Type Foundry;
}
.font-grostesk.font-bold {
    font-weight: 600;
}

.font-gordita {
    font-family: GorditaRegular;
}

.font-gordita.font-bold {
    font-family: GorditaBold;
}

.text-20px {
    font-size: 20px;
}
.text-xs {
    font-size: 0.75rem;
}

.plan-price {
    font-family: 'GorditaBold';
    font-size: 40px;
    line-height: 1;
    font-weight: 600;
    color: #0c1352;
    margin-bottom: 0px;
}

@media (max-width: 1024px) {
    .plan-price {
        font-size: 36px;
    }
}

@media (max-width: 480px) {
    .plan-price {
        font-size: 30px;
    }
}

.theme-button.t--gordita {
    padding-bottom: var(--theme-btn--v-pad) !important;
    --theme-btn--font-family: 'GorditaRegular';
    --theme-btn--icon-offset--top: 0;
}
.header-pricing .bg-pure {
    background-color: #ffbe00 !important;
    border: 1px solid #ffbe00 !important;
    color: #fff !important;
}
.header-pricing .bg-plus {
    background-color: #22e1fe !important;
    border: 1px solid #22e1fe !important;
    color: #fff !important;
}
.header-pricing .bg-pro {
    background-color: #696dff !important;
    border: 1px solid #696dff !important;
    color: #fff !important;
}
.header-pricing .bg-prime {
    background-color: #0c1352 !important;
    border: 1px solid #0c1352 !important;
    color: #fff !important;
}

.header-pricing .theme-button:hover {
    background-color: #17bdb7 !important;
    border-color: #17bdb7 !important;
}

[type='reset'],
[type='submit'],
button,
html [type='button'] {
    -webkit-appearance: button;
}
:root {
    --theme-btn--h-pad: 40px;
    --theme-btn--v-pad: 21px;
    --theme-btn--font-family: 'Founders Grotesk';
    --theme-btn--font-size: 20px;
    --theme-btn--font-weight: 500;
    --theme-btn--font-color: white;
    --theme-btn--font-color--hover: white;
    --theme-btn--bg-color: var(--clr-green);
    --theme-btn--bg-color--hover: var(--clr-purple);
    --theme-btn--border-size: 1px;
    --theme-btn--border-style: none;
    --theme-btn--border-color: initial;
    --theme-btn--border-color--hover: initial;
    --theme-btn--border-radius: 3px;
    --theme-btn--icon-size: 1em;
    --theme-btn--icon-color: inherit;
    --theme-btn--icon-offset--top: -0.2em;
    --theme-btn--group-gap--v: 10px;
    --theme-btn--group-gap--h: 10px;
}
.theme-button {
    font-family: var(--theme-btn--font-family);
    font-size: var(--theme-btn--font-size);
    font-weight: var(--theme-btn--font-weight);
    color: var(--theme-btn--font-color);
    line-height: 1;
    padding: var(--theme-btn--v-pad) var(--theme-btn--h-pad) calc(var(--theme-btn--v-pad) - 6px);
    background-color: var(--theme-btn--bg-color);
    border-width: var(--theme-btn--border-size);
    border-style: var(--theme-btn--border-style);
    border-color: var(--theme-btn--border-color);
    border-radius: var(--theme-btn--border-radius);
    display: inline-flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    flex-shrink: 0;
}
a,
button,
.theme-button,
.add-transition,
:is(a, button):after,
:is(a, button):before {
    transition: all 0.2s ease;
}
.plan-purchase-btn {
    /* margin-top: 15px; */
    --theme-btn--h-pad: 20px !important;
    width: 170px;
    padding: 14px 20px 16px !important;
}
.pricing-section__btn {
    --theme-btn--font-size: 16px !important;
    --theme-btn--v-pad: 16px !important;
    --theme-btn--h-pad: 32px !important;
    --theme-btn--bg-color--hover: var(--clr-dark) !important;
}

@media (max-width: 768px) {
    .pricing-section__btn {
        --theme-btn--font-size: 14px !important;
    }
}

@media (max-width: 480px) {
    .pricing-section__btn {
        --theme-btn--v-pad: 13px !important;
    }
}
.mt-pricing {
    margin-top: 10px !important;
}

.mb-pricing {
    margin-bottom: 10px !important;
}

.pb-pricing {
    padding-bottom: 10px;
}

@media (min-width: 1025px) {
    .mt-pricing {
        margin-top: 25px !important;
    }

    .mb-pricing {
        margin-bottom: 25px !important;
    }

    .pb-pricing {
        padding-bottom: 25px;
    }
}

#modal-pricing .modal-content {
    background-color: #f6f8f9 !important;
}

@media (min-width: 1280px) {
    .pricing-container {
        max-width: 1412px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 clamp(20px, 3.81vw, 50px);
    }

    .pricing-container {
        background-color: #f6f8f9;
    }
}

.title--medium-24,
.title--medium-20 {
    font-family: Copyright Klim Type Foundry;
}
.title--medium-24 {
    font-size: 24px;
    font-weight: 500;
    color: #0c1352;
}
.title--medium-20 {
    font-size: 20px;
    color: rgba(45, 55, 72, 1);
    font-weight: normal;
}
.pricing-table-overlay {
    background-color: #ffffff;
    margin-bottom: 32px;
    width: 100%;
}
.price-table-section {
    padding-top: 16px;
    padding-bottom: 16px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #030624;
}
[data-toggle='collapse'] {
    cursor: pointer;
}
.price-table-section {
    display: flex;
    justify-content: space-between;
}
.price-table-section {
    padding-left: 14px;
    padding-right: 14px;
}
.price-table-rows {
    transition-duration: 0.3s;
}
.oxy-dynamic-list {
    width: 100%;
}
.collapse:not(.show) {
    display: none;
}
.pricing-table-row:nth-child(odd) {
    background-color: #f7f7f8;
}
.pricing-table-row {
    align-items: center;
}
.pricing-table-row--desktop {
    padding-top: 14px;
    padding-right: 16px;
    padding-bottom: 14px;
    padding-left: 16px;
    align-items: center;
}
.pricing-grid--new-1 {
    grid-template-columns: 1fr repeat(4, 1fr);
}
.flex--row--center:not(.ct-section):not(.oxy-easy-posts),
.flex--row--center.oxy-easy-posts .oxy-posts,
.flex--row--center.ct-section .ct-section-inner-wrap {
    font-size: 12px;
}
.flex--row--center:not(.ct-section):not(.oxy-easy-posts),
.flex--row--center.oxy-easy-posts .oxy-posts,
.flex--row--center.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.price-row__title-tooltip {
    margin-left: 10px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 2px;
    position: relative;
    justify-self: center;
}
.price-row__title-tooltip:not(.ct-section):not(.oxy-easy-posts),
.price-row__title-tooltip.oxy-easy-posts .oxy-posts,
.price-row__title-tooltip.ct-section .ct-section-inner-wrap {
    display: flex;
}
div.ct-fancy-icon {
    display: inline-flex;
    border-radius: 50%;
}
.ct-fancy-icon > svg {
    fill: currentColor;
}

svg:not(:root) {
    overflow: hidden;
}
.price-row__title svg {
    width: 18px;
    height: 18px;
    color: currentColor;
}
.price-row__tooltip-container {
    transform: translate(-50%, 10px);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    z-index: 1;
    opacity: 0;
    transition-duration: 0.2s;
    pointer-events: none;
}
.pricing-table-row--mobile:not(.ct-section):not(.oxy-easy-posts),
.pricing-table-row--mobile.oxy-easy-posts .oxy-posts,
.pricing-table-row--mobile.ct-section .ct-section-inner-wrap {
    display: none;
}
@media (max-width: 768px) {
    .pricing-grid--3 + .pricing-table-row--mobile {
        display: block !important;
    }
}
.flex--row--center:not(.ct-section):not(.oxy-easy-posts),
.flex--row--center.oxy-easy-posts .oxy-posts,
.flex--row--center.ct-section .ct-section-inner-wrap {
    font-size: 12px;
}
.price-row__checkmark > svg {
    width: 18px;
    height: 18px;
}
.price-row__cross > svg {
    width: 14px;
    height: 14px;
}
.price-row__cross {
    color: #dadae0;
}
.price-row__checkmark {
    color: #ffbe00;
}
.oxy-dynamic-list :is([data-id='fancy_icon-193-672'], #incspec) {
    color: #22e1fe;
}
.oxy-dynamic-list :is([data-id='fancy_icon-198-672'], #incspec) {
    color: #696dff;
}
.oxy-dynamic-list :is([data-id='fancy_icon-198-672-1'], #incspec) {
    color: #0c1352;
}
.nav-tabs-pricing .active {
    background-color: #17bdb7;
    color: #fff;
    font-family: 'GorditaBold';
    border-radius: 0;
}
.plan-container.active {
    background-color: #d9faff;
}
.plan-container.active .plan-purchase-btn {
    background-color: #17bdb7 !important;
    border-color: #17bdb7 !important;
    position: relative;
}
.price-row__tooltip-container {
    transform: translate(-50%, 10px);
    position: absolute;
    left: 50%;
    bottom: calc(100% + 8px);
    opacity: 0;
    transition-duration: 0.2s;
    pointer-events: none;
    z-index: 900;
}
.price-row__title-tooltip:hover .price-row__tooltip-container {
    transform: translate(-50%, 0px);
    opacity: 1;
}
.price-row__tooltip-text {
    transform: translate(-3px, -3px);
    font-size: 10px;
    color: #0c1352;
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 10px;
    padding-left: 12px;
    background-color: white;
    border-radius: 3px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-color: #dadae0;
    border-right-color: #dadae0;
    border-bottom-color: #dadae0;
    border-left-color: #dadae0;
    width: 180px;
}
p.ct-text-block,
p.ct-div-block {
    margin-top: 0;
    margin-bottom: 0;
}
.ct-text-block {
    text-align: left;
}
.lines-container {
    position: absolute;
    overflow: hidden;
    selector-locked: true;
    z-index: 1;
}
.price-row__tooltip-container .lines-container {
    transform: translate(3px, 3px);
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background-color: #0c1352;
    border-radius: 3px;
    --lines-color: rgb(255 255 255 / 0.7);
    --lines-width: 4;
}
.lines {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    width: 500px;
    height: 500px;
    selector-locked: true;
    position: absolute;
    z-index: -1;
    pointer-events: none;
}
.price-row__tooltip-container .lines {
    transform: translate(-50%, -50%) rotate(45deg);
    width: 203px;
    height: 203px;
    position: absolute;
    top: 50%;
    left: 50%;
}
.lines svg {
    width: 100%;
    height: 100%;
}
.t--14 {
    font-size: 12px;
}
.plan-description {
    min-height: 60px;
}
@media (max-width: 1024px) {
    .plan-description {
        min-height: 40px;
        flex-grow: 1;
    }
    .pricingForm {
        height: 100%;
    }
}
.divider {
    width: 100%;
    border-bottom: 1px solid #e5e5e5;
    margin: 0.5rem 0;
}
.divider-sm {
    margin: 0.25rem 0;
}

.divider-vertical {
    background: #ebeff1;
    height: 24px;
    margin: 0.5rem 0.2rem;
    width: 3px;
}

.divider-dark {
    border-color: #353746;
}

.divider.m-0 {
    margin: 0;
}

.mt-pricing {
    margin-top: 10px !important;
}

.mb-pricing {
    margin-bottom: 10px !important;
}

.pb-pricing {
    padding-bottom: 10px;
}

@media (min-width: 1025px) {
    .mt-pricing {
        margin-top: 25px !important;
    }

    .mb-pricing {
        margin-bottom: 25px !important;
    }

    .pb-pricing {
        padding-bottom: 25px;
    }
}
.price-row__title-tooltip:hover .price-row__tooltip-container.tooltip-bottom {
    transform: translate(-50%, 10px);
    opacity: 1;
}
.price-row__tooltip-container.tooltip-bottom {
    transform: translate(-50%, 0px);
}

.price-row__tooltip-container.tooltip-bottom {
    bottom: unset;
    top: 100%;
    z-index: 99999999999999999999;
}

.price-row__tooltip-container.profile-tooltip .price-row__tooltip-text {
    width: auto;
    white-space: nowrap;
}
.section-custom {
    background-color: #f6f8f9;
    padding: 0 !important;
}
.section-sub-custom {
    background-color: #f6f8f9;
    padding: 1.25rem;
}
.plan-mobile {
    border-radius: 0 !important;
    padding-bottom: 1rem !important;
    width: 100% !important;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.pricing-slider {
    margin-bottom: 1rem;
}
@media (min-width: 769px) and (max-width: 1024px) {
    .pricing-slider:before {
        position: absolute;
        z-index: 1;
        top: -30px;
        bottom: -30px;
        background-color: #0c1352;
        width: 100vw;
        right: calc(100% + 10px);
        content: '';
        pointer-events: none;
    }
}
#_dynamic_list-1201-709 {
    outline: none;
}

.flickity-enabled {
    position: relative;
}
.flickity-enabled:focus {
    outline: 0;
}
.flickity-viewport {
    overflow: visible !important;
    position: relative;
    height: 100%;
}
.flickity-viewport {
    transition: height 0.2s ease;
}
.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%;
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab;
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, 0.75);
    border: none;
    color: #333;
}
.flickity-button:hover {
    background: #fff;
    cursor: pointer;
}
.flickity-button:focus {
    outline: 0;
    box-shadow: 0 0 0 5px #19f;
}
.flickity-button:active {
    opacity: 0.6;
}
.flickity-button:disabled {
    opacity: 0.3;
    cursor: auto;
    pointer-events: none;
}
.flickity-button-icon {
    fill: currentColor;
}
.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.flickity-prev-next-button.previous {
    left: 10px;
}
.flickity-prev-next-button.next {
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px;
}
.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%;
}
.flickity-page-dots .flickity-page-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: 0.25;
    cursor: pointer;
}
.flickity-page-dots .flickity-page-dot.is-selected {
    opacity: 1;
}
.testimonials-section__right {
    flex-grow: 1;
}
.testimonials-slider-item:not(.ct-section):not(.oxy-easy-posts),
.testimonials-slider-item.oxy-easy-posts .oxy-posts,
.testimonials-slider-item.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.plan-container:not(.ct-section):not(.oxy-easy-posts),
.plan-container.oxy-easy-posts .oxy-posts,
.plan-container.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: column;
}
.card--hover-line:not(:hover) > *:first-child {
    transition-delay: 0.1s;
}
.card--hover-line > * {
    transition-duration: 0.2s;
    width: 100%;
}
.card--hover-line .lines-container {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -2;
    border-radius: 3px;
    pointer-events: none;
}
.card--hover-line .lines {
    width: 705px;
    height: 705px;
    transform: translate(-5.6%, -3%) rotate(45deg);
}
.card--hover-line-prime {
    --lines-color: #fff !important;
}
.container-pricing-2 {
    background-color: #ffbe00 !important;
}
.container-pricing-3 {
    background-color: #22e1fe !important;
}
.container-pricing-4 {
    background-color: #696dff !important;
}
.container-pricing-5 {
    background-color: #0c1352 !important;
}
.hide-pricing-for-desktop .bg-pure {
    background-color: transparent !important;
    border: 1px solid #ffbe00 !important;
    color: #0c1352 !important;
}
.hide-pricing-for-desktop .bg-pure:hover {
    background-color: #ffbe00 !important;
    color: #fff !important;
}
.hide-pricing-for-desktop .bg-plus {
    background-color: transparent !important;
    border: 1px solid #22e1fe !important;
    color: #0c1352 !important;
}
.hide-pricing-for-desktop .bg-plus:hover {
    background-color: #22e1fe !important;
    color: #fff !important;
}
.hide-pricing-for-desktop .bg-pro {
    background-color: transparent !important;
    border: 1px solid #696dff !important;
    color: #0c1352 !important;
}
.hide-pricing-for-desktop .bg-pro:hover {
    background-color: #696dff !important;
    color: #fff !important;
}
.hide-pricing-for-desktop .bg-prime {
    background-color: transparent !important;
    border: 1px solid #0c1352 !important;
    color: #0c1352 !important;
}
.hide-pricing-for-desktop .bg-prime:hover {
    background-color: #0c1352 !important;
    color: #fff !important;
}
.carousel-slider__controls:not(.ct-section):not(.oxy-easy-posts),
.carousel-slider__controls.oxy-easy-posts .oxy-posts,
.carousel-slider__controls.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
}
.carousel-slider__controls {
    position: relative;
    z-index: 2;
}
.slider-btn-white {
    color: rgba(255, 255, 255, 0.31);
}
.carousel-slider__btn {
    padding: 15px 20px;
    line-height: 0;
    color: rgba(12, 19, 82, 0.3);
}
.carousel-slider__btn svg {
    height: 24px;
    width: auto;
}
@media (max-width: 480px) {
    .carousel-slider__btn {
        padding: 12px;
    }
    .carousel-slider__btn svg {
        height: 18px;
    }
}
.plan-price-per-word {
    margin-top: 0.25rem !important;
}
.ct-span {
    text-decoration: inherit;
    display: inline-block;
}
.plan-price-container .plan-price .textpricepro,
.plan-price-container .plan-price .textpriceprime,
.plan-price-container .plan-price .textpriceplus,
.plan-price-container .plan-price .textpricepure {
    display: flex;
    word-break: break-all;
}
.next {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -1rem !important;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1;
    justify-content: flex-start !important;
    height: 54px;
    transform: translateY(100%);
    align-items: center !important;
}
:is(.carousel-slider, .testimonials-slider) .flickity-page-dots {
    bottom: -40px !important;
}
:is(.carousel-slider, .testimonials-slider) .flickity-page-dots {
    text-align: left;
    z-index: 1;
    position: absolute;
    bottom: -78px;
}
.testimonials-slider {
    margin-bottom: 1rem !important;
    position: relative;
    z-index: 1;
    height: 276px;
}
.hide-pricing-for-desktop {
    position: unset;
    overflow-y: hidden;
}

.form-check-switch {
    background-color: #ffffff;
}
#modal-pricing .pricing-overlay {
    color: rgba(45, 55, 72, 1);
}
@media (max-width: 1024px) {
    .header-pricing {
        display: none;
    }

    #modal-pricing .modal-body {
        display: flex;
        flex-direction: column;
    }

    #modal-pricing .pricing-overlay {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        display: flex;
        flex-direction: column;
    }
    #modal-pricing .pricing-content {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
        display: flex;
        flex-direction: column;
    }
    .plan-switcher {
        border-radius: 100px;
        background-color: #f7f7f8;
        padding-top: 4px;
    }
    .plan-container:not(.ct-section):not(.oxy-easy-posts),
    .plan-container.oxy-easy-posts .oxy-posts,
    .plan-container.ct-section .ct-section-inner-wrap {
        padding: 0.5rem 0.5rem 0 0.5rem !important;
    }
    .card--hover-line.is-selected > *:first-child {
        background-color: white !important;
        transform: translate(calc(5px * -1), calc(5px * -1)) !important;
    }
    .plan-container {
        border-radius: 3px !important;
        min-height: 286px;
        background-color: #ffffff;
    }

    .testimonials-slider-item {
        width: 340px;
        margin-right: 24px;
        --card--border-radius: 3px;
        --card--lines-width: 705px;
        --card--lines-height: 705px;
        --card--lines-transform: translate(-5.6%, -3%) rotate(45deg);
        --lines-width: 3px;
    }

    .card--hover-line.is-selected > *:last-child {
        transform: translate(5px, 5px) !important;
    }
}
@media (max-width: 768px) {
    .plan-switcher {
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .testimonials-slider-item {
        width: 95%;
        margin-right: 20px;
    }
}

@media (min-width: 1025px) {
    .hide-pricing-for-desktop {
        display: none;
    }
    .pricing-container {
        margin-top: calc(398px + 61px);
    }
    #panel-translated {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        z-index: 90;
    }
    .header-pricing {
        position: fixed;
        left: 0;
        right: 5px;
        top: 61px;
        z-index: 89;
        pointer-events: none;
    }
    .header-pricing > * {
        pointer-events: auto;
    }
}

.price-table-rows {
    overflow: hidden;
}

.price-table-rows.is--open {
    overflow: unset;
}

.price-table-section {
    cursor: pointer;
}


.pricing-table__accordtion-content {
    padding: 15px 20px 20px;
}
.pricing-table__accordion-btn {
    color: #0c1352;
    line-height: 1.4;
    width: 100%;
    padding: 20px;
    font-family: 'GorditaRegular' !important;
    font-size: 12px !important;
}
.pricing-table__accordion-btn:not(.ct-section):not(.oxy-easy-posts),
.pricing-table__accordion-btn.oxy-easy-posts .oxy-posts,
.pricing-table__accordion-btn.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.accordion-btn + * {
    transition-duration: 0.3s;
    overflow: hidden;
}
.pricing-table__accordion-btn + div {
    max-height: 0px;
}
@media (max-width: 768px) {
    .pricing-table-row--desktop.pricing-grid--3 {
        display: none !important;
    }
}
.pricing-table__accordion-btn svg {
    width: 12px;
    height: 12px;
    color: #17bdb7;
    transition-duration: 0.2s;
}
.ct-fancy-icon > svg {
    fill: currentColor;
}
.pricing-table__accordion-btn.is--open svg {
    transform: rotate(180deg);
}
.pricing__accordion-tooltip svg {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: 3px;
    color: #00aeef;
}
.pricing__accordion-tooltip:not(.ct-section):not(.oxy-easy-posts),
.pricing__accordion-tooltip.oxy-easy-posts .oxy-posts,
.pricing__accordion-tooltip.ct-section .ct-section-inner-wrap {
    display: flex;
    flex-direction: row;
}
.pricing__accordion-tooltip {
    margin-bottom: 10px;
}
.pricing-table-row--mobile-data:not(.ct-section):not(.oxy-easy-posts),
.pricing-table-row--mobile-data.oxy-easy-posts .oxy-posts,
.pricing-table-row--mobile-data.ct-section .ct-section-inner-wrap {
    display: flex !important;
    align-items: center;
    flex-direction: row !important;
    padding: 1rem !important;
    border-radius: 3px;
    border: 1px solid #030624;
    margin-bottom: 0.5rem;
    width: 100%;
}
.pricing-table-row--mobile-data:not(.ct-section):not(.oxy-easy-posts).flex-col {
    flex-direction: column !important;
}
.prime-mobile {
    border-color: #0c1352 !important;
}
.pro-mobile {
    border-color: #696dff !important;
}
.plus-mobile {
    border-color: #22e1fe !important;
}

.pure-mobile {
    border-color: #ffbe00 !important;
}
.collapse-arrow {
    transition: all 0.25s;
    transform: rotate(0deg);
}
.compare-features-header.is--open .collapse-arrow,
.price-table-section.is--open .collapse-arrow {
    transform: rotate(180deg);
}
.modal .modal-dialog .modal-content > [data-dismiss='modal'] {
    z-index: 99;
}
.modal .modal-dialog {
    max-width: 90%;
}
.modal .modal-dialog.modal-xl {
    max-width: 100%;
}
.py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
}
.p-0 {
    padding: 0 !important;
}
.tab-content .tab-pane {
    width: 100%;
}
.pricing-grid--new-1 {
    gap: 0 !important;
}
.pricing-grid--new-1 > div:first-child {
    padding-right: 16px;
}
.pricing-grid--new-1 > div:not(:first-child) {
    padding-left: 16px;
}
.info-icon svg {
    width: 18px !important;
    height: 18px !important;
}
.toolbar-left {
    display: flex;
    flex-direction: column;
    gap: 15px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
    background-color: #282a34;
    padding: 10px;
    border-radius: 3px;
}

.toolbar-left-item {
    background-color: #282a34;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    color: #ffffff;
    display: flex;
}
.toolbar-left-item.active {
    background-color: #17bdb8;
}
.css-g2rcnx-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input.MuiSelect-select {
    align-items: center;
}
.css-161x76o-MuiSwitch-root .MuiSwitch-track {
    background-color: #3e4050 !important;
}
.border-dark {
    border-color: #353746;
}
.btn-transparent {
    background-color: transparent;
    border-color: transparent;
    color: #8f93aa;
}
.text-gray-transparent {
    color: #8f93aa;
}
.btn-transparent:hover,
.btn-transparent.active {
    color: #ffffff;
}
.btn-bg-control {
    background-color: #2b2c39;
    border-color: #2b2c39;
}
.btn-fullscreen {
    position: absolute;
    right: 0.5rem;
    bottom: 0.5rem;
    cursor: pointer;
    background-color: #ffffff;
    color: #24252e;
    padding: 0.25rem;
    z-index: 1000;
}
.input-dark {
    background-color: #2b2c39;
    border-color: #2b2c39;
    color: #ffffff;
}
.input-dark.bg-box-dark {
    background-color: #23242d;
}
.gap-5px {
    gap: 5px;
}
.text-1rem {
    font-size: 1rem;
}
.react-contextmenu-item.react-contextmenu-item--active,
.react-contextmenu-item.react-contextmenu-item--selected {
    background-color: #1d1e24 !important;
}
.react-contextmenu-item {
    padding: 5px 20px;
}
.custom-dropdown-fixed .custom-dropdown-menu {
    position: fixed;
    z-index: 1000000;
}
.css-1s3k4nt-MuiButtonBase-root-MuiMenuItem-root.Mui-selected {
    background-color: #1d1e24 !important;
}
.dropdown-toolbar .custom-dropdown-menu {
    padding: 8px 0;
    background-color: #2b2c39;
    max-height: 210px;
    overflow: auto;
    border-radius: 3px;
}

.dropdown-toolbar .custom-dropdown-menu__item {
    cursor: pointer;
    padding: 3px 20px;
    text-align: inherit;
    white-space: nowrap;
    margin: 0 !important;
}

.dropdown-toolbar .custom-dropdown-menu__item:hover,
.dropdown-toolbar .custom-dropdown-menu__item.active {
    background-color: #1d1e24 !important;
}
.volume-setting-text:hover{
    background-color: #24252e !important;

}
.text-left {
    text-align: left !important;
}
.box.box-dark {
    background-color: #24252e;
}
:not(:root):fullscreen .player-control-fullscreen-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0;
}
.whitespace-normal {
    white-space: normal;
}
.border-pricing {
    margin: 10px 0;
    padding: 0.5rem;
    border: 1px solid #f6f8f9;
    background-color: #f6f8f9;
    border-radius: 3px;
}
@media (min-width: 1025px) {
    .border-pricing {
        margin: 25px 0;
    }
}
.pricingForm {
    width: 100%;
}
.public-DraftEditor-content[contenteditable='true'] {
    color: #ffffff;
}
.rdw-option-wrapper {
    height: 100% !important;
}
.MuiTypography-body1 {
    font-size: 0.8rem !important;
}
.tagify__tag:focus div::before,
.tagify__tag:hover:not([readonly]) div::before {
    top: 0 !important;
}
.bg-box-dark.workbench-box {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
}
.bg-box-dark.workbench-box .input-subtitle {
    color: inherit !important;
}
.post__content.tab-content-translation {
    height: calc(100% - 56px);
}
.rdw-option-wrapper {
    border: 1px solid #ebeff1 !important;
    width: 34px;
}
.rdw-option-wrapper:hover {
    box-shadow: unset !important;
    background-color: #ebeff1 !important;
}

.rdw-option-wrapper:focus,
.rdw-option-wrapper:active,
.rdw-option-active:hover,
.rdw-option-active {
    box-shadow: unset !important;
    background-color: #e7e7ed !important;
}
.list-invited-user {
    position: relative;
}
.absolute-center {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.form-select {
    line-height: 1.15;
}
.color-green {
    color: #17bdb7 !important;
}
@media (max-width: 480px) {
    .player-control .btn.box-shadow-none.border-none:not(.btn-bg-control) {
        padding-left: 0.375rem;
        padding-right: 0.375rem;
    }

    .player-control .time {
        font-size: 0.75rem;
    }
}

.flex-btn-responsive {
    display: flex;
    gap: 1.25rem;
    justify-content: space-between;
    align-items: center;
}

@media (max-width: 425px) {
    .flex-btn-responsive {
        flex-direction: column;
    }
}
.font-size-12 {
    font-size: 12px;
}
.font-size-14 {
    font-size: 14px;
}

.pricing-collapse-on-scroll,
.pricing-collapse-on-scroll > * {
    width: 100%;
    transition: all 0.35s ease;
}

@media (min-width: 1025px) {
    .header-pricing.collapsed .mt-pricing {
        margin-top: 15px !important;
    }
    .header-pricing.collapsed .pricing-collapse-on-scroll > * {
        opacity: 0;
        pointer-events: none;
    }
}

.translate-editor-float {
    z-index: 1101;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(100%);
    position: fixed;
    transition: all 0.35s ease;
}

.translate-editor-float.active {
    transform: translateX(-50%) translateY(0);
}

.translate-editor-float > .arrow {
    top: 0;
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.translate-editor-float > .arrow > svg {
    transition: all 0.35s ease;
}
.translate-editor-float.active > .arrow > svg {
    transform: rotate(180deg);
}
.translate-editor-float-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    min-height: 90px;
    min-width: 200px;
    max-width: 400px;
}

.compare-features-content {
    transition: all 0.5s;
}

.compare-features-content.is--open {
    padding: 1.25rem;
}
.compare-features-header > *,
.price-table-section > * {
    pointer-events: none;
}

.input-light {
    color: inherit !important;
    background-color: #ffffff;
}

.input-table {
    height: 20px;
    resize: none;
    outline: none;
}

.img-icon-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.translate-actions img {
    box-shadow: none !important;
}
.spin-icon {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    stroke-width: 5px;
    height: 0.8rem;
    width: 0.8rem;
    color: #fff;
}

.h-100 {
    height: 100%;
}
.MuiCollapse-root .chat-area-new {
    opacity: 0;
    transition: all 0.3s ease-in;
}
.MuiCollapse-root.MuiCollapse-entered .chat-area-new {
    opacity: 1;
    transition: all 0.3s ease-out;
}

.MuiAccordion-root.hide-accordion-content,
.MuiAccordion-root.hide-accordion-content .MuiAccordionSummary-root,
.MuiAccordion-root.hide-accordion-content .MuiAccordionSummary-content {
    height: auto !important;
    cursor: default !important;
}

.custom-select-dropdown {
    background-color: #f6f8f9;
}

.custom-select-dropdown .custom-dropdown-menu {
    margin-top: 2.5rem;
}

.MuiTableRow-root.active .MuiTableCell-root {
    border: 0 solid #17bdb7;
    border-top-width: 1px;
    border-bottom-width: 1px;
}

.MuiTableRow-root.active .MuiTableCell-root:first-child {
    border-left-width: 1px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.MuiTableRow-root.active .MuiTableCell-root:last-child {
    border-right-width: 1px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.img-icon-spin {
    animation-name: spin;
    animation-duration: 3s;
    animation-timing-function: linear;
}

@keyframes spin {
    0% {
        transform: rotate(0deg) scale(0);
    }
    50% {
        transform: rotate(180deg) scale(1);
    }
    100% {
        transform: rotate(360deg) scale(1);
    }
}

.btn-save-all-segments {
    width: 180px;
    position: relative;
    min-height: 34.09px;
}

.btn-save-all-segments::before {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #17a3a6;
}

.btn-save-all-segments.active::before {
    width: 100%;
    transition: all 3s linear;
}

.btn-save-all-segments span:not(:first-child) {
    position: absolute;
    line-height: 0;
}
.btn-save-all-segments span i {
    transform-origin: center center;
}
.btn-save-all-segments span:nth-of-type(2) {
    display: none;
}
.btn-save-all-segments.active span:nth-of-type(2) {
    display: none;
}
.btn-save-all-segments.active {
    background-color: #17bdb8;
}

.btn-save-all-segments.active span:first-child,
.btn-save-all-segments.finished span:first-child {
    display: none;
}
.btn-save-all-segments.active:before {
    width: 100%;
    transition: width 3s linear;
}

.button-save-all button[disabled] {
    background: #17bdb7 !important;
    opacity: 1 !important;
}
.btn-save-all-segments.finished {
    background-color: #17bdb8;
    width: 40px;
    height: 40px;
    border-radius: 99px;
    padding: 0;
}
.btn-save-all-segments.finished .submit {
    display: none;
}
.btn-save-all-segments.finished .check {
    display: block !important;
    font-size: 24px;
    animation: scale 0.5s linear;
}
.btn-save-all-segments.finished .check svg {
    transform-origin: center center;
}
@keyframes scale {
    0% {
        transform: scale(10);
    }
    50% {
        transform: scale(0.2);
    }
    70% {
        transform: scale(1.2);
    }
    90% {
        transform: scale(0.7);
    }
    100% {
        transform: scale(1);
    }
}
.strokes-button {
    stroke-width: 6px;
}

.disabled-div {
    pointer-events: none;
    opacity: 0.4;
}

.focus\:outline-none:focus {
    box-shadow: unset !important;
}

.plan-container.active .plan-purchase-btn .plan-arrow-right {
    left: unset;
    right: 1px;
    top: 1px;
    bottom: 1px;
    width: 38px;
    height: 44px;
    color: #17bdb7;
    background-color: #ffffff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

.plan-arrow-right svg.feather-arrow-right {
    position: relative !important;
    left: unset !important;
}

.border-gray-200 {
    --tw-border-opacity: 1;
    border-color: rgba(237, 242, 247, var(--tw-border-opacity));
}

.my-3 {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem;
}

#workbench-scrollable-container.active th {
    padding-top: 0.5rem !important;
}

#workbench-scrollable-container thead > tr > th::after {
    position: absolute;
    content: '';
    border-bottom: 1px solid #eeeeee;
    left: -1rem;
    right: -1rem;
    bottom: 0;
}

@media (max-width: 1536px) {
    .content-custom-transcribe.pb-content-translation header .btn {
        font-size: 0.8rem;
    }
    .content-custom-transcribe.pb-content-translation header .btn.dropdown-toggle {
        height: unset !important;
    }
    .content-custom-transcribe.pb-content-translation .btn-save-all-segments {
        width: 176px !important;
        height: 32px !important;
        padding: 0 !important;
        font-size: 0.8rem;
    }
}
.btn:hover {
    background-color: #0c1352;
    border-color: #0c1352;
    color: #ffffff;
}

.preloader {
    justify-content: 'center';
    align-items: 'center';
    height: '100vh';
    margin-top: 'auto';
    overflow: 'hidden';
    margin-bottom: 'auto';
    z-index: 999999;
}
.preloader-container {
    height: 100vh;
    position: relative;
}

.box-with-timer {
    flex-wrap: wrap;
}

.table-timer-wrapper {
    background-color: #ffffff;
    width: fit-content;
    max-width: 100%;
    padding: 5px 5px 0;
    border-top-left-radius: 0.375rem;
    border-top-right-radius: 0.375rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.table-timer-wrapper input {
    background-color: #f6f8f9;
    max-width: 110px;
}

@media (min-width: 1281px) {
    .table-timer-wrapper input {
        max-width: fit-content;
    }
}

.cell-table-timer .box {
    border-top-left-radius: 0;
    border-top-right-radius: 0.375rem;
    box-shadow: none;
    border-bottom-right-radius: 0.375rem;
    border-bottom-left-radius: 0.375rem;
}

.p-4.x-pt {
    padding-top: 1.2rem;
}

.time-table-icon {
    margin-left: 15px;
}

.action-dropdown-content.custom-dropdown-menu{
    min-width: 200px;
    overflow: hidden;
}

.action-dropdown-content.custom-dropdown-menu .custom-dropdown-menu__content a {
    display: block;
    padding: 8px 10px;
    font-size: 12px;
}

.action-dropdown-content.custom-dropdown-menu .custom-dropdown-menu__content a:hover {
    background-color: #0c1352;
    color: #ffffff;
}

.modal-upload {
    position: relative;
}

.modal-upload .modal-dialog {
    max-width: 650px;
    width: 65%;
    height: 100%;
}

.modal-upload .modal-content{
    background-color: transparent;
    box-shadow: none;
}

.modal-upload .modal-content .modal-title {
    text-align: center;
    font-weight: bold;
    font-size: 22px;
    font-family: GorditaBold;
    padding: 20px 0;
    color:#ffffff;
}

.dropzone-wrapper {
    background-color: #fff;
    border-radius: 7px;
    padding: 40px 20px;
}

.dropzone-wrapper .dropzone-action {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #060823;
    font-family: inherit;
    row-gap: 25px;
}

.dropzone-action .file-btn{
    position: relative;
    max-width: fit-content;
}

.dropzone-wrapper .dropzone-action .file-btn input{
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.dropzone-wrapper .dropzone-action .file-btn .text-btn {
    display: block;
    padding: 7px 13px;
    border: solid 1px #060823;
    font-weight: bold;
    font-family: GorditaBold;
    cursor: pointer;
    border-radius: 3px;
}

.cursor {
    cursor: pointer;
}

.dropzone-wrapper .files-wrapper {
    color:#060823;
    padding: 20px 0 0;
    font-size: 12px;
}

.dropzone-wrapper .dropzone {
    border-radius: 3px;
}

.action-dropdown-content.custom-dropdown-menu.show > .custom-dropdown-menu__content {
    overflow: hidden;
}

.translate-dropdown.custom-dropdown-menu .custom-dropdown-menu__content {
    font-size: 12px;
}

.btn-share {
    min-height: 34px;
}

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