@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Quicksand:wght@300..700&display=swap&Julius+Sans+One&display=swap');

@-webkit-keyframes digi_slide_text {
    0% {
        -webkit-transform: translate(-40%,0%)
    }

    100% {
        -webkit-transform: translate(-60%,0%)
    }
}

@keyframes digi_slide_text {
    0% {
        transform: translate(-40%,0%)
    }

    100% {
        transform: translate(-60%,0%)
    }
}
@keyframes pxl-wide-menu-underline {
    0% {
        background-size: 100% 100%;
        background-position-x: 100%
    }

    100% {
        background-size: 0 100%;
        background-position-x: 100%
    }
}

@keyframes pxl-wide-menu-underline-hover {
    0% {
        background-position-x: 0;
        background-size: 0 100%
    }

    100% {
        background-position-x: 0;
        background-size: 100% 100%
    }
}
@keyframes pxl-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}

@keyframes pxl-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pxl-upscale {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5)
    }
}

@keyframes pxl-spin {
    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
}

@keyframes pxl-squash {
    50% {
        -webkit-transform: scaleY(0);
        transform: scaleY(0)
    }
}

@keyframes pxl-skew {
    50% {
        -webkit-transform: skew(-30deg);
        transform: skew(-30deg)
    }
}

@keyframes pxl-leap {
    50% {
        -webkit-transform: translateY(-50%)rotate(-15deg);
        transform: translateY(-50%)rotate(-15deg)
    }
}

@keyframes pxl-fade {
    50% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%);
        opacity: 0
    }
}

@keyframes pxl-sheen {
    50% {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%);
        color: #eee
    }
}

@keyframes pxl-xspin {
    50% {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}

@keyframes pxl-jump {
    50% {
        -webkit-transform: translateY(-30%);
        transform: translateY(-30%)
    }
}
:root {
    --primary-color: #56021F;
    --secondary-color: #7360F2;
    --primary-color-light: #D17D98;
    --third-color: #636363;
    --four-color: #303142;
    --primary-color-rgb: 255,114,104;
    --secondary-color-rgb: 115,96,242;
    --third-color-rgb: 99,99,99;
    --four-color-rgb: 48,49,66;
    --link-color: #303142;
    --link-color-hover: #56021F;
    --link-color-active: #56021F;
    /* --gradient-color-from:#7D1C4A; */
    --gradient-color-from: #56021F;
    /* --gradient-color-to: #56021F; */
    --gradient-color-to: #BC0444;
    --gradient-two-color-from_two: #2f057b;
    --gradient-two-color-to_two: #6441c1;
}

*, ::after, ::before {
    box-sizing: inherit;
}

html {
    box-sizing: border-box
}

body {
    background-color: #fdfdfd;
    font-size: 24px;
    line-height: 1.66666;
    color: var(--third-color);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    overflow-x: hidden;
    font-weight: 400;
    letter-spacing: 0;
    overscroll-behavior: none;
    font-family: inter;
    margin: 0;
    padding: 0
}

body::-webkit-scrollbar {
    width: 10px
}

body::-webkit-scrollbar-thumb {
    background: #2e2e2e;
    border: 2px solid transparent;
    background-clip: padding-box
}

body::-webkit-scrollbar-thumb:hover {
    border: 0
}

body::-webkit-scrollbar-track {
    background: inherit;
    box-shadow: inset 0 0 6px rgba(0,0,0,.2)
}

a {
    transition: all .25s cubic-bezier(.645,.045,.355,1);
    color: var(--link-color)
}

a:before,a:after {
    transition: inherit
}

a:hover,a:focus {
    color: var(--link-color-hover)
}

a:active,a.nice-select.open {
    color: var(--link-color-active)
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

a,a:hover,a:focus,a:before,a:after {
    outline: none;
    text-decoration: none
}

h1,h2,h3,h4,h5,h6 {
    font-family: "Quicksand", Sans-serif;
    color: var(--four-color);
    font-weight: 700;
    margin: 0 0 15px;
    clear: both;
    line-height: 1.41666
}

h1,.h1 {
    font-size: 48px
}

h2,.h2 {
    font-size: 42px
}

h3,.h3 {
    font-size: 32px
}

h4,.h4 {
    font-size: 24px
}

h5,.h5 {
    font-size: 22px
}

h6,.h6 {
    font-size: 18px
}

img {
    width: auto;
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none
}

p {
    margin: 0 0 15px
}
ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.btn {
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    font-weight: 600;
    color: #fff !important;
    padding: 18px 38px;
    line-height: 140%;
    letter-spacing: .005em;
    border-radius: 10px;
    transition: .5s;
    position: relative;
    cursor: pointer;
    height: auto;
    outline: none;
    box-shadow: none !important;
    border: 0px !important;
    overflow: hidden
}
.digi-btn-primary{
    background-image: linear-gradient(to right,var(--gradient-color-from),var(--gradient-color-to));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='var(--gradient-color-from)',endColorStr='var(--gradient-color-to)');
}
.btn.btn-default:after {
    content: "";
    background: #fff;
    position: absolute;
    height: 120%;
    width: 15px;
    opacity: .2;
    left: -45%;
    top: -10%;
    transition: all .8s;
    transform: rotate(15deg);
}
.btn:hover:after {
    left: 130%;
}
.digi-container{
    padding: 0 40px;
    margin: 0 auto;
}
.digi-btn-secondry{
    padding: 14px 22px;
    color: #FDFDFD;
    background-color: transparent;
    background-image: linear-gradient(180deg, #000000 0%, #000000 59%);
}
.flex-center{
    display: flex;
    align-items: center;
    justify-content: space-between;  
}
.digi-sec-black{
    background: #181818;
}
.digi-sec-grey{
    background: #e0e0e0;
}
.digi-sec-black span,
.digi-sec-black h2,
.digi-sec-black h5{
    color: white;
}
.digi-sec-black p{
    color: #A7BABA;
}
img{
    height: auto;
    max-width: 100%;
    box-shadow: none;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
}
.digi-split-text{
    overflow: hidden;
            /* white-space: nowrap; */
}
@media screen and (max-width: 991px) {
    .digi-container{
        padding: 0 16px;
    }
}