button.order-botton {
    background: rgba(1, 1, 8, 0.362);
    color: #fff;
    border: 1px solid #0f51ff;
    cursor: pointer;
    box-shadow: 0.5px -0.5px 4px 2px #0f51ff;
    width: 280px;
    height: 70px;
    border-radius: 16px;
    box-sizing: border-box;
    font-size: 1.5em;
    letter-spacing: 3px;
    font-weight: 550;
    font-family: monospace, 'Courier New', Courier;
    margin: 10px auto 15px auto;
    position: relative;
}

/* h1{
    text-align:center;
    text-transform: uppercase;
    color: #F1FAEE; 
    font-size: 4rem;
  } */

.roller {
    height: 3.6rem;
    line-height: 4rem;
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;

    color: #ffffff;
}


#spare-time {
    font-size: 1rem;
    font-style: italic;
    letter-spacing: 1rem;
    margin-top: 0;
    color: #A8DADC;

}

.roller #rolltext {
    position: absolute;
    top: 0;
    animation: slide 5s infinite;
}

@media screen and (max-width: 1200px) {
    @keyframes slide {
        0% {
            top: 0;
        }

        25% {
            top: -3.5rem;
        }

        50% {
            top: -8rem;
        }

        72.5% {
            top: -12rem;
        }
    }



}

@media screen and (max-width: 600px) {
    .offcanvas-start {
        margin-top: 30px !important;
    }
    .offcanvas-end {
        margin-top:40px !important;
    }
    h1 {
        text-align: center;
        text-transform: uppercase;
        color: #F1FAEE;
        font-size: 2.125rem;
    }

    #fun-facts{
        margin-top: 300px;
    }

    .vip_jelezo {
        margin-top: 100px;
    }

    #fun-facts .card-body {
        padding:45px !important;
    }
    .roller {
        height: 2.6rem;
        line-height: 2.125rem;
    }

    #spare-time {
        font-size: 1rem;
        letter-spacing: 0.1rem;
    }

    .sticky-top h1 {
        display: none;
    }
    .sidebar-nav {
        margin-top: 50px;
    }
    .roller #rolltext {
        animation: slide-mob 5s infinite;
    }

    @keyframes slide-mob {
        0% {
            top: 0;
        }

        25% {
            top: -2rem;
        }

        50% {
            top: -4rem;
        }

        72.5% {
            top: -6.5rem;
        }
    }

    #slider img {
        width: 250px;
        height: -webkit-fill-available;
        border-radius: 10px;
    }

    #slider ul li {
        width: 250px;
        height: 250px;
    }

    #slider {
        position: absolute;
        top: -46px;
    }

    .hero {
        font-size: clamp(34px, 3vw, 70px) !important;
    }

    #bigpicture .position-relative {
        height: 200px;
    }

    .about_short_text {
        position: absolute;
        left: 0px;
    }
}

.about_short_text {
    margin-top: 40px;
    color: #fff;
    /* background: blue; */
    padding: 45px 16px;
    border-radius: 10px;

}

.hero {
    font-size: clamp(40px, 6vw, 74px);
    line-height: 1;
    /* display: inline-block; */
    color: #fff;
    z-index: 2;
    letter-spacing: 10px;

    /* Bright things in dark environments usually cast that light, giving off a glow */
    filter: drop-shadow(0 1px 3px);
}

.paths {
    animation: paths 5s step-end infinite;
}

