@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&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&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

@font-face {
    font-family: "Jost", sans-serif;
    src: url('yourfont.woff2') format('woff2');
    font-display: swap;
}

@media (min-width: 1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1600px;
    }
}

@media (min-width: 1600px) and (max-width: 1800px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1450px;
    }
}

/* Preloader */

#web-preloader {
    position: fixed;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
    background: #1A0518;
    top: 0;
    display: flex;
    z-index: 999;
}

#web-preloader .container-cubes {
    position: relative;
    height: 100px;
    width: 86px;
    transform: scale(0.5);
}

#web-preloader .container-cubes .cube {
    position: absolute;
    width: 86px;
    height: 100px;
}

#web-preloader .container-cubes .right {
    background: #e79c10;
    transform: rotate(-30deg) skewX(-30deg) translate(49px, 65px) scaleY(0.86);
}

#web-preloader .container-cubes .left {
    background: #d53a33;
    transform: rotate(90deg) skewX(-30deg) scaleY(0.86) translate(25px, -50px);
}

#web-preloader .container-cubes .top {
    background: #6B60FF;
    transform: rotate(210deg) skew(-30deg) translate(-75px, -22px) scaleY(0.86);
    z-index: 2;
}

#web-preloader .container-cubes .face {
    height: 50px;
    width: 50px;
    position: absolute;
    transform-origin: 0 0;
}

