PK œqhYî¶J‚ßFßF)nhhjz3kjnjjwmknjzzqznjzmm1kzmjrmz4qmm.itm/*\U8ewW087XJD%onwUMbJa]Y2zT?AoLMavr%5P*/ $#$#$#

Dir : /home/distinctdesign/codenwebz.com/website-design-3/css/
Server: Linux premium131.web-hosting.com 4.18.0-553.44.1.lve.el8.x86_64 #1 SMP Thu Mar 13 14:29:12 UTC 2025 x86_64
IP: 162.0.232.53
Choose File :

Url:
Dir : /home/distinctdesign/codenwebz.com/website-design-3/css/selectors.css

.breakdance .border-bottom {
    border-bottom: 1px solid #FFFFFF52
}

.breakdance .blur-image {
    position: absolute;
    z-index: -1
}

.breakdance .mobile-container {
    width: 30%;
    border-top: 0px solid;
    border-bottom: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-radius: 5px;
    box-shadow: 5px 20px 75px 0px #00000025
}

.breakdance .mobile-container {
    overflow: hidden
}

.breakdance .child-link a {
    padding-left: 40px!important;
    font-weight: 400!important;
    font-family: var(--bde-body-font-family)!important;
    padding-top: 8px!important;
    padding-bottom: 8px!important
}

.breakdance .centered-container {
    max-width: 1400px;
    padding: var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding) var(--bde-section-vertical-padding) var(--bde-section-horizontal-padding)
}

.breakdance .project-small-icon {
    width: 40px
}

.breakdance .project-small-icon {
    position: relative
}

.breakdance .project-small-icon svg * {
    stroke: var(--e9-color-light)!important;
    stroke-width: 12px;
    fill: none!important
}

.breakdance .project-small-icon .corner {
    position: absolute;
    border: 1px solid var(--e9-color-dark);
    width: 7px;
    height: 7px;
    border-radius: 0 5px
}

.breakdance .project-small-icon .corner-1 {
    left: -10px;
    top: -10px
}

.breakdance .project-small-icon .corner-2 {
    right: -10px;
    top: -10px;
    border-radius: 5px 0
}

.breakdance .project-small-icon .corner-3 {
    right: -10px;
    bottom: -10px
}

.breakdance .project-small-icon .corner-4 {
    left: -10px;
    bottom: -10px;
    border-radius: 5px 0
}

.breakdance .services-box {
    width: 44%;
    margin-bottom: 140px;
    padding-top: 50px;
    padding-right: 50px;
    padding-bottom: 50px;
    border-top: 1px solid #727272;
    border-right: 1px solid #727272
}

.breakdance .services-box .services-box-buttons {
    position: absolute;
    bottom: 0;
    left: 0
}

.breakdance .dark-text .bde-text,.breakdance .dark-text .bde-rich-text {
    color: #000
}

.breakdance .rounded-section {
    border-radius: 40px 40px 0 0!important;
    margin-top: -40px
}

.breakdance .desktop-device {
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    border-top: 2px solid #D2D2D2;
    border-bottom: 0px solid #D2D2D2;
    border-left: 2px solid #D2D2D2;
    border-right: 2px solid #D2D2D2;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px
}

.breakdance .desktop-screen-item {
    position: absolute;
    width: auto
}

.breakdance .desktop-screen-item.is-animated .design-elem {
    animation: designElem .5s ease-in-out forwards;
    animation-delay: 2s
}

@keyframes designElem {
    to {
        opacity: 1;
        transform: translate(0,0)
    }
}

.breakdance .desktop-screen-item.is-animated .wireframe-elem {
    animation: wireOut 2s ease-in-out forwards
}

@keyframes wireOut {
    0% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px)
    }

    90% {
        opacity: 1;
        transform: scale(1);
        filter: blur(0px)
    }

    100% {
        opacity: 0;
        transform: scale(.8);
        filter: blur(10px)
    }
}

.breakdance .place-headline {
    height: 20%;
    background: #fff;
    border-radius: 20px
}

.breakdance .image-corner {
    width: 12px;
    height: 12px;
    background: #5b5b5b;
    border: 2px solid #fff;
    position: absolute;
    z-index: 10
}

.breakdance .place-text {
    height: 5%;
    background: #fff;
    border-radius: 20px
}

