@keyframes altumcode-fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes altumcode-fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes altumcode-slideInUp {
    0% {
        transform: translate3d(0, 100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes altumcode-slideInDown {
    0% {
        transform: translate3d(0, -100%, 0);
        visibility: visible
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes altumcode-slideOutUp {
    0% {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, -100%, 0)
    }
}

@keyframes altumcode-slideOutDown {
    0% {
        transform: translate3d(0, 0, 0)
    }

    to {
        visibility: hidden;
        transform: translate3d(0, 100%, 0)
    }
}

@keyframes altumcode-zoomIn {
    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes altumcode-zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    to {
        opacity: 0
    }
}

@keyframes altumcode-bounceIn {

    0%,
    20%,
    40%,
    60%,
    80%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }

    0% {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }

    20% {
        transform: scale3d(1.1, 1.1, 1.1)
    }

    40% {
        transform: scale3d(.9, .9, .9)
    }

    60% {
        opacity: 1;
        transform: scale3d(1.03, 1.03, 1.03)
    }

    80% {
        transform: scale3d(.97, .97, .97)
    }

    to {
        opacity: 1;
        transform: scale3d(1, 1, 1)
    }
}

@keyframes altumcode-bounceOut {
    20% {
        transform: scale3d(.9, .9, .9)
    }

    50%,
    55% {
        opacity: 1;
        transform: scale3d(1.1, 1.1, 1.1)
    }

    to {
        opacity: 0;
        transform: scale3d(.3, .3, .3)
    }
}

@keyframes altumcode-heartbeat {

    0%,
    28%,
    70% {
        transform: scale(1)
    }

    14%,
    42% {
        transform: scale(1.15)
    }
}

@keyframes altumcode-bounce {

    0%,
    20%,
    53%,
    to {
        animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0)
    }

    40%,
    43% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -30px, 0) scaleY(1.1)
    }

    70% {
        animation-timing-function: cubic-bezier(.755, .05, .855, .06);
        transform: translate3d(0, -15px, 0) scaleY(1.05)
    }

    80% {
        -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transition-timing-function: cubic-bezier(.215, .61, .355, 1);
        transform: translate3d(0, 0, 0) scaleY(.95)
    }

    90% {
        transform: translate3d(0, -4px, 0) scaleY(1.02)
    }
}

@keyframes altumcode-pulse {

    0%,
    to {
        transform: scale3d(1, 1, 1)
    }

    50% {
        transform: scale3d(1.065, 1.065, 1.065)
    }
}

@keyframes altumcode-flash {

    0%,
    50%,
    to {
        opacity: 1
    }

    25%,
    75% {
        opacity: 0
    }
}

@keyframes altumcode-emoji-feedback-emoji-click {
    0% {
        transform: scale(1.1);
        opacity: 1
    }

    50% {
        transform: scale(1.5);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

@keyframes altumcode-score-feedback-button-click {
    0% {
        transform: scale(1.1);
        opacity: 1
    }

    50% {
        transform: scale(1.5);
        opacity: .7
    }

    to {
        transform: scale(1);
        opacity: 0
    }
}

:root {
    --altumcode-spacing: 20px
}

.altumcode {
    visibility: hidden;
    z-index: 999999999;
    transition-duration: .3s;
    transition-property: opacity, transform
}

@media print {
    .altumcode {
        display: none !important
    }
}

.altumcode-clickable {
    cursor: pointer !important
}

.altumcode-float-right {
    float: right !important
}

.altumcode-float-left {
    float: left !important
}

.altumcode-hidden {
    display: none !important
}

.altumcode-hiding {
    animation: ease .3s altumcode-fadeOut forwards !important
}

.altumcode-shown {
    display: block !important;
    visibility: visible !important;
    animation: ease .3s altumcode-fadeIn forwards !important
}

.altumcode * {
    margin: 0 !important;
    width: initial !important;
    height: initial !important;
    padding: initial !important;
    line-height: 1.5 !important;
    position: unset !important
}

.altumcode.on-visible {
    visibility: visible !important
}

.altumcode.on-fadeIn {
    animation: ease .3s altumcode-fadeIn forwards !important
}

.altumcode.on-slideInUp {
    animation: ease .3s altumcode-slideInUp forwards !important
}

.altumcode.on-slideInDown {
    animation: ease .3s altumcode-slideInDown forwards !important
}

.altumcode.on-zoomIn {
    animation: ease .3s altumcode-zoomIn forwards !important
}

.altumcode.on-bounceIn {
    animation: ease .3s altumcode-bounceIn forwards !important
}

.altumcode.off-fadeOut {
    animation: ease .3s altumcode-fadeOut both !important
}

.altumcode.off-slideOutUp {
    animation: ease .3s altumcode-slideOutUp both !important
}

.altumcode.off-slideOutDown {
    animation: ease .3s altumcode-slideOutDown both !important
}

.altumcode.off-zoomOut {
    animation: ease .3s altumcode-zoomOut forwards !important
}

.altumcode.off-bounceOut {
    animation: ease .3s altumcode-bounceOut forwards !important
}

.altumcode.animation-heartbeat {
    animation-name: altumcode-heartbeat !important;
    animation-duration: calc(1s*1.3) !important;
    animation-timing-function: ease-in-out !important
}

.altumcode.animation-flash,
.altumcode.animation-pulse {
    animation-duration: 1s !important;
    animation-name: altumcode-flash !important
}

.altumcode.animation-pulse {
    animation-name: altumcode-pulse !important;
    animation-timing-function: ease-in-out
}

.altumcode.animation-bounce {
    animation-duration: 1s !important;
    animation-name: altumcode-bounce !important;
    transform-origin: center bottom
}

.altumcode-close {
    border: 0 !important;
    background: 0 0 !important;
    opacity: .4 !important;
    transition: .15s all !important;
    min-width: unset !important;
    color: gray;
    padding: 2px !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    line-height: 50% !important
}

.altumcode-close:hover {
    cursor: pointer !important;
    opacity: .6 !important
}

.altumcode-top_left {
    position: fixed !important;
    max-width: 90% !important;
    left: var(--altumcode-spacing);
    top: var(--altumcode-spacing)
}

.altumcode-top_center {
    margin: auto;
    left: 0;
    right: 0;
    top: var(--altumcode-spacing);
    width: max-content
}

.altumcode-middle_left,
.altumcode-top_center,
.altumcode-top_right {
    position: fixed !important;
    max-width: 90% !important
}

.altumcode-top_right {
    right: var(--altumcode-spacing);
    top: var(--altumcode-spacing)
}

.altumcode-middle_left {
    left: var(--altumcode-spacing);
    margin: auto 0;
    top: calc(45%)
}

.altumcode-middle_center {
    position: fixed !important;
    max-width: 90% !important;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    width: max-content
}

.altumcode-middle_right {
    position: fixed !important;
    max-width: 90% !important;
    right: var(--altumcode-spacing);
    margin: auto 0;
    top: calc(45%)
}

.altumcode-bottom_left {
    left: var(--altumcode-spacing)
}

.altumcode-bottom_center,
.altumcode-bottom_left,
.altumcode-bottom_right {
    position: fixed !important;
    max-width: 90% !important;
    bottom: var(--altumcode-spacing)
}

.altumcode-bottom_center {
    margin: auto;
    left: 0;
    right: 0;
    width: max-content
}

.altumcode-bottom_right {
    right: var(--altumcode-spacing)
}

.altumcode-bottom,
.altumcode-top {
    position: initial !important;
    display: none;
    max-width: 100% !important
}

.altumcode-bottom_floating,
.altumcode-top_floating {
    position: fixed !important;
    display: none;
    width: 100% !important
}

.altumcode-bottom_floating {
    bottom: 0 !important
}

.altumcode-wrapper {
    padding: 12px;
    color: #000;
    border: 0 solid #000;
    background: #fff;
    position: relative !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --shadow-r: 0;
    --shadow-g: 0;
    --shadow-b: 0
}

.altumcode-wrapper-fast_scale_down,
.altumcode-wrapper-fast_scale_up {
    transition: .15s transform ease-in-out
}

.altumcode-wrapper-slow_scale_down,
.altumcode-wrapper-slow_scale_up {
    transition: .3s transform ease-in-out
}

.altumcode-wrapper-fast_scale_up:hover,
.altumcode-wrapper-slow_scale_up:hover {
    transform: scale(1.025)
}

.altumcode-wrapper-fast_scale_down:hover,
.altumcode-wrapper-slow_scale_down:hover {
    transform: scale(.975)
}

.altumcode-rtl {
    direction: rtl;
    text-align: right
}

.altumcode-wrapper-straight {
    border-radius: 0 !important
}

.altumcode-wrapper-rounded {
    border-radius: 8px !important
}

.altumcode-wrapper-highly_rounded {
    border-radius: 16px !important
}

.altumcode-wrapper-round {
    border-radius: 100px !important
}

.altumcode-wrapper-shadow-subtle {
    box-shadow: 0 1px 2px 0 rgb(var(--shadow-r), var(--shadow-g), var(--shadow-b), .05) !important
}

.altumcode-wrapper-shadow-feather {
    box-shadow: 0 10px 15px -3px rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .08), 0 4px 6px -2px rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .04) !important
}