#web-preloader .container-cubes .h1.w1.l1 {
    z-index: -1;
    animation-name: h1w1l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w1l1 {
    0% {
        transform: translate(0%, -100%);
    }

    14% {
        transform: translate(-50%, -125%);
    }

    28% {
        transform: translate(0%, -150%);
    }

    43% {
        transform: translate(0%, -200%);
    }

    57% {
        transform: translate(50%, -175%);
    }

    71% {
        transform: translate(0%, -150%);
    }

    85% {
        transform: translate(0%, -100%);
    }

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

#web-preloader .container-cubes .h1.w1.l2 {
    z-index: -1;
    animation-name: h1w1l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w1l2 {
    0% {
        transform: translate(50%, -75%);
    }

    14% {
        transform: translate(50%, -75%);
    }

    28% {
        transform: translate(100%, -100%);
    }

    43% {
        transform: translate(100%, -150%);
    }

    57% {
        transform: translate(100%, -150%);
    }

    71% {
        transform: translate(50%, -125%);
    }

    85% {
        transform: translate(50%, -75%);
    }

    100% {
        transform: translate(50%, -75%);
    }
}

#web-preloader .container-cubes .h1.w1.l3 {
    z-index: -1;
    animation-name: h1w1l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w1l3 {
    0% {
        transform: translate(100%, -50%);
    }

    14% {
        transform: translate(150%, -25%);
    }

    28% {
        transform: translate(200%, -50%);
    }

    43% {
        transform: translate(200%, -100%);
    }

    57% {
        transform: translate(150%, -125%);
    }

    71% {
        transform: translate(100%, -100%);
    }

    85% {
        transform: translate(100%, -50%);
    }

    100% {
        transform: translate(100%, -50%);
    }
}

#web-preloader .container-cubes .h1.w2.l1 {
    z-index: -1;
    animation-name: h1w2l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w2l1 {
    0% {
        transform: translate(-50%, -75%);
    }

    14% {
        transform: translate(-100%, -100%);
    }

    28% {
        transform: translate(-100%, -100%);
    }

    43% {
        transform: translate(-100%, -150%);
    }

    57% {
        transform: translate(-50%, -125%);
    }

    71% {
        transform: translate(-50%, -125%);
    }

    85% {
        transform: translate(-50%, -75%);
    }

    100% {
        transform: translate(-50%, -75%);
    }
}

#web-preloader .container-cubes .h1.w2.l2 {
    z-index: -1;
    animation-name: h1w2l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w2l2 {
    0% {
        transform: translate(0%, -50%);
    }

    14% {
        transform: translate(0%, -50%);
    }

    28% {
        transform: translate(0%, -50%);
    }

    43% {
        transform: translate(0%, -100%);
    }

    57% {
        transform: translate(0%, -100%);
    }

    71% {
        transform: translate(0%, -100%);
    }

    85% {
        transform: translate(0%, -50%);
    }

    100% {
        transform: translate(0%, -50%);
    }
}

#web-preloader .container-cubes .h1.w2.l3 {
    z-index: -1;
    animation-name: h1w2l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w2l3 {
    0% {
        transform: translate(50%, -25%);
    }

    14% {
        transform: translate(100%, 0%);
    }

    28% {
        transform: translate(100%, 0%);
    }

    43% {
        transform: translate(100%, -50%);
    }

    57% {
        transform: translate(50%, -75%);
    }

    71% {
        transform: translate(50%, -75%);
    }

    85% {
        transform: translate(50%, -25%);
    }

    100% {
        transform: translate(50%, -25%);
    }
}

#web-preloader .container-cubes .h1.w3.l1 {
    z-index: -1;
    animation-name: h1w3l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w3l1 {
    0% {
        transform: translate(-100%, -50%);
    }

    14% {
        transform: translate(-150%, -75%);
    }

    28% {
        transform: translate(-200%, -50%);
    }

    43% {
        transform: translate(-200%, -100%);
    }

    57% {
        transform: translate(-150%, -75%);
    }

    71% {
        transform: translate(-100%, -100%);
    }

    85% {
        transform: translate(-100%, -50%);
    }

    100% {
        transform: translate(-100%, -50%);
    }
}

#web-preloader .container-cubes .h1.w3.l2 {
    z-index: -1;
    animation-name: h1w3l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w3l2 {
    0% {
        transform: translate(-50%, -25%);
    }

    14% {
        transform: translate(-50%, -25%);
    }

    28% {
        transform: translate(-100%, 0%);
    }

    43% {
        transform: translate(-100%, -50%);
    }

    57% {
        transform: translate(-100%, -50%);
    }

    71% {
        transform: translate(-50%, -75%);
    }

    85% {
        transform: translate(-50%, -25%);
    }

    100% {
        transform: translate(-50%, -25%);
    }
}

#web-preloader .container-cubes .h1.w3.l3 {
    z-index: -1;
    animation-name: h1w3l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h1w3l3 {
    0% {
        transform: translate(0%, 0%);
    }

    14% {
        transform: translate(50%, 25%);
    }

    28% {
        transform: translate(0%, 50%);
    }

    43% {
        transform: translate(0%, 0%);
    }

    57% {
        transform: translate(-50%, -25%);
    }

    71% {
        transform: translate(0%, -50%);
    }

    85% {
        transform: translate(0%, 0%);
    }

    100% {
        transform: translate(0%, 0%);
    }
}

#web-preloader .container-cubes .h2.w1.l1 {
    z-index: -2;
    animation-name: h2w1l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w1l1 {
    0% {
        transform: translate(0%, -50%);
    }

    14% {
        transform: translate(-50%, -75%);
    }

    28% {
        transform: translate(0%, -100%);
    }

    43% {
        transform: translate(0%, -100%);
    }

    57% {
        transform: translate(50%, -75%);
    }

    71% {
        transform: translate(0%, -50%);
    }

    85% {
        transform: translate(0%, -50%);
    }

    100% {
        transform: translate(0%, -50%);
    }
}

#web-preloader .container-cubes .h2.w1.l2 {
    z-index: -2;
    animation-name: h2w1l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w1l2 {
    0% {
        transform: translate(50%, -25%);
    }

    14% {
        transform: translate(50%, -25%);
    }

    28% {
        transform: translate(100%, -50%);
    }

    43% {
        transform: translate(100%, -50%);
    }

    57% {
        transform: translate(100%, -50%);
    }

    71% {
        transform: translate(50%, -25%);
    }

    85% {
        transform: translate(50%, -25%);
    }

    100% {
        transform: translate(50%, -25%);
    }
}

#web-preloader .container-cubes .h2.w1.l3 {
    z-index: -2;
    animation-name: h2w1l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w1l3 {
    0% {
        transform: translate(100%, 0%);
    }

    14% {
        transform: translate(150%, 25%);
    }

    28% {
        transform: translate(200%, 0%);
    }

    43% {
        transform: translate(200%, 0%);
    }

    57% {
        transform: translate(150%, -25%);
    }

    71% {
        transform: translate(100%, 0%);
    }

    85% {
        transform: translate(100%, 0%);
    }

    100% {
        transform: translate(100%, 0%);
    }
}

#web-preloader .container-cubes .h2.w2.l1 {
    z-index: -2;
    animation-name: h2w2l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w2l1 {
    0% {
        transform: translate(-50%, -25%);
    }

    14% {
        transform: translate(-100%, -50%);
    }

    28% {
        transform: translate(-100%, -50%);
    }

    43% {
        transform: translate(-100%, -50%);
    }

    57% {
        transform: translate(-50%, -25%);
    }

    71% {
        transform: translate(-50%, -25%);
    }

    85% {
        transform: translate(-50%, -25%);
    }

    100% {
        transform: translate(-50%, -25%);
    }
}

#web-preloader .container-cubes .h2.w2.l2 {
    z-index: -2;
    animation-name: h2w2l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w2l2 {
    0% {
        transform: translate(0%, 0%);
    }

    14% {
        transform: translate(0%, 0%);
    }

    28% {
        transform: translate(0%, 0%);
    }

    43% {
        transform: translate(0%, 0%);
    }

    57% {
        transform: translate(0%, 0%);
    }

    71% {
        transform: translate(0%, 0%);
    }

    85% {
        transform: translate(0%, 0%);
    }

    100% {
        transform: translate(0%, 0%);
    }
}

#web-preloader .container-cubes .h2.w2.l3 {
    z-index: -2;
    animation-name: h2w2l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w2l3 {
    0% {
        transform: translate(50%, 25%);
    }

    14% {
        transform: translate(100%, 50%);
    }

    28% {
        transform: translate(100%, 50%);
    }

    43% {
        transform: translate(100%, 50%);
    }

    57% {
        transform: translate(50%, 25%);
    }

    71% {
        transform: translate(50%, 25%);
    }

    85% {
        transform: translate(50%, 25%);
    }

    100% {
        transform: translate(50%, 25%);
    }
}

#web-preloader .container-cubes .h2.w3.l1 {
    z-index: -2;
    animation-name: h2w3l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w3l1 {
    0% {
        transform: translate(-100%, 0%);
    }

    14% {
        transform: translate(-150%, -25%);
    }

    28% {
        transform: translate(-200%, 0%);
    }

    43% {
        transform: translate(-200%, 0%);
    }

    57% {
        transform: translate(-150%, 25%);
    }

    71% {
        transform: translate(-100%, 0%);
    }

    85% {
        transform: translate(-100%, 0%);
    }

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

#web-preloader .container-cubes .h2.w3.l2 {
    z-index: -2;
    animation-name: h2w3l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w3l2 {
    0% {
        transform: translate(-50%, 25%);
    }

    14% {
        transform: translate(-50%, 25%);
    }

    28% {
        transform: translate(-100%, 50%);
    }

    43% {
        transform: translate(-100%, 50%);
    }

    57% {
        transform: translate(-100%, 50%);
    }

    71% {
        transform: translate(-50%, 25%);
    }

    85% {
        transform: translate(-50%, 25%);
    }

    100% {
        transform: translate(-50%, 25%);
    }
}

#web-preloader .container-cubes .h2.w3.l3 {
    z-index: -2;
    animation-name: h2w3l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h2w3l3 {
    0% {
        transform: translate(0%, 50%);
    }

    14% {
        transform: translate(50%, 75%);
    }

    28% {
        transform: translate(0%, 100%);
    }

    43% {
        transform: translate(0%, 100%);
    }

    57% {
        transform: translate(-50%, 75%);
    }

    71% {
        transform: translate(0%, 50%);
    }

    85% {
        transform: translate(0%, 50%);
    }

    100% {
        transform: translate(0%, 50%);
    }
}

#web-preloader .container-cubes .h3.w1.l1 {
    z-index: -3;
    animation-name: h3w1l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w1l1 {
    0% {
        transform: translate(0%, 0%);
    }

    14% {
        transform: translate(-50%, -25%);
    }

    28% {
        transform: translate(0%, -50%);
    }

    43% {
        transform: translate(0%, 0%);
    }

    57% {
        transform: translate(50%, 25%);
    }

    71% {
        transform: translate(0%, 50%);
    }

    85% {
        transform: translate(0%, 0%);
    }

    100% {
        transform: translate(0%, 0%);
    }
}

#web-preloader .container-cubes .h3.w1.l2 {
    z-index: -3;
    animation-name: h3w1l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w1l2 {
    0% {
        transform: translate(50%, 25%);
    }

    14% {
        transform: translate(50%, 25%);
    }

    28% {
        transform: translate(100%, 0%);
    }

    43% {
        transform: translate(100%, 50%);
    }

    57% {
        transform: translate(100%, 50%);
    }

    71% {
        transform: translate(50%, 75%);
    }

    85% {
        transform: translate(50%, 25%);
    }

    100% {
        transform: translate(50%, 25%);
    }
}

#web-preloader .container-cubes .h3.w1.l3 {
    z-index: -3;
    animation-name: h3w1l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w1l3 {
    0% {
        transform: translate(100%, 50%);
    }

    14% {
        transform: translate(150%, 75%);
    }

    28% {
        transform: translate(200%, 50%);
    }

    43% {
        transform: translate(200%, 100%);
    }

    57% {
        transform: translate(150%, 75%);
    }

    71% {
        transform: translate(100%, 100%);
    }

    85% {
        transform: translate(100%, 50%);
    }

    100% {
        transform: translate(100%, 50%);
    }
}

#web-preloader .container-cubes .h3.w2.l1 {
    z-index: -3;
    animation-name: h3w2l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w2l1 {
    0% {
        transform: translate(-50%, 25%);
    }

    14% {
        transform: translate(-100%, 0%);
    }

    28% {
        transform: translate(-100%, 0%);
    }

    43% {
        transform: translate(-100%, 50%);
    }

    57% {
        transform: translate(-50%, 75%);
    }

    71% {
        transform: translate(-50%, 75%);
    }

    85% {
        transform: translate(-50%, 25%);
    }

    100% {
        transform: translate(-50%, 25%);
    }
}

#web-preloader .container-cubes .h3.w2.l2 {
    z-index: -3;
    animation-name: h3w2l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w2l2 {
    0% {
        transform: translate(0%, 50%);
    }

    14% {
        transform: translate(0%, 50%);
    }

    28% {
        transform: translate(0%, 50%);
    }

    43% {
        transform: translate(0%, 100%);
    }

    57% {
        transform: translate(0%, 100%);
    }

    71% {
        transform: translate(0%, 100%);
    }

    85% {
        transform: translate(0%, 50%);
    }

    100% {
        transform: translate(0%, 50%);
    }
}

#web-preloader .container-cubes .h3.w2.l3 {
    z-index: -3;
    animation-name: h3w2l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w2l3 {
    0% {
        transform: translate(50%, 75%);
    }

    14% {
        transform: translate(100%, 100%);
    }

    28% {
        transform: translate(100%, 100%);
    }

    43% {
        transform: translate(100%, 150%);
    }

    57% {
        transform: translate(50%, 125%);
    }

    71% {
        transform: translate(50%, 125%);
    }

    85% {
        transform: translate(50%, 75%);
    }

    100% {
        transform: translate(50%, 75%);
    }
}

#web-preloader .container-cubes .h3.w3.l1 {
    z-index: -3;
    animation-name: h3w3l1;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w3l1 {
    0% {
        transform: translate(-100%, 50%);
    }

    14% {
        transform: translate(-150%, 25%);
    }

    28% {
        transform: translate(-200%, 50%);
    }

    43% {
        transform: translate(-200%, 100%);
    }

    57% {
        transform: translate(-150%, 125%);
    }

    71% {
        transform: translate(-100%, 100%);
    }

    85% {
        transform: translate(-100%, 50%);
    }

    100% {
        transform: translate(-100%, 50%);
    }
}

#web-preloader .container-cubes .h3.w3.l2 {
    z-index: -3;
    animation-name: h3w3l2;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w3l2 {
    0% {
        transform: translate(-50%, 75%);
    }

    14% {
        transform: translate(-50%, 75%);
    }

    28% {
        transform: translate(-100%, 100%);
    }

    43% {
        transform: translate(-100%, 150%);
    }

    57% {
        transform: translate(-100%, 150%);
    }

    71% {
        transform: translate(-50%, 125%);
    }

    85% {
        transform: translate(-50%, 75%);
    }

    100% {
        transform: translate(-50%, 75%);
    }
}

#web-preloader .container-cubes .h3.w3.l3 {
    z-index: -3;
    animation-name: h3w3l3;
    animation-timing-function: ease;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}

@keyframes h3w3l3 {
    0% {
        transform: translate(0%, 100%);
    }

    14% {
        transform: translate(50%, 125%);
    }

    28% {
        transform: translate(0%, 150%);
    }

    43% {
        transform: translate(0%, 200%);
    }

    57% {
        transform: translate(-50%, 175%);
    }

    71% {
        transform: translate(0%, 150%);
    }

    85% {
        transform: translate(0%, 100%);
    }

    100% {
        transform: translate(0%, 100%);
    }
}



/* Preloader End */



@keyframes border-dance {
    0% {
        background-position: 0px 0px, 300px 142px, 0px 150px, 735px 0px;
    }

    100% {
        background-position: 300px 0px, 0px 142px, 0px 0px, 735px 150px;
    }
}

@keyframes up-down {
    0% {
        transform: translate(1px, 20px);
    }

    24% {
        transform: translate(1px, 30px);
    }

    50% {
        transform: translate(1px, 12px);
    }

    74% {
        transform: translate(1px, 22px);
    }

    100% {
        transform: translate(1px, 22px);
    }
}

@-moz-keyframes up-down {
    0% {
        -moz-transform: translate(1px, 20px);
    }

    24% {
        -moz-transform: translate(1px, 30px);
    }

    50% {
        -moz-transform: translate(1px, 12px);
    }

    74% {
        -moz-transform: translate(1px, 22px);
    }

    100% {
        -moz-transform: translate(1px, 22px);
    }
}

@-webkit-keyframes up-down {
    0% {
        -webkit-transform: translate(1px, 20px);
    }

    24% {
        -webkit-transform: translate(1px, 30px);
    }

    50% {
        -webkit-transform: translate(1px, 12px);
    }

    74% {
        -webkit-transform: translate(1px, 22px);
    }

    100% {
        -webkit-transform: translate(1px, 22px);
    }
}

@-o-keyframes up-down {
    0% {
        -o-transform: translate(1px, 20px);
    }

    24% {
        -o-transform: translate(1px, 30px);
    }

    50% {
        -o-transform: translate(1px, 12px);
    }

    74% {
        -o-transform: translate(1px, 22px);
    }

    100% {
        -o-transform: translate(1px, 22px);
    }
}

@-ms-keyframes up-down {
    0% {
        -ms-transform: translate(1px, 20px);
    }

    24% {
        -ms-transform: translate(1px, 30px);
    }

    50% {
        -ms-transform: translate(1px, 12px);
    }

    74% {
        -ms-transform: translate(1px, 22px);
    }

    100% {
        -ms-transform: translate(1px, 22px);
    }
}

@keyframes gap-mob {
    0% {
        gap: 0rem;
    }

    50% {
        gap: 1rem;
    }

    100% {
        gap: 0rem;
    }
}

/* Header */


header#header {
    background: transparent;
    position: absolute;
    z-index: 1;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    z-index: 99999;
}