@keyframes paths {
    0% {
        clip-path: polygon(0% 43%,
                83% 43%,
                83% 22%,
                23% 22%,
                23% 24%,
                91% 24%,
                91% 26%,
                18% 26%,
                18% 83%,
                29% 83%,
                29% 17%,
                41% 17%,
                41% 39%,
                18% 39%,
                18% 82%,
                54% 82%,
                54% 88%,
                19% 88%,
                19% 4%,
                39% 4%,
                39% 14%,
                76% 14%,
                76% 52%,
                23% 52%,
                23% 35%,
                19% 35%,
                19% 8%,
                36% 8%,
                36% 31%,
                73% 31%,
                73% 16%,
                1% 16%,
                1% 56%,
                50% 56%,
                50% 8%);
    }

    5% {
        clip-path: polygon(0% 29%,
                44% 29%,
                44% 83%,
                94% 83%,
                94% 56%,
                11% 56%,
                11% 64%,
                94% 64%,
                94% 70%,
                88% 70%,
                88% 32%,
                18% 32%,
                18% 96%,
                10% 96%,
                10% 62%,
                9% 62%,
                9% 84%,
                68% 84%,
                68% 50%,
                52% 50%,
                52% 55%,
                35% 55%,
                35% 87%,
                25% 87%,
                25% 39%,
                15% 39%,
                15% 88%,
                52% 88%);
    }

    30% {
        clip-path: polygon(0% 53%,
                93% 53%,
                93% 62%,
                68% 62%,
                68% 37%,
                97% 37%,
                97% 89%,
                13% 89%,
                13% 45%,
                51% 45%,
                51% 88%,
                17% 88%,
                17% 54%,
                81% 54%,
                81% 75%,
                79% 75%,
                79% 76%,
                38% 76%,
                38% 28%,
                61% 28%,
                61% 12%,
                55% 12%,
                55% 62%,
                68% 62%,
                68% 51%,
                0% 51%,
                0% 92%,
                63% 92%,
                63% 4%,
                65% 4%);
    }

    45% {
        clip-path: polygon(0% 33%,
                2% 33%,
                2% 69%,
                58% 69%,
                58% 94%,
                55% 94%,
                55% 25%,
                33% 25%,
                33% 85%,
                16% 85%,
                16% 19%,
                5% 19%,
                5% 20%,
                79% 20%,
                79% 96%,
                93% 96%,
                93% 50%,
                5% 50%,
                5% 74%,
                55% 74%,
                55% 57%,
                96% 57%,
                96% 59%,
                87% 59%,
                87% 65%,
                82% 65%,
                82% 39%,
                63% 39%,
                63% 92%,
                4% 92%,
                4% 36%,
                24% 36%,
                24% 70%,
                1% 70%,
                1% 43%,
                15% 43%,
                15% 28%,
                23% 28%,
                23% 71%,
                90% 71%,
                90% 86%,
                97% 86%,
                97% 1%,
                60% 1%,
                60% 67%,
                71% 67%,
                71% 91%,
                17% 91%,
                17% 14%,
                39% 14%,
                39% 30%,
                58% 30%,
                58% 11%,
                52% 11%,
                52% 83%,
                68% 83%);
    }

    76% {
        clip-path: polygon(0% 26%,
                15% 26%,
                15% 73%,
                72% 73%,
                72% 70%,
                77% 70%,
                77% 75%,
                8% 75%,
                8% 42%,
                4% 42%,
                4% 61%,
                17% 61%,
                17% 12%,
                26% 12%,
                26% 63%,
                73% 63%,
                73% 43%,
                90% 43%,
                90% 67%,
                50% 67%,
                50% 41%,
                42% 41%,
                42% 46%,
                50% 46%,
                50% 84%,
                96% 84%,
                96% 78%,
                49% 78%,
                49% 25%,
                63% 25%,
                63% 14%);
    }

    90% {
        clip-path: polygon(0% 41%,
                13% 41%,
                13% 6%,
                87% 6%,
                87% 93%,
                10% 93%,
                10% 13%,
                89% 13%,
                89% 6%,
                3% 6%,
                3% 8%,
                16% 8%,
                16% 79%,
                0% 79%,
                0% 99%,
                92% 99%,
                92% 90%,
                5% 90%,
                5% 60%,
                0% 60%,
                0% 48%,
                89% 48%,
                89% 13%,
                80% 13%,
                80% 43%,
                95% 43%,
                95% 19%,
                80% 19%,
                80% 85%,
                38% 85%,
                38% 62%);
    }

    1%,
    7%,
    33%,
    47%,
    78%,
    93% {
        clip-path: none;
    }
}