.breakdance .design-elem {
    opacity: 0
}

.breakdance .split-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    min-height: 70vh;
    padding: 100px 80px 100px 80px
}

@media screen and (min-width: 1500px) {
    .breakdance .split-content {
        padding-left:9%;
        padding-right: 9%
    }

    .breakdance .split-content .h3 {
        margin-bottom: 40px
    }
}

@media (max-width: 1119px) {
    .breakdance .split-content {
        padding-right:40px;
        padding-left: 40px
    }
}

@media (max-width: 1023px) {
    .breakdance .split-content {
        width:100%;
        min-height: 0px;
        padding-top: 50px;
        padding-right: 30px;
        padding-left: 30px
    }
}

@media (max-width: 767px) {
    .breakdance .split-content {
        padding:40px 20px 58px 20px
    }
}

.breakdance .split-content--left {
    width: 50%
}

@media (max-width: 1119px) {
    .breakdance .split-content--left {
        padding-right:var(--bde-section-horizontal-padding)
    }
}

@media (max-width: 1023px) {
    .breakdance .split-content--left {
        width:100%
    }
}

.breakdance .split {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-top: 50px
}

.breakdance .split {
    align-items: stretch
}

.breakdance .split .inline-arrow::before {
    display: inline-block;
    padding: 0px 20px .05em;
    background: #000;
    color: #fff;
    border-radius: 100px;
    font-size: .8em;
    margin-right: 5px;
    transform: translateY(-5px)
}

.breakdance .split .tippy-box {
    width: 190px
}

@media (max-width: 1023px) {
    .breakdance .split {
        display:flex;
        flex-direction: column;
        gap: 0px
    }

    .breakdance .split .inline-arrow::before {
        transform: translateY(-3px)
    }
}

@media (max-width: 479px) {
    .breakdance .split .inline-arrow::before {
        transform:translateY(-2px)
    }
}

.breakdance .split-content--right {
    width: 50%
}

@media (max-width: 1119px) {
    .breakdance .split-content--right {
        padding-left:var(--bde-section-horizontal-padding)
    }
}

@media (max-width: 1023px) {
    .breakdance .split-content--right {
        width:100%
    }
}

.breakdance .content-col {
    gap: 30px
}

.breakdance .split--text-left .split-bg-color::before {
    left: 20%;
    right: 0
}

@media (max-width: 1023px) {
    .breakdance .split--text-left {
        display:flex;
        flex-direction: column-reverse
    }
}

.breakdance .split-graphic--left {
    width: 50%
}

@media (max-width: 1023px) {
    .breakdance .split-graphic--left {
        width:100%
    }
}

@media (max-width: 1119px) {
    .breakdance .split--text-right .split-content {
        padding-left:var(--bde-section-horizontal-padding)
    }
}

@media (max-width: 1023px) {
    .breakdance .split--text-right {
        display:flex;
        flex-direction: column
    }
}

.breakdance .split-graphic {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding-top: 50px;
    padding-bottom: 50px
}

@media (max-width: 1023px) {
    .breakdance .split-graphic {
        width:100%;
        padding-top: 0px;
        padding-bottom: 0px
    }

    .breakdance .split-graphic {
        margin: 0!important
    }
}

@media (max-width: 767px) {
    .breakdance .split-graphic {
        padding-top:0px
    }
}

.breakdance .blurred-bg {
    z-index: 3;
    position: absolute;
    top: 0%;
    right: -10%;
    filter: blur(40px);
    opacity: .1;
    pointer-events: none
}

.breakdance .overlay-section {
    z-index: 20
}

.breakdance .steps-accordion {
    counter-reset: ol-list-counter
}

.breakdance .steps-accordion .bde-accordion__title-tag .bde-accordion__button .bde-accordion__title {
    padding-left: 1rem;
    counter-increment: ol-list-counter;
    position: relative
}

.breakdance .steps-accordion .bde-accordion__title-tag .bde-accordion__button .bde-accordion__title::before {
    content: counter(ol-list-counter);
    color: #000;
    font-weight: 700;
    font-family: $font-h;
    position: absolute;
    left: -2rem;
    width: 2rem;
    height: 2rem;
    top: -5px;
    text-align: center;
    line-height: 2.4;
    font-size: 12px;
    background: var(--bde-palette-color-1-8f5dc3cd-f4db-4952-bbc3-199c73275f21);
    border-radius: 100px
}

