/* Padding Start */
.ps-xxs { padding-inline-start: var(--xxs); }
.ps-xs { padding-inline-start: var(--xs); }
.ps-s { padding-inline-start: var(--s); }
.ps-m { padding-inline-start: var(--m); }
.ps-l { padding-inline-start: var(--l); }
.ps-xl { padding-inline-start: var(--xl); }
.ps-xxl { padding-inline-start: var(--xxl); }
.ps-xxxl { padding-inline-start: var(--xxxl); }

/* Padding End */
.pe-xxs { padding-inline-end: var(--xxs); }
.pe-xs { padding-inline-end: var(--xs); }
.pe-s { padding-inline-end: var(--s); }
.pe-m { padding-inline-end: var(--m); }
.pe-l { padding-inline-end: var(--l); }
.pe-xl { padding-inline-end: var(--xl); }
.pe-xxl { padding-inline-end: var(--xxl); }
.pe-xxxl { padding-inline-end: var(--xxxl); }

/* Padding Top */
.pt-xxs { padding-top: var(--xxs); }
.pt-xs { padding-top: var(--xs); }
.pt-s { padding-top: var(--s); }
.pt-m { padding-top: var(--m); }
.pt-l { padding-top: var(--l); }
.pt-xl { padding-top: var(--xl); }
.pt-xxl { padding-top: var(--xxl); }
.pt-xxxl { padding-top: var(--xxxl); }

/* Padding Bottom */
.pb-xxs { padding-bottom: var(--xxs); }
.pb-xs { padding-bottom: var(--xs); }
.pb-s { padding-bottom: var(--s); }
.pb-m { padding-bottom: var(--m); }
.pb-l { padding-bottom: var(--l); }
.pb-xl { padding-bottom: var(--xl); }
.pb-xxl { padding-bottom: var(--xxl); }
.pb-xxxl { padding-bottom: var(--xxxl); }

/* Padding X */
.px-xxs { padding-inline: var(--xxs); }
.px-xs { padding-inline: var(--xs); }
.px-s { padding-inline: var(--s); }
.px-m { padding-inline: var(--m); }
.px-l { padding-inline: var(--l); }
.px-xl { padding-inline: var(--xl); }
.px-xxl { padding-inline: var(--xxl); }
.px-xxxl { padding-inline: var(--xxxl); }

/* Padding Y */
.py-xxs { padding-block: var(--xxs); }
.py-xs { padding-block: var(--xs); }
.py-s { padding-block: var(--s); }
.py-m { padding-block: var(--m); }
.py-l { padding-block: var(--l); }
.py-xl { padding-block: var(--xl); }
.py-xxl { padding-block: var(--xxl); }
.py-xxxl { padding-block: var(--xxxl); }

/* Padding All */
.p-xxs { padding: var(--xxs); }
.p-xs { padding: var(--xs); }
.p-s { padding: var(--s); }
.p-m { padding: var(--m); }
.p-l { padding: var(--l); }
.p-xl { padding: var(--xl); }
.p-xxl { padding: var(--xxl); }
.p-xxxl { padding: var(--xxxl); }



/* Margin Start */
.ms-xxs { margin-inline-start: var(--xxs); }
.ms-xs { margin-inline-start: var(--xs); }
.ms-s { margin-inline-start: var(--s); }
.ms-m { margin-inline-start: var(--m); }
.ms-l { margin-inline-start: var(--l); }
.ms-xl { margin-inline-start: var(--xl); }
.ms-xxl { margin-inline-start: var(--xxl); }
.ms-xxxl { margin-inline-start: var(--xxxl); }

/* Margin End */
.me-xxs { margin-inline-end: var(--xxs); }
.me-xs { margin-inline-end: var(--xs); }
.me-s { margin-inline-end: var(--s); }
.me-m { margin-inline-end: var(--m); }
.me-l { margin-inline-end: var(--l); }
.me-xl { margin-inline-end: var(--xl); }
.me-xxl { margin-inline-end: var(--xxl); }
.me-xxxl { margin-inline-end: var(--xxxl); }

/* Margin Top */
.mt-xxs { margin-top: var(--xxs); }
.mt-xs { margin-top: var(--xs); }
.mt-s { margin-top: var(--s); }
.mt-m { margin-top: var(--m); }
.mt-l { margin-top: var(--l); }
.mt-xl { margin-top: var(--xl); }
.mt-xxl { margin-top: var(--xxl); }
.mt-xxxl { margin-top: var(--xxxl); }