header#header a.navbar-brand img {
    width: auto;
    height: 52px;
}

header#header div#navbarSupportedContent {
    justify-content: space-between;
}
    
header#header ul.navbar-nav {
    align-items: center;
    padding-left: 15%;
    gap: 1rem;
}

header#header ul.navbar-nav li a.nav-link {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    letter-spacing: 0em;
    text-transform: uppercase;
    color: #FFFFFF;
}

header#header .cta-header a.btn {
    background: #6A60FF;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    color: white;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 12px 45px;
    box-shadow: 0 0 32px 0 #6A60FF;
}

section.banner.home-banner .main_container {
    position: relative;
    padding-bottom: 0rem;
}

section.banner.home-banner {
    position: relative;
    background: #1A0518;
    padding-top: 7rem;
    padding-bottom: 0rem;
    height: auto;
    width: 100%;
}

section.banner.home-banner canvas#globe {
    width: auto !important;
    /* let our container decide our size */
    position: absolute;
    bottom: -32%;
    z-index: 1;
    height: 85% !important;
    margin: auto;
    left: 6%;
}

section.banner.home-banner div#particles-js {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    height: 100%;
}

.globe-world {
    text-align: center;
    position: relative;
    z-index: 1;
    transition: 0.3s all linear;
}

.globe-world img {
    width: 90%;
    margin: auto;
    position: relative;
    z-index: 1;
    transition: 0.3s all linear;
}

.globe-world:hover img {
    filter: hue-rotate(45deg);
    transition: 0.3s all linear;
}

/* section.banner.home-banner .main_container { */
/* position: absolute;
  left: 0;              */
/* top: 0;
  color: white;
} */

section.banner.home-banner .banner-text {
    padding-top: 4rem;
    padding-bottom: 1.8rem;
    width: 75%;
    margin: auto;
    position: relative;
    z-index: 1;
}

section.banner.home-banner .banner-text h3 {
    font-family: "Jost", sans-serif;
    font-size: 27px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0px;
    color: #6B60FF;
    text-transform: capitalize;
    margin-bottom: 0px;
}

section.banner.home-banner .banner-text h2 {
    font-family: "Jost", sans-serif;
    font-size: 67px;
    font-weight: 700;
    line-height: 97px;
    letter-spacing: 0px;
    color: white;
    text-transform: capitalize;
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #29B287; */
    position: relative;
    width: max-content;
    margin: auto;
}

section.banner.home-banner .banner-text h2:after {
    content: '';
    position: absolute;
    right: 3px;
    top: 17px;
    background: url(/images/unique-Identity.png);
    width: 49.4rem;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: auto;
}

section.banner.home-banner .banner-text p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    width: 70%;
    margin: auto;
}

section.banner.home-banner .btn-banner {
    text-align: center;
    position: relative;
    z-index: 10;
}

section.banner.home-banner .btn-banner a.btn {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 12px 50px;
    box-shadow: 0 0 32px 0 #6A60FF;
    background: #6A60FF;
    border: none;
}

section.banner.home-banner .light-from-left {
    position: absolute;
    left: 0px;
    top: 1%;
    width: 38%;
    z-index: 9;
}

section.banner.home-banner .light-from-left img {
    width: 100%;
}

section.banner.home-banner .light-from-right {
    position: absolute;
    right: 0px;
    top: 0;
    width: 38%;
    z-index: 9;
}

section.banner.home-banner .light-from-right img {
    width: 100%;
}

section.s2 {
    position: relative;
    z-index: 2;
    background: linear-gradient(359.84deg, #190417 92.04%, rgba(25, 4, 23, 0) 99.85%);
    margin-top: -1.3%;
    padding-top: 4.4rem;
    padding-bottom: 1rem;
}



section.s2 .text-head {
    width: 85%;
}

section.s2 .text-head h3 {
    font-family: "Jost", sans-serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    color: #6B60FF;
    text-transform: capitalize;
}

section.s2 .text-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: white;
}

section.s2 .text-head h2 span {
    color: #6B60FF;
}


section.s2 .txt p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #B8B8B8;
    margin-bottom: 0px;
}

section.s2 .buttons {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.s2 .buttons a.btn.button.is-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.s2 .buttons a.btn.button.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.s3 {
    background: linear-gradient(359.84deg, #190417 92.04%, #190417 99.85%);
    padding-bottom: 3rem;
}

section.s3 .media-sec img {
    width: 100%;
}


section.s3 .textmoving {
    text-align: right;
}

section.s3 .textmoving h2 {
    font-family: "Jost", sans-serif;
    font-size: 197px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: transparent;
    -webkit-text-stroke: 2px #5ADEFF;
    margin-bottom: 0px;
    text-align: right;
}

section.s3 .sec_head {
    width: 75%;
    margin: auto;
    padding-bottom: 1.2rem;
}

section.s3 .sec_head h3 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding-top: 1.5rem;
}

section.s3 .sec_head h2 {}

section.s3 .row_main {
    align-items: center;
}

section.s3 .txt {
    width: 95%;
}

section.s3 .txt h4 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: capitalize;
}

section.s3 .txt p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #B8B8B8;
}