.altumcode-wrapper-shadow-3d {
    box-shadow: 5px 5px 0 1px rgb(var(--shadow-r), var(--shadow-g), var(--shadow-b), .05) !important
}

.altumcode-wrapper-shadow-layered {
    box-shadow: rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .35) 5px 5px, rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .25) 10px 10px, rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .15) 15px 15px, rgba(var(--shadow-r), var(--shadow-g), var(--shadow-b), .075) 20px 20px
}

.altumcode-site {
    font-size: 10px !important;
    display: inline-block !important
}

.altumcode-toast-pulse-wrapper {
    margin: 0 10px !important
}

.altumcode-toast-pulse-wrapper svg {
    max-width: 50px !important;
    height: auto !important
}

.altumcode-toast-star {
    font-size: 15px !important;
    color: #ffc100 !important
}

.altumcode-agreement-checkbox {
    margin-top: 8px !important;
    display: flex !important;
    align-items: center !important
}

.altumcode-agreement-checkbox-input {
    appearance: initial !important;
    -webkit-appearance: checkbox !important;
    -moz-appearance: checkbox !important
}

.altumcode-agreement-checkbox-text {
    font-size: 12px !important;
    margin: 0 5px !important
}

.altumcode-button-bar-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center
}

.altumcode-button-bar-content,
.altumcode-button-bar-row {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-button-bar-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important
}

.altumcode-button-bar-middle {
    display: flex !important;
    margin-bottom: 10px !important
}

.altumcode-button-bar-middle .altumcode-close {
    margin-left: 10px !important
}

.altumcode-rtl .altumcode-button-bar-middle .altumcode-close {
    margin: 0 10px 0 0 !important
}

.altumcode-button-bar-button,
.altumcode-collector-bar-form-content input {
    flex-grow: 1 !important;
    border: 0 !important;
    background: #fff;
    font-size: 14px !important;
    border-radius: 6px !important
}

.altumcode-button-bar-button {
    padding: 8px 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    transition: opacity .3s !important
}

.altumcode-button-bar-button:hover {
    opacity: .9 !important
}

@media (min-width:768px) {
    .altumcode-button-bar-row {
        flex-direction: row !important;
        align-items: center !important
    }

    .altumcode-button-bar-title {
        margin-right: 20px !important;
        margin-bottom: 0 !important
    }

    .altumcode-rtl .altumcode-button-bar-title {
        margin: 0 0 0 20px !important
    }

    .altumcode-button-bar-middle {
        margin-bottom: 0 !important;
        align-items: center !important
    }

    .altumcode-button-bar-middle .altumcode-close {
        margin-left: 20px !important
    }

    .altumcode-rtl .altumcode-button-bar-middle .altumcode-close {
        margin: 0 20px 0 0 !important
    }
}

@media (min-width:576px) {
    .altumcode-button-modal-wrapper {
        max-width: 450px !important
    }
}

.altumcode-button-modal-content {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-button-modal-image {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 16px !important;
    border-radius: 8px !important
}

.altumcode-button-modal-header {
    display: flex !important;
    justify-content: right !important
}

.altumcode-button-modal-title {
    font-weight: 700 !important;
    font-size: 22px !important;
    flex-grow: 1 !important;
    margin-bottom: 8px !important
}

.altumcode-button-modal-description {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    text-align: center !important
}

.altumcode-button-modal-button {
    display: block;
    background: #000;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 12px 38px !important;
    color: #fff;
    border-radius: 50px !important;
    transition: .3s opacity !important;
    text-align: center !important;
    margin-bottom: 12px !important
}

.altumcode-button-modal-button:hover {
    opacity: .9 !important;
    text-decoration: none !important
}

.altumcode-button-modal-wrapper .altumcode-close {
    position: absolute !important;
    right: 20px !important
}

.altumcode-collector-bar-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center
}

