.default-container
{
	max-width:1366px;
	width:80% !important;
	margin:0px auto;
}


.width839px
{
	max-width:839px;
	width:80% !important;
	margin:0px auto;
}
.default-container-padding
{
	padding: 150px 0px 150px 0px;
}

.content-center
{
	display:flex !important;
   flex-direction: column !important;
  justify-content: center !important;
  align-items:center !important;

}

/*********** Site Slider **********/

.site-slider
{
	height:100vh;
}



/*********** Buttons Vertical while line  **********/
/* All Breakdance primary buttons only */
.button-atom.button-atom--primary.bde-button__button {
    width: 317px !important;
    max-width: 100% !important;
    height: 50px !important;
    padding: 0 !important;
    gap: 0 !important;
    align-items: stretch !important;
    overflow: hidden !important;
}

/* Primary button text area */
.button-atom--primary .button-atom__text {
    flex: 1 1 auto !important;
    height: 100% !important;
    padding: 0 16px !important;
    margin: 0 !important;
    border-right: 1px solid #ffffff !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Primary button arrow */
.button-atom.button-atom--primary::after {
    align-self: center !important;
    flex: 0 0 auto !important;
    margin: 0 12px !important;
    padding: 0 !important;
}

/* Hide on desktop */
@media (min-width: 1119px) {
  .offcanvasmenu {
    display: none !important;
  }
}


/*******************************************************************************By The Number Section ************************************************************************************************/
/* ==================================================
   BY THE NUMBERS REPEATER
================================================== */

.by-the-numbers-repeater {
    --numbers-red: #CF2027;
    --numbers-line: rgba(199, 0, 1, 0.65);
}

/* Force one repeated item per row */
.by-the-numbers-repeater .bde-loop,
.by-the-numbers-repeater .bde-loop-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
}

