.tabber .tab-bar {
    justify-content: space-between;
}
.tabber .tab-bar .tab:not(.inactive):after {
    background-color: #0101ff;
    background: linear-gradient(130deg, #FF0000, #FF00FF, #2415f9);  background-size: 150% 150%;
    background-size: 200% 200%;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
    animation: text-animate 10s ease infinite;
    height: 5px;
    bottom: -2px;
}
.tabber .tab-bar .tab:not(.inactive) h4 {
    background-color: #0101ff;
    background: linear-gradient(130deg, #FF0000, #FF00FF, #2415f9);  background-size: 150% 150%;
    background-size: 200% 200%;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    animation: text-animate 10s ease infinite;
}
@keyframes text-animate { 
    0%{background-position:10% 0%}
    50%{background-position:91% 100%}
    100%{background-position:10% 0%}
}
.tabber .tab-bar .tab::after {
    width: 100%;
    height: 1px;
    background-color: #fff;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
}
.tabber .tab-bar .tab {
    position: relative;
    cursor: pointer;
}
.tabber .tab-bar h4 {
    color: #fff;
    padding-bottom: 2.2em;
    font-size: 0.75rem;
    text-align: center;
    text-transform: uppercase;
}

.tabber .tabs {
    margin-top: 5em;
}

.tabber .tabs .tab.inactive {
    display: none;
}

.tabber .tabs .tab {
    justify-content: space-between;
}

.tabber .tab .left,
.tabber .tab .right {
    width: 45%;
}

.tabber .tab .right .img-wrap {
    position: relative;
}

.tabber .tab .right img.overlay-img {
    position: absolute;
    bottom: -20px;
    right: -20px;
    width: 75%;
}

.tabber .tabs-mob {
    display: none;
}

.tabber .tabs-desktop {
    justify-content: space-between;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .tabber .tab .right img.main-img {
        width: 506px !important;
        height: 541px !important;
        object-fit: cover;
    }
}

@media only screen and (max-width: 767px) {
    .tabber .tabs-desktop {
        display: none;
    }
    .tabber .tabs-mob {
        display: flex;
        justify-content: space-between;
        width: 100%;
        align-items: center;
        position: relative;
        padding-bottom: 2em;
    }
    .tabber .tabs-mob::after {
        background-color: #0101ff;
        background: linear-gradient(130deg, #FF0000, #FF00FF, #2415f9);  background-size: 150% 150%;
        background-size: 200% 200%;
        -webkit-text-fill-color: transparent;
        -moz-text-fill-color: transparent;
        animation: text-animate 10s ease infinite;
        height: 5px;
        bottom: -2px;
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
    }
    .tabber .tabs-mob select {
        background-color: transparent;
        border: none;
        font-family: 'Krona One', sans-serif;
        -webkit-appearance: none;
        -moz-appearance: none;
        text-indent: 1px;
        text-overflow: '';
        width: 100%;
        background-color: #0101ff;
        background: linear-gradient(130deg, #FF0000, #FF00FF, #2415f9);  background-size: 150% 150%;
        background-size: 200% 200%;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        -moz-background-clip: text;
        -moz-text-fill-color: transparent;
        animation: text-animate 10s ease infinite;
    }

    .tabber .tabs .tab:not(.inactive) {
        display: flex;
        flex-direction: column;
    }

    .tabber .tab .left,
    .tabber .tab .right,
    .tabber .tab .right img {
        width: 100%;
    }

    .tabber .tab .left {
        margin-bottom: 1.5em;
    }

    .tabber .tab .right img.overlay-img {
        width: 60%;
        right: -50px;
    }
}