.logo_h1 {
    text-align: left;
    font-weight: 900;
}

.outline-text {
    /* font-size: 48px; */
    font-weight: 900;
    color: transparent;
    text-transform: uppercase;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
}

#slider {
    position: relative;
    overflow: hidden;
    margin: 20px auto 0 auto;
    border-radius: 10px;
}



#slider ul {
    position: relative;
    margin: 0;
    padding: 0;
    height: 200px;
    list-style: none;
}

#slider ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0;

    background: #cccccc00;
    text-align: center;
    line-height: 300px;
}

a.control_prev,
a.control_next {
    position: absolute;
    top: 40%;
    z-index: 999;
    display: block;
    padding: 4% 3%;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

a.control_prev:hover,
a.control_next:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

a.control_prev {
    border-radius: 0 10px 10px 0;
}

a.control_next {
    right: 0;
    border-radius: 10px 0 0 10px;
}

.slider_option {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}



/* Тест Глитч */
body {
    background: black;
    font-family: "Oswald", sans-serif;
    font-style: italic;
}

#about .container {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 40%;
    left: 50%;
}

.glitch,
.glow {
    color: #dfbfbf;
    position: relative;
    font-size: 9vw;
    animation: glitch 5s 5s infinite;
}

.glitch::before,
.glow::before {
    content: attr(data-text);
    position: absolute;
    left: -2px;
    text-shadow: -5px 0 magenta;
    background: black;
    overflow: hidden;
    top: 0;
    animation: noise-1 3s linear infinite alternate-reverse, glitch 5s 5.05s infinite;
}

.glitch::after,
.glow::after {
    content: attr(data-text);
    position: absolute;
    left: 2px;
    text-shadow: -5px 0 lightgreen;
    background: black;
    overflow: hidden;
    top: 0;
    animation: noise-2 3s linear infinite alternate-reverse, glitch 5s 5s infinite;
}

@keyframes glitch {
    1% {
        transform: rotateX(10deg) skewX(90deg);
    }

    2% {
        transform: rotateX(0deg) skewX(0deg);
    }
}

@keyframes noise-1 {
    3.3333333333% {
        clip-path: inset(81px 0 8px 0);
    }

    6.6666666667% {
        clip-path: inset(55px 0 35px 0);
    }

    10% {
        clip-path: inset(62px 0 36px 0);
    }

    13.3333333333% {
        clip-path: inset(52px 0 8px 0);
    }

    16.6666666667% {
        clip-path: inset(37px 0 31px 0);
    }

    20% {
        clip-path: inset(48px 0 53px 0);
    }

    23.3333333333% {
        clip-path: inset(34px 0 12px 0);
    }

    26.6666666667% {
        clip-path: inset(94px 0 3px 0);
    }

    30% {
        clip-path: inset(71px 0 7px 0);
    }

    33.3333333333% {
        clip-path: inset(98px 0 2px 0);
    }

    36.6666666667% {
        clip-path: inset(85px 0 3px 0);
    }

    40% {
        clip-path: inset(6px 0 77px 0);
    }

    43.3333333333% {
        clip-path: inset(53px 0 1px 0);
    }

    46.6666666667% {
        clip-path: inset(63px 0 1px 0);
    }

    50% {
        clip-path: inset(29px 0 56px 0);
    }

    53.3333333333% {
        clip-path: inset(81px 0 7px 0);
    }

    56.6666666667% {
        clip-path: inset(59px 0 4px 0);
    }

    60% {
        clip-path: inset(64px 0 26px 0);
    }

    63.3333333333% {
        clip-path: inset(32px 0 47px 0);
    }

    66.6666666667% {
        clip-path: inset(27px 0 3px 0);
    }

    70% {
        clip-path: inset(75px 0 16px 0);
    }

    73.3333333333% {
        clip-path: inset(24px 0 54px 0);
    }

    76.6666666667% {
        clip-path: inset(69px 0 9px 0);
    }

    80% {
        clip-path: inset(30px 0 12px 0);
    }

    83.3333333333% {
        clip-path: inset(54px 0 33px 0);
    }

    86.6666666667% {
        clip-path: inset(24px 0 26px 0);
    }

    90% {
        clip-path: inset(4px 0 83px 0);
    }

    93.3333333333% {
        clip-path: inset(30px 0 68px 0);
    }

    96.6666666667% {
        clip-path: inset(12px 0 14px 0);
    }

    100% {
        clip-path: inset(10px 0 43px 0);
    }
}