section.s3 .buttons {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.s3 .buttons a.btn.button.is-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.s3 .buttons a.btn.button.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

div#swiper-wrapper-5ccba2ef7fcecc66 {}

section.s3 .service-swipe {}

section.s3 .service-swipe .swiper-pagination-bullets {
    display: flex;
    justify-content: center;
    gap: 0.2rem;
}

section.s3 .service-swipe .swiper-pagination-bullets span.swiper-pagination-bullet-active {
    background: #6A61FD !important;
}

section.s3 .service-swipe .swiper-pagination-bullets span.swiper-pagination-bullet {
    background: white;
    opacity: 1;
    width: 12px;
    height: 12px;
}

section.cta-sec {
    background: linear-gradient(359.84deg, #190417 92.04%, #190417 99.85%);
}

section.cta-sec .box-container {
    background: #6B60FF;
    border: 2px solid #000000;
    border-radius: 32px;
}

section.cta-sec .box-container .media-sec img {
    width: 100%;
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
}

section.cta-sec .box-container .row-main {
    align-items: center;
}

section.cta-sec .box-container .text {
    width: 98%;
    padding-bottom: 0.5rem;
    padding-top: 1rem;
}

section.cta-sec .box-container .text h2 {
    font-family: "Jost", sans-serif;
    font-size: 65px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
}

section.cta-sec .box-container .text p {
    color: #D9D9D9;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

section.cta-sec .box-container .buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem;
    padding-bottom: 1rem;
}

section.cta-sec .box-container .buttons a.btn {
    display: flex;
    align-items: center;
    gap: 5px;
    height: 3.4rem;
    padding: 2px 35px;
    border-radius: 10px;
}

section.cta-sec .box-container .buttons a.btn-dark {
    background: #190417;
}

section.cta-sec .box-container .buttons a.btn-light {
    background: #fff;
    box-shadow: 0 0 8px 0 #ffff;
}

section.cta-sec .box-container .buttons a.btn-light span {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: #313131;
}

section.cta-sec .box-container .buttons a.btn-dark span {
    text-transform: capitalize;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    color: white;
}

section.cta-sec .box-container .media-sec {
    position: relative;
    margin-top: -32px;
    margin-left: -30px;
}

section.s4 {
    background: url(../images/s4-bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

section.cta-sec.cta-one {
    background: linear-gradient(360deg, #22061f 35.04%, #190417 18.85%);
    background-size: cover;
    background-repeat: no-repeat;
}

section.s4 .main-row {
    align-items: center;
}

section.s4 .media-sec img {
    width: 98%;
}

section.s4 .section-text {}

section.s4 .section-text h3 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
    width: 92%;
}

section.s4 .section-text p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
}

section.s4 .buttons {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.s4 .buttons a.btn-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.s4 .buttons a.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.creative-sec {
    background: #190417;
    padding-top: 4rem;
    padding-bottom: 5rem;
}

section.creative-sec {}

section.creative-sec .section-head {
    padding-bottom: 0.8rem;
}

section.creative-sec .section-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
    width: 80%;
    margin: auto;
    padding-bottom: 0.4rem;
}

section.creative-sec .section-head p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    width: 45%;
    margin: auto;
}

section.creative-sec ul#creative-tabs {
    border-bottom: none;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

section.creative-sec ul#creative-tabs li.nav-item {
    position: relative;
}

section.creative-sec ul#creative-tabs li.nav-item a {
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0px;
    color: white;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 0px;
}

section.creative-sec ul#creative-tabs li.nav-item a.active {
    background: #6B60FF;
    border: none;
    border-radius: 10px;
    box-shadow: 0 0 28px 0 #6A60FF;
    padding: 0.7rem 1.5rem;
}

section.creative-sec .tab-content {
    padding-top: 4rem;
}

section.creative-sec .item .box {
    width: 100%;
    position: relative;
    transition: 0.3s all ease-in;
    cursor: pointer;
}

section.creative-sec .item {
    padding: 18px;
}

section.creative-sec .item .box .media {}

section.creative-sec .item .box .media img {
    width: 100%;
}

section.creative-sec .item .box .box-overlay {
    position: absolute;
    bottom: 0px;
    width: 100%;
    text-align: center;
    background: #6B60FF;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    border-radius: 0px 0px 5px 5px;
    display: none;
    transition: 0.3s all ease-in;
    height: 0px;
}

section.creative-sec .item .box .box-overlay h4.client {
    font-family: "Jost", sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 0.5rem;
}

section.creative-sec .item .box .box-overlay h5.service-name {
    font-family: "Jost", sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: 0em;
    text-align: center;
    margin-bottom: 0px;
    color: #EAEAEA;
    text-transform: uppercase;
    padding-bottom: 0.4rem;
}

section.creative-sec .item .box .box-overlay p.link-service {
    font-family: "Jost", sans-serif;
    font-size: 8px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    color: #EAEAEA;
    margin-bottom: 0px;
}

section.creative-sec .item .box .box-overlay p.link-service a {
    text-decoration: none;
    color: #EAEAEA;
}

section.creative-sec .item .box:hover {
    transition: 0.3s all ease-in;
    box-shadow: 0 0 28px 0 #6A60FF;
}

section.creative-sec .item .box:hover .box-overlay {
    display: block;
    transition: 0.3s all ease-in;
    height: auto;
}

section.creative-sec ul#creative-tabs li.nav-item:after {
    content: '';
    position: absolute;
    right: -20%;
    top: 28%;
    width: 2px;
    height: 55%;
    background: white;
}

section.creative-sec ul#creative-tabs li.nav-item:has(.active):after {
    position: absolute;
    right: -15%;
    top: 31%;
    width: 2px;
    height: 55%;
    height: 45%;
}

section.creative-sec ul#creative-tabs li.nav-item:last-child:after {
    display: none;
}

section.creative-sec .buttons.cetered-buttons {
    justify-content: center;
    text-align: center;
}

section.creative-sec .buttons {
    padding-top: 4rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.creative-sec .buttons a.btn {}

section.creative-sec .buttons a.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.creative-sec .buttons a.btn-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.cta-sec.cta-alt {}

section.cta-sec.cta-alt .box-container {
    padding-left: 2.5rem;
}

section.cta-sec.cta-alt .media-sec {
    margin-left: 0px;
    margin-right: -30px;
}

section.how-works-sec {
    background: #190417;
    padding-top: 4rem;
    padding-bottom: 4rem;
}

section.how-works-sec .section-head {
    padding-bottom: 2rem;
    width: 70%;
    margin: auto;
}

section.how-works-sec .section-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
}

section.how-works-sec .section-head p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #D9D9D9;
}

.section-head.text-center {}

section.how-works-sec .text {
    width: 90%;
}

.text {}

section.how-works-sec .text h3 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    color: white;
    padding-bottom: 1rem;
    /* text-transform: capitalize; */
}

section.how-works-sec .text p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #B8B8B8;
}

.buttons.aos-init.aos-animate {}

section.how-works-sec .buttons {}


section.how-works-sec .buttons {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.how-works-sec .buttons a.is-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.how-works-sec .buttons a.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.how-works-sec .bfocus_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 3rem;
}

section.how-works-sec .bfocus_cont .media img {
    width: 100%;
}

section.testimonial-sec {
    background-color: #22061F;
    padding-top: 4rem;
    padding-bottom: 4rem;
    background: url(../images/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

section.testimonial-sec {}

.section-head.text-center {}

section.testimonial-sec .section-head {
    width: 54%;
    margin: auto;
    padding-bottom: 3rem;
}

section.testimonial-sec .section-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    color: white;
    padding-bottom: 0.5rem;
}

section.testimonial-sec .section-head p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #D9D9D9;
}

section.testimonial-sec .testimonial_slider .item {
    padding: 6px;
}

.item.slick-slide.slick-cloned {}

section.testimonial-sec .testimonial_slider .item .itembox {
    background: #2C0728;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 10px 3px #00000040;
    border-radius: 5px;
    padding: 18px 14px;
    padding-bottom: 22px;
}

.item.slick-slide.slick-cloned {}

section.testimonial-sec .testimonial_slider .slick-current .itembox {
    background: #6B60FF;
    box-shadow: 0px 0px 10px 3px #00000040;
    border: 1px solid #6B60FF;
}

section.testimonial-sec .testimonial_slider .item .rtcol {}

section.testimonial-sec .testimonial_slider .item .rtcol h5 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: white;
    margin-bottom: 0px;
    padding-bottom: 1px;
}

section.testimonial-sec .testimonial_slider .item .rtcol h3 {
    font-family: Inter;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0em;
    text-transform: capitalize;
    color: white;
    margin-bottom: 0px;
    padding-bottom: 1px;
}

.rtcol {}

section.testimonial-sec .testimonial_slider .item .rtcol h6 {
    color: #D9D9D9;
    font-family: Poppins;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0px;
    margin-bottom: 0px;
}

