.joinusdolu .container {
    background-image: url(/images/trojuholnicek_tyrkys2.png);
    background-repeat: no-repeat;
    background-position: top right;
    border-top: 1px solid gray;
    background-size: 1.5rem auto;
    padding-top: 20px;
}

@media (max-width: 800px) {
    #features3-5 .col-10 {
        -ms-flex: 0 0 49.33333%;
        flex: 0 0 49.33333%;
        max-width: 49.33333%;
    }
}

.tlacitko {
    background: #4cb7e1;
    color: white;

}

.tlacitko:hover {
    color: #4cb7e1;
    border-color: #4cb7e1;
    background-color: white;
}

.form-control.ng-invalid,
.form-control.ng-invalid:focus {
    border-color: red !important;
}

/** Store - template list catds **/

.store .card-connector {
    background-color: white;
}

.store .card-app {
    background-color: white;
}

/**  Home - application list cards **/

.home .home-app-list {
    height: 300px;
    margin-top: -25px;
}

.home .home-app-list msp-card {
    height: 100%;
    margin-top: 25px;
}

.home .home-app-list msp-card .card {
    height: 100%;
}

.home .home-app-list msp-card h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pointer {
    cursor: pointer;
}

.bg-inphinity-greenish {
    background-color: rgb(201, 210, 42);
}

.color-inphinity-greenish {
    color: rgb(201, 210, 42);
}

.bg-inphinity-red {
    background-color: rgb(157, 31, 92);
}

.color-inphinity-red {
    color: rgb(157, 31, 92);
}

.bg-inphinity-green {
    background-color: #60bb46;
}


.bg-inphinity-light-blue {
    background-color: rgb(62, 186, 194);
}

.color-inphinity-light-blue {
    color: rgb(62, 186, 194);
}

.bg-inphinity-yellow {
    background-color: rgb(238, 194, 38);
}

.color-inphinity-yellow {
    color: rgb(238, 194, 38);
}

.bg-inphinity-gray {
    background-color: rgb(128, 128, 128);
}

.color-inphinity-gray {
    color: rgb(128, 128, 128);
}

.bg-inphinity-orange {
    background-color: #f99d1c;
}

.color-inphinity-orange {
    color: #f99d1c;
}

.color-inphinity-green {
    color: #88dd60;
}


.sidebar-light .nav-sidebar .active .nav-link {
    background-color: #f5f5f5;
}

.hide-timer {
    animation: cssHideAnimation 1s ease-in 2s forwards;
}

@keyframes cssHideAnimation {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.cc-banner.cc-theme-edgeless .cc-btn.cc-dismiss {
    padding: 0.8em 10em;
}

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

.contact-horizontal {
    display: flex;
    flex-direction: row;
    max-width: 100%;
    flex-wrap: wrap;
}

.contact-horizontal>div {
    flex: 1 1 0px;
    overflow: hidden;
    padding-left: 35px;
    padding-right: 35px;
    text-align: center;
    min-width: 200px;
    max-width: 340px;
}

.contact-horizontal>div>img {
    display: block;
    width: 100%;
}

.contact-horizontal>div>strong {
    display: block;
}

.contact-horizontal>div>small {
    display: block;
    font-size: inherit;
}

.contact-horizontal>div a img {
    height: 20px;
}

license-table>table>th,
td {
    padding-right: 0.25rem;
    padding-left: 0.25rem;
    vertical-align: middle;
    border-top: 1px solid #ddd;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.template_download_btn {
    background-color: #3cb4bc;
    padding: 0px 1.8px;
    position: absolute;
    bottom: 3.2px;
    left: 92px;
    border: 1px solid transparent;
    border-radius: 0.1875rem;
}

.template_download_btn:hover {
    transition: 1s;
    cursor: pointer;
    background-color: #309aa1;
}

.btn-settings {
    font-size: 25px;
    padding: 6px !important;
}

.href-no-class {
    text-decoration: none;
    color: white;
}

.href-no-class:hover {
    text-decoration: none;
    color: white;
}

#home {
    color: white;
    background: url("/images/home/banners/homepage.png") no-repeat 30%;
    background-size: auto;
    padding: 50px;
}