.by-the-numbers-repeater .bde-loop-item {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Main repeated row */
.by-the-numbers-cont {
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Image */
.by-the-numbers-image {
    width: 100% !important;
    aspect-ratio: 2.2 / 1 !important;
    overflow: hidden !important;
    border-radius: 20px !important;
}

.by-the-numbers-image img {
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    object-fit: cover !important;
}

/* Description */
.by-the-numbers-description {
    width: 100% !important;
    max-width: 326px !important;
}

/* Number and label */
.by-the-numbers-stat {
    box-sizing: border-box !important;
}

.by-the-numbers-number {
    color: var(--numbers-red) !important;
    font-size: clamp(78px, 8vw, 130px) !important;
    font-weight: 700 !important;
    line-height: 0.85 !important;
    white-space: nowrap !important;
}

.by-the-numbers-label {
    width: 100% !important;
    max-width: 142px !important;
    color: var(--numbers-red) !important;
    font-size: clamp(18px, 1.6vw, 24px) !important;
    line-height: 1.2 !important;
}


/* ==================================================
   DESKTOP — ALTERNATING ROWS
================================================== */

@media (min-width: 1025px) {

    .by-the-numbers-cont {
        display: grid !important;
        align-items: stretch !important;

        padding: 0px 0 !important;
        border-bottom: 1px solid var(--numbers-line) !important;
    }

    /* First, third, fifth rows */
    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-cont {
        grid-template-columns:
            minmax(0, 62fr)
            minmax(0, 38fr) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-media {
        grid-column: 1 !important;
        grid-row: 1 !important;
        padding-right: clamp(30px, 4vw, 60px) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-stat {
        grid-column: 2 !important;
        grid-row: 1 !important;

        border-left: 1px solid var(--numbers-line) !important;
        border-right: 0 !important;
    }

    /* Second, fourth, sixth rows */
    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-cont {
        grid-template-columns:
            minmax(0, 38fr)
            minmax(0, 62fr) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-stat {
        grid-column: 1 !important;
        grid-row: 1 !important;

        border-left: 0 !important;
        border-right: 1px solid var(--numbers-line) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-media {
        grid-column: 2 !important;
        grid-row: 1 !important;
        padding-left: clamp(30px, 4vw, 60px) !important;
    }

    /* Image and description group */
    .by-the-numbers-media {
        min-width: 0 !important;
        display: grid !important;
        grid-template-columns:
            minmax(0, 1fr)
            minmax(0, 1fr) !important;

        align-items: center !important;
        column-gap: clamp(30px, 3vw, 50px) !important;
        box-sizing: border-box !important;
		padding-top: 20px !important;
        padding-bottom: 20px !important;
    }

    /* Number and label group */
    .by-the-numbers-stat {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        gap: clamp(16px, 2vw, 28px) !important;

        padding: 20px clamp(25px, 3vw, 55px) !important;
    }
}


/* ==================================================
   TABLET AND MOBILE
================================================== */

@media (max-width: 1024px) {

    .by-the-numbers-cont {
        display: grid !important;
        align-items: stretch !important;

        padding: 20px 0 0 !important;
        border: 0 !important;
    }

    /*
     Allows the image and description to become
     separate grid items on tablet/mobile.
    */
    .by-the-numbers-media {
        display: contents !important;
    }

    /* Odd rows: image left, number right */
    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-cont {
        grid-template-columns:
            minmax(0, 3fr)
            minmax(0, 2fr) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-image {
        grid-column: 1 !important;
        grid-row: 1 !important;

        width: calc(100% - 15px) !important;
        justify-self: start !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(odd)
    .by-the-numbers-stat {
        grid-column: 2 !important;
        grid-row: 1 !important;

        padding-left: 15px !important;
        border-left: 1px solid var(--numbers-line) !important;
        border-right: 0 !important;
    }

    /* Even rows: number left, image right */
    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-cont {
        grid-template-columns:
            minmax(0, 2fr)
            minmax(0, 3fr) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-stat {
        grid-column: 1 !important;
        grid-row: 1 !important;

        padding-right: 15px !important;
        border-left: 0 !important;
        border-right: 1px solid var(--numbers-line) !important;
    }

    .by-the-numbers-repeater
    .bde-loop-item:nth-child(even)
    .by-the-numbers-image {
        grid-column: 2 !important;
        grid-row: 1 !important;

        width: calc(100% - 15px) !important;
        justify-self: end !important;
    }

    /* Mobile/tablet image proportions */
    .by-the-numbers-image {
        height: clamp(90px, 24vw, 190px) !important;
        aspect-ratio: auto !important;
        border-radius: 14px !important;
    }

    /* Mobile number and label */
    .by-the-numbers-stat {
        min-width: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: center !important;
        gap: 5px !important;

        box-sizing: border-box !important;
    }

    .by-the-numbers-number {
        font-size: clamp(38px, 8vw, 70px) !important;
        line-height: 0.9 !important;
    }

    .by-the-numbers-label {
        max-width: 125px !important;
        font-size: clamp(14px, 2.2vw, 20px) !important;
    }

    /* Horizontal line below image and number */
    .by-the-numbers-cont::after {
        content: "" !important;

        grid-column: 1 / -1 !important;
        grid-row: 2 !important;

        width: 100% !important;
        height: 1px !important;
        margin: 16px 0 14px !important;

        background: var(--numbers-line) !important;
    }

    /* Description appears below the horizontal line */
    .by-the-numbers-description {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;

        width: 100% !important;
        max-width: none !important;
        margin: 0 0 clamp(28px, 5vw, 48px) !important;
        padding: 0 !important;
    }
}


/******************************************************************************************End********************************************************************************************************/






/* Show on tablet & mobile */
@media (max-width: 1119px) {
  .offcanvasmenu {
    display: block;
        z-index: 9999;
  }
	.default-container-padding
{
	padding: 75px 0px 75px 0px;
}
}

@media (max-width: 600px) {
	
	.default-container
{
	width:95% !important;
	margin:0px auto;
}

	
    .offcanvasmenu {
        display: block;
        z-index: 9999;
        width: 100%;
    }
	
	.default-container-padding
{
	padding: 50px 0px 50px 0px;
}
	
	.case-study-button .bde-button__text {
        padding: 15px 17px !important;
        font-size: 11px;
        letter-spacing: 1px;
    }

    .case-study-button .bde-button__icon {
        width: 44px;
        min-width: 44px;
    }
}