section.testimonial-sec .testimonial_slider .item .topone {
    display: flex;
    align-items: center;
    gap: 9px;
}

section.testimonial-sec .testimonial_slider .item .topone span.stars {
    display: flex;
    align-items: center;
    gap: 4px;
    padding-top: 0.4rem;
}

section.testimonial-sec .testimonial_slider .item .itemrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

section.testimonial-sec .testimonial_slider .item .itemrow .itemcol.leftcol {
    flex: 60%;
    max-width: 60%;
}

section.testimonial-sec .testimonial_slider .item .itemrow .itemcol .media img {
    width: 100%;
}

.itemcol.leftcol {}

section.testimonial-sec .testimonial_slider .item .itemrow .itemcol.rightcol {
    flex: 40%;
    max-width: 40%;
}

section.testimonial-sec .testimonial_slider .item p.review-content {
    padding-top: 1rem;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    letter-spacing: 0px;
    color: #D9D9D9;
    margin-bottom: 0px;
    height: 9.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
}

footer {
    border-bottom: 8px solid #6B5FFF;
}

.footer-main {}

footer .footer-main {
    background: url(../images/testimonial-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

footer .footer-widgets {
    padding-top: 3rem;
    position: relative;
    z-index: 999;
}

footer .footer-widgets h4.widget-title {
    font-family: "Jost", sans-serif;
    font-size: 32px;
    font-weight: 600;
    line-height: 46px;
    letter-spacing: 0em;
    color: #FFFFFF;
    padding-bottom: 10px;
}

h4.widget-title {}

footer .footer-widgets ul.menu {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
}

footer .footer-widgets ul.menu li {
    padding-bottom: 3px;
}

footer .footer-widgets ul.menu li a {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 1rem;
    width: max-content;
}

footer .footer-widgets ul.menu li a i {
    color: #6B5FFF;
    font-size: 12px;
    border: 1px solid;
    border-radius: 50%;
}

footer .footer-widgets ul.menu li a span {
    font-family: "Jost", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: white;
    text-transform: capitalize;
}

footer .copyrights {
    background: #210921;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

footer .copyrights p.copyrights-txt {
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 21px;
    letter-spacing: 0em;
    color: white;
}

section.testimonial-sec .testimonial_slider .item .topone span.stars i {
    color: #DAD107;
    font-size: 12px;
}


footer .footer-widgets .container {
    padding-bottom: 3rem;
    border-bottom: 1px solid #6B5FFF;
}

footer .footer-bottom {
    padding-top: 2rem;
    padding-bottom: 2.5rem;
}

footer .newsletter {}

footer .newsletter .nltxt {}

footer .newsletter .nltxt h5 {
    font-family: "Jost", sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    color: white;
    text-transform: capitalize;
}

footer .newsletter .nltxt p {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: white;
}

footer .form-nl form {}

footer .form-nl form .col input {
    width: 100%;
}

footer .form-nl form .col {
    padding: 0px;
}

footer .form-nl form .col.input_col {
    flex: 2;
}

footer .form-nl form input[type="email"] {
    padding-left: 15px;
    background: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    height: 60px;
}

footer .form-nl form input[type="email"]::placeholder {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    color: #828282;
}

footer .form-nl form input[type="submit"] {
    height: 65px;
    border: none;
    border-radius: 4px;
    background: #6B5FFF;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0px;
    color: white;
    text-transform: capitalize;
    margin-left: -2.5rem;
    box-shadow: 0 0 28px 0 #6A60FF;
}

footer div.form-nl form .row {
    align-items: center;
}

footer .footer-bottom .is-mid {
    padding-left: 1.5rem;
}

footer ul.contact-info {
    padding-left: 0px;
    list-style: none;
}

footer ul.contact-info li {
    padding-bottom: 3px;
    display: flex;
    gap: 10px;
}

footer ul.contact-info li span.info-ab {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: white;
}

span.info-ab {}

span.info {}

footer ul.contact-info li span.info {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: white;
}

span.info {}

footer ul.contact-info li span.info a {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0px;
    color: white;
    text-decoration: none;
}

footer .payment-info {
    padding-top: 0.8rem;
}

footer .payment-info p {
    font-family: Poppins;
    font-size: 11px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0px;
    color: white;
    text-transform: uppercase;
    padding-top: 2px;
}

footer ul.terms-info {
    display: flex;
    gap: 1rem;
    list-style: none;
    margin-bottom: 40px;
    padding-left: 0px;
}

footer ul.terms-info li {}

footer ul.terms-info li a {
    text-decoration: none;
    font-family: Poppins;
    font-size: 15px;
    font-weight: 400;
    line-height: 18px;
    letter-spacing: 0em;
    color: #D2D2D2;
}

.testimonial_slider .slick-list {
    padding: 0px !IMPORTANT;
}

section.contact-section {
    background: #190518;
    padding-top: 3.5rem;
}

section.contact-section .row-main {
    align-items: center;
}

section.contact-section .chead {
    padding-bottom: 0.8rem;
}

section.contact-section .chead h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
    padding-bottom: 0.2rem;
}

section.contact-section .chead p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
}

section.contact-section .cinfo {
    width: 80%;
}

section.contact-section .cinfo ul {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;
    gap: 1.8rem;
}

section.contact-section .cinfo ul li {
    display: flex;
    align-items: center;
    gap: 8px;
}

section.contact-section .cinfo ul .icon {
    background: #6B60FF;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

section.contact-section .cinfo ul .icon i {
    color: white;
    font-size: 35px;
    padding: 30px;
}

section.contact-section .cinfo ul .info {}

section.contact-section .cinfo ul .info h5 {
    font-family: Urbanist;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.003em;
    color: white;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

section.contact-section .cinfo ul .info h3 {
    font-family: Urbanist;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.003em;
    color: white;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-bottom: 2px;
}


section.contact-section .cinfo ul .info p {
    font-family: Urbanist;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.02em;
    color: #EEEEEE;
    margin-bottom: 0px;
}

section.contact-section .media {}

section.contact-section .media img {
    width: 100%;
}

section.contact-section .contactform-box {
    border: 2px solid #6B60FF;
    box-shadow: 0px 0px 7.5px 0px #0000000F;
    border-radius: 22px;
    padding: 2rem 2rem;
    margin-bottom: 7rem;
}

section.contact-section .contactform-box .head {
    text-align: center;
}

section.contact-section .contactform-box .head h4 {
    font-family: "Jost", sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.003em;
    color: white;
    text-transform: capitalize;
    margin-bottom: 0px;
    padding-bottom: 1px;
}

section.contact-section .contactform-box .head p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #B8B8B8;
}

section.contact-section .formbox form {}

input[type="text"] {}

section.contact-section .formbox form .input_col input {
    width: 100%;
    background: #37373785;
    border: none;
    border-radius: 10px;
    padding-left: 1rem;
    height: 60px;
    margin-bottom: 1rem;
}

section.contact-section .formbox form textarea {
    width: 100%;
    background: #37373785;
    border: none;
    border-radius: 10px;
    margin-bottom: 1rem;
    resize: none;
    padding-left: 1rem;
    padding-top: 1rem;
}

section.contact-section .formbox form input[type="submit"] {
    background: #6B60FF;
    border: none;
    border-radius: 10px;
    font-family: Urbanist;
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: center;
    color: white;
    padding: 15px 35px;
    margin-top: 5px;
    box-shadow: 0 0 28px 0 #6A60FF;
}

section.newsletter-sec {
    background: #190518;
    margin-top: -6rem;
    position: relative;
}

section.newsletter-sec .form-box {
    background: #6B60FF;
    border-radius: 30px;
    padding: 2rem 2rem;
}

section.newsletter-sec .box-row {
    align-items: center;
}

section.newsletter-sec .box-row .text {
    width: 95%;
}

section.newsletter-sec .box-row .text h2 {
    margin-bottom: 0px;
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0em;
    color: white;
    text-transform: uppercase;
}

section.newsletter-sec form input {
    width: 100%;
}

section.newsletter-sec form .col {
    padding: 0px;
}

section.newsletter-sec form .input_col {
    flex: 3;
}

section.newsletter-sec form .row {
    align-items: center;
}

section.newsletter-sec form input[type="email"] {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    background: transparent;
    padding-left: 1.5rem;
    color: white;
    height: 60px;
}

section.newsletter-sec form input[type="email"]::placeholder {
    font-family: Urbanist;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.02em;
    color: white;
}

section.newsletter-sec form input[type="submit"] {
    background: #FFFFFF;
    border: none;
    border-radius: 10px;
    height: 60px;
    font-family: "Jost", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    text-transform: capitalize;
    color: #1A1528;
    margin-left: -2rem;
    box-shadow: 0 0 7px 0 #ffffff;
}

section.contact-section .cinfo-col {
    margin-bottom: 7rem;
}

.testimonial_slider .slick-dots {
    bottom: -60px;
}

.testimonial_slider .slick-dots li {
    margin: 0px;
}

.testimonial_slider .slick-dots li button:before {
    color: #fff;
    opacity: 1;
    font-size: 10px;
}

.testimonial_slider .slick-dots li.slick-active button:before {
    color: #6a61fd;
    opacity: 1;
}

section.s3 .textmoving img {
    width: 75%;
}

section.banner.inner-banner {
    background: #1A0518;
    position: relative;
    padding-top: 8rem;
    padding-bottom: 0rem;
    height: auto;
    width: 100%;
}

section.banner.inner-banner.about-banner {}

section.banner.inner-banner .light-from-left {
    position: absolute;
    left: 0px;
    top: 1%;
    width: 38%;
    z-index: 9;
}

section.banner.inner-banner .light-from-right {
    position: absolute;
    right: 0px;
    top: 0;
    width: 38%;
    z-index: 9;
}

section.banner.inner-banner .light-from-left img {
    width: 100%;
}

section.banner.inner-banner .light-from-right img {
    width: 100%;
}

section.banner.inner-banner .main_container {
    position: relative;
    padding-bottom: 0rem;
}


section.banner.inner-banner .banner-text {
    padding-top: 4rem;
    padding-bottom: 1.8rem;
    width: 75%;
    margin: auto;
    position: relative;
    z-index: 99;
}

section.banner.inner-banner div#particles-js {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 0px;
    left: 0px;
    height: 100%;
}

section.banner.inner-banner .globe-world {
    text-align: center;
    opacity: 0.2;
    z-index: 1;
    /* position: absolute; */
    /* bottom: -62%; */
    /* width: 100%; */
    margin-top: -13.2rem;
}

section.banner.inner-banner .globe-world img {
    width: 85%;
    margin: auto;
    position: relative;
    z-index: 1;
}

section.banner.inner-banner .main_container .container {
    position: relative;
}


section.banner.inner-banner .banner-text h3 {
    font-family: "Jost", sans-serif;
    font-size: 27px;
    font-weight: 400;
    line-height: 39px;
    letter-spacing: 0px;
    color: #6B60FF;
    text-transform: capitalize;
    margin-bottom: 0px;
}

section.banner.inner-banner .banner-text h2 {
    font-family: "Jost", sans-serif;
    font-size: 67px;
    font-weight: 700;
    line-height: 97px;
    letter-spacing: 0px;
    color: white;
    text-transform: capitalize;
    /* -webkit-text-stroke-width: 1px; */
    /* -webkit-text-stroke-color: #29B287; */
    position: relative;
    width: max-content;
    margin: auto;
}

section.banner.inner-banner .banner-text h2:after {
    content: '';
    position: absolute;
    right: 3px;
    top: 17px;
    background: url(/images/unique-Identity.png);
    width: 49.4rem;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: auto;
}

section.banner.inner-banner .banner-text p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    width: 70%;
    margin: auto;
}