#home h1 {
    font-size: 2.8vw;
    font-weight: 400;
}

#home h3 {
    font-size: 2.3vw;
    font-weight: 300;
}

#home p a {
    font-size: 1.5vw;
    text-decoration: underline;
    color: white;
    cursor: pointer;
    transition: color 0.3s;
}

#home p span {
    font-size: 1.5vw;
}

#home p a:hover {
    color: rgb(235, 235, 235);
    transition: color 0.3s;
}

#home div .img-forms {
    width: 25%;
}

@media screen and (max-width: 992px) {
    #home h1 {
        font-size: 5vw;
    }

    #home h3 {
        font-size: 3.5vw;
    }

    #home p a {
        font-size: 2.4vw;
    }

    #home p span {
        font-size: 2.4vw;
    }
}

@media screen and (max-width: 767px) {
    #home h1 {
        font-size: 6vw;
    }

    #home h3 {
        font-size: 4.5vw;
    }

    #home p a {
        font-size: 3.4vw;
    }

    #home p span {
        font-size: 3.4vw;
    }

    #home div .img-forms {
        width: 45%;
    }
}

@media screen and (max-width: 480px) {
    #home h1 {
        font-size: 9vw;
    }

    #home h3 {
        font-size: 5.5vw;
    }

    #home p a {
        font-size: 4.4vw;
    }

    #home p span {
        font-size: 4.4vw;
    }
}

#cards {
    background: url("/images/home/banners/bg.png") no-repeat;
    background-size: auto;
    padding-bottom: 80px;
}

#cards p {
    padding: 20px 0px;
    font-size: x-large;
    font-weight: 300;
}

#cards .thumbnail {
    box-shadow: 0 0 5px rgba(33, 33, 33, 0.452);
    transition: box-shadow 0.3s;
}

#cards .thumbnail:hover {
    box-shadow: 0 0 15px rgba(33, 33, 33, 0.452);
    transition: box-shadow 0.3s;
}

#cards .thumbnail .inside {
    padding: 2px;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 4px;
}

#cards .thumbnail p {
    background-color: white;
    font-size: medium;
    color: black;
}

#cards .thumbnail .caption {
    padding-left: 5px;
}


/* Demo v2 styles */

.page-store-demo__title {
    flex-wrap: wrap;
    justify-content: center;
}

.page-store-demo__title h1 {
    font-family: "Golos Text", sans-serif;
    font-weight: bold;
    font-size: 3em;
    color: #504148;
    text-transform: uppercase;
}

.page-store-demo__title p {
    font-size: 16px;
}

.top-panel-mobile {
    display: none;
    padding-bottom: 30px;
    margin: 0 auto;
}

.top-panel-mobile__left-visible {
    display: none;
}

.top-panel-mobile__title {
    font-size: 20px;
    padding-bottom: 10px;
    cursor: pointer;
}

.top-panel__sort-card {
    font-size: 14px;
    padding-left: 20px;
}

.top-panel__sort-mark {
    font-size: 9px;
    margin-left: -16px;
    margin-right: 7px;
}

.top-panel__sort-card a, .top-panel__sorting-dropdown a {
    color: black;
}

.top-panel {
    display: flex;
    padding-bottom: 30px;
    justify-content: space-between;
    width: 1130px;
    margin: 0 auto;
}

/* sort&filter align with demo apps layout */

@media (min-width: 3730px) {
    .top-panel__left-visible {
        width: 3450px !important;
    }
}

@media (min-width: 3530px) {
    .top-panel {
        width: 3450px;
    }
}

@media (max-width: 3730px) {
    .top-panel__left-visible {
        width: 3160px !important;
    }
}

@media (max-width: 3530px) {
    .top-panel {
        width: 3160px;
    }
}

@media (max-width: 3439px) {
    .top-panel__left-visible {
        width: 2870px !important;
    }
}

@media (max-width: 3239px) {
    .top-panel {
        width: 2870px;
    }
}

@media (max-width: 3166px) {
    .top-panel__left-visible {
        width: 2580px !important;
    }
}