/* Margin Bottom */
.mb-xxs { margin-bottom: var(--xxs); }
.mb-xs { margin-bottom: var(--xs); }
.mb-s { margin-bottom: var(--s); }
.mb-m { margin-bottom: var(--m); }
.mb-l { margin-bottom: var(--l); }
.mb-xl { margin-bottom: var(--xl); }
.mb-xxl { margin-bottom: var(--xxl); }
.mb-xxxl { margin-bottom: var(--xxxl); }

/* Margin X */
.mx-xxs { margin-inline: var(--xxs); }
.mx-xs { margin-inline: var(--xs); }
.mx-s { margin-inline: var(--s); }
.mx-m { margin-inline: var(--m); }
.mx-l { margin-inline: var(--l); }
.mx-xl { margin-inline: var(--xl); }
.mx-xxl { margin-inline: var(--xxl); }
.mx-xxxl { margin-inline: var(--xxxl); }

/* Margin Y */
.my-xxs { margin-block: var(--xxs); }
.my-xs { margin-block: var(--xs); }
.my-s { margin-block: var(--s); }
.my-m { margin-block: var(--m); }
.my-l { margin-block: var(--l); }
.my-xl { margin-block: var(--xl); }
.my-xxl { margin-block: var(--xxl); }
.my-xxxl { margin-block: var(--xxxl); }

/* Margin All */
.m-xxs { margin: var(--xxs); }
.m-xs { margin: var(--xs); }
.m-s { margin: var(--s); }
.m-m { margin: var(--m); }
.m-l { margin: var(--l); }
.m-xl { margin: var(--xl); }
.m-xxl { margin: var(--xxl); }
.m-xxxl { margin: var(--xxxl); }

.container {
    width: 90%;
    max-width: 560px;
    margin: 0 auto;
}
@media (min-width: 768px) {
    .container {
        max-width: 860px;
    }
}
@media (min-width: 1024px) {
    .container {
        max-width: 1200px;
    }
}
@media (min-width: 1280px) {
    .container {
        max-width: 1280px;
    }
}
@media (min-width: 1366px) {
    .container {
        max-width: 1400px;
    }
}
@media (min-width: 1600px) {
    .container {
        max-width: 1460px;
    }
}







.text-center {
    text-align: center !important
}

.text-left {
    text-align: left !important
}

.text-right {
    text-align: right !important
}

@media (min-width: 480px) {
    .text-480-center {
        text-align:center !important
    }

    .text-480-left {
        text-align: left !important
    }

    .text-480-right {
        text-align: right !important
    }
}

@media (min-width: 768px) {
    .text-768-center {
        text-align:center !important
    }

    .text-768-left {
        text-align: left !important
    }

    .text-768-right {
        text-align: right !important
    }
}

@media (min-width: 1024px) {
    .text-1024-center {
        text-align:center !important
    }

    .text-1024-left {
        text-align: left !important
    }

    .text-1024-right {
        text-align: right !important
    }
}

@media (min-width: 1280px) {
    .text-1280-center {
        text-align:center !important
    }

    .text-1280-left {
        text-align: left !important
    }

    .text-1280-right {
        text-align: right !important
    }
}


/* Theme Specific */

.bg-cream{
    background-color: var(--color-cream);
}