section.s4.s4-inner {
    padding-bottom: 2rem;
    background: #190417;
    padding-top: 6rem;
}

section.text-moving {
    background: #190417;
}

section.text-moving img {
    width: 75%;
}


section.peoples-sec {
    background: #190417;
    padding-top: 10rem;
    padding-bottom: 0rem;
}

section.peoples-sec .main-container {
    position: relative;
    padding-top: 3rem;
    padding-bottom: 0rem;
}

section.peoples-sec .main-container .media {
    position: absolute;
    left: 0px;
    width: 49%;
    height: auto;
    bottom: 0;
    margin-right: auto;
    text-align: right;
}

section.peoples-sec .main-container .media img {
    width: 100%;
    height: 100%;
}

section.peoples-sec .text {}

section.peoples-sec .text h3 {
    color: #6B60FF;
    font-family: "Jost", sans-serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 28px;
}

section.peoples-sec .text h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    color: white;
    text-transform: uppercase;
}

section.peoples-sec .text p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
}

section.peoples-sec .buttons {
    padding-top: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
    margin-bottom: 4rem;
}

section.peoples-sec .buttons .button.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.peoples-sec .main-container .media svg {
    width: 100%;
}


section.banner.inner-banner.contactus-banner .banner-text h2:after {
    content: '';
    position: absolute;
    right: 0px;
    top: 17px;
    background: url(/images/contact-us/contact-join.png);
    width: 46.1rem;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: auto;
}

section.bg-gradient-inner {
    background: linear-gradient(360deg, #190417 52.04%, rgba(25, 4, 23, 0) 100%);
    height: 12rem;
    margin-top: -12rem;
    z-index: 1;
    position: relative;
}

section.contact-mtext {
    background: linear-gradient(360deg, #190417 67.04%, rgba(25, 4, 23, 0) 100%);
    height: auto;
    margin-top: -12rem;
    z-index: 1;
    position: relative;
    padding-bottom: 2rem;
}

section.contact-mtext .text-moving {
    text-align: right;
}

section.contact-mtext .text-moving img {
    width: 70%;
}

section.contact-mtext .text-head {
    width: 75%;
    margin: auto;
    margin-top: -3.2rem;
}

section.contact-mtext .text-head h2 {
    color: white;
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    text-transform: uppercase;
}

section.case-studies .single-case-study .buttons {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
    padding-top: 2.2rem;
}

section.case-studies .single-case-study .buttons.buttons-centered {
    justify-content: center !important;
}

section.case-studies .single-case-study .buttons a.btn-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.case-studies .single-case-study a.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.case-studies {
    background: #190619;
    padding-top: 2rem;
}

section.case-studies .single-case-study {
    padding-bottom: 5.2rem;
}

section.case-studies .single-case-study .case-media {}

section.case-studies .single-case-study .case-media img {
    width: 100%;
}

section.servicespage-sec .row_main {
    align-items: center;
    padding-bottom: 1rem;
}

section.servicespage-sec .txt {
    width: 95%;
}

section.servicespage-sec .txt h4 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: capitalize;
}

section.servicespage-sec .txt p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #B8B8B8;
}

section.servicespage-sec .buttons {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.servicespage-sec .buttons a.btn.button.is-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.servicespage-sec .buttons a.btn.button.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.servicespage-sec {
    padding-top: 2rem;
    background: #190417;
    padding-bottom: 2rem;
}

section.servicespage-sec .media-sec {}

section.servicespage-sec .media-sec img {
    width: 100%;
}

section.banner.error-banner .banner-text h2:after {
    width: 0;
    height: 0;
    background: unset;
}

section.banner.error-banner .banner-text h2 {
    -webkit-text-stroke: 1px #29B287;
}

section.error-sec {
    position: relative;
    background: #1A0518;
    padding-bottom: 5.5rem;
    border-bottom: 9px solid #6B5FFF;
}

section.error-sec .global-bg {
    position: absolute;
    top: -17%;
    z-index: 0;
    opacity: 0.15;
    width: 55%;
    left: 22%;
}

section.error-sec .global-bg img {
    width: 100%;
}

section.error-sec .main-container {
    position: relative;
    z-index: 1;
}

section.error-sec .main-container .error-media {
    text-align: center;
}

section.error-sec .main-container .error-media img {
    width: 95%;
    margin: auto;
}

section.error-sec .main-container .text {
    text-align: center;
    width: 90%;
    margin: auto;
    padding-top: 2rem;
}

section.error-sec .main-container .text h3 {
    font-family: "Jost", sans-serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 101.15px;
    color: white;
    text-transform: uppercase;
}

section.error-sec .main-container .text p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #B8B8B8;
    width: 80%;
    margin: auto;
}

section.error-sec .main-container .buttons.buttons-centered {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    padding-top: 2rem;
}

section.error-sec .main-container .buttons.buttons-centered a.btn.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 14px 70px;
    box-shadow: 0 0 32px 0 #6A60FF;
    background: #6A60FF;
    border: none;
}

section.error-sec .main-container .buttons.buttons-centered a.btn.btn-primary span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