@media (max-width: 2966px) {
    .top-panel {
        width: 2580px;
    }
}

@media (max-width: 2876px) {
    .top-panel__left-visible {
        width: 2290px !important;
    }
}

@media (max-width: 2676px) {
    .top-panel {
        width: 2290px;
    }
}

@media (max-width: 2586px) {
    .top-panel__left-visible {
        width: 2000px !important;
    }
}

@media (max-width: 2386px) {
    .top-panel {
        width: 2000px;
    }
}

@media (max-width: 2296px) {
    .top-panel__left-visible {
        width: 1710px !important;
    }
}

@media (max-width: 2096px) {
    .top-panel {
        width: 1710px;
    }
}

@media (max-width: 2006px) {
    .top-panel__left-visible {
        width: 1420px !important;
    }
}

@media (max-width: 1806px) {
    .top-panel {
        width: 1420px;
    }
}

@media (max-width: 1716px) {
    .top-panel__left-visible {
        width: 1130px !important;
    }
}

@media (max-width: 1516px) {
    .top-panel {
        width: 1130px;
    }
}

@media (max-width: 1417px) {
    .top-panel__left-visible {
        display: none;
    }
    .top-panel-mobile__left-visible {
        display: block;
        width: 845px;
    }
    .top-panel-mobile__left-visible .top-panel__sorting-dropdown {
        transform: none !important;
        left: 65px !important;
    }
    .top-panel-mobile__left-visible .top-panel__filter-card {
        position: relative !important;
        padding-left: 20px;
    }
    .top-panel-mobile__left-visible .top-panel__filter-card {
        padding-top: 0px;
    }
    .top-panel-mobile__left-visible .top-panel__filter-single {
        padding-bottom: 5px;
    }
}

@media (max-width: 1226px) {
    .top-panel {
        display: none;
    }
    .top-panel-mobile {
        display: block;
        width: 845px;
    }
    .top-panel__sorting-dropdown {
        transform: none !important;
        left: 65px !important;
    }
    .top-panel__filter-card {
        position: relative !important;
        padding-left: 20px;
        padding-top: 0px;
    }
    .top-panel__filter-single {
        padding-bottom: 5px;
    }
}

@media (max-width: 1137px) {
    .top-panel-mobile__left-visible {
        width: 645px;
    }
}


@media (max-width: 937px) {
    .top-panel-mobile {
        width: 645px;
    }
}

@media (max-width: 875px) {
    .top-panel-mobile__left-visible {
        width: max-content !important;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    .top-panel-mobile {
        width: 645px;
    }
    .top-panel__search input {
        width: 89vw !important;
    }
}

@media (max-width: 700px) {
    .top-panel-mobile {
        width: max-content;
        margin-left: 0;
    }
}

.top-panel__sorting-filtering {
    display: flex;
    gap: 30px;
    align-items: center;
}

.top-panel__icon {
    font-size: 22px;
    cursor: pointer;
    transform: scaleX(-1);
}

.top-panel__icon span {
    padding-left: 5px;
}

.top-panel__sorting-dropdown {
    font-size: 14px;
    min-width: 0;
    width: max-content;
    padding: 10px;
}

.top-panel__sorting-dropdown p {
    padding-left: 15px;
}

.top-panel__filter-single {
    font-size: 16px;
    cursor: pointer;
    width: max-content;
}

.top-panel__filter-number, .top-panel__filter-number-mobile {
    background: black;
    color: white;
    font-size: 10px;
    border-radius: 50%;
    margin-right: 2px;
    vertical-align: text-top;
    display: inline-block;
    width: 15px;
    height: 15px;
    text-align: center;
}

.top-panel__filter-number-mobile {
    margin-left: -17px;
    margin-right: -2px;
}

.top-panel__filter-single input, .top-panel__filter-single label {
    margin-bottom: 0;
    cursor: pointer;
}

.top-panel__filter-card {
    position: absolute;
    font-size: 15px;
    min-width: 130px;
    z-index: 1;
    padding: 10px 10px 0 10px;
    width: max-content;
}

.top-panel__filter-card input, .top-panel__filter-card label {
    cursor: pointer;
}

.top-panel__filter-card .nav-item-inner {
    padding: 5px 10px;
    font-size: 14px;
}

.top-panel__search {
    position: relative;
}

.top-panel__search i {
    color: #999999;
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 16px;
}

.top-panel__search input {
    font-size: 15px;
    padding: 0;
    padding-left: 30px;
    height: 35px;
    width: 300px;
}

.app-item__image {
    width: 250px;
    height: 170px;
    opacity: 1;
    transition: 0.2s;
    cursor: pointer;
}

.app-item__image:hover {
    opacity: 0.7;
    transition: 0.2s;
}

.app-item-description {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: inherit;
}

.app-item-description__top {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.app-item-description__top a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 20px;
    line-height: 1.2;
    color: #4E0A55;
    transition: 0.2s;
}

.app-item-description__top a:hover {
    color: #7d2487;
    transition: 0.2s;
}

.app-item-description-menu {
    margin-top: -5px;
}

.app-item-description-menu .dropdown a {
    font-size: 14px;
}

.app-item-description__highlight {
    padding: 0;
    font-size: 14px;
    line-height: 1.2;
    padding-bottom: 6px;
}

.demo-apps-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, 260px);
    grid-gap: 30px;
    justify-content: center;
    align-content: flex-start;
}