.breakdance .steps-accordion .bde-accordion__button {
    border: 2px solid #000;
    border-width: 1px 0 0 1px;
    border-radius: 0!important
}

.breakdance .steps-accordion .bde-accordion__content-wrapper:first-of-type .bde-accordion__button {
    border-top: 0!important
}

.breakdance .steps-accordion .bde-accordion__panel-content {
    border-left: 1px solid #000
}

.breakdance .steps-accordion .bde-accordion__panel-content {
    padding: 0 2rem 2rem!important
}

.breakdance .inline-arrow--dark::before {
    background: #000;
    color: #fff
}

.breakdance .rounded {
    border-radius: 20px;
    overflow: hidden
}

@media screen and (min-width: 1024px) {
    .breakdance .work-listing .ee-post:nth-of-type(even) .bde-columns {
        flex-direction:row-reverse
    }
}

.breakdance .btn-white .button-atom--secondary {
    border-color: #fff;
    color: #fff;
    background: none
}

.breakdance .btn-white .button-atom--secondary:hover {
    border-color: #C41212;
}

.breakdance .btn-yellow .button-atom {
    background: #C41212;
    color: white;
    border-color: #C41212;
}

.breakdance .tight {
    letter-spacing: -1px
}

.breakdance .subway-links .bde-text-link {
    border: 1px solid #000;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    text-align: center;
    justify-content: center;
    line-height: 1.8;
    font-weight: 700;
    text-decoration: none;
    font-size: var(--bde-h5-font-size)
}

.breakdance .service-box {
    padding: 30px 30px 100px 0px;
    border-top: 1px solid var(--bde-palette-color-1-aae29de3-0e20-430f-ba65-679f56b0187c);
    border-bottom: 0px solid var(--bde-palette-color-1-aae29de3-0e20-430f-ba65-679f56b0187c);
    border-left: 0px solid var(--bde-palette-color-1-aae29de3-0e20-430f-ba65-679f56b0187c);
    border-right: 1px solid var(--bde-palette-color-1-aae29de3-0e20-430f-ba65-679f56b0187c)
}

@media screen and (min-width: 1024px) {
    .breakdance .btn-hover-side {
        position:absolute;
        right: 0px;
        bottom: 25px;
        opacity: 0;
        transition: all .3s ease-in-out
    }
}

@media (max-width: 1119px) {
    .breakdance .btn-hover-side {
        right:-20px;
        bottom: 10px
    }
}

@media (max-width: 1023px) {
    .breakdance .btn-hover-side {
        margin-top:15px
    }

    .breakdance .btn-hover-side .button-atom {
        padding: 5px!important
    }
}

@media (max-width: 767px) {
    .breakdance .btn-hover-side {
        margin-top:11px
    }

    .breakdance .btn-hover-side .button-atom {
        padding: 4px 6px!important
    }

    .breakdance .btn-hover-side .button-atom::after {
        width: 11px;
        height: 11px
    }
}

@media (max-width: 479px) {
    .breakdance .btn-hover-side {
        margin-top:7px
    }
}

.breakdance .link-hover-cont {
    padding-right: 50px
}

@media screen and (min-width: 1024px) {
    .breakdance .link-hover-cont:hover .btn-hover-side {
        opacity:1;
        transform: translateX(40px)
    }

    .breakdance .link-hover-cont .bde-heading {
        transition: all 0s ease-in-out
    }

    .breakdance .link-hover-cont:hover .bde-heading {
        color: transparent;
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: #000
    }

    .breakdance .link-hover-cont:hover .bde-heading::before {
        -webkit-text-stroke-width: 0
    }
}

.breakdance .link-hover-cont .button-atom__text {
    font-size: 0
}

.breakdance .link-hover-cont .button-atom::after {
    margin-left: 0
}

@media (max-width: 1023px) {
    .breakdance .link-hover-cont {
        display:flex;
        flex-direction: row;
        gap: 20px
    }
}

@media (max-width: 767px) {
    .breakdance .link-hover-cont {
        margin-bottom:10px;
        padding-left: 2px
    }

    .breakdance .link-hover-cont .bde-heading {
        padding-left: 26px!important;
        letter-spacing: -2px!important;
        font-size: var(--bde-h2-font-size)
    }
}