@keyframes noise-2 {
    0% {
        clip-path: inset(100px 0 1px 0);
    }

    3.3333333333% {
        clip-path: inset(91px 0 7px 0);
    }

    6.6666666667% {
        clip-path: inset(40px 0 43px 0);
    }

    10% {
        clip-path: inset(48px 0 7px 0);
    }

    13.3333333333% {
        clip-path: inset(3px 0 58px 0);
    }

    16.6666666667% {
        clip-path: inset(49px 0 37px 0);
    }

    20% {
        clip-path: inset(83px 0 4px 0);
    }

    23.3333333333% {
        clip-path: inset(99px 0 1px 0);
    }

    26.6666666667% {
        clip-path: inset(87px 0 6px 0);
    }

    30% {
        clip-path: inset(18px 0 15px 0);
    }

    33.3333333333% {
        clip-path: inset(5px 0 70px 0);
    }

    36.6666666667% {
        clip-path: inset(85px 0 7px 0);
    }

    40% {
        clip-path: inset(49px 0 42px 0);
    }

    43.3333333333% {
        clip-path: inset(89px 0 12px 0);
    }

    46.6666666667% {
        clip-path: inset(69px 0 17px 0);
    }

    50% {
        clip-path: inset(62px 0 13px 0);
    }

    53.3333333333% {
        clip-path: inset(75px 0 3px 0);
    }

    56.6666666667% {
        clip-path: inset(98px 0 3px 0);
    }

    60% {
        clip-path: inset(16px 0 77px 0);
    }

    63.3333333333% {
        clip-path: inset(93px 0 6px 0);
    }

    66.6666666667% {
        clip-path: inset(82px 0 5px 0);
    }

    70% {
        clip-path: inset(36px 0 16px 0);
    }

    73.3333333333% {
        clip-path: inset(71px 0 27px 0);
    }

    76.6666666667% {
        clip-path: inset(20px 0 26px 0);
    }

    80% {
        clip-path: inset(31px 0 41px 0);
    }

    83.3333333333% {
        clip-path: inset(69px 0 3px 0);
    }

    86.6666666667% {
        clip-path: inset(95px 0 3px 0);
    }

    90% {
        clip-path: inset(62px 0 15px 0);
    }

    93.3333333333% {
        clip-path: inset(79px 0 10px 0);
    }

    96.6666666667% {
        clip-path: inset(29px 0 27px 0);
    }

    100% {
        clip-path: inset(55px 0 6px 0);
    }
}

.scanlines {
    overflow: hidden;
    mix-blend-mode: difference;
}

.scanlines::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: repeating-linear-gradient(to bottom, transparent 0%, rgba(255, 255, 255, 0.05) 0.5%, transparent 1%);
    animation: fudge 7s ease-in-out alternate infinite;
}

@keyframes fudge {
    from {
        transform: translate(0px, 0px);
    }

    to {
        transform: translate(0px, 2%);
    }
}

.glow {
    text-shadow: 0 0 1000px #dfbfbf;
    color: transparent;
    position: absolute;
    top: 0;
}