.demo-apps-layout workspace-card {
    width: 260px;
}


.app-detail-main__author {
    font-size: 12px;
    font-weight: normal;
    white-space: nowrap;
}

.app-detail-main__share, .course-header__share i {
    padding-left: 5px;
    cursor: pointer;
    margin-right: 0px !important
}

.copy-item-icon {
    cursor: pointer;
}

.copy-item-icon:active {
    font-weight: bold;
}

.copy-item-icon--padding {
    padding-left: 5px;
}

.app-buttons {
    font-size: 14px;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
}

.changelog-popup {
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(22, 22, 22, 0.5);
    z-index: 100;
    top: 0;
    left: 0;
}

.changelog-popup__card {
    margin: 0 auto;
    width: 800px;
    position: relative;
    top: 10vh;
    display: block;
    padding-bottom: 100px;
}

@media (max-width: 992px) {
    .changelog-popup__card {
        width: 70vw;
    }
}

.changelog-popup__card .card .card-body {
    text-align: left;
    max-height: 70vh;
    overflow: auto;
}

.changelog-popup__close {
    position: absolute;
    top: 0;
    font-size: 30px;
    right: 15px;
    cursor: pointer;
}

.app-info-wrapper .card-title {
    text-transform: uppercase;
}

.app-item-menu-card .card a:hover {
    color: #0a6ebd;
    transition: 0.1s;
}

.app-description__mobile {
    display: none;
}

@media (max-width: 992px) {
    .app-description__laptop {
        display: none;
    }
    .app-description__mobile {
        display: block;
    }
}

.swal-wide{
    width: max-content !important;
}