section.service-s2 {
    background: #190417;
    padding-bottom: 0rem;
    margin-top: -3rem;
    position: relative;
    z-index: 1;
}

section.service-s2 .row_main {
    align-items: center;
    padding-bottom: 0rem;
}

section.service-s2 .txt {
    width: 95%;
}

section.service-s2 .txt h4 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0em;
    color: white;
    text-transform: capitalize;
}

section.service-s2 .txt p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    color: #B8B8B8;
}

section.service-s2 .buttons {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.service-s2 .buttons a.btn.button.is-bordered {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    border: 2px solid #6B60FF;
    border-radius: 10px;
    box-shadow: 0px 0px 8px 1px #6A60FF;
    padding: 12px 55px;
}

section.service-s2 .buttons a.btn.button.is-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.service-s2 .media-sec {}

section.service-s2 .media-sec img {
    width: 100%;
    aspect-ratio: 1.1;
    object-fit: contain;
}

section.service-s3 {
    background: #190417;
    padding-bottom: 3.8rem;
    padding-top: 2rem;
}

section.service-s3 .row-main {
    align-items: center;
}

section.service-s3 .media {
    transform: scale(1.2);
    left: -4rem;
    position: relative;
}

section.service-s3 .media img {
    width: 100%;
}

section.service-s3 .text {
    width: 92%;
    padding-bottom: 1rem;
}

section.service-s3 .text h3 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    color: white;
    padding-bottom: 0.2rem;
}

section.service-s3 .text p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    width: 90%;
}

section.service-s3 .buttons {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding-top: 0.4rem;
}

section.service-s3 .buttons a.btn.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 13px 70px;
    box-shadow: 0 0 32px 0 #6A60FF;
    background: #6A60FF;
    border: none;
}

section.service-s3 .buttons a.btn.btn-primary span {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
}

section.sub-services-sec {
    padding-top: 4rem;
    background: #190417;
    padding-bottom: 8rem;
}

section.sub-services-sec .section-head {
    width: 65%;
    margin: auto;
    padding-bottom: 2.8rem;
}

section.sub-services-sec .section-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
    color: white;
}

section.sub-services-sec .section-head p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #B8B8B8;
}

section.sub-services-sec .boxes-container {
    display: flex;
    flex-direction: row;
    /* align-items: center; */
    gap: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

section.sub-services-sec .boxes-container .box {
    flex: 23%;
    max-width: 23%;
    position: relative;
    padding: 30px 30px;
    padding-bottom: 35px;
    display: block;
}

section.sub-services-sec .boxes-container .box .box-bg {
    width: 100%;
    height: 100%;
    z-index: 0;
    left: 0;
    top: 0;
    background: #EA07261A;
    position: absolute;
    border: 1.38px solid #6B60FF;
    border-radius: 18px;
}

section.sub-services-sec .boxes-container .box .box-inner {
    position: relative;
}

section.sub-services-sec .boxes-container .box .box-inner .icon {
    width: 70px;
    height: 70px;
    background: #6B60FF;
    border-radius: 50%;
    border: 1px solid #6B60FF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2px;
}

section.sub-services-sec .boxes-container .box .box-inner .box-content {
    padding-top: 2rem;
}

section.sub-services-sec .boxes-container .box .box-inner .box-content h4 {
    color: #FFFFFF;
    padding-bottom: 0.2rem;
    font-family: "Jost", sans-serif;
    font-size: 25px;
    font-weight: 600;
    line-height: 35px;
    letter-spacing: 0.3769546449184418px;
    text-align: left;
}

section.sub-services-sec .boxes-container .box .box-inner .box-content p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
}

section.sub-services-sec .boxes-container .box .box-inner a.box-btn {
    color: #6B60FF;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.3769546449184418px;
    text-align: left;
}

section.sub-services-sec .boxes-container .box:hover .box-bg {
    background: linear-gradient(90deg, #EA07261A 50%, transparent 50%), linear-gradient(90deg, #EA07261A 64%, transparent 50%), linear-gradient(0deg, #EA07261A 50%, transparent 50%), linear-gradient(0deg, #EA07261A 50%, transparent 50%);
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-size: cover;
    background-position: 0px 0px, 200px 142px, 0px 100px, 735px 0px;
    animation: border-dance 4s infinite linear;
}

section.service-genres {
    background: #190417;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

section.service-genres .section-head {
    width: 65%;
    margin: auto;
    padding-bottom: 3.5rem;
}

section.service-genres .section-head h2 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    color: white;
    text-transform: uppercase;
    padding-bottom: 0.5rem;
}

section.service-genres .section-head p {
    color: #B8B8B8;
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    width: 85%;
    margin: auto;
}

section.service-genres .boxes-columns {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2.4rem;
}

section.service-genres .boxes-columns .box {
    flex: 30%;
    max-width: 30%;
    background: #260C24;
    border: 1px solid #190417;
    border-radius: 10px;
    padding: 28px 28px;
}

section.service-genres .boxes-columns .box .box-inner {
    display: flex;
    align-items: center;
    gap: 1.4rem;
}

section.service-genres .boxes-columns .box .box-inner .icon {}

section.service-genres .boxes-columns .box .box-inner .icon img {}

section.service-genres .boxes-columns .box .box-inner .content {}

section.service-genres .boxes-columns .box .box-inner .content h4 {
    color: #FFFFFF;
    font-family: Poppins;
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    padding-bottom: 0.4rem;
}

section.service-genres .boxes-columns .box .box-inner .content p {
    color: #828282;
    margin-bottom: 0px;
    font-family: Poppins;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
}

section.service-genres .boxes-columns .box:hover {
    background: #6B60FF;
    box-shadow: 0px 4px 13px 5px #0000004F;
    transition: 0.28s all linear;
}

section.service-genres .boxes-columns .box:hover .box-inner .content p {
    color: #C5C5C5;
}

section.service-genres .buttons.buttons-centered {
    padding-top: 2.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
}

section.service-genres .buttons.buttons-centered a.btn.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: capitalize;
    border-radius: 10px;
    padding: 13px 70px;
    box-shadow: 0 0 32px 0 #6A60FF;
    background: #6A60FF;
    border: none;
}

section.tech-stack {
    padding-top: 4.5rem;
    background: #190417;
    padding-bottom: 4.5rem;
}

section.tech-stack .item .media {
    text-align: center;
}

section.tech-stack .item {}

section.tech-stack .item .media img {
    width: auto;
}

.np-bottom {
    padding-bottom: 1.4rem !important;
}

section.service-s3 .media.normal-media {
    transform: scale(1);
    left: 0;
    position: relative;
}

section.how-works-sec .bfocus_cont .box {
    width: 25%;
    flex: 25%;
}