.subtitle {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 100;
    font-size: 0.8vw;
    color: rgba(165, 141, 141, 0.4);
    text-transform: uppercase;
    letter-spacing: 1em;
    text-align: center;
    position: absolute;
    left: 17%;
    animation: glitch-2 5s 5.02s infinite;
}

@keyframes glitch-2 {
    1% {
        transform: rotateX(10deg) skewX(70deg);
    }

    2% {
        transform: rotateX(0deg) skewX(0deg);
    }
}

/* test glicth end */


.gradient-text {
    /* font-size: 48px; */
    font-weight: bold;
    background: linear-gradient(0deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 100% 200%;
    background-position: 0% 100%;
    opacity: 0;
    transition: opacity 0.5s ease, background-position 0.5s ease;
}

.gradient-text.visible {
    opacity: 1;
}

#fun-fucts img {
    height: 80px;
}


.tabs {
    display: block;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    overflow: hidden;
}

.tabs [class^="tab"] label,
.tabs [class*=" tab"] label {
    color: #efedef;
    cursor: pointer;
    display: block;
    font-size: 2.1em;
    /* font-weight: 300; */
    line-height: 1em;
    padding: 2rem 0;
    text-align: center;
    font-family: "Play", sans-serif !important;
    font-style: normal;
    font-weight: 900;
}

.tabs [class^="tab"] [type="radio"],
.tabs [class*=" tab"] [type="radio"] {
    border-bottom: 1px solid rgba(239, 237, 239, 0.5);
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs [class^="tab"] [type="radio"]:hover,
.tabs [class^="tab"] [type="radio"]:focus,
.tabs [class*=" tab"] [type="radio"]:hover,
.tabs [class*=" tab"] [type="radio"]:focus {
    border-bottom: 2px solid;
    border-image: -webkit-linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image: linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image-slice: 1;
}

.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 2px solid;
    border-image: -webkit-linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image: linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image-slice: 1;
}

.tabs [class^="tab"] [type="radio"]:checked+div,
.tabs [class*=" tab"] [type="radio"]:checked+div {
    opacity: 1;
}

.tabs [class^="tab"] [type="radio"]+div,
.tabs [class*=" tab"] [type="radio"]+div {
    display: block;
    opacity: 0;
    padding: 2rem 0;
    width: 90%;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.tabs .tab-2 {
    width: 50%;
}

.tabs .tab-2 [type="radio"]+div {
    width: 200%;
    margin-left: 200%;
}

.tabs .tab-2 [type="radio"]:checked+div {
    margin-left: 0;
}

.tabs .tab-2:last-child [type="radio"]+div {
    margin-left: 100%;
}

.tabs .tab-2:last-child [type="radio"]:checked+div {
    margin-left: -100%;
}

/* body {
    
 } */
table {
    width: 100%;
    border-collapse: collapse;
}

td {
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    font-family: "Play", sans-serif !important;
    text-align: center;
    padding: 10px;
    /* border: 1px solid #ddd; Опционально: добавляет границы ячеек */
    
}

tr {
    border-bottom: 2px solid #0000005c;
}

.table-container {
    border-radius: 15px;
    /* padding: 10px 5px; */
    overflow: hidden;
    /* Это необходимо для того, чтобы закругленные углы применились и к внутреннему содержимому таблицы */
    /* border: 1px solid #ddd; Опционально: добавляет границу вокруг контейнера */
}


.ps4 .nav-blue-soft {
    width: 66%;
}

.ps4 .tab-2 {
    width: 100%;
}

.ps4 label {
    border-bottom: 2px solid;
    border-image: -webkit-linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image: linear-gradient(308.36deg, #8808C4 -22.01%, #4075FC 125.61%);
    border-image-slice: 1;
}

.ps4 .zapadding{
    padding: 2rem 0;
}

.tabs .nav-purple-soft{
    position: relative;
}

#blogs .card {
    position: relative;
    overflow: hidden;
  }
#blogs .card-img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  #portfolio-gallery p {
    margin: auto;
}