.qlik-icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    transition: 0.2s;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHRpdGxlPmZpbGVfdHlwZV9xbGlrdmlldzwvdGl0bGU+CiA8ZyBjbGFzcz0ibGF5ZXIiPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBkPSJtMjkuOTMsMjYuNDhjLTAuNDgsLTAuNCAtMC45NSwtMC44MiAtMS40MywtMS4yM2MtMC44MywtMC43MSAtMS42NiwtMS40MyAtMi40OSwtMi4xNGMtMC4xMiwtMC4xIC0wLjExLC0wLjE4IC0wLjAzLC0wLjNhMTIuNzcsMTIuNzcgMCAwIDAgMi4xNSwtOC43NWExMi43NiwxMi43NiAwIDAgMCAtNC44MSwtOC43NGExMi45OCwxMi45OCAwIDAgMCAtOC4yNSwtMi45MWMtMC4xNSwwLjAxIC0wLjM2LDAuMDIgLTAuNTcsMC4wM2ExMi40NywxMi40NyAwIDAgMCAtMy41OSwwLjY3YTEyLjc1LDEyLjc1IDAgMCAwIC02LjE2LDQuNDFhMTIuNzYsMTIuNzYgMCAwIDAgLTIuMywxMS4zYTEyLjYzLDEyLjYzIDAgMCAwIDQuNzUsNy4xMWExMy4wOSwxMy4wOSAwIDAgMCAxMi40MSwxLjg3YTEyLjg3LDEyLjg3IDAgMCAwIDMuMjcsLTEuNzZjMC4wOSwtMC4wNyAwLjE1LC0wLjEyIDAuMjcsLTAuMDJjMC43NiwwLjY0IDEuNTIsMS4yOCAyLjI4LDEuOTFsMS44NywxLjU4YzAuMDgsMC4wNyAwLjE1LDAuMTQgMC4yNiwwcTEuMTksLTEuNDIgMi4zOSwtMi44M2MwLjA3LC0wLjA4IDAuMDcsLTAuMTMgLTAuMDIsLTAuMnptLTE0LjgxLC0yLjkzYTguMDQsOC4wNCAwIDEgMSA4LjA1LC04LjA0YTguMDUsOC4wNSAwIDAgMSAtOC4wNSw4LjA0eiIgZmlsbD0iIzdmN2Y3ZiIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzEiLz4KICA8cGF0aCBkPSJtMTUuMTEsMjAuNjdhNS4xNiw1LjE2IDAgMSAxIDUuMTcsLTUuMTdhNS4xNyw1LjE3IDAgMCAxIC01LjE3LDUuMTd6IiBmaWxsPSIjN2Y3ZjdmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJzdmdfMiIvPgogPC9nPgo8L3N2Zz4=");
}

button:hover .qlik-icon {
    transition: 0.2s;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjMyIiBoZWlnaHQ9IjMyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHRpdGxlPmZpbGVfdHlwZV9xbGlrdmlldzwvdGl0bGU+CiA8ZyBjbGFzcz0ibGF5ZXIiPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBkPSJtMjkuOTMsMjYuNDhjLTAuNDgsLTAuNCAtMC45NSwtMC44MiAtMS40MywtMS4yM2MtMC44MywtMC43MSAtMS42NiwtMS40MyAtMi40OSwtMi4xNGMtMC4xMiwtMC4xIC0wLjExLC0wLjE4IC0wLjAzLC0wLjNhMTIuNzcsMTIuNzcgMCAwIDAgMi4xNSwtOC43NWExMi43NiwxMi43NiAwIDAgMCAtNC44MSwtOC43NGExMi45OCwxMi45OCAwIDAgMCAtOC4yNSwtMi45MWMtMC4xNSwwLjAxIC0wLjM2LDAuMDIgLTAuNTcsMC4wM2ExMi40NywxMi40NyAwIDAgMCAtMy41OSwwLjY3YTEyLjc1LDEyLjc1IDAgMCAwIC02LjE2LDQuNDFhMTIuNzYsMTIuNzYgMCAwIDAgLTIuMywxMS4zYTEyLjYzLDEyLjYzIDAgMCAwIDQuNzUsNy4xMWExMy4wOSwxMy4wOSAwIDAgMCAxMi40MSwxLjg3YTEyLjg3LDEyLjg3IDAgMCAwIDMuMjcsLTEuNzZjMC4wOSwtMC4wNyAwLjE1LC0wLjEyIDAuMjcsLTAuMDJjMC43NiwwLjY0IDEuNTIsMS4yOCAyLjI4LDEuOTFsMS44NywxLjU4YzAuMDgsMC4wNyAwLjE1LDAuMTQgMC4yNiwwcTEuMTksLTEuNDIgMi4zOSwtMi44M2MwLjA3LC0wLjA4IDAuMDcsLTAuMTMgLTAuMDIsLTAuMnptLTE0LjgxLC0yLjkzYTguMDQsOC4wNCAwIDEgMSA4LjA1LC04LjA0YTguMDUsOC4wNSAwIDAgMSAtOC4wNSw4LjA0eiIgZmlsbD0iI2ZmZmZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzEiLz4KICA8cGF0aCBkPSJtMTUuMTEsMjAuNjdhNS4xNiw1LjE2IDAgMSAxIDUuMTcsLTUuMTdhNS4xNyw1LjE3IDAgMCAxIC01LjE3LDUuMTd6IiBmaWxsPSIjZmZmZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJzdmdfMiIvPgogPC9nPgo8L3N2Zz4=");
}