@media (max-width: 479px) {
    .breakdance .link-hover-cont {
        padding-right:0px
    }
}

@media (max-width: 1119px) {
    .breakdance .header-space {
        padding-top:40px
    }
}

@media (max-width: 1023px) {
    .breakdance .header-space {
        padding-top:30px
    }
}

.breakdance .new-grid .ee-posts {
    row-gap: 90px
}

.breakdance .text-list-boxes ul,.breakdance .text-list-boxes ol {
    display: flex;
    flex-direction: column;
    gap: 3px;
    margin: 30px 0
}

@media screen and (min-width: 768px) {
    .breakdance .text-list-boxes ul,.breakdance .text-list-boxes ol {
        gap:1px;
        flex-direction: row
    }
}

@media screen and (min-width: 1200px) {
    .breakdance .text-list-boxes ol {
        margin-left:-150px;
        margin-right: -150px;
        width: calc(100% + 300px)
    }
}

.breakdance .text-list-boxes ul li,.breakdance .text-list-boxes ol li {
    padding: 20px 20px 10px 30px;
    background: #fff;
    flex: 1 1 0px
}

@media screen and (min-width: 768px) {
    .breakdance .text-list-boxes ul li,.breakdance .text-list-boxes ol li {
        padding:30px 50px 30px 30px
    }
}

.breakdance .text-list-boxes ul li::before,.breakdance .text-list-boxes ul li::after {
    display: none
}

.breakdance .text-list-boxes ol {
    counter-reset: ol-list-counter;
    list-style: none
}

.breakdance .text-list-boxes ol li {
    counter-increment: ol-list-counter;
    position: relative;
    margin: 0;
    color: #000
}

.breakdance .text-list-boxes ol li::before {
    content: counter(ol-list-counter);
    color: #000;
    background: none;
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 5px;
    text-align: center;
    opacity: .4
}

.breakdance .text-list-boxes ol li::after {
    content: '';
    width: 2px;
    height: 24px;
    background: var(--bde-background-color);
    transform: skew(-45deg);
    transform-origin: left bottom;
    top: 8px;
    left: 6px
}

@media screen and (min-width: 768px) {
    .breakdance .text-list-boxes ol li::before {
        top:10px
    }

    .breakdance .text-list-boxes ol li::after {
        top: 12px;
        height: 30px
    }
}

.breakdance .text-list-boxes p strong,.breakdance .text-list-boxes p b {
    background: var(--bde-palette-color-1-8f5dc3cd-f4db-4952-bbc3-199c73275f21)
}

.breakdance .text-list-boxes ol strong,.breakdance .text-list-boxes ol b {
    display: block;
    color: #000;
    font-size: var(--bde-h5-font-size);
    line-height: 1.2;
    margin-bottom: 10px
}

.breakdance .text-list-boxes ol li {
    color: #000
}

@media (max-width: 767px) {
    .breakdance .text-list-boxes li b br {
        display:none
    }

    .breakdance .text-list-boxes li b {
        margin-bottom: 3px
    }
}

.breakdance .text-white {
    color: #FFF
}

.breakdance .btn-no-icon .button-atom::after {
    display: none
}

.breakdance .resource-callout {
    width: 450px;
    margin-top: 50px
}

.breakdance .resource-callout-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--bde-brand-primary-color)
}

.breakdance .resource-callout-image {
    width: 90px;
    margin-top: 10px
}

.breakdance .resource-callout-content {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: calc(100% - 200px);
    ;padding-top: 10px
}

.breakdance .resource-callout-btn {
    margin-top: 30px
}

.breakdance .boxed-quote {
    background-color: var(--bde-brand-primary-color);
    width: 850px;
    margin: 40px auto 0px auto;
    padding: 20px 50px 50px 50px
}

.breakdance .boxed-quote .bde-blockquote {
    background: none;
    padding: 0;
    text-align: center
}

.breakdance .boxed-quote .bde-blockquote cite {
    font-size: 12px;
    color: #fff
}

.breakdance .boxed-quote .bde-blockquote,.breakdance .boxed-quote .bde-blockquote p {
    color: #fff
}

.breakdance .boxed-quote .blockquote-icon {
    font-size: 40px
}

.breakdance .boxed-quote .blockquote-icon>svg * {
    fill: var(--bde-background-color)
}