.altumcode-collector-bar-content,
.altumcode-collector-bar-row {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-collector-bar-row {
    margin-bottom: 5px !important
}

.altumcode-collector-bar-title {
    flex-grow: 1 !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important
}

.altumcode-collector-bar-form {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-collector-bar-form-content {
    display: flex !important;
    align-items: center !important
}

.altumcode-collector-bar-form .altumcode-agreement-checkbox {
    margin-top: 10px !important
}

.altumcode-collector-bar-form-content input {
    padding: 8px 12px !important;
    color: #495057;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12) !important;
    margin-right: 10px !important
}

.altumcode-collector-bar-form-content input:focus {
    outline: 0
}

.altumcode-collector-bar-form-button {
    cursor: pointer !important;
    background: #000;
    border: 0 !important;
    font-size: 14px !important;
    padding: 8px 13px !important;
    color: #fff;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12) !important;
    border-radius: 6px !important;
    margin-right: 15px !important;
    font-weight: 500 !important;
    transition: opacity .3s !important
}

.altumcode-collector-bar-form-button:hover {
    opacity: .9
}

.altumcode-collector-bar-form-button:focus {
    outline: 0
}

@media (min-width:768px) {
    .altumcode-collector-bar-row {
        flex-direction: row !important;
        align-items: center !important
    }

    .altumcode-collector-bar-title {
        margin-right: 20px !important;
        margin-bottom: 0 !important
    }

    .altumcode-collector-bar-form .altumcode-agreement-checkbox {
        margin-top: 5px !important
    }
}

.altumcode-collector-modal-wrapper {
    padding: 0 !important
}

@media (min-width:576px) {
    .altumcode-collector-modal-wrapper {
        max-width: 550px !important
    }
}

.altumcode-collector-modal-image-holder {
    min-width: 100% !important;
    height: 300px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.altumcode-collector-modal-content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-collector-modal-header {
    display: flex !important;
    justify-content: right !important;
    align-items: start !important
}

.altumcode-collector-modal-title {
    font-weight: 700 !important;
    font-size: 22px !important;
    flex-grow: 1 !important;
    margin-bottom: 8px !important;
    text-align: center !important
}

.altumcode-collector-modal-description {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    text-align: center !important
}

.altumcode-collector-modal-form {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 8px !important
}

.altumcode-collector-modal-row {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important
}

.altumcode-collector-modal-row input,
.altumcode-collector-two-modal-row input {
    background: #fff;
    padding: 12px !important;
    color: #495057;
    font-size: 14px !important;
    border-radius: 6px !important;
    flex-grow: 1 !important;
    transition: .3s border !important
}

.altumcode-collector-modal-row input {
    border: 1px solid #d8d8d8 !important;
    margin-right: 12px !important
}

.altumcode-rtl .altumcode-collector-modal-row input {
    margin: 0 0 0 12px !important
}

.altumcode-collector-modal-row input:hover {
    border: 1px solid #e5e5e5 !important
}

.altumcode-collector-modal-row button,
.altumcode-collector-two-modal-row button {
    cursor: pointer !important;
    background: #000;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 700;
    padding: 12px 14px !important;
    color: #fff;
    border-radius: 6px !important;
    transition: .3s opacity !important
}

.altumcode-collector-modal-row button:hover,
.altumcode-collector-two-modal-row button:hover {
    opacity: .95 !important
}

.altumcode-collector-modal-wrapper .altumcode-close,
.altumcode-collector-two-modal-wrapper .altumcode-close {
    position: absolute !important;
    right: 20px !important
}

.altumcode-collector-two-modal-wrapper {
    padding: 0 !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-collector-two-modal-image-holder {
    min-width: 100% !important;
    height: 250px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important
}

.altumcode-collector-two-modal-content {
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-collector-two-modal-header {
    display: flex !important;
    justify-content: right !important;
    align-items: start !important
}

.altumcode-collector-two-modal-title {
    font-weight: 700 !important;
    font-size: 22px !important;
    flex-grow: 1 !important;
    margin-bottom: 8px !important;
    text-align: center !important
}

.altumcode-collector-two-modal-description {
    font-size: 16px !important;
    margin-bottom: 16px !important;
    text-align: center !important
}

.altumcode-collector-two-modal-form {
    margin-bottom: 8px !important
}

.altumcode-collector-two-modal-row {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 15px !important
}

.altumcode-collector-two-modal-row input {
    border: 1px solid #d9d9d9 !important;
    margin-bottom: 16px !important
}

.altumcode-collector-two-modal-row input:hover {
    border: 1px solid #e6e6e6 !important
}

.altumcode-collector-two-modal-row button {
    flex-grow: 1 !important;
    font-size: 16px !important
}

@media (min-width:768px) {
    .altumcode-collector-two-modal-wrapper {
        max-width: 700px !important;
        flex-direction: row !important
    }

    .altumcode-collector-two-modal-image-holder {
        min-width: 300px !important;
        height: auto !important;
        background-repeat: no-repeat !important;
        background-size: cover !important;
        background-position: center !important;
        border-top-left-radius: 8px !important;
        border-bottom-left-radius: 8px !important
    }
}

@media (min-width:576px) {
    .altumcode-conversions-counter-wrapper {
        max-width: 400px !important;
        min-width: 300px !important
    }
}

.altumcode-conversions-counter-content,
.altumcode-conversions-counter-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: start !important
}

.altumcode-conversions-counter-header {
    justify-content: space-around !important;
    width: 100% !important
}

.altumcode-conversions-counter-number {
    padding: 6px 18px !important;
    border-radius: 8px !important;
    font-weight: bolder !important;
    font-size: 22px !important;
    margin-right: 10px !important
}

.altumcode-rtl .altumcode-conversions-counter-number {
    margin: 0 0 0 10px !important
}

.altumcode-conversions-counter-title {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    flex-grow: 1 !important;
    font-weight: 500 !important
}

.altumcode-conversions-counter-time {
    font-size: 12px !important;
    margin-bottom: 0 !important;
    color: gray
}

.altumcode-conversions-counter-close {
    align-self: start !important
}

@media (min-width:576px) {
    .altumcode-cookie-notification-wrapper {
        max-width: 400px !important
    }
}

.altumcode-cookie-notification-content {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-cookie-notification-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: start !important
}

.altumcode-cookie-notification-image {
    min-width: 50px !important;
    height: 50px !important;
    margin-right: 8px !important
}

.altumcode-rtl .altumcode-cookie-notification-image {
    margin: 0 0 0 8px !important
}

.altumcode-cookie-notification-description {
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.altumcode-cookie-notification-close {
    align-self: start !important
}

.altumcode-cookie-notification-url {
    font-weight: 700 !important
}

.altumcode-cookie-notification-button {
    border-radius: 4px !important;
    padding: 6px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin: 10px 0 !important;
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    transition: opacity .3s !important
}

.altumcode-cookie-notification-button:hover {
    opacity: .9 !important;
    cursor: pointer !important
}

@media (min-width:576px) {
    .altumcode-countdown-collector-wrapper {
        max-width: 420px !important
    }
}

.altumcode-countdown-collector-content {
    padding: 12px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-countdown-collector-header {
    width: 100% !important;
    display: flex !important;
    align-items: start !important
}

.altumcode-countdown-collector-title {
    flex-grow: 1 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 0 !important
}

.altumcode-countdown-collector-description {
    font-size: 14px !important;
    margin-bottom: 14px !important
}

.altumcode-countdown-collector-content-title {
    font-weight: 700 !important;
    font-size: 12px !important;
    margin-bottom: 12px !important;
    text-decoration: underline
}

.altumcode-countdown-collector-timer {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
    justify-content: space-between !important;
    margin-bottom: 10px !important
}

.altumcode-countdown-collector-timer-block {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-countdown-collector-time {
    padding: 4px 8px !important;
    background: #000;
    color: #fff;
    border-radius: 6px !important;
    width: 35px !important;
    text-align: center !important
}

.altumcode-countdown-collector-time-text {
    font-size: 10px !important
}

.altumcode-countdown-collector-form {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 8px !important
}

.altumcode-countdown-collector-row {
    display: flex !important;
    flex-direction: row !important
}

.altumcode-countdown-collector-row input {
    border: 0 !important;
    background: #fff;
    padding: 6px 12px !important;
    color: #495057;
    font-size: 14px !important;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12) !important;
    border-bottom-left-radius: 6px !important;
    border-top-left-radius: 6px !important
}

.altumcode-rtl .altumcode-countdown-collector-row input {
    border-radius: 0 6px 6px 0 !important
}

.altumcode-countdown-collector-row input:focus {
    outline: 0
}

.altumcode-countdown-collector-row button {
    cursor: pointer !important;
    background: #000;
    border: 0 !important;
    font-size: 14px !important;
    padding: 8px 13px !important;
    color: #fff;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12) !important;
    border-bottom-right-radius: 6px !important;
    border-top-right-radius: 6px !important;
    font-weight: 500 !important;
    transition: opacity .3s !important
}

.altumcode-countdown-collector-row button:hover {
    opacity: .9
}

.altumcode-rtl .altumcode-countdown-collector-row button {
    border-radius: 6px 0 0 6px !important
}

.altumcode-countdown-collector-row button:focus {
    outline: 0
}

@media (min-width:576px) {
    .altumcode-custom-html-wrapper {
        max-width: 400px !important;
        min-width: 300px !important
    }
}

.altumcode-custom-html-content {
    padding: 8px !important
}

@media (min-width:576px) {
    .altumcode-coupon-wrapper {
        max-width: 480px !important
    }
}

.altumcode-coupon-content {
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-coupon-header {
    display: flex !important;
    margin-bottom: 8px !important;
    align-items: start !important
}

.altumcode-coupon-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    flex-grow: 1 !important;
    margin-bottom: 0 !important
}

.altumcode-coupon-description {
    font-size: 16px !important;
    margin-bottom: 8px !important
}

.altumcode-coupon-image {
    width: 100% !important;
    border-radius: 8px !important;
    margin-bottom: 12px !important;
    max-height: 250px !important;
    object-fit: cover !important
}

.altumcode-coupon-button,
.altumcode-coupon-coupon-code {
    border-radius: 8px !important;
    text-align: center !important;
    font-weight: 700 !important;
    margin: 18px 0 !important
}

.altumcode-coupon-coupon-code {
    background: #fff;
    padding: 8px !important;
    font-size: 18px !important;
    border: 2px dashed #000 !important
}

.altumcode-coupon-button {
    display: block !important;
    padding: 12px !important;
    font-size: 16px !important
}

.altumcode-coupon-button:hover {
    color: initial;
    opacity: .9 !important;
    text-decoration: none !important
}

@media (min-width:768px) {
    .altumcode-coupon-image {
        width: 170px !important;
        margin-right: 16px !important;
        margin-bottom: 0 !important;
        max-height: 220px !important
    }

    .altumcode-rtl .altumcode-coupon-image {
        margin: 0 0 0 16px !important
    }

    .altumcode-coupon-content {
        flex-direction: row !important
    }
}

.altumcode-coupon-bar-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center
}

.altumcode-coupon-bar-content,
.altumcode-coupon-bar-row {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-coupon-bar-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important
}

.altumcode-coupon-bar-middle {
    display: flex !important;
    margin-bottom: 10px !important
}

.altumcode-coupon-bar-middle .altumcode-close {
    margin-left: 10px !important
}

.altumcode-rtl .altumcode-coupon-bar-middle .altumcode-close {
    margin: 0 10px 0 0 !important
}

.altumcode-coupon-bar-coupon-code,
.altumcode-email-collector-row input {
    background: #fff;
    font-size: 14px !important;
    border-radius: 6px !important;
    flex-grow: 1 !important
}

.altumcode-coupon-bar-coupon-code {
    padding: 6px 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    border: 2px dashed #000
}

@media (min-width:768px) {
    .altumcode-coupon-bar-row {
        flex-direction: row !important;
        align-items: center !important
    }

    .altumcode-coupon-bar-title {
        margin-right: 20px !important;
        margin-bottom: 0 !important
    }

    .altumcode-rtl .altumcode-coupon-bar-title {
        margin: 0 0 0 20px !important
    }

    .altumcode-coupon-bar-middle {
        margin-bottom: 0 !important;
        align-items: center !important
    }

    .altumcode-coupon-bar-middle .altumcode-close {
        margin-left: 20px !important
    }

    .altumcode-rtl .altumcode-coupon-bar-middle .altumcode-close {
        margin: 0 20px 0 0 !important
    }
}

.altumcode-email-collector-content {
    padding: 14px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-email-collector-header {
    display: flex !important;
    align-items: start !important
}

.altumcode-email-collector-title {
    font-weight: 700 !important;
    font-size: 21px !important;
    flex-grow: 1 !important;
    margin-bottom: 12px !important
}

.altumcode-email-collector-description {
    font-size: 14px !important;
    margin-bottom: 16px !important
}

.altumcode-email-collector-form {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 12px !important
}

.altumcode-email-collector-row {
    display: flex !important;
    flex-direction: row !important
}

.altumcode-email-collector-row input {
    border: 1px solid #d9d9d9 !important;
    width: 100% !important;
    padding: 8px 12px !important;
    color: #495057
}

.altumcode-email-collector-row input:nth-child(1) {
    margin-right: 8px !important
}

.altumcode-rtl .altumcode-email-collector-row input:nth-child(1) {
    margin-right: 0 !important;
    margin-left: 8px !important
}

.altumcode-email-collector-row input:nth-child(2) {
    margin-left: 8px !important
}

.altumcode-rtl .altumcode-email-collector-row input:nth-child(2) {
    margin-right: 8px !important;
    margin-left: 0 !important
}

.altumcode-email-collector-row button:focus,
.altumcode-email-collector-row input:focus,
.altumcode-request-collector-row input:focus {
    outline: 0
}

.altumcode-email-collector-button {
    margin-top: 16px !important;
    cursor: pointer !important;
    background: #000;
    border: 0 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    padding: 8px 14px !important;
    color: #fff;
    border-radius: 6px !important;
    transition: all .3s !important
}

.altumcode-email-collector-button:hover,
.altumcode-request-collector-row button:hover {
    opacity: .9 !important
}

@media (min-width:576px) {
    .altumcode-email-collector-wrapper {
        max-width: 390px !important
    }
}

@media (min-width:768px) {
    .altumcode-email-collector-row input {
        flex-grow: 0 !important
    }
}

@media (min-width:576px) {
    .altumcode-emoji-feedback-wrapper {
        max-width: 400px !important
    }
}

.altumcode-emoji-feedback-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-emoji-feedback-header {
    width: 100% !important;
    display: flex !important;
    align-items: start !important
}

.altumcode-emoji-feedback-title {
    flex-grow: 1 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin: 0 8px 12px !important
}

.altumcode-emoji-feedback-emojis {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    margin-bottom: 8px !important;
    width: 100% !important
}

.altumcode-emoji-feedback-emoji {
    margin: 0 8px !important;
    transition: all .3s ease-in-out;
    font-size: 28px !important
}

.altumcode-emoji-feedback-emoji:hover {
    transform: scale(1.1);
    cursor: pointer
}

.altumcode-emoji-feedback-emoji-clicked {
    animation: altumcode-emoji-feedback-emoji-click 1s !important
}

.altumcode-engagement-links-wrapper {
    width: 300px !important;
    max-width: 325px !important
}

.altumcode-engagement-links-content {
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-engagement-links-header {
    display: flex !important;
    align-items: start !important
}

.altumcode-engagement-links-title {
    font-size: 20px !important;
    font-weight: 600 !important;
    flex-grow: 1 !important;
    text-align: center !important;
    cursor: pointer !important
}

.altumcode-engagement-links-category {
    margin: 6px 0 !important
}

.altumcode-engagement-links-category-description,
.altumcode-engagement-links-category-title {
    margin-bottom: 0 !important;
    text-align: center !important;
    font-size: 18px !important;
    color: #000
}

.altumcode-engagement-links-category-description {
    font-size: 12px !important
}

.altumcode-engagement-links-category-links {
    margin: 10px 0 !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-engagement-links-category-link {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin: 5px 0 !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    transition: all .3s !important;
    border-style: solid !important;
    border-width: 1px !important
}

.altumcode-engagement-links-category-link:hover {
    text-decoration: none !important;
    opacity: .9 !important
}

.altumcode-engagement-links-category-link-image {
    width: 20px !important;
    height: 20px !important;
    margin-right: 10px !important
}

.altumcode-engagement-links-category-link-title {
    font-size: 13px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important
}

.altumcode-engagement-links-category-link-description {
    font-size: 11px !important;
    margin-bottom: 0 !important
}

.altumcode-engagement-links-wrapper .altumcode-close {
    margin-left: 15px !important
}

.altumcode-rtl.altumcode-engagement-links-wrapper .altumcode-close,
.altumcode-rtl.altumcode-text-feedback-wrapper .altumcode-close {
    margin: 0 15px 0 0 !important
}

@media (min-width:768px) {
    .altumcode-engagement-links-wrapper {
        width: 315px !important;
        max-width: 350px !important
    }
}

@media (min-width:576px) {
    .altumcode-image-wrapper {
        max-width: 550px !important
    }
}

.altumcode-image-content {
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-image-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important
}

.altumcode-image-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    flex-grow: 1 !important;
    text-align: center !important;
    margin-bottom: 16px !important
}

.altumcode-image-image-img {
    max-width: 100% !important;
    max-height: 100% !important;
    border-radius: 8px !important
}

.altumcode-image-button {
    display: block !important;
    width: 100% !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    margin: 16px 0 8px !important
}

.altumcode-image-button:hover {
    color: initial;
    opacity: .9 !important;
    text-decoration: none !important
}

.altumcode-image-footer {
    font-size: 14px !important;
    text-decoration: underline !important
}

@media (min-width:576px) {
    .altumcode-informational-wrapper {
        max-width: 400px !important;
        min-width: 300px !important
    }
}

.altumcode-informational-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-informational-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important
}

.altumcode-informational-title {
    flex-grow: 1 !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important
}

.altumcode-informational-description {
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.altumcode-informational-image {
    min-width: 65px !important;
    height: 65px !important;
    margin-right: 8px !important
}

.altumcode-rtl .altumcode-informational-image,
.altumcode-rtl .altumcode-informational-mini-image {
    margin: 0 0 0 8px !important
}

@media (min-width:576px) {
    .altumcode-informational-mini-wrapper {
        max-width: 400px !important;
        min-width: 250px !important
    }
}

.altumcode-informational-mini-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-informational-mini-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important
}

.altumcode-informational-mini-title {
    flex-grow: 1 !important;
    font-weight: 500 !important;
    margin: 0 4px 0 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important
}

.altumcode-informational-mini-image {
    min-width: 30px !important;
    height: 30px !important;
    margin-right: 8px !important
}

.altumcode-informational-bar-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center
}

.altumcode-informational-bar-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-informational-bar-header {
    display: flex !important;
    align-items: start !important;
    width: 100% !important;
    margin-bottom: 0 !important
}

.altumcode-informational-bar-title {
    flex-grow: 1 !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important
}

.altumcode-informational-bar-description {
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.altumcode-informational-bar-image {
    min-width: 65px !important;
    height: 65px !important;
    margin-right: 25px !important
}

.altumcode-rtl .altumcode-informational-bar-image {
    margin: 0 0 0 25px !important
}

.altumcode-informational-bar-mini-wrapper {
    width: 100% !important;
    display: flex;
    justify-content: center
}

.altumcode-informational-bar-mini-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-informational-bar-mini-header {
    display: flex !important;
    align-items: start !important;
    width: 100% !important;
    margin-bottom: 0 !important
}

.altumcode-informational-bar-mini-title {
    flex-grow: 1 !important;
    font-weight: 500 !important;
    font-size: 14px !important;
    margin: 0 8px 0 0 !important;
    line-height: 1.25 !important
}

.altumcode-informational-bar-mini-image {
    min-width: 30px !important;
    height: 30px !important;
    margin-right: 15px !important
}

.altumcode-rtl .altumcode-informational-bar-mini-image {
    margin: 0 0 0 15px !important
}

@media (min-width:576px) {
    .altumcode-conversions-wrapper {
        max-width: 400px !important;
        min-width: 300px !important
    }
}

.altumcode-conversions-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-conversions-header {
    display: flex !important;
    align-items: start !important
}

.altumcode-conversions-title {
    font-weight: 700 !important;
    font-size: 14px !important;
    flex-grow: 1 !important;
    margin-bottom: 0 !important
}

.altumcode-conversions-description {
    font-size: 13px !important;
    margin-bottom: 2px !important
}

.altumcode-conversions-image {
    width: 65px !important;
    height: 65px !important;
    margin-right: 8px !important;
    border-radius: 8px !important;
    object-fit: cover !important
}

.altumcode-rtl .altumcode-conversions-image {
    margin: 0 0 0 8px !important
}

.altumcode-conversions-time {
    font-size: 10px !important
}

.altumcode-live-counter-wrapper {
    width: 220px !important
}

@media (min-width:576px) {
    .altumcode-live-counter-wrapper {
        width: 280px !important
    }
}

.altumcode-live-counter-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-live-counter-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important;
    margin-bottom: 4px !important
}

.altumcode-live-counter-main {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 1 !important
}

.altumcode-live-counter-number {
    padding: 4px 30px !important;
    border-radius: 8px !important;
    font-weight: bolder !important;
    font-size: 20px !important
}

.altumcode-live-counter-close {
    align-self: start !important
}

.altumcode-live-counter-description {
    font-size: 14px !important;
    font-weight: 500 !important;
    margin-bottom: 16px !important
}

@media (min-width:576px) {
    .altumcode-reviews-wrapper {
        max-width: 400px !important
    }
}

.altumcode-reviews-content {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-reviews-header {
    justify-content: space-between !important
}

.altumcode-reviews-header,
.altumcode-reviews-stars {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-reviews-stars div {
    margin-right: 3px !important
}

.altumcode-reviews-title {
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-bottom: 0 !important
}

.altumcode-reviews-description {
    font-size: 14px !important;
    margin-bottom: 0 !important;
    border-radius: 8px !important
}

.altumcode-reviews-image {
    min-width: 75px !important;
    height: 75px !important;
    margin-right: 10px !important;
    border-radius: 8px !important;
    object-fit: cover !important
}

.altumcode-rtl .altumcode-reviews-image {
    margin: 0 0 0 10px !important
}

@media (min-width:576px) {
    .altumcode-request-collector-wrapper {
        max-width: 390px !important
    }
}

.altumcode-request-collector-content {
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-request-collector-header {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    margin-bottom: 20px !important;
    width: 100% !important
}

.altumcode-request-collector-image {
    min-width: 40px !important;
    height: 40px !important;
    margin-right: 8px !important
}

.altumcode-rtl .altumcode-request-collector-image {
    margin: 0 0 0 8px !important
}

.altumcode-request-collector-header-text {
    flex-grow: 1 !important
}

.altumcode-request-collector-title {
    font-weight: 700 !important;
    font-size: 16px !important;
    margin-bottom: 0 !important
}

.altumcode-request-collector-description {
    font-size: 14px !important;
    margin-bottom: 0 !important
}

.altumcode-request-collector-content-title {
    font-weight: 700 !important;
    font-size: 18px !important;
    margin-bottom: 0 !important
}

.altumcode-request-collector-content-description {
    font-size: 16px !important;
    margin-bottom: 24px !important
}

.altumcode-request-collector-close {
    align-self: start !important
}

.altumcode-request-collector-form {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 8px !important
}

.altumcode-request-collector-row {
    display: flex !important;
    flex-direction: row !important
}

.altumcode-request-collector-row button,
.altumcode-request-collector-row input {
    border: 0 !important;
    font-size: 14px !important;
    box-shadow: 0 3px 6px -1px rgba(0, 0, 0, .12) !important
}

.altumcode-request-collector-row input {
    background: #fff;
    padding: 6px 12px !important;
    color: #495057;
    border-radius: 6px 0 0 6px !important
}

.altumcode-request-collector-row button {
    cursor: pointer !important;
    background: #000;
    padding: 8px 13px !important;
    color: #fff;
    border-radius: 0 6px 6px 0 !important;
    font-weight: 500 !important;
    transition: opacity .3s !important
}

.altumcode-request-collector-row button:focus {
    outline: 0
}

@media (min-width:576px) {
    .altumcode-score-feedback-wrapper {
        max-width: 400px !important
    }
}

.altumcode-score-feedback-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    padding: 6px !important
}

.altumcode-score-feedback-header {
    width: 100% !important;
    display: flex !important;
    align-items: start !important
}

.altumcode-score-feedback-title {
    flex-grow: 1 !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    margin: 0 8px 8px !important
}

.altumcode-score-feedback-description {
    font-size: 12px !important;
    margin-bottom: 8px !important
}

.altumcode-score-feedback-scores {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-around !important;
    width: 100% !important
}

.altumcode-score-feedback-button,
.altumcode-text-feedback-row button {
    border: 0 !important;
    font-size: 16px !important;
    border-radius: 6px !important
}

.altumcode-score-feedback-button {
    padding: 6px 14px !important;
    text-align: center !important;
    font-weight: 700 !important;
    margin: 8px 4px !important;
    display: block !important;
    transition: all .3s !important;
    min-width: initial !important
}

.altumcode-score-feedback-button:hover {
    opacity: .9 !important;
    transform: scale(1.1);
    cursor: pointer !important
}

.altumcode-score-feedback-button-clicked {
    animation: altumcode-score-feedback-button-click 1s !important
}

@media (min-width:576px) {
    .altumcode-social-share-wrapper {
        max-width: 350px !important
    }
}

.altumcode-social-share-content {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-social-share-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important
}

.altumcode-social-share-title {
    flex-grow: 1 !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important
}

.altumcode-social-share-description {
    text-align: center !important;
    font-size: 14px !important;
    margin-bottom: 12px !important
}

.altumcode-social-share-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    flex-wrap: wrap !important;
    width: 100% !important;
    margin: 12px 0 !important
}

.altumcode-social-share-button {
    background: #000;
    color: #fff;
    display: inline-block !important;
    border-radius: 6px !important;
    padding: 6px 10px !important;
    text-align: center !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    margin: 4px !important;
    transition: all .3s ease-in-out
}

.altumcode-social-share-button:hover {
    color: #fff;
    opacity: .9 !important;
    text-decoration: none !important
}

.altumcode-social-share-button:hover svg {
    transform: scale(1.1) !important
}

.altumcode-social-share-button:active svg {
    transform: scale(.9) !important
}

.altumcode-social-share-button svg {
    width: 16px !important;
    height: 16px !important;
    transition: transform .15s
}

.altumcode-social-share-button-facebook {
    background: #3c5a99 !important
}

.altumcode-social-share-button-tumblr {
    background: #011835 !important
}

.altumcode-social-share-button-x {
    background: #000 !important
}

.altumcode-social-share-button-threads {
    background: #101010 !important
}

.altumcode-social-share-button-linkedin {
    background: #0077b5 !important
}

.altumcode-social-share-button-reddit {
    background: #ff4500 !important
}

.altumcode-social-share-button-telegram {
    background: #33a4e0 !important
}

.altumcode-social-share-button-whatsapp {
    background: #1d8e7e !important
}

.altumcode-social-share-button-pinterest {
    background: #e60023 !important
}

.altumcode-social-share-footer {
    font-size: 14px !important;
    text-decoration: underline !important
}

.altumcode-text-feedback-content {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important
}

.altumcode-text-feedback-header {
    display: flex !important;
    align-items: start !important
}

.altumcode-text-feedback-title {
    font-size: 22px !important;
    flex-grow: 1 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    cursor: pointer !important
}

.altumcode-text-feedback-expand {
    padding: 5px !important;
    margin-right: 5px !important;
    border: 0 !important;
    background: 0 0 !important
}

.altumcode-text-feedback-description {
    font-size: 14px !important;
    margin-bottom: 16px !important;
    text-align: center !important
}

.altumcode-text-feedback-form {
    margin-bottom: 12px !important
}

.altumcode-text-feedback-row {
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 15px !important
}

.altumcode-text-feedback-row input {
    border: 1px solid #d8d8d8 !important;
    background: #fff;
    padding: 10px 12px !important;
    color: #495057;
    font-size: 14px !important;
    border-radius: 6px !important;
    flex-grow: 1 !important;
    margin-bottom: 12px !important;
    transition: .3s border !important
}

.altumcode-text-feedback-row input:hover {
    border: 1px solid #e5e5e5 !important
}

.altumcode-text-feedback-row button {
    flex-grow: 1 !important;
    cursor: pointer !important;
    background: #000;
    font-weight: 700;
    padding: 10px 14px !important;
    color: #fff;
    transition: .3s opacity !important
}

.altumcode-text-feedback-row button:hover {
    opacity: .95 !important
}

.altumcode-text-feedback-wrapper .altumcode-close {
    margin-left: 15px !important
}

@media (min-width:768px) {
    .altumcode-text-feedback-wrapper {
        max-width: 700px !important
    }
}

.altumcode-video-content {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-video-header {
    display: flex !important;
    align-items: start !important;
    width: 100% !important
}

.altumcode-video-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    flex-grow: 1 !important;
    text-align: center !important;
    margin-bottom: 14px !important
}

.altumcode-video-video-container {
    overflow: hidden !important;
    margin-bottom: 8px !important
}

.altumcode-video-video-container,
.altumcode-video-video-iframe {
    width: 100% !important;
    height: 180px !important;
    border-radius: 8px !important
}

.altumcode-video-button {
    display: block !important;
    width: 100% !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    font-size: 16px !important;
    margin: 8px 0 !important
}

.altumcode-audio-button:hover,
.altumcode-video-button:hover {
    color: initial;
    opacity: .9 !important;
    text-decoration: none !important
}

@media (min-width:576px) {
    .altumcode-video-wrapper {
        min-width: 425px !important;
        max-width: 450px !important
    }

    .altumcode-video-video-container,
    .altumcode-video-video-iframe {
        height: 220px !important
    }
}

.altumcode-audio-wrapper {
    width: 100% !important
}

@media (min-width:576px) {
    .altumcode-audio-wrapper {
        min-width: 425px !important;
        max-width: 450px !important
    }
}

.altumcode-audio-content {
    padding: 8px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-audio-header {
    display: flex !important;
    align-items: start !important;
    width: 100% !important
}

.altumcode-audio-title {
    font-size: 18px !important;
    font-weight: 700 !important;
    flex-grow: 1 !important;
    text-align: center !important;
    margin-bottom: 14px !important
}

.altumcode-audio-audio-container {
    width: 100% !important;
    height: revert !important;
    margin-bottom: 8px !important
}

.altumcode-audio-button {
    display: block !important;
    width: 100% !important;
    border-radius: 8px !important;
    padding: 8px 14px !important;
    text-align: center !important;
    font-size: 16px !important;
    margin: 8px 0 !important
}

.altumcode-whatsapp-chat-wrapper {
    width: auto !important;
    max-width: 325px !important;
    transition: transform .3s
}

.altumcode-whatsapp-chat-wrapper:hover {
    transform: scale(1.1)
}

.altumcode-whatsapp-chat-content {
    padding: 0 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important
}

.altumcode-whatsapp-chat-image-large {
    min-width: 45px !important;
    min-height: 45px !important;
    width: 45px !important;
    height: 45px !important
}

.altumcode-whatsapp-chat-image-small {
    min-width: 25px !important;
    min-height: 25px !important;
    width: 25px !important;
    height: 25px !important
}

.altumcode-whatsapp-chat-title {
    font-size: 18px !important;
    font-weight: 600 !important;
    flex-grow: 1 !important;
    text-align: center !important;
    margin-bottom: 0 !important;
    margin-left: 8px !important
}

.altumcode-rtl .altumcode-whatsapp-chat-title {
    margin-left: 0 !important;
    margin-right: 8px !important
}

.altumcode-whatsapp-chat-window {
    width: 330px !important;
    display: flex !important;
    flex-direction: column !important;
    margin-bottom: 14px !important;
    box-shadow: rgb(0 0 0/10%)0 12px 24px 0 !important;
    border-radius: 10px !important
}

.altumcode-whatsapp-chat-window-header {
    padding: 22px !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    border-top-left-radius: 10px !important;
    border-top-right-radius: 10px !important
}

.altumcode-whatsapp-chat-window-header-image {
    width: 50px !important;
    min-width: 50px !important;
    height: 50px !important;
    min-height: 50px !important;
    border-radius: 100px !important;
    object-fit: cover !important;
    margin-right: 12px !important
}

.altumcode-whatsapp-chat-window-header-content {
    display: flex !important;
    flex-direction: column !important
}

.altumcode-whatsapp-chat-window-header-title {
    font-size: 17px !important;
    font-weight: 700 !important
}

.altumcode-whatsapp-chat-window-header-description {
    font-size: 13px !important
}

.altumcode-whatsapp-chat-window-content {
    position: relative !important;
    display: flex !important;
    flex-direction: row !important;
    background-repeat: no-repeat !important;
    background-size: auto !important
}

.altumcode-whatsapp-chat-window-content-background {
    display: block !important;
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    opacity: .1 !important
}

.altumcode-whatsapp-chat-window-content-padding {
    padding: 22px !important;
    z-index: 1 !important
}

.altumcode-whatsapp-chat-window-content-reply {
    padding: 8px 12px !important;
    border-radius: 0 8px 8px !important;
    box-shadow: rgb(0 0 0/13%)0 1px .5px !important
}

.altumcode-whatsapp-chat-window-content-reply-author {
    font-size: 12px !important;
    font-weight: 700 !important;
    margin-bottom: 4px !important
}

.altumcode-whatsapp-chat-window-content-reply-text {
    font-size: 14px !important
}

.altumcode-whatsapp-chat-window-footer {
    padding: 18px 22px !important;
    display: flex !important;
    flex-direction: column !important;
    border-bottom-left-radius: 10px !important;
    border-bottom-right-radius: 10px !important;
    text-align: center !important
}

.altumcode-whatsapp-chat-window-footer-button {
    display: block !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    padding: 8px !important;
    font-size: 15px !important;
    transition: .3s opacity !important
}

.altumcode-whatsapp-chat-window-footer-button:hover {
    opacity: .9 !important;
    text-decoration: none !important;
    color: initial
}

.altumcode-whatsapp-chat-window-footer .altumcode-site {
    margin-top: 8px !important
}

.altumcode-whatsapp-chat-wrapper .altumcode-close {
    position: absolute !important;
    right: -5px !important;
    top: -5px !important
}

.altumcode-rtl.altumcode-whatsapp-chat-wrapper .altumcode-close {
    right: initial !important;
    left: -5px !important
}

@media (min-width:576px) {
    .altumcode-contact-us-wrapper {
        max-width: 350px !important
    }
}

.altumcode-contact-us-content {
    padding: 6px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important
}

.altumcode-contact-us-header {
    display: flex !important;
    width: 100% !important;
    align-items: start !important
}

.altumcode-contact-us-title {
    flex-grow: 1 !important;
    text-align: center !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    margin-bottom: 8px !important
}

.altumcode-contact-us-description {
    text-align: center !important;
    font-size: 14px !important;
    margin-bottom: 6px !important
}

.altumcode-contact-us-buttons {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-around !important;
    width: 100% !important;
    margin: 16px 0 !important
}

.altumcode-contact-us-button {
    background: #000;
    color: #fff;
    display: flex !important;
    align-items: center !important;
    border-radius: 6px !important;
    padding: 10px 12px !important;
    text-align: center !important;
    margin: 0 6px !important
}

.altumcode-contact-us-button svg {
    width: 18px !important;
    height: 18px !important
}

.altumcode-contact-us-button-email {
    background: #008cff !important
}

.altumcode-contact-us-button-phone-number {
    background: #18d30e !important
}

.altumcode-contact-us-button-facebook-messenger {
    background: #00b2ff !important
}

.altumcode-contact-us-button-telegram {
    background: #08c !important
}

.altumcode-contact-us-button-whatsapp {
    background: #128c7e !important
}

.altumcode-contact-us-button:hover {
    color: #fff;
    opacity: .9 !important;
    text-decoration: none !important
}

.altumcode-contact-us-footer {
    font-size: 14px !important;
    text-decoration: underline !important
}

.spinwheel {
    position: relative !important;
    width: 300px !important;
    min-width: 300px !important;
    height: 300px !important;
    border-radius: 50% !important;
    transition: ease-out 4s !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2) !important;
    border: 5px solid #333 !important;
}

/* 
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
} */

.spinwheel span {
    position: absolute !important;
    top: 250px !important;
    left: 140px !important;
    transform-origin: center -100px !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #fff !important;
}

#spin-arrow {
    width: 25px !important;
    position: fixed !important;
    z-index: 2 !important;
    left: 317px !important;
    bottom: 169px !important;
}

.spinwheel span:nth-child(1) {
    transform: rotate(285deg) !important;
}

.spinwheel span:nth-child(2) {
    transform: rotate(315deg) !important;
}

.spinwheel span:nth-child(3) {
    transform: rotate(345deg) !important;
}

.spinwheel span:nth-child(4) {
    transform: rotate(375deg) !important;
}

.spinwheel span:nth-child(5) {
    transform: rotate(405deg) !important;
}

.spinwheel span:nth-child(6) {
    transform: rotate(435deg) !important;
}

.spinwheel span:nth-child(7) {
    transform: rotate(465deg) !important;
}

.spinwheel span:nth-child(8) {
    transform: rotate(495deg) !important;
}

.spinwheel span:nth-child(9) {
    transform: rotate(525deg) !important;
}

.spinwheel span:nth-child(10) {
    transform: rotate(555deg) !important;
}

.spinwheel span:nth-child(11) {
    transform: rotate(585deg) !important;
}

.spinwheel span:nth-child(12) {
    transform: rotate(615deg) !important;
}

@media (max-width: 991px) {
    .best-notifications .spinwheel {
        width: 100px !important;
        min-width: 100px !important;
        height: 100px !important;
    }

    .best-notifications .row>div {
        margin-bottom: 20px;
    }

    .best-notifications .spinwheel span {
        display: none;
    }

    .spin-mobile {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
    }
}