.navbar-nav__hamburger {
    align-items: center;
}

.nav-item__logo a {
    padding: 0 1rem;
}

.nav-item__logo img {
    height: 36px;
}

.home-demo-apps-layout {
    display: grid;
    grid-template-columns: repeat(auto-fill, 260px);
    grid-gap: 30px;
    justify-content: center;
    align-content: flex-start;
}


.latest-release-card {
    display: flex;
    width: 100%;
    padding-bottom: 20px;
    align-items: center;
    gap: 50px;
}

.latest-release-card img {
    width: 330px;
}

.latest-release-card h1 {
    text-transform: uppercase;
}

.latest-release-card__links {
    display: flex;
    gap: 20px;
}

.latest-release-card__links a, .products-card .product-card__title a, .release-card .release-card__links a {
    color: black;
    text-decoration: underline;
    width: max-content;
}

@media (max-width: 900px) {
    .latest-release-card {
        flex-direction: column;
    }
}

.product-card__title {
    display: flex;
    align-items: center;
    gap: 20px;
}

.product-card__title p,
.release-card .release-card__title {
    text-transform: uppercase;
    font-size: 22px;
    padding: 10px 0;
    font-weight: normal;
}

.product-card__features {
    padding: 20px 0 40px 0;
}

.product-card__features p {
    padding: 2px 0;
}

.release-card h4 {
    font-weight: bold;
    text-transform: uppercase;
}

.release-card p {
    font-weight: bold;
    padding: 10px 0;
}

.release-card .release-card__links {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.release-card .release-card__links p {
    display: flex;
    font-weight: normal;
    padding: 0;
    gap: 5px;
}


/** FAQ **/
.faq-general msp-card .card .card-header {
    padding: 10px 0 0 0;
}

.faq-general h1,
.faq-category {
    text-transform: uppercase;
}

.faq-buttons {
    text-align: center;
}

.faq-buttons button {
    margin: 20px 5px 0;
    border: none;
    text-transform: uppercase;
    color: white;
    background-color: #5FBB45;
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
    transition: 0.2s;
}

.faq-buttons button:hover {
    background-color: #7aca65;
}

.faq-buttons button:focus {
    outline: none;
}

.faq-buttons .faq-button--selected {
    background-color: #830054;
}

.faq-buttons .faq-button--selected:hover {
    background-color: #830054;
}

.faq-buttons-product button {
    background-color: rgb(128, 128, 128);
    padding: 20px;
}

.faq-buttons-product button:hover {
    background-color: #a8006a;
    transition: 0.3s;
}

.faq-wrapper {
    max-width: 800px;
    margin: -0 auto 0;
}

.faq-category {
    font-size: 22px;
    padding-top: 30px;
    padding-bottom: 10px;
}

.faq-item {
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    margin-top: -1px;
    transition: 0.2s;
    position: relative;
    z-index: 1;
    font-size: 14px;
}

.faq-item:hover {
    border-top: 1px solid #A1A1A1;
    border-bottom: 1px solid #A1A1A1;
    z-index: 2;
}

.faq-item:hover .faq-share {
    visibility: visible;
}

.faq-item--show {
    border-top: 1px solid #616161;
    border-bottom: 1px solid #616161;
    z-index: 2;
}

.faq-item--show .faq-item--question {
    font-weight: bold;
}

.faq-item--question {
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

.faq-share {
    padding-left: 5px;
    font-size: 12px;
    visibility: hidden;
    color: #A1A1A1;
}

.faq-share:hover {
    font-weight: bold;
}

.faq-share:active {
    font-weight: bold;
    color: black;
}

.faq-item--answer {
    padding: 0 10px 10px 25px;
}

.faq-item--answer p {
    padding: 0;
}

.faq-item--answer img {
    width: 100%;
    padding: 10px 0;
}