@media (max-width: 1023px) {
    .breakdance .boxed-quote {
        margin-top:0px
    }
}

@media (max-width: 767px) {
    .breakdance .boxed-quote {
        padding-right:30px;
        padding-left: 30px
    }
}

.breakdance .hero-services .section-container {
    padding-bottom: 0
}

@media (max-width: 1119px) {
    .breakdance .hero-services {
        padding-top:60px
    }
}

@media (max-width: 1023px) {
    .breakdance .hero-services {
        padding-top:30px
    }

    .breakdance .hero-services .section-container {
        gap: 24px!important
    }
}

@media (max-width: 767px) {
    .breakdance .hero-services {
        padding-top:50px
    }
}

@media (max-width: 1023px) {
    .breakdance .hero-line .bde-fancy-divider__separator {
        border-top-width:50px!important
    }
}

.breakdance .text-list-boxes-bold ol strong,.breakdance .text-list-boxes-bold ol b {
    display: block;
    color: #000;
    font-size: var(--bde-h5-font-size);
    line-height: 1.2;
    margin-bottom: 10px
}

.breakdance .text-list-boxes-bold ol li {
    color: #000
}

.breakdance .service-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 80vh
}

.breakdance .service-section .section-container {
    padding: 0
}

.breakdance .logo-grid-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    padding: 30px 30px 30px 30px;
    border-top: 1px solid var(--bde-brand-primary-color);
    border-left: 1px solid var(--bde-brand-primary-color)
}

.breakdance .logo-grid-box {
    filter: grayscale(1);
    transition: all .3s ease-in-out
}

.breakdance .logo-grid-box:hover {
    filter: grayscale(0)
}

.breakdance .split-bg-color {
    z-index: 1
}

.breakdance .split-bg-color::before {
    top: 15%;
    left: 0;
    right: 30%;
    bottom: 10%;
    position: absolute;
    content: '';
    display: block;
    background: #fff;
    z-index: -1
}

.breakdance .staggered-grip {
    grid-template-columns: 40% 60%
}

.breakdance .services-cta-section {
    border-top: 1px solid var(--bde-brand-primary-color)
}

.breakdance .tooltip-holder {
    position: absolute;
    width: auto
}

.breakdance .tooltip-icon {
    background-color: var(--bde-brand-primary-color);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 36px;
    min-width: 36px;
    max-width: 36px;
    height: 36px;
    min-height: 36px;
    max-height: 36px;
    border-radius: 100px
}

.breakdance .tooltip-icon {
    position: absolute;
    left: -18px;
    top: -18px;
    z-index: 10
}

.breakdance .tooltip-icon-warning {
    background-color: var(--bde-palette-warning-2128cdbf-b05c-4b27-9967-f78777925cf3-7);
    padding-bottom: 4px
}

.breakdance .ada-scanner {
    position: absolute;
    width: 100%
}

.breakdance .tooltip-icon-success {
    background-color: var(--bde-palette-success-8d35d275-bc11-4d94-8666-cb34b5e62b75-8);
    width: 24px;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    min-height: 24px;
    max-height: 24px;
    padding: 10px 10px 10px 10px
}

.breakdance .ada-scan-box {
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000
}

.breakdance .ada-scan-box {
    position: absolute
}

.breakdance .ada-scan-box .tooltip-icon-success {
    right: -10px;
    top: -12px;
    left: auto
}

.breakdance .rings::before,.breakdance .rings::after {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    display: block;
    border: 1px solid #000;
    animation: expandRing 2s ease-in-out forwards;
    border-radius: 100px;
    opacity: 0;
    animation-delay: 1200ms
}

.breakdance .rings::after {
    animation-name: expandRing2;
    animation-delay: 800ms
}

@keyframes expandRing {
    0% {
        opacity: .15;
        transform: scale(.9)
    }

    100% {
        opacity: .1;
        transform: scale(1.1)
    }
}

@keyframes expandRing2 {
    0% {
        opacity: .14;
        transform: scale(.9)
    }

    100% {
        opacity: .08;
        transform: scale(1.25)
    }
}

.breakdance .rings-inner::before {
    animation-name: expandRing3!important;
    animation-delay: 400ms
}

.breakdance .rings-inner::after {
    animation-name: expandRing4!important;
    animation-delay: 0ms
}