.bg-gradent-option-1{
    background-image: linear-gradient(180deg, transparent 14.44%, #B3D1D9 37.08%, #B3D1D9 71.99%, transparent 91.83%);
    background-repeat: no-repeat;
    background-size: cover;
}

/* Animations */

@media (min-width: 1280px) and (prefers-reduced-motion: no-preference) {
    
    .scale-on-hover{
        overflow: hidden;
    }
    
    .scale-on-hover .image-wrapper img{
        will-change: transform;
        transition: all .4s ease-in-out;
    }
    
    .scale-on-hover:hover .image-wrapper img{
        transform: scale(102%);
        transform-origin: center;
    }
    
}



/* Default (all sizes) */
.grid-gap-1 { gap: var(--grid-gap-option-1) !important; }
.grid-gap-2 { gap: var(--grid-gap-option-2) !important; }
.grid-gap-3 { gap: var(--grid-gap-option-3) !important; }
.grid-gap-4 { gap: var(--grid-gap-option-4) !important; }
.grid-gap-5 { gap: var(--grid-gap-option-5) !important; }

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .grid-gap-sm-1 { gap: var(--grid-gap-option-1) !important; }
  .grid-gap-sm-2 { gap: var(--grid-gap-option-2) !important; }
  .grid-gap-sm-3 { gap: var(--grid-gap-option-3) !important; }
  .grid-gap-sm-4 { gap: var(--grid-gap-option-4) !important; }
  .grid-gap-sm-5 { gap: var(--grid-gap-option-5) !important; }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .grid-gap-md-1 { gap: var(--grid-gap-option-1) !important; }
  .grid-gap-md-2 { gap: var(--grid-gap-option-2) !important; }
  .grid-gap-md-3 { gap: var(--grid-gap-option-3) !important; }
  .grid-gap-md-4 { gap: var(--grid-gap-option-4) !important; }
  .grid-gap-md-5 { gap: var(--grid-gap-option-5) !important; }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .grid-gap-lg-1 { gap: var(--grid-gap-option-1) !important; }
  .grid-gap-lg-2 { gap: var(--grid-gap-option-2) !important; }
  .grid-gap-lg-3 { gap: var(--grid-gap-option-3) !important; }
  .grid-gap-lg-4 { gap: var(--grid-gap-option-4) !important; }
  .grid-gap-lg-5 { gap: var(--grid-gap-option-5) !important; }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .grid-gap-xl-1 { gap: var(--grid-gap-option-1) !important; }
  .grid-gap-xl-2 { gap: var(--grid-gap-option-2) !important; }
  .grid-gap-xl-3 { gap: var(--grid-gap-option-3) !important; }
  .grid-gap-xl-4 { gap: var(--grid-gap-option-4) !important; }
  .grid-gap-xl-5 { gap: var(--grid-gap-option-5) !important; }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .grid-gap-xxl-1 { gap: var(--grid-gap-option-1) !important; }
  .grid-gap-xxl-2 { gap: var(--grid-gap-option-2) !important; }
  .grid-gap-xxl-3 { gap: var(--grid-gap-option-3) !important; }
  .grid-gap-xxl-4 { gap: var(--grid-gap-option-4) !important; }
  .grid-gap-xxl-5 { gap: var(--grid-gap-option-5) !important; }
}

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

