/* Text Transform */

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

/* 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;
}

.show-arrows-flex .arrows-wrapper {
  display: flex !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;
  }
  
  .show-arrows-sm-flex .arrows-wrapper {
    display: flex !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;
  }
  .show-arrows-md-flex .arrows-wrapper {
    display: flex !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;
  }
  .show-arrows-lg-flex .arrows-wrapper {
    display: flex !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;
  }
  .show-arrows-xl-flex .arrows-wrapper {
    display: flex !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;
  }
  .show-arrows-xxl-flex .arrows-wrapper {
    display: flex !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; }
.justify-content-evenly { justify-content: space-evenly !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; }
    .justify-content-evenly-sm { justify-content: space-evenly !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; }
    .justify-content-evenly-md { justify-content: space-evenly !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; }
    .justify-content-evenly-lg { justify-content: space-evenly !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; }
    .justify-content-evenly-xl { justify-content: space-evenly !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; }
    .justify-content-evenly-xxl { justify-content: space-evenly !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-section {
    margin-bottom: var(--section-gap) !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;
}

/* 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;
  }
}

/*====================== Padding Extra Start ===================*/

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


.p-2 {
  padding: 56px !important;
}
.pt-2 {
  padding-top: 56px !important;
}
.pr-2 {
  padding-right: 56px !important;
}
.pb-2 {
  padding-bottom: 56px !important;
}
.pl-2 {
  padding-left: 56px !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-1 {
    padding: 24px !important;
  }
  .pt-sm-1 {
    padding-top: 24px !important;
  }
  .pr-sm-1 {
    padding-right: 24px !important;
  }
  .pb-sm-1 {
    padding-bottom: 24px !important;
  }
  .pl-sm-1 {
    padding-left: 24px !important;
  }

  .p-sm-2 {
    padding: 56px !important;
  }
  .pt-sm-2 {
    padding-top: 56px !important;
  }
  .pr-sm-2 {
    padding-right: 56px !important;
  }
  .pb-sm-2 {
    padding-bottom: 56px !important;
  }
  .pl-sm-2 {
    padding-left: 56px !important;
  }
    
  .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-1 {
    padding: 24px !important;
  }
  .pt-md-1 {
    padding-top: 24px !important;
  }
  .pr-md-1 {
    padding-right: 24px !important;
  }
  .pb-md-1 {
    padding-bottom: 24px !important;
  }
  .pl-md-1 {
    padding-left: 24px !important;
  }

  .p-md-2 {
    padding: 56px !important;
  }
  .pt-md-2 {
    padding-top: 56px !important;
  }
  .pr-md-2 {
    padding-right: 56px !important;
  }
  .pb-md-2 {
    padding-bottom: 56px !important;
  }
  .pl-md-2 {
    padding-left: 56px !important;
  }
  
  .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-1 {
    padding: 24px !important;
  }
  .pt-lg-1 {
    padding-top: 24px !important;
  }
  .pr-lg-1 {
    padding-right: 24px !important;
  }
  .pb-lg-1 {
    padding-bottom: 24px !important;
  }
  .pl-lg-1 {
    padding-left: 24px !important;
  }

  .p-lg-2 {
    padding: 56px !important;
  }
  .pt-lg-2 {
    padding-top: 56px !important;
  }
  .pr-lg-2 {
    padding-right: 56px !important;
  }
  .pb-lg-2 {
    padding-bottom: 56px !important;
  }
  .pl-lg-2 {
    padding-left: 56px !important;
  }
    
  .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-1 {
    padding: 24px !important;
  }
  .pt-xl-1 {
    padding-top: 24px !important;
  }
  .pr-xl-1 {
    padding-right: 24px !important;
  }
  .pb-xl-1 {
    padding-bottom: 24px !important;
  }
  .pl-xl-1 {
    padding-left: 24px !important;
  }

  .p-xl-2 {
    padding: 56px !important;
  }
  .pt-xl-2 {
    padding-top: 56px !important;
  }
  .pr-xl-2 {
    padding-right: 56px !important;
  }
  .pb-xl-2 {
    padding-bottom: 56px !important;
  }
  .pl-xl-2 {
    padding-left: 56px !important;
  }
    
  .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-1 {
    padding: 24px !important;
  }
  .pt-xxl-1 {
    padding-top: 24px !important;
  }
  .pr-xxl-1 {
    padding-right: 24px !important;
  }
  .pb-xxl-1 {
    padding-bottom: 24px !important;
  }
    
 .pl-xxl-1 {
    padding-left: 24px !important;
  } 
    
  .p-xxl-2 {
    padding: 56px !important;
  }
  .pt-xxl-2 {
    padding-top: 56px !important;
  }
  .pr-xxl-2 {
    padding-right: 56px !important;
  }
  .pb-xxl-2 {
    padding-bottom: 56px !important;
  }
  .pl-xxl-2 {
    padding-left: 56px !important;
  }

  .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;
  }
}

/*======================= Padding Extra End ===================*/


/* 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;
}

/*ignore active class*/
.ignore-active:after {
    display: none !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 */



/*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;
        
          /* IE 9 */
          float: left\9;
          width: 100%\9;
          width: 100%;
          flex-wrap: nowrap;
          justify-content: space-between;
        }
        
        .offers-table table.bt tfoot th::before,
        .offers-table table.bt tfoot td::before,
        .offers-table table.bt 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 tr td:first-of-type {
            border-bottom: 1px solid #e4ebeb;
        }*/
        
        .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 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*/

/*Enabling Black and white theme - Bhagya - START*/
/*html.grayscale-mode {*/
/*    filter: grayscale(100%);*/
/*    -webkit-filter: grayscale(100%);*/
  
/*}*/

.offers-table .table-scroll-wrapper td {
    padding: 25px 30px;
}

.offers-table .r2g-content-sub .content-wrapper .table-scroll-wrapper table{
    margin: 10px 0 25px;
    width: 100%;
        max-width: 100%;
}
.offers-table .table-scroll-wrapper tr:first-child td {
    background: #862175!important;
    color: #fff;
}
/*Enabling Black and white theme - Bhagya - END*/