.b24-widget-button-position-bottom-right {
    right: 20px;
    bottom: 10px;
}

.bx-livechat-position-bottom-right {
    bottom: 86px;
}


.blabel.active {
    border: 1px solid #0d6efd61 !important;
}

.blabel {
    -webkit-box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, .1));
    box-shadow: 0 1px 3px 0 var(--color-bg-2, rgba(0, 0, 0, .1));
    border: 1px solid #dee2e6 !important;
    transition: all 150ms ease-in;
    -moz-transition: all 150ms ease-in; /* Firefox 4 */
    -webkit-transition: all 150ms ease-in; /* Safari and Chrome */
    -o-transition: all 150ms ease-in; /* Opera */
    -ms-transition all 150ms ease-in; /* IE 10 */
}

.tab-pane.fade {
    transition: all 0.3s;
    -webkit-transform: translatex(10px);
    -moz-transform: translatex(10px);
    -o-transform: translatex(10px);
    transform: translatex(10px);
}

    .tab-pane.fade.show {
        transform: translatex(0rem);
    }

.widgetModal-bg {
    border: 2px solid #ffffff;
}

    .widgetModal-bg:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: rgb(33 37 41 / 90%);
    }

.widgetModal-inner {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: auto;
    padding: 40px 4px;
    background-color: #fff;
    min-width: 98vw;
    min-height: 456px;
    border-radius: 6px;
    box-shadow: 0 4px 100px rgb(0 0 0 / 10%);
    animation: animation 1000ms linear both;
}

.sh-card-1 {
    box-shadow: rgb(0 0 0 / 19%) 0px 10px 20px, rgb(0 0 0 / 23%) 0px 6px 6px;
}

.quiz-buttons__button {
    min-width: 120px;
    background: #c91e24 !important;
    border-color: #be0017 !important;
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 15px 0 #ffa2a2 !important
}

    .quiz-buttons__button:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        height: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(10%, hsla(0, 0%, 100%, .1)), color-stop(20%, hsla(0, 0%, 100%, .2)), to(hsla(0, 0%, 100%, .6)));
        background: linear-gradient( 90deg, hsla(0, 0%, 100%, .1) 10%, hsla(0, 0%, 100%, .2) 20%, hsla(0, 0%, 100%, .6));
        width: 20px;
        -webkit-transform: skewX( -45deg );
        transform: skewX( -45deg );
        left: -20%;
        -webkit-transition: all .4s ease;
        transition: all .4s ease;
        -webkit-animation-name: blick;
        animation-name: blick;
        -webkit-animation-duration: 4s;
        animation-duration: 4s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
    }


.z-index-9 {
    z-index: 9 !important;
}

.body {
    -webkit-animation-name: blick;
    animation-name: blick;
    -webkit-animation-duration: 6s;
    animation-duration: 6s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}


@-webkit-keyframes blick {
    15%, to {
        left: 110%
    }
}

@keyframes blick {
    15%, to {
        left: 110%
    }
}

.agreement__doc-frame {
    width: 100%;
    height: 60vh;
    background: #fff
}


.modal-content {
    border-radius: 8px !important;
}

@media screen and (min-width: 992px) {

    .modal-lg {
        max-width: 800px !important;
    }

    .modal-xl {
        max-width: 1000px !important;
        max-height: 450px !important;
    }
}

.btn-header-search {
    color: #fff !important;
}


@media (max-width: 767px) {
    .btn-header-search {
        color: #000 !important;
    }
}

@media (min-width: 768px) {
    .btn-header-search {
        color: #212529 !important;
    }
}