#portfolio-gallery {
    font-family: "Play", sans-serif !important;
    height: 500px !important;
    overflow: scroll !important;

}
#portfolio-gallery .card {
    background: #00000065;
    padding: 15px 10px;
}

#portfolio-gallery h3 {
    font-weight: bold;
    font-family: "Play", sans-serif !important;

}

#portfolio-gallery h4{
    width: -webkit-fill-available;
}

#portfolio-gallery .pos {
    padding: 10px;
}

#portfolio-gallery .pos p {
    color: #b255ff;
    text-align: right;
    font-family: "Play", sans-serif !important;

}

#portfolio-gallery .lin {
    background: #f5a220;
    height: 6px;
    border-radius: 5px;
}

#portfolio-gallery .razdel {
    margin-top: 50px;
    margin-bottom: 10px;
}

/* .top {
    margin-top: 30px;
} */
#portfolio-gallery .col-3 {
    padding: 0px !important;
}

#portfolio-gallery .image h1 {
    background: #fff;
    border-radius: 5px;
    text-align: center;
    padding: 10px;
    height: fit-content;
    position: absolute;
    bottom: -30px;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
}

#portfolio-gallery .price {
    flex-wrap: wrap;
}

#portfolio-gallery .price .col-6 {
    flex-wrap: inherit;
}

#portfolio-gallery .image {
    height: 200px;
    width: 100%;
    background-image: url(top.png);
    background-size: cover;
    background-position: bottom;
    align-items: flex-end;
    justify-content: center;
    position: relative;
}

#portfolio-gallery .pos .col-9 {
    flex-flow: wrap;
}

#portfolio-gallery span {
    font-size: 16px;
    /* font-style: oblique; */
}

#portfolio-gallery .nb {
    margin-top: 40px;
    font-size: 25px;
}

#portfolio-gallery .nav-tabs .nav-link.active {
    background: #f5a220;
    border: 1px solid #a96700;
    box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.2);
}

#portfolio-gallery .nb .nav-link {
    color: #a96700;
    border-radius: 5px;
    border: 1px solid;
}

#nav-kitchen-tab .nav-tabs .nav-link.active {
    border-radius: 5px 0px 0px 5px;
}

#nav-bar-tab .nav-tabs .nav-link.active {
    border-radius: 0px 5px 5px 0px;
}

#nav-kitchen-tab {
    border-radius: 5px 0px 0px 5px;
}

#nav-bar-tab {
    border-radius: 0px 5px 5px 0px;
}

#fun-facts .text-gradient-blue::before {
    content: attr(data-text);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    color: black;
    -webkit-text-stroke: 1px black;
    width: 100%;
    height: 100%;
    opacity: 1;
}


.specs-list span{
    font-weight: 900;
}

#blogs {
    font-family: "Play", sans-serif !important;
}

#blogs h2 {
    font-family: "Play", sans-serif !important;
}

#blogs h4{
    font-family: "Play", sans-serif !important;
}

#blogs ul {
    padding-left: 0px  !important;
}

.bg-backdrop {
    font-family: "Play", sans-serif !important;
}

.bg-backdrop h2{
    font-family: "Play", sans-serif !important;
}

.bg-backdrop a{
    font-family: "Play", sans-serif !important;
}





 /* Ex2 Styling  */ 
 .Banner2{
    display:none;
  }
  
  .Mega, .ShopNowEx2,.SalesEx2 {/* ex 2 texts  */
   display:none;
  }
  
  .BannerBorderLineEx2, .BannerBorderEx2{
     display:none;
  }
  
  .BannerHolderEx2{
   display:none;
  }
  
  .BorderAnimationEx2 {
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    animation:BannerBorder 50s linear alternate infinite;
    animation-delay: 0s;
  }
  
   /* End of Ex2 Styling  */ 