.text-bold{ font-weight: bold !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 (1280px and up) */
@media (min-width: 1280px) {
  .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 (1280px and up) */
@media (min-width: 1280px) {
  .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 (1280px and up) */
@media (min-width: 1280px) {
  .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:1280px){
    .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; }
.flex-wrap { flex-wrap: wrap !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:1280px){
    .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:1366px){
    .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; }
}

.flex-shrink-0{
    flex-shrink: 0 !important;
}

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


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

.mt-default {
  margin-top: var(--gap-default) !important;
}

@media (min-width: 480px) {
    
    .sm-section-gap{
        margin-bottom: var(--section-gap);
    }

}

@media (min-width: 768px) {
    
    .md-section-gap{
        margin-bottom: var(--section-gap);
    }

}

@media (min-width: 1024px) {
    
    .lg-section-gap{
        margin-bottom: var(--section-gap);
    }

}

@media (min-width: 1280px) {
    
    .xl-section-gap{
        margin-bottom: var(--section-gap);
    }

}

@media (min-width: 1366px) {
    
    .xxl-section-gap{
        margin-bottom: var(--section-gap);
    }

}


.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 (1280px and up) */
@media (min-width: 1280px) {
  .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-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 (1280px and up) */
@media (min-width: 1280px) {
    
    
    
  .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;
  }
}


/* position */

.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}

/* Position offset utilities */
.top-0 {
  top: 0 !important;
}
.right-0 {
  right: 0 !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.left-0 {
  left: 0 !important;
}
.top-auto {
  top: auto !important;
}
.right-auto {
  right: auto !important;
}
.bottom-auto {
  bottom: auto !important;
}
.left-auto {
  left: auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .position-sm-static {
    position: static !important;
  }
  .position-sm-relative {
    position: relative !important;
  }
  .position-sm-absolute {
    position: absolute !important;
  }
  .position-sm-fixed {
    position: fixed !important;
  }
  .position-sm-sticky {
    position: sticky !important;
  }

  .top-sm-0 {
    top: 0 !important;
  }
  .right-sm-0 {
    right: 0 !important;
  }
  .bottom-sm-0 {
    bottom: 0 !important;
  }
  .left-sm-0 {
    left: 0 !important;
  }
  .top-sm-auto {
    top: auto !important;
  }
  .right-sm-auto {
    right: auto !important;
  }
  .bottom-sm-auto {
    bottom: auto !important;
  }
  .left-sm-auto {
    left: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .position-md-static {
    position: static !important;
  }
  .position-md-relative {
    position: relative !important;
  }
  .position-md-absolute {
    position: absolute !important;
  }
  .position-md-fixed {
    position: fixed !important;
  }
  .position-md-sticky {
    position: sticky !important;
  }

  .top-md-0 {
    top: 0 !important;
  }
  .right-md-0 {
    right: 0 !important;
  }
  .bottom-md-0 {
    bottom: 0 !important;
  }
  .left-md-0 {
    left: 0 !important;
  }
  .top-md-auto {
    top: auto !important;
  }
  .right-md-auto {
    right: auto !important;
  }
  .bottom-md-auto {
    bottom: auto !important;
  }
  .left-md-auto {
    left: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .position-lg-static {
    position: static !important;
  }
  .position-lg-relative {
    position: relative !important;
  }
  .position-lg-absolute {
    position: absolute !important;
  }
  .position-lg-fixed {
    position: fixed !important;
  }
  .position-lg-sticky {
    position: sticky !important;
  }

  .top-lg-0 {
    top: 0 !important;
  }
  .right-lg-0 {
    right: 0 !important;
  }
  .bottom-lg-0 {
    bottom: 0 !important;
  }
  .left-lg-0 {
    left: 0 !important;
  }
  .top-lg-auto {
    top: auto !important;
  }
  .right-lg-auto {
    right: auto !important;
  }
  .bottom-lg-auto {
    bottom: auto !important;
  }
  .left-lg-auto {
    left: auto !important;
  }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .position-xl-static {
    position: static !important;
  }
  .position-xl-relative {
    position: relative !important;
  }
  .position-xl-absolute {
    position: absolute !important;
  }
  .position-xl-fixed {
    position: fixed !important;
  }
  .position-xl-sticky {
    position: sticky !important;
  }

  .top-xl-0 {
    top: 0 !important;
  }
  .right-xl-0 {
    right: 0 !important;
  }
  .bottom-xl-0 {
    bottom: 0 !important;
  }
  .left-xl-0 {
    left: 0 !important;
  }
  .top-xl-auto {
    top: auto !important;
  }
  .right-xl-auto {
    right: auto !important;
  }
  .bottom-xl-auto {
    bottom: auto !important;
  }
  .left-xl-auto {
    left: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .position-xxl-static {
    position: static !important;
  }
  .position-xxl-relative {
    position: relative !important;
  }
  .position-xxl-absolute {
    position: absolute !important;
  }
  .position-xxl-fixed {
    position: fixed !important;
  }
  .position-xxl-sticky {
    position: sticky !important;
  }

  .top-xxl-0 {
    top: 0 !important;
  }
  .right-xxl-0 {
    right: 0 !important;
  }
  .bottom-xxl-0 {
    bottom: 0 !important;
  }
  .left-xxl-0 {
    left: 0 !important;
  }
  .top-xxl-auto {
    top: auto !important;
  }
  .right-xxl-auto {
    right: auto !important;
  }
  .bottom-xxl-auto {
    bottom: auto !important;
  }
  .left-xxl-auto {
    left: auto !important;
  }
}

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

/* 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(--gap-default) !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(--gap-default) !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(--gap-default) !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(--gap-default) !important;
    }
    
    .order-lg-second{
      order:2 !important;
      margin-bottom:0 !important;
    }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
    .order-xl-first{
      order:-1 !important;
      margin-bottom:var(--gap-default) !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(--gap-default) !important;
        }

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


/* Flex Order End */

.w-100 {
  width: 100% !important;
}
.w-75 {
  width: 75% !important;
}
.w-50 {
  width: 50% !important;
}
.w-25 {
  width: 25% !important;
}
.w-auto {
  width: auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .w-sm-100 {
    width: 100% !important;
  }
  .w-sm-75 {
    width: 75% !important;
  }
  .w-sm-50 {
    width: 50% !important;
  }
  .w-sm-25 {
    width: 25% !important;
  }
  .w-sm-auto {
    width: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .w-md-100 {
    width: 100% !important;
  }
  .w-md-75 {
    width: 75% !important;
  }
  .w-md-50 {
    width: 50% !important;
  }
  .w-md-25 {
    width: 25% !important;
  }
  .w-md-auto {
    width: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .w-lg-100 {
    width: 100% !important;
  }
  .w-lg-75 {
    width: 75% !important;
  }
  .w-lg-50 {
    width: 50% !important;
  }
  .w-lg-25 {
    width: 25% !important;
  }
  .w-lg-auto {
    width: auto !important;
  }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .w-xl-100 {
    width: 100% !important;
  }
  .w-xl-75 {
    width: 75% !important;
  }
  .w-xl-50 {
    width: 50% !important;
  }
  .w-xl-25 {
    width: 25% !important;
  }
  .w-xl-auto {
    width: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .w-xxl-100 {
    width: 100% !important;
  }
  .w-xxl-75 {
    width: 75% !important;
  }
  .w-xxl-50 {
    width: 50% !important;
  }
  .w-xxl-25 {
    width: 25% !important;
  }
  .w-xxl-auto {
    width: none !important;
  }
}


/* Max Width */

.mw-100 {
  max-width: 100% !important;
}
.mw-75 {
  max-width: 75% !important;
}
.mw-50 {
  max-width: 50% !important;
}
.mw-25 {
  max-width: 25% !important;
}
.mw-auto {
  max-width: none !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .mw-sm-100 {
    max-width: 100% !important;
  }
  .mw-sm-75 {
    max-width: 75% !important;
  }
  .mw-sm-50 {
    max-width: 50% !important;
  }
  .mw-sm-25 {
    max-width: 25% !important;
  }
  .mw-sm-auto {
    max-width: none !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .mw-md-100 {
    max-width: 100% !important;
  }
  .mw-md-75 {
    max-width: 75% !important;
  }
  .mw-md-50 {
    max-width: 50% !important;
  }
  .mw-md-25 {
    max-width: 25% !important;
  }
  .mw-md-auto {
    max-width: none !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .mw-lg-100 {
    max-width: 100% !important;
  }
  .mw-lg-75 {
    max-width: 75% !important;
  }
  .mw-lg-50 {
    max-width: 50% !important;
  }
  .mw-lg-25 {
    max-width: 25% !important;
  }
  .mw-lg-auto {
    max-width: none !important;
  }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .mw-xl-100 {
    max-width: 100% !important;
  }
  .mw-xl-75 {
    max-width: 75% !important;
  }
  .mw-xl-50 {
    max-width: 50% !important;
  }
  .mw-xl-25 {
    max-width: 25% !important;
  }
  .mw-xl-auto {
    max-width: none !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .mw-xxl-100 {
    max-width: 100% !important;
  }
  .mw-xxl-75 {
    max-width: 75% !important;
  }
  .mw-xxl-50 {
    max-width: 50% !important;
  }
  .mw-xxl-25 {
    max-width: 25% !important;
  }
  .mw-xxl-auto {
    max-width: none !important;
  }
}

.h-100 {
  height: 100% !important;
}
.h-75 {
  height: 75% !important;
}
.h-50 {
  height: 50% !important;
}
.h-25 {
  height: 25% !important;
}
.h-auto {
  height: auto !important;
}

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .h-sm-100 {
    height: 100% !important;
  }
  .h-sm-75 {
    height: 75% !important;
  }
  .h-sm-50 {
    height: 50% !important;
  }
  .h-sm-25 {
    height: 25% !important;
  }
  .h-sm-auto {
    height: auto !important;
  }
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .h-md-100 {
    height: 100% !important;
  }
  .h-md-75 {
    height: 75% !important;
  }
  .h-md-50 {
    height: 50% !important;
  }
  .h-md-25 {
    height: 25% !important;
  }
  .h-md-auto {
    height: auto !important;
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .h-lg-100 {
    height: 100% !important;
  }
  .h-lg-75 {
    height: 75% !important;
  }
  .h-lg-50 {
    height: 50% !important;
  }
  .h-lg-25 {
    height: 25% !important;
  }
  .h-lg-auto {
    height: auto !important;
  }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .h-xl-100 {
    height: 100% !important;
  }
  .h-xl-75 {
    height: 75% !important;
  }
  .h-xl-50 {
    height: 50% !important;
  }
  .h-xl-25 {
    height: 25% !important;
  }
  .h-xl-auto {
    height: auto !important;
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .h-xxl-100 {
    height: 100% !important;
  }
  .h-xxl-75 {
    height: 75% !important;
  }
  .h-xxl-50 {
    height: 50% !important;
  }
  .h-xxl-25 {
    height: 25% !important;
  }
  .h-xxl-auto {
    height: auto !important;
  }
}

/* Aspect Ratio */


.ar-1-1 {
  aspect-ratio: 1 / 1 !important;
}
.ar-16-9 {
  aspect-ratio: 16 / 9 !important;
}
.ar-4-3 {
  aspect-ratio: 4 / 3 !important;
}
.ar-3-2 {
  aspect-ratio: 3 / 2 !important;
}
.ar-auto {
  aspect-ratio: auto !important;
}



@media (min-width: 480px) {
  .ar-sm-1-1 {
    aspect-ratio: 1 / 1 !important;
  }
  .ar-sm-16-9 {
    aspect-ratio: 16 / 9 !important;
  }
  .ar-sm-4-3 {
    aspect-ratio: 4 / 3 !important;
  }
  .ar-sm-3-2 {
    aspect-ratio: 3 / 2 !important;
  }
  .ar-sm-auto {
    aspect-ratio: auto !important;
  }
}

@media (min-width: 768px) {
  .ar-md-1-1 {
    aspect-ratio: 1 / 1 !important;
  }
  .ar-md-16-9 {
    aspect-ratio: 16 / 9 !important;
  }
  .ar-md-4-3 {
    aspect-ratio: 4 / 3 !important;
  }
  .ar-md-3-2 {
    aspect-ratio: 3 / 2 !important;
  }
  .ar-md-auto {
    aspect-ratio: auto !important;
  }
}


@media (min-width: 1024px) {
  .ar-lg-1-1 {
    aspect-ratio: 1 / 1 !important;
  }
  .ar-lg-16-9 {
    aspect-ratio: 16 / 9 !important;
  }
  .ar-lg-4-3 {
    aspect-ratio: 4 / 3 !important;
  }
  .ar-lg-3-2 {
    aspect-ratio: 3 / 2 !important;
  }
  .ar-lg-auto {
    aspect-ratio: auto !important;
  }
}

@media (min-width: 1280px) {
  .ar-xl-1-1 {
    aspect-ratio: 1 / 1 !important;
  }
  .ar-xl-16-9 {
    aspect-ratio: 16 / 9 !important;
  }
  .ar-xl-4-3 {
    aspect-ratio: 4 / 3 !important;
  }
  .ar-xl-3-2 {
    aspect-ratio: 3 / 2 !important;
  }
  .ar-xl-auto {
    aspect-ratio: auto !important;
  }
}

@media (min-width: 1366px) {
  .ar-xxl-1-1 {
    aspect-ratio: 1 / 1 !important;
  }
  .ar-xxl-16-9 {
    aspect-ratio: 16 / 9 !important;
  }
  .ar-xxl-4-3 {
    aspect-ratio: 4 / 3 !important;
  }
  .ar-xxl-3-2 {
    aspect-ratio: 3 / 2 !important;
  }
  .ar-xxl-auto {
    aspect-ratio: auto !important;
  }
}




/* Max Width */

.max-w-fit{
    max-width: fit-content;
}

.dafault-gap{
    gap:var(--gap-default);
}
.column-dafault-gap{
    column-gap:var(--gap-default);
}
.row-dafault-gap{
    row-gap:var(--gap-default);
}

.gap-0{
  gap:0 !important
}

/* Flex gaps */

/* Small devices (480px and up) */
@media (min-width: 480px) {
  .gap-sm-0{
    gap:0 !important
  }
  
}

/* Medium devices (768px and up) */
@media (min-width: 768px) {
  .gap-md-0{
    gap:0 !important
  }
}

/* Large devices (1024px and up) */
@media (min-width: 1024px) {
  .gap-lg-0{
    gap:0 !important
  }
}

/* Extra large devices (1280px and up) */
@media (min-width: 1280px) {
  .gap-xl-0{
    gap:0 !important
  }
}

/* Extra extra large devices (1366px and up) */
@media (min-width: 1366px) {
  .gap-xxl-0{
    gap:0 !important
  }
}

.list-style-none{
    list-style: none !important;
    padding: 0 !important;
}

.cursor-pointer{
    cursor: pointer;
}