/* Containers */

@media(min-width:768px){
    
    .container-md-fluid{
        
        max-width:none;
        width:100%;
        
    }
    
}


.hide-arrows .arrows-wrapper {
  display: none !important;
}

.show-arrows .arrows-wrapper {
  display: block !important;
}

.h-auto{
    height: auto !important;
}


/* Small devices (480px and up) */
@media (min-width: 480px) {
  .hide-arrows-sm .arrows-wrapper {
    display: none !important;
  }

  .show-arrows-sm .arrows-wrapper {
    display: block !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .hide-arrows-md .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-md .arrows-wrapper {
    display: block !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .hide-arrows-lg .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-lg .arrows-wrapper {
    display: block !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .hide-arrows-xl .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-xl .arrows-wrapper {
    display: block !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .hide-arrows-xxl .arrows-wrapper {
    display: none !important;
  }
  .show-arrows-xxl .arrows-wrapper {
    display: block !important;
  }
}

.arrows-white .swiper-button-next::after,
.arrows-white .swiper-button-prev::after{
    color: #fff !important;
}


.hide-pagination .swiper-pagination {
    display: none !important;
  }
  
  .show-pagination .swiper-pagination {
    display: block !important;
  }
  
  /* Small devices (480px and up) */
  @media (min-width: 480px) {
    .hide-pagination-sm .swiper-pagination {
      display: none !important;
    }
  
    .show-pagination-sm .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Medium devices (768px and up) */
  @media (min-width: 768px) {
    .hide-pagination-md .swiper-pagination {
      display: none !important;
    }
    .show-pagination-md .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Large devices (1024px and up) */
  @media (min-width: 1024px) {
    .hide-pagination-lg .swiper-pagination {
      display: none !important;
    }
    .show-pagination-lg .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Extra large devices (1200px and up) */
  @media (min-width: 1200px) {
    .hide-pagination-xl .swiper-pagination {
      display: none !important;
    }
    .show-pagination-xl .swiper-pagination {
      display: block !important;
    }
  }
  
  /* Extra extra large devices (1366px and up) */
  @media (min-width: 1366px) {
    .hide-pagination-xxl .swiper-pagination {
      display: none !important;
    }
    .show-pagination-xxl .swiper-pagination {
      display: block !important;
    }
  }


.text-align-center { text-align: center !important; }
.text-align-left { text-align: left !important; }
.text-align-right { text-align: right !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .text-align-sm-center { text-align: center !important; }
  .text-align-sm-left { text-align: left !important; }
  .text-align-sm-right { text-align: right !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .text-align-md-center { text-align: center !important; }
  .text-align-md-left { text-align: left !important; }
  .text-align-md-right { text-align: right !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .text-align-lg-center { text-align: center !important; }
  .text-align-lg-left { text-align: left !important; }
  .text-align-lg-right { text-align: right !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .text-align-xl-center { text-align: center !important; }
  .text-align-xl-left { text-align: left !important; }
  .text-align-xl-right { text-align: right !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .text-align-xxl-center { text-align: center !important; }
  .text-align-xxl-left { text-align: left !important; }
  .text-align-xxl-right { text-align: right !important; }
}



.content-align-center .content-wrapper * { text-align: center !important; }
.content-align-left .content-wrapper * { text-align: left !important; }
.content-align-right .content-wrapper * { text-align: right !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .content-align-sm-center .content-wrapper * { text-align: center !important; }
  .content-align-sm-left .content-wrapper * { text-align: left !important; }
  .content-align-sm-right .content-wrapper * { text-align: right !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .content-align-md-center .content-wrapper * { text-align: center !important; }
  .content-align-md-left .content-wrapper * { text-align: left !important; }
  .content-align-md-right .content-wrapper * { text-align: right !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .content-align-lg-center .content-wrapper * { text-align: center !important; }
  .content-align-lg-left .content-wrapper * { text-align: left !important; }
  .content-align-lg-right .content-wrapper * { text-align: right !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .content-align-xl-center .content-wrapper * { text-align: center !important; }
  .content-align-xl-left .content-wrapper * { text-align: left !important; }
  .content-align-xl-right .content-wrapper * { text-align: right !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .content-align-xxl-center .content-wrapper * { text-align: center !important; }
  .content-align-xxl-left .content-wrapper * { text-align: left !important; }
  .content-align-xxl-right .content-wrapper * { text-align: right !important; }
}


.overflow-x-visible { overflow-x: visible !important; }
.overflow-x-hidden { overflow-x: hidden !important; }
.overflow-y-visible { overflow-y: visible !important; }
.overflow-y-hidden { overflow-y: hidden !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .overflow-x-sm-visible { overflow-x: visible !important; }
  .overflow-x-sm-hidden { overflow-x: hidden !important; }
  .overflow-y-sm-visible { overflow-y: visible !important; }
  .overflow-y-sm-hidden { overflow-y: hidden !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .overflow-x-md-visible { overflow-x: visible !important; }
  .overflow-x-md-hidden { overflow-x: hidden !important; }
  .overflow-y-md-visible { overflow-y: visible !important; }
  .overflow-y-md-hidden { overflow-y: hidden !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .overflow-x-lg-visible { overflow-x: visible !important; }
  .overflow-x-lg-hidden { overflow-x: hidden !important; }
  .overflow-y-lg-visible { overflow-y: visible !important; }
  .overflow-y-lg-hidden { overflow-y: hidden !important; }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .overflow-x-xl-visible { overflow-x: visible !important; }
  .overflow-x-xl-hidden { overflow-x: hidden !important; }
  .overflow-y-xl-visible { overflow-y: visible !important; }
  .overflow-y-xl-hidden { overflow-y: hidden !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .overflow-x-xxl-visible { overflow-x: visible !important; }
  .overflow-x-xxl-hidden { overflow-x: hidden !important; }
  .overflow-y-xxl-visible { overflow-y: visible !important; }
  .overflow-y-xxl-hidden { overflow-y: hidden !important; }
}


.display-block{display:block!important}
.display-none{display:none!important}
.display-inline{display:inline!important}
.display-inline-block{display:inline-block!important}
.display-flex{display:flex!important}

@media (min-width:480px){
    .display-sm-block{display:block!important}
    .display-sm-none{display:none!important}
    .display-sm-inline{display:inline!important}
    .display-sm-inline-block{display:inline-block!important}
    .display-sm-flex{display:flex!important}
}

@media (min-width:768px){
    .display-md-block{display:block!important}
    .display-md-none{display:none!important}
    .display-md-inline{display:inline!important}
    .display-md-inline-block{display:inline-block!important}
    .display-md-flex{display:flex!important}
}

@media (min-width:1024px){
    .display-lg-block{display:block!important}
    .display-lg-none{display:none!important}
    .display-lg-inline{display:inline!important}
    .display-lg-inline-block{display:inline-block!important}
    .display-lg-flex{display:flex!important}
}

@media (min-width:1200px){
    .display-xl-block{display:block!important}
    .display-xl-none{display:none!important}
    .display-xl-inline{display:inline!important}
    .display-xl-inline-block{display:inline-block!important}
    .display-xl-flex{display:flex!important}
}

@media (min-width:1366px){
  .display-xxl-block{display:block!important}
  .display-xxl-none{display:none!important}
  .display-xxl-inline{display:inline!important}
  .display-xxl-inline-block{display:inline-block!important}
  .display-xxl-flex{display:flex!important}
}


.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }

.justify-content-start { justify-content: flex-start !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }

.align-items-start { align-items: flex-start !important; }
.align-items-end { align-items: flex-end !important; }
.align-items-center { align-items: center !important; }
.align-items-baseline { align-items: baseline !important; }
.align-items-stretch { align-items: stretch !important; }

@media(min-width:480px){
    .flex-row-sm { flex-direction: row !important; }
    .flex-column-sm { flex-direction: column !important; }

    .justify-content-start-sm { justify-content: flex-start !important; }
    .justify-content-end-sm { justify-content: flex-end !important; }
    .justify-content-center-sm { justify-content: center !important; }
    .justify-content-between-sm { justify-content: space-between !important; }
    .justify-content-around-sm { justify-content: space-around !important; }

    .align-items-start-sm { align-items: flex-start !important; }
    .align-items-end-sm { align-items: flex-end !important; }
    .align-items-center-sm { align-items: center !important; }
    .align-items-baseline-sm { align-items: baseline !important; }
    .align-items-stretch-sm { align-items: stretch !important; }
}
@media(min-width:768px){
    .flex-row-md{ flex-direction: row !important; }
    .flex-column-md{ flex-direction: column !important; }

    .justify-content-start-md{ justify-content: flex-start !important; }
    .justify-content-end-md{ justify-content: flex-end !important; }
    .justify-content-center-md{ justify-content: center !important; }
    .justify-content-between-md{ justify-content: space-between !important; }
    .justify-content-around-md{ justify-content: space-around !important; }

    .align-items-start-md{ align-items: flex-start !important; }
    .align-items-end-md{ align-items: flex-end !important; }
    .align-items-center-md{ align-items: center !important; }
    .align-items-baseline-md{ align-items: baseline !important; }
    .align-items-stretch-md{ align-items: stretch !important; }
}
@media(min-width:1024px){
    .flex-row-lg{ flex-direction: row !important; }
    .flex-column-lg{ flex-direction: column !important; }

    .justify-content-start-lg{ justify-content: flex-start !important; }
    .justify-content-end-lg{ justify-content: flex-end !important; }
    .justify-content-center-lg{ justify-content: center !important; }
    .justify-content-between-lg{ justify-content: space-between !important; }
    .justify-content-around-lg{ justify-content: space-around !important; }

    .align-items-start-lg{ align-items: flex-start !important; }
    .align-items-end-lg{ align-items: flex-end !important; }
    .align-items-center-lg{ align-items: center !important; }
    .align-items-baseline-lg{ align-items: baseline !important; }
    .align-items-stretch-lg{ align-items: stretch !important; }
}
@media(min-width:1200px){
    .flex-row-xl{ flex-direction: row !important; }
    .flex-column-xl{ flex-direction: column !important; }

    .justify-content-start-xl{ justify-content: flex-start !important; }
    .justify-content-end-xl{ justify-content: flex-end !important; }
    .justify-content-center-xl{ justify-content: center !important; }
    .justify-content-between-xl{ justify-content: space-between !important; }
    .justify-content-around-xl{ justify-content: space-around !important; }

    .align-items-start-xl{ align-items: flex-start !important; }
    .align-items-end-xl{ align-items: flex-end !important; }
    .align-items-center-xl{ align-items: center !important; }
    .align-items-baseline-xl{ align-items: baseline !important; }
    .align-items-stretch-xl{ align-items: stretch !important; }
}
@media(min-width:1200px){
    .flex-row-xxl{ flex-direction: row !important; }
    .flex-column-xxl{ flex-direction: column !important; }

    .justify-content-start-xxl{ justify-content: flex-start !important; }
    .justify-content-end-xxl{ justify-content: flex-end !important; }
    .justify-content-center-xxl{ justify-content: center !important; }
    .justify-content-between-xxl{ justify-content: space-between !important; }
    .justify-content-around-xxl{ justify-content: space-around !important; }

    .align-items-start-xxl{ align-items: flex-start !important; }
    .align-items-end-xxl{ align-items: flex-end !important; }
    .align-items-center-xxl{ align-items: center !important; }
    .align-items-baseline-xxl{ align-items: baseline !important; }
    .align-items-stretch-xxl{ align-items: stretch !important; }
}



.m-0 {
  margin: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}


.mb-default {
  margin-bottom: var(--default-gap) !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}

.m-auto {
  margin: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mx-auto{
    margin: 0 auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .m-sm-0 {
    margin: 0 !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mr-sm-0 {
    margin-right: 0 !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .ml-sm-0 {
    margin-left: 0 !important;
  }

  .m-sm-auto {
    margin: auto !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .mr-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ml-sm-auto {
    margin-left: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mr-md-0 {
    margin-right: 0 !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .ml-md-0 {
    margin-left: 0 !important;
  }

  .m-md-auto {
    margin: auto !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .mr-md-auto {
    margin-right: auto !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ml-md-auto {
    margin-left: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .m-lg-0 {
    margin: 0 !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mr-lg-0 {
    margin-right: 0 !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .ml-lg-0 {
    margin-left: 0 !important;
  }

  .m-lg-auto {
    margin: auto !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .mr-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ml-lg-auto {
    margin-left: auto !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mr-xl-0 {
    margin-right: 0 !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xl-0 {
    margin-left: 0 !important;
  }

  .m-xl-auto {
    margin: auto !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .mr-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ml-xl-auto {
    margin-left: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .m-xxl-0 {
    margin: 0 !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mr-xxl-0 {
    margin-right: 0 !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .ml-xxl-0 {
    margin-left: 0 !important;
  }

  .m-xxl-auto {
    margin: auto !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .mr-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ml-xxl-auto {
    margin-left: auto !important;
  }
}




.p-0 {
  padding: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}

.p-auto {
  padding: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .p-sm-0 {
    padding: 0 !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pr-sm-0 {
    padding-right: 0 !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pl-sm-0 {
    padding-left: 0 !important;
  }

  .p-sm-auto {
    padding: auto !important;
  }
  .pt-sm-auto {
    padding-top: auto !important;
  }
  .pr-sm-auto {
    padding-right: auto !important;
  }
  .pb-sm-auto {
    padding-bottom: auto !important;
  }
  .pl-sm-auto {
    padding-left: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0 !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pr-md-0 {
    padding-right: 0 !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pl-md-0 {
    padding-left: 0 !important;
  }

  .p-md-auto {
    padding: auto !important;
  }
  .pt-md-auto {
    padding-top: auto !important;
  }
  .pr-md-auto {
    padding-right: auto !important;
  }
  .pb-md-auto {
    padding-bottom: auto !important;
  }
  .pl-md-auto {
    padding-left: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .p-lg-0 {
    padding: 0 !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pr-lg-0 {
    padding-right: 0 !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pl-lg-0 {
    padding-left: 0 !important;
  }

  .p-lg-auto {
    padding: auto !important;
  }
  .pt-lg-auto {
    padding-top: auto !important;
  }
  .pr-lg-auto {
    padding-right: auto !important;
  }
  .pb-lg-auto {
    padding-bottom: auto !important;
  }
  .pl-lg-auto {
    padding-left: auto !important;
  }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0 !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pr-xl-0 {
    padding-right: 0 !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xl-0 {
    padding-left: 0 !important;
  }

  .p-xl-auto {
    padding: auto !important;
  }
  .pt-xl-auto {
    padding-top: auto !important;
  }
  .pr-xl-auto {
    padding-right: auto !important;
  }
  .pb-xl-auto {
    padding-bottom: auto !important;
  }
  .pl-xl-auto {
    padding-left: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .p-xxl-0 {
    padding: 0 !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pr-xxl-0 {
    padding-right: 0 !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pl-xxl-0 {
    padding-left: 0 !important;
  }

  .p-xxl-auto {
    padding: auto !important;
  }
  .pt-xxl-auto {
    padding-top: auto !important;
  }
  .pr-xxl-auto {
    padding-right: auto !important;
  }
  .pb-xxl-auto {
    padding-bottom: auto !important;
  }
  .pl-xxl-auto {
    padding-left: auto !important;
  }
}


/* position */

.position-relative{
    position: relative !important;
}










/* Container */

@media(min-width:1200px){
    
    .container-xxl-fluid{
        max-width: none !important;
        width: 100%;
    }
    
}


/** Start of Background Colors **/

.bg-primary{
    background-color: var(--color-blush-beige) !important;
}

/** End of Background Colors **/




/* Zig Zag Image Start */

@media(min-width:1024px){
    
    .zig-zag-image:nth-child(even) .image{
        order: 2 !important;
    }

    .zig-zag-image:nth-child(odd) .image{
        order: -1 !important;
    }

}

/* Zig Zag Image End */



/* Zig Zag Flex Box */

@media(min-width:1024px){
    
    .zig-zag-image:nth-child(even) .image{
        order: 2 !important;
    }

    .zig-zag-image:nth-child(odd) .image{
        order: -1 !important;
    }

}

/* Zig Zag Flex Box */

.sticky-elemnt{
    position: sticky;
    top: calc(var(--number-header-height) + 25px);
}


/* Hide When Empty Start */

.has-childs {
    display:none;
}

/* Hide When Empty End */


/* Disable Buttons Start */

.disabled{
    pointer-events: none !important;
}

.disabled.visual-disabled{
    opacity: 0.75;
}

/* Disable Buttons End */


/* Flex Order Start */

.order-first{
  order:-1 !important;
  margin-bottom:var(--default-gap) !important;
}

.order-second{
  order:2 !important;
  margin-bottom:0 !important;
}


/* Small devices (480px and up) */
@media (min-width: 480px) {
  .order-sm-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-sm-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .order-md-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-md-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
    .order-lg-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }
    
    .order-lg-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Extra large devices (1200px and up) */
@media (min-width: 1200px) {
    .order-xl-first{
      order:-1 !important;
      margin-bottom:var(--default-gap) !important;
    }

    .order-xl-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
      .order-xxl-first{
          order:-1 !important;
          margin-bottom:var(--default-gap) !important;
        }

    .order-xxl-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}


/* Flex Order End */



/* Text Transform Utility Classes */

.text-uppercase {
    text-transform: uppercase !important;
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.text-normal {
    text-transform: none !important;
}









 
/* Utility Js Associated */

.separate-extra .extra{
  display: none;
}

/*Fixing issue links with no anchor text  - START - All Properties*/
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border: 0;
    }
/*Fixing issue links with no anchor text  - END - All Properties*/

/*Changing "Join Dorsett - Your Rewards" Floating Button on Mobile View  - START - All Properties*/
@media(max-width:1023px){
    .button-badge p.mobile-only {
        display: block;
    }
    .button-badge {
        width: 55px;
        gap: 5px;
    }
}

@media(min-width:1024px){
    .button-badge p.mobile-only {
        display: none;
    }
}

/*Changing "Join Dorsett - Your Rewards" Floating Button on Mobile View  - END - All Properties*/


/*Make Responsive Tables for Offer Pages in Mobile View - START - B*/

        
@media(max-width:767px){  
        .offers-table table.bt thead,
        .offers-table table.bt tbody th {
          display: none;
        }
        
        .offers-table table.bt tfoot th,
        .offers-table table.bt tfoot td,
        .offers-table table.bt tbody td {
          border: none;
          display: block;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          vertical-align: top;
        
          
          float: left\9;
          width: 100%\9;
          width: 100%;
          flex-wrap: nowrap;
          justify-content: space-between;
        }
        
        .offers-table table.bt:not(.ignore-responsive) tfoot th::before,
        .offers-table table.bt:not(.ignore-responsive) tfoot td::before,
        .offers-table table.bt:not(.ignore-responsive) tbody td::before {
          text-align: left;
          content: attr(data-th) ": ";
          display: inline-block;
          -webkit-flex-shrink: 0;
          -ms-flex-shrink: 0;
          flex-shrink: 0;
          font-weight: bold;
          width: 45%;
        }
        
        .offers-table table.bt tfoot th.bt-hide,
        .offers-table table.bt tfoot td.bt-hide,
        .offers-table table.bt tbody td.bt-hide {
          display: none;
        }
        
        .offers-table table.bt tfoot th .bt-content,
        .offers-table table.bt tfoot td .bt-content,
        .offers-table table.bt tbody td .bt-content {
          vertical-align: top;
        }
        
        .bt-wrapper.active {
          max-height: 310px;
          overflow: auto;
          -webkit-overflow-scrolling: touch;
        }
        
        .offers-table table.bt.bt--no-header tfoot td::before,
        .offers-table table.bt.bt--no-header tbody td::before {
          display: none;
        }

        
        .offers-table table > tbody >tr >th,
        .offers-table table > tbody >tr >td {
            padding: 8px 10px;
        }
        
        .offers-table table tr td:first-of-type {
            padding-top: 20px;
        }
        .offers-table table tr td:last-of-type {
            padding-bottom: 20px;
        }
    
        .offers-table table.bt {
            width: 100%!important;
        }
        
        .offers-table table.bt:not(.ignore-responsive) tr:first-child {
            display: none;
        }
        .offers-table .text-align-left.r2g-content-sub:not(.default-align) table * {
            text-align: left !important;
        }
 
  }

@media (min-width:768px) and (max-width:1600px){  
     .table-scroll-wrapper {
      width: 100%;
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
    }
    
    .table-scroll-wrapper table {
      width: 100%;
      max-width: 800px;
      border-collapse: collapse;
    }
    .offers-table table tr td {
            padding: 19px 45px 16px 45px;
            display: table-cell;
    }

 }
 


/*Make Responsive Tables for Offer Pages in Mobile View - END - B*/