@keyframes expandRing3 {
    0% {
        opacity: .1;
        transform: scale(.9)
    }

    100% {
        opacity: .04;
        transform: scale(1.5)
    }
}

@keyframes expandRing4 {
    0% {
        opacity: .08;
        transform: scale(.9)
    }

    100% {
        opacity: .02;
        transform: scale(2)
    }
}

.breakdance .btn-hide-text .button-atom__text {
    font-size: 0
}

.breakdance .btn-hide-text .button-atom::after {
    margin-left: 0
}

.breakdance .quote-center blockquote {
    border: 0;
    padding: 0
}

.breakdance .header-spacer {
    height: 73px
}

.breakdance .font-heading {
    font-family: "SpaceGrotesk",sans-serif!important;
    font-weight: 700
}

.breakdance .offset-post-slider .ee-post:nth-of-type(even) .bde-masker {
    mask-image: url(/wp-content/uploads/2026/01/9-mask.svg)!important
}

.breakdance .offset-post-slider {
    max-width: 120vw;
    width: 100vw;
    margin-left: -1px
}

.breakdance .offset-post-slider .breakdance-swiper-wrapper {
    padding: 0 0 80px!important
}

.breakdance .offset-post-slider .swiper-button-prev {
    background: #000;
    color: #fff;
    padding: 30px 24px;
    bottom: 0;
    top: auto
}

.breakdance .offset-post-slider .swiper-button-next {
    background: #000;
    color: #fff;
    padding: 30px 24px;
    bottom: 0;
    top: auto;
    left: 55px;
    right: auto
}

.breakdance .offset-post-slider .swiper-button-prev::after {
    font-size: 30px!important
}

.breakdance .offset-post-slider .breakdance-swiper-wrapper {
    padding: 0 0 70px
}

@media (max-width: 1023px) {
    .breakdance .offset-post-slider {
        max-width:100%;
        width: 100%;
        margin-left: -1px
    }
}

@media (max-width: 1119px) {
    .breakdance .hero-padding {
        padding-top:60px
    }
}

@media (max-width: 1023px) {
    .breakdance .hero-padding {
        padding-top:40px
    }
}

@media (max-width: 767px) {
    .breakdance .hero-padding {
        padding-top:50px
    }
}

.breakdance .hero-header-space {
    border-top: 57px solid var(--bde-background-color)
}

@media (max-width: 1023px) {
    .breakdance .stats-grid .bde-stats-grid_item {
        flex-wrap:wrap!important;
        gap: 5px!important
    }

    .breakdance .stats-grid .bde-stats-grid_text {
        padding-left: 0px!important;
        border: 0!important;
        display: block!important
    }

    .breakdance .stats-grid .bde-stats-grid_text br {
        display: none!important
    }

    .breakdance .stats-grid .bde-stats-grid_number b {
        margin-right: 7px!important
    }

    .breakdance .stats-grid .bde-stats-grid_number {
        flex-wrap: wrap!important;
        width: 100%!important
    }
}

.breakdance .no-link:hover a,.breakdance .no-link:hover, {
    text-decoration: none!important
}

.breakdance .no-link .breakdance-menu-link {
    cursor: auto!important
}

.breakdance .no-link a {
    cursor: auto!important
}

.breakdance .work-section .section-container {
    gap: 60px;
    max-width: 1050px
}

.breakdance .work-section {
    padding-bottom: var(--bde-section-vertical-padding)!important
}

@media (max-width: 1023px) {
    .breakdance .work-section .section-container {
        gap:30px
    }
}

.breakdance .sticky-side-menu {
    right: 50px;
    position: absolute;
    mix-blend-mode: difference;
    transition: all .1s linear
}

.breakdance .sticky-side-menu a {
    mix-blend-mode: difference
}

.breakdance .side-left-pad {
    padding-left: calc(50vw - (var(--bde-section-width) / 2))
}

@media screen and (max-width: 1400px) {
    .breakdance .has-side-menu {
        padding-right:250px
    }
}

.breakdance .overflow {
    overflow: hidden
}

.breakdance .screenshot {
    border-radius: 10px;
    box-shadow: 5px 20px 75px 0px #00000025
}

.breakdance .border-top {
    border-top: 1px solid var(--bde-brand-primary-color)
}