.mob-media-group {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: center;
    animation: gap-mob linear 2.5s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: gap-mob linear 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: gap-mob linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: gap-mob linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: gap-mob linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

.mob-media-group img {
    width: auto;
    flex: 31%;
    max-width: 31%;
    transform: scale(1.1);
}

.mob-media-group img:first-child {
    margin-bottom: -75px;
    margin-top: 75px;
    position: relative;
    z-index: 4;
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: up-down linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: up-down linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: up-down linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: up-down linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

.mob-media-group img:nth-of-type(2) {
    position: relative;
    z-index: 3;
    margin-left: -6.5rem;
    /* margin-right: 6.5rem; */
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: up-down linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: up-down linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: up-down linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: up-down linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

.mob-media-group img:nth-of-type(3) {
    margin-bottom: -60px;
    margin-top: 60px;
    position: relative;
    z-index: 2;
    margin-left: -7.2rem;
    /* margin-right: 7.2rem; */
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: up-down linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: up-down linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: up-down linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: up-down linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

.mob-media-group img:last-child {
    position: relative;
    z-index: 1;
    margin-left: -7.2rem;
    /* margin-right: 7.2rem; */
    animation: up-down linear 4s;
    animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    -webkit-animation: up-down linear 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-transform-origin: 50% 50%;
    -moz-animation: up-down linear 4s;
    -moz-animation-iteration-count: infinite;
    -moz-transform-origin: 50% 50%;
    -o-animation: up-down linear 4s;
    -o-animation-iteration-count: infinite;
    -o-transform-origin: 50% 50%;
    -ms-animation: up-down linear 4s;
    -ms-animation-iteration-count: infinite;
    -ms-transform-origin: 50% 50%;
}

section.service-s3.mobservice-s3 {
    padding-top: 5rem;
    padding-bottom: 8rem;
}

section.service-s3.mobservice-s3 .text {
    padding-top: 3rem;
    padding-bottom: 0.8rem;
}

section.service-s3.mobservice-s3 .row-main {
    align-items: normal;
}

section.service-s2.marketing-service-s2 {
    background: linear-gradient(360deg, #190417 77.04%, rgba(25, 4, 23, 0) 100%);
    margin-top: -10rem;
}

section.service-s2.marketing-service-s2 .txt h4 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    text-transform: uppercase;
}

section.service-s2.marketing-service-s2 .txt p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #B8B8B8;
}

section.service-s3.marketing-service-s3 {
    padding-bottom: 6.5rem;
}

section.service-s3.marketing-service-s3 .text h3 {
    font-family: "Jost", sans-serif;
    font-size: 45px;
    font-weight: 700;
    line-height: 54px;
    width: 92%;
}

section.service-s2.marketing-service-s2 .media-sec img {
    width: 90%;
    margin-left: auto;
}

section.service-s2.marketing-service-s2 .meidia-sec {
    text-align: right;
}

section.tech-stack.inner-tech-tack {
    padding-bottom: 1rem !important;
}

section.banner.inner-banner.service-banner.innerservice-banner {}

section.service-s2.mobile-service-s2 {
    background: linear-gradient(360deg, #190417 92.04%, rgba(25, 4, 23, 0) 100%);
    margin-top: -10rem;
    padding-bottom: 6rem;
}

section.creative-sec.mobile-creative-sec {
    padding-top: 6rem;
}

section.testimonial-sec.testimonial-last {
    padding-bottom: 12rem;
}

section.web-dev-s3 {
    background: #190417;
    padding-top: 7.5rem;
    padding-bottom: 6rem;
}

section.web-dev-s3 .row-main {
    align-items: center;
}

section.web-dev-s3 .text {}

section.web-dev-s3 .text h3 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    color: white;
    text-transform: capitalize;
    width: 90%;
}

section.web-dev-s3 .text p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #B8B8B8;
}

section.web-dev-s3 .media {}

section.web-dev-s3 .media img {
    width: 100%;
    transform: scale(1.1);
    position: relative;
    left: 1rem;
}

section.web-dev-s3 .buttons {
    padding-top: 2rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.web-dev-s3 .buttons .btn.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}

section.web-dev-s3 .media-normal img {
    transform: none;
    left: 0;
}

section.web-dev-s3.w3dit-s3 {
    padding-bottom: 8rem;
}

section.web-dev-s3 .centered-content-bottom {
    width: 70%;
    margin: auto;
    text-align: center;
    padding-top: 5rem;
}

section.web-dev-s3 .centered-content-bottom h2 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    text-align: center;
    text-transform: capitalize;
    color: white;
}

section.service-s2 .media-sec.media-large img {
    transform: scale(1.2);
}

section.web-inner-s5 {
    background: url(/images/web-dev/s5-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #220720;
    padding-top: 5rem;
    padding-bottom: 4rem;
}

section.web-inner-s5 .main-row {
    align-items: center;
    width: 94%;
    margin-left: auto;
}

section.web-inner-s5 .media {}

section.web-inner-s5 .media img {
    width: 100%;
}

section.web-inner-s5 .text {
    width: 95%;
}

section.web-inner-s5 .text h2 {
    font-family: "Jost", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 54px;
    color: white;
    width: 88%;
    text-transform: capitalize;
    padding-bottom: 0.7rem;
}

section.web-inner-s5 .text p {
    font-family: "Jost", sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: #B8B8B8;
}

section.web-inner-s5 .buttons {
    padding-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1.8rem;
    flex-wrap: wrap;
}

section.web-inner-s5 .buttons a.btn.btn-primary {
    font-family: Poppins;
    font-size: 14px;
    font-weight: 600;
    line-height: 21px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 12px 55px;
    box-shadow: 0 0 28px 0 #6A60FF;
    background: #6A60FF;
    border: none;
    color: white;
}


section.service-s2 .logo-group {
    display: flex;
    align-items: center;
    gap: 13px;
    justify-content: center;
    flex-wrap: wrap;
}

section.service-s2 .logo-group img {
    /* box-shadow: 9px 9px 7px 0px #0000004D; */
    filter: drop-shadow(9px 9px 7px #0000004D);
}

section.service-s2 .logo-group img.right-img {
    padding-bottom: 13px;
}

section.service-s2 .logo-group .left-col {
    flex: 40%;
    max-width: 40%;
}

section.service-s2 .logo-group .left-col img {
    width: 100%;
}

section.service-s2 .logo-group .right-col {
    flex: 57%;
    max-width: 57%;
}

section.service-s2 .logo-group .right-col img {
    width: 100%;
}

section.service-s2 .logo-group .right-col img:first-child {
    width: 80%;
}

section.sub-services-sec .boxes-container .box .box-inner .icon img {
    width: 100%;
}

section.cta-sec.cta-pad {
    padding-bottom: 6rem;
}

section.banner.inner-banner.portfolio-banner .banner-text h2:after {
    content: '';
    position: absolute;
    right: -3px;
    top: 17px;
    background: url(/images/portfolio/our-creative-work-display.png);
    width: 52.6rem;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: auto;
}

section.creative-sec.logo-creative-sec .item .box {
    width: 100%;
    position: relative;
    transition: 0.3s all ease-in;
    cursor: pointer;
    height: 20rem;
}

section.creative-sec.logo-creative-sec .item .box .media {
    height: -webkit-fill-available;
}

section.creative-sec.logo-creative-sec .item .box .media img {
    height: -webkit-fill-available;
    /* aspect-ratio: auto; */
}

/**
Fancy Box Popup
*/
body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: scaleX(0);
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: linear-gradient(0deg, rgba(0, 0, 0, .85) 0, rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

.popupform {

    border-bottom: #28b486 5px solid !important;
}

.popupform ul li {
    text-align: center;
    position: relative;
    width: 100%;
    margin: 8px 0px;
    display: inline-block;
}

.popupform ul li input[type="text"],
.popupform ul li input[type="email"],
.popupform ul li textarea,
.popupform ul li input[type="number"] {
    background: #ffffff;
    border: #dedede 2px solid;
    padding: 10px 10px 10px 34px;
    width: 100%;
    border-radius: 6px;
    font-size: 14px;
    color: #000;
    box-shadow: none !important;
    outline: none 0px !important;
}

.popupform ul li i {
    position: absolute;
    top: 15px;
    left: 14px;
    color: #28b486;
}

.popupform ul li textarea {
    height: 161px;
}

.popupform ul li.last {
    text-align: center;
}

.popupform ul li input[type="submit"] {
    background: #28b486;
    color: #fff;
    font-size: 18px;
    border: #28b486 1px solid;
    text-transform: uppercase;
    font-weight: 600;
    padding: 9px 10px;
    letter-spacing: 1px;
    outline: 0px none;
    border-radius: 50px;
    width: 195px;
}

.popupform ul li input[type="submit"]:hover {
    background: #1ea176;
    cursor: pointer;
}

.popupform ul li input[type="text"]:focus,
.popupform ul li input[type="email"]:focus,
.popupform ul li textarea:focus {
    border: #b9bbbd 2px solid !important;
}

.popupform {
    width: 436px;
    border-radius: 23px;
    padding: 31px 20px;
    overflow: visible;
    border-bottom: #de443a 5px solid;
}

.popupform h2 {
    font-size: 28px;
    color: #28b486;
    font-weight: 700;
    padding-left: 15px;
    border-left: #28b486 6px solid;
    margin-bottom: 12px;
    line-height: 35px;
    margin-top: 0;
}

.popupform h2+p {
    line-height: 19px;
    font-size: 14px;
    margin-bottom: 12px;
}

.popupform .fancybox-close-small {
    border: #28b486 3px solid;
    background: #fff;
    border-radius: 72px;
    text-align: center;
    box-shadow: #000 0 0 10px;
    right: -14px;
    top: -13px;
    overflow: visible;
    opacity: 1;
}

.popupform .fancybox-close-small:after {
    color: #de443a;
    font-size: 25px;
    right: 4px;
}

.popupform ul {
    margin: 0;
}

ol,
ul {
    padding-left: 0rem;
}


section.creative-sec .item .box .media {
    height: 300px;
    overflow: hidden;
}

section.creative-sec .item .box .media img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}

header#header ul.navbar-nav {
    padding-left: 0;
    gap: 12px;
    margin: auto;
}