/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/shepherd.js/dist/css/shepherd.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.shepherd-button{background:#3288e6;border:0;border-radius:3px;color:hsla(0,0%,100%,.75);cursor:pointer;margin-right:.5rem;padding:.5rem 1.5rem;transition:all .5s ease}.shepherd-button:not(:disabled):hover{background:#196fcc;color:hsla(0,0%,100%,.75)}.shepherd-button.shepherd-button-secondary{background:#f1f2f3;color:rgba(0,0,0,.75)}.shepherd-button.shepherd-button-secondary:not(:disabled):hover{background:#d6d9db;color:rgba(0,0,0,.75)}.shepherd-button:disabled{cursor:not-allowed}
.shepherd-footer{border-bottom-left-radius:5px;border-bottom-right-radius:5px;display:flex;justify-content:flex-end;padding:0 .75rem .75rem}.shepherd-footer .shepherd-button:last-child{margin-right:0}
.shepherd-cancel-icon{background:transparent;border:none;color:hsla(0,0%,50%,.75);cursor:pointer;font-size:2em;font-weight:400;margin:0;padding:0;transition:color .5s ease}.shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon{color:hsla(0,0%,50%,.75)}.shepherd-has-title .shepherd-content .shepherd-cancel-icon:hover{color:rgba(0,0,0,.75)}
.shepherd-title{color:rgba(0,0,0,.75);display:flex;flex:1 0 auto;font-size:1rem;font-weight:400;margin:0;padding:0}
.shepherd-header{align-items:center;border-top-left-radius:5px;border-top-right-radius:5px;display:flex;justify-content:flex-end;line-height:2em;padding:.75rem .75rem 0}.shepherd-has-title .shepherd-content .shepherd-header{background:#e6e6e6;padding:1em}
.shepherd-text{color:rgba(0,0,0,.75);font-size:1rem;line-height:1.3em;padding:.75em}.shepherd-text p{margin-top:0}.shepherd-text p:last-child{margin-bottom:0}
.shepherd-content{border-radius:5px;outline:none;padding:0}
.shepherd-element{background:#fff;border:none;border-radius:5px;box-shadow:0 1px 4px rgba(0,0,0,.2);margin:0;max-width:400px;opacity:0;outline:none;padding:0;transition:opacity .3s,visibility .3s;visibility:hidden;width:100%;z-index:9999}.shepherd-enabled.shepherd-element{opacity:1;visibility:visible}.shepherd-element[data-popper-reference-hidden]:not(.shepherd-centered){opacity:0;pointer-events:none;visibility:hidden}.shepherd-element,.shepherd-element *,.shepherd-element :after,.shepherd-element :before{box-sizing:border-box}.shepherd-arrow,.shepherd-arrow:before{height:16px;position:absolute;width:16px;z-index:-1}.shepherd-arrow:before{background:#fff;content:"";transform:rotate(45deg)}.shepherd-element[data-popper-placement^=top]>.shepherd-arrow{bottom:-8px}.shepherd-element[data-popper-placement^=bottom]>.shepherd-arrow{top:-8px}.shepherd-element[data-popper-placement^=left]>.shepherd-arrow{right:-8px}.shepherd-element[data-popper-placement^=right]>.shepherd-arrow{left:-8px}.shepherd-element.shepherd-centered>.shepherd-arrow{opacity:0}.shepherd-element.shepherd-has-title[data-popper-placement^=bottom]>.shepherd-arrow:before{background-color:#e6e6e6}.shepherd-target-click-disabled.shepherd-enabled.shepherd-target,.shepherd-target-click-disabled.shepherd-enabled.shepherd-target *{pointer-events:none}
.shepherd-modal-overlay-container{height:0;left:0;opacity:0;overflow:hidden;pointer-events:none;position:fixed;top:0;transition:all .3s ease-out,height 0s .3s,opacity .3s 0s;width:100vw;z-index:9997}.shepherd-modal-overlay-container.shepherd-modal-is-visible{height:100vh;opacity:.5;transform:translateZ(0);transition:all .3s ease-out,height 0s 0s,opacity .3s 0s}.shepherd-modal-overlay-container.shepherd-modal-is-visible path{pointer-events:all}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/vendors/ion.rangeSlider.min.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/

.irs {
    position: relative;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    font-size: 12px;
    font-family: Arial, sans-serif
}

.irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important
}

.irs-bar {
    position: absolute;
    display: block;
    left: 0;
    width: 0;
}

.irs-shadow {
    position: absolute;
    display: none;
    left: 0;
    width: 0
}

.irs-handle {
    position: absolute;
    display: block;
    box-sizing: border-box;
    cursor: default;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-min,
.irs-max {
    position: absolute;
    display: block;
    cursor: default
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,
.irs-to,
.irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap
}

.irs-grid {
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 8px;
    background: #000
}

.irs-grid-pol.small {
    height: 4px
}

.irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #000
}

.irs-disable-mask {
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    width: 102%;
    height: 100%;
    cursor: default;
    background: rgba(0, 0, 0, 0);
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #000;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: transparent !important
}

.irs--flat {
    height: 40px
}

.irs--flat.irs-with-grid {
    height: 60px
}

.irs--flat .irs-line {
    top: 25px;
    height: 12px;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-bar {
    top: 25px;
    height: 12px;
    background-color: #ed5565
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: #e1e4e9
}

.irs--flat .irs-handle {
    top: 22px;
    width: 16px;
    height: 18px;
    background-color: transparent
}

.irs--flat .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -1px;
    background-color: #da4453
}

.irs--flat .irs-handle.state_hover>i:first-child,
.irs--flat .irs-handle:hover>i:first-child {
    background-color: #a43540
}

.irs--flat .irs-min,
.irs--flat .irs-max {
    top: 0;
    padding: 1px 3px;
    color: #999;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    background-color: #e1e4e9;
    border-radius: 4px
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    color: white;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #ed5565;
    border-radius: 4px
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #ed5565
}

.irs--flat .irs-grid-pol {
    background-color: #e1e4e9
}

.irs--flat .irs-grid-text {
    color: #999
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    top: 33px;
    height: 12px;
    background-color: white;
    background: linear-gradient(to bottom, #ddd -50%, white 150%);
    border: 1px solid #ccc;
    border-radius: 12px
}

.irs--big .irs-bar {
    top: 33px;
    height: 12px;
    background-color: #92bce0;
    border: 1px solid #428bca;
    background: linear-gradient(to bottom, #ffffff 0%, #428bca 30%, #b9d4ec 100%);
    box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.5)
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    height: 1px;
    bottom: 16px;
    background-color: rgba(66, 139, 202, 0.5)
}

.irs--big .irs-handle {
    top: 25px;
    width: 30px;
    height: 30px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: #cbcfd5;
    background: linear-gradient(to bottom, white 0%, #B4B9BE 30%, white 100%);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2), inset 0 0 3px 1px white;
    border-radius: 30px
}

.irs--big .irs-handle.state_hover,
.irs--big .irs-handle:hover {
    border-color: rgba(0, 0, 0, 0.45);
    background-color: #939ba7;
    background: linear-gradient(to bottom, white 0%, #919BA5 30%, white 100%)
}

.irs--big .irs-min,
.irs--big .irs-max {
    top: 0;
    padding: 1px 5px;
    color: white;
    text-shadow: none;
    background-color: #9f9f9f;
    border-radius: 3px
}

.irs--big .irs-from,
.irs--big .irs-to,
.irs--big .irs-single {
    color: white;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #428bca;
    background: linear-gradient(to bottom, #428bca 0%, #3071a9 100%);
    border-radius: 3px
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern {
    height: 55px
}

.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    top: 25px;
    height: 5px;
    background-color: #d1d6e0;
    background: linear-gradient(to bottom, #e0e4ea 0%, #d1d6e0 100%);
    border: 1px solid #a3adc1;
    border-bottom-width: 0;
    border-radius: 5px
}

.irs--modern .irs-bar {
    top: 25px;
    height: 5px;
    background: #20b426;
    background: linear-gradient(to bottom, #20b426 0%, #18891d 100%)
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(209, 214, 224, 0.5)
}

.irs--modern .irs-handle {
    top: 37px;
    width: 12px;
    height: 13px;
    border: 1px solid #a3adc1;
    border-top-width: 0;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(1) {
    position: absolute;
    display: block;
    top: -4px;
    left: 1px;
    width: 6px;
    height: 6px;
    border: 1px solid #a3adc1;
    background: white;
    transform: rotate(45deg)
}

.irs--modern .irs-handle>i:nth-child(2) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 0;
    left: 0;
    width: 10px;
    height: 12px;
    background: #e9e6e6;
    background: linear-gradient(to bottom, white 0%, #e9e6e6 100%);
    border-radius: 0 0 3px 3px
}

.irs--modern .irs-handle>i:nth-child(3) {
    position: absolute;
    display: block;
    box-sizing: border-box;
    top: 3px;
    left: 3px;
    width: 4px;
    height: 5px;
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1
}

.irs--modern .irs-handle.state_hover,
.irs--modern .irs-handle:hover {
    border-color: #7685a2;
    background: #c3c7cd;
    background: linear-gradient(to bottom, #ffffff 0%, #919ba5 30%, #ffffff 100%)
}

.irs--modern .irs-handle.state_hover>i:nth-child(1),
.irs--modern .irs-handle:hover>i:nth-child(1) {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),
.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-min,
.irs--modern .irs-max {
    top: 0;
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    color: white;
    background-color: #d1d6e0;
    border-radius: 5px
}

.irs--modern .irs-from,
.irs--modern .irs-to,
.irs--modern .irs-single {
    font-size: 10px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background-color: #20b426;
    color: white;
    border-radius: 5px
}

.irs--modern .irs-from:before,
.irs--modern .irs-to:before,
.irs--modern .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #20b426
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    height: 50px;
    font-size: 12px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    top: 30px;
    height: 2px;
    background-color: black;
    border-radius: 2px
}

.irs--sharp .irs-bar {
    top: 30px;
    height: 2px;
    background-color: #ee22fa
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    height: 1px;
    bottom: 21px;
    background-color: rgba(0, 0, 0, 0.5)
}

.irs--sharp .irs-handle {
    top: 25px;
    width: 10px;
    height: 10px;
    background-color: #a804b2
}

.irs--sharp .irs-handle>i:first-child {
    position: absolute;
    display: block;
    top: 100%;
    left: 0;
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-handle.state_hover,
.irs--sharp .irs-handle:hover {
    background-color: black
}

.irs--sharp .irs-handle.state_hover>i:first-child,
.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: black
}

.irs--sharp .irs-min,
.irs--sharp .irs-max {
    color: white;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 4px;
    opacity: .4;
    background-color: #a804b2;
    border-radius: 2px
}

.irs--sharp .irs-from,
.irs--sharp .irs-to,
.irs--sharp .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 4px;
    background-color: #a804b2;
    color: white;
    border-radius: 2px
}

.irs--sharp .irs-from:before,
.irs--sharp .irs-to:before,
.irs--sharp .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #a804b2
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    top: 36px;
    height: 4px;
    background-color: #dee4ec;
    border-radius: 4px
}

.irs--round .irs-bar {
    top: 36px;
    height: 4px;
    background-color: #006cfa
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    height: 4px;
    bottom: 21px;
    background-color: rgba(222, 228, 236, 0.5)
}

.irs--round .irs-handle {
    top: 26px;
    width: 24px;
    height: 24px;
    border: 4px solid #006cfa;
    background-color: white;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0, 0, 255, 0.3)
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-min,
.irs--round .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 4px
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: #006cfa;
    color: white;
    border-radius: 4px
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before {
    position: absolute;
    display: block;
    content: "";
    bottom: -6px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    overflow: hidden;
    border: 3px solid transparent;
    border-top-color: #006cfa
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    top: 31px;
    height: 4px;
    background-color: #dedede
}

.irs--square .irs-bar {
    top: 31px;
    height: 4px;
    background-color: black
}

.irs--square .irs-shadow {
    height: 2px;
    bottom: 21px;
    background-color: #dedede
}

.irs--square .irs-handle {
    top: 25px;
    width: 16px;
    height: 16px;
    border: 3px solid black;
    background-color: white;
    transform: rotate(45deg)
}

.irs--square .irs-handle.state_hover,
.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-min,
.irs--square .irs-max {
    color: #333;
    font-size: 14px;
    line-height: 1;
    top: 0;
    padding: 3px 5px;
    background-color: rgba(0, 0, 0, 0.1)
}

.irs--square .irs-from,
.irs--square .irs-to,
.irs--square .irs-single {
    font-size: 14px;
    line-height: 1;
    text-shadow: none;
    padding: 3px 5px;
    background-color: black;
    color: white
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/custom-theme.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
html {
  --mat-sys-background: #faf9fd;
  --mat-sys-error: #ba1a1a;
  --mat-sys-error-container: #ffdad6;
  --mat-sys-inverse-on-surface: #f2f0f4;
  --mat-sys-inverse-primary: #abc7ff;
  --mat-sys-inverse-surface: #2f3033;
  --mat-sys-on-background: #1a1b1f;
  --mat-sys-on-error: #ffffff;
  --mat-sys-on-error-container: #93000a;
  --mat-sys-on-primary: #ffffff;
  --mat-sys-on-primary-container: #00458f;
  --mat-sys-on-primary-fixed: #001b3f;
  --mat-sys-on-primary-fixed-variant: #00458f;
  --mat-sys-on-secondary: #ffffff;
  --mat-sys-on-secondary-container: #3e4759;
  --mat-sys-on-secondary-fixed: #131c2b;
  --mat-sys-on-secondary-fixed-variant: #3e4759;
  --mat-sys-on-surface: #1a1b1f;
  --mat-sys-on-surface-variant: #44474e;
  --mat-sys-on-tertiary: #ffffff;
  --mat-sys-on-tertiary-container: #0000ef;
  --mat-sys-on-tertiary-fixed: #00006e;
  --mat-sys-on-tertiary-fixed-variant: #0000ef;
  --mat-sys-outline: #74777f;
  --mat-sys-outline-variant: #c4c6d0;
  --mat-sys-primary: #005cbb;
  --mat-sys-primary-container: #d7e3ff;
  --mat-sys-primary-fixed: #d7e3ff;
  --mat-sys-primary-fixed-dim: #abc7ff;
  --mat-sys-scrim: #000000;
  --mat-sys-secondary: #565e71;
  --mat-sys-secondary-container: #dae2f9;
  --mat-sys-secondary-fixed: #dae2f9;
  --mat-sys-secondary-fixed-dim: #bec6dc;
  --mat-sys-shadow: #000000;
  --mat-sys-surface: #faf9fd;
  --mat-sys-surface-bright: #faf9fd;
  --mat-sys-surface-container: #efedf0;
  --mat-sys-surface-container-high: #e9e7eb;
  --mat-sys-surface-container-highest: #e3e2e6;
  --mat-sys-surface-container-low: #f4f3f6;
  --mat-sys-surface-container-lowest: #ffffff;
  --mat-sys-surface-dim: #dbd9dd;
  --mat-sys-surface-tint: #005cbb;
  --mat-sys-surface-variant: #e0e2ec;
  --mat-sys-tertiary: #343dff;
  --mat-sys-tertiary-container: #e0e0ff;
  --mat-sys-tertiary-fixed: #e0e0ff;
  --mat-sys-tertiary-fixed-dim: #bec2ff;
  --mat-sys-neutral-variant20: #2d3038;
  --mat-sys-neutral10: #1a1b1f;
  --mat-sys-level0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level2: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level3: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-sys-level4: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-sys-level5: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-sys-body-large: 400 1rem / 1.5rem Roboto;
  --mat-sys-body-large-font: Roboto;
  --mat-sys-body-large-line-height: 1.5rem;
  --mat-sys-body-large-size: 1rem;
  --mat-sys-body-large-tracking: 0.031rem;
  --mat-sys-body-large-weight: 400;
  --mat-sys-body-medium: 400 0.875rem / 1.25rem Roboto;
  --mat-sys-body-medium-font: Roboto;
  --mat-sys-body-medium-line-height: 1.25rem;
  --mat-sys-body-medium-size: 0.875rem;
  --mat-sys-body-medium-tracking: 0.016rem;
  --mat-sys-body-medium-weight: 400;
  --mat-sys-body-small: 400 0.75rem / 1rem Roboto;
  --mat-sys-body-small-font: Roboto;
  --mat-sys-body-small-line-height: 1rem;
  --mat-sys-body-small-size: 0.75rem;
  --mat-sys-body-small-tracking: 0.025rem;
  --mat-sys-body-small-weight: 400;
  --mat-sys-display-large: 400 3.562rem / 4rem Roboto;
  --mat-sys-display-large-font: Roboto;
  --mat-sys-display-large-line-height: 4rem;
  --mat-sys-display-large-size: 3.562rem;
  --mat-sys-display-large-tracking: -0.016rem;
  --mat-sys-display-large-weight: 400;
  --mat-sys-display-medium: 400 2.812rem / 3.25rem Roboto;
  --mat-sys-display-medium-font: Roboto;
  --mat-sys-display-medium-line-height: 3.25rem;
  --mat-sys-display-medium-size: 2.812rem;
  --mat-sys-display-medium-tracking: 0;
  --mat-sys-display-medium-weight: 400;
  --mat-sys-display-small: 400 2.25rem / 2.75rem Roboto;
  --mat-sys-display-small-font: Roboto;
  --mat-sys-display-small-line-height: 2.75rem;
  --mat-sys-display-small-size: 2.25rem;
  --mat-sys-display-small-tracking: 0;
  --mat-sys-display-small-weight: 400;
  --mat-sys-headline-large: 400 2rem / 2.5rem Roboto;
  --mat-sys-headline-large-font: Roboto;
  --mat-sys-headline-large-line-height: 2.5rem;
  --mat-sys-headline-large-size: 2rem;
  --mat-sys-headline-large-tracking: 0;
  --mat-sys-headline-large-weight: 400;
  --mat-sys-headline-medium: 400 1.75rem / 2.25rem Roboto;
  --mat-sys-headline-medium-font: Roboto;
  --mat-sys-headline-medium-line-height: 2.25rem;
  --mat-sys-headline-medium-size: 1.75rem;
  --mat-sys-headline-medium-tracking: 0;
  --mat-sys-headline-medium-weight: 400;
  --mat-sys-headline-small: 400 1.5rem / 2rem Roboto;
  --mat-sys-headline-small-font: Roboto;
  --mat-sys-headline-small-line-height: 2rem;
  --mat-sys-headline-small-size: 1.5rem;
  --mat-sys-headline-small-tracking: 0;
  --mat-sys-headline-small-weight: 400;
  --mat-sys-label-large: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-label-large-font: Roboto;
  --mat-sys-label-large-line-height: 1.25rem;
  --mat-sys-label-large-size: 0.875rem;
  --mat-sys-label-large-tracking: 0.006rem;
  --mat-sys-label-large-weight: 500;
  --mat-sys-label-large-weight-prominent: 700;
  --mat-sys-label-medium: 500 0.75rem / 1rem Roboto;
  --mat-sys-label-medium-font: Roboto;
  --mat-sys-label-medium-line-height: 1rem;
  --mat-sys-label-medium-size: 0.75rem;
  --mat-sys-label-medium-tracking: 0.031rem;
  --mat-sys-label-medium-weight: 500;
  --mat-sys-label-medium-weight-prominent: 700;
  --mat-sys-label-small: 500 0.688rem / 1rem Roboto;
  --mat-sys-label-small-font: Roboto;
  --mat-sys-label-small-line-height: 1rem;
  --mat-sys-label-small-size: 0.688rem;
  --mat-sys-label-small-tracking: 0.031rem;
  --mat-sys-label-small-weight: 500;
  --mat-sys-title-large: 400 1.375rem / 1.75rem Roboto;
  --mat-sys-title-large-font: Roboto;
  --mat-sys-title-large-line-height: 1.75rem;
  --mat-sys-title-large-size: 1.375rem;
  --mat-sys-title-large-tracking: 0;
  --mat-sys-title-large-weight: 400;
  --mat-sys-title-medium: 500 1rem / 1.5rem Roboto;
  --mat-sys-title-medium-font: Roboto;
  --mat-sys-title-medium-line-height: 1.5rem;
  --mat-sys-title-medium-size: 1rem;
  --mat-sys-title-medium-tracking: 0.009rem;
  --mat-sys-title-medium-weight: 500;
  --mat-sys-title-small: 500 0.875rem / 1.25rem Roboto;
  --mat-sys-title-small-font: Roboto;
  --mat-sys-title-small-line-height: 1.25rem;
  --mat-sys-title-small-size: 0.875rem;
  --mat-sys-title-small-tracking: 0.006rem;
  --mat-sys-title-small-weight: 500;
  --mat-sys-corner-extra-large: 28px;
  --mat-sys-corner-extra-large-top: 28px 28px 0 0;
  --mat-sys-corner-extra-small: 4px;
  --mat-sys-corner-extra-small-top: 4px 4px 0 0;
  --mat-sys-corner-full: 9999px;
  --mat-sys-corner-large: 16px;
  --mat-sys-corner-large-end: 0 16px 16px 0;
  --mat-sys-corner-large-start: 16px 0 0 16px;
  --mat-sys-corner-large-top: 16px 16px 0 0;
  --mat-sys-corner-medium: 12px;
  --mat-sys-corner-none: 0;
  --mat-sys-corner-small: 8px;
  --mat-sys-dragged-state-layer-opacity: 0.16;
  --mat-sys-focus-state-layer-opacity: 0.12;
  --mat-sys-hover-state-layer-opacity: 0.08;
  --mat-sys-pressed-state-layer-opacity: 0.12;
}
/*!*********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/bootstrap/dist/css/bootstrap.min.css?ngGlobalStyle ***!
  \*********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */:root,[data-bs-theme=light]{--bs-blue:#0d6efd;--bs-indigo:#6610f2;--bs-purple:#6f42c1;--bs-pink:#d63384;--bs-red:#dc3545;--bs-orange:#fd7e14;--bs-yellow:#ffc107;--bs-green:#198754;--bs-teal:#20c997;--bs-cyan:#0dcaf0;--bs-black:#000;--bs-white:#fff;--bs-gray:#6c757d;--bs-gray-dark:#343a40;--bs-gray-100:#f8f9fa;--bs-gray-200:#e9ecef;--bs-gray-300:#dee2e6;--bs-gray-400:#ced4da;--bs-gray-500:#adb5bd;--bs-gray-600:#6c757d;--bs-gray-700:#495057;--bs-gray-800:#343a40;--bs-gray-900:#212529;--bs-primary:#0d6efd;--bs-secondary:#6c757d;--bs-success:#198754;--bs-info:#0dcaf0;--bs-warning:#ffc107;--bs-danger:#dc3545;--bs-light:#f8f9fa;--bs-dark:#212529;--bs-primary-rgb:13,110,253;--bs-secondary-rgb:108,117,125;--bs-success-rgb:25,135,84;--bs-info-rgb:13,202,240;--bs-warning-rgb:255,193,7;--bs-danger-rgb:220,53,69;--bs-light-rgb:248,249,250;--bs-dark-rgb:33,37,41;--bs-primary-text-emphasis:#052c65;--bs-secondary-text-emphasis:#2b2f32;--bs-success-text-emphasis:#0a3622;--bs-info-text-emphasis:#055160;--bs-warning-text-emphasis:#664d03;--bs-danger-text-emphasis:#58151c;--bs-light-text-emphasis:#495057;--bs-dark-text-emphasis:#495057;--bs-primary-bg-subtle:#cfe2ff;--bs-secondary-bg-subtle:#e2e3e5;--bs-success-bg-subtle:#d1e7dd;--bs-info-bg-subtle:#cff4fc;--bs-warning-bg-subtle:#fff3cd;--bs-danger-bg-subtle:#f8d7da;--bs-light-bg-subtle:#fcfcfd;--bs-dark-bg-subtle:#ced4da;--bs-primary-border-subtle:#9ec5fe;--bs-secondary-border-subtle:#c4c8cb;--bs-success-border-subtle:#a3cfbb;--bs-info-border-subtle:#9eeaf9;--bs-warning-border-subtle:#ffe69c;--bs-danger-border-subtle:#f1aeb5;--bs-light-border-subtle:#e9ecef;--bs-dark-border-subtle:#adb5bd;--bs-white-rgb:255,255,255;--bs-black-rgb:0,0,0;--bs-font-sans-serif:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--bs-font-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--bs-gradient:linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));--bs-body-font-family:var(--bs-font-sans-serif);--bs-body-font-size:1rem;--bs-body-font-weight:400;--bs-body-line-height:1.5;--bs-body-color:#212529;--bs-body-color-rgb:33,37,41;--bs-body-bg:#fff;--bs-body-bg-rgb:255,255,255;--bs-emphasis-color:#000;--bs-emphasis-color-rgb:0,0,0;--bs-secondary-color:rgba(33, 37, 41, 0.75);--bs-secondary-color-rgb:33,37,41;--bs-secondary-bg:#e9ecef;--bs-secondary-bg-rgb:233,236,239;--bs-tertiary-color:rgba(33, 37, 41, 0.5);--bs-tertiary-color-rgb:33,37,41;--bs-tertiary-bg:#f8f9fa;--bs-tertiary-bg-rgb:248,249,250;--bs-heading-color:inherit;--bs-link-color:#0d6efd;--bs-link-color-rgb:13,110,253;--bs-link-decoration:underline;--bs-link-hover-color:#0a58ca;--bs-link-hover-color-rgb:10,88,202;--bs-code-color:#d63384;--bs-highlight-color:#212529;--bs-highlight-bg:#fff3cd;--bs-border-width:1px;--bs-border-style:solid;--bs-border-color:#dee2e6;--bs-border-color-translucent:rgba(0, 0, 0, 0.175);--bs-border-radius:0.375rem;--bs-border-radius-sm:0.25rem;--bs-border-radius-lg:0.5rem;--bs-border-radius-xl:1rem;--bs-border-radius-xxl:2rem;--bs-border-radius-2xl:var(--bs-border-radius-xxl);--bs-border-radius-pill:50rem;--bs-box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.15);--bs-box-shadow-sm:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);--bs-box-shadow-lg:0 1rem 3rem rgba(0, 0, 0, 0.175);--bs-box-shadow-inset:inset 0 1px 2px rgba(0, 0, 0, 0.075);--bs-focus-ring-width:0.25rem;--bs-focus-ring-opacity:0.25;--bs-focus-ring-color:rgba(13, 110, 253, 0.25);--bs-form-valid-color:#198754;--bs-form-valid-border-color:#198754;--bs-form-invalid-color:#dc3545;--bs-form-invalid-border-color:#dc3545}[data-bs-theme=dark]{color-scheme:dark;--bs-body-color:#dee2e6;--bs-body-color-rgb:222,226,230;--bs-body-bg:#212529;--bs-body-bg-rgb:33,37,41;--bs-emphasis-color:#fff;--bs-emphasis-color-rgb:255,255,255;--bs-secondary-color:rgba(222, 226, 230, 0.75);--bs-secondary-color-rgb:222,226,230;--bs-secondary-bg:#343a40;--bs-secondary-bg-rgb:52,58,64;--bs-tertiary-color:rgba(222, 226, 230, 0.5);--bs-tertiary-color-rgb:222,226,230;--bs-tertiary-bg:#2b3035;--bs-tertiary-bg-rgb:43,48,53;--bs-primary-text-emphasis:#6ea8fe;--bs-secondary-text-emphasis:#a7acb1;--bs-success-text-emphasis:#75b798;--bs-info-text-emphasis:#6edff6;--bs-warning-text-emphasis:#ffda6a;--bs-danger-text-emphasis:#ea868f;--bs-light-text-emphasis:#f8f9fa;--bs-dark-text-emphasis:#dee2e6;--bs-primary-bg-subtle:#031633;--bs-secondary-bg-subtle:#161719;--bs-success-bg-subtle:#051b11;--bs-info-bg-subtle:#032830;--bs-warning-bg-subtle:#332701;--bs-danger-bg-subtle:#2c0b0e;--bs-light-bg-subtle:#343a40;--bs-dark-bg-subtle:#1a1d20;--bs-primary-border-subtle:#084298;--bs-secondary-border-subtle:#41464b;--bs-success-border-subtle:#0f5132;--bs-info-border-subtle:#087990;--bs-warning-border-subtle:#997404;--bs-danger-border-subtle:#842029;--bs-light-border-subtle:#495057;--bs-dark-border-subtle:#343a40;--bs-heading-color:inherit;--bs-link-color:#6ea8fe;--bs-link-hover-color:#8bb9fe;--bs-link-color-rgb:110,168,254;--bs-link-hover-color-rgb:139,185,254;--bs-code-color:#e685b5;--bs-highlight-color:#dee2e6;--bs-highlight-bg:#664d03;--bs-border-color:#495057;--bs-border-color-translucent:rgba(255, 255, 255, 0.15);--bs-form-valid-color:#75b798;--bs-form-valid-border-color:#75b798;--bs-form-invalid-color:#ea868f;--bs-form-invalid-border-color:#ea868f}*,::after,::before{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}body{margin:0;font-family:var(--bs-body-font-family);font-size:var(--bs-body-font-size);font-weight:var(--bs-body-font-weight);line-height:var(--bs-body-line-height);color:var(--bs-body-color);text-align:var(--bs-body-text-align);background-color:var(--bs-body-bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}hr{margin:1rem 0;color:inherit;border:0;border-top:var(--bs-border-width) solid;opacity:.25}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2;color:var(--bs-heading-color)}.h1,h1{font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.h1,h1{font-size:2.5rem}}.h2,h2{font-size:calc(1.325rem + .9vw)}@media (min-width:1200px){.h2,h2{font-size:2rem}}.h3,h3{font-size:calc(1.3rem + .6vw)}@media (min-width:1200px){.h3,h3{font-size:1.75rem}}.h4,h4{font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){.h4,h4{font-size:1.5rem}}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}p{margin-top:0;margin-bottom:1rem}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}ol,ul{padding-left:2rem}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}.small,small{font-size:.875em}.mark,mark{padding:.1875em;color:var(--bs-highlight-color);background-color:var(--bs-highlight-bg)}sub,sup{position:relative;font-size:.75em;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,1));text-decoration:underline}a:hover{--bs-link-color-rgb:var(--bs-link-hover-color-rgb)}a:not([href]):not([class]),a:not([href]):not([class]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:var(--bs-font-monospace);font-size:1em}pre{display:block;margin-top:0;margin-bottom:1rem;overflow:auto;font-size:.875em}pre code{font-size:inherit;color:inherit;word-break:normal}code{font-size:.875em;color:var(--bs-code-color);word-wrap:break-word}a>code{color:inherit}kbd{padding:.1875rem .375rem;font-size:.875em;color:var(--bs-body-bg);background-color:var(--bs-body-color);border-radius:.25rem}kbd kbd{padding:0;font-size:1em}figure{margin:0 0 1rem}img,svg{vertical-align:middle}table{caption-side:bottom;border-collapse:collapse}caption{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-secondary-color);text-align:left}th{text-align:inherit;text-align:-webkit-match-parent}tbody,td,tfoot,th,thead,tr{border-color:inherit;border-style:solid;border-width:0}label{display:inline-block}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}select:disabled{opacity:1}[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator{display:none!important}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}::-moz-focus-inner{padding:0;border-style:none}textarea{resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{float:left;width:100%;padding:0;margin-bottom:.5rem;line-height:inherit;font-size:calc(1.275rem + .3vw)}@media (min-width:1200px){legend{font-size:1.5rem}}legend+*{clear:left}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-fields-wrapper,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-text,::-webkit-datetime-edit-year-field{padding:0}::-webkit-inner-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button{cursor:pointer;filter:grayscale(1)}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-color-swatch-wrapper{padding:0}::file-selector-button{font:inherit;-webkit-appearance:button}output{display:inline-block}iframe{border:0}summary{display:list-item;cursor:pointer}progress{vertical-align:baseline}[hidden]{display:none!important}.lead{font-size:1.25rem;font-weight:300}.display-1{font-weight:300;line-height:1.2;font-size:calc(1.625rem + 4.5vw)}@media (min-width:1200px){.display-1{font-size:5rem}}.display-2{font-weight:300;line-height:1.2;font-size:calc(1.575rem + 3.9vw)}@media (min-width:1200px){.display-2{font-size:4.5rem}}.display-3{font-weight:300;line-height:1.2;font-size:calc(1.525rem + 3.3vw)}@media (min-width:1200px){.display-3{font-size:4rem}}.display-4{font-weight:300;line-height:1.2;font-size:calc(1.475rem + 2.7vw)}@media (min-width:1200px){.display-4{font-size:3.5rem}}.display-5{font-weight:300;line-height:1.2;font-size:calc(1.425rem + 2.1vw)}@media (min-width:1200px){.display-5{font-size:3rem}}.display-6{font-weight:300;line-height:1.2;font-size:calc(1.375rem + 1.5vw)}@media (min-width:1200px){.display-6{font-size:2.5rem}}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:.875em;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote>:last-child{margin-bottom:0}.blockquote-footer{margin-top:-1rem;margin-bottom:1rem;font-size:.875em;color:#6c757d}.blockquote-footer::before{content:"— "}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:var(--bs-body-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:.875em;color:var(--bs-secondary-color)}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{--bs-gutter-x:1.5rem;--bs-gutter-y:0;width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}:root{--bs-breakpoint-xs:0;--bs-breakpoint-sm:576px;--bs-breakpoint-md:768px;--bs-breakpoint-lg:992px;--bs-breakpoint-xl:1200px;--bs-breakpoint-xxl:1400px}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--bs-gutter-y));margin-right:calc(-.5 * var(--bs-gutter-x));margin-left:calc(-.5 * var(--bs-gutter-x))}.row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.66666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.66666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.66666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.66666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.66666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.33333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.66666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.table{--bs-table-color-type:initial;--bs-table-bg-type:initial;--bs-table-color-state:initial;--bs-table-bg-state:initial;--bs-table-color:var(--bs-emphasis-color);--bs-table-bg:var(--bs-body-bg);--bs-table-border-color:var(--bs-border-color);--bs-table-accent-bg:transparent;--bs-table-striped-color:var(--bs-emphasis-color);--bs-table-striped-bg:rgba(var(--bs-emphasis-color-rgb), 0.05);--bs-table-active-color:var(--bs-emphasis-color);--bs-table-active-bg:rgba(var(--bs-emphasis-color-rgb), 0.1);--bs-table-hover-color:var(--bs-emphasis-color);--bs-table-hover-bg:rgba(var(--bs-emphasis-color-rgb), 0.075);width:100%;margin-bottom:1rem;vertical-align:top;border-color:var(--bs-table-border-color)}.table>:not(caption)>*>*{padding:.5rem .5rem;color:var(--bs-table-color-state,var(--bs-table-color-type,var(--bs-table-color)));background-color:var(--bs-table-bg);border-bottom-width:var(--bs-border-width);box-shadow:inset 0 0 0 9999px var(--bs-table-bg-state,var(--bs-table-bg-type,var(--bs-table-accent-bg)))}.table>tbody{vertical-align:inherit}.table>thead{vertical-align:bottom}.table-group-divider{border-top:calc(var(--bs-border-width) * 2) solid currentcolor}.caption-top{caption-side:top}.table-sm>:not(caption)>*>*{padding:.25rem .25rem}.table-bordered>:not(caption)>*{border-width:var(--bs-border-width) 0}.table-bordered>:not(caption)>*>*{border-width:0 var(--bs-border-width)}.table-borderless>:not(caption)>*>*{border-bottom-width:0}.table-borderless>:not(:first-child){border-top-width:0}.table-striped>tbody>tr:nth-of-type(odd)>*{--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-striped-columns>:not(caption)>tr>:nth-child(2n){--bs-table-color-type:var(--bs-table-striped-color);--bs-table-bg-type:var(--bs-table-striped-bg)}.table-active{--bs-table-color-state:var(--bs-table-active-color);--bs-table-bg-state:var(--bs-table-active-bg)}.table-hover>tbody>tr:hover>*{--bs-table-color-state:var(--bs-table-hover-color);--bs-table-bg-state:var(--bs-table-hover-bg)}.table-primary{--bs-table-color:#000;--bs-table-bg:#cfe2ff;--bs-table-border-color:#a6b5cc;--bs-table-striped-bg:#c5d7f2;--bs-table-striped-color:#000;--bs-table-active-bg:#bacbe6;--bs-table-active-color:#000;--bs-table-hover-bg:#bfd1ec;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-secondary{--bs-table-color:#000;--bs-table-bg:#e2e3e5;--bs-table-border-color:#b5b6b7;--bs-table-striped-bg:#d7d8da;--bs-table-striped-color:#000;--bs-table-active-bg:#cbccce;--bs-table-active-color:#000;--bs-table-hover-bg:#d1d2d4;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-success{--bs-table-color:#000;--bs-table-bg:#d1e7dd;--bs-table-border-color:#a7b9b1;--bs-table-striped-bg:#c7dbd2;--bs-table-striped-color:#000;--bs-table-active-bg:#bcd0c7;--bs-table-active-color:#000;--bs-table-hover-bg:#c1d6cc;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-info{--bs-table-color:#000;--bs-table-bg:#cff4fc;--bs-table-border-color:#a6c3ca;--bs-table-striped-bg:#c5e8ef;--bs-table-striped-color:#000;--bs-table-active-bg:#badce3;--bs-table-active-color:#000;--bs-table-hover-bg:#bfe2e9;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-warning{--bs-table-color:#000;--bs-table-bg:#fff3cd;--bs-table-border-color:#ccc2a4;--bs-table-striped-bg:#f2e7c3;--bs-table-striped-color:#000;--bs-table-active-bg:#e6dbb9;--bs-table-active-color:#000;--bs-table-hover-bg:#ece1be;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-danger{--bs-table-color:#000;--bs-table-bg:#f8d7da;--bs-table-border-color:#c6acae;--bs-table-striped-bg:#eccccf;--bs-table-striped-color:#000;--bs-table-active-bg:#dfc2c4;--bs-table-active-color:#000;--bs-table-hover-bg:#e5c7ca;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-light{--bs-table-color:#000;--bs-table-bg:#f8f9fa;--bs-table-border-color:#c6c7c8;--bs-table-striped-bg:#ecedee;--bs-table-striped-color:#000;--bs-table-active-bg:#dfe0e1;--bs-table-active-color:#000;--bs-table-hover-bg:#e5e6e7;--bs-table-hover-color:#000;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-dark{--bs-table-color:#fff;--bs-table-bg:#212529;--bs-table-border-color:#4d5154;--bs-table-striped-bg:#2c3034;--bs-table-striped-color:#fff;--bs-table-active-bg:#373b3e;--bs-table-active-color:#fff;--bs-table-hover-bg:#323539;--bs-table-hover-color:#fff;color:var(--bs-table-color);border-color:var(--bs-table-border-color)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width:575.98px){.table-responsive-sm{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:767.98px){.table-responsive-md{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:991.98px){.table-responsive-lg{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1199.98px){.table-responsive-xl{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (max-width:1399.98px){.table-responsive-xxl{overflow-x:auto;-webkit-overflow-scrolling:touch}}.form-label{margin-bottom:.5rem}.col-form-label{padding-top:calc(.375rem + var(--bs-border-width));padding-bottom:calc(.375rem + var(--bs-border-width));margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + var(--bs-border-width));padding-bottom:calc(.5rem + var(--bs-border-width));font-size:1.25rem}.col-form-label-sm{padding-top:calc(.25rem + var(--bs-border-width));padding-bottom:calc(.25rem + var(--bs-border-width));font-size:.875rem}.form-text{margin-top:.25rem;font-size:.875em;color:var(--bs-secondary-color)}.form-control{display:block;width:100%;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-clip:padding-box;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control[type=file]{overflow:hidden}.form-control[type=file]:not(:disabled):not([readonly]){cursor:pointer}.form-control:focus{color:var(--bs-body-color);background-color:var(--bs-body-bg);border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-control::-webkit-date-and-time-value{min-width:85px;height:1.5em;margin:0}.form-control::-webkit-datetime-edit{display:block;padding:0}.form-control::placeholder{color:var(--bs-secondary-color);opacity:1}.form-control:disabled{background-color:var(--bs-secondary-bg);opacity:1}.form-control::file-selector-button{padding:.375rem .75rem;margin:-.375rem -.75rem;margin-inline-end:.75rem;color:var(--bs-body-color);background-color:var(--bs-tertiary-bg);pointer-events:none;border-color:inherit;border-style:solid;border-width:0;border-inline-end-width:var(--bs-border-width);border-radius:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control::file-selector-button{transition:none}}.form-control:hover:not(:disabled):not([readonly])::file-selector-button{background-color:var(--bs-secondary-bg)}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;line-height:1.5;color:var(--bs-body-color);background-color:transparent;border:solid transparent;border-width:var(--bs-border-width) 0}.form-control-plaintext:focus{outline:0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2));padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-control-sm::file-selector-button{padding:.25rem .5rem;margin:-.25rem -.5rem;margin-inline-end:.5rem}.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.form-control-lg::file-selector-button{padding:.5rem 1rem;margin:-.5rem -1rem;margin-inline-end:1rem}textarea.form-control{min-height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2))}textarea.form-control-sm{min-height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}textarea.form-control-lg{min-height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-control-color{width:3rem;height:calc(1.5em + .75rem + calc(var(--bs-border-width) * 2));padding:.375rem}.form-control-color:not(:disabled):not([readonly]){cursor:pointer}.form-control-color::-moz-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color::-webkit-color-swatch{border:0!important;border-radius:var(--bs-border-radius)}.form-control-color.form-control-sm{height:calc(1.5em + .5rem + calc(var(--bs-border-width) * 2))}.form-control-color.form-control-lg{height:calc(1.5em + 1rem + calc(var(--bs-border-width) * 2))}.form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");display:block;width:100%;padding:.375rem 2.25rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);appearance:none;background-color:var(--bs-body-bg);background-image:var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none);background-repeat:no-repeat;background-position:right .75rem center;background-size:16px 12px;border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-select{transition:none}}.form-select:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-select[multiple],.form-select[size]:not([size="1"]){padding-right:.75rem;background-image:none}.form-select:disabled{background-color:var(--bs-secondary-bg)}.form-select:-moz-focusring{color:transparent;text-shadow:0 0 0 var(--bs-body-color)}.form-select-sm{padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.form-select-lg{padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}[data-bs-theme=dark] .form-select{--bs-form-select-bg-img:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:block;min-height:1.5rem;padding-left:1.5em;margin-bottom:.125rem}.form-check .form-check-input{float:left;margin-left:-1.5em}.form-check-reverse{padding-right:1.5em;padding-left:0;text-align:right}.form-check-reverse .form-check-input{float:right;margin-right:-1.5em;margin-left:0}.form-check-input{--bs-form-check-bg:var(--bs-body-bg);flex-shrink:0;width:1em;height:1em;margin-top:.25em;vertical-align:top;appearance:none;background-color:var(--bs-form-check-bg);background-image:var(--bs-form-check-bg-image);background-repeat:no-repeat;background-position:center;background-size:contain;border:var(--bs-border-width) solid var(--bs-border-color);-webkit-print-color-adjust:exact;print-color-adjust:exact}.form-check-input[type=checkbox]{border-radius:.25em}.form-check-input[type=radio]{border-radius:50%}.form-check-input:active{filter:brightness(90%)}.form-check-input:focus{border-color:#86b7fe;outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.form-check-input:checked{background-color:#0d6efd;border-color:#0d6efd}.form-check-input:checked[type=checkbox]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e")}.form-check-input:checked[type=radio]{--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")}.form-check-input[type=checkbox]:indeterminate{background-color:#0d6efd;border-color:#0d6efd;--bs-form-check-bg-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")}.form-check-input:disabled{pointer-events:none;filter:none;opacity:.5}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{cursor:default;opacity:.5}.form-switch{padding-left:2.5em}.form-switch .form-check-input{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");width:2em;margin-left:-2.5em;background-image:var(--bs-form-switch-bg);background-position:left center;border-radius:2em;transition:background-position .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-switch .form-check-input{transition:none}}.form-switch .form-check-input:focus{--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")}.form-switch .form-check-input:checked{background-position:right center;--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.form-switch.form-check-reverse{padding-right:2.5em;padding-left:0}.form-switch.form-check-reverse .form-check-input{margin-right:-2.5em;margin-left:0}.form-check-inline{display:inline-block;margin-right:1rem}.btn-check{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.btn-check:disabled+.btn,.btn-check[disabled]+.btn{pointer-events:none;filter:none;opacity:.65}[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus){--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e")}.form-range{width:100%;height:1.5rem;padding:0;appearance:none;background-color:transparent}.form-range:focus{outline:0}.form-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .25rem rgba(13,110,253,.25)}.form-range::-moz-focus-outer{border:0}.form-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.form-range::-webkit-slider-thumb:active{background-color:#b6d4fe}.form-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range::-moz-range-thumb{width:1rem;height:1rem;appearance:none;background-color:#0d6efd;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-range::-moz-range-thumb{-moz-transition:none;transition:none}}.form-range::-moz-range-thumb:active{background-color:#b6d4fe}.form-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:var(--bs-secondary-bg);border-color:transparent;border-radius:1rem}.form-range:disabled{pointer-events:none}.form-range:disabled::-webkit-slider-thumb{background-color:var(--bs-secondary-color)}.form-range:disabled::-moz-range-thumb{background-color:var(--bs-secondary-color)}.form-floating{position:relative}.form-floating>.form-control,.form-floating>.form-control-plaintext,.form-floating>.form-select{height:calc(3.5rem + calc(var(--bs-border-width) * 2));min-height:calc(3.5rem + calc(var(--bs-border-width) * 2));line-height:1.25}.form-floating>label{position:absolute;top:0;left:0;z-index:2;max-width:100%;height:100%;padding:1rem .75rem;overflow:hidden;color:rgba(var(--bs-body-color-rgb),.65);text-align:start;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;border:var(--bs-border-width) solid transparent;transform-origin:0 0;transition:opacity .1s ease-in-out,transform .1s ease-in-out}@media (prefers-reduced-motion:reduce){.form-floating>label{transition:none}}.form-floating>.form-control,.form-floating>.form-control-plaintext{padding:1rem .75rem}.form-floating>.form-control-plaintext::placeholder,.form-floating>.form-control::placeholder{color:transparent}.form-floating>.form-control-plaintext:focus,.form-floating>.form-control-plaintext:not(:placeholder-shown),.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control-plaintext:-webkit-autofill,.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-select{padding-top:1.625rem;padding-bottom:.625rem;padding-left:.75rem}.form-floating>.form-control-plaintext~label,.form-floating>.form-control:focus~label,.form-floating>.form-control:not(:placeholder-shown)~label,.form-floating>.form-select~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>.form-control:-webkit-autofill~label{transform:scale(.85) translateY(-.5rem) translateX(.15rem)}.form-floating>textarea:focus~label::after,.form-floating>textarea:not(:placeholder-shown)~label::after{position:absolute;inset:1rem 0.375rem;z-index:-1;height:1.5em;content:"";background-color:var(--bs-body-bg);border-radius:var(--bs-border-radius)}.form-floating>textarea:disabled~label::after{background-color:var(--bs-secondary-bg)}.form-floating>.form-control-plaintext~label{border-width:var(--bs-border-width) 0}.form-floating>.form-control:disabled~label,.form-floating>:disabled~label{color:#6c757d}.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}.input-group>.form-control,.input-group>.form-floating,.input-group>.form-select{position:relative;flex:1 1 auto;width:1%;min-width:0}.input-group>.form-control:focus,.input-group>.form-floating:focus-within,.input-group>.form-select:focus{z-index:5}.input-group .btn{position:relative;z-index:2}.input-group .btn:focus{z-index:5}.input-group-text{display:flex;align-items:center;padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:var(--bs-body-color);text-align:center;white-space:nowrap;background-color:var(--bs-tertiary-bg);border:var(--bs-border-width) solid var(--bs-border-color);border-radius:var(--bs-border-radius)}.input-group-lg>.btn,.input-group-lg>.form-control,.input-group-lg>.form-select,.input-group-lg>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;border-radius:var(--bs-border-radius-lg)}.input-group-sm>.btn,.input-group-sm>.form-control,.input-group-sm>.form-select,.input-group-sm>.input-group-text{padding:.25rem .5rem;font-size:.875rem;border-radius:var(--bs-border-radius-sm)}.input-group-lg>.form-select,.input-group-sm>.form-select{padding-right:3rem}.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control,.input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select,.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-control,.input-group.has-validation>.form-floating:nth-last-child(n+3)>.form-select,.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback){margin-left:calc(-1 * var(--bs-border-width));border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.form-floating:not(:first-child)>.form-control,.input-group>.form-floating:not(:first-child)>.form-select{border-top-left-radius:0;border-bottom-left-radius:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-valid-color)}.valid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-success);border-radius:var(--bs-border-radius)}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:var(--bs-form-valid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-valid,.was-validated .form-select:valid{border-color:var(--bs-form-valid-border-color)}.form-select.is-valid:not([multiple]):not([size]),.form-select.is-valid:not([multiple])[size="1"],.was-validated .form-select:valid:not([multiple]):not([size]),.was-validated .form-select:valid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-valid:focus,.was-validated .form-select:valid:focus{border-color:var(--bs-form-valid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-control-color.is-valid,.was-validated .form-control-color:valid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-valid,.was-validated .form-check-input:valid{border-color:var(--bs-form-valid-border-color)}.form-check-input.is-valid:checked,.was-validated .form-check-input:valid:checked{background-color:var(--bs-form-valid-color)}.form-check-input.is-valid:focus,.was-validated .form-check-input:valid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-success-rgb),.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:var(--bs-form-valid-color)}.form-check-inline .form-check-input~.valid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-valid,.input-group>.form-floating:not(:focus-within).is-valid,.input-group>.form-select:not(:focus).is-valid,.was-validated .input-group>.form-control:not(:focus):valid,.was-validated .input-group>.form-floating:not(:focus-within):valid,.was-validated .input-group>.form-select:not(:focus):valid{z-index:3}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:.875em;color:var(--bs-form-invalid-color)}.invalid-tooltip{position:absolute;top:100%;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;color:#fff;background-color:var(--bs-danger);border-radius:var(--bs-border-radius)}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:var(--bs-form-invalid-border-color);padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.form-select.is-invalid,.was-validated .form-select:invalid{border-color:var(--bs-form-invalid-border-color)}.form-select.is-invalid:not([multiple]):not([size]),.form-select.is-invalid:not([multiple])[size="1"],.was-validated .form-select:invalid:not([multiple]):not([size]),.was-validated .form-select:invalid:not([multiple])[size="1"]{--bs-form-select-bg-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");padding-right:4.125rem;background-position:right .75rem center,center right 2.25rem;background-size:16px 12px,calc(.75em + .375rem) calc(.75em + .375rem)}.form-select.is-invalid:focus,.was-validated .form-select:invalid:focus{border-color:var(--bs-form-invalid-border-color);box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-control-color.is-invalid,.was-validated .form-control-color:invalid{width:calc(3rem + calc(1.5em + .75rem))}.form-check-input.is-invalid,.was-validated .form-check-input:invalid{border-color:var(--bs-form-invalid-border-color)}.form-check-input.is-invalid:checked,.was-validated .form-check-input:invalid:checked{background-color:var(--bs-form-invalid-color)}.form-check-input.is-invalid:focus,.was-validated .form-check-input:invalid:focus{box-shadow:0 0 0 .25rem rgba(var(--bs-danger-rgb),.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:var(--bs-form-invalid-color)}.form-check-inline .form-check-input~.invalid-feedback{margin-left:.5em}.input-group>.form-control:not(:focus).is-invalid,.input-group>.form-floating:not(:focus-within).is-invalid,.input-group>.form-select:not(:focus).is-invalid,.was-validated .input-group>.form-control:not(:focus):invalid,.was-validated .input-group>.form-floating:not(:focus-within):invalid,.was-validated .input-group>.form-select:not(:focus):invalid{z-index:4}.btn{--bs-btn-padding-x:0.75rem;--bs-btn-padding-y:0.375rem;--bs-btn-font-family: ;--bs-btn-font-size:1rem;--bs-btn-font-weight:400;--bs-btn-line-height:1.5;--bs-btn-color:var(--bs-body-color);--bs-btn-bg:transparent;--bs-btn-border-width:var(--bs-border-width);--bs-btn-border-color:transparent;--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-hover-border-color:transparent;--bs-btn-box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.15),0 1px 1px rgba(0, 0, 0, 0.075);--bs-btn-disabled-opacity:0.65;--bs-btn-focus-box-shadow:0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);display:inline-block;padding:var(--bs-btn-padding-y) var(--bs-btn-padding-x);font-family:var(--bs-btn-font-family);font-size:var(--bs-btn-font-size);font-weight:var(--bs-btn-font-weight);line-height:var(--bs-btn-line-height);color:var(--bs-btn-color);text-align:center;text-decoration:none;vertical-align:middle;cursor:pointer;-webkit-user-select:none;user-select:none;border:var(--bs-btn-border-width) solid var(--bs-btn-border-color);border-radius:var(--bs-btn-border-radius);background-color:var(--bs-btn-bg);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color)}.btn-check+.btn:hover{color:var(--bs-btn-color);background-color:var(--bs-btn-bg);border-color:var(--bs-btn-border-color)}.btn:focus-visible{color:var(--bs-btn-hover-color);background-color:var(--bs-btn-hover-bg);border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:focus-visible+.btn{border-color:var(--bs-btn-hover-border-color);outline:0;box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked+.btn,.btn.active,.btn.show,.btn:first-child:active,:not(.btn-check)+.btn:active{color:var(--bs-btn-active-color);background-color:var(--bs-btn-active-bg);border-color:var(--bs-btn-active-border-color)}.btn-check:checked+.btn:focus-visible,.btn.active:focus-visible,.btn.show:focus-visible,.btn:first-child:active:focus-visible,:not(.btn-check)+.btn:active:focus-visible{box-shadow:var(--bs-btn-focus-box-shadow)}.btn-check:checked:focus-visible+.btn{box-shadow:var(--bs-btn-focus-box-shadow)}.btn.disabled,.btn:disabled,fieldset:disabled .btn{color:var(--bs-btn-disabled-color);pointer-events:none;background-color:var(--bs-btn-disabled-bg);border-color:var(--bs-btn-disabled-border-color);opacity:var(--bs-btn-disabled-opacity)}.btn-primary{--bs-btn-color:#fff;--bs-btn-bg:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0b5ed7;--bs-btn-hover-border-color:#0a58ca;--bs-btn-focus-shadow-rgb:49,132,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0a58ca;--bs-btn-active-border-color:#0a53be;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#0d6efd;--bs-btn-disabled-border-color:#0d6efd}.btn-secondary{--bs-btn-color:#fff;--bs-btn-bg:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#5c636a;--bs-btn-hover-border-color:#565e64;--bs-btn-focus-shadow-rgb:130,138,145;--bs-btn-active-color:#fff;--bs-btn-active-bg:#565e64;--bs-btn-active-border-color:#51585e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#6c757d;--bs-btn-disabled-border-color:#6c757d}.btn-success{--bs-btn-color:#fff;--bs-btn-bg:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#157347;--bs-btn-hover-border-color:#146c43;--bs-btn-focus-shadow-rgb:60,153,110;--bs-btn-active-color:#fff;--bs-btn-active-bg:#146c43;--bs-btn-active-border-color:#13653f;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#198754;--bs-btn-disabled-border-color:#198754}.btn-info{--bs-btn-color:#000;--bs-btn-bg:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#31d2f2;--bs-btn-hover-border-color:#25cff2;--bs-btn-focus-shadow-rgb:11,172,204;--bs-btn-active-color:#000;--bs-btn-active-bg:#3dd5f3;--bs-btn-active-border-color:#25cff2;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#0dcaf0;--bs-btn-disabled-border-color:#0dcaf0}.btn-warning{--bs-btn-color:#000;--bs-btn-bg:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffca2c;--bs-btn-hover-border-color:#ffc720;--bs-btn-focus-shadow-rgb:217,164,6;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffcd39;--bs-btn-active-border-color:#ffc720;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#ffc107;--bs-btn-disabled-border-color:#ffc107}.btn-danger{--bs-btn-color:#fff;--bs-btn-bg:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#bb2d3b;--bs-btn-hover-border-color:#b02a37;--bs-btn-focus-shadow-rgb:225,83,97;--bs-btn-active-color:#fff;--bs-btn-active-bg:#b02a37;--bs-btn-active-border-color:#a52834;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#dc3545;--bs-btn-disabled-border-color:#dc3545}.btn-light{--bs-btn-color:#000;--bs-btn-bg:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#d3d4d5;--bs-btn-hover-border-color:#c6c7c8;--bs-btn-focus-shadow-rgb:211,212,213;--bs-btn-active-color:#000;--bs-btn-active-bg:#c6c7c8;--bs-btn-active-border-color:#babbbc;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#000;--bs-btn-disabled-bg:#f8f9fa;--bs-btn-disabled-border-color:#f8f9fa}.btn-dark{--bs-btn-color:#fff;--bs-btn-bg:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#424649;--bs-btn-hover-border-color:#373b3e;--bs-btn-focus-shadow-rgb:66,70,73;--bs-btn-active-color:#fff;--bs-btn-active-bg:#4d5154;--bs-btn-active-border-color:#373b3e;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#fff;--bs-btn-disabled-bg:#212529;--bs-btn-disabled-border-color:#212529}.btn-outline-primary{--bs-btn-color:#0d6efd;--bs-btn-border-color:#0d6efd;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#0d6efd;--bs-btn-hover-border-color:#0d6efd;--bs-btn-focus-shadow-rgb:13,110,253;--bs-btn-active-color:#fff;--bs-btn-active-bg:#0d6efd;--bs-btn-active-border-color:#0d6efd;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0d6efd;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0d6efd;--bs-gradient:none}.btn-outline-secondary{--bs-btn-color:#6c757d;--bs-btn-border-color:#6c757d;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#6c757d;--bs-btn-hover-border-color:#6c757d;--bs-btn-focus-shadow-rgb:108,117,125;--bs-btn-active-color:#fff;--bs-btn-active-bg:#6c757d;--bs-btn-active-border-color:#6c757d;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#6c757d;--bs-gradient:none}.btn-outline-success{--bs-btn-color:#198754;--bs-btn-border-color:#198754;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#198754;--bs-btn-hover-border-color:#198754;--bs-btn-focus-shadow-rgb:25,135,84;--bs-btn-active-color:#fff;--bs-btn-active-bg:#198754;--bs-btn-active-border-color:#198754;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#198754;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#198754;--bs-gradient:none}.btn-outline-info{--bs-btn-color:#0dcaf0;--bs-btn-border-color:#0dcaf0;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#0dcaf0;--bs-btn-hover-border-color:#0dcaf0;--bs-btn-focus-shadow-rgb:13,202,240;--bs-btn-active-color:#000;--bs-btn-active-bg:#0dcaf0;--bs-btn-active-border-color:#0dcaf0;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#0dcaf0;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#0dcaf0;--bs-gradient:none}.btn-outline-warning{--bs-btn-color:#ffc107;--bs-btn-border-color:#ffc107;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#ffc107;--bs-btn-hover-border-color:#ffc107;--bs-btn-focus-shadow-rgb:255,193,7;--bs-btn-active-color:#000;--bs-btn-active-bg:#ffc107;--bs-btn-active-border-color:#ffc107;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#ffc107;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#ffc107;--bs-gradient:none}.btn-outline-danger{--bs-btn-color:#dc3545;--bs-btn-border-color:#dc3545;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#dc3545;--bs-btn-hover-border-color:#dc3545;--bs-btn-focus-shadow-rgb:220,53,69;--bs-btn-active-color:#fff;--bs-btn-active-bg:#dc3545;--bs-btn-active-border-color:#dc3545;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#dc3545;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#dc3545;--bs-gradient:none}.btn-outline-light{--bs-btn-color:#f8f9fa;--bs-btn-border-color:#f8f9fa;--bs-btn-hover-color:#000;--bs-btn-hover-bg:#f8f9fa;--bs-btn-hover-border-color:#f8f9fa;--bs-btn-focus-shadow-rgb:248,249,250;--bs-btn-active-color:#000;--bs-btn-active-bg:#f8f9fa;--bs-btn-active-border-color:#f8f9fa;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#f8f9fa;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#f8f9fa;--bs-gradient:none}.btn-outline-dark{--bs-btn-color:#212529;--bs-btn-border-color:#212529;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#212529;--bs-btn-hover-border-color:#212529;--bs-btn-focus-shadow-rgb:33,37,41;--bs-btn-active-color:#fff;--bs-btn-active-bg:#212529;--bs-btn-active-border-color:#212529;--bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);--bs-btn-disabled-color:#212529;--bs-btn-disabled-bg:transparent;--bs-btn-disabled-border-color:#212529;--bs-gradient:none}.btn-link{--bs-btn-font-weight:400;--bs-btn-color:var(--bs-link-color);--bs-btn-bg:transparent;--bs-btn-border-color:transparent;--bs-btn-hover-color:var(--bs-link-hover-color);--bs-btn-hover-border-color:transparent;--bs-btn-active-color:var(--bs-link-hover-color);--bs-btn-active-border-color:transparent;--bs-btn-disabled-color:#6c757d;--bs-btn-disabled-border-color:transparent;--bs-btn-box-shadow:0 0 0 #000;--bs-btn-focus-shadow-rgb:49,132,253;text-decoration:underline}.btn-link:focus-visible{color:var(--bs-btn-color)}.btn-link:hover{color:var(--bs-btn-hover-color)}.btn-group-lg>.btn,.btn-lg{--bs-btn-padding-y:0.5rem;--bs-btn-padding-x:1rem;--bs-btn-font-size:1.25rem;--bs-btn-border-radius:var(--bs-border-radius-lg)}.btn-group-sm>.btn,.btn-sm{--bs-btn-padding-y:0.25rem;--bs-btn-padding-x:0.5rem;--bs-btn-font-size:0.875rem;--bs-btn-border-radius:var(--bs-border-radius-sm)}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.collapsing.collapse-horizontal{width:0;height:auto;transition:width .35s ease}@media (prefers-reduced-motion:reduce){.collapsing.collapse-horizontal{transition:none}}.dropdown,.dropdown-center,.dropend,.dropstart,.dropup,.dropup-center{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{--bs-dropdown-zindex:1000;--bs-dropdown-min-width:10rem;--bs-dropdown-padding-x:0;--bs-dropdown-padding-y:0.5rem;--bs-dropdown-spacer:0.125rem;--bs-dropdown-font-size:1rem;--bs-dropdown-color:var(--bs-body-color);--bs-dropdown-bg:var(--bs-body-bg);--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-border-radius:var(--bs-border-radius);--bs-dropdown-border-width:var(--bs-border-width);--bs-dropdown-inner-border-radius:calc(var(--bs-border-radius) - var(--bs-border-width));--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-divider-margin-y:0.5rem;--bs-dropdown-box-shadow:var(--bs-box-shadow);--bs-dropdown-link-color:var(--bs-body-color);--bs-dropdown-link-hover-color:var(--bs-body-color);--bs-dropdown-link-hover-bg:var(--bs-tertiary-bg);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:var(--bs-tertiary-color);--bs-dropdown-item-padding-x:1rem;--bs-dropdown-item-padding-y:0.25rem;--bs-dropdown-header-color:#6c757d;--bs-dropdown-header-padding-x:1rem;--bs-dropdown-header-padding-y:0.5rem;position:absolute;z-index:var(--bs-dropdown-zindex);display:none;min-width:var(--bs-dropdown-min-width);padding:var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);margin:0;font-size:var(--bs-dropdown-font-size);color:var(--bs-dropdown-color);text-align:left;list-style:none;background-color:var(--bs-dropdown-bg);background-clip:padding-box;border:var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);border-radius:var(--bs-dropdown-border-radius)}.dropdown-menu[data-bs-popper]{top:100%;left:0;margin-top:var(--bs-dropdown-spacer)}.dropdown-menu-start{--bs-position:start}.dropdown-menu-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-end{--bs-position:end}.dropdown-menu-end[data-bs-popper]{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-start{--bs-position:start}.dropdown-menu-sm-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-sm-end{--bs-position:end}.dropdown-menu-sm-end[data-bs-popper]{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-start{--bs-position:start}.dropdown-menu-md-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-md-end{--bs-position:end}.dropdown-menu-md-end[data-bs-popper]{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-start{--bs-position:start}.dropdown-menu-lg-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-lg-end{--bs-position:end}.dropdown-menu-lg-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-start{--bs-position:start}.dropdown-menu-xl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xl-end{--bs-position:end}.dropdown-menu-xl-end[data-bs-popper]{right:0;left:auto}}@media (min-width:1400px){.dropdown-menu-xxl-start{--bs-position:start}.dropdown-menu-xxl-start[data-bs-popper]{right:auto;left:0}.dropdown-menu-xxl-end{--bs-position:end}.dropdown-menu-xxl-end[data-bs-popper]{right:0;left:auto}}.dropup .dropdown-menu[data-bs-popper]{top:auto;bottom:100%;margin-top:0;margin-bottom:var(--bs-dropdown-spacer)}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-menu[data-bs-popper]{top:0;right:auto;left:100%;margin-top:0;margin-left:var(--bs-dropdown-spacer)}.dropend .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropend .dropdown-toggle:empty::after{margin-left:0}.dropend .dropdown-toggle::after{vertical-align:0}.dropstart .dropdown-menu[data-bs-popper]{top:0;right:100%;left:auto;margin-top:0;margin-right:var(--bs-dropdown-spacer)}.dropstart .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropstart .dropdown-toggle::after{display:none}.dropstart .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropstart .dropdown-toggle:empty::after{margin-left:0}.dropstart .dropdown-toggle::before{vertical-align:0}.dropdown-divider{height:0;margin:var(--bs-dropdown-divider-margin-y) 0;overflow:hidden;border-top:1px solid var(--bs-dropdown-divider-bg);opacity:1}.dropdown-item{display:block;width:100%;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);clear:both;font-weight:400;color:var(--bs-dropdown-link-color);text-align:inherit;text-decoration:none;white-space:nowrap;background-color:transparent;border:0;border-radius:var(--bs-dropdown-item-border-radius,0)}.dropdown-item:focus,.dropdown-item:hover{color:var(--bs-dropdown-link-hover-color);background-color:var(--bs-dropdown-link-hover-bg)}.dropdown-item.active,.dropdown-item:active{color:var(--bs-dropdown-link-active-color);text-decoration:none;background-color:var(--bs-dropdown-link-active-bg)}.dropdown-item.disabled,.dropdown-item:disabled{color:var(--bs-dropdown-link-disabled-color);pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);margin-bottom:0;font-size:.875rem;color:var(--bs-dropdown-header-color);white-space:nowrap}.dropdown-item-text{display:block;padding:var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);color:var(--bs-dropdown-link-color)}.dropdown-menu-dark{--bs-dropdown-color:#dee2e6;--bs-dropdown-bg:#343a40;--bs-dropdown-border-color:var(--bs-border-color-translucent);--bs-dropdown-box-shadow: ;--bs-dropdown-link-color:#dee2e6;--bs-dropdown-link-hover-color:#fff;--bs-dropdown-divider-bg:var(--bs-border-color-translucent);--bs-dropdown-link-hover-bg:rgba(255, 255, 255, 0.15);--bs-dropdown-link-active-color:#fff;--bs-dropdown-link-active-bg:#0d6efd;--bs-dropdown-link-disabled-color:#adb5bd;--bs-dropdown-header-color:#adb5bd}.btn-group,.btn-group-vertical{position:relative;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group{border-radius:var(--bs-border-radius)}.btn-group>.btn-group:not(:first-child),.btn-group>:not(.btn-check:first-child)+.btn{margin-left:calc(-1 * var(--bs-border-width))}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn.dropdown-toggle-split:first-child,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:calc(-1 * var(--bs-border-width))}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:nth-child(n+3),.btn-group-vertical>:not(.btn-check)+.btn{border-top-left-radius:0;border-top-right-radius:0}.nav{--bs-nav-link-padding-x:1rem;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-link-color);--bs-nav-link-hover-color:var(--bs-link-hover-color);--bs-nav-link-disabled-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);font-size:var(--bs-nav-link-font-size);font-weight:var(--bs-nav-link-font-weight);color:var(--bs-nav-link-color);text-decoration:none;background:0 0;border:0;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out}@media (prefers-reduced-motion:reduce){.nav-link{transition:none}}.nav-link:focus,.nav-link:hover{color:var(--bs-nav-link-hover-color)}.nav-link:focus-visible{outline:0;box-shadow:0 0 0 .25rem rgba(13,110,253,.25)}.nav-link.disabled,.nav-link:disabled{color:var(--bs-nav-link-disabled-color);pointer-events:none;cursor:default}.nav-tabs{--bs-nav-tabs-border-width:var(--bs-border-width);--bs-nav-tabs-border-color:var(--bs-border-color);--bs-nav-tabs-border-radius:var(--bs-border-radius);--bs-nav-tabs-link-hover-border-color:var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);--bs-nav-tabs-link-active-color:var(--bs-emphasis-color);--bs-nav-tabs-link-active-bg:var(--bs-body-bg);--bs-nav-tabs-link-active-border-color:var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);border-bottom:var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color)}.nav-tabs .nav-link{margin-bottom:calc(-1 * var(--bs-nav-tabs-border-width));border:var(--bs-nav-tabs-border-width) solid transparent;border-top-left-radius:var(--bs-nav-tabs-border-radius);border-top-right-radius:var(--bs-nav-tabs-border-radius)}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{isolation:isolate;border-color:var(--bs-nav-tabs-link-hover-border-color)}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:var(--bs-nav-tabs-link-active-color);background-color:var(--bs-nav-tabs-link-active-bg);border-color:var(--bs-nav-tabs-link-active-border-color)}.nav-tabs .dropdown-menu{margin-top:calc(-1 * var(--bs-nav-tabs-border-width));border-top-left-radius:0;border-top-right-radius:0}.nav-pills{--bs-nav-pills-border-radius:var(--bs-border-radius);--bs-nav-pills-link-active-color:#fff;--bs-nav-pills-link-active-bg:#0d6efd}.nav-pills .nav-link{border-radius:var(--bs-nav-pills-border-radius)}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:var(--bs-nav-pills-link-active-color);background-color:var(--bs-nav-pills-link-active-bg)}.nav-underline{--bs-nav-underline-gap:1rem;--bs-nav-underline-border-width:0.125rem;--bs-nav-underline-link-active-color:var(--bs-emphasis-color);gap:var(--bs-nav-underline-gap)}.nav-underline .nav-link{padding-right:0;padding-left:0;border-bottom:var(--bs-nav-underline-border-width) solid transparent}.nav-underline .nav-link:focus,.nav-underline .nav-link:hover{border-bottom-color:currentcolor}.nav-underline .nav-link.active,.nav-underline .show>.nav-link{font-weight:700;color:var(--bs-nav-underline-link-active-color);border-bottom-color:currentcolor}.nav-fill .nav-item,.nav-fill>.nav-link{flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{flex-grow:1;flex-basis:0;text-align:center}.nav-fill .nav-item .nav-link,.nav-justified .nav-item .nav-link{width:100%}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{--bs-navbar-padding-x:0;--bs-navbar-padding-y:0.5rem;--bs-navbar-color:rgba(var(--bs-emphasis-color-rgb), 0.65);--bs-navbar-hover-color:rgba(var(--bs-emphasis-color-rgb), 0.8);--bs-navbar-disabled-color:rgba(var(--bs-emphasis-color-rgb), 0.3);--bs-navbar-active-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-padding-y:0.3125rem;--bs-navbar-brand-margin-end:1rem;--bs-navbar-brand-font-size:1.25rem;--bs-navbar-brand-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-brand-hover-color:rgba(var(--bs-emphasis-color-rgb), 1);--bs-navbar-nav-link-padding-x:0.5rem;--bs-navbar-toggler-padding-y:0.25rem;--bs-navbar-toggler-padding-x:0.75rem;--bs-navbar-toggler-font-size:1.25rem;--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");--bs-navbar-toggler-border-color:rgba(var(--bs-emphasis-color-rgb), 0.15);--bs-navbar-toggler-border-radius:var(--bs-border-radius);--bs-navbar-toggler-focus-width:0.25rem;--bs-navbar-toggler-transition:box-shadow 0.15s ease-in-out;position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:var(--bs-navbar-padding-y) var(--bs-navbar-padding-x)}.navbar>.container,.navbar>.container-fluid,.navbar>.container-lg,.navbar>.container-md,.navbar>.container-sm,.navbar>.container-xl,.navbar>.container-xxl{display:flex;flex-wrap:inherit;align-items:center;justify-content:space-between}.navbar-brand{padding-top:var(--bs-navbar-brand-padding-y);padding-bottom:var(--bs-navbar-brand-padding-y);margin-right:var(--bs-navbar-brand-margin-end);font-size:var(--bs-navbar-brand-font-size);color:var(--bs-navbar-brand-color);text-decoration:none;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{color:var(--bs-navbar-brand-hover-color)}.navbar-nav{--bs-nav-link-padding-x:0;--bs-nav-link-padding-y:0.5rem;--bs-nav-link-font-weight: ;--bs-nav-link-color:var(--bs-navbar-color);--bs-nav-link-hover-color:var(--bs-navbar-hover-color);--bs-nav-link-disabled-color:var(--bs-navbar-disabled-color);display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link.active,.navbar-nav .nav-link.show{color:var(--bs-navbar-active-color)}.navbar-nav .dropdown-menu{position:static}.navbar-text{padding-top:.5rem;padding-bottom:.5rem;color:var(--bs-navbar-color)}.navbar-text a,.navbar-text a:focus,.navbar-text a:hover{color:var(--bs-navbar-active-color)}.navbar-collapse{flex-grow:1;flex-basis:100%;align-items:center}.navbar-toggler{padding:var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);font-size:var(--bs-navbar-toggler-font-size);line-height:1;color:var(--bs-navbar-color);background-color:transparent;border:var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);border-radius:var(--bs-navbar-toggler-border-radius);transition:var(--bs-navbar-toggler-transition)}@media (prefers-reduced-motion:reduce){.navbar-toggler{transition:none}}.navbar-toggler:hover{text-decoration:none}.navbar-toggler:focus{text-decoration:none;outline:0;box-shadow:0 0 0 var(--bs-navbar-toggler-focus-width)}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;background-image:var(--bs-navbar-toggler-icon-bg);background-repeat:no-repeat;background-position:center;background-size:100%}.navbar-nav-scroll{max-height:var(--bs-scroll-height,75vh);overflow-y:auto}@media (min-width:576px){.navbar-expand-sm{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-sm .navbar-nav{flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}.navbar-expand-sm .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-sm .offcanvas .offcanvas-header{display:none}.navbar-expand-sm .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:768px){.navbar-expand-md{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-md .navbar-nav{flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}.navbar-expand-md .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-md .offcanvas .offcanvas-header{display:none}.navbar-expand-md .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:992px){.navbar-expand-lg{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}.navbar-expand-lg .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-lg .offcanvas .offcanvas-header{display:none}.navbar-expand-lg .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1200px){.navbar-expand-xl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xl .navbar-nav{flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}.navbar-expand-xl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xl .offcanvas .offcanvas-header{display:none}.navbar-expand-xl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}@media (min-width:1400px){.navbar-expand-xxl{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand-xxl .navbar-nav{flex-direction:row}.navbar-expand-xxl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xxl .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand-xxl .navbar-nav-scroll{overflow:visible}.navbar-expand-xxl .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand-xxl .navbar-toggler{display:none}.navbar-expand-xxl .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand-xxl .offcanvas .offcanvas-header{display:none}.navbar-expand-xxl .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}}.navbar-expand{flex-wrap:nowrap;justify-content:flex-start}.navbar-expand .navbar-nav{flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:var(--bs-navbar-nav-link-padding-x);padding-left:var(--bs-navbar-nav-link-padding-x)}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:flex!important;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-expand .offcanvas{position:static;z-index:auto;flex-grow:1;width:auto!important;height:auto!important;visibility:visible!important;background-color:transparent!important;border:0!important;transform:none!important;transition:none}.navbar-expand .offcanvas .offcanvas-header{display:none}.navbar-expand .offcanvas .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible}.navbar-dark,.navbar[data-bs-theme=dark]{--bs-navbar-color:rgba(255, 255, 255, 0.55);--bs-navbar-hover-color:rgba(255, 255, 255, 0.75);--bs-navbar-disabled-color:rgba(255, 255, 255, 0.25);--bs-navbar-active-color:#fff;--bs-navbar-brand-color:#fff;--bs-navbar-brand-hover-color:#fff;--bs-navbar-toggler-border-color:rgba(255, 255, 255, 0.1);--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}[data-bs-theme=dark] .navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.card{--bs-card-spacer-y:1rem;--bs-card-spacer-x:1rem;--bs-card-title-spacer-y:0.5rem;--bs-card-title-color: ;--bs-card-subtitle-color: ;--bs-card-border-width:var(--bs-border-width);--bs-card-border-color:var(--bs-border-color-translucent);--bs-card-border-radius:var(--bs-border-radius);--bs-card-box-shadow: ;--bs-card-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-card-cap-padding-y:0.5rem;--bs-card-cap-padding-x:1rem;--bs-card-cap-bg:rgba(var(--bs-body-color-rgb), 0.03);--bs-card-cap-color: ;--bs-card-height: ;--bs-card-color: ;--bs-card-bg:var(--bs-body-bg);--bs-card-img-overlay-padding:1rem;--bs-card-group-margin:0.75rem;position:relative;display:flex;flex-direction:column;min-width:0;height:var(--bs-card-height);color:var(--bs-body-color);word-wrap:break-word;background-color:var(--bs-card-bg);background-clip:border-box;border:var(--bs-card-border-width) solid var(--bs-card-border-color);border-radius:var(--bs-card-border-radius)}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{flex:1 1 auto;padding:var(--bs-card-spacer-y) var(--bs-card-spacer-x);color:var(--bs-card-color)}.card-title{margin-bottom:var(--bs-card-title-spacer-y);color:var(--bs-card-title-color)}.card-subtitle{margin-top:calc(-.5 * var(--bs-card-title-spacer-y));margin-bottom:0;color:var(--bs-card-subtitle-color)}.card-text:last-child{margin-bottom:0}.card-link+.card-link{margin-left:var(--bs-card-spacer-x)}.card-header{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);margin-bottom:0;color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-bottom:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-header:first-child{border-radius:var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0}.card-footer{padding:var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);color:var(--bs-card-cap-color);background-color:var(--bs-card-cap-bg);border-top:var(--bs-card-border-width) solid var(--bs-card-border-color)}.card-footer:last-child{border-radius:0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius)}.card-header-tabs{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-bottom:calc(-1 * var(--bs-card-cap-padding-y));margin-left:calc(-.5 * var(--bs-card-cap-padding-x));border-bottom:0}.card-header-tabs .nav-link.active{background-color:var(--bs-card-bg);border-bottom-color:var(--bs-card-bg)}.card-header-pills{margin-right:calc(-.5 * var(--bs-card-cap-padding-x));margin-left:calc(-.5 * var(--bs-card-cap-padding-x))}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:var(--bs-card-img-overlay-padding);border-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom,.card-img-top{width:100%}.card-img,.card-img-top{border-top-left-radius:var(--bs-card-inner-border-radius);border-top-right-radius:var(--bs-card-inner-border-radius)}.card-img,.card-img-bottom{border-bottom-right-radius:var(--bs-card-inner-border-radius);border-bottom-left-radius:var(--bs-card-inner-border-radius)}.card-group>.card{margin-bottom:var(--bs-card-group-margin)}@media (min-width:576px){.card-group{display:flex;flex-flow:row wrap}.card-group>.card{flex:1 0 0;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child)>.card-header,.card-group>.card:not(:last-child)>.card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child)>.card-footer,.card-group>.card:not(:last-child)>.card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child)>.card-header,.card-group>.card:not(:first-child)>.card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child)>.card-footer,.card-group>.card:not(:first-child)>.card-img-bottom{border-bottom-left-radius:0}}.accordion{--bs-accordion-color:var(--bs-body-color);--bs-accordion-bg:var(--bs-body-bg);--bs-accordion-transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;--bs-accordion-border-color:var(--bs-border-color);--bs-accordion-border-width:var(--bs-border-width);--bs-accordion-border-radius:var(--bs-border-radius);--bs-accordion-inner-border-radius:calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x:1.25rem;--bs-accordion-btn-padding-y:1rem;--bs-accordion-btn-color:var(--bs-body-color);--bs-accordion-btn-bg:var(--bs-accordion-bg);--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-icon-width:1.25rem;--bs-accordion-btn-icon-transform:rotate(-180deg);--bs-accordion-btn-icon-transition:transform 0.2s ease-in-out;--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");--bs-accordion-btn-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-accordion-body-padding-x:1.25rem;--bs-accordion-body-padding-y:1rem;--bs-accordion-active-color:var(--bs-primary-text-emphasis);--bs-accordion-active-bg:var(--bs-primary-bg-subtle)}.accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion:reduce){.accordion-button{transition:none}}.accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}.accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}.accordion-button::after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:"";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion:reduce){.accordion-button::after{transition:none}}.accordion-button:hover{z-index:2}.accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}.accordion-header{margin-bottom:0}.accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}.accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}.accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:not(:first-of-type){border-top:0}.accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}.accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}.accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}.accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}.accordion-flush>.accordion-item:first-child{border-top:0}.accordion-flush>.accordion-item:last-child{border-bottom:0}.accordion-flush>.accordion-item>.accordion-collapse,.accordion-flush>.accordion-item>.accordion-header .accordion-button,.accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}[data-bs-theme=dark] .accordion-button::after{--bs-accordion-btn-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");--bs-accordion-btn-active-icon:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.breadcrumb{--bs-breadcrumb-padding-x:0;--bs-breadcrumb-padding-y:0;--bs-breadcrumb-margin-bottom:1rem;--bs-breadcrumb-bg: ;--bs-breadcrumb-border-radius: ;--bs-breadcrumb-divider-color:var(--bs-secondary-color);--bs-breadcrumb-item-padding-x:0.5rem;--bs-breadcrumb-item-active-color:var(--bs-secondary-color);display:flex;flex-wrap:wrap;padding:var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);margin-bottom:var(--bs-breadcrumb-margin-bottom);font-size:var(--bs-breadcrumb-font-size);list-style:none;background-color:var(--bs-breadcrumb-bg);border-radius:var(--bs-breadcrumb-border-radius)}.breadcrumb-item+.breadcrumb-item{padding-left:var(--bs-breadcrumb-item-padding-x)}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:var(--bs-breadcrumb-item-padding-x);color:var(--bs-breadcrumb-divider-color);content:var(--bs-breadcrumb-divider, "/")}.breadcrumb-item.active{color:var(--bs-breadcrumb-item-active-color)}.pagination{--bs-pagination-padding-x:0.75rem;--bs-pagination-padding-y:0.375rem;--bs-pagination-font-size:1rem;--bs-pagination-color:var(--bs-link-color);--bs-pagination-bg:var(--bs-body-bg);--bs-pagination-border-width:var(--bs-border-width);--bs-pagination-border-color:var(--bs-border-color);--bs-pagination-border-radius:var(--bs-border-radius);--bs-pagination-hover-color:var(--bs-link-hover-color);--bs-pagination-hover-bg:var(--bs-tertiary-bg);--bs-pagination-hover-border-color:var(--bs-border-color);--bs-pagination-focus-color:var(--bs-link-hover-color);--bs-pagination-focus-bg:var(--bs-secondary-bg);--bs-pagination-focus-box-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-pagination-active-color:#fff;--bs-pagination-active-bg:#0d6efd;--bs-pagination-active-border-color:#0d6efd;--bs-pagination-disabled-color:var(--bs-secondary-color);--bs-pagination-disabled-bg:var(--bs-secondary-bg);--bs-pagination-disabled-border-color:var(--bs-border-color);display:flex;padding-left:0;list-style:none}.page-link{position:relative;display:block;padding:var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);font-size:var(--bs-pagination-font-size);color:var(--bs-pagination-color);text-decoration:none;background-color:var(--bs-pagination-bg);border:var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.page-link{transition:none}}.page-link:hover{z-index:2;color:var(--bs-pagination-hover-color);background-color:var(--bs-pagination-hover-bg);border-color:var(--bs-pagination-hover-border-color)}.page-link:focus{z-index:3;color:var(--bs-pagination-focus-color);background-color:var(--bs-pagination-focus-bg);outline:0;box-shadow:var(--bs-pagination-focus-box-shadow)}.active>.page-link,.page-link.active{z-index:3;color:var(--bs-pagination-active-color);background-color:var(--bs-pagination-active-bg);border-color:var(--bs-pagination-active-border-color)}.disabled>.page-link,.page-link.disabled{color:var(--bs-pagination-disabled-color);pointer-events:none;background-color:var(--bs-pagination-disabled-bg);border-color:var(--bs-pagination-disabled-border-color)}.page-item:not(:first-child) .page-link{margin-left:calc(-1 * var(--bs-border-width))}.page-item:first-child .page-link{border-top-left-radius:var(--bs-pagination-border-radius);border-bottom-left-radius:var(--bs-pagination-border-radius)}.page-item:last-child .page-link{border-top-right-radius:var(--bs-pagination-border-radius);border-bottom-right-radius:var(--bs-pagination-border-radius)}.pagination-lg{--bs-pagination-padding-x:1.5rem;--bs-pagination-padding-y:0.75rem;--bs-pagination-font-size:1.25rem;--bs-pagination-border-radius:var(--bs-border-radius-lg)}.pagination-sm{--bs-pagination-padding-x:0.5rem;--bs-pagination-padding-y:0.25rem;--bs-pagination-font-size:0.875rem;--bs-pagination-border-radius:var(--bs-border-radius-sm)}.badge{--bs-badge-padding-x:0.65em;--bs-badge-padding-y:0.35em;--bs-badge-font-size:0.75em;--bs-badge-font-weight:700;--bs-badge-color:#fff;--bs-badge-border-radius:var(--bs-border-radius);display:inline-block;padding:var(--bs-badge-padding-y) var(--bs-badge-padding-x);font-size:var(--bs-badge-font-size);font-weight:var(--bs-badge-font-weight);line-height:1;color:var(--bs-badge-color);text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:var(--bs-badge-border-radius)}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.alert{--bs-alert-bg:transparent;--bs-alert-padding-x:1rem;--bs-alert-padding-y:1rem;--bs-alert-margin-bottom:1rem;--bs-alert-color:inherit;--bs-alert-border-color:transparent;--bs-alert-border:var(--bs-border-width) solid var(--bs-alert-border-color);--bs-alert-border-radius:var(--bs-border-radius);--bs-alert-link-color:inherit;position:relative;padding:var(--bs-alert-padding-y) var(--bs-alert-padding-x);margin-bottom:var(--bs-alert-margin-bottom);color:var(--bs-alert-color);background-color:var(--bs-alert-bg);border:var(--bs-alert-border);border-radius:var(--bs-alert-border-radius)}.alert-heading{color:inherit}.alert-link{font-weight:700;color:var(--bs-alert-link-color)}.alert-dismissible{padding-right:3rem}.alert-dismissible .btn-close{position:absolute;top:0;right:0;z-index:2;padding:1.25rem 1rem}.alert-primary{--bs-alert-color:var(--bs-primary-text-emphasis);--bs-alert-bg:var(--bs-primary-bg-subtle);--bs-alert-border-color:var(--bs-primary-border-subtle);--bs-alert-link-color:var(--bs-primary-text-emphasis)}.alert-secondary{--bs-alert-color:var(--bs-secondary-text-emphasis);--bs-alert-bg:var(--bs-secondary-bg-subtle);--bs-alert-border-color:var(--bs-secondary-border-subtle);--bs-alert-link-color:var(--bs-secondary-text-emphasis)}.alert-success{--bs-alert-color:var(--bs-success-text-emphasis);--bs-alert-bg:var(--bs-success-bg-subtle);--bs-alert-border-color:var(--bs-success-border-subtle);--bs-alert-link-color:var(--bs-success-text-emphasis)}.alert-info{--bs-alert-color:var(--bs-info-text-emphasis);--bs-alert-bg:var(--bs-info-bg-subtle);--bs-alert-border-color:var(--bs-info-border-subtle);--bs-alert-link-color:var(--bs-info-text-emphasis)}.alert-warning{--bs-alert-color:var(--bs-warning-text-emphasis);--bs-alert-bg:var(--bs-warning-bg-subtle);--bs-alert-border-color:var(--bs-warning-border-subtle);--bs-alert-link-color:var(--bs-warning-text-emphasis)}.alert-danger{--bs-alert-color:var(--bs-danger-text-emphasis);--bs-alert-bg:var(--bs-danger-bg-subtle);--bs-alert-border-color:var(--bs-danger-border-subtle);--bs-alert-link-color:var(--bs-danger-text-emphasis)}.alert-light{--bs-alert-color:var(--bs-light-text-emphasis);--bs-alert-bg:var(--bs-light-bg-subtle);--bs-alert-border-color:var(--bs-light-border-subtle);--bs-alert-link-color:var(--bs-light-text-emphasis)}.alert-dark{--bs-alert-color:var(--bs-dark-text-emphasis);--bs-alert-bg:var(--bs-dark-bg-subtle);--bs-alert-border-color:var(--bs-dark-border-subtle);--bs-alert-link-color:var(--bs-dark-text-emphasis)}@keyframes progress-bar-stripes{0%{background-position-x:var(--bs-progress-height)}}.progress,.progress-stacked{--bs-progress-height:1rem;--bs-progress-font-size:0.75rem;--bs-progress-bg:var(--bs-secondary-bg);--bs-progress-border-radius:var(--bs-border-radius);--bs-progress-box-shadow:var(--bs-box-shadow-inset);--bs-progress-bar-color:#fff;--bs-progress-bar-bg:#0d6efd;--bs-progress-bar-transition:width 0.6s ease;display:flex;height:var(--bs-progress-height);overflow:hidden;font-size:var(--bs-progress-font-size);background-color:var(--bs-progress-bg);border-radius:var(--bs-progress-border-radius)}.progress-bar{display:flex;flex-direction:column;justify-content:center;overflow:hidden;color:var(--bs-progress-bar-color);text-align:center;white-space:nowrap;background-color:var(--bs-progress-bar-bg);transition:var(--bs-progress-bar-transition)}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:var(--bs-progress-height) var(--bs-progress-height)}.progress-stacked>.progress{overflow:visible}.progress-stacked>.progress>.progress-bar{width:100%}.progress-bar-animated{animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{animation:none}}.list-group{--bs-list-group-color:var(--bs-body-color);--bs-list-group-bg:var(--bs-body-bg);--bs-list-group-border-color:var(--bs-border-color);--bs-list-group-border-width:var(--bs-border-width);--bs-list-group-border-radius:var(--bs-border-radius);--bs-list-group-item-padding-x:1rem;--bs-list-group-item-padding-y:0.5rem;--bs-list-group-action-color:var(--bs-secondary-color);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-tertiary-bg);--bs-list-group-action-active-color:var(--bs-body-color);--bs-list-group-action-active-bg:var(--bs-secondary-bg);--bs-list-group-disabled-color:var(--bs-secondary-color);--bs-list-group-disabled-bg:var(--bs-body-bg);--bs-list-group-active-color:#fff;--bs-list-group-active-bg:#0d6efd;--bs-list-group-active-border-color:#0d6efd;display:flex;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:var(--bs-list-group-border-radius)}.list-group-numbered{list-style-type:none;counter-reset:section}.list-group-numbered>.list-group-item::before{content:counters(section, ".") ". ";counter-increment:section}.list-group-item{position:relative;display:block;padding:var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);color:var(--bs-list-group-color);text-decoration:none;background-color:var(--bs-list-group-bg);border:var(--bs-list-group-border-width) solid var(--bs-list-group-border-color)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:var(--bs-list-group-disabled-color);pointer-events:none;background-color:var(--bs-list-group-disabled-bg)}.list-group-item.active{z-index:2;color:var(--bs-list-group-active-color);background-color:var(--bs-list-group-active-bg);border-color:var(--bs-list-group-active-border-color)}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:calc(-1 * var(--bs-list-group-border-width));border-top-width:var(--bs-list-group-border-width)}.list-group-item-action{width:100%;color:var(--bs-list-group-action-color);text-align:inherit}.list-group-item-action:not(.active):focus,.list-group-item-action:not(.active):hover{z-index:1;color:var(--bs-list-group-action-hover-color);text-decoration:none;background-color:var(--bs-list-group-action-hover-bg)}.list-group-item-action:not(.active):active{color:var(--bs-list-group-action-active-color);background-color:var(--bs-list-group-action-active-bg)}.list-group-horizontal{flex-direction:row}.list-group-horizontal>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}@media (min-width:576px){.list-group-horizontal-sm{flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:768px){.list-group-horizontal-md{flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:992px){.list-group-horizontal-lg{flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1200px){.list-group-horizontal-xl{flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}@media (min-width:1400px){.list-group-horizontal-xxl{flex-direction:row}.list-group-horizontal-xxl>.list-group-item:first-child:not(:last-child){border-bottom-left-radius:var(--bs-list-group-border-radius);border-top-right-radius:0}.list-group-horizontal-xxl>.list-group-item:last-child:not(:first-child){border-top-right-radius:var(--bs-list-group-border-radius);border-bottom-left-radius:0}.list-group-horizontal-xxl>.list-group-item.active{margin-top:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item{border-top-width:var(--bs-list-group-border-width);border-left-width:0}.list-group-horizontal-xxl>.list-group-item+.list-group-item.active{margin-left:calc(-1 * var(--bs-list-group-border-width));border-left-width:var(--bs-list-group-border-width)}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 var(--bs-list-group-border-width)}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{--bs-list-group-color:var(--bs-primary-text-emphasis);--bs-list-group-bg:var(--bs-primary-bg-subtle);--bs-list-group-border-color:var(--bs-primary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-primary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-primary-border-subtle);--bs-list-group-active-color:var(--bs-primary-bg-subtle);--bs-list-group-active-bg:var(--bs-primary-text-emphasis);--bs-list-group-active-border-color:var(--bs-primary-text-emphasis)}.list-group-item-secondary{--bs-list-group-color:var(--bs-secondary-text-emphasis);--bs-list-group-bg:var(--bs-secondary-bg-subtle);--bs-list-group-border-color:var(--bs-secondary-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-secondary-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-secondary-border-subtle);--bs-list-group-active-color:var(--bs-secondary-bg-subtle);--bs-list-group-active-bg:var(--bs-secondary-text-emphasis);--bs-list-group-active-border-color:var(--bs-secondary-text-emphasis)}.list-group-item-success{--bs-list-group-color:var(--bs-success-text-emphasis);--bs-list-group-bg:var(--bs-success-bg-subtle);--bs-list-group-border-color:var(--bs-success-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-success-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-success-border-subtle);--bs-list-group-active-color:var(--bs-success-bg-subtle);--bs-list-group-active-bg:var(--bs-success-text-emphasis);--bs-list-group-active-border-color:var(--bs-success-text-emphasis)}.list-group-item-info{--bs-list-group-color:var(--bs-info-text-emphasis);--bs-list-group-bg:var(--bs-info-bg-subtle);--bs-list-group-border-color:var(--bs-info-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-info-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-info-border-subtle);--bs-list-group-active-color:var(--bs-info-bg-subtle);--bs-list-group-active-bg:var(--bs-info-text-emphasis);--bs-list-group-active-border-color:var(--bs-info-text-emphasis)}.list-group-item-warning{--bs-list-group-color:var(--bs-warning-text-emphasis);--bs-list-group-bg:var(--bs-warning-bg-subtle);--bs-list-group-border-color:var(--bs-warning-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-warning-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-warning-border-subtle);--bs-list-group-active-color:var(--bs-warning-bg-subtle);--bs-list-group-active-bg:var(--bs-warning-text-emphasis);--bs-list-group-active-border-color:var(--bs-warning-text-emphasis)}.list-group-item-danger{--bs-list-group-color:var(--bs-danger-text-emphasis);--bs-list-group-bg:var(--bs-danger-bg-subtle);--bs-list-group-border-color:var(--bs-danger-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-danger-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-danger-border-subtle);--bs-list-group-active-color:var(--bs-danger-bg-subtle);--bs-list-group-active-bg:var(--bs-danger-text-emphasis);--bs-list-group-active-border-color:var(--bs-danger-text-emphasis)}.list-group-item-light{--bs-list-group-color:var(--bs-light-text-emphasis);--bs-list-group-bg:var(--bs-light-bg-subtle);--bs-list-group-border-color:var(--bs-light-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-light-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-light-border-subtle);--bs-list-group-active-color:var(--bs-light-bg-subtle);--bs-list-group-active-bg:var(--bs-light-text-emphasis);--bs-list-group-active-border-color:var(--bs-light-text-emphasis)}.list-group-item-dark{--bs-list-group-color:var(--bs-dark-text-emphasis);--bs-list-group-bg:var(--bs-dark-bg-subtle);--bs-list-group-border-color:var(--bs-dark-border-subtle);--bs-list-group-action-hover-color:var(--bs-emphasis-color);--bs-list-group-action-hover-bg:var(--bs-dark-border-subtle);--bs-list-group-action-active-color:var(--bs-emphasis-color);--bs-list-group-action-active-bg:var(--bs-dark-border-subtle);--bs-list-group-active-color:var(--bs-dark-bg-subtle);--bs-list-group-active-bg:var(--bs-dark-text-emphasis);--bs-list-group-active-border-color:var(--bs-dark-text-emphasis)}.btn-close{--bs-btn-close-color:#000;--bs-btn-close-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");--bs-btn-close-opacity:0.5;--bs-btn-close-hover-opacity:0.75;--bs-btn-close-focus-shadow:0 0 0 0.25rem rgba(13, 110, 253, 0.25);--bs-btn-close-focus-opacity:1;--bs-btn-close-disabled-opacity:0.25;box-sizing:content-box;width:1em;height:1em;padding:.25em .25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}.btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}.btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}.btn-close.disabled,.btn-close:disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}.btn-close-white{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}:root,[data-bs-theme=light]{--bs-btn-close-filter: }[data-bs-theme=dark]{--bs-btn-close-filter:invert(1) grayscale(100%) brightness(200%)}.toast{--bs-toast-zindex:1090;--bs-toast-padding-x:0.75rem;--bs-toast-padding-y:0.5rem;--bs-toast-spacing:1.5rem;--bs-toast-max-width:350px;--bs-toast-font-size:0.875rem;--bs-toast-color: ;--bs-toast-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-border-width:var(--bs-border-width);--bs-toast-border-color:var(--bs-border-color-translucent);--bs-toast-border-radius:var(--bs-border-radius);--bs-toast-box-shadow:var(--bs-box-shadow);--bs-toast-header-color:var(--bs-secondary-color);--bs-toast-header-bg:rgba(var(--bs-body-bg-rgb), 0.85);--bs-toast-header-border-color:var(--bs-border-color-translucent);width:var(--bs-toast-max-width);max-width:100%;font-size:var(--bs-toast-font-size);color:var(--bs-toast-color);pointer-events:auto;background-color:var(--bs-toast-bg);background-clip:padding-box;border:var(--bs-toast-border-width) solid var(--bs-toast-border-color);box-shadow:var(--bs-toast-box-shadow);border-radius:var(--bs-toast-border-radius)}.toast.showing{opacity:0}.toast:not(.show){display:none}.toast-container{--bs-toast-zindex:1090;position:absolute;z-index:var(--bs-toast-zindex);width:max-content;max-width:100%;pointer-events:none}.toast-container>:not(:last-child){margin-bottom:var(--bs-toast-spacing)}.toast-header{display:flex;align-items:center;padding:var(--bs-toast-padding-y) var(--bs-toast-padding-x);color:var(--bs-toast-header-color);background-color:var(--bs-toast-header-bg);background-clip:padding-box;border-bottom:var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);border-top-left-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));border-top-right-radius:calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width))}.toast-header .btn-close{margin-right:calc(-.5 * var(--bs-toast-padding-x));margin-left:var(--bs-toast-padding-x)}.toast-body{padding:var(--bs-toast-padding-x);word-wrap:break-word}.modal{--bs-modal-zindex:1055;--bs-modal-width:500px;--bs-modal-padding:1rem;--bs-modal-margin:0.5rem;--bs-modal-color:var(--bs-body-color);--bs-modal-bg:var(--bs-body-bg);--bs-modal-border-color:var(--bs-border-color-translucent);--bs-modal-border-width:var(--bs-border-width);--bs-modal-border-radius:var(--bs-border-radius-lg);--bs-modal-box-shadow:var(--bs-box-shadow-sm);--bs-modal-inner-border-radius:calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));--bs-modal-header-padding-x:1rem;--bs-modal-header-padding-y:1rem;--bs-modal-header-padding:1rem 1rem;--bs-modal-header-border-color:var(--bs-border-color);--bs-modal-header-border-width:var(--bs-border-width);--bs-modal-title-line-height:1.5;--bs-modal-footer-gap:0.5rem;--bs-modal-footer-bg: ;--bs-modal-footer-border-color:var(--bs-border-color);--bs-modal-footer-border-width:var(--bs-border-width);position:fixed;top:0;left:0;z-index:var(--bs-modal-zindex);display:none;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;outline:0}.modal-dialog{position:relative;width:auto;margin:var(--bs-modal-margin);pointer-events:none}.modal.fade .modal-dialog{transform:translate(0,-50px);transition:transform .3s ease-out}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - var(--bs-modal-margin) * 2)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - var(--bs-modal-margin) * 2)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;color:var(--bs-modal-color);pointer-events:auto;background-color:var(--bs-modal-bg);background-clip:padding-box;border:var(--bs-modal-border-width) solid var(--bs-modal-border-color);border-radius:var(--bs-modal-border-radius);outline:0}.modal-backdrop{--bs-backdrop-zindex:1050;--bs-backdrop-bg:#000;--bs-backdrop-opacity:0.5;position:fixed;top:0;left:0;z-index:var(--bs-backdrop-zindex);width:100vw;height:100vh;background-color:var(--bs-backdrop-bg)}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:var(--bs-backdrop-opacity)}.modal-header{display:flex;flex-shrink:0;align-items:center;padding:var(--bs-modal-header-padding);border-bottom:var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);border-top-left-radius:var(--bs-modal-inner-border-radius);border-top-right-radius:var(--bs-modal-inner-border-radius)}.modal-header .btn-close{padding:calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);margin-top:calc(-.5 * var(--bs-modal-header-padding-y));margin-right:calc(-.5 * var(--bs-modal-header-padding-x));margin-bottom:calc(-.5 * var(--bs-modal-header-padding-y));margin-left:auto}.modal-title{margin-bottom:0;line-height:var(--bs-modal-title-line-height)}.modal-body{position:relative;flex:1 1 auto;padding:var(--bs-modal-padding)}.modal-footer{display:flex;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;padding:calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5);background-color:var(--bs-modal-footer-bg);border-top:var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);border-bottom-right-radius:var(--bs-modal-inner-border-radius);border-bottom-left-radius:var(--bs-modal-inner-border-radius)}.modal-footer>*{margin:calc(var(--bs-modal-footer-gap) * .5)}@media (min-width:576px){.modal{--bs-modal-margin:1.75rem;--bs-modal-box-shadow:var(--bs-box-shadow)}.modal-dialog{max-width:var(--bs-modal-width);margin-right:auto;margin-left:auto}.modal-sm{--bs-modal-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{--bs-modal-width:800px}}@media (min-width:1200px){.modal-xl{--bs-modal-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-footer,.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-footer,.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-footer,.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-footer,.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-footer,.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-footer,.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}}.tooltip{--bs-tooltip-zindex:1080;--bs-tooltip-max-width:200px;--bs-tooltip-padding-x:0.5rem;--bs-tooltip-padding-y:0.25rem;--bs-tooltip-margin: ;--bs-tooltip-font-size:0.875rem;--bs-tooltip-color:var(--bs-body-bg);--bs-tooltip-bg:var(--bs-emphasis-color);--bs-tooltip-border-radius:var(--bs-border-radius);--bs-tooltip-opacity:0.9;--bs-tooltip-arrow-width:0.8rem;--bs-tooltip-arrow-height:0.4rem;z-index:var(--bs-tooltip-zindex);display:block;margin:var(--bs-tooltip-margin);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-tooltip-font-size);word-wrap:break-word;opacity:0}.tooltip.show{opacity:var(--bs-tooltip-opacity)}.tooltip .tooltip-arrow{display:block;width:var(--bs-tooltip-arrow-width);height:var(--bs-tooltip-arrow-height)}.tooltip .tooltip-arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow,.bs-tooltip-top .tooltip-arrow{bottom:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before,.bs-tooltip-top .tooltip-arrow::before{top:-1px;border-width:var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-top-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow,.bs-tooltip-end .tooltip-arrow{left:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before,.bs-tooltip-end .tooltip-arrow::before{right:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * .5) 0;border-right-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow,.bs-tooltip-bottom .tooltip-arrow{top:calc(-1 * var(--bs-tooltip-arrow-height))}.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before,.bs-tooltip-bottom .tooltip-arrow::before{bottom:-1px;border-width:0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-bottom-color:var(--bs-tooltip-bg)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow,.bs-tooltip-start .tooltip-arrow{right:calc(-1 * var(--bs-tooltip-arrow-height));width:var(--bs-tooltip-arrow-height);height:var(--bs-tooltip-arrow-width)}.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before,.bs-tooltip-start .tooltip-arrow::before{left:-1px;border-width:calc(var(--bs-tooltip-arrow-width) * .5) 0 calc(var(--bs-tooltip-arrow-width) * .5) var(--bs-tooltip-arrow-height);border-left-color:var(--bs-tooltip-bg)}.tooltip-inner{max-width:var(--bs-tooltip-max-width);padding:var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);color:var(--bs-tooltip-color);text-align:center;background-color:var(--bs-tooltip-bg);border-radius:var(--bs-tooltip-border-radius)}.popover{--bs-popover-zindex:1070;--bs-popover-max-width:276px;--bs-popover-font-size:0.875rem;--bs-popover-bg:var(--bs-body-bg);--bs-popover-border-width:var(--bs-border-width);--bs-popover-border-color:var(--bs-border-color-translucent);--bs-popover-border-radius:var(--bs-border-radius-lg);--bs-popover-inner-border-radius:calc(var(--bs-border-radius-lg) - var(--bs-border-width));--bs-popover-box-shadow:var(--bs-box-shadow);--bs-popover-header-padding-x:1rem;--bs-popover-header-padding-y:0.5rem;--bs-popover-header-font-size:1rem;--bs-popover-header-color:inherit;--bs-popover-header-bg:var(--bs-secondary-bg);--bs-popover-body-padding-x:1rem;--bs-popover-body-padding-y:1rem;--bs-popover-body-color:var(--bs-body-color);--bs-popover-arrow-width:1rem;--bs-popover-arrow-height:0.5rem;--bs-popover-arrow-border:var(--bs-popover-border-color);z-index:var(--bs-popover-zindex);display:block;max-width:var(--bs-popover-max-width);font-family:var(--bs-font-sans-serif);font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;white-space:normal;word-spacing:normal;line-break:auto;font-size:var(--bs-popover-font-size);word-wrap:break-word;background-color:var(--bs-popover-bg);background-clip:padding-box;border:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-radius:var(--bs-popover-border-radius)}.popover .popover-arrow{display:block;width:var(--bs-popover-arrow-width);height:var(--bs-popover-arrow-height)}.popover .popover-arrow::after,.popover .popover-arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid;border-width:0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow,.bs-popover-top>.popover-arrow{bottom:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::after,.bs-popover-top>.popover-arrow::before{border-width:var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before,.bs-popover-top>.popover-arrow::before{bottom:0;border-top-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after,.bs-popover-top>.popover-arrow::after{bottom:var(--bs-popover-border-width);border-top-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow,.bs-popover-end>.popover-arrow{left:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::after,.bs-popover-end>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * .5) 0}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before,.bs-popover-end>.popover-arrow::before{left:0;border-right-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after,.bs-popover-end>.popover-arrow::after{left:var(--bs-popover-border-width);border-right-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow,.bs-popover-bottom>.popover-arrow{top:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width))}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::before{border-width:0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before,.bs-popover-bottom>.popover-arrow::before{top:0;border-bottom-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after,.bs-popover-bottom>.popover-arrow::after{top:var(--bs-popover-border-width);border-bottom-color:var(--bs-popover-bg)}.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:var(--bs-popover-arrow-width);margin-left:calc(-.5 * var(--bs-popover-arrow-width));content:"";border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-header-bg)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow,.bs-popover-start>.popover-arrow{right:calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));width:var(--bs-popover-arrow-height);height:var(--bs-popover-arrow-width)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::after,.bs-popover-start>.popover-arrow::before{border-width:calc(var(--bs-popover-arrow-width) * .5) 0 calc(var(--bs-popover-arrow-width) * .5) var(--bs-popover-arrow-height)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before,.bs-popover-start>.popover-arrow::before{right:0;border-left-color:var(--bs-popover-arrow-border)}.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after,.bs-popover-start>.popover-arrow::after{right:var(--bs-popover-border-width);border-left-color:var(--bs-popover-bg)}.popover-header{padding:var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);margin-bottom:0;font-size:var(--bs-popover-header-font-size);color:var(--bs-popover-header-color);background-color:var(--bs-popover-header-bg);border-bottom:var(--bs-popover-border-width) solid var(--bs-popover-border-color);border-top-left-radius:var(--bs-popover-inner-border-radius);border-top-right-radius:var(--bs-popover-inner-border-radius)}.popover-header:empty{display:none}.popover-body{padding:var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);color:var(--bs-popover-body-color)}.carousel{position:relative}.carousel.pointer-event{touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;backface-visibility:hidden;transition:transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-end,.carousel-item-next:not(.carousel-item-start){transform:translateX(100%)}.active.carousel-item-start,.carousel-item-prev:not(.carousel-item-end){transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;transform:none}.carousel-fade .carousel-item-next.carousel-item-start,.carousel-fade .carousel-item-prev.carousel-item-end,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-end,.carousel-fade .active.carousel-item-start{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:flex;align-items:center;justify-content:center;width:15%;padding:0;color:#fff;text-align:center;background:0 0;filter:var(--bs-carousel-control-icon-filter);border:0;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:2rem;height:2rem;background-repeat:no-repeat;background-position:50%;background-size:100% 100%}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;justify-content:center;padding:0;margin-right:15%;margin-bottom:1rem;margin-left:15%}.carousel-indicators [data-bs-target]{box-sizing:content-box;flex:0 1 auto;width:30px;height:3px;padding:0;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:var(--bs-carousel-indicator-active-bg);background-clip:padding-box;border:0;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators [data-bs-target]{transition:none}}.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:1.25rem;left:15%;padding-top:1.25rem;padding-bottom:1.25rem;color:var(--bs-carousel-caption-color);text-align:center}.carousel-dark{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}:root,[data-bs-theme=light]{--bs-carousel-indicator-active-bg:#fff;--bs-carousel-caption-color:#fff;--bs-carousel-control-icon-filter: }[data-bs-theme=dark]{--bs-carousel-indicator-active-bg:#000;--bs-carousel-caption-color:#000;--bs-carousel-control-icon-filter:invert(1) grayscale(100)}.spinner-border,.spinner-grow{display:inline-block;flex-shrink:0;width:var(--bs-spinner-width);height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);border-radius:50%;animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name)}@keyframes spinner-border{to{transform:rotate(360deg)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border:var(--bs-spinner-border-width) solid currentcolor;border-right-color:transparent}.spinner-border-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem;--bs-spinner-border-width:0.2em}@keyframes spinner-grow{0%{transform:scale(0)}50%{opacity:1;transform:none}}.spinner-grow{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-grow;background-color:currentcolor;opacity:0}.spinner-grow-sm{--bs-spinner-width:1rem;--bs-spinner-height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{--bs-spinner-animation-speed:1.5s}}.offcanvas,.offcanvas-lg,.offcanvas-md,.offcanvas-sm,.offcanvas-xl,.offcanvas-xxl{--bs-offcanvas-zindex:1045;--bs-offcanvas-width:400px;--bs-offcanvas-height:30vh;--bs-offcanvas-padding-x:1rem;--bs-offcanvas-padding-y:1rem;--bs-offcanvas-color:var(--bs-body-color);--bs-offcanvas-bg:var(--bs-body-bg);--bs-offcanvas-border-width:var(--bs-border-width);--bs-offcanvas-border-color:var(--bs-border-color-translucent);--bs-offcanvas-box-shadow:var(--bs-box-shadow-sm);--bs-offcanvas-transition:transform 0.3s ease-in-out;--bs-offcanvas-title-line-height:1.5}@media (max-width:575.98px){.offcanvas-sm{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:575.98px) and (prefers-reduced-motion:reduce){.offcanvas-sm{transition:none}}@media (max-width:575.98px){.offcanvas-sm.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-sm.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-sm.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-sm.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-sm.show:not(.hiding),.offcanvas-sm.showing{transform:none}.offcanvas-sm.hiding,.offcanvas-sm.show,.offcanvas-sm.showing{visibility:visible}}@media (min-width:576px){.offcanvas-sm{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-sm .offcanvas-header{display:none}.offcanvas-sm .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:767.98px){.offcanvas-md{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:767.98px) and (prefers-reduced-motion:reduce){.offcanvas-md{transition:none}}@media (max-width:767.98px){.offcanvas-md.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-md.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-md.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-md.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-md.show:not(.hiding),.offcanvas-md.showing{transform:none}.offcanvas-md.hiding,.offcanvas-md.show,.offcanvas-md.showing{visibility:visible}}@media (min-width:768px){.offcanvas-md{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-md .offcanvas-header{display:none}.offcanvas-md .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:991.98px){.offcanvas-lg{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:991.98px) and (prefers-reduced-motion:reduce){.offcanvas-lg{transition:none}}@media (max-width:991.98px){.offcanvas-lg.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-lg.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-lg.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-lg.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-lg.show:not(.hiding),.offcanvas-lg.showing{transform:none}.offcanvas-lg.hiding,.offcanvas-lg.show,.offcanvas-lg.showing{visibility:visible}}@media (min-width:992px){.offcanvas-lg{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-lg .offcanvas-header{display:none}.offcanvas-lg .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1199.98px){.offcanvas-xl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1199.98px) and (prefers-reduced-motion:reduce){.offcanvas-xl{transition:none}}@media (max-width:1199.98px){.offcanvas-xl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xl.show:not(.hiding),.offcanvas-xl.showing{transform:none}.offcanvas-xl.hiding,.offcanvas-xl.show,.offcanvas-xl.showing{visibility:visible}}@media (min-width:1200px){.offcanvas-xl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xl .offcanvas-header{display:none}.offcanvas-xl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}@media (max-width:1399.98px){.offcanvas-xxl{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}}@media (max-width:1399.98px) and (prefers-reduced-motion:reduce){.offcanvas-xxl{transition:none}}@media (max-width:1399.98px){.offcanvas-xxl.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas-xxl.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas-xxl.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas-xxl.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas-xxl.show:not(.hiding),.offcanvas-xxl.showing{transform:none}.offcanvas-xxl.hiding,.offcanvas-xxl.show,.offcanvas-xxl.showing{visibility:visible}}@media (min-width:1400px){.offcanvas-xxl{--bs-offcanvas-height:auto;--bs-offcanvas-border-width:0;background-color:transparent!important}.offcanvas-xxl .offcanvas-header{display:none}.offcanvas-xxl .offcanvas-body{display:flex;flex-grow:0;padding:0;overflow-y:visible;background-color:transparent!important}}.offcanvas{position:fixed;bottom:0;z-index:var(--bs-offcanvas-zindex);display:flex;flex-direction:column;max-width:100%;color:var(--bs-offcanvas-color);visibility:hidden;background-color:var(--bs-offcanvas-bg);background-clip:padding-box;outline:0;transition:var(--bs-offcanvas-transition)}@media (prefers-reduced-motion:reduce){.offcanvas{transition:none}}.offcanvas.offcanvas-start{top:0;left:0;width:var(--bs-offcanvas-width);border-right:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(-100%)}.offcanvas.offcanvas-end{top:0;right:0;width:var(--bs-offcanvas-width);border-left:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateX(100%)}.offcanvas.offcanvas-top{top:0;right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-bottom:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(-100%)}.offcanvas.offcanvas-bottom{right:0;left:0;height:var(--bs-offcanvas-height);max-height:100%;border-top:var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);transform:translateY(100%)}.offcanvas.show:not(.hiding),.offcanvas.showing{transform:none}.offcanvas.hiding,.offcanvas.show,.offcanvas.showing{visibility:visible}.offcanvas-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.offcanvas-backdrop.fade{opacity:0}.offcanvas-backdrop.show{opacity:.5}.offcanvas-header{display:flex;align-items:center;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x)}.offcanvas-header .btn-close{padding:calc(var(--bs-offcanvas-padding-y) * .5) calc(var(--bs-offcanvas-padding-x) * .5);margin-top:calc(-.5 * var(--bs-offcanvas-padding-y));margin-right:calc(-.5 * var(--bs-offcanvas-padding-x));margin-bottom:calc(-.5 * var(--bs-offcanvas-padding-y));margin-left:auto}.offcanvas-title{margin-bottom:0;line-height:var(--bs-offcanvas-title-line-height)}.offcanvas-body{flex-grow:1;padding:var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);overflow-y:auto}.placeholder{display:inline-block;min-height:1em;vertical-align:middle;cursor:wait;background-color:currentcolor;opacity:.5}.placeholder.btn::before{display:inline-block;content:""}.placeholder-xs{min-height:.6em}.placeholder-sm{min-height:.8em}.placeholder-lg{min-height:1.2em}.placeholder-glow .placeholder{animation:placeholder-glow 2s ease-in-out infinite}@keyframes placeholder-glow{50%{opacity:.2}}.placeholder-wave{-webkit-mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);mask-image:linear-gradient(130deg,#000 55%,rgba(0,0,0,0.8) 75%,#000 95%);-webkit-mask-size:200% 100%;mask-size:200% 100%;animation:placeholder-wave 2s linear infinite}@keyframes placeholder-wave{100%{-webkit-mask-position:-200% 0%;mask-position:-200% 0%}}.clearfix::after{display:block;clear:both;content:""}.text-bg-primary{color:#fff!important;background-color:RGBA(var(--bs-primary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-secondary{color:#fff!important;background-color:RGBA(var(--bs-secondary-rgb),var(--bs-bg-opacity,1))!important}.text-bg-success{color:#fff!important;background-color:RGBA(var(--bs-success-rgb),var(--bs-bg-opacity,1))!important}.text-bg-info{color:#000!important;background-color:RGBA(var(--bs-info-rgb),var(--bs-bg-opacity,1))!important}.text-bg-warning{color:#000!important;background-color:RGBA(var(--bs-warning-rgb),var(--bs-bg-opacity,1))!important}.text-bg-danger{color:#fff!important;background-color:RGBA(var(--bs-danger-rgb),var(--bs-bg-opacity,1))!important}.text-bg-light{color:#000!important;background-color:RGBA(var(--bs-light-rgb),var(--bs-bg-opacity,1))!important}.text-bg-dark{color:#fff!important;background-color:RGBA(var(--bs-dark-rgb),var(--bs-bg-opacity,1))!important}.link-primary{color:RGBA(var(--bs-primary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-primary-rgb),var(--bs-link-underline-opacity,1))!important}.link-primary:focus,.link-primary:hover{color:RGBA(10,88,202,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(10,88,202,var(--bs-link-underline-opacity,1))!important}.link-secondary{color:RGBA(var(--bs-secondary-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-secondary-rgb),var(--bs-link-underline-opacity,1))!important}.link-secondary:focus,.link-secondary:hover{color:RGBA(86,94,100,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(86,94,100,var(--bs-link-underline-opacity,1))!important}.link-success{color:RGBA(var(--bs-success-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-success-rgb),var(--bs-link-underline-opacity,1))!important}.link-success:focus,.link-success:hover{color:RGBA(20,108,67,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(20,108,67,var(--bs-link-underline-opacity,1))!important}.link-info{color:RGBA(var(--bs-info-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-info-rgb),var(--bs-link-underline-opacity,1))!important}.link-info:focus,.link-info:hover{color:RGBA(61,213,243,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(61,213,243,var(--bs-link-underline-opacity,1))!important}.link-warning{color:RGBA(var(--bs-warning-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-warning-rgb),var(--bs-link-underline-opacity,1))!important}.link-warning:focus,.link-warning:hover{color:RGBA(255,205,57,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(255,205,57,var(--bs-link-underline-opacity,1))!important}.link-danger{color:RGBA(var(--bs-danger-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-danger-rgb),var(--bs-link-underline-opacity,1))!important}.link-danger:focus,.link-danger:hover{color:RGBA(176,42,55,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(176,42,55,var(--bs-link-underline-opacity,1))!important}.link-light{color:RGBA(var(--bs-light-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-light-rgb),var(--bs-link-underline-opacity,1))!important}.link-light:focus,.link-light:hover{color:RGBA(249,250,251,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(249,250,251,var(--bs-link-underline-opacity,1))!important}.link-dark{color:RGBA(var(--bs-dark-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-dark-rgb),var(--bs-link-underline-opacity,1))!important}.link-dark:focus,.link-dark:hover{color:RGBA(26,30,33,var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(26,30,33,var(--bs-link-underline-opacity,1))!important}.link-body-emphasis{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,1))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-body-emphasis:focus,.link-body-emphasis:hover{color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-opacity,.75))!important;text-decoration-color:RGBA(var(--bs-emphasis-color-rgb),var(--bs-link-underline-opacity,0.75))!important}.focus-ring:focus{outline:0;box-shadow:var(--bs-focus-ring-x,0) var(--bs-focus-ring-y,0) var(--bs-focus-ring-blur,0) var(--bs-focus-ring-width) var(--bs-focus-ring-color)}.icon-link{display:inline-flex;gap:.375rem;align-items:center;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity,0.5));text-underline-offset:0.25em;backface-visibility:hidden}.icon-link>.bi{flex-shrink:0;width:1em;height:1em;fill:currentcolor;transition:.2s ease-in-out transform}@media (prefers-reduced-motion:reduce){.icon-link>.bi{transition:none}}.icon-link-hover:focus-visible>.bi,.icon-link-hover:hover>.bi{transform:var(--bs-icon-link-transform,translate3d(.25em,0,0))}.ratio{position:relative;width:100%}.ratio::before{display:block;padding-top:var(--bs-aspect-ratio);content:""}.ratio>*{position:absolute;top:0;left:0;width:100%;height:100%}.ratio-1x1{--bs-aspect-ratio:100%}.ratio-4x3{--bs-aspect-ratio:75%}.ratio-16x9{--bs-aspect-ratio:56.25%}.ratio-21x9{--bs-aspect-ratio:42.8571428571%}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}.sticky-top{position:sticky;top:0;z-index:1020}.sticky-bottom{position:sticky;bottom:0;z-index:1020}@media (min-width:576px){.sticky-sm-top{position:sticky;top:0;z-index:1020}.sticky-sm-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:768px){.sticky-md-top{position:sticky;top:0;z-index:1020}.sticky-md-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:992px){.sticky-lg-top{position:sticky;top:0;z-index:1020}.sticky-lg-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1200px){.sticky-xl-top{position:sticky;top:0;z-index:1020}.sticky-xl-bottom{position:sticky;bottom:0;z-index:1020}}@media (min-width:1400px){.sticky-xxl-top{position:sticky;top:0;z-index:1020}.sticky-xxl-bottom{position:sticky;bottom:0;z-index:1020}}.hstack{display:flex;flex-direction:row;align-items:center;align-self:stretch}.vstack{display:flex;flex:1 1 auto;flex-direction:column;align-self:stretch}.visually-hidden,.visually-hidden-focusable:not(:focus):not(:focus-within){width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),.visually-hidden:not(caption){position:absolute!important}.visually-hidden *,.visually-hidden-focusable:not(:focus):not(:focus-within) *{overflow:hidden!important}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;content:""}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vr{display:inline-block;align-self:stretch;width:var(--bs-border-width);min-height:1em;background-color:currentcolor;opacity:.25}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.float-start{float:left!important}.float-end{float:right!important}.float-none{float:none!important}.object-fit-contain{object-fit:contain!important}.object-fit-cover{object-fit:cover!important}.object-fit-fill{object-fit:fill!important}.object-fit-scale{object-fit:scale-down!important}.object-fit-none{object-fit:none!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.overflow-x-auto{overflow-x:auto!important}.overflow-x-hidden{overflow-x:hidden!important}.overflow-x-visible{overflow-x:visible!important}.overflow-x-scroll{overflow-x:scroll!important}.overflow-y-auto{overflow-y:auto!important}.overflow-y-hidden{overflow-y:hidden!important}.overflow-y-visible{overflow-y:visible!important}.overflow-y-scroll{overflow-y:scroll!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-inline-grid{display:inline-grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.shadow{box-shadow:var(--bs-box-shadow)!important}.shadow-sm{box-shadow:var(--bs-box-shadow-sm)!important}.shadow-lg{box-shadow:var(--bs-box-shadow-lg)!important}.shadow-none{box-shadow:none!important}.focus-ring-primary{--bs-focus-ring-color:rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-secondary{--bs-focus-ring-color:rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity))}.focus-ring-success{--bs-focus-ring-color:rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity))}.focus-ring-info{--bs-focus-ring-color:rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity))}.focus-ring-warning{--bs-focus-ring-color:rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity))}.focus-ring-danger{--bs-focus-ring-color:rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity))}.focus-ring-light{--bs-focus-ring-color:rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity))}.focus-ring-dark{--bs-focus-ring-color:rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity))}.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}.top-0{top:0!important}.top-50{top:50%!important}.top-100{top:100%!important}.bottom-0{bottom:0!important}.bottom-50{bottom:50%!important}.bottom-100{bottom:100%!important}.start-0{left:0!important}.start-50{left:50%!important}.start-100{left:100%!important}.end-0{right:0!important}.end-50{right:50%!important}.end-100{right:100%!important}.translate-middle{transform:translate(-50%,-50%)!important}.translate-middle-x{transform:translateX(-50%)!important}.translate-middle-y{transform:translateY(-50%)!important}.border{border:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-0{border:0!important}.border-top{border-top:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-top-0{border-top:0!important}.border-end{border-right:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-end-0{border-right:0!important}.border-bottom{border-bottom:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-bottom-0{border-bottom:0!important}.border-start{border-left:var(--bs-border-width) var(--bs-border-style) var(--bs-border-color)!important}.border-start-0{border-left:0!important}.border-primary{--bs-border-opacity:1;border-color:rgba(var(--bs-primary-rgb),var(--bs-border-opacity))!important}.border-secondary{--bs-border-opacity:1;border-color:rgba(var(--bs-secondary-rgb),var(--bs-border-opacity))!important}.border-success{--bs-border-opacity:1;border-color:rgba(var(--bs-success-rgb),var(--bs-border-opacity))!important}.border-info{--bs-border-opacity:1;border-color:rgba(var(--bs-info-rgb),var(--bs-border-opacity))!important}.border-warning{--bs-border-opacity:1;border-color:rgba(var(--bs-warning-rgb),var(--bs-border-opacity))!important}.border-danger{--bs-border-opacity:1;border-color:rgba(var(--bs-danger-rgb),var(--bs-border-opacity))!important}.border-light{--bs-border-opacity:1;border-color:rgba(var(--bs-light-rgb),var(--bs-border-opacity))!important}.border-dark{--bs-border-opacity:1;border-color:rgba(var(--bs-dark-rgb),var(--bs-border-opacity))!important}.border-black{--bs-border-opacity:1;border-color:rgba(var(--bs-black-rgb),var(--bs-border-opacity))!important}.border-white{--bs-border-opacity:1;border-color:rgba(var(--bs-white-rgb),var(--bs-border-opacity))!important}.border-primary-subtle{border-color:var(--bs-primary-border-subtle)!important}.border-secondary-subtle{border-color:var(--bs-secondary-border-subtle)!important}.border-success-subtle{border-color:var(--bs-success-border-subtle)!important}.border-info-subtle{border-color:var(--bs-info-border-subtle)!important}.border-warning-subtle{border-color:var(--bs-warning-border-subtle)!important}.border-danger-subtle{border-color:var(--bs-danger-border-subtle)!important}.border-light-subtle{border-color:var(--bs-light-border-subtle)!important}.border-dark-subtle{border-color:var(--bs-dark-border-subtle)!important}.border-1{border-width:1px!important}.border-2{border-width:2px!important}.border-3{border-width:3px!important}.border-4{border-width:4px!important}.border-5{border-width:5px!important}.border-opacity-10{--bs-border-opacity:0.1}.border-opacity-25{--bs-border-opacity:0.25}.border-opacity-50{--bs-border-opacity:0.5}.border-opacity-75{--bs-border-opacity:0.75}.border-opacity-100{--bs-border-opacity:1}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.mw-100{max-width:100%!important}.vw-100{width:100vw!important}.min-vw-100{min-width:100vw!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mh-100{max-height:100%!important}.vh-100{height:100vh!important}.min-vh-100{min-height:100vh!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!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}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}.gap-0{gap:0!important}.gap-1{gap:.25rem!important}.gap-2{gap:.5rem!important}.gap-3{gap:1rem!important}.gap-4{gap:1.5rem!important}.gap-5{gap:3rem!important}.row-gap-0{row-gap:0!important}.row-gap-1{row-gap:.25rem!important}.row-gap-2{row-gap:.5rem!important}.row-gap-3{row-gap:1rem!important}.row-gap-4{row-gap:1.5rem!important}.row-gap-5{row-gap:3rem!important}.column-gap-0{column-gap:0!important}.column-gap-1{column-gap:.25rem!important}.column-gap-2{column-gap:.5rem!important}.column-gap-3{column-gap:1rem!important}.column-gap-4{column-gap:1.5rem!important}.column-gap-5{column-gap:3rem!important}.font-monospace{font-family:var(--bs-font-monospace)!important}.fs-1{font-size:calc(1.375rem + 1.5vw)!important}.fs-2{font-size:calc(1.325rem + .9vw)!important}.fs-3{font-size:calc(1.3rem + .6vw)!important}.fs-4{font-size:calc(1.275rem + .3vw)!important}.fs-5{font-size:1.25rem!important}.fs-6{font-size:1rem!important}.fst-italic{font-style:italic!important}.fst-normal{font-style:normal!important}.fw-lighter{font-weight:lighter!important}.fw-light{font-weight:300!important}.fw-normal{font-weight:400!important}.fw-medium{font-weight:500!important}.fw-semibold{font-weight:600!important}.fw-bold{font-weight:700!important}.fw-bolder{font-weight:bolder!important}.lh-1{line-height:1!important}.lh-sm{line-height:1.25!important}.lh-base{line-height:1.5!important}.lh-lg{line-height:2!important}.text-start{text-align:left!important}.text-end{text-align:right!important}.text-center{text-align:center!important}.text-decoration-none{text-decoration:none!important}.text-decoration-underline{text-decoration:underline!important}.text-decoration-line-through{text-decoration:line-through!important}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-break{word-wrap:break-word!important;word-break:break-word!important}.text-primary{--bs-text-opacity:1;color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important}.text-secondary{--bs-text-opacity:1;color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important}.text-success{--bs-text-opacity:1;color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important}.text-info{--bs-text-opacity:1;color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important}.text-warning{--bs-text-opacity:1;color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important}.text-danger{--bs-text-opacity:1;color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important}.text-light{--bs-text-opacity:1;color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important}.text-dark{--bs-text-opacity:1;color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important}.text-black{--bs-text-opacity:1;color:rgba(var(--bs-black-rgb),var(--bs-text-opacity))!important}.text-white{--bs-text-opacity:1;color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important}.text-body{--bs-text-opacity:1;color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important}.text-muted{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-black-50{--bs-text-opacity:1;color:rgba(0,0,0,.5)!important}.text-white-50{--bs-text-opacity:1;color:rgba(255,255,255,.5)!important}.text-body-secondary{--bs-text-opacity:1;color:var(--bs-secondary-color)!important}.text-body-tertiary{--bs-text-opacity:1;color:var(--bs-tertiary-color)!important}.text-body-emphasis{--bs-text-opacity:1;color:var(--bs-emphasis-color)!important}.text-reset{--bs-text-opacity:1;color:inherit!important}.text-opacity-25{--bs-text-opacity:0.25}.text-opacity-50{--bs-text-opacity:0.5}.text-opacity-75{--bs-text-opacity:0.75}.text-opacity-100{--bs-text-opacity:1}.text-primary-emphasis{color:var(--bs-primary-text-emphasis)!important}.text-secondary-emphasis{color:var(--bs-secondary-text-emphasis)!important}.text-success-emphasis{color:var(--bs-success-text-emphasis)!important}.text-info-emphasis{color:var(--bs-info-text-emphasis)!important}.text-warning-emphasis{color:var(--bs-warning-text-emphasis)!important}.text-danger-emphasis{color:var(--bs-danger-text-emphasis)!important}.text-light-emphasis{color:var(--bs-light-text-emphasis)!important}.text-dark-emphasis{color:var(--bs-dark-text-emphasis)!important}.link-opacity-10{--bs-link-opacity:0.1}.link-opacity-10-hover:hover{--bs-link-opacity:0.1}.link-opacity-25{--bs-link-opacity:0.25}.link-opacity-25-hover:hover{--bs-link-opacity:0.25}.link-opacity-50{--bs-link-opacity:0.5}.link-opacity-50-hover:hover{--bs-link-opacity:0.5}.link-opacity-75{--bs-link-opacity:0.75}.link-opacity-75-hover:hover{--bs-link-opacity:0.75}.link-opacity-100{--bs-link-opacity:1}.link-opacity-100-hover:hover{--bs-link-opacity:1}.link-offset-1{text-underline-offset:0.125em!important}.link-offset-1-hover:hover{text-underline-offset:0.125em!important}.link-offset-2{text-underline-offset:0.25em!important}.link-offset-2-hover:hover{text-underline-offset:0.25em!important}.link-offset-3{text-underline-offset:0.375em!important}.link-offset-3-hover:hover{text-underline-offset:0.375em!important}.link-underline-primary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-primary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-secondary{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-secondary-rgb),var(--bs-link-underline-opacity))!important}.link-underline-success{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-success-rgb),var(--bs-link-underline-opacity))!important}.link-underline-info{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-info-rgb),var(--bs-link-underline-opacity))!important}.link-underline-warning{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-warning-rgb),var(--bs-link-underline-opacity))!important}.link-underline-danger{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-danger-rgb),var(--bs-link-underline-opacity))!important}.link-underline-light{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-light-rgb),var(--bs-link-underline-opacity))!important}.link-underline-dark{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-dark-rgb),var(--bs-link-underline-opacity))!important}.link-underline{--bs-link-underline-opacity:1;text-decoration-color:rgba(var(--bs-link-color-rgb),var(--bs-link-underline-opacity,1))!important}.link-underline-opacity-0{--bs-link-underline-opacity:0}.link-underline-opacity-0-hover:hover{--bs-link-underline-opacity:0}.link-underline-opacity-10{--bs-link-underline-opacity:0.1}.link-underline-opacity-10-hover:hover{--bs-link-underline-opacity:0.1}.link-underline-opacity-25{--bs-link-underline-opacity:0.25}.link-underline-opacity-25-hover:hover{--bs-link-underline-opacity:0.25}.link-underline-opacity-50{--bs-link-underline-opacity:0.5}.link-underline-opacity-50-hover:hover{--bs-link-underline-opacity:0.5}.link-underline-opacity-75{--bs-link-underline-opacity:0.75}.link-underline-opacity-75-hover:hover{--bs-link-underline-opacity:0.75}.link-underline-opacity-100{--bs-link-underline-opacity:1}.link-underline-opacity-100-hover:hover{--bs-link-underline-opacity:1}.bg-primary{--bs-bg-opacity:1;background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important}.bg-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important}.bg-success{--bs-bg-opacity:1;background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important}.bg-info{--bs-bg-opacity:1;background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important}.bg-warning{--bs-bg-opacity:1;background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important}.bg-danger{--bs-bg-opacity:1;background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important}.bg-light{--bs-bg-opacity:1;background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important}.bg-dark{--bs-bg-opacity:1;background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important}.bg-black{--bs-bg-opacity:1;background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important}.bg-white{--bs-bg-opacity:1;background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important}.bg-body{--bs-bg-opacity:1;background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important}.bg-transparent{--bs-bg-opacity:1;background-color:transparent!important}.bg-body-secondary{--bs-bg-opacity:1;background-color:rgba(var(--bs-secondary-bg-rgb),var(--bs-bg-opacity))!important}.bg-body-tertiary{--bs-bg-opacity:1;background-color:rgba(var(--bs-tertiary-bg-rgb),var(--bs-bg-opacity))!important}.bg-opacity-10{--bs-bg-opacity:0.1}.bg-opacity-25{--bs-bg-opacity:0.25}.bg-opacity-50{--bs-bg-opacity:0.5}.bg-opacity-75{--bs-bg-opacity:0.75}.bg-opacity-100{--bs-bg-opacity:1}.bg-primary-subtle{background-color:var(--bs-primary-bg-subtle)!important}.bg-secondary-subtle{background-color:var(--bs-secondary-bg-subtle)!important}.bg-success-subtle{background-color:var(--bs-success-bg-subtle)!important}.bg-info-subtle{background-color:var(--bs-info-bg-subtle)!important}.bg-warning-subtle{background-color:var(--bs-warning-bg-subtle)!important}.bg-danger-subtle{background-color:var(--bs-danger-bg-subtle)!important}.bg-light-subtle{background-color:var(--bs-light-bg-subtle)!important}.bg-dark-subtle{background-color:var(--bs-dark-bg-subtle)!important}.bg-gradient{background-image:var(--bs-gradient)!important}.user-select-all{-webkit-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;user-select:none!important}.pe-none{pointer-events:none!important}.pe-auto{pointer-events:auto!important}.rounded{border-radius:var(--bs-border-radius)!important}.rounded-0{border-radius:0!important}.rounded-1{border-radius:var(--bs-border-radius-sm)!important}.rounded-2{border-radius:var(--bs-border-radius)!important}.rounded-3{border-radius:var(--bs-border-radius-lg)!important}.rounded-4{border-radius:var(--bs-border-radius-xl)!important}.rounded-5{border-radius:var(--bs-border-radius-xxl)!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:var(--bs-border-radius-pill)!important}.rounded-top{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-0{border-top-left-radius:0!important;border-top-right-radius:0!important}.rounded-top-1{border-top-left-radius:var(--bs-border-radius-sm)!important;border-top-right-radius:var(--bs-border-radius-sm)!important}.rounded-top-2{border-top-left-radius:var(--bs-border-radius)!important;border-top-right-radius:var(--bs-border-radius)!important}.rounded-top-3{border-top-left-radius:var(--bs-border-radius-lg)!important;border-top-right-radius:var(--bs-border-radius-lg)!important}.rounded-top-4{border-top-left-radius:var(--bs-border-radius-xl)!important;border-top-right-radius:var(--bs-border-radius-xl)!important}.rounded-top-5{border-top-left-radius:var(--bs-border-radius-xxl)!important;border-top-right-radius:var(--bs-border-radius-xxl)!important}.rounded-top-circle{border-top-left-radius:50%!important;border-top-right-radius:50%!important}.rounded-top-pill{border-top-left-radius:var(--bs-border-radius-pill)!important;border-top-right-radius:var(--bs-border-radius-pill)!important}.rounded-end{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-0{border-top-right-radius:0!important;border-bottom-right-radius:0!important}.rounded-end-1{border-top-right-radius:var(--bs-border-radius-sm)!important;border-bottom-right-radius:var(--bs-border-radius-sm)!important}.rounded-end-2{border-top-right-radius:var(--bs-border-radius)!important;border-bottom-right-radius:var(--bs-border-radius)!important}.rounded-end-3{border-top-right-radius:var(--bs-border-radius-lg)!important;border-bottom-right-radius:var(--bs-border-radius-lg)!important}.rounded-end-4{border-top-right-radius:var(--bs-border-radius-xl)!important;border-bottom-right-radius:var(--bs-border-radius-xl)!important}.rounded-end-5{border-top-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-right-radius:var(--bs-border-radius-xxl)!important}.rounded-end-circle{border-top-right-radius:50%!important;border-bottom-right-radius:50%!important}.rounded-end-pill{border-top-right-radius:var(--bs-border-radius-pill)!important;border-bottom-right-radius:var(--bs-border-radius-pill)!important}.rounded-bottom{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-0{border-bottom-right-radius:0!important;border-bottom-left-radius:0!important}.rounded-bottom-1{border-bottom-right-radius:var(--bs-border-radius-sm)!important;border-bottom-left-radius:var(--bs-border-radius-sm)!important}.rounded-bottom-2{border-bottom-right-radius:var(--bs-border-radius)!important;border-bottom-left-radius:var(--bs-border-radius)!important}.rounded-bottom-3{border-bottom-right-radius:var(--bs-border-radius-lg)!important;border-bottom-left-radius:var(--bs-border-radius-lg)!important}.rounded-bottom-4{border-bottom-right-radius:var(--bs-border-radius-xl)!important;border-bottom-left-radius:var(--bs-border-radius-xl)!important}.rounded-bottom-5{border-bottom-right-radius:var(--bs-border-radius-xxl)!important;border-bottom-left-radius:var(--bs-border-radius-xxl)!important}.rounded-bottom-circle{border-bottom-right-radius:50%!important;border-bottom-left-radius:50%!important}.rounded-bottom-pill{border-bottom-right-radius:var(--bs-border-radius-pill)!important;border-bottom-left-radius:var(--bs-border-radius-pill)!important}.rounded-start{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-0{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-start-1{border-bottom-left-radius:var(--bs-border-radius-sm)!important;border-top-left-radius:var(--bs-border-radius-sm)!important}.rounded-start-2{border-bottom-left-radius:var(--bs-border-radius)!important;border-top-left-radius:var(--bs-border-radius)!important}.rounded-start-3{border-bottom-left-radius:var(--bs-border-radius-lg)!important;border-top-left-radius:var(--bs-border-radius-lg)!important}.rounded-start-4{border-bottom-left-radius:var(--bs-border-radius-xl)!important;border-top-left-radius:var(--bs-border-radius-xl)!important}.rounded-start-5{border-bottom-left-radius:var(--bs-border-radius-xxl)!important;border-top-left-radius:var(--bs-border-radius-xxl)!important}.rounded-start-circle{border-bottom-left-radius:50%!important;border-top-left-radius:50%!important}.rounded-start-pill{border-bottom-left-radius:var(--bs-border-radius-pill)!important;border-top-left-radius:var(--bs-border-radius-pill)!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.z-n1{z-index:-1!important}.z-0{z-index:0!important}.z-1{z-index:1!important}.z-2{z-index:2!important}.z-3{z-index:3!important}@media (min-width:576px){.float-sm-start{float:left!important}.float-sm-end{float:right!important}.float-sm-none{float:none!important}.object-fit-sm-contain{object-fit:contain!important}.object-fit-sm-cover{object-fit:cover!important}.object-fit-sm-fill{object-fit:fill!important}.object-fit-sm-scale{object-fit:scale-down!important}.object-fit-sm-none{object-fit:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!important}.d-sm-inline-grid{display:inline-grid!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}.gap-sm-0{gap:0!important}.gap-sm-1{gap:.25rem!important}.gap-sm-2{gap:.5rem!important}.gap-sm-3{gap:1rem!important}.gap-sm-4{gap:1.5rem!important}.gap-sm-5{gap:3rem!important}.row-gap-sm-0{row-gap:0!important}.row-gap-sm-1{row-gap:.25rem!important}.row-gap-sm-2{row-gap:.5rem!important}.row-gap-sm-3{row-gap:1rem!important}.row-gap-sm-4{row-gap:1.5rem!important}.row-gap-sm-5{row-gap:3rem!important}.column-gap-sm-0{column-gap:0!important}.column-gap-sm-1{column-gap:.25rem!important}.column-gap-sm-2{column-gap:.5rem!important}.column-gap-sm-3{column-gap:1rem!important}.column-gap-sm-4{column-gap:1.5rem!important}.column-gap-sm-5{column-gap:3rem!important}.text-sm-start{text-align:left!important}.text-sm-end{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.float-md-start{float:left!important}.float-md-end{float:right!important}.float-md-none{float:none!important}.object-fit-md-contain{object-fit:contain!important}.object-fit-md-cover{object-fit:cover!important}.object-fit-md-fill{object-fit:fill!important}.object-fit-md-scale{object-fit:scale-down!important}.object-fit-md-none{object-fit:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!important}.d-md-inline-grid{display:inline-grid!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}.gap-md-0{gap:0!important}.gap-md-1{gap:.25rem!important}.gap-md-2{gap:.5rem!important}.gap-md-3{gap:1rem!important}.gap-md-4{gap:1.5rem!important}.gap-md-5{gap:3rem!important}.row-gap-md-0{row-gap:0!important}.row-gap-md-1{row-gap:.25rem!important}.row-gap-md-2{row-gap:.5rem!important}.row-gap-md-3{row-gap:1rem!important}.row-gap-md-4{row-gap:1.5rem!important}.row-gap-md-5{row-gap:3rem!important}.column-gap-md-0{column-gap:0!important}.column-gap-md-1{column-gap:.25rem!important}.column-gap-md-2{column-gap:.5rem!important}.column-gap-md-3{column-gap:1rem!important}.column-gap-md-4{column-gap:1.5rem!important}.column-gap-md-5{column-gap:3rem!important}.text-md-start{text-align:left!important}.text-md-end{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.float-lg-start{float:left!important}.float-lg-end{float:right!important}.float-lg-none{float:none!important}.object-fit-lg-contain{object-fit:contain!important}.object-fit-lg-cover{object-fit:cover!important}.object-fit-lg-fill{object-fit:fill!important}.object-fit-lg-scale{object-fit:scale-down!important}.object-fit-lg-none{object-fit:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!important}.d-lg-inline-grid{display:inline-grid!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}.gap-lg-0{gap:0!important}.gap-lg-1{gap:.25rem!important}.gap-lg-2{gap:.5rem!important}.gap-lg-3{gap:1rem!important}.gap-lg-4{gap:1.5rem!important}.gap-lg-5{gap:3rem!important}.row-gap-lg-0{row-gap:0!important}.row-gap-lg-1{row-gap:.25rem!important}.row-gap-lg-2{row-gap:.5rem!important}.row-gap-lg-3{row-gap:1rem!important}.row-gap-lg-4{row-gap:1.5rem!important}.row-gap-lg-5{row-gap:3rem!important}.column-gap-lg-0{column-gap:0!important}.column-gap-lg-1{column-gap:.25rem!important}.column-gap-lg-2{column-gap:.5rem!important}.column-gap-lg-3{column-gap:1rem!important}.column-gap-lg-4{column-gap:1.5rem!important}.column-gap-lg-5{column-gap:3rem!important}.text-lg-start{text-align:left!important}.text-lg-end{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.float-xl-start{float:left!important}.float-xl-end{float:right!important}.float-xl-none{float:none!important}.object-fit-xl-contain{object-fit:contain!important}.object-fit-xl-cover{object-fit:cover!important}.object-fit-xl-fill{object-fit:fill!important}.object-fit-xl-scale{object-fit:scale-down!important}.object-fit-xl-none{object-fit:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!important}.d-xl-inline-grid{display:inline-grid!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}.gap-xl-0{gap:0!important}.gap-xl-1{gap:.25rem!important}.gap-xl-2{gap:.5rem!important}.gap-xl-3{gap:1rem!important}.gap-xl-4{gap:1.5rem!important}.gap-xl-5{gap:3rem!important}.row-gap-xl-0{row-gap:0!important}.row-gap-xl-1{row-gap:.25rem!important}.row-gap-xl-2{row-gap:.5rem!important}.row-gap-xl-3{row-gap:1rem!important}.row-gap-xl-4{row-gap:1.5rem!important}.row-gap-xl-5{row-gap:3rem!important}.column-gap-xl-0{column-gap:0!important}.column-gap-xl-1{column-gap:.25rem!important}.column-gap-xl-2{column-gap:.5rem!important}.column-gap-xl-3{column-gap:1rem!important}.column-gap-xl-4{column-gap:1.5rem!important}.column-gap-xl-5{column-gap:3rem!important}.text-xl-start{text-align:left!important}.text-xl-end{text-align:right!important}.text-xl-center{text-align:center!important}}@media (min-width:1400px){.float-xxl-start{float:left!important}.float-xxl-end{float:right!important}.float-xxl-none{float:none!important}.object-fit-xxl-contain{object-fit:contain!important}.object-fit-xxl-cover{object-fit:cover!important}.object-fit-xxl-fill{object-fit:fill!important}.object-fit-xxl-scale{object-fit:scale-down!important}.object-fit-xxl-none{object-fit:none!important}.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-inline-grid{display:inline-grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}.gap-xxl-0{gap:0!important}.gap-xxl-1{gap:.25rem!important}.gap-xxl-2{gap:.5rem!important}.gap-xxl-3{gap:1rem!important}.gap-xxl-4{gap:1.5rem!important}.gap-xxl-5{gap:3rem!important}.row-gap-xxl-0{row-gap:0!important}.row-gap-xxl-1{row-gap:.25rem!important}.row-gap-xxl-2{row-gap:.5rem!important}.row-gap-xxl-3{row-gap:1rem!important}.row-gap-xxl-4{row-gap:1.5rem!important}.row-gap-xxl-5{row-gap:3rem!important}.column-gap-xxl-0{column-gap:0!important}.column-gap-xxl-1{column-gap:.25rem!important}.column-gap-xxl-2{column-gap:.5rem!important}.column-gap-xxl-3{column-gap:1rem!important}.column-gap-xxl-4{column-gap:1.5rem!important}.column-gap-xxl-5{column-gap:3rem!important}.text-xxl-start{text-align:left!important}.text-xxl-end{text-align:right!important}.text-xxl-center{text-align:center!important}}@media (min-width:1200px){.fs-1{font-size:2.5rem!important}.fs-2{font-size:2rem!important}.fs-3{font-size:1.75rem!important}.fs-4{font-size:1.5rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!important}.d-print-inline-grid{display:inline-grid!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}}
/*!********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/vendors/bootstrap.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media(min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

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

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

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

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.875em
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr
        /* rtl:ignore */
    ;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:hover,
.link-success:focus {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

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

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

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

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

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media(min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.875em
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr
        /* rtl:ignore */
    ;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 0.875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem
}

.form-text {
    margin-top: .25rem;
    font-size: 0.875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder {
    color: rgba(0, 0, 0, 0)
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, .9);
    border-radius: .25rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1
}

.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2
}

.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-business{
    color: #fff;
    background-color: #003b73 !important;
    border-color: #003b73 !important;
    border-radius: 25px !important;
}

.btn-business2 {
    color: #fff;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    border-radius: 25px !important;
}



.btn-business:hover {
    color: #fff;
    background-color: #007cf0 !important;
    border-color: #007cf0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; 
    /* padding: 10px 20px;  */
}

.btn-business2:hover {
    color: #fff;
    background-color: #078124 !important;
    border-color: #078124 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; 
    /* padding: 10px 20px;  */
}


@media (max-width: 768px) {
    .btn-business {
        width: 40px; /* Tamaño reducido en mobile */
        padding: 8px; 
        
    }

    .btn-business .text-white.small {
        display: none; /* Oculta el texto "Área de Negocios" */
    }

    .btn-business .fa-briefcase {
        margin: 0; /* Elimina el margen del ícono para centrarlo */
        font-size: 18px ; 
        margin-left: 8px !important;/* Ajusta el tamaño del ícono si es necesario */
    }

     .btn-business2 {
        width: 40px; /* Tamaño reducido en mobile */
        padding: 8px; 
        
    }

    .btn-business2 .text-white.small {
        display: none; /* Oculta el texto "Área de Negocios" */
    }

    .btn-business2 .fa-user-plus {
        margin: 0; /* Elimina el margen del ícono para centrarlo */
        font-size: 18px ; 
        margin-left: 8px !important;/* Ajusta el tamaño del ícono si es necesario */
    }
}


.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary:disabled,
.btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-success:disabled,
.btn-success.disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info:disabled,
.btn-info.disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-warning:disabled,
.btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger:disabled,
.btn-danger.disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light:disabled,
.btn-light.disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark:disabled,
.btn-dark.disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #0d6efd;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: #198754;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: #0dcaf0;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: #212529;
    background-color: rgba(0, 0, 0, 0)
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.fade {
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0, 0, 0, 0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,
.nav-link:focus {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-sm .offcanvas-top,
    .navbar-expand-sm .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-md .offcanvas-top,
    .navbar-expand-md .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-lg .offcanvas-top,
    .navbar-expand-lg .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-xl .offcanvas-top,
    .navbar-expand-xl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-top,
    .navbar-expand-xxl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: all .3s ease-in-out;
    transform: none
}

.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
        /* rtl: var(--bs-breadcrumb-divider, "/") */
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: 0.875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -0.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: all .3s ease-in-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -0.5rem -0.5rem -0.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0
        /* rtl:ignore */
    ;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-0.5rem - 1px)
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-0.5rem - 1px)
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    opacity: .5;
    transition: all .3s ease-in-out
}

@media(max-width: 768px) {
    .carousel-indicators {
      visibility: hidden;
    }
}


@media(prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
            /* rtl:ignore */
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: .25em solid currentColor;
    border-right-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media(prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:hover,
.link-success:focus {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

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

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

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

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

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media(min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}


/*!************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/animate.css/animate.min.css?ngGlobalStyle ***!
  \************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes bounce{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:pulse;animation-timing-function:ease-in-out}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:rubberBand}@keyframes shakeX{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:shakeX}@keyframes shakeY{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:shakeY}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:tada}@keyframes wobble{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:jello;transform-origin:center}@keyframes heartBeat{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:heartBeat;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes backInDown{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:backInDown}@keyframes backInLeft{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:backInLeft}@keyframes backInRight{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:backInRight}@keyframes backInUp{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:backInUp}@keyframes backOutDown{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:backOutDown}@keyframes backOutLeft{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:backOutLeft}@keyframes backOutRight{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:backOutRight}@keyframes backOutUp{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:backOutUp}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInTopLeft{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:fadeInTopLeft}@keyframes fadeInTopRight{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:fadeInTopRight}@keyframes fadeInBottomLeft{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:fadeInBottomLeft}@keyframes fadeInBottomRight{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:fadeInBottomRight}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutTopLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:fadeOutTopLeft}@keyframes fadeOutTopRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:fadeOutTopRight}@keyframes fadeOutBottomRight{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:fadeOutBottomRight}@keyframes fadeOutBottomLeft{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:fadeOutBottomLeft}@keyframes flip{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedInRight{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:lightSpeedInRight;animation-timing-function:ease-out}@keyframes lightSpeedInLeft{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:lightSpeedInLeft;animation-timing-function:ease-out}@keyframes lightSpeedOutRight{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lightSpeedOutRight;animation-timing-function:ease-in}@keyframes lightSpeedOutLeft{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:lightSpeedOutLeft;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:rotateIn;transform-origin:center}@keyframes rotateInDownLeft{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:rotateInDownLeft;transform-origin:left bottom}@keyframes rotateInDownRight{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownRight{animation-name:rotateInDownRight;transform-origin:right bottom}@keyframes rotateInUpLeft{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:rotateInUpLeft;transform-origin:left bottom}@keyframes rotateInUpRight{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:rotateInUpRight;transform-origin:right bottom}@keyframes rotateOut{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rotateOut;transform-origin:center}@keyframes rotateOutDownLeft{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:rotateOutDownLeft;transform-origin:left bottom}@keyframes rotateOutDownRight{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutDownRight{animation-name:rotateOutDownRight;transform-origin:right bottom}@keyframes rotateOutUpLeft{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:rotateOutUpLeft;transform-origin:left bottom}@keyframes rotateOutUpRight{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:rotateOutUpRight;transform-origin:right bottom}@keyframes hinge{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:hinge;transform-origin:top left}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:zoomOutDown;transform-origin:center bottom}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:zoomOutLeft;transform-origin:left center}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:zoomOutRight;transform-origin:right center}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:zoomOutUp;transform-origin:center bottom}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:slideOutUp}
/*!**************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/animate.min.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.hinge {
    animation-duration: 2s;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    animation-name: bounce;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}

.shake {
    animation-name: shake;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

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

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}
/*!*************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/bulk-style.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************/
/**
*
*	Name:			iconly font icon
*	Version:	    1.0
*	Created on:		Dec 29, 2020
*	License:		GNU General Public License
--------------------------------------------------------------------------------------
*
**/

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 200;
    src: url('Iconly-light.eot');
    src: url('Iconly-light.eot?#iefix') format("embedded-opentype"),
        
        url('Iconly-light.woff') format("woff"),
        
        url('Iconly-light.ttf') format("truetype"),
        url('Iconly-light.svg#Iconly-light') format("svg");
}

/*@font-face {*/
/*    font-family: iconly;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    src: url("../fonts/Iconly-Broken.eot");*/
/*    src: url("../fonts/Iconly-Broken.eot?#iefix") format("embedded-opentype"),*/
/*        !* IE6-8 *!*/
/*        url("../fonts/Iconly-Broken.woff") format("woff"),*/
/*        !* FF3.6+, IE9, Chrome6+, Saf5.1+*!*/
/*        url("../fonts/Iconly-Broken.ttf") format("truetype"),*/
/*        url("../fonts/Iconly-Broken.svg#Iconly-Broken") format("svg");*/
/*}*/

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 700;
    src: url('Iconly-Bold.eot');
    src: url('Iconly-Bold.eot?#iefix') format("embedded-opentype"),
        
        url('Iconly-Bold.woff') format("woff"),
        
        url('Iconly-Bold.ttf') format("truetype"),
        url('Iconly-Bold.svg#Iconly-Bold') format("svg");
}

/*@font-face {*/
/*    font-family: iconly;*/
/*    font-style: normal;*/
/*    font-weight: 900;*/
/*    src: url("../fonts/Iconly-bulk.eot");*/
/*    src: url("../fonts/Iconly-bulk.eot?#iefix") format("embedded-opentype"),*/
/*        !* IE6-8 *!*/
/*        url("../fonts/Iconly-bulk.woff") format("woff"),*/
/*        !* FF3.6+, IE9, Chrome6+, Saf5.1+*!*/
/*        url("../fonts/Iconly-bulk.ttf") format("truetype"),*/
/*        url("../fonts/Iconly-bulk.svg#Iconly-bulk") format("svg");*/
/*}*/

[class^="iconly-"],
[class*="iconly-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "iconly" !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    line-height: 1;
    /*   Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icli {
    font-weight: 200;
}

.icbr {
    font-weight: normal;
}

.icbo {
    font-weight: 700;
}

.icbu {
    font-weight: 900;
}

.iconly-Activity:before {
    content: "\e900";
}

.iconly-Add-User:before {
    content: "\e901";
}

.iconly-Arrow-Down:before {
    content: "\e902";
}

.iconly-Arrow-Down-2:before {
    content: "\e903";
}

.iconly-Arrow-Down-3:before {
    content: "\e904";
}

.iconly-Arrow-Down-Circle:before {
    content: "\e905";
}

.iconly-Arrow-Down-Square:before {
    content: "\e906";
}

.iconly-Arrow-Left:before {
    content: "\e907";
}

.iconly-Arrow-Left-2:before {
    content: "\e908";
}

.iconly-Arrow-Left-3:before {
    content: "\e909";
}

.iconly-Arrow-Left-Circle:before {
    content: "\e90a";
}

.iconly-Arrow-Left-Square:before {
    content: "\e90b";
}

.iconly-Arrow-Right:before {
    content: "\e90c";
}

.iconly-Arrow-Right-2:before {
    content: "\e90d";
}

.iconly-Arrow-Right-3:before {
    content: "\e90e";
}

.iconly-Arrow-Right-Circle:before {
    content: "\e90f";
}

.iconly-Arrow-Right-Square:before {
    content: "\e910";
}

.iconly-Arrow-Up:before {
    content: "\e911";
}

.iconly-Arrow-Up-2:before {
    content: "\e912";
}

.iconly-Arrow-Up-3:before {
    content: "\e913";
}

.iconly-Arrow-Up-Circle:before {
    content: "\e914";
}

.iconly-Arrow-Up-Square:before {
    content: "\e915";
}

.iconly-Bag:before {
    content: "\e916";
}

.iconly-Bag-2:before {
    content: "\e917";
}

.iconly-Bookmark:before {
    content: "\e918";
}

.iconly-Buy:before {
    content: "\e919";
}

.iconly-Calendar:before {
    content: "\e91a";
}

.iconly-Call:before {
    content: "\e91b";
}

.iconly-Call-Missed:before {
    content: "\e91c";
}

.iconly-Call-Silent:before {
    content: "\e91d";
}

.iconly-Calling:before {
    content: "\e91e";
}

.iconly-Camera:before {
    content: "\e91f";
}

.iconly-Category:before {
    content: "\e920";
}

.iconly-Chart:before {
    content: "\e921";
}

.iconly-Chat:before {
    content: "\e922";
}

.iconly-Close-Square:before {
    content: "\e923";
}

.iconly-Danger:before {
    content: "\e924";
}

.iconly-Delete:before {
    content: "\e925";
}

.iconly-Discount:before {
    content: "\e926";
}

.iconly-Discovery:before {
    content: "\e927";
}

.iconly-Document:before {
    content: "\e928";
}

.iconly-Download:before {
    content: "\e929";
}

.iconly-Edit:before {
    content: "\e92a";
}

.iconly-Edit-Square:before {
    content: "\e92b";
}

.iconly-Filter:before {
    content: "\e92c";
}

.iconly-Filter-2:before {
    content: "\e92d";
}

.iconly-Folder:before {
    content: "\e92e";
}

.iconly-Game:before {
    content: "\e92f";
}

.iconly-Graph:before {
    content: "\e930";
}

.iconly-Heart:before {
    content: "\e931";
}

.iconly-Hide:before {
    content: "\e932";
}

.iconly-Home:before {
    content: "\e933";
}

.iconly-Image:before {
    content: "\e934";
}

.iconly-Image-2:before {
    content: "\e935";
}

.iconly-Info-Circle:before {
    content: "\e936";
}

.iconly-Info-Square:before {
    content: "\e937";
}

.iconly-Location:before {
    content: "\e938";
}

.iconly-Lock:before {
    content: "\e939";
}

.iconly-Login:before {
    content: "\e93a";
}

.iconly-Logout:before {
    content: "\e93b";
}

.iconly-Message:before {
    content: "\e93c";
}

.iconly-More-Circle:before {
    content: "\e93d";
}

.iconly-More-Square:before {
    content: "\e93e";
}

.iconly-Notification:before {
    content: "\e93f";
}

.iconly-Paper:before {
    content: "\e940";
}

.iconly-Paper-Download:before {
    content: "\e941";
}

.iconly-Paper-Fail:before {
    content: "\e942";
}

.iconly-Paper-Negative:before {
    content: "\e943";
}

.iconly-Paper-Plus:before {
    content: "\e944";
}

.iconly-Paper-Upload:before {
    content: "\e945";
}

.iconly-Password:before {
    content: "\e946";
}

.iconly-Play:before {
    content: "\e947";
}

.iconly-Plus:before {
    content: "\e948";
}

.iconly-Profile:before {
    content: "\e949";
}

.iconly-Scan:before {
    content: "\e94a";
}

.iconly-Search:before {
    content: "\e94b";
}

.iconly-Send:before {
    content: "\e94c";
}

.iconly-Setting:before {
    content: "\e94d";
}

.iconly-Shield-Done:before {
    content: "\e94e";
}

.iconly-Shield-Fail:before {
    content: "\e94f";
}

.iconly-Show:before {
    content: "\e950";
}

.iconly-Star:before {
    content: "\e951";
}

.iconly-Swap:before {
    content: "\e952";
}

.iconly-Tick-Square:before {
    content: "\e953";
}

.iconly-Ticket:before {
    content: "\e954";
}

.iconly-Ticket-Star:before {
    content: "\e955";
}

.iconly-Time-Circle:before {
    content: "\e956";
}

.iconly-Time-Square:before {
    content: "\e957";
}

.iconly-Unlock:before {
    content: "\e958";
}

.iconly-Upload:before {
    content: "\e959";
}

.iconly-User2:before {
    content: "\e95a";
}

.iconly-User3:before {
    content: "\e95b";
}

.iconly-Video:before {
    content: "\e95c";
}

.iconly-Voice:before {
    content: "\e95d";
}

.iconly-Voice-2:before {
    content: "\e95e";
}

.iconly-Volume-Down:before {
    content: "\e95f";
}

.iconly-Volume-Off:before {
    content: "\e960";
}

.iconly-Volume-Up:before {
    content: "\e961";
}

.iconly-Wallet:before {
    content: "\e962";
}

.iconly-Work:before {
    content: "\e963";
}

/*!********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/style.css?ngGlobalStyle ***!
  \********************************************************************************************************************************************************************************************************************************/
.theme-color-1 {
    --theme-color: #d99f46;
    --theme-color-rgb: 217, 159, 70
}

.theme-color-2 {
    --theme-color: #E63118;
    --theme-color-rgb: 230, 49, 24
}

.cat-border-rad {
    border-radius: 25px;
}

.theme-color-3 {
    --theme-color: #E63118;
    --theme-color-rgb: 35, 150, 152
}

.theme-color-4 {
    --theme-color: #6262a6;
    --theme-color-rgb: 35, 150, 152
}

.theme-color-5 {
    --theme-color: #E63118;
    --theme-color-rgb: 65, 115, 148
}

.verified {
    width: 5%;
   padding-bottom: 2%;
}

.product-thumbnails {
    display: flex;
    gap: 10px;
  }

  .product-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
  }

.imagblog {
    width: 100%;

}

.buttonbis {
    background-color: #003b73;
    color: white;
    border-radius: 5px;
    padding: 7% 65%
}

.border-20px {
    border-radius: 20px;
}

.theme-color-6 {
    --theme-color: #5f84a0
}

.theme-color-7 {
    --theme-color: #7b4397;
    --theme-color2: #E63118
}

button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ffa202;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}



textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
    border-radius: 25px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -0.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -0.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, 0.08em);
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, 0.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, 0.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media(prefers-reduced-motion: reduce) {

    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, 0.4)
    }
}

@keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,
    24% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,
    100% {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0::before {
    content: "\30 "
}

.fa-1::before {
    content: "\31 "
}

.fa-2::before {
    content: "\32 "
}

.fa-3::before {
    content: "\33 "
}

.fa-4::before {
    content: "\34 "
}

.fa-5::before {
    content: "\35 "
}

.fa-6::before {
    content: "\36 "
}

.fa-7::before {
    content: "\37 "
}

.fa-8::before {
    content: "\38 "
}

.fa-9::before {
    content: "\39 "
}

.fa-a::before {
    content: "A"
}

.fa-address-book::before {
    content: ""
}

.fa-contact-book::before {
    content: ""
}

.fa-address-card::before {
    content: ""
}

.fa-contact-card::before {
    content: ""
}

.fa-vcard::before {
    content: ""
}

.fa-align-center::before {
    content: ""
}

.fa-align-justify::before {
    content: ""
}

.fa-align-left::before {
    content: ""
}

.fa-align-right::before {
    content: ""
}

.fa-anchor::before {
    content: ""
}

.fa-angle-down::before {
    content: ""
}

.fa-angle-left::before {
    content: ""
}

.fa-angle-right::before {
    content: ""
}

.fa-angle-up::before {
    content: ""
}

.fa-angles-down::before {
    content: ""
}

.fa-angle-double-down::before {
    content: ""
}

.fa-angles-left::before {
    content: ""
}

.fa-angle-double-left::before {
    content: ""
}

.fa-angles-right::before {
    content: ""
}

.fa-angle-double-right::before {
    content: ""
}

.fa-angles-up::before {
    content: ""
}

.fa-angle-double-up::before {
    content: ""
}

.fa-ankh::before {
    content: ""
}

.fa-apple-whole::before {
    content: ""
}

.fa-apple-alt::before {
    content: ""
}

.fa-archway::before {
    content: ""
}

.fa-arrow-down::before {
    content: ""
}

.fa-arrow-down-1-9::before {
    content: ""
}

.fa-sort-numeric-asc::before {
    content: ""
}

.fa-sort-numeric-down::before {
    content: ""
}

.fa-arrow-down-9-1::before {
    content: ""
}

.fa-sort-numeric-desc::before {
    content: ""
}

.fa-sort-numeric-down-alt::before {
    content: ""
}

.fa-arrow-down-a-z::before {
    content: ""
}

.fa-sort-alpha-asc::before {
    content: ""
}

.fa-sort-alpha-down::before {
    content: ""
}

.fa-arrow-down-long::before {
    content: ""
}

.fa-long-arrow-down::before {
    content: ""
}

.fa-arrow-down-short-wide::before {
    content: ""
}

.fa-sort-amount-desc::before {
    content: ""
}

.fa-sort-amount-down-alt::before {
    content: ""
}

.fa-arrow-down-wide-short::before {
    content: ""
}

.fa-sort-amount-asc::before {
    content: ""
}

.fa-sort-amount-down::before {
    content: ""
}

.fa-arrow-down-z-a::before {
    content: ""
}

.fa-sort-alpha-desc::before {
    content: ""
}

.fa-sort-alpha-down-alt::before {
    content: ""
}

.fa-arrow-left::before {
    content: ""
}

.fa-arrow-left-long::before {
    content: ""
}

.fa-long-arrow-left::before {
    content: ""
}

.fa-arrow-pointer::before {
    content: ""
}

.fa-mouse-pointer::before {
    content: ""
}

.fa-arrow-right::before {
    content: ""
}

.fa-arrow-right-arrow-left::before {
    content: ""
}

.fa-exchange::before {
    content: ""
}

.fa-arrow-right-from-bracket::before {
    content: ""
}

.fa-sign-out::before {
    content: ""
}

.fa-arrow-right-long::before {
    content: ""
}

.fa-long-arrow-right::before {
    content: ""
}

.fa-arrow-right-to-bracket::before {
    content: ""
}

.fa-sign-in::before {
    content: ""
}

.fa-arrow-rotate-left::before {
    content: ""
}

.fa-arrow-left-rotate::before {
    content: ""
}

.fa-arrow-rotate-back::before {
    content: ""
}

.fa-arrow-rotate-backward::before {
    content: ""
}

.fa-undo::before {
    content: ""
}

.fa-arrow-rotate-right::before {
    content: ""
}

.fa-arrow-right-rotate::before {
    content: ""
}

.fa-arrow-rotate-forward::before {
    content: ""
}

.fa-redo::before {
    content: ""
}

.fa-arrow-trend-down::before {
    content: ""
}

.fa-arrow-trend-up::before {
    content: ""
}

.fa-arrow-turn-down::before {
    content: ""
}

.fa-level-down::before {
    content: ""
}

.fa-arrow-turn-up::before {
    content: ""
}

.fa-level-up::before {
    content: ""
}

.fa-arrow-up::before {
    content: ""
}

.fa-arrow-up-1-9::before {
    content: ""
}

.fa-sort-numeric-up::before {
    content: ""
}

.fa-arrow-up-9-1::before {
    content: ""
}

.fa-sort-numeric-up-alt::before {
    content: ""
}

.fa-arrow-up-a-z::before {
    content: ""
}

.fa-sort-alpha-up::before {
    content: ""
}

.fa-arrow-up-from-bracket::before {
    content: ""
}

.fa-arrow-up-long::before {
    content: ""
}

.fa-long-arrow-up::before {
    content: ""
}

.fa-arrow-up-right-from-square::before {
    content: ""
}

.fa-external-link::before {
    content: ""
}

.fa-arrow-up-short-wide::before {
    content: ""
}

.fa-sort-amount-up-alt::before {
    content: ""
}

.fa-arrow-up-wide-short::before {
    content: ""
}

.fa-sort-amount-up::before {
    content: ""
}

.fa-arrow-up-z-a::before {
    content: ""
}

.fa-sort-alpha-up-alt::before {
    content: ""
}

.fa-arrows-left-right::before {
    content: ""
}

.fa-arrows-h::before {
    content: ""
}

.fa-arrows-rotate::before {
    content: ""
}

.fa-refresh::before {
    content: ""
}

.fa-sync::before {
    content: ""
}

.fa-arrows-up-down::before {
    content: ""
}

.fa-arrows-v::before {
    content: ""
}

.fa-arrows-up-down-left-right::before {
    content: ""
}

.fa-arrows::before {
    content: ""
}

.fa-asterisk::before {
    content: "\*"
}

.fa-at::before {
    content: "\@"
}

.fa-atom::before {
    content: ""
}

.fa-audio-description::before {
    content: ""
}

.fa-austral-sign::before {
    content: ""
}

.fa-award::before {
    content: ""
}

.fa-b::before {
    content: "B"
}

.fa-baby::before {
    content: ""
}

.fa-baby-carriage::before {
    content: ""
}

.fa-carriage-baby::before {
    content: ""
}

.fa-backward::before {
    content: ""
}

.fa-backward-fast::before {
    content: ""
}

.fa-fast-backward::before {
    content: ""
}

.fa-backward-step::before {
    content: ""
}

.fa-step-backward::before {
    content: ""
}

.fa-bacon::before {
    content: ""
}

.fa-bacteria::before {
    content: ""
}

.fa-bacterium::before {
    content: ""
}

.fa-bag-shopping::before {
    content: ""
}

.fa-shopping-bag::before {
    content: ""
}

.fa-bahai::before {
    content: ""
}

.fa-baht-sign::before {
    content: ""
}

.fa-ban::before {
    content: ""
}

.fa-cancel::before {
    content: ""
}

.fa-ban-smoking::before {
    content: ""
}

.fa-smoking-ban::before {
    content: ""
}

.fa-bandage::before {
    content: ""
}

.fa-band-aid::before {
    content: ""
}

.fa-barcode::before {
    content: ""
}

.fa-bars::before {
    content: ""
}

.fa-navicon::before {
    content: ""
}

.fa-bars-progress::before {
    content: ""
}

.fa-tasks-alt::before {
    content: ""
}

.fa-bars-staggered::before {
    content: ""
}

.fa-reorder::before {
    content: ""
}

.fa-stream::before {
    content: ""
}

.fa-baseball::before {
    content: ""
}

.fa-baseball-ball::before {
    content: ""
}

.fa-baseball-bat-ball::before {
    content: ""
}

.fa-basket-shopping::before {
    content: ""
}

.fa-shopping-basket::before {
    content: ""
}

.fa-basketball::before {
    content: ""
}

.fa-basketball-ball::before {
    content: ""
}

.fa-bath::before {
    content: ""
}

.fa-bathtub::before {
    content: ""
}

.fa-battery-empty::before {
    content: ""
}

.fa-battery-0::before {
    content: ""
}

.fa-battery-full::before {
    content: ""
}

.fa-battery::before {
    content: ""
}

.fa-battery-5::before {
    content: ""
}

.fa-battery-half::before {
    content: ""
}

.fa-battery-3::before {
    content: ""
}

.fa-battery-quarter::before {
    content: ""
}

.fa-battery-2::before {
    content: ""
}

.fa-battery-three-quarters::before {
    content: ""
}

.fa-battery-4::before {
    content: ""
}

.fa-bed::before {
    content: ""
}

.fa-bed-pulse::before {
    content: ""
}

.fa-procedures::before {
    content: ""
}

.fa-beer-mug-empty::before {
    content: ""
}

.fa-beer::before {
    content: ""
}

.fa-bell::before {
    content: ""
}

.fa-bell-concierge::before {
    content: ""
}

.fa-concierge-bell::before {
    content: ""
}

.fa-bell-slash::before {
    content: ""
}

.fa-bezier-curve::before {
    content: ""
}

.fa-bicycle::before {
    content: ""
}

.fa-binoculars::before {
    content: ""
}

.fa-biohazard::before {
    content: ""
}

.fa-bitcoin-sign::before {
    content: ""
}

.fa-blender::before {
    content: ""
}

.fa-blender-phone::before {
    content: ""
}

.fa-blog::before {
    content: ""
}

.fa-bold::before {
    content: ""
}

.fa-bolt::before {
    content: ""
}

.fa-zap::before {
    content: ""
}

.fa-bolt-lightning::before {
    content: ""
}

.fa-bomb::before {
    content: ""
}

.fa-bone::before {
    content: ""
}

.fa-bong::before {
    content: ""
}

.fa-book::before {
    content: ""
}

.fa-book-atlas::before {
    content: ""
}

.fa-atlas::before {
    content: ""
}

.fa-book-bible::before {
    content: ""
}

.fa-bible::before {
    content: ""
}

.fa-book-journal-whills::before {
    content: ""
}

.fa-journal-whills::before {
    content: ""
}

.fa-book-medical::before {
    content: ""
}

.fa-book-open::before {
    content: ""
}

.fa-book-open-reader::before {
    content: ""
}

.fa-book-reader::before {
    content: ""
}

.fa-book-quran::before {
    content: ""
}

.fa-quran::before {
    content: ""
}

.fa-book-skull::before {
    content: ""
}

.fa-book-dead::before {
    content: ""
}

.fa-bookmark::before {
    content: ""
}

.fa-border-all::before {
    content: ""
}

.fa-border-none::before {
    content: ""
}

.fa-border-top-left::before {
    content: ""
}

.fa-border-style::before {
    content: ""
}

.fa-bowling-ball::before {
    content: ""
}

.fa-box::before {
    content: ""
}

.fa-box-archive::before {
    content: ""
}

.fa-archive::before {
    content: ""
}

.fa-box-open::before {
    content: ""
}

.fa-box-tissue::before {
    content: ""
}

.fa-boxes-stacked::before {
    content: ""
}

.fa-boxes::before {
    content: ""
}

.fa-boxes-alt::before {
    content: ""
}

.fa-braille::before {
    content: ""
}

.fa-brain::before {
    content: ""
}

.fa-brazilian-real-sign::before {
    content: ""
}

.fa-bread-slice::before {
    content: ""
}

.fa-briefcase::before {
    content: ""
}

.fa-briefcase-medical::before {
    content: ""
}

.fa-broom::before {
    content: ""
}

.fa-broom-ball::before {
    content: ""
}

.fa-quidditch::before {
    content: ""
}

.fa-quidditch-broom-ball::before {
    content: ""
}

.fa-brush::before {
    content: ""
}

.fa-bug::before {
    content: ""
}

.fa-bug-slash::before {
    content: ""
}

.fa-building::before {
    content: ""
}

.fa-building-columns::before {
    content: ""
}

.fa-bank::before {
    content: ""
}

.fa-institution::before {
    content: ""
}

.fa-museum::before {
    content: ""
}

.fa-university::before {
    content: ""
}

.fa-bullhorn::before {
    content: ""
}

.fa-bullseye::before {
    content: ""
}

.fa-burger::before {
    content: ""
}

.fa-hamburger::before {
    content: ""
}

.fa-bus::before {
    content: ""
}

.fa-bus-simple::before {
    content: ""
}

.fa-bus-alt::before {
    content: ""
}

.fa-business-time::before {
    content: ""
}

.fa-briefcase-clock::before {
    content: ""
}

.fa-c::before {
    content: "C"
}

.fa-cake-candles::before {
    content: ""
}

.fa-birthday-cake::before {
    content: ""
}

.fa-cake::before {
    content: ""
}

.fa-calculator::before {
    content: ""
}

.fa-calendar::before {
    content: ""
}

.fa-calendar-check::before {
    content: ""
}

.fa-calendar-day::before {
    content: ""
}

.fa-calendar-days::before {
    content: ""
}

.fa-calendar-alt::before {
    content: ""
}

.fa-calendar-minus::before {
    content: ""
}

.fa-calendar-plus::before {
    content: ""
}

.fa-calendar-week::before {
    content: ""
}

.fa-calendar-xmark::before {
    content: ""
}

.fa-calendar-times::before {
    content: ""
}

.fa-camera::before {
    content: ""
}

.fa-camera-alt::before {
    content: ""
}

.fa-camera-retro::before {
    content: ""
}

.fa-camera-rotate::before {
    content: ""
}

.fa-campground::before {
    content: ""
}

.fa-candy-cane::before {
    content: ""
}

.fa-cannabis::before {
    content: ""
}

.fa-capsules::before {
    content: ""
}

.fa-car::before {
    content: ""
}

.fa-automobile::before {
    content: ""
}

.fa-car-battery::before {
    content: ""
}

.fa-battery-car::before {
    content: ""
}

.fa-car-crash::before {
    content: ""
}

.fa-car-rear::before {
    content: ""
}

.fa-car-alt::before {
    content: ""
}

.fa-car-side::before {
    content: ""
}

.fa-caravan::before {
    content: ""
}

.fa-caret-down::before {
    content: ""
}

.fa-caret-left::before {
    content: ""
}

.fa-caret-right::before {
    content: ""
}

.fa-caret-up::before {
    content: ""
}

.fa-carrot::before {
    content: ""
}

.fa-cart-arrow-down::before {
    content: ""
}

.fa-cart-flatbed::before {
    content: ""
}

.fa-dolly-flatbed::before {
    content: ""
}

.fa-cart-flatbed-suitcase::before {
    content: ""
}

.fa-luggage-cart::before {
    content: ""
}

.fa-cart-plus::before {
    content: ""
}

.fa-cart-shopping::before {
    content: ""
}

.fa-shopping-cart::before {
    content: ""
}

.fa-cash-register::before {
    content: ""
}

.fa-cat::before {
    content: ""
}

.fa-cedi-sign::before {
    content: ""
}

.fa-cent-sign::before {
    content: ""
}

.fa-certificate::before {
    content: ""
}

.fa-chair::before {
    content: ""
}

.fa-chalkboard::before {
    content: ""
}

.fa-blackboard::before {
    content: ""
}

.fa-chalkboard-user::before {
    content: ""
}

.fa-chalkboard-teacher::before {
    content: ""
}

.fa-champagne-glasses::before {
    content: ""
}

.fa-glass-cheers::before {
    content: ""
}

.fa-charging-station::before {
    content: ""
}

.fa-chart-area::before {
    content: ""
}

.fa-area-chart::before {
    content: ""
}

.fa-chart-bar::before {
    content: ""
}

.fa-bar-chart::before {
    content: ""
}

.fa-chart-column::before {
    content: ""
}

.fa-chart-gantt::before {
    content: ""
}

.fa-chart-line::before {
    content: ""
}

.fa-line-chart::before {
    content: ""
}

.fa-chart-pie::before {
    content: ""
}

.fa-pie-chart::before {
    content: ""
}

.fa-check::before {
    content: ""
}

.fa-check-double::before {
    content: ""
}

.fa-check-to-slot::before {
    content: ""
}

.fa-vote-yea::before {
    content: ""
}

.fa-cheese::before {
    content: ""
}

.fa-chess::before {
    content: ""
}

.fa-chess-bishop::before {
    content: ""
}

.fa-chess-board::before {
    content: ""
}

.fa-chess-king::before {
    content: ""
}

.fa-chess-knight::before {
    content: ""
}

.fa-chess-pawn::before {
    content: ""
}

.fa-chess-queen::before {
    content: ""
}

.fa-chess-rook::before {
    content: ""
}

.fa-chevron-down::before {
    content: ""
}

.fa-chevron-left::before {
    content: ""
}

.fa-chevron-right::before {
    content: ""
}

.fa-chevron-up::before {
    content: ""
}

.fa-child::before {
    content: ""
}

.fa-church::before {
    content: ""
}

.fa-circle::before {
    content: ""
}

.fa-circle-arrow-down::before {
    content: ""
}

.fa-arrow-circle-down::before {
    content: ""
}

.fa-circle-arrow-left::before {
    content: ""
}

.fa-arrow-circle-left::before {
    content: ""
}

.fa-circle-arrow-right::before {
    content: ""
}

.fa-arrow-circle-right::before {
    content: ""
}

.fa-circle-arrow-up::before {
    content: ""
}

.fa-arrow-circle-up::before {
    content: ""
}

.fa-circle-check::before {
    content: ""
}

.fa-check-circle::before {
    content: ""
}

.fa-circle-chevron-down::before {
    content: ""
}

.fa-chevron-circle-down::before {
    content: ""
}

.fa-circle-chevron-left::before {
    content: ""
}

.fa-chevron-circle-left::before {
    content: ""
}

.fa-circle-chevron-right::before {
    content: ""
}

.fa-chevron-circle-right::before {
    content: ""
}

.fa-circle-chevron-up::before {
    content: ""
}

.fa-chevron-circle-up::before {
    content: ""
}

.fa-circle-dollar-to-slot::before {
    content: ""
}

.fa-donate::before {
    content: ""
}

.fa-circle-dot::before {
    content: ""
}

.fa-dot-circle::before {
    content: ""
}

.fa-circle-down::before {
    content: ""
}

.fa-arrow-alt-circle-down::before {
    content: ""
}

.fa-circle-exclamation::before {
    content: ""
}

.fa-exclamation-circle::before {
    content: ""
}

.fa-circle-h::before {
    content: ""
}

.fa-hospital-symbol::before {
    content: ""
}

.fa-circle-half-stroke::before {
    content: ""
}

.fa-adjust::before {
    content: ""
}

.fa-circle-info::before {
    content: ""
}

.fa-info-circle::before {
    content: ""
}

.fa-circle-left::before {
    content: ""
}

.fa-arrow-alt-circle-left::before {
    content: ""
}

.fa-circle-minus::before {
    content: ""
}

.fa-minus-circle::before {
    content: ""
}

.fa-circle-notch::before {
    content: ""
}

.fa-circle-pause::before {
    content: ""
}

.fa-pause-circle::before {
    content: ""
}

.fa-circle-play::before {
    content: ""
}

.fa-play-circle::before {
    content: ""
}

.fa-circle-plus::before {
    content: ""
}

.fa-plus-circle::before {
    content: ""
}

.fa-circle-question::before {
    content: ""
}

.fa-question-circle::before {
    content: ""
}

.fa-circle-radiation::before {
    content: ""
}

.fa-radiation-alt::before {
    content: ""
}

.fa-circle-right::before {
    content: ""
}

.fa-arrow-alt-circle-right::before {
    content: ""
}

.fa-circle-stop::before {
    content: ""
}

.fa-stop-circle::before {
    content: ""
}

.fa-circle-up::before {
    content: ""
}

.fa-arrow-alt-circle-up::before {
    content: ""
}

.fa-circle-user::before {
    content: ""
}

.fa-user-circle::before {
    content: ""
}

.fa-circle-xmark::before {
    content: ""
}

.fa-times-circle::before {
    content: ""
}

.fa-xmark-circle::before {
    content: ""
}

.fa-city::before {
    content: ""
}

.fa-clapperboard::before {
    content: ""
}

.fa-clipboard::before {
    content: ""
}

.fa-clipboard-check::before {
    content: ""
}

.fa-clipboard-list::before {
    content: ""
}

.fa-clock::before {
    content: ""
}

.fa-clock-four::before {
    content: ""
}

.fa-clock-rotate-left::before {
    content: ""
}

.fa-history::before {
    content: ""
}

.fa-clone::before {
    content: ""
}

.fa-closed-captioning::before {
    content: ""
}

.fa-cloud::before {
    content: ""
}

.fa-cloud-arrow-down::before {
    content: ""
}

.fa-cloud-download::before {
    content: ""
}

.fa-cloud-download-alt::before {
    content: ""
}

.fa-cloud-arrow-up::before {
    content: ""
}

.fa-cloud-upload::before {
    content: ""
}

.fa-cloud-upload-alt::before {
    content: ""
}

.fa-cloud-meatball::before {
    content: ""
}

.fa-cloud-moon::before {
    content: ""
}

.fa-cloud-moon-rain::before {
    content: ""
}

.fa-cloud-rain::before {
    content: ""
}

.fa-cloud-showers-heavy::before {
    content: ""
}

.fa-cloud-sun::before {
    content: ""
}

.fa-cloud-sun-rain::before {
    content: ""
}

.fa-clover::before {
    content: ""
}

.fa-code::before {
    content: ""
}

.fa-code-branch::before {
    content: ""
}

.fa-code-commit::before {
    content: ""
}

.fa-code-compare::before {
    content: ""
}

.fa-code-fork::before {
    content: ""
}

.fa-code-merge::before {
    content: ""
}

.fa-code-pull-request::before {
    content: ""
}

.fa-coins::before {
    content: ""
}

.fa-colon-sign::before {
    content: ""
}

.fa-comment::before {
    content: ""
}

.fa-comment-dollar::before {
    content: ""
}

.fa-comment-dots::before {
    content: ""
}

.fa-commenting::before {
    content: ""
}

.fa-comment-medical::before {
    content: ""
}

.fa-comment-slash::before {
    content: ""
}

.fa-comment-sms::before {
    content: ""
}

.fa-sms::before {
    content: ""
}

.fa-comments::before {
    content: ""
}

.fa-comments-dollar::before {
    content: ""
}

.fa-compact-disc::before {
    content: ""
}

.fa-compass::before {
    content: ""
}

.fa-compass-drafting::before {
    content: ""
}

.fa-drafting-compass::before {
    content: ""
}

.fa-compress::before {
    content: ""
}

.fa-computer-mouse::before {
    content: ""
}

.fa-mouse::before {
    content: ""
}

.fa-cookie::before {
    content: ""
}

.fa-cookie-bite::before {
    content: ""
}

.fa-copy::before {
    content: ""
}

.fa-copyright::before {
    content: ""
}

.fa-couch::before {
    content: ""
}

.fa-credit-card::before {
    content: ""
}

.fa-credit-card-alt::before {
    content: ""
}

.fa-crop::before {
    content: ""
}

.fa-crop-simple::before {
    content: ""
}

.fa-crop-alt::before {
    content: ""
}

.fa-cross::before {
    content: ""
}

.fa-crosshairs::before {
    content: ""
}

.fa-crow::before {
    content: ""
}

.fa-crown::before {
    content: ""
}

.fa-crutch::before {
    content: ""
}

.fa-cruzeiro-sign::before {
    content: ""
}

.fa-cube::before {
    content: ""
}

.fa-cubes::before {
    content: ""
}

.fa-d::before {
    content: "D"
}

.fa-database::before {
    content: ""
}

.fa-delete-left::before {
    content: ""
}

.fa-backspace::before {
    content: ""
}

.fa-democrat::before {
    content: ""
}

.fa-desktop::before {
    content: ""
}

.fa-desktop-alt::before {
    content: ""
}

.fa-dharmachakra::before {
    content: ""
}

.fa-diagram-next::before {
    content: ""
}

.fa-diagram-predecessor::before {
    content: ""
}

.fa-diagram-project::before {
    content: ""
}

.fa-project-diagram::before {
    content: ""
}

.fa-diagram-successor::before {
    content: ""
}

.fa-diamond::before {
    content: ""
}

.fa-diamond-turn-right::before {
    content: ""
}

.fa-directions::before {
    content: ""
}

.fa-dice::before {
    content: ""
}

.fa-dice-d20::before {
    content: ""
}

.fa-dice-d6::before {
    content: ""
}

.fa-dice-five::before {
    content: ""
}

.fa-dice-four::before {
    content: ""
}

.fa-dice-one::before {
    content: ""
}

.fa-dice-six::before {
    content: ""
}

.fa-dice-three::before {
    content: ""
}

.fa-dice-two::before {
    content: ""
}

.fa-disease::before {
    content: ""
}

.fa-divide::before {
    content: ""
}

.fa-dna::before {
    content: ""
}

.fa-dog::before {
    content: ""
}

.fa-dollar-sign::before {
    content: "\$"
}

.fa-dollar::before {
    content: "\$"
}

.fa-usd::before {
    content: "\$"
}

.fa-dolly::before {
    content: ""
}

.fa-dolly-box::before {
    content: ""
}

.fa-dong-sign::before {
    content: ""
}

.fa-door-closed::before {
    content: ""
}

.fa-door-open::before {
    content: ""
}

.fa-dove::before {
    content: ""
}

.fa-down-left-and-up-right-to-center::before {
    content: ""
}

.fa-compress-alt::before {
    content: ""
}

.fa-down-long::before {
    content: ""
}

.fa-long-arrow-alt-down::before {
    content: ""
}

.fa-download::before {
    content: ""
}

.fa-dragon::before {
    content: ""
}

.fa-draw-polygon::before {
    content: ""
}

.fa-droplet::before {
    content: ""
}

.fa-tint::before {
    content: ""
}

.fa-droplet-slash::before {
    content: ""
}

.fa-tint-slash::before {
    content: ""
}

.fa-drum::before {
    content: ""
}

.fa-drum-steelpan::before {
    content: ""
}

.fa-drumstick-bite::before {
    content: ""
}

.fa-dumbbell::before {
    content: ""
}

.fa-dumpster::before {
    content: ""
}

.fa-dumpster-fire::before {
    content: ""
}

.fa-dungeon::before {
    content: ""
}

.fa-e::before {
    content: "E"
}

.fa-ear-deaf::before {
    content: ""
}

.fa-deaf::before {
    content: ""
}

.fa-deafness::before {
    content: ""
}

.fa-hard-of-hearing::before {
    content: ""
}

.fa-ear-listen::before {
    content: ""
}

.fa-assistive-listening-systems::before {
    content: ""
}

.fa-earth-africa::before {
    content: ""
}

.fa-globe-africa::before {
    content: ""
}

.fa-earth-americas::before {
    content: ""
}

.fa-earth::before {
    content: ""
}

.fa-earth-america::before {
    content: ""
}

.fa-globe-americas::before {
    content: ""
}

.fa-earth-asia::before {
    content: ""
}

.fa-globe-asia::before {
    content: ""
}

.fa-earth-europe::before {
    content: ""
}

.fa-globe-europe::before {
    content: ""
}

.fa-earth-oceania::before {
    content: ""
}

.fa-globe-oceania::before {
    content: ""
}

.fa-egg::before {
    content: ""
}

.fa-eject::before {
    content: ""
}

.fa-elevator::before {
    content: ""
}

.fa-ellipsis::before {
    content: ""
}

.fa-ellipsis-h::before {
    content: ""
}

.fa-ellipsis-vertical::before {
    content: ""
}

.fa-ellipsis-v::before {
    content: ""
}

.fa-envelope::before {
    content: ""
}

.fa-envelope-open::before {
    content: ""
}

.fa-envelope-open-text::before {
    content: ""
}

.fa-envelopes-bulk::before {
    content: ""
}

.fa-mail-bulk::before {
    content: ""
}

.fa-equals::before {
    content: "\="
}

.fa-eraser::before {
    content: ""
}

.fa-ethernet::before {
    content: ""
}

.fa-euro-sign::before {
    content: ""
}

.fa-eur::before {
    content: ""
}

.fa-euro::before {
    content: ""
}

.fa-exclamation::before {
    content: "\!"
}

.fa-expand::before {
    content: ""
}

.fa-eye::before {
    content: ""
}

.fa-eye-dropper::before {
    content: ""
}

.fa-eye-dropper-empty::before {
    content: ""
}

.fa-eyedropper::before {
    content: ""
}

.fa-eye-low-vision::before {
    content: ""
}

.fa-low-vision::before {
    content: ""
}

.fa-eye-slash::before {
    content: ""
}

.fa-f::before {
    content: "F"
}

.fa-face-angry::before {
    content: ""
}

.fa-angry::before {
    content: ""
}

.fa-face-dizzy::before {
    content: ""
}

.fa-dizzy::before {
    content: ""
}

.fa-face-flushed::before {
    content: ""
}

.fa-flushed::before {
    content: ""
}

.fa-face-frown::before {
    content: ""
}

.fa-frown::before {
    content: ""
}

.fa-face-frown-open::before {
    content: ""
}

.fa-frown-open::before {
    content: ""
}

.fa-face-grimace::before {
    content: ""
}

.fa-grimace::before {
    content: ""
}

.fa-face-grin::before {
    content: ""
}

.fa-grin::before {
    content: ""
}

.fa-face-grin-beam::before {
    content: ""
}

.fa-grin-beam::before {
    content: ""
}

.fa-face-grin-beam-sweat::before {
    content: ""
}

.fa-grin-beam-sweat::before {
    content: ""
}

.fa-face-grin-hearts::before {
    content: ""
}

.fa-grin-hearts::before {
    content: ""
}

.fa-face-grin-squint::before {
    content: ""
}

.fa-grin-squint::before {
    content: ""
}

.fa-face-grin-squint-tears::before {
    content: ""
}

.fa-grin-squint-tears::before {
    content: ""
}

.fa-face-grin-stars::before {
    content: ""
}

.fa-grin-stars::before {
    content: ""
}

.fa-face-grin-tears::before {
    content: ""
}

.fa-grin-tears::before {
    content: ""
}

.fa-face-grin-tongue::before {
    content: ""
}

.fa-grin-tongue::before {
    content: ""
}

.fa-face-grin-tongue-squint::before {
    content: ""
}

.fa-grin-tongue-squint::before {
    content: ""
}

.fa-face-grin-tongue-wink::before {
    content: ""
}

.fa-grin-tongue-wink::before {
    content: ""
}

.fa-face-grin-wide::before {
    content: ""
}

.fa-grin-alt::before {
    content: ""
}

.fa-face-grin-wink::before {
    content: ""
}

.fa-grin-wink::before {
    content: ""
}

.fa-face-kiss::before {
    content: ""
}

.fa-kiss::before {
    content: ""
}

.fa-face-kiss-beam::before {
    content: ""
}

.fa-kiss-beam::before {
    content: ""
}

.fa-face-kiss-wink-heart::before {
    content: ""
}

.fa-kiss-wink-heart::before {
    content: ""
}

.fa-face-laugh::before {
    content: ""
}

.fa-laugh::before {
    content: ""
}

.fa-face-laugh-beam::before {
    content: ""
}

.fa-laugh-beam::before {
    content: ""
}

.fa-face-laugh-squint::before {
    content: ""
}

.fa-laugh-squint::before {
    content: ""
}

.fa-face-laugh-wink::before {
    content: ""
}

.fa-laugh-wink::before {
    content: ""
}

.fa-face-meh::before {
    content: ""
}

.fa-meh::before {
    content: ""
}

.fa-face-meh-blank::before {
    content: ""
}

.fa-meh-blank::before {
    content: ""
}

.fa-face-rolling-eyes::before {
    content: ""
}

.fa-meh-rolling-eyes::before {
    content: ""
}

.fa-face-sad-cry::before {
    content: ""
}

.fa-sad-cry::before {
    content: ""
}

.fa-face-sad-tear::before {
    content: ""
}

.fa-sad-tear::before {
    content: ""
}

.fa-face-smile::before {
    content: ""
}

.fa-smile::before {
    content: ""
}

.fa-face-smile-beam::before {
    content: ""
}

.fa-smile-beam::before {
    content: ""
}

.fa-face-smile-wink::before {
    content: ""
}

.fa-smile-wink::before {
    content: ""
}

.fa-face-surprise::before {
    content: ""
}

.fa-surprise::before {
    content: ""
}

.fa-face-tired::before {
    content: ""
}

.fa-tired::before {
    content: ""
}

.fa-fan::before {
    content: ""
}

.fa-faucet::before {
    content: ""
}

.fa-fax::before {
    content: ""
}

.fa-feather::before {
    content: ""
}

.fa-feather-pointed::before {
    content: ""
}

.fa-feather-alt::before {
    content: ""
}

.fa-file::before {
    content: ""
}

.fa-file-arrow-down::before {
    content: ""
}

.fa-file-download::before {
    content: ""
}

.fa-file-arrow-up::before {
    content: ""
}

.fa-file-upload::before {
    content: ""
}

.fa-file-audio::before {
    content: ""
}

.fa-file-code::before {
    content: ""
}

.fa-file-contract::before {
    content: ""
}

.fa-file-csv::before {
    content: ""
}

.fa-file-excel::before {
    content: ""
}

.fa-file-export::before {
    content: ""
}

.fa-arrow-right-from-file::before {
    content: ""
}

.fa-file-image::before {
    content: ""
}

.fa-file-import::before {
    content: ""
}

.fa-arrow-right-to-file::before {
    content: ""
}

.fa-file-invoice::before {
    content: ""
}

.fa-file-invoice-dollar::before {
    content: ""
}

.fa-file-lines::before {
    content: ""
}

.fa-file-alt::before {
    content: ""
}

.fa-file-text::before {
    content: ""
}

.fa-file-medical::before {
    content: ""
}

.fa-file-pdf::before {
    content: ""
}

.fa-file-powerpoint::before {
    content: ""
}

.fa-file-prescription::before {
    content: ""
}

.fa-file-signature::before {
    content: ""
}

.fa-file-video::before {
    content: ""
}

.fa-file-waveform::before {
    content: ""
}

.fa-file-medical-alt::before {
    content: ""
}

.fa-file-word::before {
    content: ""
}

.fa-file-zipper::before {
    content: ""
}

.fa-file-archive::before {
    content: ""
}

.fa-fill::before {
    content: ""
}

.fa-fill-drip::before {
    content: ""
}

.fa-film::before {
    content: ""
}

.fa-filter::before {
    content: ""
}

.fa-filter-circle-dollar::before {
    content: ""
}

.fa-funnel-dollar::before {
    content: ""
}

.fa-filter-circle-xmark::before {
    content: ""
}

.fa-fingerprint::before {
    content: ""
}

.fa-fire::before {
    content: ""
}

.fa-fire-extinguisher::before {
    content: ""
}

.fa-fire-flame-curved::before {
    content: ""
}

.fa-fire-alt::before {
    content: ""
}

.fa-fire-flame-simple::before {
    content: ""
}

.fa-burn::before {
    content: ""
}

.fa-fish::before {
    content: ""
}

.fa-flag::before {
    content: ""
}

.fa-flag-checkered::before {
    content: ""
}

.fa-flag-usa::before {
    content: ""
}

.fa-flask::before {
    content: ""
}

.fa-floppy-disk::before {
    content: ""
}

.fa-save::before {
    content: ""
}

.fa-florin-sign::before {
    content: ""
}

.fa-folder::before {
    content: ""
}

.fa-folder-minus::before {
    content: ""
}

.fa-folder-open::before {
    content: ""
}

.fa-folder-plus::before {
    content: ""
}

.fa-folder-tree::before {
    content: ""
}

.fa-font::before {
    content: ""
}

.fa-football::before {
    content: ""
}

.fa-football-ball::before {
    content: ""
}

.fa-forward::before {
    content: ""
}

.fa-forward-fast::before {
    content: ""
}

.fa-fast-forward::before {
    content: ""
}

.fa-forward-step::before {
    content: ""
}

.fa-step-forward::before {
    content: ""
}

.fa-franc-sign::before {
    content: ""
}

.fa-frog::before {
    content: ""
}

.fa-futbol::before {
    content: ""
}

.fa-futbol-ball::before {
    content: ""
}

.fa-soccer-ball::before {
    content: ""
}

.fa-g::before {
    content: "G"
}

.fa-gamepad::before {
    content: ""
}

.fa-gas-pump::before {
    content: ""
}

.fa-gauge::before {
    content: ""
}

.fa-dashboard::before {
    content: ""
}

.fa-gauge-med::before {
    content: ""
}

.fa-tachometer-alt-average::before {
    content: ""
}

.fa-gauge-high::before {
    content: ""
}

.fa-tachometer-alt::before {
    content: ""
}

.fa-tachometer-alt-fast::before {
    content: ""
}

.fa-gauge-simple::before {
    content: ""
}

.fa-gauge-simple-med::before {
    content: ""
}

.fa-tachometer-average::before {
    content: ""
}

.fa-gauge-simple-high::before {
    content: ""
}

.fa-tachometer::before {
    content: ""
}

.fa-tachometer-fast::before {
    content: ""
}

.fa-gavel::before {
    content: ""
}

.fa-legal::before {
    content: ""
}

.fa-gear::before {
    content: ""
}

.fa-cog::before {
    content: ""
}

.fa-gears::before {
    content: ""
}

.fa-cogs::before {
    content: ""
}

.fa-gem::before {
    content: ""
}

.fa-genderless::before {
    content: ""
}

.fa-ghost::before {
    content: ""
}

.fa-gift::before {
    content: ""
}

.fa-gifts::before {
    content: ""
}

.fa-glasses::before {
    content: ""
}

.fa-globe::before {
    content: ""
}

.fa-golf-ball-tee::before {
    content: ""
}

.fa-golf-ball::before {
    content: ""
}

.fa-gopuram::before {
    content: ""
}

.fa-graduation-cap::before {
    content: ""
}

.fa-mortar-board::before {
    content: ""
}

.fa-greater-than::before {
    content: "\>"
}

.fa-greater-than-equal::before {
    content: ""
}

.fa-grip::before {
    content: ""
}

.fa-grip-horizontal::before {
    content: ""
}

.fa-grip-lines::before {
    content: ""
}

.fa-grip-lines-vertical::before {
    content: ""
}

.fa-grip-vertical::before {
    content: ""
}

.fa-guarani-sign::before {
    content: ""
}

.fa-guitar::before {
    content: ""
}

.fa-gun::before {
    content: ""
}

.fa-h::before {
    content: "H"
}

.fa-hammer::before {
    content: ""
}

.fa-hamsa::before {
    content: ""
}

.fa-hand::before {
    content: ""
}

.fa-hand-paper::before {
    content: ""
}

.fa-hand-back-fist::before {
    content: ""
}

.fa-hand-rock::before {
    content: ""
}

.fa-hand-dots::before {
    content: ""
}

.fa-allergies::before {
    content: ""
}

.fa-hand-fist::before {
    content: ""
}

.fa-fist-raised::before {
    content: ""
}

.fa-hand-holding::before {
    content: ""
}

.fa-hand-holding-dollar::before {
    content: ""
}

.fa-hand-holding-usd::before {
    content: ""
}

.fa-hand-holding-droplet::before {
    content: ""
}

.fa-hand-holding-water::before {
    content: ""
}

.fa-hand-holding-heart::before {
    content: ""
}

.fa-hand-holding-medical::before {
    content: ""
}

.fa-hand-lizard::before {
    content: ""
}

.fa-hand-middle-finger::before {
    content: ""
}

.fa-hand-peace::before {
    content: ""
}

.fa-hand-point-down::before {
    content: ""
}

.fa-hand-point-left::before {
    content: ""
}

.fa-hand-point-right::before {
    content: ""
}

.fa-hand-point-up::before {
    content: ""
}

.fa-hand-pointer::before {
    content: ""
}

.fa-hand-scissors::before {
    content: ""
}

.fa-hand-sparkles::before {
    content: ""
}

.fa-hand-spock::before {
    content: ""
}

.fa-hands::before {
    content: ""
}

.fa-sign-language::before {
    content: ""
}

.fa-signing::before {
    content: ""
}

.fa-hands-asl-interpreting::before {
    content: ""
}

.fa-american-sign-language-interpreting::before {
    content: ""
}

.fa-asl-interpreting::before {
    content: ""
}

.fa-hands-american-sign-language-interpreting::before {
    content: ""
}

.fa-hands-bubbles::before {
    content: ""
}

.fa-hands-wash::before {
    content: ""
}

.fa-hands-clapping::before {
    content: ""
}

.fa-hands-holding::before {
    content: ""
}

.fa-hands-praying::before {
    content: ""
}

.fa-praying-hands::before {
    content: ""
}

.fa-handshake::before {
    content: ""
}

.fa-handshake-angle::before {
    content: ""
}

.fa-hands-helping::before {
    content: ""
}

.fa-handshake-simple-slash::before {
    content: ""
}

.fa-handshake-alt-slash::before {
    content: ""
}

.fa-handshake-slash::before {
    content: ""
}

.fa-hanukiah::before {
    content: ""
}

.fa-hard-drive::before {
    content: ""
}

.fa-hdd::before {
    content: ""
}

.fa-hashtag::before {
    content: "\#"
}

.fa-hat-cowboy::before {
    content: ""
}

.fa-hat-cowboy-side::before {
    content: ""
}

.fa-hat-wizard::before {
    content: ""
}

.fa-head-side-cough::before {
    content: ""
}

.fa-head-side-cough-slash::before {
    content: ""
}

.fa-head-side-mask::before {
    content: ""
}

.fa-head-side-virus::before {
    content: ""
}

.fa-heading::before {
    content: ""
}

.fa-header::before {
    content: ""
}

.fa-headphones::before {
    content: ""
}

.fa-headphones-simple::before {
    content: ""
}

.fa-headphones-alt::before {
    content: ""
}

.fa-headset::before {
    content: ""
}

.fa-heart::before {
    content: ""
}

.fa-heart-crack::before {
    content: ""
}

.fa-heart-broken::before {
    content: ""
}

.fa-heart-pulse::before {
    content: ""
}

.fa-heartbeat::before {
    content: ""
}

.fa-helicopter::before {
    content: ""
}

.fa-helmet-safety::before {
    content: ""
}

.fa-hard-hat::before {
    content: ""
}

.fa-hat-hard::before {
    content: ""
}

.fa-highlighter::before {
    content: ""
}

.fa-hippo::before {
    content: ""
}

.fa-hockey-puck::before {
    content: ""
}

.fa-holly-berry::before {
    content: ""
}

.fa-horse::before {
    content: ""
}

.fa-horse-head::before {
    content: ""
}

.fa-hospital::before {
    content: ""
}

.fa-hospital-alt::before {
    content: ""
}

.fa-hospital-wide::before {
    content: ""
}

.fa-hospital-user::before {
    content: ""
}

.fa-hot-tub-person::before {
    content: ""
}

.fa-hot-tub::before {
    content: ""
}

.fa-hotdog::before {
    content: ""
}

.fa-hotel::before {
    content: ""
}

.fa-hourglass::before {
    content: ""
}

.fa-hourglass-2::before {
    content: ""
}

.fa-hourglass-half::before {
    content: ""
}

.fa-hourglass-empty::before {
    content: ""
}

.fa-hourglass-end::before {
    content: ""
}

.fa-hourglass-3::before {
    content: ""
}

.fa-hourglass-start::before {
    content: ""
}

.fa-hourglass-1::before {
    content: ""
}

.fa-house::before {
    content: ""
}

.fa-home::before {
    content: ""
}

.fa-home-alt::before {
    content: ""
}

.fa-home-lg-alt::before {
    content: ""
}

.fa-house-chimney::before {
    content: ""
}

.fa-home-lg::before {
    content: ""
}

.fa-house-chimney-crack::before {
    content: ""
}

.fa-house-damage::before {
    content: ""
}

.fa-house-chimney-medical::before {
    content: ""
}

.fa-clinic-medical::before {
    content: ""
}

.fa-house-chimney-user::before {
    content: ""
}

.fa-house-chimney-window::before {
    content: ""
}

.fa-house-crack::before {
    content: ""
}

.fa-house-laptop::before {
    content: ""
}

.fa-laptop-house::before {
    content: ""
}

.fa-house-medical::before {
    content: ""
}

.fa-house-user::before {
    content: ""
}

.fa-home-user::before {
    content: ""
}

.fa-hryvnia-sign::before {
    content: ""
}

.fa-hryvnia::before {
    content: ""
}

.fa-i::before {
    content: "I"
}

.fa-i-cursor::before {
    content: ""
}

.fa-ice-cream::before {
    content: ""
}

.fa-icicles::before {
    content: ""
}

.fa-icons::before {
    content: ""
}

.fa-heart-music-camera-bolt::before {
    content: ""
}

.fa-id-badge::before {
    content: ""
}

.fa-id-card::before {
    content: ""
}

.fa-drivers-license::before {
    content: ""
}

.fa-id-card-clip::before {
    content: ""
}

.fa-id-card-alt::before {
    content: ""
}

.fa-igloo::before {
    content: ""
}

.fa-image::before {
    content: ""
}

.fa-image-portrait::before {
    content: ""
}

.fa-portrait::before {
    content: ""
}

.fa-images::before {
    content: ""
}

.fa-inbox::before {
    content: ""
}

.fa-indent::before {
    content: ""
}

.fa-indian-rupee-sign::before {
    content: ""
}

.fa-indian-rupee::before {
    content: ""
}

.fa-inr::before {
    content: ""
}

.fa-industry::before {
    content: ""
}

.fa-infinity::before {
    content: ""
}

.fa-info::before {
    content: ""
}

.fa-italic::before {
    content: ""
}

.fa-j::before {
    content: "J"
}

.fa-jedi::before {
    content: ""
}

.fa-jet-fighter::before {
    content: ""
}

.fa-fighter-jet::before {
    content: ""
}

.fa-joint::before {
    content: ""
}

.fa-k::before {
    content: "K"
}

.fa-kaaba::before {
    content: ""
}

.fa-key::before {
    content: ""
}

.fa-keyboard::before {
    content: ""
}

.fa-khanda::before {
    content: ""
}

.fa-kip-sign::before {
    content: ""
}

.fa-kit-medical::before {
    content: ""
}

.fa-first-aid::before {
    content: ""
}

.fa-kiwi-bird::before {
    content: ""
}

.fa-l::before {
    content: "L"
}

.fa-landmark::before {
    content: ""
}

.fa-language::before {
    content: ""
}

.fa-laptop::before {
    content: ""
}

.fa-laptop-code::before {
    content: ""
}

.fa-laptop-medical::before {
    content: ""
}

.fa-lari-sign::before {
    content: ""
}

.fa-layer-group::before {
    content: ""
}

.fa-leaf::before {
    content: ""
}

.fa-left-long::before {
    content: ""
}

.fa-long-arrow-alt-left::before {
    content: ""
}

.fa-left-right::before {
    content: ""
}

.fa-arrows-alt-h::before {
    content: ""
}

.fa-lemon::before {
    content: ""
}

.fa-less-than::before {
    content: "\<"
}

.fa-less-than-equal::before {
    content: ""
}

.fa-life-ring::before {
    content: ""
}

.fa-lightbulb::before {
    content: ""
}

.fa-link::before {
    content: ""
}

.fa-chain::before {
    content: ""
}

.fa-link-slash::before {
    content: ""
}

.fa-chain-broken::before {
    content: ""
}

.fa-chain-slash::before {
    content: ""
}

.fa-unlink::before {
    content: ""
}

.fa-lira-sign::before {
    content: ""
}

.fa-list::before {
    content: ""
}

.fa-list-squares::before {
    content: ""
}

.fa-list-check::before {
    content: ""
}

.fa-tasks::before {
    content: ""
}

.fa-list-ol::before {
    content: ""
}

.fa-list-1-2::before {
    content: ""
}

.fa-list-numeric::before {
    content: ""
}

.fa-list-ul::before {
    content: ""
}

.fa-list-dots::before {
    content: ""
}

.fa-litecoin-sign::before {
    content: ""
}

.fa-location-arrow::before {
    content: ""
}

.fa-location-crosshairs::before {
    content: ""
}

.fa-location::before {
    content: ""
}

.fa-location-dot::before {
    content: ""
}

.fa-map-marker-alt::before {
    content: ""
}

.fa-location-pin::before {
    content: ""
}

.fa-map-marker::before {
    content: ""
}

.fa-lock::before {
    content: ""
}

.fa-lock-open::before {
    content: ""
}

.fa-lungs::before {
    content: ""
}

.fa-lungs-virus::before {
    content: ""
}

.fa-m::before {
    content: "M"
}

.fa-magnet::before {
    content: ""
}

.fa-magnifying-glass::before {
    content: ""
}

.fa-search::before {
    content: ""
}

.fa-magnifying-glass-dollar::before {
    content: ""
}

.fa-search-dollar::before {
    content: ""
}

.fa-magnifying-glass-location::before {
    content: ""
}

.fa-search-location::before {
    content: ""
}

.fa-magnifying-glass-minus::before {
    content: ""
}

.fa-search-minus::before {
    content: ""
}

.fa-magnifying-glass-plus::before {
    content: ""
}

.fa-search-plus::before {
    content: ""
}

.fa-manat-sign::before {
    content: ""
}

.fa-map::before {
    content: ""
}

.fa-map-location::before {
    content: ""
}

.fa-map-marked::before {
    content: ""
}

.fa-map-location-dot::before {
    content: ""
}

.fa-map-marked-alt::before {
    content: ""
}

.fa-map-pin::before {
    content: ""
}

.fa-marker::before {
    content: ""
}

.fa-mars::before {
    content: ""
}

.fa-mars-and-venus::before {
    content: ""
}

.fa-mars-double::before {
    content: ""
}

.fa-mars-stroke::before {
    content: ""
}

.fa-mars-stroke-right::before {
    content: ""
}

.fa-mars-stroke-h::before {
    content: ""
}

.fa-mars-stroke-up::before {
    content: ""
}

.fa-mars-stroke-v::before {
    content: ""
}

.fa-martini-glass::before {
    content: ""
}

.fa-glass-martini-alt::before {
    content: ""
}

.fa-martini-glass-citrus::before {
    content: ""
}

.fa-cocktail::before {
    content: ""
}

.fa-martini-glass-empty::before {
    content: ""
}

.fa-glass-martini::before {
    content: ""
}

.fa-mask::before {
    content: ""
}

.fa-mask-face::before {
    content: ""
}

.fa-masks-theater::before {
    content: ""
}

.fa-theater-masks::before {
    content: ""
}

.fa-maximize::before {
    content: ""
}

.fa-expand-arrows-alt::before {
    content: ""
}

.fa-medal::before {
    content: ""
}

.fa-memory::before {
    content: ""
}

.fa-menorah::before {
    content: ""
}

.fa-mercury::before {
    content: ""
}

.fa-message::before {
    content: ""
}

.fa-comment-alt::before {
    content: ""
}

.fa-meteor::before {
    content: ""
}

.fa-microchip::before {
    content: ""
}

.fa-microphone::before {
    content: ""
}

.fa-microphone-lines::before {
    content: ""
}

.fa-microphone-alt::before {
    content: ""
}

.fa-microphone-lines-slash::before {
    content: ""
}

.fa-microphone-alt-slash::before {
    content: ""
}

.fa-microphone-slash::before {
    content: ""
}

.fa-microscope::before {
    content: ""
}

.fa-mill-sign::before {
    content: ""
}

.fa-minimize::before {
    content: ""
}

.fa-compress-arrows-alt::before {
    content: ""
}

.fa-minus::before {
    content: ""
}

.fa-subtract::before {
    content: ""
}

.fa-mitten::before {
    content: ""
}

.fa-mobile::before {
    content: ""
}

.fa-mobile-android::before {
    content: ""
}

.fa-mobile-phone::before {
    content: ""
}

.fa-mobile-button::before {
    content: ""
}

.fa-mobile-screen-button::before {
    content: ""
}

.fa-mobile-alt::before {
    content: ""
}

.fa-money-bill::before {
    content: ""
}

.fa-money-bill-1::before {
    content: ""
}

.fa-money-bill-alt::before {
    content: ""
}

.fa-money-bill-1-wave::before {
    content: ""
}

.fa-money-bill-wave-alt::before {
    content: ""
}

.fa-money-bill-wave::before {
    content: ""
}

.fa-money-check::before {
    content: ""
}

.fa-money-check-dollar::before {
    content: ""
}

.fa-money-check-alt::before {
    content: ""
}

.fa-monument::before {
    content: ""
}

.fa-moon::before {
    content: ""
}

.fa-mortar-pestle::before {
    content: ""
}

.fa-mosque::before {
    content: ""
}

.fa-motorcycle::before {
    content: ""
}

.fa-mountain::before {
    content: ""
}

.fa-mug-hot::before {
    content: ""
}

.fa-mug-saucer::before {
    content: ""
}

.fa-coffee::before {
    content: ""
}

.fa-music::before {
    content: ""
}

.fa-n::before {
    content: "N"
}

.fa-naira-sign::before {
    content: ""
}

.fa-network-wired::before {
    content: ""
}

.fa-neuter::before {
    content: ""
}

.fa-newspaper::before {
    content: ""
}

.fa-not-equal::before {
    content: ""
}

.fa-note-sticky::before {
    content: ""
}

.fa-sticky-note::before {
    content: ""
}

.fa-notes-medical::before {
    content: ""
}

.fa-o::before {
    content: "O"
}

.fa-object-group::before {
    content: ""
}

.fa-object-ungroup::before {
    content: ""
}

.fa-oil-can::before {
    content: ""
}

.fa-om::before {
    content: ""
}

.fa-otter::before {
    content: ""
}

.fa-outdent::before {
    content: ""
}

.fa-dedent::before {
    content: ""
}

.fa-p::before {
    content: "P"
}

.fa-pager::before {
    content: ""
}

.fa-paint-roller::before {
    content: ""
}

.fa-paintbrush::before {
    content: ""
}

.fa-paint-brush::before {
    content: ""
}

.fa-palette::before {
    content: ""
}

.fa-pallet::before {
    content: ""
}

.fa-panorama::before {
    content: ""
}

.fa-paper-plane::before {
    content: ""
}

.fa-paperclip::before {
    content: ""
}

.fa-parachute-box::before {
    content: ""
}

.fa-paragraph::before {
    content: ""
}

.fa-passport::before {
    content: ""
}

.fa-paste::before {
    content: ""
}

.fa-file-clipboard::before {
    content: ""
}

.fa-pause::before {
    content: ""
}

.fa-paw::before {
    content: ""
}

.fa-peace::before {
    content: ""
}

.fa-pen::before {
    content: ""
}

.fa-pen-clip::before {
    content: ""
}

.fa-pen-alt::before {
    content: ""
}

.fa-pen-fancy::before {
    content: ""
}

.fa-pen-nib::before {
    content: ""
}

.fa-pen-ruler::before {
    content: ""
}

.fa-pencil-ruler::before {
    content: ""
}

.fa-pen-to-square::before {
    content: ""
}

.fa-edit::before {
    content: ""
}

.fa-pencil::before {
    content: ""
}

.fa-pencil-alt::before {
    content: ""
}

.fa-people-arrows-left-right::before {
    content: ""
}

.fa-people-arrows::before {
    content: ""
}

.fa-people-carry-box::before {
    content: ""
}

.fa-people-carry::before {
    content: ""
}

.fa-pepper-hot::before {
    content: ""
}

.fa-percent::before {
    content: "\%"
}

.fa-percentage::before {
    content: "\%"
}

.fa-person::before {
    content: ""
}

.fa-male::before {
    content: ""
}

.fa-person-biking::before {
    content: ""
}

.fa-biking::before {
    content: ""
}

.fa-person-booth::before {
    content: ""
}

.fa-person-dots-from-line::before {
    content: ""
}

.fa-diagnoses::before {
    content: ""
}

.fa-person-dress::before {
    content: ""
}

.fa-female::before {
    content: ""
}

.fa-person-hiking::before {
    content: ""
}

.fa-hiking::before {
    content: ""
}

.fa-person-praying::before {
    content: ""
}

.fa-pray::before {
    content: ""
}

.fa-person-running::before {
    content: ""
}

.fa-running::before {
    content: ""
}

.fa-person-skating::before {
    content: ""
}

.fa-skating::before {
    content: ""
}

.fa-person-skiing::before {
    content: ""
}

.fa-skiing::before {
    content: ""
}

.fa-person-skiing-nordic::before {
    content: ""
}

.fa-skiing-nordic::before {
    content: ""
}

.fa-person-snowboarding::before {
    content: ""
}

.fa-snowboarding::before {
    content: ""
}

.fa-person-swimming::before {
    content: ""
}

.fa-swimmer::before {
    content: ""
}

.fa-person-walking::before {
    content: ""
}

.fa-walking::before {
    content: ""
}

.fa-person-walking-with-cane::before {
    content: ""
}

.fa-blind::before {
    content: ""
}

.fa-peseta-sign::before {
    content: ""
}

.fa-peso-sign::before {
    content: ""
}

.fa-phone::before {
    content: ""
}

.fa-phone-flip::before {
    content: ""
}

.fa-phone-alt::before {
    content: ""
}

.fa-phone-slash::before {
    content: ""
}

.fa-phone-volume::before {
    content: ""
}

.fa-volume-control-phone::before {
    content: ""
}

.fa-photo-film::before {
    content: ""
}

.fa-photo-video::before {
    content: ""
}

.fa-piggy-bank::before {
    content: ""
}

.fa-pills::before {
    content: ""
}

.fa-pizza-slice::before {
    content: ""
}

.fa-place-of-worship::before {
    content: ""
}

.fa-plane::before {
    content: ""
}

.fa-plane-arrival::before {
    content: ""
}

.fa-plane-departure::before {
    content: ""
}

.fa-plane-slash::before {
    content: ""
}

.fa-play::before {
    content: ""
}

.fa-plug::before {
    content: ""
}

.fa-plus::before {
    content: "\+"
}

.fa-add::before {
    content: "\+"
}

.fa-plus-minus::before {
    content: ""
}

.fa-podcast::before {
    content: ""
}

.fa-poo::before {
    content: ""
}

.fa-poo-storm::before {
    content: ""
}

.fa-poo-bolt::before {
    content: ""
}

.fa-poop::before {
    content: ""
}

.fa-power-off::before {
    content: ""
}

.fa-prescription::before {
    content: ""
}

.fa-prescription-bottle::before {
    content: ""
}

.fa-prescription-bottle-medical::before {
    content: ""
}

.fa-prescription-bottle-alt::before {
    content: ""
}

.fa-print::before {
    content: ""
}

.fa-pump-medical::before {
    content: ""
}

.fa-pump-soap::before {
    content: ""
}

.fa-puzzle-piece::before {
    content: ""
}

.fa-q::before {
    content: "Q"
}

.fa-qrcode::before {
    content: ""
}

.fa-question::before {
    content: "\?"
}

.fa-quote-left::before {
    content: ""
}

.fa-quote-left-alt::before {
    content: ""
}

.fa-quote-right::before {
    content: ""
}

.fa-quote-right-alt::before {
    content: ""
}

.fa-r::before {
    content: "R"
}

.fa-radiation::before {
    content: ""
}

.fa-rainbow::before {
    content: ""
}

.fa-receipt::before {
    content: ""
}

.fa-record-vinyl::before {
    content: ""
}

.fa-rectangle-ad::before {
    content: ""
}

.fa-ad::before {
    content: ""
}

.fa-rectangle-list::before {
    content: ""
}

.fa-list-alt::before {
    content: ""
}

.fa-rectangle-xmark::before {
    content: ""
}

.fa-rectangle-times::before {
    content: ""
}

.fa-times-rectangle::before {
    content: ""
}

.fa-window-close::before {
    content: ""
}

.fa-recycle::before {
    content: ""
}

.fa-registered::before {
    content: ""
}

.fa-repeat::before {
    content: ""
}

.fa-reply::before {
    content: ""
}

.fa-mail-reply::before {
    content: ""
}

.fa-reply-all::before {
    content: ""
}

.fa-mail-reply-all::before {
    content: ""
}

.fa-republican::before {
    content: ""
}

.fa-restroom::before {
    content: ""
}

.fa-retweet::before {
    content: ""
}

.fa-ribbon::before {
    content: ""
}

.fa-right-from-bracket::before {
    content: ""
}

.fa-sign-out-alt::before {
    content: ""
}

.fa-right-left::before {
    content: ""
}

.fa-exchange-alt::before {
    content: ""
}

.fa-right-long::before {
    content: ""
}

.fa-long-arrow-alt-right::before {
    content: ""
}

.fa-right-to-bracket::before {
    content: ""
}

.fa-sign-in-alt::before {
    content: ""
}

.fa-ring::before {
    content: ""
}

.fa-road::before {
    content: ""
}

.fa-robot::before {
    content: ""
}

.fa-rocket::before {
    content: ""
}

.fa-rotate::before {
    content: ""
}

.fa-sync-alt::before {
    content: ""
}

.fa-rotate-left::before {
    content: ""
}

.fa-rotate-back::before {
    content: ""
}

.fa-rotate-backward::before {
    content: ""
}

.fa-undo-alt::before {
    content: ""
}

.fa-rotate-right::before {
    content: ""
}

.fa-redo-alt::before {
    content: ""
}

.fa-rotate-forward::before {
    content: ""
}

.fa-route::before {
    content: ""
}

.fa-rss::before {
    content: ""
}

.fa-feed::before {
    content: ""
}

.fa-ruble-sign::before {
    content: ""
}

.fa-rouble::before {
    content: ""
}

.fa-rub::before {
    content: ""
}

.fa-ruble::before {
    content: ""
}

.fa-ruler::before {
    content: ""
}

.fa-ruler-combined::before {
    content: ""
}

.fa-ruler-horizontal::before {
    content: ""
}

.fa-ruler-vertical::before {
    content: ""
}

.fa-rupee-sign::before {
    content: ""
}

.fa-rupee::before {
    content: ""
}

.fa-rupiah-sign::before {
    content: ""
}

.fa-s::before {
    content: "S"
}

.fa-sailboat::before {
    content: ""
}

.fa-satellite::before {
    content: ""
}

.fa-satellite-dish::before {
    content: ""
}

.fa-scale-balanced::before {
    content: ""
}

.fa-balance-scale::before {
    content: ""
}

.fa-scale-unbalanced::before {
    content: ""
}

.fa-balance-scale-left::before {
    content: ""
}

.fa-scale-unbalanced-flip::before {
    content: ""
}

.fa-balance-scale-right::before {
    content: ""
}

.fa-school::before {
    content: ""
}

.fa-scissors::before {
    content: ""
}

.fa-cut::before {
    content: ""
}

.fa-screwdriver::before {
    content: ""
}

.fa-screwdriver-wrench::before {
    content: ""
}

.fa-tools::before {
    content: ""
}

.fa-scroll::before {
    content: ""
}

.fa-scroll-torah::before {
    content: ""
}

.fa-torah::before {
    content: ""
}

.fa-sd-card::before {
    content: ""
}

.fa-section::before {
    content: ""
}

.fa-seedling::before {
    content: ""
}

.fa-sprout::before {
    content: ""
}

.fa-server::before {
    content: ""
}

.fa-shapes::before {
    content: ""
}

.fa-triangle-circle-square::before {
    content: ""
}

.fa-share::before {
    content: ""
}

.fa-arrow-turn-right::before {
    content: ""
}

.fa-mail-forward::before {
    content: ""
}

.fa-share-from-square::before {
    content: ""
}

.fa-share-square::before {
    content: ""
}

.fa-share-nodes::before {
    content: ""
}

.fa-share-alt::before {
    content: ""
}

.fa-shekel-sign::before {
    content: ""
}

.fa-ils::before {
    content: ""
}

.fa-shekel::before {
    content: ""
}

.fa-sheqel::before {
    content: ""
}

.fa-sheqel-sign::before {
    content: ""
}

.fa-shield::before {
    content: ""
}

.fa-shield-blank::before {
    content: ""
}

.fa-shield-alt::before {
    content: ""
}

.fa-shield-virus::before {
    content: ""
}

.fa-ship::before {
    content: ""
}

.fa-shirt::before {
    content: ""
}

.fa-t-shirt::before {
    content: ""
}

.fa-tshirt::before {
    content: ""
}

.fa-shoe-prints::before {
    content: ""
}

.fa-shop::before {
    content: ""
}

.fa-store-alt::before {
    content: ""
}

.fa-shop-slash::before {
    content: ""
}

.fa-store-alt-slash::before {
    content: ""
}

.fa-shower::before {
    content: ""
}

.fa-shrimp::before {
    content: ""
}

.fa-shuffle::before {
    content: ""
}

.fa-random::before {
    content: ""
}

.fa-shuttle-space::before {
    content: ""
}

.fa-space-shuttle::before {
    content: ""
}

.fa-sign-hanging::before {
    content: ""
}

.fa-sign::before {
    content: ""
}

.fa-signal::before {
    content: ""
}

.fa-signal-5::before {
    content: ""
}

.fa-signal-perfect::before {
    content: ""
}

.fa-signature::before {
    content: ""
}

.fa-signs-post::before {
    content: ""
}

.fa-map-signs::before {
    content: ""
}

.fa-sim-card::before {
    content: ""
}

.fa-sink::before {
    content: ""
}

.fa-sitemap::before {
    content: ""
}

.fa-skull::before {
    content: ""
}

.fa-skull-crossbones::before {
    content: ""
}

.fa-slash::before {
    content: ""
}

.fa-sleigh::before {
    content: ""
}

.fa-sliders::before {
    content: ""
}

.fa-sliders-h::before {
    content: ""
}

.fa-smog::before {
    content: ""
}

.fa-smoking::before {
    content: ""
}

.fa-snowflake::before {
    content: ""
}

.fa-snowman::before {
    content: ""
}

.fa-snowplow::before {
    content: ""
}

.fa-soap::before {
    content: ""
}

.fa-socks::before {
    content: ""
}

.fa-solar-panel::before {
    content: ""
}

.fa-sort::before {
    content: ""
}

.fa-unsorted::before {
    content: ""
}

.fa-sort-down::before {
    content: ""
}

.fa-sort-desc::before {
    content: ""
}

.fa-sort-up::before {
    content: ""
}

.fa-sort-asc::before {
    content: ""
}

.fa-spa::before {
    content: ""
}

.fa-spaghetti-monster-flying::before {
    content: ""
}

.fa-pastafarianism::before {
    content: ""
}

.fa-spell-check::before {
    content: ""
}

.fa-spider::before {
    content: ""
}

.fa-spinner::before {
    content: ""
}

.fa-splotch::before {
    content: ""
}

.fa-spoon::before {
    content: ""
}

.fa-utensil-spoon::before {
    content: ""
}

.fa-spray-can::before {
    content: ""
}

.fa-spray-can-sparkles::before {
    content: ""
}

.fa-air-freshener::before {
    content: ""
}

.fa-square::before {
    content: ""
}

.fa-square-arrow-up-right::before {
    content: ""
}

.fa-external-link-square::before {
    content: ""
}

.fa-square-caret-down::before {
    content: ""
}

.fa-caret-square-down::before {
    content: ""
}

.fa-square-caret-left::before {
    content: ""
}

.fa-caret-square-left::before {
    content: ""
}

.fa-square-caret-right::before {
    content: ""
}

.fa-caret-square-right::before {
    content: ""
}

.fa-square-caret-up::before {
    content: ""
}

.fa-caret-square-up::before {
    content: ""
}

.fa-square-check::before {
    content: ""
}

.fa-check-square::before {
    content: ""
}

.fa-square-envelope::before {
    content: ""
}

.fa-envelope-square::before {
    content: ""
}

.fa-square-full::before {
    content: ""
}

.fa-square-h::before {
    content: ""
}

.fa-h-square::before {
    content: ""
}

.fa-square-minus::before {
    content: ""
}

.fa-minus-square::before {
    content: ""
}

.fa-square-parking::before {
    content: ""
}

.fa-parking::before {
    content: ""
}

.fa-square-pen::before {
    content: ""
}

.fa-pen-square::before {
    content: ""
}

.fa-pencil-square::before {
    content: ""
}

.fa-square-phone::before {
    content: ""
}

.fa-phone-square::before {
    content: ""
}

.fa-square-phone-flip::before {
    content: ""
}

.fa-phone-square-alt::before {
    content: ""
}

.fa-square-plus::before {
    content: ""
}

.fa-plus-square::before {
    content: ""
}

.fa-square-poll-horizontal::before {
    content: ""
}

.fa-poll-h::before {
    content: ""
}

.fa-square-poll-vertical::before {
    content: ""
}

.fa-poll::before {
    content: ""
}

.fa-square-root-variable::before {
    content: ""
}

.fa-square-root-alt::before {
    content: ""
}

.fa-square-rss::before {
    content: ""
}

.fa-rss-square::before {
    content: ""
}

.fa-square-share-nodes::before {
    content: ""
}

.fa-share-alt-square::before {
    content: ""
}

.fa-square-up-right::before {
    content: ""
}

.fa-external-link-square-alt::before {
    content: ""
}

.fa-square-xmark::before {
    content: ""
}

.fa-times-square::before {
    content: ""
}

.fa-xmark-square::before {
    content: ""
}

.fa-stairs::before {
    content: ""
}

.fa-stamp::before {
    content: ""
}

.fa-star::before {
    content: ""
}

.fa-star-and-crescent::before {
    content: ""
}

.fa-star-half::before {
    content: ""
}

.fa-star-half-stroke::before {
    content: ""
}

.fa-star-half-alt::before {
    content: ""
}

.fa-star-of-david::before {
    content: ""
}

.fa-star-of-life::before {
    content: ""
}

.fa-sterling-sign::before {
    content: ""
}

.fa-gbp::before {
    content: ""
}

.fa-pound-sign::before {
    content: ""
}

.fa-stethoscope::before {
    content: ""
}

.fa-stop::before {
    content: ""
}

.fa-stopwatch::before {
    content: ""
}

.fa-stopwatch-20::before {
    content: ""
}

.fa-store::before {
    content: ""
}

.fa-store-slash::before {
    content: ""
}

.fa-street-view::before {
    content: ""
}

.fa-strikethrough::before {
    content: ""
}

.fa-stroopwafel::before {
    content: ""
}

.fa-subscript::before {
    content: ""
}

.fa-suitcase::before {
    content: ""
}

.fa-suitcase-medical::before {
    content: ""
}

.fa-medkit::before {
    content: ""
}

.fa-suitcase-rolling::before {
    content: ""
}

.fa-sun::before {
    content: ""
}

.fa-superscript::before {
    content: ""
}

.fa-swatchbook::before {
    content: ""
}

.fa-synagogue::before {
    content: ""
}

.fa-syringe::before {
    content: ""
}

.fa-t::before {
    content: "T"
}

.fa-table::before {
    content: ""
}

.fa-table-cells::before {
    content: ""
}

.fa-th::before {
    content: ""
}

.fa-table-cells-large::before {
    content: ""
}

.fa-th-large::before {
    content: ""
}

.fa-table-columns::before {
    content: ""
}

.fa-columns::before {
    content: ""
}

.fa-table-list::before {
    content: ""
}

.fa-th-list::before {
    content: ""
}

.fa-table-tennis-paddle-ball::before {
    content: ""
}

.fa-ping-pong-paddle-ball::before {
    content: ""
}

.fa-table-tennis::before {
    content: ""
}

.fa-tablet::before {
    content: ""
}

.fa-tablet-android::before {
    content: ""
}

.fa-tablet-button::before {
    content: ""
}

.fa-tablet-screen-button::before {
    content: ""
}

.fa-tablet-alt::before {
    content: ""
}

.fa-tablets::before {
    content: ""
}

.fa-tachograph-digital::before {
    content: ""
}

.fa-digital-tachograph::before {
    content: ""
}

.fa-tag::before {
    content: ""
}

.fa-tags::before {
    content: ""
}

.fa-tape::before {
    content: ""
}

.fa-taxi::before {
    content: ""
}

.fa-cab::before {
    content: ""
}

.fa-teeth::before {
    content: ""
}

.fa-teeth-open::before {
    content: ""
}

.fa-temperature-empty::before {
    content: ""
}

.fa-temperature-0::before {
    content: ""
}

.fa-thermometer-0::before {
    content: ""
}

.fa-thermometer-empty::before {
    content: ""
}

.fa-temperature-full::before {
    content: ""
}

.fa-temperature-4::before {
    content: ""
}

.fa-thermometer-4::before {
    content: ""
}

.fa-thermometer-full::before {
    content: ""
}

.fa-temperature-half::before {
    content: ""
}

.fa-temperature-2::before {
    content: ""
}

.fa-thermometer-2::before {
    content: ""
}

.fa-thermometer-half::before {
    content: ""
}

.fa-temperature-high::before {
    content: ""
}

.fa-temperature-low::before {
    content: ""
}

.fa-temperature-quarter::before {
    content: ""
}

.fa-temperature-1::before {
    content: ""
}

.fa-thermometer-1::before {
    content: ""
}

.fa-thermometer-quarter::before {
    content: ""
}

.fa-temperature-three-quarters::before {
    content: ""
}

.fa-temperature-3::before {
    content: ""
}

.fa-thermometer-3::before {
    content: ""
}

.fa-thermometer-three-quarters::before {
    content: ""
}

.fa-tenge-sign::before {
    content: ""
}

.fa-tenge::before {
    content: ""
}

.fa-terminal::before {
    content: ""
}

.fa-text-height::before {
    content: ""
}

.fa-text-slash::before {
    content: ""
}

.fa-remove-format::before {
    content: ""
}

.fa-text-width::before {
    content: ""
}

.fa-thermometer::before {
    content: ""
}

.fa-thumbs-down::before {
    content: ""
}

.fa-thumbs-up::before {
    content: ""
}

.fa-thumbtack::before {
    content: ""
}

.fa-thumb-tack::before {
    content: ""
}

.fa-ticket::before {
    content: ""
}

.fa-ticket-simple::before {
    content: ""
}

.fa-ticket-alt::before {
    content: ""
}

.fa-timeline::before {
    content: ""
}

.fa-toggle-off::before {
    content: ""
}

.fa-toggle-on::before {
    content: ""
}

.fa-toilet::before {
    content: ""
}

.fa-toilet-paper::before {
    content: ""
}

.fa-toilet-paper-slash::before {
    content: ""
}

.fa-toolbox::before {
    content: ""
}

.fa-tooth::before {
    content: ""
}

.fa-torii-gate::before {
    content: ""
}

.fa-tower-broadcast::before {
    content: ""
}

.fa-broadcast-tower::before {
    content: ""
}

.fa-tractor::before {
    content: ""
}

.fa-trademark::before {
    content: ""
}

.fa-traffic-light::before {
    content: ""
}

.fa-trailer::before {
    content: ""
}

.fa-train::before {
    content: ""
}

.fa-train-subway::before {
    content: ""
}

.fa-subway::before {
    content: ""
}

.fa-train-tram::before {
    content: ""
}

.fa-tram::before {
    content: ""
}

.fa-transgender::before {
    content: ""
}

.fa-transgender-alt::before {
    content: ""
}

.fa-trash::before {
    content: ""
}

.fa-trash-arrow-up::before {
    content: ""
}

.fa-trash-restore::before {
    content: ""
}

.fa-trash-can::before {
    content: ""
}

.fa-trash-alt::before {
    content: ""
}

.fa-trash-can-arrow-up::before {
    content: ""
}

.fa-trash-restore-alt::before {
    content: ""
}

.fa-tree::before {
    content: ""
}

.fa-triangle-exclamation::before {
    content: ""
}

.fa-exclamation-triangle::before {
    content: ""
}

.fa-warning::before {
    content: ""
}

.fa-trophy::before {
    content: ""
}

.fa-truck::before {
    content: ""
}

.fa-truck-fast::before {
    content: ""
}

.fa-shipping-fast::before {
    content: ""
}

.fa-truck-medical::before {
    content: ""
}

.fa-ambulance::before {
    content: ""
}

.fa-truck-monster::before {
    content: ""
}

.fa-truck-moving::before {
    content: ""
}

.fa-truck-pickup::before {
    content: ""
}

.fa-truck-ramp-box::before {
    content: ""
}

.fa-truck-loading::before {
    content: ""
}

.fa-tty::before {
    content: ""
}

.fa-teletype::before {
    content: ""
}

.fa-turkish-lira-sign::before {
    content: ""
}

.fa-try::before {
    content: ""
}

.fa-turkish-lira::before {
    content: ""
}

.fa-turn-down::before {
    content: ""
}

.fa-level-down-alt::before {
    content: ""
}

.fa-turn-up::before {
    content: ""
}

.fa-level-up-alt::before {
    content: ""
}

.fa-tv::before {
    content: ""
}

.fa-television::before {
    content: ""
}

.fa-tv-alt::before {
    content: ""
}

.fa-u::before {
    content: "U"
}

.fa-umbrella::before {
    content: ""
}

.fa-umbrella-beach::before {
    content: ""
}

.fa-underline::before {
    content: ""
}

.fa-universal-access::before {
    content: ""
}

.fa-unlock::before {
    content: ""
}

.fa-unlock-keyhole::before {
    content: ""
}

.fa-unlock-alt::before {
    content: ""
}

.fa-up-down::before {
    content: ""
}

.fa-arrows-alt-v::before {
    content: ""
}

.fa-up-down-left-right::before {
    content: ""
}

.fa-arrows-alt::before {
    content: ""
}

.fa-up-long::before {
    content: ""
}

.fa-long-arrow-alt-up::before {
    content: ""
}

.fa-up-right-and-down-left-from-center::before {
    content: ""
}

.fa-expand-alt::before {
    content: ""
}

.fa-up-right-from-square::before {
    content: ""
}

.fa-external-link-alt::before {
    content: ""
}

.fa-upload::before {
    content: ""
}

.fa-user::before {
    content: ""
}

.fa-user-astronaut::before {
    content: ""
}

.fa-user-check::before {
    content: ""
}

.fa-user-clock::before {
    content: ""
}

.fa-user-doctor::before {
    content: ""
}

.fa-user-md::before {
    content: ""
}

.fa-user-gear::before {
    content: ""
}

.fa-user-cog::before {
    content: ""
}

.fa-user-graduate::before {
    content: ""
}

.fa-user-group::before {
    content: ""
}

.fa-user-friends::before {
    content: ""
}

.fa-user-injured::before {
    content: ""
}

.fa-user-large::before {
    content: ""
}

.fa-user-alt::before {
    content: ""
}

.fa-user-large-slash::before {
    content: ""
}

.fa-user-alt-slash::before {
    content: ""
}

.fa-user-lock::before {
    content: ""
}

.fa-user-minus::before {
    content: ""
}

.fa-user-ninja::before {
    content: ""
}

.fa-user-nurse::before {
    content: ""
}

.fa-user-pen::before {
    content: ""
}

.fa-user-edit::before {
    content: ""
}

.fa-user-plus::before {
    content: ""
}

.fa-user-secret::before {
    content: ""
}

.fa-user-shield::before {
    content: ""
}

.fa-user-slash::before {
    content: ""
}

.fa-user-tag::before {
    content: ""
}

.fa-user-tie::before {
    content: ""
}

.fa-user-xmark::before {
    content: ""
}

.fa-user-times::before {
    content: ""
}

.fa-users::before {
    content: ""
}

.fa-users-gear::before {
    content: ""
}

.fa-users-cog::before {
    content: ""
}

.fa-users-slash::before {
    content: ""
}

.fa-utensils::before {
    content: ""
}

.fa-cutlery::before {
    content: ""
}

.fa-v::before {
    content: "V"
}

.fa-van-shuttle::before {
    content: ""
}

.fa-shuttle-van::before {
    content: ""
}

.fa-vault::before {
    content: ""
}

.fa-vector-square::before {
    content: ""
}

.fa-venus::before {
    content: ""
}

.fa-venus-double::before {
    content: ""
}

.fa-venus-mars::before {
    content: ""
}

.fa-vest::before {
    content: ""
}

.fa-vest-patches::before {
    content: ""
}

.fa-vial::before {
    content: ""
}

.fa-vials::before {
    content: ""
}

.fa-video::before {
    content: ""
}

.fa-video-camera::before {
    content: ""
}

.fa-video-slash::before {
    content: ""
}

.fa-vihara::before {
    content: ""
}

.fa-virus::before {
    content: ""
}

.fa-virus-covid::before {
    content: ""
}

.fa-virus-covid-slash::before {
    content: ""
}

.fa-virus-slash::before {
    content: ""
}

.fa-viruses::before {
    content: ""
}

.fa-voicemail::before {
    content: ""
}

.fa-volleyball::before {
    content: ""
}

.fa-volleyball-ball::before {
    content: ""
}

.fa-volume-high::before {
    content: ""
}

.fa-volume-up::before {
    content: ""
}

.fa-volume-low::before {
    content: ""
}

.fa-volume-down::before {
    content: ""
}

.fa-volume-off::before {
    content: ""
}

.fa-volume-xmark::before {
    content: ""
}

.fa-volume-mute::before {
    content: ""
}

.fa-volume-times::before {
    content: ""
}

.fa-vr-cardboard::before {
    content: ""
}

.fa-w::before {
    content: "W"
}

.fa-wallet::before {
    content: ""
}

.fa-wand-magic::before {
    content: ""
}

.fa-magic::before {
    content: ""
}

.fa-wand-magic-sparkles::before {
    content: ""
}

.fa-magic-wand-sparkles::before {
    content: ""
}

.fa-wand-sparkles::before {
    content: ""
}

.fa-warehouse::before {
    content: ""
}

.fa-water::before {
    content: ""
}

.fa-water-ladder::before {
    content: ""
}

.fa-ladder-water::before {
    content: ""
}

.fa-swimming-pool::before {
    content: ""
}

.fa-wave-square::before {
    content: ""
}

.fa-weight-hanging::before {
    content: ""
}

.fa-weight-scale::before {
    content: ""
}

.fa-weight::before {
    content: ""
}

.fa-wheelchair::before {
    content: ""
}

.fa-whiskey-glass::before {
    content: ""
}

.fa-glass-whiskey::before {
    content: ""
}

.fa-wifi::before {
    content: ""
}

.fa-wifi-3::before {
    content: ""
}

.fa-wifi-strong::before {
    content: ""
}

.fa-wind::before {
    content: ""
}

.fa-window-maximize::before {
    content: ""
}

.fa-window-minimize::before {
    content: ""
}

.fa-window-restore::before {
    content: ""
}

.fa-wine-bottle::before {
    content: ""
}

.fa-wine-glass::before {
    content: ""
}

.fa-wine-glass-empty::before {
    content: ""
}

.fa-wine-glass-alt::before {
    content: ""
}

.fa-won-sign::before {
    content: ""
}

.fa-krw::before {
    content: ""
}

.fa-won::before {
    content: ""
}

.fa-wrench::before {
    content: ""
}

.fa-x::before {
    content: "X"
}

.fa-x-ray::before {
    content: ""
}

.fa-xmark::before {
    content: ""
}

.fa-close::before {
    content: ""
}

.fa-multiply::before {
    content: ""
}

.fa-remove::before {
    content: ""
}

.fa-times::before {
    content: ""
}

.fa-y::before {
    content: "Y"
}

.fa-yen-sign::before {
    content: ""
}

.fa-cny::before {
    content: ""
}

.fa-jpy::before {
    content: ""
}

.fa-rmb::before {
    content: ""
}

.fa-yen::before {
    content: ""
}

.fa-yin-yang::before {
    content: ""
}

.fa-z::before {
    content: "Z"
}

.sr-only,
.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.ttf') format("truetype")
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.ttf') format("truetype")
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa-42-group:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wirsindhandwerk:before {
    content: ""
}

.fa-wsh:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.ttf') format("truetype")
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa.fa-glass:before {
    content: ""
}

.fa.fa-envelope-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-o:before {
    content: ""
}

.fa.fa-star-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-o:before {
    content: ""
}

.fa.fa-remove:before {
    content: ""
}

.fa.fa-close:before {
    content: ""
}

.fa.fa-gear:before {
    content: ""
}

.fa.fa-trash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-trash-o:before {
    content: ""
}

.fa.fa-home:before {
    content: ""
}

.fa.fa-file-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-o:before {
    content: ""
}

.fa.fa-clock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-clock-o:before {
    content: ""
}

.fa.fa-arrow-circle-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-down:before {
    content: ""
}

.fa.fa-arrow-circle-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-up:before {
    content: ""
}

.fa.fa-play-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-play-circle-o:before {
    content: ""
}

.fa.fa-repeat:before {
    content: ""
}

.fa.fa-rotate-right:before {
    content: ""
}

.fa.fa-refresh:before {
    content: ""
}

.fa.fa-list-alt {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-list-alt:before {
    content: ""
}

.fa.fa-dedent:before {
    content: ""
}

.fa.fa-video-camera:before {
    content: ""
}

.fa.fa-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-picture-o:before {
    content: ""
}

.fa.fa-photo {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-photo:before {
    content: ""
}

.fa.fa-image {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-image:before {
    content: ""
}

.fa.fa-map-marker:before {
    content: ""
}

.fa.fa-pencil-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pencil-square-o:before {
    content: ""
}

.fa.fa-edit {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-edit:before {
    content: ""
}

.fa.fa-share-square-o:before {
    content: ""
}

.fa.fa-check-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-square-o:before {
    content: ""
}

.fa.fa-arrows:before {
    content: ""
}

.fa.fa-times-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-circle-o:before {
    content: ""
}

.fa.fa-check-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-circle-o:before {
    content: ""
}

.fa.fa-mail-forward:before {
    content: ""
}

.fa.fa-expand:before {
    content: ""
}

.fa.fa-compress:before {
    content: ""
}

.fa.fa-eye {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eye-slash {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-warning:before {
    content: ""
}

.fa.fa-calendar:before {
    content: ""
}

.fa.fa-arrows-v:before {
    content: ""
}

.fa.fa-arrows-h:before {
    content: ""
}

.fa.fa-bar-chart:before {
    content: ""
}

.fa.fa-bar-chart-o:before {
    content: ""
}

.fa.fa-twitter-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gears:before {
    content: ""
}

.fa.fa-thumbs-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-up:before {
    content: ""
}

.fa.fa-thumbs-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-down:before {
    content: ""
}

.fa.fa-heart-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-heart-o:before {
    content: ""
}

.fa.fa-sign-out:before {
    content: ""
}

.fa.fa-linkedin-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin-square:before {
    content: ""
}

.fa.fa-thumb-tack:before {
    content: ""
}

.fa.fa-external-link:before {
    content: ""
}

.fa.fa-sign-in:before {
    content: ""
}

.fa.fa-github-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lemon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lemon-o:before {
    content: ""
}

.fa.fa-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-square-o:before {
    content: ""
}

.fa.fa-bookmark-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bookmark-o:before {
    content: ""
}

.fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook:before {
    content: ""
}

.fa.fa-facebook-f {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-f:before {
    content: ""
}

.fa.fa-github {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-feed:before {
    content: ""
}

.fa.fa-hdd-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hdd-o:before {
    content: ""
}

.fa.fa-hand-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-right:before {
    content: ""
}

.fa.fa-hand-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-left:before {
    content: ""
}

.fa.fa-hand-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-up:before {
    content: ""
}

.fa.fa-hand-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-down:before {
    content: ""
}

.fa.fa-globe:before {
    content: ""
}

.fa.fa-tasks:before {
    content: ""
}

.fa.fa-arrows-alt:before {
    content: ""
}

.fa.fa-group:before {
    content: ""
}

.fa.fa-chain:before {
    content: ""
}

.fa.fa-cut:before {
    content: ""
}

.fa.fa-files-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-files-o:before {
    content: ""
}

.fa.fa-floppy-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-floppy-o:before {
    content: ""
}

.fa.fa-save {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-save:before {
    content: ""
}

.fa.fa-navicon:before {
    content: ""
}

.fa.fa-reorder:before {
    content: ""
}

.fa.fa-magic:before {
    content: ""
}

.fa.fa-pinterest {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pinterest-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus:before {
    content: ""
}

.fa.fa-money:before {
    content: ""
}

.fa.fa-unsorted:before {
    content: ""
}

.fa.fa-sort-desc:before {
    content: ""
}

.fa.fa-sort-asc:before {
    content: ""
}

.fa.fa-linkedin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin:before {
    content: ""
}

.fa.fa-rotate-left:before {
    content: ""
}

.fa.fa-legal:before {
    content: ""
}

.fa.fa-tachometer:before {
    content: ""
}

.fa.fa-dashboard:before {
    content: ""
}

.fa.fa-comment-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comment-o:before {
    content: ""
}

.fa.fa-comments-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comments-o:before {
    content: ""
}

.fa.fa-flash:before {
    content: ""
}

.fa.fa-clipboard:before {
    content: ""
}

.fa.fa-lightbulb-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lightbulb-o:before {
    content: ""
}

.fa.fa-exchange:before {
    content: ""
}

.fa.fa-cloud-download:before {
    content: ""
}

.fa.fa-cloud-upload:before {
    content: ""
}

.fa.fa-bell-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-o:before {
    content: ""
}

.fa.fa-cutlery:before {
    content: ""
}

.fa.fa-file-text-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-text-o:before {
    content: ""
}

.fa.fa-building-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-building-o:before {
    content: ""
}

.fa.fa-hospital-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hospital-o:before {
    content: ""
}

.fa.fa-tablet:before {
    content: ""
}

.fa.fa-mobile:before {
    content: ""
}

.fa.fa-mobile-phone:before {
    content: ""
}

.fa.fa-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-o:before {
    content: ""
}

.fa.fa-mail-reply:before {
    content: ""
}

.fa.fa-github-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-o:before {
    content: ""
}

.fa.fa-folder-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-open-o:before {
    content: ""
}

.fa.fa-smile-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-smile-o:before {
    content: ""
}

.fa.fa-frown-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-frown-o:before {
    content: ""
}

.fa.fa-meh-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-meh-o:before {
    content: ""
}

.fa.fa-keyboard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-keyboard-o:before {
    content: ""
}

.fa.fa-flag-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-flag-o:before {
    content: ""
}

.fa.fa-mail-reply-all:before {
    content: ""
}

.fa.fa-star-half-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-o:before {
    content: ""
}

.fa.fa-star-half-empty {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-empty:before {
    content: ""
}

.fa.fa-star-half-full {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-full:before {
    content: ""
}

.fa.fa-code-fork:before {
    content: ""
}

.fa.fa-chain-broken:before {
    content: ""
}

.fa.fa-unlink:before {
    content: ""
}

.fa.fa-calendar-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-o:before {
    content: ""
}

.fa.fa-maxcdn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-html5 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-css3 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-unlock-alt:before {
    content: ""
}

.fa.fa-minus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-minus-square-o:before {
    content: ""
}

.fa.fa-level-up:before {
    content: ""
}

.fa.fa-level-down:before {
    content: ""
}

.fa.fa-pencil-square:before {
    content: ""
}

.fa.fa-external-link-square:before {
    content: ""
}

.fa.fa-compass {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down:before {
    content: ""
}

.fa.fa-toggle-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-down:before {
    content: ""
}

.fa.fa-caret-square-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-up:before {
    content: ""
}

.fa.fa-toggle-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-up:before {
    content: ""
}

.fa.fa-caret-square-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-right:before {
    content: ""
}

.fa.fa-toggle-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-right:before {
    content: ""
}

.fa.fa-eur:before {
    content: ""
}

.fa.fa-euro:before {
    content: ""
}

.fa.fa-gbp:before {
    content: ""
}

.fa.fa-usd:before {
    content: "\$"
}

.fa.fa-dollar:before {
    content: "\$"
}

.fa.fa-inr:before {
    content: ""
}

.fa.fa-rupee:before {
    content: ""
}

.fa.fa-jpy:before {
    content: ""
}

.fa.fa-cny:before {
    content: ""
}

.fa.fa-rmb:before {
    content: ""
}

.fa.fa-yen:before {
    content: ""
}

.fa.fa-rub:before {
    content: ""
}

.fa.fa-ruble:before {
    content: ""
}

.fa.fa-rouble:before {
    content: ""
}

.fa.fa-krw:before {
    content: ""
}

.fa.fa-won:before {
    content: ""
}

.fa.fa-btc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin:before {
    content: ""
}

.fa.fa-file-text:before {
    content: ""
}

.fa.fa-sort-alpha-asc:before {
    content: ""
}

.fa.fa-sort-alpha-desc:before {
    content: ""
}

.fa.fa-sort-amount-asc:before {
    content: ""
}

.fa.fa-sort-amount-desc:before {
    content: ""
}

.fa.fa-sort-numeric-asc:before {
    content: ""
}

.fa.fa-sort-numeric-desc:before {
    content: ""
}

.fa.fa-youtube-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play:before {
    content: ""
}

.fa.fa-dropbox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-overflow {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-instagram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-flickr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-adn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square:before {
    content: ""
}

.fa.fa-tumblr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-tumblr-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-long-arrow-down:before {
    content: ""
}

.fa.fa-long-arrow-up:before {
    content: ""
}

.fa.fa-long-arrow-left:before {
    content: ""
}

.fa.fa-long-arrow-right:before {
    content: ""
}

.fa.fa-apple {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-windows {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-android {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linux {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dribbble {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skype {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-foursquare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-trello {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gratipay {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip:before {
    content: ""
}

.fa.fa-sun-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sun-o:before {
    content: ""
}

.fa.fa-moon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-moon-o:before {
    content: ""
}

.fa.fa-vk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-renren {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pagelines {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-exchange {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right:before {
    content: ""
}

.fa.fa-arrow-circle-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-left:before {
    content: ""
}

.fa.fa-caret-square-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-left:before {
    content: ""
}

.fa.fa-toggle-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-left:before {
    content: ""
}

.fa.fa-dot-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-dot-circle-o:before {
    content: ""
}

.fa.fa-vimeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-try:before {
    content: ""
}

.fa.fa-turkish-lira:before {
    content: ""
}

.fa.fa-plus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-plus-square-o:before {
    content: ""
}

.fa.fa-slack {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wordpress {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-openid {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-institution:before {
    content: ""
}

.fa.fa-bank:before {
    content: ""
}

.fa.fa-mortar-board:before {
    content: ""
}

.fa.fa-yahoo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-delicious {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-digg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-pp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-drupal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-joomla {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-automobile:before {
    content: ""
}

.fa.fa-cab:before {
    content: ""
}

.fa.fa-spotify {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-deviantart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-soundcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-pdf-o:before {
    content: ""
}

.fa.fa-file-word-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-word-o:before {
    content: ""
}

.fa.fa-file-excel-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-excel-o:before {
    content: ""
}

.fa.fa-file-powerpoint-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-powerpoint-o:before {
    content: ""
}

.fa.fa-file-image-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-image-o:before {
    content: ""
}

.fa.fa-file-photo-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-photo-o:before {
    content: ""
}

.fa.fa-file-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-picture-o:before {
    content: ""
}

.fa.fa-file-archive-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-archive-o:before {
    content: ""
}

.fa.fa-file-zip-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-zip-o:before {
    content: ""
}

.fa.fa-file-audio-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-audio-o:before {
    content: ""
}

.fa.fa-file-sound-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-sound-o:before {
    content: ""
}

.fa.fa-file-video-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-video-o:before {
    content: ""
}

.fa.fa-file-movie-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-movie-o:before {
    content: ""
}

.fa.fa-file-code-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-code-o:before {
    content: ""
}

.fa.fa-vine {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-codepen {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-jsfiddle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-life-bouy:before {
    content: ""
}

.fa.fa-life-buoy:before {
    content: ""
}

.fa.fa-life-saver:before {
    content: ""
}

.fa.fa-support:before {
    content: ""
}

.fa.fa-circle-o-notch:before {
    content: ""
}

.fa.fa-rebel {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra:before {
    content: ""
}

.fa.fa-resistance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-resistance:before {
    content: ""
}

.fa.fa-empire {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge:before {
    content: ""
}

.fa.fa-git-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-git {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hacker-news {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square:before {
    content: ""
}

.fa.fa-yc-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc-square:before {
    content: ""
}

.fa.fa-tencent-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-qq {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weixin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat:before {
    content: ""
}

.fa.fa-send:before {
    content: ""
}

.fa.fa-paper-plane-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-paper-plane-o:before {
    content: ""
}

.fa.fa-send-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-send-o:before {
    content: ""
}

.fa.fa-circle-thin {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-thin:before {
    content: ""
}

.fa.fa-header:before {
    content: ""
}

.fa.fa-futbol-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-futbol-o:before {
    content: ""
}

.fa.fa-soccer-ball-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-soccer-ball-o:before {
    content: ""
}

.fa.fa-slideshare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-twitch {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yelp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-newspaper-o:before {
    content: ""
}

.fa.fa-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-wallet {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-visa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-mastercard {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-discover {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-amex {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-stripe {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-slash-o:before {
    content: ""
}

.fa.fa-trash:before {
    content: ""
}

.fa.fa-copyright {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eyedropper:before {
    content: ""
}

.fa.fa-area-chart:before {
    content: ""
}

.fa.fa-pie-chart:before {
    content: ""
}

.fa.fa-line-chart:before {
    content: ""
}

.fa.fa-lastfm {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lastfm-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ioxhost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-angellist {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-cc:before {
    content: ""
}

.fa.fa-ils:before {
    content: ""
}

.fa.fa-shekel:before {
    content: ""
}

.fa.fa-sheqel:before {
    content: ""
}

.fa.fa-buysellads {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-connectdevelop {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dashcube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-forumbee {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-leanpub {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-sellsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-shirtsinbulk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-simplybuilt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skyatlas {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-diamond {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-diamond:before {
    content: ""
}

.fa.fa-transgender:before {
    content: ""
}

.fa.fa-intersex:before {
    content: ""
}

.fa.fa-transgender-alt:before {
    content: ""
}

.fa.fa-facebook-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-official:before {
    content: ""
}

.fa.fa-pinterest-p {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-whatsapp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hotel:before {
    content: ""
}

.fa.fa-viacoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-medium {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc:before {
    content: ""
}

.fa.fa-optin-monster {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opencart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-expeditedssl {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-battery-4:before {
    content: ""
}

.fa.fa-battery:before {
    content: ""
}

.fa.fa-battery-3:before {
    content: ""
}

.fa.fa-battery-2:before {
    content: ""
}

.fa.fa-battery-1:before {
    content: ""
}

.fa.fa-battery-0:before {
    content: ""
}

.fa.fa-object-group {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-object-ungroup {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o:before {
    content: ""
}

.fa.fa-cc-jcb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-diners-club {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-clone {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hourglass-o:before {
    content: ""
}

.fa.fa-hourglass-1:before {
    content: ""
}

.fa.fa-hourglass-half:before {
    content: ""
}

.fa.fa-hourglass-2:before {
    content: ""
}

.fa.fa-hourglass-3:before {
    content: ""
}

.fa.fa-hand-rock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-rock-o:before {
    content: ""
}

.fa.fa-hand-grab-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-grab-o:before {
    content: ""
}

.fa.fa-hand-paper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-paper-o:before {
    content: ""
}

.fa.fa-hand-stop-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-stop-o:before {
    content: ""
}

.fa.fa-hand-scissors-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-scissors-o:before {
    content: ""
}

.fa.fa-hand-lizard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-lizard-o:before {
    content: ""
}

.fa.fa-hand-spock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-spock-o:before {
    content: ""
}

.fa.fa-hand-pointer-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-pointer-o:before {
    content: ""
}

.fa.fa-hand-peace-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-peace-o:before {
    content: ""
}

.fa.fa-registered {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-creative-commons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-get-pocket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wikipedia-w {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-safari {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-chrome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-firefox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opera {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-internet-explorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-television:before {
    content: ""
}

.fa.fa-contao {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-500px {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-amazon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-plus-o:before {
    content: ""
}

.fa.fa-calendar-minus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-minus-o:before {
    content: ""
}

.fa.fa-calendar-times-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-times-o:before {
    content: ""
}

.fa.fa-calendar-check-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-check-o:before {
    content: ""
}

.fa.fa-map-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-map-o:before {
    content: ""
}

.fa.fa-commenting:before {
    content: ""
}

.fa.fa-commenting-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-commenting-o:before {
    content: ""
}

.fa.fa-houzz {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo:before {
    content: ""
}

.fa.fa-black-tie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fonticons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-alien {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-edge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card-alt:before {
    content: ""
}

.fa.fa-codiepie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-modx {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fort-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-usb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-product-hunt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-mixcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-scribd {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pause-circle-o:before {
    content: ""
}

.fa.fa-stop-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-stop-circle-o:before {
    content: ""
}

.fa.fa-bluetooth {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bluetooth-b {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gitlab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpbeginner {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpforms {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-envira {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt:before {
    content: ""
}

.fa.fa-question-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-question-circle-o:before {
    content: ""
}

.fa.fa-volume-control-phone:before {
    content: ""
}

.fa.fa-asl-interpreting:before {
    content: ""
}

.fa.fa-deafness:before {
    content: ""
}

.fa.fa-hard-of-hearing:before {
    content: ""
}

.fa.fa-glide {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-glide-g {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-signing:before {
    content: ""
}

.fa.fa-viadeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-viadeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost:before {
    content: ""
}

.fa.fa-snapchat-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-first-order {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yoast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-themeisle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official:before {
    content: ""
}

.fa.fa-google-plus-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-circle:before {
    content: ""
}

.fa.fa-font-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa:before {
    content: ""
}

.fa.fa-handshake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-handshake-o:before {
    content: ""
}

.fa.fa-envelope-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-open-o:before {
    content: ""
}

.fa.fa-linode {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-book-o:before {
    content: ""
}

.fa.fa-vcard:before {
    content: ""
}

.fa.fa-address-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-card-o:before {
    content: ""
}

.fa.fa-vcard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-vcard-o:before {
    content: ""
}

.fa.fa-user-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-circle-o:before {
    content: ""
}

.fa.fa-user-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-o:before {
    content: ""
}

.fa.fa-id-badge {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license:before {
    content: ""
}

.fa.fa-id-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-id-card-o:before {
    content: ""
}

.fa.fa-drivers-license-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license-o:before {
    content: ""
}

.fa.fa-quora {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-free-code-camp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-telegram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-thermometer-4:before {
    content: ""
}

.fa.fa-thermometer:before {
    content: ""
}

.fa.fa-thermometer-3:before {
    content: ""
}

.fa.fa-thermometer-2:before {
    content: ""
}

.fa.fa-thermometer-1:before {
    content: ""
}

.fa.fa-thermometer-0:before {
    content: ""
}

.fa.fa-bathtub:before {
    content: ""
}

.fa.fa-s15:before {
    content: ""
}

.fa.fa-window-maximize {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-restore {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle:before {
    content: ""
}

.fa.fa-window-close-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-close-o:before {
    content: ""
}

.fa.fa-times-rectangle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle-o:before {
    content: ""
}

.fa.fa-bandcamp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-grav {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-etsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-imdb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ravelry {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast:before {
    content: ""
}

.fa.fa-snowflake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-snowflake-o:before {
    content: ""
}

.fa.fa-superpowers {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpexplorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-meetup {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('ajax-loader.gif') center center no-repeat
}

/*@font-face {*/
/*    font-family: "slick";*/
/*    src: url("./fonts/slick.eot");*/
/*    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/public/assets/css/fonts/") format("woff"), url("/public/assets/css/fonts/") format("truetype"), url("/public/assets/css/fonts/slick.svg#slick") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal*/
/*}*/

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: rgba(0, 0, 0, 0);
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

:root {
    --theme-color: #e63118;
    --theme-color-rgb: 13, 164, 135;
    --theme-color1: #0e947a;
    --theme-color1-rgb: 14, 148, 122;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%)
}

@keyframes scaleUpDown {

    0%,
    100% {
        transform: scaleY(1) scaleX(1)
    }

    50%,
    90% {
        transform: scaleY(1.1)
    }

    75% {
        transform: scaleY(0.95)
    }

    80% {
        transform: scaleX(0.95)
    }
}

@keyframes shake {

    0%,
    100% {
        transform: skewX(0) scale(1)
    }

    50% {
        transform: skewX(5deg) scale(0.9)
    }
}

@keyframes particleUp {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0;
        top: -100%;
        transform: scale(0.5)
    }
}

@keyframes shape {
    0% {
        background-position: 100% 0
    }

    50% {
        background-position: 50% 50%
    }

    100% {
        background-position: 0 100%
    }
}

@keyframes rounded {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes move {
    0% {
        transform: scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }

    30% {
        opacity: 1
    }

    100% {
        z-index: 10;
        transform: scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes flash {
    0% {
        opacity: .4;
        transition: .3s ease-in-out
    }

    100% {
        opacity: 1;
        transition: .3s ease-in-out
    }
}

@keyframes shake {
    0% {
        transform: translate(3px, 0)
    }

    50% {
        transform: translate(-3px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes grow {

    0%,
    100% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes product-fade {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.accordion-box {
    display: grid;
    gap: 24px
}

.accordion-box .accordion-item {
    border: 1px solid #ececec;
    border-radius: 6px;
    overflow: hidden
}

.accordion-box .accordion-item .accordion-header.collapsed .accordion-button {
    border-bottom: unset
}

.accordion-box .accordion-item .accordion-header .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    background-color: #f8f8f8;
    box-shadow: unset;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ececec
}

.accordion-box .accordion-item .accordion-header .accordion-button::after {
    content: "";
    position: relative;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: unset;
    font-size: 16px;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0;
    color: #777
}

.accordion-box .accordion-item .accordion-header .accordion-button:focus {
    z-index: 0;
    border-color: rgba(0, 0, 0, 0);
    outline: 0;
    box-shadow: unset
}

.accordion-box .accordion-item .accordion-body .product-description .ckeditor-content p {
    font-size: 15px
}

.alert {
    font-size: 15px;
    letter-spacing: .3px;
    padding: 18px 24px
}

@media(max-width: 575px) {
    .alert {
        top: 0px !important;
        right: 0px !important;
        margin: 12px !important;
        width: fit-content
    }
}

.alert .alert-success {
    background: #39da8a !important;
    color: #fff !important;
    border: none
}

.alert .alert-success .close {
    color: #fff;
    opacity: 1;
    top: -4px;
    text-shadow: none;
    font-weight: 400;
    font-size: 24px
}

.alert .btn-close {
    top: 50% !important;
    transform: translateY(-50%) !important
}

[dir=rtl] .alert .btn-close {
    right: unset !important;
    left: 10px !important
}

[data-notify=icon] {
    margin-right: 5px
}

[dir=rtl] [data-notify=icon] {
    margin-right: unset;
    margin-left: 5px
}

[data-notify=progressbar] {
    width: 100%;
    height: 5px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0
}

.progress-bar-info {
    background-color: #0c5460
}

.add-cart-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    position: fixed;
    top: -90px;
    right: calc(10px + 10*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    align-items: center;
    padding: 5px 10px;
    box-shadow: 0px 3px 5px rgba(34, 34, 34, .129);
    border-radius: 5px;
    transition: all .3s ease-in-out;
    background-color: #fff;
    z-index: 6
}

.add-cart-box.show {
    top: calc(10px + 10*(100vw - 320px)/1600)
}

.add-cart-box .add-image {
    width: 50px;
    height: auto
}

.add-cart-box .btn-close {
    color: #fff;
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none;
    position: absolute;
    top: -6px;
    right: -6px
}

.add-cart-box .add-contain h6 {
    font-weight: 600
}

.breadcrumb-section {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden
}

.breadcrumb-section .breadcrumb-contain {
    padding: calc(26px + 14*(100vw - 320px)/1600) 0;
    text-align: center;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .breadcrumb-section .breadcrumb-contain {
        display: block
    }
}

.breadcrumb-section .breadcrumb-contain h2 {
    font-weight: 700;
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 0
}

@media(max-width: 480px) {
    .breadcrumb-section .breadcrumb-contain h2 {
        text-align: center;
        margin-bottom: 8px
    }
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
    position: relative;
    width: 70%;
    margin: 0 auto
}

@media(max-width: 575px) {
    .breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
        width: 90%
    }
}

@media(max-width: 360px) {
    .breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
        width: 100%
    }
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb input {
    width: 100%;
    border: none;
    border-radius: 6px;
    font-size: 15px
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: calc(14px + 6*(100vw - 320px)/1600);
    color: #4a5568;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.breadcrumb-section .breadcrumb-contain nav {
    margin-left: auto
}

[dir=rtl] .breadcrumb-section .breadcrumb-contain nav {
    margin-left: unset;
    margin-right: auto
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item {
    font-weight: 500
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item i {
    color: #4a5568
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active {
    color: #000;
    margin-top: 2px
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative
}

[dir=rtl] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 8px
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #4a5568
}

.breadcrumb-section .breadcrumb-order {
    display: block
}

.breadcrumb-section .breadcrumb-order .order-box .order-image {
    width: calc(170px + 80*(100vw - 320px)/1600);
    height: auto;
    margin: 0 auto calc(16px + 12*(100vw - 320px)/1600)
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star {
    position: absolute;
    animation: grow 3s infinite;
    fill: var(--theme-color);
    opacity: 0
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    height: 20px;
    width: 20px;
    left: 82px;
    top: -12px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    animation-delay: 1.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    animation-delay: 3s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    animation-delay: 4.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    animation-delay: 6s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    animation-delay: 7.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    animation-delay: 9s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.breadcrumb-section .breadcrumb-order .order-box .order-image i {
    font-size: 50px;
    color: #4ead4e
}

.breadcrumb-section .breadcrumb-order .order-box .order-image h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image p {
    font-size: 18px;
    text-transform: capitalize
}

.breadcrumb-section .breadcrumb-order .order-box .order-image.order-fail i {
    color: var(--theme-color)
}

.breadcrumb-section .breadcrumb-order .order-box .order-contain h3 {
    font-size: calc(21px + 3*(100vw - 320px)/1600);
    font-weight: 700;
    margin-bottom: 6px
}

.breadcrumb-section .breadcrumb-order .order-box .order-contain h5 {
    margin-bottom: 8px;
    line-height: 1.4
}

.digital-breadcrumb {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    border-block: 1px solid rgba(34, 34, 34, .07)
}

.digital-breadcrumb .product-title {
    text-align: left;
    margin: 0
}

[dir=rtl] .digital-breadcrumb .product-title {
    text-align: right
}

.digital-breadcrumb .product-title .name {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.digital-breadcrumb .product-title .title-content-list {
    margin-top: 8px
}

.digital-breadcrumb .product-title .title-content-list>li {
    position: relative
}

.digital-breadcrumb .product-title .title-content-list>li+li {
    padding-left: 15px;
    margin-left: 8px
}

[dir=rtl] .digital-breadcrumb .product-title .title-content-list>li+li {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px
}

.digital-breadcrumb .product-title .title-content-list>li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    left: 0;
    background-color: #ddd;
    border-radius: 100%
}

[dir=rtl] .digital-breadcrumb .product-title .title-content-list>li+li::before {
    left: unset;
    right: 0
}

.digital-breadcrumb .product-title .title-content-list>li .content {
    color: #777;
    display: inline-block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 400
}

.digital-breadcrumb .product-title .title-content-list>li .content i {
    font-size: 18px;
    margin-right: 5px
}

.dark .digital-breadcrumb .product-title .title-content-list>li .content {
    color: #ddd
}

.digital-breadcrumb .product-title .title-content-list>li .content a {
    color: #222;
    font-weight: 500;
    text-decoration: underline
}

.digital-breadcrumb .product-title .title-content-list>li .content a .feather {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.digital-breadcrumb .product-title .title-content-list>li .content .feather {
    width: 17px;
    height: 17px
}

.digital-breadcrumb .breadcrumb-contain {
    padding: 20px 0;
    text-align: center;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: flex;
    align-items: center
}

.digital-breadcrumb .breadcrumb-contain .product-title .name {
    margin-top: -6px
}

@media(max-width: 480px) {
    .digital-breadcrumb .breadcrumb-contain {
        display: block
    }
}

.digital-breadcrumb .breadcrumb-contain h2 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 0
}

@media(max-width: 480px) {
    .digital-breadcrumb .breadcrumb-contain h2 {
        text-align: center;
        margin-bottom: 8px
    }
}

.digital-breadcrumb .breadcrumb-contain nav {
    margin-left: auto
}

[dir=rtl] .digital-breadcrumb .breadcrumb-contain nav {
    margin-left: unset;
    margin-right: auto
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item {
    font-weight: 500
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item i {
    color: #4a5568
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active {
    color: #000;
    margin-top: 2px
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative
}

[dir=rtl] .digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 8px
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #4a5568
}

.digital-breadcrumb .breadcrumb-order {
    display: block
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image {
    width: calc(170px + 80*(100vw - 320px)/1600);
    height: auto;
    margin: 0 auto calc(16px + 12*(100vw - 320px)/1600)
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star {
    position: absolute;
    animation: grow 3s infinite;
    fill: var(--theme-color);
    opacity: 0
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    height: 20px;
    width: 20px;
    left: 82px;
    top: -12px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    animation-delay: 1.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    animation-delay: 3s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    animation-delay: 4.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    animation-delay: 6s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    animation-delay: 7.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    animation-delay: 9s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image i {
    font-size: 50px;
    color: #4ead4e
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image p {
    font-size: 18px;
    text-transform: capitalize
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image.order-fail i {
    color: var(--theme-color)
}

.digital-breadcrumb .breadcrumb-order .order-box .order-contain h3 {
    font-size: calc(21px + 3*(100vw - 320px)/1600);
    font-weight: 700;
    margin-bottom: 6px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-contain h5 {
    margin-bottom: 8px;
    line-height: 1.4
}

.faq-breadcrumb {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden
}

.faq-breadcrumb .breadcrumb-contain {
    padding: calc(26px + 34*(100vw - 320px)/1600) 0;
    text-align: center;
    color: #222;
    display: block
}

.faq-breadcrumb .breadcrumb-contain h2 {
    font-size: calc(22px + 26*(100vw - 320px)/1600);
    font-weight: 700;
    margin-top: -6px
}

.faq-breadcrumb .breadcrumb-contain p {
    margin: calc(11px + 5*(100vw - 320px)/1600) auto 0;
    color: #4a5568;
    width: 50%;
    line-height: 1.7;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

@media(max-width: 1660px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 60%
    }
}

@media(max-width: 1366px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 100%
    }
}

.faq-breadcrumb .breadcrumb-contain p span {
    display: inline
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag {
    position: relative;
    margin: calc(18px + 17*(100vw - 320px)/1600) auto 0;
    width: 50%
}

@media(max-width: 1660px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 60%
    }
}

@media(max-width: 1366px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 100%
    }
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group {
    background-color: #fff
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group i {
    display: flex;
    align-items: center;
    padding: 0 calc(12px + 8*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control {
    padding-left: 0;
    border: none
}

[dir=rtl] .faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control {
    padding-left: unset;
    padding-right: 0
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control:focus {
    background-color: rgba(0, 0, 0, 0)
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-menu li {
    display: block
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    z-index: 0
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button::after {
    content: unset
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button i {
    position: relative;
    padding: 0;
    margin-left: 5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button i {
    margin-left: unset;
    margin-right: 5px
}

.vendor-breadcrumb-section {
    background-image: url('breadcrumb.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: calc(52px + 48*(100vw - 320px)/1600) 0px
}

.vendor-breadcrumb-section .breadcrumb-contain {
    width: 50%;
    margin: 0 auto
}

@media(max-width: 1366px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 63%
    }
}

@media(max-width: 991px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 85%
    }
}

@media(max-width: 767px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 100%
    }
}

.vendor-breadcrumb-section .breadcrumb-contain h2 {
    font-size: calc(27px + 27*(100vw - 320px)/1600);
    text-align: center;
    margin-bottom: calc(14px + 4*(100vw - 320px)/1600)
}

.vendor-breadcrumb-section .breadcrumb-contain form {
    position: relative
}

.vendor-breadcrumb-section .breadcrumb-contain form span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form span {
    left: unset;
    right: 16px
}

.vendor-breadcrumb-section .breadcrumb-contain form span i {
    font-size: calc(21px + 6*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.vendor-breadcrumb-section .breadcrumb-contain form .form-control {
    padding: calc(8px + 6*(100vw - 320px)/1600) calc(95px + 27*(100vw - 320px)/1600) calc(8px + 6*(100vw - 320px)/1600) calc(48px + 11*(100vw - 320px)/1600);
    border: none
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form .form-control {
    padding-left: calc(95px + 27*(100vw - 320px)/1600);
    padding-right: calc(48px + 11*(100vw - 320px)/1600)
}

.vendor-breadcrumb-section .breadcrumb-contain form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(3px + 3*(100vw - 320px)/1600);
    padding: 0;
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    width: calc(77px + 31*(100vw - 320px)/1600);
    height: calc(33px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form button {
    right: unset;
    left: calc(3px + 3*(100vw - 320px)/1600)
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    padding: calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
    font-weight: 500;
    background: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    position: relative;
    border: none;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    z-index: 0;
    white-space: nowrap
}

.btn:focus {
    box-shadow: none
}

.btn:hover .icon {
    transform: translateX(3px)
}

.btn.dark-button {
    background: linear-gradient(93.33deg, #222221 12.35%, #2F2F2D 99.38%) !important
}

.btn .icon {
    margin-left: calc(6px + 6*(100vw - 320px)/1600);
    transition: .3s ease
}

[dir=rtl] .btn .icon {
    margin-left: unset;
    margin-right: calc(6px + 6*(100vw - 320px)/1600)
}

.btn .icon-2 {
    margin-left: 6px;
    transition: .3s ease
}

[dir=rtl] .btn .icon-2 {
    margin-left: unset;
    margin-right: 6px
}

.btn-furniture {
    border: 1px solid #4a5568;
    color: #4a5568;
    display: block
}

.btn-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    position: relative;
    background: #ff6b6b;
    background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
    border: none;
    z-index: 0
}

.btn-animation i {
    transition: .3s ease
}

.btn-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #ff4f4f;
    background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
    transition: all .3s ease
}

.btn-animation:hover {
    color: #fff
}

.btn-animation:hover i {
    transform: translateX(3px)
}

.btn-animation:hover::after {
    top: 0;
    height: 100%
}

.btn-md {
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.btn-sm {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500
}

.btn-2 {
    padding: 9px 25px;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    font-weight: 400
}

.btn-2:hover::after {
    top: 0;
    height: 100%
}

.btn-2-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
    background: #e63118;
    background: linear-gradient(90deg, #e63118 0%, #0e947a 100%);
    border: none;
    z-index: 0
}

.btn-2-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #e63118;
    background: linear-gradient(90deg, #0e947a 0%, #e63118 100%);
    transition: all .3s ease
}

.btn-category {
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(16px + 11*(100vw - 320px)/1600);
    letter-spacing: .8px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 700;
    border-radius: 50px
}

.btn-theme-outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    transition: all .5s ease
}

.btn-theme-outline:hover {
    background-color: var(--theme-color);
    color: #fff
}

.cookie-bar-box {
    background: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: calc(8px + 12*(100vw - 320px)/1600);
    max-width: 395px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 .25rem .5rem rgba(34, 34, 34, .05), 0 24px 35px rgba(34, 34, 34, .1);
    transition: all .3s ease-in-out
}

[dir=rtl] .cookie-bar-box {
    right: unset;
    left: 10px
}

@media(max-width: 480px) {
    .cookie-bar-box {
        max-width: 100%;
        right: 0;
        margin: 0 10px
    }

    [dir=rtl] .cookie-bar-box {
        right: unset;
        left: 0
    }
}

.cookie-bar-box.hide {
    opacity: 0;
    bottom: -350px
}

.cookie-bar-box .cookie-box {
    padding: calc(13px + 17*(100vw - 320px)/1600);
    text-align: center
}

.cookie-bar-box .cookie-box .cookie-image {
    display: flex;
    align-items: center;
    justify-content: center
}

.cookie-bar-box .cookie-box .cookie-image img {
    width: calc(15px + 10*(100vw - 320px)/1600);
    height: auto;
    margin-right: 10px
}

[dir=rtl] .cookie-bar-box .cookie-box .cookie-image img {
    margin-right: unset;
    margin-left: 10px
}

.cookie-bar-box .cookie-box .cookie-contain {
    margin-top: calc(10px + 6*(100vw - 320px)/1600)
}

.cookie-bar-box .cookie-box .cookie-contain h2 {
    margin-bottom: calc(7px + 3*(100vw - 320px)/1600);
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-weight: 700
}

.cookie-bar-box .cookie-box .cookie-contain h5 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    margin: 0 auto;
    line-height: 1.3
}

.cookie-bar-box .button-group {
    display: flex;
    align-items: center;
    margin: 0
}

.cookie-bar-box .button-group button {
    white-space: nowrap;
    width: 100%;
    font-weight: 700;
    border-radius: 0
}

.cookie-bar-box .button-group button.privacy-button {
    background-color: #f8f8f8
}

.cookie-bar-box .button-group button.ok-button {
    background-color: var(--theme-color);
    color: #fff
}

.cookie-bar-box-2 {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #eadfd8;
    max-width: 400px;
    padding: 20px;
    border-radius: 20px;
    text-align: center
}

.cookie-bar-box-2 .cookie-bar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background-color: #ded4cd;
    border-radius: 100%;
    margin: 0 auto 13px
}

.cookie-bar-box-2 .cookie-bar-image i {
    font-size: 26px;
    height: auto;
    color: #2c3249
}

.cookie-bar-box-2 .cookie-bar-detail h4 {
    line-height: 1.5;
    color: #2c3249
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: nowrap;
    gap: 12px
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group .allow-button {
    background-color: rgba(44, 50, 73, .16);
    padding: 11px 17px;
    border: 1px solid #2c3249;
    border-radius: 50px 15px 15px 50px;
    font-size: 14px;
    font-weight: 600
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group .decline-button {
    background-color: rgba(44, 50, 73, .16);
    padding: 11px 17px;
    border-radius: 15px 50px 50px 15px;
    font-size: 14px;
    font-weight: 600
}

.counter {
    display: flex;
    align-items: center
}

.counter .qty-left-minus,
.counter .qty-right-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 5*(100vw - 320px)/1600);
    height: calc(30px + 5*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 20px;
    line-height: 24px;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 0
}

.counter .qty-left-minus i,
.counter .qty-right-plus i {
    font-size: 12px;
    margin-top: 3px
}

.counter .qty-left-minus:hover,
.counter .qty-right-plus:hover {
    color: #010200
}

.counter .qty-left-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0
}

[dir=rtl] .counter .qty-left-minus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #ececec;
    border-left: 0
}

.counter .qty-right-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

[dir=rtl] .counter .qty-right-plus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    border-left: 1px solid #ececec
}

.counter input {
    width: 45px;
    height: calc(30px + 5*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    appearance: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .06);
    border-radius: 0
}

[dir=rtl] .counter input {
    text-align: center
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none
}

.newsletter-form {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px
}

.newsletter-form .form-control {
    background-color: rgba(0, 0, 0, 0);
    padding: calc(8px + 4*(100vw - 320px)/1600)
}

.newsletter-form .form-control::placeholder {
    color: #fff;
    font-size: calc(14px + 4*(100vw - 320px)/1600)
}

.normal-form .form-control {
    border: none
}

.normal-form .form-control:focus {
    background-color: #fff
}

.theme-form-check {
    cursor: pointer;
    transition: background .2s ease
}

.theme-form-check input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 10px;
    background: none;
    border: 0;
    box-shadow: inset 0 0 0 1.5px #9f9f9f;
    appearance: none;
    padding: 0;
    margin: 0;
    transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    pointer-events: none
}

.theme-form-check input:focus {
    outline: none
}

.theme-form-check input:checked {
    box-shadow: inset 0 0 0 6px #6743ee
}

.theme-form-check input label {
    vertical-align: middle;
    display: inline-block;
    line-height: 20px;
    padding: 0 8px
}

.theme-form-floating>.form-control:focus~label,
.theme-form-floating>.form-control:not(:placeholder-shown)~label,
.theme-form-floating>.form-select~label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    opacity: .95;
    top: -5px;
    left: 5px;
    height: 31px;
    background-color: #fff;
    white-space: nowrap;
    opacity: 1;
    border-radius: 25px
}

[dir=rtl] .theme-form-floating>.form-control:focus~label,
[dir=rtl] .theme-form-floating>.form-control:not(:placeholder-shown)~label,
[dir=rtl] .theme-form-floating>.form-select~label {
    right: 10px;
    left: unset
}

.theme-form-floating .form-control,
.theme-form-floating .form-select {
    height: calc(51px + 3*(100vw - 320px)/1600);
    line-height: normal
}

.theme-form-floating>.form-control:focus,
.theme-form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 17px;
    padding-bottom: 10px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating>.form-select {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating>.form-select:focus {
    border-color: var(--theme-color);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0)
}

.theme-form-floating .form-control:focus {
    background-color: #fff;
    border: 1px solid #ced4da
}

.theme-form-floating label {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    color: #4a5568;
    border: none;
    padding-left: 25px
}

.theme-form-floating-2>.form-control:focus~label,
.theme-form-floating-2>.form-control:not(:placeholder-shown)~label,
.theme-form-floating-2>.form-select~label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    opacity: .95;
    top: -5px;
    left: 10px;
    height: 31px;
    background-color: #fff;
    padding: 0 10px;
    opacity: 1
}

[dir=rtl] .theme-form-floating-2>.form-control:focus~label,
[dir=rtl] .theme-form-floating-2>.form-control:not(:placeholder-shown)~label,
[dir=rtl] .theme-form-floating-2>.form-select~label {
    left: unset;
    right: 10px
}

.theme-form-floating-2>.form-control:focus,
.theme-form-floating-2>.form-control:not(:placeholder-shown) {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500
}

.theme-form-floating-2>.form-select {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating-2>.form-select:focus {
    border-color: var(--theme-color);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0)
}

.theme-form-floating-2 .form-control:focus {
    background-color: #fff;
    border: 1px solid #ced4da
}

.theme-form-floating-2>.form-control,
.theme-form-floating-2>.form-select {
    height: 46px
}

.theme-form-floating-2>label {
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    padding: 0;
    border: none;
    height: auto
}

[dir=rtl] .theme-form-floating-2>label {
    left: unset;
    right: 9px
}

.theme-form-floating-2>.form-control {
    padding: 14px 10px
}

.theme-form-floating-2 label {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    color: #4a5568
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin-right: 16px;
    height: 100%
}

[dir=rtl] .checkbox_animated {
    margin-right: unset;
    margin-left: 16px
}

.checkbox_animated:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    transition: transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    left: 4px;
    top: 4px;
    z-index: 1;
    border: 2px solid var(--theme-color);
    border-top-style: none;
    border-right-style: none
}

[dir=rtl] .checkbox_animated:before {
    left: unset;
    right: 4px
}

.checkbox_animated:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: -2px;
    left: 0;
    background-color: #fff;
    border: 2px solid #ececec;
    cursor: pointer
}

[dir=rtl] .checkbox_animated:after {
    left: unset;
    right: 0
}

.checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1)
}

.custom-form-check-2 {
    min-height: auto;
    margin-bottom: 0
}

.custom-form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 0
}

[dir=rtl] .custom-form-check .form-check-input {
    margin-right: -1.5em;
    margin-left: unset
}

.custom-form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.custom-form-check .form-check-input:focus {
    box-shadow: none
}

.form-control {
    font-size: 14px;
    padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600)
}

.form-control.subscribe-input {
    border: none;
    border-radius: 0
}

[dir=rtl] .form-control {
    text-align: right
}

.form-control:focus {
    box-shadow: none;
    color: #000
}

.form-select {
    font-size: 14px
}

.form-select.theme-form-select:focus {
    background-color: #fff;
    box-shadow: none;
    color: #000
}

.input-group .btn {
    z-index: 1
}

.label-flex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label-flex .discount {
    background-color: var(--theme-color);
    color: #fff;
    padding: 4px calc(7px + 3*(100vw - 320px)/1600);
    border-radius: 4px
}

.label-flex .discount.sm-discount label {
    font-size: 12px
}

.label-flex .discount label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px 0
}

.label-flex .wishlist {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .label-flex .wishlist {
    margin-left: unset;
    margin-right: auto
}

.blur-up {
    filter: blur(5px);
    transition: filter 400ms
}

.blur-up.lazyloaded {
    filter: blur(0)
}

.fullpage-loader {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 9999;
    opacity: 1;
    transition: opacity .5s
}

.fullpage-loader span {
    width: 6vmin;
    height: 6vmin;
    background-color: var(--theme-color);
    border-radius: 100%;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8);
    animation-iteration-count: infinite;
    animation-duration: 3s;
    top: calc(50% - 4vmin);
    left: 50%;
    transform-origin: -4vmin center
}

.fullpage-loader span:nth-child(1) {
    animation-delay: -0.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(2) {
    animation-delay: -1s;
    opacity: 0
}

.fullpage-loader span:nth-child(3) {
    animation-delay: -1.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(4) {
    animation-delay: -2s;
    opacity: 0
}

.fullpage-loader span:nth-child(5) {
    animation-delay: -2.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(6) {
    animation-delay: -3s;
    opacity: 0
}

.fullpage-loader--invisible {
    opacity: 0
}

.theme-modal .modal-dialog .modal-content {
    border: none
}

.theme-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: calc(8px + 8*(100vw - 320px)/1600) calc(17px + -1*(100vw - 320px)/1600)
}

.theme-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 20px;
    width: 95%;
    margin-top: -4px
}

@media(max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .modal-title {
        margin-top: 0
    }
}

.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none;
    border-radius: 4px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #fff;
    margin: 0;
    padding: 8px;
    z-index: 1
}

[dir=rtl] .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    right: unset;
    left: -15px
}

@media(max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: 13px;
        top: 13px
    }

    [dir=rtl] .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: unset;
        left: 13px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .btn-close i {
        margin-top: -1px;
        display: block
    }
}

.theme-modal .modal-dialog .modal-content .modal-footer {
    border: none;
    padding: calc(8px + 8*(100vw - 320px)/1600) calc(17px + -1*(100vw - 320px)/1600);
    gap: 8px
}

.theme-modal .modal-dialog .modal-content .modal-footer button {
    margin: 0
}

.view-modal .modal-dialog .modal-content .modal-body {
    padding: calc(18px + 11*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .title-name {
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: calc(7px + -4*(100vw - 320px)/1600);
    font-size: calc(17px + 8*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .price {
    font-size: 20px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(9px + 3*(100vw - 320px)/1600);
    align-items: center;
    margin-top: calc(13px + 6*(100vw - 320px)/1600);
    border-bottom: 1px dashed #ececec;
    padding-bottom: 14px
}

[dir=rtl] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list {
    padding-right: 0
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li {
    width: 100%
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li .brand-box {
    display: flex;
    align-items: center
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li .brand-box h5 {
    width: 110px;
    font-size: 14px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 10px;
    align-items: center;
    margin-top: calc(16px + 5*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size h4 {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    white-space: nowrap
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size .select-form-size {
    width: auto
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-rating {
    border-bottom: 1px dashed #ececec;
    padding-bottom: 14px;
    margin-top: 14px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail {
    margin-top: 12px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail h4 {
    font-weight: 600;
    margin-bottom: 7px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.4;
    margin: 0;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight {
    display: flex;
    align-items: center;
    margin-top: 17px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight {
    width: auto
}

@media(max-width: 480px) {
    .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight {
        width: 100%
    }
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    flex-wrap: wrap;
    gap: 6px
}

@media(max-width: 575px) {
    .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box {
        justify-content: flex-start
    }
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box .feather {
    width: 19px;
    height: auto;
    color: #61b33e
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box h6 {
    font-size: 16px;
    letter-spacing: .9px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight:focus {
    border-color: #ececec;
    box-shadow: none
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button .add-cart-button {
    background-color: #222;
    color: #fff;
    font-weight: 600
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button .view-button {
    margin-left: 15px
}

.location-modal .modal-dialog .modal-content .modal-header {
    display: block;
    padding: calc(13px + 17*(100vw - 320px)/1600);
    padding-bottom: 0
}

.location-modal .modal-dialog .modal-content .modal-header p {
    margin-bottom: 0;
    line-height: 1.6
}

.location-modal .modal-dialog .modal-content .modal-body {
    padding: calc(13px + 17*(100vw - 320px)/1600) calc(13px + 17*(100vw - 320px)/1600)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input {
    position: relative
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input .form-control {
    padding-left: 45px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .search-input .form-control {
    padding-left: unset;
    padding-right: 45px
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 17px;
    color: #4a5568
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .search-input i {
    left: unset;
    right: 0
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box {
    display: flex;
    align-items: center;
    padding: calc(10px + 5*(100vw - 320px)/1600) calc(7px + 7*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    margin-top: calc(12px + 8*(100vw - 320px)/1600)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box h6 {
    color: #4a5568;
    transition: all .3s ease-in-out
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box span {
    margin-left: auto;
    margin-right: 5px;
    transition: all .3s ease-in-out;
    font-size: 10px;
    font-weight: 500;
    color: #9b9bb4;
    padding: 3px 10px;
    border-radius: 30px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box span {
    margin-right: auto;
    margin-left: unset
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li {
    display: block
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a {
    display: flex;
    align-items: center;
    padding: calc(10px + 0*(100vw - 320px)/1600) calc(7px + 7*(100vw - 320px)/1600);
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: -1
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover::after {
    opacity: .2
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover h6 {
    color: var(--theme-color)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover span {
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--theme-color);
    color: #fff
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a h6 {
    color: #222;
    transition: all .3s ease-in-out
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a span {
    margin-left: auto;
    transition: all .3s ease-in-out;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #e2e2ec;
    color: #9b9bb4;
    padding: 3px 10px;
    border-radius: 30px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a span {
    margin-right: auto;
    margin-left: unset
}

.deal-modal .modal-dialog .modal-content .modal-header {
    padding: calc(13px + 17*(100vw - 320px)/1600);
    padding-bottom: 0
}

.deal-modal .modal-dialog .modal-content .modal-header p {
    margin-bottom: 0;
    line-height: 1.6
}

.deal-modal .modal-dialog .modal-content .modal-body {
    padding: calc(13px + 17*(100vw - 320px)/1600) calc(13px + 17*(100vw - 320px)/1600)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
    height: 360px;
    overflow: auto
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

@media(max-width: 575px) {
    .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
        height: auto
    }
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 10*(100vw - 320px)/1600)
}

[dir=rtl] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list {
    padding-right: 0
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li {
    width: 100%
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-1 .deal-offer-contain::before {
    background-color: var(--theme-color)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-2 .deal-offer-contain::before {
    background-color: #ff4f4f
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-3 .deal-offer-contain::before {
    background-color: #ffa53b
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
    position: relative;
    z-index: 0;
    padding: calc(11px + 5*(100vw - 320px)/1600);
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .15
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-image img {
    width: calc(69px + 11*(100vw - 320px)/1600);
    height: calc(69px + 11*(100vw - 320px)/1600);
    object-fit: contain
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain {
    display: block;
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a {
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a:hover {
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h5 {
    font-weight: 600
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: flex-end;
    font-size: 15px;
    font-weight: 400;
    margin-top: 6px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 del {
    color: #ff4f4f;
    font-weight: 400;
    font-size: 13px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 span {
    color: #4a5568;
    font-size: 13px;
    font-weight: 400
}

.remove-profile .modal-dialog .modal-content .modal-header {
    justify-content: center;
    padding-bottom: 0
}

.remove-profile .modal-dialog .modal-content .modal-body .remove-box p {
    text-align: center;
    line-height: 1.6;
    margin: 0;
    color: #4a5568
}

.pickup-offcanvas {
    border: none
}

.pickup-offcanvas .offcanvas-header {
    border-bottom: 1px solid #ececec;
    align-items: flex-start
}

.pickup-offcanvas .offcanvas-header .offcanvas-title {
    font-weight: 600
}

.pickup-offcanvas .offcanvas-header .offcanvas-title span {
    display: block;
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.pickup-offcanvas .offcanvas-body .check-box {
    margin-top: 10px
}

.pickup-offcanvas .offcanvas-body .check-box h6 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-size: 15px;
    color: #4a5568
}

.pickup-offcanvas .offcanvas-body .check-box h6 i {
    font-size: 20px
}

.pickup-offcanvas .offcanvas-body .address-box {
    margin-top: 18px
}

[dir=rtl] .pickup-offcanvas .offcanvas-body .address-box ul {
    padding-right: 0
}

.pickup-offcanvas .offcanvas-body .address-box ul li {
    display: block;
    font-size: 13px;
    color: #4a5568
}

.categories-canvas {
    width: 320px
}

.categories-canvas .offcanvas-header {
    padding: 20px 24px;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

.categories-canvas .offcanvas-header .offcanvas-title {
    color: var(--theme-color);
    font-weight: 600
}

.categories-canvas .offcanvas-header .close-button {
    padding: 0;
    margin: -10px 0;
    font-size: 16px;
    background-image: none
}

.categories-canvas .offcanvas-body {
    padding: 20px 24px;
    margin-top: 13px
}

.categories-canvas .offcanvas-body .categories-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

[dir=rtl] .categories-canvas .offcanvas-body .categories-list ul {
    padding-left: unset;
    padding-right: 0
}

.categories-canvas .offcanvas-body .categories-list ul li {
    display: block;
    width: 100%
}

.categories-canvas .offcanvas-body .categories-list ul li a {
    display: flex;
    align-items: center;
    color: #4a5568
}

.categories-canvas .offcanvas-body .categories-list ul li a:hover h6 {
    letter-spacing: .3px
}

.categories-canvas .offcanvas-body .categories-list ul li a:hover h6::before {
    width: 65px
}

.categories-canvas .offcanvas-body .categories-list ul li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    transition: all .3s ease-in-out
}

.categories-canvas .offcanvas-body .categories-list ul li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.categories-canvas .offcanvas-body .categories-list ul li a i {
    margin-left: auto
}

[dir=rtl] .categories-canvas .offcanvas-body .categories-list ul li a i {
    margin-left: unset;
    margin-right: auto
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body {
    padding-top: 5px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p {
    color: #4a5568;
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 0
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p+p {
    margin-top: 12px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p:last-child {
    margin-top: 12px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body h5 {
    font-size: 19px;
    color: #222;
    font-weight: bolder;
    margin-block: 12px 6px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul {
    list-style-type: disc;
    padding-left: 19px;
    margin-top: 2px;
    display: grid;
    gap: 3px
}

body.rtl .delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul {
    padding-left: unset;
    padding-right: 19px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul li {
    display: list-item;
    color: #4a5568
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .custom-select .select2-container .select2-selection {
    width: 100% !important
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper {
    display: flex;
    align-items: center;
    padding: 17px 23px;
    gap: 14px;
    margin-bottom: 22px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-image {
    width: 80px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .name {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 4px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating {
    display: flex;
    align-items: center;
    gap: 6px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating label {
    color: #4a5568;
    font-weight: 400
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .price-number {
    line-height: 1;
    color: rgba(74, 85, 104, .6);
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 5px 0 0
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .rating-number {
    line-height: 1;
    margin-left: 8px;
    color: rgba(27, 27, 27, .6);
    display: flex;
    align-items: center;
    gap: 3px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .rating-number i {
    margin-top: -1px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .product-rating .rating li {
    line-height: 1
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box+.review-box {
    margin-top: 21px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating {
    display: flex;
    align-items: center;
    gap: 9px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating .product-rating .rating li {
    line-height: 1
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating .product-rating .rating li i {
    font-size: 16px
}

.product-review-form .product-wrapper {
    display: flex;
    align-items: center;
    padding: 17px 23px;
    gap: 14px;
    margin-bottom: 22px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.product-review-form .product-wrapper .product-image {
    width: 80px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff
}

.product-review-form .product-wrapper .product-content .name {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 4px
}

.product-review-form .product-wrapper .product-content .product-review-rating {
    display: flex;
    align-items: center;
    gap: 6px
}

.product-review-form .product-wrapper .product-content .product-review-rating label {
    color: #4a5568;
    font-weight: 400
}

.product-review-form .product-wrapper .product-content .product-review-rating .price-number {
    line-height: 1;
    color: rgba(74, 85, 104, .6);
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 5px 0 0
}

.product-review-form .product-wrapper .product-content .product-review-rating .rating-number {
    line-height: 1;
    margin-left: 8px;
    color: rgba(27, 27, 27, .6);
    display: flex;
    align-items: center;
    gap: 3px
}

.product-review-form .product-wrapper .product-content .product-review-rating .rating-number i {
    margin-top: -1px
}

.product-review-form .product-wrapper .product-content .product-review-rating .product-rating .rating li {
    line-height: 1
}

.product-review-form .review-box+.review-box {
    margin-top: 21px
}

.product-review-form .review-box .product-review-rating {
    display: flex;
    align-items: center;
    gap: 9px
}

.product-review-form .review-box .product-review-rating .product-rating .rating li {
    line-height: 1
}

.product-review-form .review-box .product-review-rating .product-rating .rating li i {
    font-size: 16px
}

.product-section-box {
    margin-top: calc(12px + 36*(100vw - 320px)/1600)
}

.product-section-box .custom-nav {
    flex-wrap: nowrap;
    border: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    border-bottom: 1px solid #ececec
}

.dark .product-section-box .custom-nav {
    border-color: rgba(119, 119, 119, .44)
}

.product-section-box .custom-nav .nav-item .nav-link {
    color: #222;
    padding: calc(12px + 3*(100vw - 320px)/1600) calc(17px + 13*(100vw - 320px)/1600);
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    letter-spacing: .6px;
    border: none;
    font-weight: 600;
    background-color: #f8f8f8;
    position: relative
}

.product-section-box .custom-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out
}

[dir=rtl] .product-section-box .custom-nav .nav-item .nav-link::after {
    left: unset;
    right: 0
}

.product-section-box .custom-nav .nav-item .nav-link:focus,
.product-section-box .custom-nav .nav-item .nav-link:hover,
.product-section-box .custom-nav .nav-item .nav-link.active {
    background-color: #fff
}

.product-section-box .custom-nav .nav-item .nav-link:focus::after,
.product-section-box .custom-nav .nav-item .nav-link:hover::after,
.product-section-box .custom-nav .nav-item .nav-link.active::after {
    width: 100%;
    background: #1aa488
}

.product-section-box .offer-table {
    margin-bottom: 0;
    border: 1px solid #ececec;
    table-layout: fixed;
    display: inherit;
    border-radius: 6px
}

[dir=rtl] .product-section-box .offer-table {
    right: unset;
    left: 10px
}

.product-section-box .offer-table tbody tr th,
.product-section-box .offer-table tbody tr td {
    padding: 12px 16px
}

.product-section-box .offer-table tbody tr th {
    width: 7%
}

.product-section-box .offer-table tbody tr td {
    vertical-align: middle
}

.product-section-box .offer-table tbody tr td.offer-name {
    width: 20%
}

.product-section-box .custom-tab {
    padding-top: calc(20px + 10*(100vw - 320px)/1600)
}

.product-section-box .custom-tab .nav-desh {
    margin-bottom: calc(22px + 8*(100vw - 320px)/1600)
}

.product-section-box .custom-tab .nav-desh:last-of-type {
    margin-bottom: 0
}

.product-section-box .custom-tab .nav-desh .desh-title {
    margin-bottom: 8px
}

.product-section-box .custom-tab .nav-desh .desh-title h5 {
    font-weight: 700
}

.product-section-box .custom-tab .product-detail .detail-title h5 {
    font-weight: 600;
    color: #4a5568;
    font-size: 17px;
    margin-bottom: 10px
}

.product-section-box .custom-tab .product-detail .detail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.product-section-box .custom-tab .product-detail .detail-list li {
    display: flex;
    align-items: flex-start;
    color: #4a5568;
    width: 100%
}

.product-section-box .custom-tab .product-detail .detail-list li i {
    font-size: 6px;
    color: #4a5568;
    margin: 6px 6px 0 0
}

.product-section-box .product-description p {
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 1.7;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .product-description p:last-child {
    margin-bottom: 0
}

.product-section-box .product-description .description-list {
    padding-left: 25px;
    list-style: disc;
    margin-bottom: 20px;
    display: grid;
    gap: 4px
}

.product-section-box .product-description .description-list li {
    display: list-item;
    text-align: -webkit-match-parent;
    color: #4a5568;
    font-size: 16px
}

.product-section-box .information-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.product-section-box .information-box ul li {
    color: #4a5568;
    width: 100%;
    display: list-item;
    list-style-type: circle;
    margin-left: 35px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .information-box ul .information-title {
    font-weight: bold;
    display: block;
    margin-left: 10px;
    font-size: 18px;
    margin-top: 15px;
    color: #222
}

.product-section-box .review-box .product-rating-box .product-main-rating {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    gap: 14px
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: calc(28px + 9*(100vw - 320px)/1600)
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 i {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: normal;
    color: #ffb321
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 .feather {
    width: calc(19px + 4*(100vw - 320px)/1600);
    height: calc(19px + 4*(100vw - 320px)/1600);
    fill: #ffb321;
    stroke: #ffb321
}

.product-section-box .review-box .product-rating-box .product-main-rating h5 {
    line-height: 1.4;
    font-weight: 400;
    color: #4a5568;
    font-size: 17px
}

.product-section-box .review-box .product-rating-box .product-rating-list {
    display: grid;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

.product-section-box .review-box .product-rating-box .product-rating-list li:nth-child(4) .rating-product .progress .progress-bar {
    background-color: #ffa53b
}

.product-section-box .review-box .product-rating-box .product-rating-list li:last-child .rating-product .progress .progress-bar {
    background-color: #ff4f4f
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product {
    display: flex;
    gap: 12px;
    align-items: center
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 18px;
    width: 40px;
    font-weight: 600
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 i {
    font-size: 15px;
    font-weight: normal
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 .feather {
    width: 15px;
    height: 15px;
    fill: #222
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress {
    width: calc(100% - 12px - 28px - 15px);
    height: 9px;
    border-radius: 100px
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress .progress-bar {
    background-color: var(--theme-color);
    border-radius: 100px
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .total {
    white-space: nowrap;
    width: auto;
    color: rgba(74, 85, 104, .878);
    font-size: 16px;
    font-weight: 400;
    width: 15px;
    display: block
}

.product-section-box .review-box .review-people {
    border-left: 1px solid #ececec;
    padding-left: 23px;
    max-height: 421px;
    height: 100%;
    overflow: auto
}

body.rtl .product-section-box .review-box .review-people {
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 23px;
    border-left: unset;
    padding-left: unset
}

@media(max-width: 1199px) {
    .product-section-box .review-box .review-people {
        padding-left: unset;
        padding-top: 23px;
        border-left: unset;
        border-top: 1px solid rgba(119, 119, 119, .44);
        margin-top: 23px
    }

    body.rtl .product-section-box .review-box .review-people {
        padding-right: 0;
        border-right: unset
    }
}

.product-section-box .review-box .review-people::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.product-section-box .review-box .review-people::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.product-section-box .review-box .review-people::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

@media(max-width: 991px) {
    .product-section-box .review-box .review-people {
        border: none;
        padding: 0;
        margin-top: 25px
    }
}

.product-section-box .review-box .review-people .review-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px
}

body.rtl .product-section-box .review-box .review-people .review-list {
    padding-right: 0
}

.product-section-box .review-box .review-people .review-list li {
    display: block;
    width: 100%
}

.product-section-box .review-box .review-people .review-list li .people-box {
    display: flex;
    gap: 15px;
    width: 100%;
    border-radius: 10px;
    padding: calc(16px + 4*(100vw - 320px)/1600) calc(16px + 10*(100vw - 320px)/1600);
    background: #f8f8f8
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box {
        display: block
    }
}

.product-section-box .review-box .review-people .review-list li .people-box:hover .reply a {
    opacity: 1
}

.product-section-box .review-box .review-people .review-list li .people-box .people-image {
    width: 70px;
    height: 70px;
    margin: 0 auto 8px
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-image {
        margin: 0 auto
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out
}

@media(max-width: 575px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-image img {
        border-radius: 8px
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-text .user-round {
    width: 70px;
    height: 70px;
    object-fit: contain;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 7px;
    box-shadow: 0 0 6px rgba(34, 34, 34, .16);
    margin: 0 auto
}

.product-section-box .review-box .review-people .review-list li .people-box .people-text .user-round h4 {
    font-size: 41px;
    font-weight: 600;
    color: var(--theme-color)
}

.product-section-box .review-box .review-people .review-list li .people-box .name-user {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #ececec;
    border-radius: 10px;
    color: #4a5568
}

.product-section-box .review-box .review-people .review-list li .people-box .name-user h3 {
    font-size: 37px;
    font-weight: 600
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment {
    width: calc(100% - 70px - 15px)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(max-width: 400px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name {
        display: block
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name h5 .name {
    display: block;
    font-weight: 600;
    font-size: 17px
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name h5 .name:hover {
    color: var(--theme-color)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time {
    width: 100%;
    margin-top: 4px
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time h6 {
    font-size: 13px;
    color: #777;
    margin-block: 4px 6px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .product-rating {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .name {
    white-space: nowrap;
    display: block;
    font-weight: 600;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .name:hover {
    color: var(--theme-color)
}

body.rtl .product-section-box .review-box .review-people .review-list li .people-box .people-comment {
    padding-left: unset;
    padding-right: 15px
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-comment {
        padding: 0;
        width: 100%;
        margin-top: 16px
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time h6 {
    font-size: 13px;
    color: #777;
    margin: 0
}

.product-section-box .review-box .review-people .review-list li .people-box .reply {
    margin-top: 6px;
    line-height: 1.6;
    color: #4a5568;
    position: relative
}

.product-section-box .review-box .review-people .review-list li .people-box .reply p {
    margin: 0;
    line-height: 1.6
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .reply p {
        width: 100%
    }
}

.product-section-box .info-table {
    border: 1px solid #ececec;
    margin-bottom: 0
}

.product-section-box .info-table.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f8f8f8;
    color: #222
}

.product-section-box .info-table tbody tr th,
.product-section-box .info-table tbody tr td {
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap
}

.product-section-box .info-table tbody tr td {
    border-left: 1px solid #ececec
}

.custom-pagination {
    margin-top: calc(22px + 13*(100vw - 320px)/1600)
}

.custom-pagination .pagination {
    flex-wrap: wrap;
    gap: calc(6px + 7*(100vw - 320px)/1600)
}

.custom-pagination .pagination .page-item {
    border-radius: 5px;
    overflow: hidden
}

.custom-pagination .pagination .page-item:not(:first-child) .page-link {
    margin: 0
}

.custom-pagination .pagination .page-item.active .page-link {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.custom-pagination .pagination .page-item .page-link {
    color: #4a5568;
    border: 1px solid rgba(0, 0, 0, 0)
}

.custom-pagination .pagination .page-item .page-link:hover {
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    background-color: unset
}

.custom-pagination .pagination .page-item .page-link:focus {
    color: var(--theme-color);
    background-color: #fff;
    box-shadow: none
}

.ratio_27 .bg-size:before {
    content: "";
    padding-top: 27%;
    display: block
}

.ratio_30 .bg-size:before {
    content: "";
    padding-top: 30%;
    display: block
}

.ratio_35 .bg-size:before {
    content: "";
    padding-top: 35%;
    display: block
}

.ratio_45 .bg-size:before {
    content: "";
    padding-top: 45.4%;
    display: block
}

.ratio_50 .bg-size:before {
    content: "";
    padding-top: 50%;
    display: block
}

.ratio_50_1 .bg-size:before {
    content: "";
    padding-top: 50%;
    display: block
}

@media(max-width: 1660px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 57%
    }
}

@media(max-width: 1199px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 80%
    }
}

@media(max-width: 991px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 59%
    }
}

@media(max-width: 767px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 68%
    }
}

@media(max-width: 575px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 77%
    }
}

@media(max-width: 480px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 84%
    }
}

.ratio_58 .bg-size:before {
    content: "";
    padding-top: 58%;
    display: block
}

.ratio_60 .bg-size:before {
    content: "";
    padding-top: 60%;
    display: block
}

.ratio_65 .bg-size:before {
    content: "";
    padding-top: 65%;
    display: block
}

.ratio_87 .bg-size:before {
    content: "";
    padding-top: 87%;
    display: block
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block
}

.ratio_110 .bg-size:before {
    padding-top: 110%;
    content: "";
    display: block
}

.ratio_125 .bg-size::before {
    content: "";
    padding-top: 125%;
    display: block
}

.ratio_148 .bg-size::before {
    content: "";
    padding-top: 148%;
    display: block
}

.ratio_156 .bg-size:before {
    content: "";
    padding-top: 156%;
    display: block
}

.ratio_medium .bg-size:before {
    content: "";
    padding-top: 134%;
    display: block
}

.ratio_180 .bg-size:before {
    content: "";
    padding-top: 180%;
    display: block
}

.ratio_209 .bg-size:before {
    content: "";
    padding-top: 209%;
    display: block
}

.ratio_148_1 .bg-size {
    content: "";
    padding-top: 148%;
    display: block
}

@media(max-width: 1199px) {
    .ratio_148_1 .bg-size {
        padding-top: 88%
    }
}

.b-bottom {
    background-position: bottom !important
}

.b-top {
    background-position: top !important
}

.b-left {
    background-position: left !important
}

.b-right {
    background-position: right !important
}

.product-wrapper .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: calc(5px + 15*(100vw - 320px)/1600)
}

.product-wrapper .slick-dots li {
    width: auto;
    height: auto
}

.product-wrapper .slick-dots li button {
    width: calc(6px + 2*(100vw - 320px)/1600);
    height: calc(6px + 2*(100vw - 320px)/1600);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background-color: rgba(35, 35, 35, .2);
    transition: all .5s ease
}

.product-wrapper .slick-dots li button::before {
    display: none
}

.product-wrapper .slick-dots li.slick-active button {
    margin: 0;
    width: calc(30px + 10*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    transition: all .5s ease
}

.product-wrapper .timer {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center
}

.product-wrapper.slick-slider.slick-dotted {
    margin-bottom: -2px
}

.no-arrow .slick-arrow {
    display: none !important
}

.no-space .slick-list {
    margin: 0 !important
}

.no-space .slick-list .slick-slide>div,
.no-space .slick-list .slick-slide>ul {
    margin: 0 !important
}

[dir=rtl] .no-space .slick-list .slick-slide>div,
[dir=rtl] .no-space .slick-list .slick-slide>ul {
    direction: rtl
}

.category-slider .slick-list {
    margin: 0
}

.category-slider .slick-list .slick-slide {
    padding: 0 10px
}

[dir=rtl] .category-slider .slick-list .slick-slide>div,
[dir=rtl] .category-slider .slick-list .slick-slide>ul {
    direction: rtl
}

.category-slider.slick-dotted {
    margin-bottom: 0
}

.slick-slider .slick-list {
    margin: 0 -10px
}

@media(max-width: 575px) {
    .slick-slider .slick-list {
        margin: 0 -6px
    }
}

.slick-slider .slick-list .slick-slide>* {
    margin: 0 10px
}

[dir=rtl] .slick-slider .slick-list .slick-slide>* {
    direction: rtl
}

@media(max-width: 575px) {
    .slick-slider .slick-list .slick-slide>* {
        margin: 0 6px
    }
}

.slick-slider.slick-dotted {
    margin-bottom: 0
}

.slick-top .slick-list .slick-track>div {
    margin: 3px 0
}

.left-slider .slick-list .slick-track .slick-slide img {
    filter: grayscale(20%) blur(1px);
    opacity: .8
}

.left-slider .slick-list .slick-track .slick-slide.slick-current img {
    transition: all .3s ease-in-out;
    filter: grayscale(0) blur(0);
    opacity: 1;
    box-shadow: 0 0 8px rgba(34, 34, 34, .16)
}

.arrow-slider .slick-prev,
.arrow-slider .slick-next {
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(34, 34, 34, .14);
    position: absolute;
    top: calc(-28px + -15*(100vw - 320px)/1600);
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.arrow-slider .slick-prev::before,
.arrow-slider .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--theme-color);
    font-size: calc(17px + 3*(100vw - 320px)/1600)
}

.arrow-slider .slick-prev:hover,
.arrow-slider .slick-next:hover {
    background-color: var(--theme-color)
}

.arrow-slider .slick-prev:hover::before,
.arrow-slider .slick-next:hover::before {
    color: #fff
}

.arrow-slider .slick-prev {
    left: unset;
    right: 60px
}

[dir=rtl] .arrow-slider .slick-prev {
    right: unset;
    left: 0
}

.arrow-slider .slick-prev::before {
    content: ""
}

@media(max-width: 575px) {
    .arrow-slider .slick-prev {
        right: 45px
    }
}

.arrow-slider .slick-next {
    right: 5px
}

[dir=rtl] .arrow-slider .slick-next {
    right: unset;
    left: 50px
}

.arrow-slider .slick-next::before {
    content: ""
}

@media(max-width: 575px) {
    [dir=rtl] .arrow-slider .slick-next {
        left: 40px
    }
}

.arrow-slider-2 .slick-prev,
.arrow-slider-2 .slick-next {
    top: -42px
}

@media(max-width: 1460px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -38px
    }
}

@media(max-width: 1199px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -37px
    }
}

@media(max-width: 767px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -33px
    }
}

@media(max-width: 480px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -31px
    }
}

@media(max-width: 360px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -29px
    }
}

.arrow-slider-2 .slick-prev {
    left: unset;
    right: 50px
}

[dir=rtl] .arrow-slider-2 .slick-prev {
    right: unset;
    left: 0
}

.arrow-slider-2 .slick-prev::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #222;
    transition: all .3s ease-in-out
}

.arrow-slider-2 .slick-prev:hover::before {
    color: var(--theme-color)
}

.arrow-slider-2 .slick-next {
    right: 5px
}

[dir=rtl] .arrow-slider-2 .slick-next {
    right: unset;
    left: 30px
}

.arrow-slider-2 .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #222
}

.arrow-slider-2 .slick-next:hover::before {
    color: var(--theme-color)
}

.img-slider img {
    display: initial
}

.product-arrow .slick-prev,
.product-arrow .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28px + 12*(100vw - 320px)/1600);
    height: calc(28px + 12*(100vw - 320px)/1600);
    background-color: #ececec;
    border-radius: 5px;
    z-index: 1;
    transition: all .3s ease
}

.product-arrow .slick-prev::before,
.product-arrow .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.product-arrow .slick-prev {
    left: 0
}

.product-arrow .slick-prev::before {
    color: #000;
    content: ""
}

.product-arrow .slick-prev:hover,
.product-arrow .slick-prev:focus {
    background-color: var(--theme-color)
}

.product-arrow .slick-prev:hover::before,
.product-arrow .slick-prev:focus::before {
    color: #fff
}

.product-arrow .slick-next {
    right: 0
}

[dir=rtl] .product-arrow .slick-next {
    right: unset;
    left: 91%
}

.product-arrow .slick-next:before {
    color: #000;
    content: ""
}

.product-arrow .slick-next:hover,
.product-arrow .slick-next:focus {
    background-color: var(--theme-color)
}

.product-arrow .slick-next:hover::before,
.product-arrow .slick-next:focus::before {
    color: #fff
}

.product-box-arrow .slick-prev,
.product-box-arrow .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28px + 12*(100vw - 320px)/1600);
    height: calc(28px + 12*(100vw - 320px)/1600);
    border-radius: 50%;
    z-index: 1;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14);
    color: #4a5568
}

.product-box-arrow .slick-prev::before,
.product-box-arrow .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.product-box-arrow .slick-prev:hover,
.product-box-arrow .slick-prev:focus,
.product-box-arrow .slick-next:hover,
.product-box-arrow .slick-next:focus {
    background-color: var(--theme-color)
}

.product-box-arrow .slick-prev:hover::before,
.product-box-arrow .slick-prev:focus::before,
.product-box-arrow .slick-next:hover::before,
.product-box-arrow .slick-next:focus::before {
    color: #fff
}

.product-box-arrow .slick-prev {
    left: -28px
}

@media(max-width: 575px) {
    .product-box-arrow .slick-prev {
        left: -8px
    }
}

.product-box-arrow .slick-prev::before {
    content: ""
}

.product-box-arrow .slick-next {
    right: -28px
}

@media(max-width: 575px) {
    .product-box-arrow .slick-next {
        right: -8px
    }
}

.product-box-arrow .slick-next:before {
    content: ""
}

.slick-height .slick-list .slick-track .slick-slide {
    height: auto
}

.tab-style-color {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(8px + 12*(100vw - 320px)/1600);
    border: none;
    overflow-x: auto;
    overflow-y: hidden
}

@media(max-width: 1265px) {
    .tab-style-color {
        margin-top: 13px
    }
}

@media(max-width: 1265px) {
    .tab-style-color-2 {
        margin-top: 0
    }
}

@media(max-width: 850px) {
    .tab-style-color-2 {
        margin-top: 13px;
        padding-bottom: 11px
    }
}

.tab-style-color .nav-item .nav-link {
    border: none;
    color: #222;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap;
    background-color: #fff;
    line-height: 1;
    border: 1px solid var(--theme-color);
    padding: calc(9px + 5*(100vw - 320px)/1600) calc(14px + 16*(100vw - 320px)/1600);
    margin: 0
}

.tab-style-color .nav-item .nav-link.active,
.tab-style-color .nav-item .nav-link:hover {
    background-color: var(--theme-color);
    color: #fff
}

.tab-style-color .nav-item .nav-link img {
    margin-right: 5px
}

[dir=rtl] .tab-style-color .nav-item .nav-link img {
    margin-right: unset;
    margin-left: 5px
}

.tab-style-2 {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(7px + 3*(100vw - 320px)/1600);
    border: none;
    overflow-x: auto;
    overflow-y: hidden
}

@media(max-width: 1265px) {
    .tab-style-2 {
        margin-top: 13px
    }
}

.tab-style-2 .nav-item .nav-link {
    color: #4a5568;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    white-space: nowrap;
    background-color: #f8f8f8;
    line-height: 1;
    border: 1px solid rgba(74, 85, 104, .15);
    padding: calc(11px + 2*(100vw - 320px)/1600) calc(15px + 8*(100vw - 320px)/1600);
    margin: 0;
    border-radius: calc(6px + 2*(100vw - 320px)/1600)
}

.tab-style-2 .nav-item .nav-link.active,
.tab-style-2 .nav-item .nav-link:hover {
    background-color: var(--theme-color);
    color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.theme-option {
    position: fixed;
    bottom: calc(10px + 15*(100vw - 320px)/1600);
    right: calc(10px + 15*(100vw - 320px)/1600);
    z-index: 1;
    transition: all .3s ease-in-out
}

[dir=rtl] .theme-option {
    right: unset;
    left: calc(10px + 15*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .theme-option {
        bottom: calc(75px + 5*(100vw - 320px)/1600)
    }
}

.theme-option .back-to-top {
    background-color: var(--theme-color);
    padding: 0;
    border-radius: 5px;
    z-index: 1;
    margin-top: 12px
}

[dir=rtl] .theme-option .back-to-top {
    right: unset;
    left: calc(10px + 15*(100vw - 320px)/1600)
}

.theme-option .back-to-top a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600)
}

.theme-option .back-to-top a i {
    color: #fff
}

.setting-box {
    background-color: var(--theme-color);
    padding: 0;
    border-radius: 5px;
    z-index: 1;
    position: relative;
    transition: all .3s ease-in-out
}

.setting-box .setting-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600);
    padding: 0;
    color: #fff
}

.setting-box .theme-setting-2 {
    position: absolute;
    bottom: calc(40px + 6*(100vw - 320px)/1600);
    right: 12px;
    width: 360px;
    background-color: #fff;
    padding: 12px;
    border-radius: 8px 8px 0 8px;
    box-shadow: 0 4px 8px rgba(34, 34, 34, .12);
    transform: scale(0);
    transform-origin: bottom right;
    transition: all .3s ease-in-out
}

[dir=rtl] .setting-box .theme-setting-2 {
    transform-origin: bottom left
}

[dir=rtl] .setting-box .theme-setting-2 {
    right: unset;
    left: 12px;
    border-radius: 8px 8px 8px 0
}

@media(max-width: 360px) {
    .setting-box .theme-setting-2 {
        width: 275px
    }
}

.setting-box .theme-setting-2.active {
    transform: scale(1);
    transform-origin: bottom right
}

[dir=rtl] .setting-box .theme-setting-2.active {
    transform-origin: bottom left
}

.setting-box .theme-setting-2 .theme-box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    gap: calc(7px + 8*(100vw - 320px)/1600)
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul {
    padding-right: 0
}

.setting-box .theme-setting-2 .theme-box ul li {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 14px;
    gap: 20px;
    border-bottom: 1px dashed #ececec
}

.setting-box .theme-setting-2 .theme-box ul li:last-child {
    padding-bottom: 0;
    border: none
}

.setting-box .theme-setting-2 .theme-box ul li.color-box {
    display: block;
    gap: 19px
}

.setting-box .theme-setting-2 .theme-box ul li .setting-name {
    margin-bottom: 0;
    width: 15%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    padding-top: 0;
    width: 85%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color)
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color)
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker {
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 0;
    border: none;
    align-items: center
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-control-color {
    width: 38px;
    height: auto;
    padding: 0;
    font-size: 13px;
    border: none
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-control-color {
    max-width: 100%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-label {
    width: auto;
    font-size: 16px;
    color: #4a5568
}

.timer ul {
    display: flex;
    align-items: center
}

[dir=rtl] .timer ul {
    padding-left: unset;
    padding-right: 0
}

@media(max-width: 360px) {
    .timer ul {
        justify-content: space-between
    }
}

@media(max-width: 575px) {
    .timer ul {
        margin-top: 12px;
        justify-content: center
    }
}

.timer ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #ececec;
    padding: 8px;
    border-radius: 5px
}

@media(max-width: 575px) {
    .timer ul li {
        width: 40px;
        height: 40px
    }
}

.timer ul li+li {
    margin-left: 15px
}

[dir=rtl] .timer ul li+li {
    margin-left: unset;
    margin-right: 15px
}

.timer ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bolder;
    left: -10px
}

[dir=rtl] .timer ul li+li::after {
    left: unset;
    right: -10px
}

.timer ul li .counter h4 {
    font-weight: 500
}

@media(max-width: 575px) {
    .timer ul li .counter h4 {
        font-size: 15px
    }
}

.timer-2 {
    margin-left: 40px
}

@media(max-width: 575px) {
    .timer-2 {
        margin-left: 0
    }
}

.timer-2 ul li {
    width: 60px;
    height: 60px;
    color: #000;
    border: 1px solid #222;
    background-color: rgba(0, 0, 0, 0)
}

.timer-2 ul li.bg-color {
    background-color: var(--theme-color);
    color: #fff
}

.timer-2 ul li .counter {
    font-size: 20px;
    font-weight: 500
}

.timer-2 ul li+li::after {
    color: #4a5568
}

.timer-box ul {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .timer-box ul {
        justify-content: space-between
    }
}

@media(max-width: 575px) {
    .timer-box ul {
        margin-top: 12px;
        justify-content: center
    }
}

.timer-box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #ececec;
    padding: 8px;
    border-radius: 5px
}

@media(max-width: 575px) {
    .timer-box ul li {
        width: 40px;
        height: 40px
    }
}

.timer-box ul li+li {
    margin-left: 15px
}

.timer-box ul li+li::after {
    content: ":";
    position: absolute;
    font-weight: bolder;
    top: 50%;
    transform: translateY(-50%);
    left: -10px
}

.timer-box ul li .counter h4 {
    font-weight: 500
}

@media(max-width: 575px) {
    .timer-box ul li .counter h4 {
        font-size: 15px
    }
}

.title-leaf {
    width: 140px;
    text-align: center;
    margin-top: 7px;
    position: relative;
    z-index: 0
}

.title-leaf::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    left: 0;
    background-color: var(--theme-color);
    z-index: -1
}

.title-leaf svg {
    background-color: #fff;
    width: 45px;
    z-index: 1;
    fill: var(--theme-color)
}

.title-leaf svg.bg-gray {
    background-color: #f8f8f8
}

.title {
    margin-bottom: calc(16px + 14*(100vw - 320px)/1600);
    display: inline-block;
    position: relative
}

.title h2 {
    font-weight: 700;
    color: #222;
    position: relative
}

.title p {
    line-height: 1.5;
    margin: calc(5px + 5*(100vw - 320px)/1600) 0 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568
}

.title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1265px) {
    .title-flex {
        display: block
    }
}

.title-flex .timing-box {
    display: inline-block
}

.title-flex .timing-box .timing {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius: 5px
}

@media(max-width: 1265px) {
    .title-flex .timing-box .timing {
        margin-top: calc(14px + 6*(100vw - 320px)/1600)
    }
}

.title-flex .timing-box .timing i {
    -webkit-text-stroke: 1px #fff;
    color: rgba(0, 0, 0, 0);
    margin-right: 9px
}

.title-flex .timing-box .timing .feather {
    width: 17px;
    height: 17px;
    margin-right: 9px
}

[dir=rtl] .title-flex .timing-box .timing .feather {
    margin-left: 9px;
    margin-right: unset
}

.title-flex .timing-box .timing .name {
    font-weight: 600;
    margin-right: 8px;
    line-height: 1
}

[dir=rtl] .title-flex .timing-box .timing .name {
    margin-left: 8px;
    margin-right: unset
}

.title-flex .timing-box .timing .time ul {
    display: flex;
    align-items: center
}

[dir=rtl] .title-flex .timing-box .timing .time ul {
    padding-left: unset;
    padding-right: 0
}

.title-flex .timing-box .timing .time ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 1
}

.title-flex .timing-box .timing .time ul li+li {
    margin-left: 15px
}

[dir=rtl] .title-flex .timing-box .timing .time ul li+li {
    margin-left: unset;
    margin-right: 15px
}

.title-flex .timing-box .timing .time ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bolder;
    left: -10px
}

[dir=rtl] .title-flex .timing-box .timing .time ul li+li::after {
    left: unset;
    right: -10px
}

.title-flex .timing-box .timing .time ul li .counter h6 {
    font-weight: 600
}

.title .product-tabs {
    border: none;
    position: absolute;
    top: 0;
    right: 0
}

.title .product-tabs .nav-item {
    position: relative
}

.title .product-tabs .nav-item .nav-link {
    border: none;
    border-radius: unset;
    color: #4a5568;
    position: relative;
    font-weight: 400;
    font-size: 16px
}

.title .product-tabs .nav-item .nav-link.active {
    font-weight: 500;
    color: var(--theme-color)
}

.title .product-tabs .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 17px;
    border-radius: 50px;
    background-color: var(--theme-color)
}

.title .product-tabs .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 2px;
    bottom: 0;
    left: 75px;
    border-radius: 50px;
    background-color: var(--theme-color)
}

.title .product-tabs .nav-item+.nav-item {
    margin-left: 10px
}

.title .product-tabs .nav-item+.nav-item::before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 9px;
    left: -11px;
    background-image: url('delivery.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.title-border {
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(14px + 6*(100vw - 320px)/1600);
    margin-bottom: calc(15px + 5*(100vw - 320px)/1600)
}

.vendor-title h5 {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    letter-spacing: .5px
}

.vendor-title p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6
}

.seller-title h2 {
    font-weight: 700;
    font-size: 37px;
    margin-bottom: 23px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.seller-title p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6
}

.title-flex-2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 850px) {
    .title-flex-2 {
        display: block
    }
}

.title-flex-2 .timing-box {
    display: inline-block
}

.title-flex-2 .timing-box .timing {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius: 5px
}

@media(max-width: 850px) {
    .title-flex-2 .timing-box .timing {
        margin-top: calc(14px + 6*(100vw - 320px)/1600)
    }
}

.title-flex-2 .timing-box .timing i {
    -webkit-text-stroke: 1px #fff;
    color: rgba(0, 0, 0, 0);
    margin-right: 9px
}

.title-flex-2 .timing-box .timing .feather {
    width: 17px;
    height: 17px;
    margin-right: 9px
}

[dir=rtl] .title-flex-2 .timing-box .timing .feather {
    margin-left: 9px;
    margin-right: unset
}

.title-flex-2 .timing-box .timing .name {
    font-weight: 600;
    margin-right: 8px;
    line-height: 1
}

[dir=rtl] .title-flex-2 .timing-box .timing .name {
    margin-left: 8px;
    margin-right: unset
}

.book-title {
    margin-bottom: calc(16px + 14*(100vw - 320px)/1600);
    display: inline-block;
    position: relative
}

.book-title h2 {
    font-weight: 700;
    color: #222;
    position: relative;
    padding-bottom: 9px
}

.book-title h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 1px;
    border-top: 2px solid var(--theme-color);
    left: 0
}

.tooltip {
    transition: opacity .15s linear
}

.tooltip .tooltip-arrow::before {
    border-top-color: var(--theme-color)
}

.tooltip .tooltip-inner {
    font-weight: 500;
    background-color: var(--theme-color);
    color: #fff
}

@media(min-width: 1464px) {
    .container {
        max-width: 1440px
    }
}

.col-custom-3 {
    width: 22%
}

@media(max-width: 1399px) {
    .col-custom-3 {
        width: 25%
    }
}

@media(max-width: 1199px) {
    .col-custom-3 {
        width: 30%
    }
}

@media(max-width: 991px) {
    .col-custom-3 {
        width: 0
    }
}

.col-custom- {
    width: 78%
}

@media(max-width: 1399px) {
    .col-custom- {
        width: 75%
    }
}

@media(max-width: 1199px) {
    .col-custom- {
        width: 70%
    }
}

@media(max-width: 991px) {
    .col-custom- {
        width: 100%
    }
}

.fw-300 {
    font-weight: 300
}

.w-60 {
    width: 60% !important
}

.section-small-space {
    padding: calc(18px + 24*(100vw - 320px)/1600) 0
}

.section-big-space {
    padding: calc(40px + 120*(100vw - 320px)/1600) 0
}

.section-lg-space {
    padding: calc(30px + 40*(100vw - 320px)/1600) 0
}

section,
.section-t-space {
    padding-top: calc(30px + 20*(100vw - 320px)/1600)
}

.section-b-space {
    padding-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

.container-fluid-lg {
    padding: 0 calc(12px + 148*(100vw - 320px)/1600)
}

.container-fluid-md {
    padding: 0 calc(12px + 38*(100vw - 320px)/1600)
}

.container-fluid-xs {
    padding: 0 calc(12px + 13*(100vw - 320px)/1600)
}

.section-small-space {
    padding: 30px 0
}

.p-top-left {
    display: flex;
    justify-content: flex-start
}

[dir=rtl] .p-top-left {
    justify-content: flex-end
}

.p-top-center {
    display: flex;
    justify-content: center
}

.p-top-right {
    display: flex;
    justify-content: flex-end
}

.p-center-left {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

[dir=rtl] .p-center-left {
    justify-content: flex-end
}

.p-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-center-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

[dir=rtl] .p-center-right {
    justify-content: flex-start
}

.p-bottom-left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

[dir=rtl] .p-bottom-left {
    justify-content: flex-end
}

.p-bottom-center {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.p-bottom-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.p-sticky {
    position: sticky;
    top: 10px
}

.ls-expanded {
    letter-spacing: 12px;
    margin-right: -12px
}

.ls-resize-expanded {
    letter-spacing: calc(4px + 6*(100vw - 320px)/1600)
}

.g-8 {
    margin: -8px
}

.g-8>div {
    padding: 8px
}

.icon-width {
    width: 25px;
    height: 25px
}

.rating {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .rating {
        display: flex;
        align-items: center
    }
}

[dir=rtl] .rating {
    padding-left: unset;
    padding-right: 0
}

.rating li {
    line-height: 0
}

.rating li+li {
    margin-left: 2px
}

[dir=rtl] .rating li+li {
    margin-left: unset;
    margin-right: 2px
}

.rating li .feather {
    width: 14px;
    height: 14px;
    stroke: #ffb321
}

.rating li .feather.fill {
    fill: #ffb321
}

.product-rating {
    display: flex;
    align-items: center
}

.product-rating span {
    color: #4a5568;
    font-size: 12px;
    margin-left: 5px
}

[dir=rtl] .product-rating span {
    margin-left: unset;
    margin-right: 5px
}

.mend-auto {
    margin-right: auto !important;
    text-align: left
}

.mstart-auto {
    margin-left: auto !important;
    text-align: left
}

.fw-500 {
    font-weight: 500
}

.text-theme {
    color: var(--theme-color)
}

.text-title {
    color: #222 !important
}

.text-content {
    color: #4a5568
}

.text-yellow {
    color: #ffb321 !important
}

.text-danger {
    color: #ff4f4f !important
}

.bg-gray {
    background-color: #f8f8f8 !important
}

.bg-theme {
    background-color: var(--theme-color)
}

.bg-gradient-color {
    background: linear-gradient(149.8deg, #f8f8fb 17.21%, #f3f5f9 79.21%)
}

.orange-color {
    color: #ffbc5d !important
}

.text-exo {
    font-family: "Exo 2", sans-serif
}

.text-russo {
    font-family: "Russo One", sans-serif
}

.text-pacifico {
    font-family: "Pacifico", cursive
}

.text-kaushan {
    font-family: "Kaushan Script", cursive
}

.text-great {
    font-family: "Great Vibes", cursive
}

.text-qwitcher {
    font-family: "Qwitcher Grypen", cursive
}

.text-10 {
    font-size: 10px
}

.text-12 {
    font-size: 12px
}

.text-14 {
    font-size: 14px
}

.text-16 {
    font-size: 16px
}

.product-name {
    display: -webkit-box; /* Para navegadores que soportan flexbox */
    -webkit-box-orient: vertical; /* Orientación vertical */
    -webkit-line-clamp: 3; /* Número de líneas a mostrar */
    overflow: hidden; /* Oculta el desbordamiento */
    text-overflow: ellipsis; /* Agrega "..." al final si el texto es más largo */
}

.image_border {
    width: 25%;
    height: 25%;
    object-fit: cover;
    margin-right: 10px;
    background-color: white;
    border-radius: 50%
}

.border-r20 {
    border-radius: 20px !important
}

.w-58 {
    width: 58% !important
}

.colorpick-eyedropper-input-trigger {
    display: none
}

.hover-effect:hover {
    opacity: 1;
    animation: flash 1.5s
}

.shelf {
    border-bottom: 30px solid #a5a5a5;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    top: -11px;
    z-index: -1;
    position: relative
}

.shelf:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #686868;
    height: 20px;
    width: calc(100% + 40px);
    bottom: -50px;
    z-index: 1
}

body {
    font-family: "Public Sans", sans-serif;
    position: relative;
    font-size: 14px;
    color: #222;
    margin: 0;
    background-color: #fff;
    transition: all .3s ease-in-out;
    padding-right: 0 !important
}

body ::selection {
    color: #fff;
    background-color: var(--theme-color)
}

.bg-overlay {
    width: 100vw;
    height: 100vh;
    background-color: #222;
    position: fixed;
    z-index: 9;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.bg-overlay.show {
    visibility: visible;
    opacity: .5
}

ul {
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: inline-block;
    font-size: 14px
}

p {
    font-size: 14px;
    line-height: 18px
}

a {
    color: var(--theme-color);
    transition: .5s ease;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    transition: .5s ease
}

a:focus {
    outline: none
}

button:focus {
    outline: none
}

.btn-close:focus {
    box-shadow: none
}

:focus {
    outline: none
}

.form-control {
    background-color: #fff
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--theme-color)
}

h1 {
    font-size: calc(40px + 30*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1.1;
  text-transform: capitalize !important;
    margin: 0
}

h2 {
    font-size: calc(22px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
  text-transform: capitalize !important;
    margin: 0
}

h3 {
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
  text-transform: capitalize !important;
}

h4 {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

h5 {
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

h6 {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

span {
    display: inline-block
}

.theme-color {
    color: var(--theme-color) !important
}

.theme-bg-color {
    background: var(--theme-color) !important
}

.banner-contain {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

[dir=rtl] .banner-contain .banner-details {
    text-align: left
}

.banner-contain .banner-details.banner-b-space {
    padding: calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600)
}

.banner-contain .banner-details .banner-box {
    position: absolute;
    top: 30px;
    left: 0;
    background-color: rgba(255, 255, 255, .5);
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(30px + 9*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600);
    border-radius: 0px 60px 60px 0px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0px 11px 10px rgba(74, 85, 104, .06)
}

.banner-contain .banner-details .banner-box h5 {
    margin: calc(4px + 2*(100vw - 320px)/1600) 0;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    font-weight: 600
}

.banner-contain .banner-details .banner-button {
    position: absolute;
    bottom: calc(8px + 8*(100vw - 320px)/1600);
    left: calc(14px + 8*(100vw - 320px)/1600);
    color: #fff;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    display: flex;
    align-items: center
}

.banner-contain .banner-details h2 {
    font-size: calc(20px + 22*(100vw - 320px)/1600)
}

.banner-contain .banner-details h2.banner-title {
    font-size: calc(31px + 19*(100vw - 320px)/1600);
    font-weight: 700
}

.banner-contain .banner-details h3 {
    font-size: calc(20px + 10*(100vw - 320px)/1600);
    margin-top: -7px
}

.banner-contain .banner-details h4 {
    font-size: calc(20px + 4*(100vw - 320px)/1600);
    line-height: 1.6
}

.banner-contain .banner-details .coupon-code {
    padding: calc(7px + 3*(100vw - 320px)/1600) calc(9px + 6*(100vw - 320px)/1600);
    background-color: rgba(var(--theme-color-rgb), 0.4);
    border: 2px dashed rgba(255, 255, 255, .5);
    display: inline-block;
    font-weight: 500;
    margin-top: 13px
}

.banner-contain .banner-details .coupon-code-white {
    background-color: rgba(255, 255, 255, .2)
}

.banner-contain .banner-details .coupon-code.code-2 {
    background-color: rgba(153, 105, 31, .5)
}

.banner-contain .banner-details p {
    color: #4a5568;
    line-height: 1.5
}

[dir=rtl] .banner-contain .banner-details p {
    margin-right: auto
}

.banner-contain .banner-details p.banner-text {
    width: 62%
}

@media(max-width: 575px) {
    .banner-contain .banner-details p.banner-text {
        width: 80%
    }
}

@media(max-width: 480px) {
    .banner-contain .banner-details p.banner-text {
        width: 100%
    }
}

.banner-contain .banner-details .banner-timing {
    width: 100%;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(181.97deg, rgba(0, 0, 0, 0.3) 1.66%, rgba(0, 0, 0, 0) 95.27%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    text-align: center;
    color: #fff
}

.banner-contain .banner-details .banner-timing .time {
    margin-top: 25px
}

.banner-contain .banner-details .banner-timing .time ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.banner-contain .banner-details .banner-timing .time ul li .counter {
    width: 55px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #fff
}

.banner-contain .banner-details .banner-timing .time ul li .counter h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.banner-contain-2 {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.banner-contain-2 .banner-detail {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .banner-contain-2 .banner-detail {
    left: unset;
    right: 0;
    text-align: left
}

.banner-contain-2 .banner-detail .banner-detail-box {
    position: relative;
    padding: 7px 0
}

.banner-contain-2 .banner-detail .banner-detail-box::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20%;
    top: 0;
    left: -10px;
    background-color: var(--theme-color)
}

.banner-contain-2 .banner-detail .banner-detail-box-2 {
    padding: 7px 0 7px 17px
}

.banner-contain-2 .banner-detail .banner-detail-box-2::before {
    width: 5px;
    border-radius: 50px;
    left: 0
}

[dir=rtl] .banner-contain-2 .banner-detail .banner-detail-box-2::before {
    left: 0;
    right: unset
}

.banner-contain-2 .banner-detail h3 {
    font-size: calc(27px + 7*(100vw - 320px)/1600)
}

.banner-contain-2 .banner-detail h3 .brand-name {
    font-weight: bold;
    background-color: var(--theme-color);
    color: #fff;
    padding: calc(6px + 4*(100vw - 320px)/1600) calc(8px + 2*(100vw - 320px)/1600);
    position: relative;
    z-index: 0
}

.banner-contain-2 .banner-detail h3 .brand-name::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(3px + 4*(100vw - 320px)/1600);
    left: calc(3px + 3*(100vw - 320px)/1600);
    border: calc(1px + 1*(100vw - 320px)/1600) solid #222;
    z-index: -1
}

.banner-contain-2 .banner-detail h2 {
    font-size: calc(42px + 17*(100vw - 1199px)/721);
    font-weight: 700
}

.banner-contain-2 .banner-detail h4 {
    font-weight: 600;
    font-size: calc(17px + 4*(100vw - 320px)/1600);
    color: #222
}

.banner-contain-2 .banner-detail-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .banner-contain-2 .banner-detail-2 {
    left: unset;
    right: 0
}

.banner-contain-2 .banner-detail-2>div {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 24.21%, rgba(255, 255, 255, 0.2) 75.22%);
    padding: 22px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.banner-contain-2 .banner-detail-2 h3 {
    font-size: calc(27px + 9*(100vw - 320px)/1600);
    font-weight: 700;
    color: #fff
}

.banner-contain-2 .banner-detail-2 h2 {
    font-size: calc(42px + 17*(100vw - 1199px)/721);
    font-weight: 700
}

.banner-contain-2 .banner-detail-2 button {
    background-color: var(--theme-color);
    color: #fff;
    margin: 9px auto 0
}

.banner-contain-3 {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.banner-contain-3 .flower-pot {
    position: absolute;
    bottom: 0;
    right: -59px
}

@media(max-width: 1199px) {
    .banner-contain-3 .flower-pot {
        display: none
    }
}

.banner-contain-3 .social-image {
    height: 100%;
    object-fit: cover
}

.banner-contain-3 .delivery-bike {
    text-align: center
}

.banner-contain-3 .delivery-bike img {
    margin-top: -16px
}

.banner-contain-3.banner-contain-bg {
    background-image: url('11.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

.banner-contain-3 .banner-detail-2 h2 {
    font-size: calc(25px + 15*(100vw - 320px)/1600);
    margin-bottom: 10px;
    text-transform: none
}

.banner-contain-3 .banner-detail-2 h3 {
    font-size: 35px
}

.banner-contain-3 .banner-detail-2 h4 {
    font-size: 40px
}

.banner-contain-3 .banner-minus-position {
    margin-top: -13px
}

@media(max-width: 575px) {
    .banner-contain-3 .banner-minus-position {
        margin-top: 0
    }
}

@media(max-width: 1660px) {
    .banner-contain-3 .banner-detail-deliver {
        width: 60% !important;
        margin-left: auto
    }
}

@media(max-width: 575px) {
    .banner-contain-3 .banner-detail-deliver {
        width: 100% !important;
        background: #eaf5f5
    }
}

.banner-contain-3 .banner-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    padding: calc(20px + 30*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail.banner-half-width {
    width: 50%
}

.banner-contain-3 .banner-detail.banner-p-sm {
    padding: calc(15px + 15*(100vw - 320px)/1600) !important
}

.banner-contain-3 .banner-detail h2 {
    font-size: calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom: 3px
}

.banner-contain-3 .banner-detail h2.sale-name {
    font-size: calc(25px + 13*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail h3 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px;
    line-height: 1.4
}

.banner-contain-3 .banner-detail h3.banner-contain {
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 0
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail h3.banner-contain {
        font-size: 20px
    }
}

.banner-contain-3 .banner-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px;
    line-height: 1.4
}

.banner-contain-3 .banner-detail h4.furniture-title {
    position: relative;
    display: inline-block
}

.banner-contain-3 .banner-detail h4.furniture-title img {
    position: absolute;
    top: -26px;
    right: -185px
}

@media(max-width: 1199px) {
    .banner-contain-3 .banner-detail h4.furniture-title img {
        display: none
    }
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail h4 .delivery-contain {
        font-size: 16px
    }
}

.banner-contain-3 .banner-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

.banner-contain-3 .banner-detail h6 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(10px + 10*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .8px
}

.banner-contain-3 .banner-detail .banner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .banner-contain-3 .banner-detail .banner-list {
    padding-right: 0
}

.banner-contain-3 .banner-detail .banner-list li {
    display: block;
    width: 100%
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 11px;
    align-items: center
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box .check-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #6bbe66;
    color: #fff;
    border-radius: 100%;
    font-size: 11px
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail .banner-list li .delivery-box .check-contain h5 {
        font-size: 14px
    }
}

.banner-contain-3 .banner-detail .shop-now-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    font-size: 15px
}

.banner-contain-3 .banner-detail .shop-now-button i {
    font-size: 14px;
    margin-left: 8px;
    margin-top: -2px
}

[dir=rtl] .banner-contain-3 .banner-detail .shop-now-button i {
    margin-left: unset;
    margin-right: 8px
}

.offer-banner {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.offer-banner:hover .banner-detail {
    border-radius: 5px
}

.offer-banner:hover .banner-detail::after {
    opacity: 1
}

.offer-banner .banner-detail {
    position: absolute;
    top: calc(9px + 9*(100vw - 320px)/1600);
    left: calc(9px + 9*(100vw - 320px)/1600);
    padding: calc(7px + 3*(100vw - 320px)/1600) calc(21px + 5*(100vw - 320px)/1600) calc(7px + 3*(100vw - 320px)/1600) calc(10px + 5*(100vw - 320px)/1600);
    border-radius: 5px 30px 30px 5px;
    box-shadow: 0px 3px 4px rgba(34, 34, 34, .14);
    z-index: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: rgba(255, 255, 255, .95)
}

.offer-banner .banner-detail h5 {
    letter-spacing: .6px;
    margin-bottom: 3px;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.offer-banner .banner-detail h6 {
    letter-spacing: 1.7px;
    color: #4a5568
}

.offer-banner .offer-box {
    position: absolute;
    bottom: calc(7px + 11*(100vw - 320px)/1600);
    right: calc(7px + 11*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 50px
}

.offer-banner .offer-box a {
    color: #fff;
    padding: calc(4px + 4*(100vw - 320px)/1600) calc(15px + 6*(100vw - 320px)/1600);
    display: block
}

.offer-banner .offer-box a span {
    letter-spacing: 1.5px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.bank-section .bank-offer {
    border-radius: calc(9px + 11*(100vw - 320px)/1600);
    overflow: hidden
}

.bank-section .bank-offer:hover .bank-footer-1 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer:hover .bank-footer-2 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer:hover .bank-footer-3 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer .bank-header {
    background: linear-gradient(76.68deg, #e6e6e6 -9.39%, #fafafa 78.76%, #f0f0f0 101.45%, #ffffff 112.78%);
    padding: calc(21px + 14*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.bank-section .bank-offer .bank-header .bank-left .bank-image {
    width: 75px;
    height: auto;
    margin-bottom: 12px
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2 {
    color: #bb0032;
    font-weight: 700;
    margin-bottom: 7px;
    font-size: calc(22px + 9*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-2 {
    color: #239bf0
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-3 {
    color: #e73718
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h5.valid {
    margin-top: calc(22px + 47*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-footer {
    padding: calc(7px + 10*(100vw - 320px)/1600) calc(13px + 13*(100vw - 320px)/1600);
    color: #fff;
    display: flex;
    align-items: center
}

.bank-section .bank-offer .bank-footer-1 {
    background: linear-gradient(85.8deg, #bb0032 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon {
    background: linear-gradient(85.8deg, #ff584d -4.64%, rgba(187, 0, 50, 0.1) 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #ff584d;
    background: linear-gradient(85.8deg, rgba(187, 0, 50, 0.1) 131.73%, #ff584d -4.64%)
}

.bank-section .bank-offer .bank-footer-2 {
    background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%)
}

.bank-section .bank-offer .bank-footer-2 .bank-coupon {
    background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%)
}

.bank-section .bank-offer .bank-footer-2 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #4eb5ff;
    background: linear-gradient(90deg, #4eb5ff 15.92%, #2395e8 49.57%)
}

.bank-section .bank-offer .bank-footer-3 {
    background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-3 .bank-coupon {
    background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-3 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #ffb321;
    background: linear-gradient(-90deg, rgba(255, 140, 117, 0) -4.64%, rgba(255, 88, 77, 0.1) 109.73, #ffb321 131.73%)
}

.bank-section .bank-offer .bank-footer h4 {
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-footer h4 input {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    font-weight: 600;
    width: 60%
}

.bank-section .bank-offer .bank-footer .bank-coupon {
    margin-left: auto;
    color: #fff;
    font-weight: 600;
    padding: 6px 21px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    z-index: 0
}

[dir=rtl] .bank-section .bank-offer .bank-footer .bank-coupon {
    margin-left: unset;
    margin-right: auto
}

.shop-banner {
    width: 52% !important
}

@media(max-width: 575px) {
    .shop-banner {
        width: 100% !important
    }
}

.shop-banner>div {
    padding: calc(20px + 12*(100vw - 320px)/1600);
    background: var(--theme-color);
    color: #fff;
    border-radius: 9px
}

.shop-banner>div h2 {
    font-size: calc(21px + 16*(100vw - 320px)/1600) !important;
    font-weight: 700 !important;
    line-height: 1.2
}

.shop-banner>div h3 {
    font-size: calc(19px + 11*(100vw - 320px)/1600) !important;
    margin-top: 18px;
    margin-bottom: -2px
}

@media(max-width: 575px) {
    .banner-small.ratio_65 .bg-size:before {
        padding-top: 53%
    }
}

.banner-furniture>.row {
    direction: ltr
}

@media(min-width: 1400px) {
    .banner-furniture>.row>div {
        margin-left: 16.6666666667%
    }
}

@media(min-width: 1400px) {
    .banner-furniture>.row>div {
        margin-left: 8.3333333333%
    }
}

.blog-box:hover .blog-box-image a {
    transform: scale(1.12) rotate(3deg);
    overflow: hidden
}

.blog-box:hover .blog-detail h5 {
    color: var(--theme-color)
}

.blog-box .blog-box-image {
    overflow: hidden;
    border-radius: 5px
}

.blog-box .blog-box-image .blog-image {
    transition: all .3s ease-in-out
}

.blog-box p {
    margin-bottom: 0;
    color: #999;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 4px
}

.blog-box .blog-detail {
    margin-top: 15px;
    display: block
}

.blog-box .blog-detail.blog-contain {
    background-color: #ff4f4f
}

.blog-box .blog-detail h6 {
    color: #4a5568;
    margin-bottom: 3px;
    font-weight: 600
}

.blog-box .blog-detail h5 {
    color: #222;
    line-height: 1.5;
    font-weight: 600;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    transition: all .3s ease-in-out
}

.blog-section .blog-box {
    padding-bottom: 1px;
    border-radius: 10px;
    border: 1px solid #ececec;
    overflow: hidden;
    position: relative
}

.blog-section .blog-box:hover .blog-box-image a {
    transform: scale(1.12) rotate(3deg);
    overflow: hidden
}

.blog-section .blog-box:hover .blog-detail label {
    color: #fff
}

.blog-section .blog-box:hover .blog-detail label::before {
    opacity: 1
}

.blog-section .blog-box .blog-box-image {
    overflow: hidden;
    border-radius: 0
}

.blog-section .blog-box .blog-box-image a {
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-image {
    position: relative
}

.blog-section .blog-box .blog-image label {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 8px 10px;
    font-size: 12px;
    letter-spacing: .9px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .2)
}

.blog-section .blog-box .blog-detail {
    padding: calc(11px + 9*(100vw - 320px)/1600);
    margin-top: 0
}

.blog-section .blog-box .blog-detail h2 {
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    line-height: 1.4
}

.blog-section .blog-box .blog-detail label {
    font-size: 12px;
    padding: 7px 11px;
    border-radius: 50px;
    color: var(--theme-color);
    margin-bottom: calc(4px + 8*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail label::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail a {
    color: #222;
    display: block
}

.blog-section .blog-box .blog-detail h3 {
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: 600
}

.blog-section .blog-box .blog-detail h5 {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #4a5568
}

.blog-section .blog-box .blog-detail .blog-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
    gap: calc(14px + 8*(100vw - 320px)/1600)
}

.blog-section .blog-box .blog-detail .blog-list span {
    color: #4a5568;
    margin-bottom: -5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon {
    position: relative
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    transition: all .3s ease-in-out;
    opacity: 0
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li .fab {
    font-size: 14px;
    color: #4a5568
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon:hover .icon {
    opacity: 1
}

.category-box {
    background-color: #f8f8f8;
    margin: 0px auto;
    display: block;
    width: 90%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
    padding: calc(15px + 20*(100vw - 320px)/1600) 8px;
    z-index: 0
}

.category-box.category-bg {
    background: linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%)
}

.category-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('shape.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--theme-color);
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out
}

.category-box:hover {
    background-color: rgba(0, 0, 0, 0)
}

.category-box:hover::after {
    opacity: 1
}

.category-box:hover img {
    filter: invert(1) brightness(100)
}

.category-box:hover h5 {
    color: #fff
}

.category-box-2::after {
    background-image: url('bg.jpg')
}

.category-box img {
    width: calc(38px + 7*(100vw - 320px)/1600);
    height: calc(38px + 7*(100vw - 320px)/1600);
    object-fit: contain;
    margin: 0 auto
}

.category-box h5 {
    color: #222;
    margin-top: 12px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.shop-box .shop-category-box {
    padding: 20px 10px;
    background-color: #f8f8f8;
    display: block;
    text-align: center;
    border-radius: 0;
    margin: 0 !important;
    border-right: 1px solid #ececec
}

.shop-box .shop-category-box a {
    display: block;
    width: 100%
}

.shop-box .shop-category-box a .shop-category-image {
    width: 68px;
    height: 68px;
    display: inline-block;
    background-color: #f8f8f8;
    padding: 8px;
    border-radius: 7px
}

.shop-box .shop-category-box a .shop-category-image img {
    width: 100%;
    height: 100%
}

.shop-box .shop-category-box a .category-box-name {
    position: relative;
    width: 90%;
    margin: 10px auto 0;
    background-color: #f8f8f8;
    color: #222;
    border-radius: 4px
}

.shop-box .shop-category-box a .category-box-name h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.deal-section .deal-box {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: calc(18px + 7*(100vw - 320px)/1600);
    position: relative;
    display: flex;
    align-items: center
}

.deal-section .deal-box:hover .category-image img {
    transform: scale(1.05)
}

@media(max-width: 575px) {
    .deal-section .deal-box {
        display: block
    }
}

.deal-section .deal-box .category-image {
    width: 60%
}

@media(max-width: 575px) {
    .deal-section .deal-box .category-image {
        width: 100%
    }
}

.deal-section .deal-box .category-image img {
    width: 80%;
    margin-left: auto;
    transition: all .3s ease-in-out
}

[dir=rtl] .deal-section .deal-box .category-image img {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 575px) {
    .deal-section .deal-box .category-image img {
        width: 60%;
        margin: 0 auto 30px
    }
}

.deal-section .deal-box .buy-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(18px + 7*(100vw - 320px)/1600);
    right: calc(18px + 7*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    padding: calc(7px + 3*(100vw - 320px)/1600);
    border-radius: 5px
}

[dir=rtl] .deal-section .deal-box .buy-box {
    right: unset;
    left: calc(18px + 7*(100vw - 320px)/1600)
}

.deal-section .deal-box .buy-box .iconly-Buy {
    font-size: 24px
}

.deal-section .deal-box .deal-detail {
    width: 65%
}

@media(max-width: 575px) {
    .deal-section .deal-box .deal-detail {
        width: 100%
    }
}

.deal-section .deal-box .deal-detail .hot-deal {
    background-color: var(--theme-color);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 11px;
    color: #fff;
    letter-spacing: .8px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.deal-section .deal-box .deal-detail .hot-deal span {
    line-height: 2.1
}

.deal-section .deal-box .deal-detail h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin: 10px 0 8px;
    text-transform: capitalize;
    font-weight: 500
}

.deal-section .deal-box .deal-detail .price {
    color: var(--theme-color);
    font-weight: 500;
    margin-bottom: 10px
}

.deal-section .deal-box .deal-detail .price span {
    color: #4a5568;
    text-decoration: line-through;
    font-weight: 400;
    transition: .3s ease
}

.deal-section .deal-box .deal-detail .custom-progressbar {
    border-radius: 50px;
    height: 10px
}

.deal-section .deal-box .deal-detail .custom-progressbar .progress-bar {
    background: var(--theme-color2);
    border-radius: 50px
}

.deal-section .deal-box .deal-detail .item {
    color: #4a5568;
    margin-top: 18px
}

.deal-section .deal-box .deal-detail .item span {
    color: #222;
    font-weight: 500
}

.deal-section .deal-box .deal-detail .timer {
    margin-top: 15px
}

.deal-section .deal-box .deal-detail .timer ul li .counter {
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.deal-section .deal-box .deal-detail .timer ul li .counter>div {
    line-height: 1
}

.deal-section .deal-box .offer {
    color: #4a5568;
    margin: 5px 0 12px
}

.category-section-2 .category-slider .shop-category-box {
    position: relative;
    padding-top: 14px
}

.category-section-2 .category-slider .shop-category-box:hover a::before {
    border-radius: 11px
}

.category-section-2 .category-slider .shop-category-box:hover a img {
    transform: scale(1.04)
}

.category-section-2 .category-slider .shop-category-box a {
    display: block;
    position: relative
}

.category-section-2 .category-slider .shop-category-box a.circle-1::before {
    background-color: #fff9d8
}

.category-section-2 .category-slider .shop-category-box a.circle-2::before {
    background-color: #fff2ec
}

.category-section-2 .category-slider .shop-category-box a.circle-3::before {
    background-color: #fce9e9
}

.category-section-2 .category-slider .shop-category-box a.circle-4::before {
    background-color: #fcf1ff
}

.category-section-2 .category-slider .shop-category-box a.circle-5::before {
  background-color: #e0efe8
}
.category-section-2 .category-slider .shop-category-box a.circle-6::before {
  background-color: #ddd3f1
}

.category-section-2 .category-slider .shop-category-box a.circle-7::before {
  background-color: #a2c4f6
}
.category-section-2 .category-slider .shop-category-box a.circle-8::before {
  background-color: #f5f2f2
}


.category-section-2 .category-slider .shop-category-box a.circle-9::before {
  background-color: #fff9d8
}
.category-section-2 .category-slider .shop-category-box a.circle-10::before {
  background-color: #fce9e9
}


.category-section-2 .category-slider .shop-category-box a::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all .3s ease-in-out
}

.category-section-2 .category-slider .shop-category-box a img {
    position: relative;
    width: calc(87px + 23*(100vw - 320px)/1600);
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-section-2 .category-slider .shop-category-box .category-name {
    position: relative;
    text-align: center;
    z-index: 0;
    margin: 16px auto 0
}

.category-section-2 .category-slider .shop-category-box .category-name h6 {
    transition: all .3s ease-in-out;
    margin: 0 auto;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
    font-weight: 500
}

.category-section-3 .category-box-list {
    padding: 20px;
    border-radius: 15px;
    background-color: #f1f1f3;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    z-index: 0
}

.category-section-3 .category-box-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--theme-color-rgb), 0.15);
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list:hover {
    background-color: #fff
}

.category-section-3 .category-box-list:hover::after {
    opacity: 1
}

.category-section-3 .category-box-list:hover .category-name h4 {
    font-weight: 700;
    color: var(--theme-color)
}

.category-section-3 .category-box-list:hover .category-name h6 {
    color: #222
}

.category-section-3 .category-box-list:hover .category-box-view .shop-button {
    opacity: 1;
    bottom: 17px
}

.category-section-3 .category-box-list:hover a img {
    opacity: .7;
    transform: scale(1.03)
}

.category-section-3 .category-box-list .category-box-view .shop-button {
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--theme-color);
    font-size: 14px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: -40px;
    opacity: 0
}

.category-section-3 .category-box-list .category-box-view .shop-button i {
    margin-left: 6px;
    font-size: 12px
}

.category-section-3 .category-box-list .category-name {
    margin-bottom: 20px;
    color: #222;
    display: block
}

.category-section-3 .category-box-list .category-name h4 {
    font-weight: 600;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list .category-name h6 {
    margin-top: 5px;
    color: #4a5568;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list a {
    display: block;
    position: relative
}

.category-section-3 .category-box-list a img {
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-section-4 .shop-category-box {
    text-align: center
}

.category-section-4 .shop-category-box img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 25px;
    margin: 0 auto;
    border: 2px solid #fff
}

.category-section-4 .shop-category-box .category-name {
    margin-top: 14px
}

.category-section-4 .shop-category-box .category-name h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.book-category {
    margin-bottom: 9px
}

.book-category .book-category-slider {
    width: 97%;
    margin-inline: auto
}

.book-category .category-box {
    background-color: #f8f8f8;
    margin: 0px auto;
    height: calc(135px + 31*(100vw - 320px)/1600);
    width: 81%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
    padding: calc(15px + 20*(100vw - 320px)/1600) 8px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.book-category .category-box:hover img {
    filter: unset
}

.book-category .category-box::after {
    content: unset
}

.book-category .category-box::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1em;
    background: rgba(0, 0, 0, .35);
    border-radius: 100%;
    bottom: -10px;
    filter: blur(5px);
    z-index: -1
}

.book-category .category-box img {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.book-category .category-box h5 {
    color: #fff;
    font-weight: 500;
    -webkit-line-clamp: 1;
    margin: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    z-index: 1
}

.feature-category-panel {
    margin-top: -50px
}

.feature-category-panel .feature-panel-slider {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: calc(16px + 4*(100vw - 320px)/1600);
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(221, 221, 221, .549);
    margin: 0 auto;
    width: 100%
}

.feature-category-panel .feature-panel-slider .cate-box {
    text-align: center;
    padding: calc(10px + 6*(100vw - 320px)/1600) calc(15px + 29*(100vw - 320px)/1600);
    display: block;
    border-radius: 8px;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease-in-out
}

.feature-category-panel .feature-panel-slider .cate-box:hover {
    background-color: rgba(0, 0, 0, 0)
}

.feature-category-panel .feature-panel-slider .cate-box:hover:before {
    opacity: 1;
    visibility: visible
}

.feature-category-panel .feature-panel-slider .cate-box:hover span {
    color: #fff;
    font-weight: 500
}

.feature-category-panel .feature-panel-slider .cate-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    z-index: -1;
    background-image: linear-gradient(140deg, #1a1c28 0%, #1c1b27 8%, #1e1b27 20%, #211b27 34%, #221924 49%, #241924 64%, #251822 78%, #261720 89%, #27171e 96%, #27161c 100%)
}

.feature-category-panel .feature-panel-slider .cate-box a {
    background-color: rgba(39, 32, 39, .5294117647);
    padding: 16px 25px;
    display: block;
    border-radius: 8px
}

.feature-category-panel .feature-panel-slider .cate-box span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    margin-block: -2px -4px;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.category-panel {
    margin-top: -50px
}

.category-panel .category-panel-slider {
    display: flex;
    align-items: center
}

.category-panel .category-panel-slider .cate-box {
    position: relative;
    text-align: center;
    display: block;
    background-color: #f8f8f8;
    padding: calc(19px + 16*(100vw - 320px)/1600) calc(11px + 4*(100vw - 320px)/1600);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out
}

.category-panel .category-panel-slider .cate-box:hover {
    border-color: #ddd
}

.category-panel .category-panel-slider .cate-box img {
    width: calc(39px + 6*(100vw - 320px)/1600);
    height: calc(39px + 6*(100vw - 320px)/1600);
    object-fit: contain;
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-panel .category-panel-slider .cate-box span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(6px + 4*(100vw - 320px)/1600);
    margin-bottom: -3px;
    display: block;
    color: #222
}

footer {
    background-color: #f8f8f8;
    position: relative;
    z-index: 0
}

footer::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('footer-shape.png');
    background-repeat: no-repeat;
    z-index: -1
}

@media(max-width: 1199px) {
    footer::after {
        content: none
    }
}

footer:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    bottom: 0;
    right: 0;
    background-image: url('footer-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1
}

@media(max-width: 1199px) {
    footer:before {
        content: none
    }
}

footer .main-footer {
    border-top: 1px dashed #c1c1c1
}

@media(max-width: 767px) {
    footer .main-footer {
        border: none;
        padding-top: 0
    }
}

footer .main-footer .footer-theme .footer-theme-contain {
    margin-top: calc(13px + 7*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

footer .main-footer .footer-theme .footer-theme-contain ul.address {
    margin-top: calc(17px + 13*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li {
    display: flex;
    align-items: center
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
    margin: 1px 0 0 10px;
    color: #4a5568
}

[dir=rtl] footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
    margin: 1px 10px 0 0
}

footer .main-footer .footer-theme .footer-theme-contain ul li {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain ul li a:hover {
    color: #4a5568
}

footer .main-footer .footer-theme .footer-theme-contain ul li+li {
    margin-top: calc(4px + 11*(100vw - 320px)/1600)
}

footer .main-footer .footer-logo .theme-logo {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    footer .main-footer .footer-logo .theme-logo {
        margin-bottom: 15px
    }
}

footer .main-footer .footer-logo .theme-logo a img {
    width: calc(120px + 40*(100vw - 320px)/1600)
}

footer .main-footer .footer-logo .theme-logo h4 {
    margin-left: 10px
}

footer .main-footer .footer-logo .footer-logo-contain {
    margin: calc(13px + 7*(100vw - 320px)/1600) 0
}

footer .main-footer .footer-logo .footer-logo-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0;
    width: 88%
}

@media(max-width: 360px) {
    footer .main-footer .footer-logo .footer-logo-contain p {
        width: 100%
    }
}

footer .main-footer .footer-logo .footer-logo-contain .address {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 7*(100vw - 320px)/1600);
    margin-top: calc(7px + 23*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address {
    padding-left: unset;
    padding-right: 0
}

footer .main-footer .footer-logo .footer-logo-contain .address li {
    display: flex;
    align-items: flex-start;
    width: 100%
}

footer .main-footer .footer-logo .footer-logo-contain .address li:hover a {
    color: var(--theme-color)
}

footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather {
    stroke: var(--theme-color)
}

footer .main-footer .footer-logo .footer-logo-contain .address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-logo .footer-logo-contain .address li a {
    margin: 0 0 0 10px;
    color: #4a5568;
    line-height: 18px;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address li a {
    margin-right: 10px;
    margin-left: unset
}

footer .main-footer .footer-title h4 {
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

@media(max-width: 575px) {
    footer .main-footer .footer-title h4 {
        font-weight: 500
    }
}

footer .main-footer .footer-contain {
    margin-top: calc(8px + 12*(100vw - 320px)/1600)
}

footer .main-footer .footer-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

footer .main-footer .footer-contain ul.address {
    margin-top: calc(17px + 13*(100vw - 320px)/1600)
}

footer .main-footer .footer-contain ul.address li {
    display: flex;
    align-items: flex-start
}

footer .main-footer .footer-contain ul.address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-contain ul.address li p,
footer .main-footer .footer-contain ul.address li a {
    margin: 0 0 0 10px;
    color: #4a5568;
    line-height: 18px
}

[dir=rtl] footer .main-footer .footer-contain ul.address li p,
[dir=rtl] footer .main-footer .footer-contain ul.address li a {
    margin-right: 10px;
    margin-left: unset
}

footer .main-footer .footer-contain ul li {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    position: relative
}

footer .main-footer .footer-contain ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    left: 0;
    background-color: var(--theme-color);
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease-in-out
}

[dir=rtl] footer .main-footer .footer-contain ul li::after {
    left: unset;
    right: -13px
}

footer .main-footer .footer-contain ul li:hover::after {
    opacity: 1
}

footer .main-footer .footer-contain ul li:hover a {
    color: var(--theme-color);
    margin-left: 13px
}

[dir=rtl] footer .main-footer .footer-contain ul li:hover a {
    margin-left: unset;
    margin-right: 13px
}

footer .main-footer .footer-contain ul li:hover a::before {
    width: 100%
}

footer .main-footer .footer-contain ul li:hover a::after {
    opacity: 1
}

footer .main-footer .footer-contain ul li a {
    display: inline-block;
    position: relative
}

footer .main-footer .footer-contain ul li a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: var(--theme-color);
    transition: all .3s ease-in-out
}

[dir=rtl] footer .main-footer .footer-contain ul li a::before {
    left: unset;
    right: 0
}

footer .main-footer .footer-contain ul li a::after {
    content: unset !important
}

footer .main-footer .footer-contain ul li+li {
    margin-top: calc(4px + 11*(100vw - 320px)/1600)
}

footer .main-footer .social-app::before {
    content: none
}

footer .main-footer .social-app ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center
}

footer .main-footer .social-app ul li {
    display: inline-block
}

footer .main-footer .social-app ul li::before {
    content: none !important
}

footer .main-footer .social-app ul li a {
    display: block
}

footer .main-footer .social-app ul li a img {
    width: calc(114px + 26*(100vw - 320px)/1600)
}

footer .main-footer .footer-contact {
    margin-top: calc(13px + 7*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-contact {
    padding-left: unset;
    padding-right: 0
}

footer .main-footer .footer-contact ul li {
    display: block;
    margin-bottom: calc(30px + 20*(100vw - 320px)/1600);
    position: relative
}

footer .main-footer .footer-contact ul li:last-child {
    margin-bottom: 0
}

footer .main-footer .footer-contact ul li:last-child::before {
    content: none
}

footer .main-footer .footer-contact ul li.social-app ul li a {
    display: block
}

footer .main-footer .footer-contact ul li.social-app ul li a img {
    width: 139px
}

footer .main-footer .footer-contact ul li::before {
    content: "";
    position: absolute;
    bottom: -24px;
    right: 0;
    width: calc(100% - 33px);
    border-bottom: 1px dashed #c1c1c1
}

[dir=rtl] footer .main-footer .footer-contact ul li::before {
    right: unset;
    left: 0
}

@media(max-width: 1460px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -20px
    }
}

@media(max-width: 991px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -18px
    }
}

@media(max-width: 767px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -16px
    }
}

@media(max-width: 360px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -13px
    }
}

footer .main-footer .footer-contact ul li .footer-number {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: flex-start
}

footer .main-footer .footer-contact ul li .footer-number .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-contact ul li .footer-number .contact-number h5 {
    margin-top: 6px;
    font-weight: 600;
    color: #222
}

footer .sub-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px dashed #c1c1c1
}

@media(max-width: 991px) {
    footer .sub-footer {
        display: block;
        text-align: center
    }
}

@media(max-width: 767px) {
    footer .sub-footer {
        margin-bottom: 66px
    }
}

@media(max-width: 991px) {
    footer .sub-footer .payment {
        margin: 8px 0
    }
}

footer .sub-footer .social-link {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    footer .sub-footer .social-link {
        justify-content: center
    }
}

footer .sub-footer .social-link h6 {
    margin-right: 10px
}

[dir=rtl] footer .sub-footer .social-link h6 {
    margin-left: 10px;
    margin-right: unset
}

footer .sub-footer .social-link ul {
    display: flex;
    align-items: center
}

footer .sub-footer .social-link ul li:hover i {
    transform: translateY(-5px)
}

footer .sub-footer .social-link ul li a {
    display: block
}

footer .sub-footer .social-link ul li a i {
    color: #4a5568;
    transition: all .3s ease-in-out
}

footer .sub-footer .social-link ul li+li {
    margin-left: 8px
}

[dir=rtl] footer .sub-footer .social-link ul li+li {
    margin-left: unset;
    margin-right: 8px
}

footer .sub-footer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px
}

@media(max-width: 991px) {
    footer .sub-footer ul {
        display: block;
        text-align: center
    }
}

footer .sub-footer ul li {
    display: block
}

.footer-section-2 {
    background-color: #f8f8f8
}

.footer-section-2::before,
.footer-section-2::after {
    content: none
}

.footer-section-2 .download-image {
    margin-top: calc(20px + 10*(100vw - 320px)/1600)
}

.footer-section-2.footer-color-2 {
    background-color: #051616
}

.footer-section-2.footer-color-3 {
    background-color: #1d2328
}

.footer-section-2 .main-footer {
    padding-bottom: calc(18px + 32*(100vw - 320px)/1600);
    border-top: unset
}

.footer-section-2 .main-footer .foot-logo img {
    width: calc(120px + 40*(100vw - 320px)/1600)
}

.footer-section-2 .main-footer .information-text {
    margin-bottom: 0;
    margin-top: calc(5px + 15*(100vw - 320px)/1600);
    color: #4a5568;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.7
}

.footer-section-2 .main-footer .information-text-2 {
    color: #bfbfbf;
    margin-top: calc(18px + 12*(100vw - 320px)/1600)
}

.footer-section-2 .main-footer .social-icon {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px
}

[dir=rtl] .footer-section-2 .main-footer .social-icon {
    padding-left: unset;
    padding-right: 0
}

.footer-section-2 .main-footer .social-icon li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg::after {
    background-color: #fff;
    opacity: .1;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg:hover::after {
    opacity: .3
}

.footer-section-2 .main-footer .social-icon li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .06;
    border-radius: 50%;
    z-index: -1;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li:hover::after {
    opacity: 1
}

.footer-section-2 .main-footer .social-icon li:hover i {
    color: #fff
}

.footer-section-2 .main-footer .social-icon li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568
}

.footer-section-2 .main-footer .social-icon li a i {
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li a.footer-link-color {
    color: #fff
}

.footer-section-2 .main-footer .download-app {
    margin-top: 20px
}

.footer-section-2 .main-footer .download-app span {
    margin-bottom: 0;
    margin-top: 20px;
    color: #4a5568;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.footer-section-2 .main-footer .download-app img {
    width: 110px;
    margin-left: 8px
}

.footer-section-2 .main-footer .footer-title {
    margin-bottom: calc(13px + 23*(100vw - 320px)/1600);
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-family: "Public Sans", sans-serif;
    font-weight: 600;
    position: relative
}

.footer-section-2 .main-footer .footer-list-light li a:hover {
    color: #fff
}

.footer-section-2 .main-footer .footer-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(7px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .footer-section-2 .main-footer .footer-list {
    padding-right: 0
}

.footer-section-2 .main-footer .footer-list li {
    display: block;
    width: 100%
}

@media(max-width: 575px) {
    .footer-section-2 .main-footer .footer-list li:last-child {
        margin-bottom: 16px
    }
}

.footer-section-2 .main-footer .footer-list li a {
    color: #4a5568;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px
}

.footer-section-2 .main-footer .footer-list li a i {
    margin-right: 10px
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a i {
    margin-right: unset;
    margin-left: 10px
}

.footer-section-2 .main-footer .footer-list li a.light-text {
    color: #bfbfbf
}

.footer-section-2 .main-footer .footer-list li a:hover {
    color: #fff;
    padding-left: 14px
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover {
    padding-left: unset;
    padding-right: 14px
}

.footer-section-2 .main-footer .footer-list li a:hover::before {
    left: 0;
    opacity: .7
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover::before {
    left: unset;
    right: 0
}

.footer-section-2 .main-footer .footer-list li a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    border-radius: 100%;
    opacity: 0;
    background-color: #fff;
    transition: all .3s ease-in-out
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:before {
    left: unset;
    right: -20px
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: unset;
    height: unset;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    left: 0;
    opacity: 0;
    background: none;
    color: var(--theme-color)
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover {
    padding-left: 6px;
    color: var(--theme-color)
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover::before {
    opacity: 1
}

[dir=rtl] .footer-section-2 .main-footer .footer-address {
    padding-right: 0
}

.footer-section-2 .main-footer .footer-address li {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.footer-section-2 .main-footer .footer-address li:last-child {
    margin-bottom: 0
}

.footer-section-2 .main-footer .footer-address li a {
    color: #4a5568;
    position: relative;
    font-size: 16px;
    display: block;
    width: 100%
}

.footer-section-2 .main-footer .footer-address li a.light-text {
    color: #bfbfbf
}

.footer-section-2 .main-footer .footer-address li a .inform-box {
    display: flex;
    align-items: center
}

.footer-section-2 .main-footer .footer-address li a .inform-box.flex-start-box {
    align-items: flex-start
}

.footer-section-2 .main-footer .footer-address li a .inform-box .feather {
    margin-right: 10px;
    width: 20px
}

[dir=rtl] .footer-section-2 .main-footer .footer-address li a .inform-box .feather {
    margin-right: unset;
    margin-left: 10px
}

.footer-section-2 .main-footer .footer-address li a .inform-box p {
    margin: -3px 0 0;
    width: calc(100% + -36*(100vw - 320px)/1600);
    font-size: 16px;
    line-height: 30px
}

.footer-section-2 .sub-footer {
    border-top: 1px solid #ececec
}

.footer-section-2 .sub-footer-lite {
    border-top: 1px solid rgba(236, 236, 236, .2)
}

.footer-section-2 .sub-footer p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    text-transform: capitalize
}

.footer-section-2 .sub-footer p.light-text {
    color: #bfbfbf
}

.footer-section-2 .sub-footer .payment-box {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 1199px) {
    .footer-section-2 .sub-footer .payment-box {
        justify-content: center;
        margin-top: 10px
    }
}

.footer-section-2 .sub-footer .payment-box li {
    margin: 0 5px
}

.footer-section-2 .sub-footer .payment-box li img {
    width: 40px;
    margin-bottom: -6px;
    display: block
}

.footer-sm {
    margin-left: 320px;
    background-color: #fff
}

[dir=rtl] .footer-sm {
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    .footer-sm {
        margin-left: 0
    }

    [dir=rtl] .footer-sm {
        margin-left: unset;
        margin-right: 0
    }
}

.footer-sm:after,
.footer-sm:before {
    display: none
}

.footer-sm .sub-footer {
    border-top: none;
    padding: 20px 0
}

.footer-section-4 {
    background-image: url('footer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.footer-section-4 .main-footer {
    padding-block: calc(18px + 32*(100vw - 320px)/1600);
    border-top: 1px solid rgba(236, 236, 236, .2)
}

.onhover-category-box {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    box-shadow: 0 0 8px #ddd;
    padding: 20px 25px;
    border-radius: 5px;
    width: 520px;
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: auto auto;
    opacity: 0;
    visibility: hidden;
    margin-left: 14px;
    transition: all .3s ease-in-out
}

[dir=rtl] .onhover-category-box {
    margin-left: unset;
    margin-right: 14px;
    left: unset;
    right: 100%
}

@media(max-width: 1199px) {
    .onhover-category-box {
        grid-template-columns: auto;
        display: block;
        width: 100%
    }

    .onhover-category-box .list-2 {
        margin-top: 15px
    }
}

@media(max-width: 767px) {
    .onhover-category-box {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        box-shadow: none;
        padding: 12px 11px;
        margin-top: 7px;
        opacity: 1;
        visibility: visible;
        margin-left: 0
    }
}

.onhover-category-box .category-title-box {
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.onhover-category-box .category-title-box h5 {
    font-weight: 600
}

.onhover-category-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4px + 7*(100vw - 320px)/1600)
}

.onhover-category-box ul li {
    position: relative
}

.onhover-category-box ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

.onhover-category-box ul li a {
    margin-left: 13px
}

.onhover-category-box ul~.category-title-box {
    margin-top: 15px !important
}

header.active .sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #222;
    box-shadow: 0 8px 10px rgba(34, 34, 34, .05);
    z-index: 9;
    padding: calc(15px + 9*(100vw - 320px)/1600) 0
}

header.active .sticky-header-2 {
    background-color: var(--theme-color);
    padding: 14px 0
}

header.active .sticky-header-3 {
    padding: 14px 0
}

header .timer-notification {
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out;
    position: relative
}

@media(max-width: 1399px) {
    header .timer-notification {
        text-align: left
    }
}

header .timer-notification h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

header .timer-notification h6 a {
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px
}

header .header-notification {
    position: relative
}

header .header-notification.remove {
    display: none
}

@media(max-width: 767px) {
    header .header-notification .notification-slider .timer-notification {
        width: 80%;
        margin: 0 auto
    }
}

header .header-notification .close-notification {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 11px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

@media(max-width: 575px) {
    header .header-notification .close-notification {
        top: 10px;
        transform: none
    }
}

@media(max-width: 575px) {
    header .header-notification .close-notification span {
        display: none
    }
}

header .header-notification .close-notification i {
    margin-left: 5px;
    margin-top: 1px
}

@media(min-width: 768px) {
    header .onhover-category-list:hover .onhover-category-box {
        opacity: 1 !important;
        visibility: visible !important;
        margin-left: 0 !important;
    }

    [dir=rtl] header .onhover-category-list:hover .onhover-category-box {
        margin-left: unset !important;
        margin-right: 0 !important;
    }
}

@media(max-width: 767px) {
    header .onhover-category-list .list-1 {
        margin-bottom: 21px
    }
}

header .onhover-category-list .onhover-category-box {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    box-shadow: 0 0 8px #ddd;
    padding: 20px 25px;
    border-radius: 5px;
    width: 520px;
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: auto auto;
    opacity: 0;
    visibility: hidden;
    margin-left: 14px;
    transition: all .3s ease-in-out
}

[dir=rtl] header .onhover-category-list .onhover-category-box {
    margin-left: unset;
    margin-right: 14px
}

@media(max-width: 991px) {
    header .onhover-category-list .onhover-category-box {
        grid-template-columns: auto;
        display: block;
        width: 100%
    }

    header .onhover-category-list .onhover-category-box .list-2 {
        margin-top: 15px
    }
}
@media(max-width: 767px) {
    /* OCULTAR TODO POR DEFECTO EN MÓVIL */
    header .onhover-category-list .onhover-category-box {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: none;
        padding: 0; /* Sin padding inicial */
        margin: 0;
        /* CRÍTICO: TODO OCULTO */
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* BLOQUEAR HOVER EN MÓVIL */
    header .onhover-category-list:hover .onhover-category-box {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* SOLO MOSTRAR CON CLASE mobile-active */
    header .onhover-category-list .onhover-category-box.mobile-active {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 12px 11px !important;
        margin-top: 7px !important;
    }
}

@media(min-width: 768px) {
    header .onhover-category-list:hover .onhover-category-box {
        opacity: 1;
        visibility: visible;
        margin-left: 0;
    }
}

header .onhover-category-list .onhover-category-box .category-title-box {
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

header .onhover-category-list .onhover-category-box .category-title-box h5 {
    font-weight: 600
}

header .onhover-category-list .onhover-category-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4px + 7*(100vw - 320px)/1600)
}

header .onhover-category-list .onhover-category-box ul li {
    position: relative
}

header .onhover-category-list .onhover-category-box ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] header .onhover-category-list .onhover-category-box ul li::after {
    left: unset;
    right: 0
}

header .onhover-category-list .onhover-category-box ul li a {
    margin-left: 13px
}

[dir=rtl] header .onhover-category-list .onhover-category-box ul li a {
    margin-left: 0;
    margin-right: 13px
}

header .header-top {
    padding: 10px 0;
    background-color: var(--theme-color)
}

header .header-top-2 {
    background-color: #222
}

header .header-top .top-left-header {
    display: flex;
    align-items: center;
    height: 100%
}

header .header-top .top-left-header i {
    font-size: 18px;
    margin-right: 5px
}

[dir=rtl] header .header-top .top-left-header i {
    margin-right: unset;
    margin-left: 5px
}

header .header-top .top-left-header span {
    margin-top: 1px;
    font-weight: 500
}

header .header-top .about-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%
}

[dir=rtl] header .header-top .about-list {
    padding-left: unset;
    padding-right: 0
}

header .header-top .about-list li {
    display: flex;
    align-items: center
}

header .header-top .about-list li i {
    font-size: 18px;
    margin-right: 5px
}

[dir=rtl] header .header-top .about-list li i {
    margin-right: unset;
    margin-left: 5px
}

header .header-top .about-list li span {
    margin-top: 1px;
    font-weight: 500
}

header .header-top .about-list li+li {
    margin-left: 25px;
    position: relative
}

[dir=rtl] header .header-top .about-list li+li {
    margin-left: unset;
    margin-right: 25px
}

header .header-top .about-list li+li::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 90%;
    top: 10px;
    left: -13px;
    background-color: rgba(255, 255, 255, .3)
}

[dir=rtl] header .header-top .about-list li+li::after {
    left: unset;
    right: -13px
}

header .header-top .about-list li .theme-form-select {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    background-image: none;
    position: relative
}

header .header-top .about-list li .theme-form-select::before {
    content: unset
}

header .header-top .about-list li .theme-form-select .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0 18px 0 0
}

header .header-top .about-list li .theme-form-select .dropdown-toggle img {
    width: 20px;
    margin-right: 10px
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-toggle img {
    margin-right: unset;
    margin-left: 10px
}

header .header-top .about-list li .theme-form-select .dropdown-toggle::after {
    content: none
}

header .header-top .about-list li .theme-form-select .dropdown-toggle:focus {
    box-shadow: none
}

header .header-top .about-list li .theme-form-select .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff
}

header .header-top .about-list li .theme-form-select .dropdown-menu.sm-dropdown-menu {
    min-width: 100%
}

header .header-top .about-list li .theme-form-select .dropdown-menu li+li {
    margin-left: 0
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li+li {
    margin-left: unset;
    margin-right: 0
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item {
    display: flex;
    align-items: center
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:hover,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:focus {
    background-color: rgba(0, 0, 0, 0)
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item.active,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:active {
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img {
    width: 20px;
    margin-right: 10px
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img {
    margin-right: unset;
    margin-left: 10px
}

header .nav-about {
    padding: 10px 0;
    background-color: var(--theme-color)
}

header .nav-about-2 {
    background-color: #222
}

header .top-nav {
    padding: 24px 0
}

@media(max-width: 767px) {
    header .top-nav {
        padding: 24px 0 0
    }
}

header .top-nav .navbar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top {
        justify-content: normal
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top {
        justify-content: space-between
    }
}

header .top-nav .navbar-top .web-logo img {
    width: calc(120px + 42*(100vw - 320px)/1600);
    height: auto;
    object-fit: contain
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .web-logo img {
        margin: 0 auto
    }
}

header .top-nav .navbar-top .middle-box {
    display: flex;
    align-items: left;
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .middle-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box {
    border-radius: 5px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    padding: 7px;
    padding-right: 20px;
    margin-right: 13px;
    position: relative
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
    margin-right: unset;
    margin-left: 13px;
    padding-right: 7px;
    padding-left: 20px
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .middle-box .location-box {
        margin-right: unset;
        margin-left: 13px
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
        margin-left: unset;
        margin-right: 13px
    }
}

@media(max-width: 1556px) {
    header .top-nav .navbar-top .middle-box .location-box {
        padding-right: 7px
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
        padding-right: 7px;
        padding-left: 7px
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .middle-box .location-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box button {
    display: flex;
    align-items: center;
    padding: 0
}

header .top-nav .navbar-top .middle-box .location-box button:focus {
    box-shadow: none
}

header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    background-color: #f3f5f9;
    border-radius: 5px;
    margin-right: 12px
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
    margin-right: unset;
    margin-left: 12px
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
        margin-right: 0
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
        margin-right: unset;
        margin-left: 0
    }
}

header .top-nav .navbar-top .middle-box .location-box button .location-arrow .feather {
    width: 16px;
    height: 16px
}

header .top-nav .navbar-top .middle-box .location-box button .locat-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color)
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button .locat-name {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box button i {
    margin-left: 17px;
    color: #4a5568
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button i {
    margin-left: unset;
    margin-right: 17px
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button i {
        display: none
    }
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .middle-box .search-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .search-box .input-group ::placeholder {
    font-size: 16px;
    font-weight: 400
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
    width: 577px;
    border-radius: 5px 0 0 5px;
    border-color: #ececec
}

[dir=rtl] header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
    border-radius: 0 5px 5px 0
}

@media(max-width: 1812px) {
    header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
        width: 466px
    }
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control:focus {
    border-color: var(--theme-color);
    background-color: #fff
}

header .top-nav .navbar-top .middle-box .search-box .input-group button {
    background-color: #ffa53b;
    color: #fff;
    padding: 14px 20px;
    border-radius: 5px;
    border: 1px solid #ffa53b
}

header .top-nav .navbar-top .middle-box .search-box .input-group button.bg-theme {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

header .top-nav .navbar-top .middle-box .search-box .input-group button.search-button-2 {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

[dir=rtl] header .top-nav .navbar-top .middle-box .search-box .input-group button {
    border-radius: 5px 0 0 5px !important
}

header .top-nav .navbar-top .middle-box .search-box .input-group button .feather {
    width: 20px;
    height: 20px
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .rightside-box {
        margin-left: auto
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box {
        margin-left: unset;
        margin-right: auto
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box {
        margin-left: unset
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box {
        margin-left: unset;
        margin-right: unset
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu {
    display: flex;
    align-items: center
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu {
    padding-left: unset;
    padding-right: 0
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    position: relative;
    padding-right: 32px
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    padding-right: unset;
    padding-left: 32px
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
        display: none
    }

    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
        display: block
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
    display: none
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
        display: block
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
        display: none
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
    padding-right: 0
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
    padding-right: unset;
    padding-left: 0
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before {
    content: none
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    right: 14px;
    background-color: rgba(74, 85, 104, .5)
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
    right: unset;
    left: 14px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box {
    display: flex;
    align-items: center;
    cursor: default
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #222;
    margin-right: 14px;
    stroke-width: 1.5
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    margin-right: unset;
    margin-left: 14px
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
        margin-right: 0
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
        margin-right: unset;
        margin-left: 0
    }
}



.delivery-detail {
  cursor: pointer !important;
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail {
        display: none
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
    color: #4a5568;
    margin-bottom: 3px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    font-weight: 500;
    color: #222
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge {
    padding-right: 9px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    stroke-width: 1.5;
    color: #4a5568
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
        color: #222
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist:focus {
    box-shadow: none
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff7272;
    font-size: 12px;
    padding: 0;
    border-radius: 2px
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    right: 0 !important
}

header .onhover-dropdown {
    position: relative
}

header .onhover-dropdown:hover .onhover-div {
    opacity: 1;
    top: 50px;
    visibility: visible
}

header .onhover-dropdown .onhover-div {
    position: absolute;
    top: 60px;
    right: -10px;
    background-color: #fff;
    z-index: 1001;
    width: 320px;
    border-radius: 10px;
    padding: calc(14px + 16*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    opacity: 0;
    transition: all .3s ease-in-out;
    visibility: hidden
}

[dir=rtl] header .onhover-dropdown .onhover-div {
    right: unset;
    left: 20px
}

header .onhover-dropdown .onhover-div-login {
    right: 0;
    width: 160px;
    padding: 20px
}

header .onhover-dropdown .onhover-div-login .user-box-name {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center
}

header .onhover-dropdown .onhover-div-login .user-box-name li {
    display: block;
    width: 100%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a {
    color: #222;
    display: block;
    position: relative
}

header .onhover-dropdown .onhover-div-login .user-box-name li a:hover::after {
    width: 40%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

header .onhover-dropdown .onhover-div .cart-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 15*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(12px + 10*(100vw - 320px)/1600)
}

[dir=rtl] header .onhover-dropdown .onhover-div .cart-list {
    padding-right: 0
}

header .onhover-dropdown .onhover-div .cart-list li {
    margin: 0 !important
}

header .onhover-dropdown .onhover-div .cart-list li::after {
    content: none !important
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: center;
    position: relative
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart::after {
    content: none
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
    width: 87px;
    background: #f8f8f8;
    padding: 10px
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: 500
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: flex-end
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span {
    margin-top: -2px;
    color: #4a5568
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    color: #4a5568
}

[dir=rtl] header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
    right: unset;
    left: 0
}

header .onhover-dropdown .onhover-div .button-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

header .onhover-dropdown .onhover-div .button-group .cart-button {
    border: 2px solid var(--theme-color);
    color: var(--theme-color);
    padding: 6px 10px
}

header .onhover-dropdown .onhover-div .button-group .cart-button:hover {
    background-color: var(--theme-color);
    color: #fff
}

header .onhover-dropdown .onhover-div .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

header .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

header .search-full .input-group {
    border: 1px solid #f0f3f8
}

header .search-full .input-group .input-group-text {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

header .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

header .search-full .input-group .input-group-text svg {
    height: 18px
}

header .search-full .input-group input {
    border: none
}

header .search-full.open {
    width: 100%;
    height: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease
}

header .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

header .header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header .header-nav .header-nav-left {
    position: relative
}

header .header-nav .header-nav-left .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(10px + 5*(100vw - 320px)/1600) calc(16px + 15*(100vw - 320px)/1600);
    background: var(--theme-color2);
    color: #fff;
    border-radius: 5px;
    border: none
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .dropdown-category {
        display: none
    }
}

header .header-nav .header-nav-left .dropdown-category-2 {
    background: linear-gradient(93.33deg, #222221 12.35%, #2f2f2d 99.38%)
}

header .header-nav .header-nav-left .dropdown-category .feather {
    font-size: 23px;
    margin-right: calc(9px + 7*(100vw - 320px)/1600)
}

[dir=rtl] header .header-nav .header-nav-left .dropdown-category .feather {
    margin-right: unset;
    margin-left: calc(9px + 7*(100vw - 320px)/1600)
}

header .header-nav .header-nav-left .dropdown-category span {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

header .header-nav .header-nav-left .dropdown-category .dropdown {
    display: inline-block
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown {
    position: unset
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown a {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: background .35s ease;
    font-family: "Public Sans", sans-serif;
    font-weight: 500;
    font-size: 18px
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown .fa {
    margin-top: 3px;
    margin-left: 10px;
    font-size: 14px;
    color: var(--theme-color)
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
    display: none;
    border: 1px solid #ececec;
    border-radius: 5px;
    position: absolute;
    top: 53px;
    width: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14);
    z-index: 999
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul .show {
    display: block
}

@media(max-width: 1199px) {
    header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px
    }
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
    transition: background .35s ease;
    color: #222
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 6px
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:last-child {
    border-bottom: none
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:focus,
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:hover {
    background-color: #ececec
}

header .header-nav .header-nav-left:hover .category-dropdown {
    opacity: 1;
    visibility: visible;
    top: 63px
}

header .header-nav .header-nav-left .category-dropdown {
    position: absolute;
    top: 72px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
    z-index: 2;
    width: 300px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown {
    left: unset;
    right: 0
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown {
        width: calc(300px + 20*(100vw - 320px)/1600);
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out;
        box-shadow: none
    }

    [dir=rtl] header .header-nav .header-nav-left .category-dropdown {
        left: unset;
        right: -320px
    }

    header .header-nav .header-nav-left .category-dropdown.show {
        left: 0
    }

    [dir=rtl] header .header-nav .header-nav-left .category-dropdown.show {
        left: unset;
        right: 0
    }

    header .header-nav .header-nav-left .category-dropdown:hover {
        opacity: 1;
        visibility: visible;
        top: 0
    }
}

header .header-nav .header-nav-left .category-dropdown .category-title {
    display: none
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown .category-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 24px;
        border-bottom: 1px solid #ececec;
        box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
    }
}

header .header-nav .header-nav-left .category-dropdown .category-title h5 {
    color: var(--theme-color);
    font-weight: 600
}

header .header-nav .header-nav-left .category-dropdown .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 25px
}

header .header-nav .header-nav-left .category-dropdown .category-list li {
    display: block;
    width: 100%
}

header .header-nav .header-nav-left .category-dropdown .category-list li a {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: #4a5568
}

header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6 {
    letter-spacing: .3px
}

header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6::before {
    width: 65px
}

header .header-nav .header-nav-left .category-dropdown .category-list li a img {
    width: 23px;
    height: 23px;
    object-fit: contain
}

header .header-nav .header-nav-left .category-dropdown .category-list li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    transition: all .3s ease-in-out
}

header .header-nav .header-nav-left .category-dropdown .category-list li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a h6:before {
    left: unset;
    right: 0
}

header .header-nav .header-nav-left .category-dropdown .category-list li a .according-menu {
    margin-left: auto
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a .according-menu {
    margin-left: unset;
    margin-right: auto
}

header .header-nav .header-nav-left .category-dropdown .category-list li a i {
    margin-left: auto
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a i {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown .category-list li a i {
        display: none
    }
}

@media(max-width: 767px) {
    header .header-nav .header-nav-right {
        display: none
    }
}

header .header-nav .header-nav-right .deal-button {
    color: var(--theme-color);
    padding: calc(6px + 9*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0
}

header .header-nav .header-nav-right .deal-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

header .header-nav .header-nav-right .deal-button .feather {
    margin-right: 10px;
    stroke-width: 1.5px
}

[dir=rtl] header .header-nav .header-nav-right .deal-button .feather {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 1366px) {
    header .header-nav .header-nav-right .deal-button .feather {
        margin-right: 0
    }

    [dir=rtl] header .header-nav .header-nav-right .deal-button .feather {
        margin-right: unset;
        margin-left: 0
    }
}

header .header-nav .header-nav-right .deal-button span {
    font-size: 16px;
    font-weight: 600
}

@media(max-width: 1366px) {
    header .header-nav .header-nav-right .deal-button span {
        display: none
    }
}

header.header-compact .top-nav .navbar-top {
    justify-content: unset
}

header.header-compact .top-nav .navbar-top .rightside-box {
    margin-left: auto;
    display: flex;
    align-items: center
}

[dir=rtl] header.header-compact .top-nav .navbar-top .rightside-box {
    margin-left: unset;
    margin-right: auto
}

header.header-compact .location-box {
    padding-right: 10px
}

header.bg-theme .navbar-light .navbar-nav .nav-link {
    color: #fff !important
}

header.bg-theme .navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side:before {
    background-color: rgba(255, 255, 255, .5)
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    color: #fff
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    color: #fff
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
    color: rgba(255, 255, 255, .7)
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #fff
}

header.bg-theme .location-box {
    border-color: rgba(255, 255, 255, .5)
}

header.bg-theme .location-box button i {
    color: #fff
}

header.bg-theme .location-box button .locat-name {
    color: #fff
}

header.bg-theme .location-box button .location-arrow {
    color: #fff;
    background-color: rgba(255, 255, 255, .24)
}

header.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1
}

header.header-absolute.bg-theme {
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 1200px) {
    [dir=rtl] header.header-absolute .navbar-expand-xl .dropdown:hover .dropdown-menu-2 {
        transform: translateX(-50%) translateY(0)
    }
}

header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 320px);
    z-index: 1;
    background-color: #fff;
    margin-left: 320px;
    border-bottom: 1px solid #ececec
}

[dir=rtl] header.fixed-header {
    left: unset;
    right: 0;
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    header.fixed-header {
        width: 100%;
        margin-left: 0
    }

    [dir=rtl] header.fixed-header {
        margin-left: unset;
        margin-right: 0
    }
}

header.fixed-header .top-nav {
    padding: 18px 0
}

header .location-box {
    border-radius: 5px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    padding: 7px;
    padding-right: 20px;
    margin-right: 13px;
    position: relative
}

[dir=rtl] header .location-box {
    margin-right: unset;
    margin-left: 13px;
    padding-right: 7px;
    padding-left: 20px
}

@media(max-width: 1199px) {
    header .location-box {
        margin-right: unset;
        margin-left: 13px
    }

    [dir=rtl] header .location-box {
        margin-left: unset;
        margin-right: 13px
    }
}

@media(max-width: 1556px) {
    header .location-box {
        padding-right: 7px
    }

    [dir=rtl] header .location-box {
        padding-right: 7px;
        padding-left: 7px
    }
}

@media(max-width: 767px) {
    header .location-box {
        display: none
    }
}

header .location-box button {
    display: flex;
    align-items: center;
    padding: 0
}

header .location-box button:focus {
    box-shadow: none
}

header .location-box button .location-arrow {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    background-color: #f3f5f9;
    border-radius: 5px;
    margin-right: 12px
}

[dir=rtl] header .location-box button .location-arrow {
    margin-right: unset;
    margin-left: 12px
}

@media(max-width: 1300px) {
    header .location-box button .location-arrow {
        margin-right: 0
    }

    [dir=rtl] header .location-box button .location-arrow {
        margin-right: unset;
        margin-left: 0
    }
}

header .location-box button .location-arrow .feather {
    width: 16px;
    height: 16px
}

header .location-box button .locat-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color)
}

@media(max-width: 1300px) {
    header .location-box button .locat-name {
        display: none
    }
}

header .location-box button i {
    margin-left: 17px;
    color: #4a5568
}

[dir=rtl] header .location-box button i {
    margin-left: unset;
    margin-right: 17px
}

@media(max-width: 1300px) {
    header .location-box button i {
        display: none
    }
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    padding: 10px;
    width: 100%;
    background-color: var(--theme-color);
    z-index: 2;
    overflow: hidden;
    box-shadow: 0 -3px 10px 0px rgba(0, 0, 0, .08)
}

[dir=rtl] .mobile-menu {
    left: 0
}

.mobile-menu ul {
    display: flex;
    width: 70%;
    margin: 0 auto
}

@media(max-width: 767px) {
    .mobile-menu ul {
        width: 80%
    }
}

@media(max-width: 480px) {
    .mobile-menu ul {
        width: 95%
    }
}

@media(max-width: 360px) {
    .mobile-menu ul {
        width: 100%
    }
}

[dir=rtl] .mobile-menu ul {
    padding: 0
}

.mobile-menu ul li {
    width: 100%;
    text-align: center
}

.mobile-menu ul li.active {
    transition: .3s ease;
    position: relative
}

.mobile-menu ul li.active::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 2px
}

.mobile-menu ul li a {
    display: block
}

.mobile-menu ul li a img {
    display: block;
    margin: 0px auto
}

.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
    color: #222
}

@media(max-width: 360px) {
    .mobile-menu ul li a {
        font-size: 13px
    }
}

.mobile-menu ul li a .icli {
    display: inline-block;
    margin: 0 auto;
    font-size: calc(20px + 2*(100vw - 320px)/1600);
    color: #fff
}

.mobile-menu ul li a span {
    display: block;
    color: #fff
}

.header-2 .navbar-top {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .header-2 .navbar-top {
        justify-content: space-between
    }
}

.header-2 .navbar-top .navbar-toggler:focus {
    box-shadow: none
}

.header-2 .search-box {
    display: none
}

@media(max-width: 991px) {
    .header-2 .search-box {
        display: block;
        background-color: #fff;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #4a5568;
        text-align: right;
        margin-left: auto
    }

    .header-2 .search-box a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000
    }

    .header-2 .search-box a .icli {
        font-size: 25px
    }
}

@media(max-width: 480px) {
    .header-2 .search-box {
        margin-left: unset
    }
}

.header-2 .dropdown-list.drop-state {
    margin-right: 20px;
    width: 100%;
    display: flex;
    align-items: center
}

@media(max-width: 1199px) {
    .header-2 .dropdown-list.drop-state {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .header-2 .dropdown-list {
        background-color: rgba(0, 0, 0, 0);
        margin: 0
    }
}

.header-2 .dropdown-list .location-icon {
    margin-right: 8px;
    display: flex
}

.header-2 .dropdown-list .location-icon .iconly-Location {
    font-size: 25px
}

.header-2 .dropdown-list .dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-2 .dropdown-list .dropdown .dropdown-toggle {
    padding-left: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    margin-top: 4px
}

.header-2 .dropdown-list .dropdown .dropdown-toggle::after {
    display: none
}

.header-2 .dropdown-list .dropdown .dropdown-toggle i {
    color: #000;
    margin-left: 5px
}

.header-2 .dropdown-list .dropdown .dropdown-menu {
    min-width: 100%
}

.header-2 .dropdown-list .dropdown .dropdown-menu li {
    display: block
}

.header-2 .form-select {
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    font-family: "Public Sans", sans-serif;
    color: #222
}

.header-2 .form-select:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.header-2 .top-nav {
    padding: 14px 0;
    border-bottom: 1px solid #ececec
}

@media(max-width: 767px) {
    .header-2 .top-nav {
        border-bottom: unset;
        padding-bottom: 0
    }
}

.header-2 .top-nav-color {
    background-color: #ffe03e
}

.header-2 .top-nav span {
    color: #222
}

.header-2 .top-nav span .icli {
    font-size: 25px
}

.header-2 .top-nav .nav-logo {
    display: flex;
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: bolder;
    font-family: "Public Sans", sans-serif
}

.header-2 .top-nav .nav-logo span {
    color: #222
}

.header-2 .top-nav .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .header-2 .top-nav .search-full {
        right: -5px
    }
}

.header-2 .top-nav .search-full .input-group {
    border: 1px solid #f0f3f8;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .search-full .input-group .input-group-text {
    background-color: #fff;
    border: none;
    color: #4a5568
}

.header-2 .top-nav .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

.header-2 .top-nav .search-full .input-group input {
    border: none;
    height: 50px
}

.header-2 .top-nav .search-full.open {
    width: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease;
    padding: 0 30px
}

@media(max-width: 575px) {
    .header-2 .top-nav .search-full.open {
        padding: 0 25px
    }
}

@media(max-width: 480px) {
    .header-2 .top-nav .search-full.open {
        padding: 0 15px
    }
}

@media(max-width: 360px) {
    .header-2 .top-nav .search-full.open {
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        width: 95%
    }
}

.header-2 .top-nav .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

.header-2 .top-nav .middle-box {
    display: inline-block;
    margin-left: calc(16px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .header-2 .top-nav .middle-box {
    margin-left: unset;
    margin-right: calc(16px + 13*(100vw - 320px)/1600)
}

@media(max-width: 1366px) {
    .header-2 .top-nav .middle-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 25px;
        float: right
    }
}

@media(max-width: 1199px) {
    .header-2 .top-nav .middle-box {
        margin-left: 15px
    }
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .center-box {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box .center-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .searchbar-box {
    position: relative;
    margin-right: 2%
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box .searchbar-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .searchbar-box .search-button {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0 19px;
    right: 0;
    height: 100%;
    cursor: pointer
}

[dir=rtl] .header-2 .top-nav .middle-box .searchbar-box .search-button {
    right: unset;
    left: 0
}

.header-2 .top-nav .middle-box .searchbar-box .search-button .iconly-Search {
    font-size: calc(18px + 7*(100vw - 320px)/1600);
    color: #4a5568
}

.header-2 .top-nav .middle-box .searchbar-box input {
    width: 520px;
    height: 45px;
    padding: 8px 60px 8px 18px;
    color: #222;
    border-color: #d3d3d3;
    font-size: 14px;
    border-radius: 30px;
}

[dir=rtl] .header-2 .top-nav .middle-box .searchbar-box input {
    padding: 8px 18px 8px 60px
}

@media(max-width: 1754px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 500px;
        border-radius: 30px;
    }
}

@media(max-width: 1678px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 470px;
        border-radius: 30px;
    }
}

@media(max-width: 1604px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 440px;
        border-radius: 30px;
    }
}

@media(max-width: 1332px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 400px;
        border-radius: 30px;
    }
}

@media(max-width: 1270px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 370px;
        border-radius: 30px;
    }
}

@media(max-width: 1235px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 340px;
        border-radius: 30px;

    }
}


/* Borde Imagen Soporte */

.borde_support{
    border-radius: 30px !important;
    width: 85%;
}

.header-2 .top-nav .middle-box .searchbar-box input:focus {
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .middle-box .searchbar-box input::placeholder {
    color: #4a5568;
    font-size: 16px
}

.header-2 .top-nav .middle-box .location-box-2 {
    display: flex;
    align-items: center;
    margin-right: 20px;
    position: relative
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 {
    margin-right: unset;
    margin-left: 20px
}

@media(max-width: 1199px) {
    .header-2 .top-nav .middle-box .location-box-2 {
        margin-right: unset;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .header-2 .top-nav .middle-box .location-box-2 {
        display: none
    }
}

.header-2 .top-nav .middle-box .location-box-2 button {
    display: flex;
    align-items: center;
    padding: 0
}

.header-2 .top-nav .middle-box .location-box-2 button:focus {
    box-shadow: none
}

.header-2 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: 9px;
    font-size: 22px
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: unset;
    margin-left: 9px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button .icli {
        margin-right: 0
    }
}

.header-2 .top-nav .middle-box .location-box-2 button span {
    font-size: 16px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button span {
        display: none
    }
}

.header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: 10px
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
        display: none
    }
}

.header-2 .rightside-menu {
    display: flex;
    align-items: center;
    /* margin-left: auto */
}

[dir=rtl] .header-2 .rightside-menu {
    margin-left: unset;
    margin-right: auto
}

.header-2 .rightside-menu .dropdown-dollar {
    display: flex;
    align-items: center;
    margin-right: 22px
}

@media(max-width: 991px) {
    .header-2 .rightside-menu .dropdown-dollar {
        display: none
    }
}

.header-2 .rightside-menu .dropdown-dollar .dropdown {
    position: relative;
    z-index: 1
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: 8px
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: unset;
    margin-right: 8px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after {
    display: none
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: 23px
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: unset;
    margin-right: 23px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    left: -10px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    left: unset;
    right: -10px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu {
    min-width: 100%
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li {
    display: block
}

.header-2 .rightside-menu .wishlist-box {
    display: flex;
    align-items: center
}

.header-2 .rightside-menu .wishlist-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon {
    margin-left: 0
}

.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon::after {
    content: none
}

.header-2 .rightside-menu .wishlist-box .header-icon.bag-icon {
    display: block
}

@media(max-width: 480px) {
    .header-2 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }
}

.header-2 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-2 .rightside-menu .wishlist-box .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon {
        display: flex
    }

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon::after,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-2 .rightside-menu .wishlist-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background: var(--theme-color2);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .wishlist-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list>ul {
    display: flex
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul {
    padding-right: 0
}

.header-2 .rightside-menu .option-list>ul>li {
    position: relative
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3) {
    display: none
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li {
    margin-left: 0
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after {
    content: none
}

@media(max-width: 1199px) {
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3) {
        display: block
    }

    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li {
        margin-left: 22px
    }

    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after {
        content: ""
    }
}

@media(max-width: 767px) {
    .header-2 .rightside-menu .option-list>ul>li:not(:nth-last-of-type(5n-5)) {
        display: none
    }
}

.header-2 .rightside-menu .option-list>ul>li+li {
    margin-left: 37px
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1460px) {
    .header-2 .rightside-menu .option-list>ul>li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-2 .rightside-menu .option-list>ul>li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1460px) {
    .header-2 .rightside-menu .option-list>ul>li+li::after {
        left: -13px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after {
        left: unset;
        right: -13px
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon {
    margin-left: 0
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon::after {
    content: none
}

@media(max-width: 480px) {
    .header-2 .rightside-menu .option-list>ul>li .header-icon.bag-icon {
        display: none
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,
.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon {
        display: flex
    }

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon::after,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list-2 {
    display: flex
}

.header-2 .rightside-menu .option-list-2 li {
    position: relative
}

.header-2 .rightside-menu .option-list-2 li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .option-list-2 li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list-2 li .user-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center
}

.header-2 .rightside-menu .option-list-2 li .user-box:hover .user-name h4 {
    color: var(--theme-color)
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li .user-box .user-name {
        display: none
    }
}

.header-2 .rightside-menu .option-list-2 li+li {
    margin-left: 37px
}

[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-2 .rightside-menu .option-list-2 li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li+li::after {
        left: -13px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after {
        left: unset;
        right: -13px
    }
}

.header-2 .rightside-menu .mobile-app {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    margin-left: 18px
}

[dir=rtl] .header-2 .rightside-menu .mobile-app {
    margin-left: unset;
    margin-right: 18px
}

.header-2 .rightside-menu .mobile-app .mobile-image {
    margin-right: 11px
}

[dir=rtl] .header-2 .rightside-menu .mobile-app .mobile-image {
    margin-right: unset;
    margin-left: 11px
}

.header-2 .rightside-menu .mobile-app .mobile-image img {
    width: 15px;
    height: auto
}

.header-2 .rightside-menu .dropdown-user {
    display: flex;
    align-items: center
}

.header-2 .rightside-menu .dropdown-user .user-detail {
    margin-left: 15px
}

@media(max-width: 1366px) {
    .header-2 .rightside-menu .dropdown-user .user-detail {
        display: none
    }
}

.header-2 .rightside-menu .dropdown-user .user-detail h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px
}

.header-2 .rightside-menu .dropdown-user .user-detail h5 {
    color: #222;
    font-size: 16px;
    margin-bottom: 0
}

.header-2 .right-nav {
    float: right;
    display: flex;
    align-items: center;
    margin-left: auto
}

[dir=rtl] .header-2 .right-nav {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1366px) {
    .header-2 .right-nav {
        display: none
    }
}

.header-2 .right-nav .nav-number {
    display: flex;
    align-items: center
}

@media(max-width: 1660px) {
    .header-2 .right-nav .nav-number {
        display: none
    }
}

.header-2 .right-nav .nav-number img {
    width: 32px;
    height: 32px
}

.header-2 .right-nav .nav-number span {
    font-size: calc(18px + 9*(100vw - 320px)/1600);
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px
}

[dir=rtl] .header-2 .right-nav .nav-number span {
    margin-left: unset;
    margin-right: 8px
}

.header-2 .right-nav .fire-button {
    display: flex;
    align-items: center;
    padding: 11px 38px;
    overflow: hidden;
    border-radius: 25px !important
}

.header-2 .right-nav .fire-button span {
    color: #fff;
    margin-left: 7px;
    font-size: 16px;
    font-weight: 500
}

[dir=rtl] .header-2 .right-nav .fire-button span {
    margin-left: unset;
    margin-right: 7px
}

.header-2 .right-nav .fire-button .fire {
    position: relative;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1
}

.header-2 .right-nav .fire-button .fire img {
    margin-top: -11px
}

.header-2 .right-nav .fire-button .fire .fire-main {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: scaleUpDown 3s ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-main .main-fire {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-main .particle-fire {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 60%;
    left: 45%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-right {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    right: -25%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 45%;
    left: 50%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-left {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 3s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    left: -20%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire {
    width: 10%;
    height: 10%;
    position: absolute;
    top: 10%;
    left: 20%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 3s infinite ease-out 0;
    animation-fill-mode: both
}

.header-2 .header-nav-left {
    position: relative
}

.header-2 .header-nav-left .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 9px calc(16px + 15*(100vw - 320px)/1600) 9px 0;
    position: relative
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category {
    padding: 9px 0 9px calc(16px + 15*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .dropdown-category {
        display: none
    }
}

.header-2 .header-nav-left .dropdown-category::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ececec
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category::after {
    right: unset;
    left: 0
}

.header-2 .header-nav-left .dropdown-category .icli {
    font-size: 23px;
    color: var(--theme-color);
    margin-right: 10px
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category .icli {
    margin-right: unset;
    margin-left: 10px
}

.header-2 .header-nav-left .dropdown-category span {
    font-size: 16px;
    margin-top: 4px
}

.header-2 .header-nav-left:hover .category-dropdown {
    opacity: 1;
    visibility: visible;
    top: 63px
}

.header-2 .header-nav-left .category-dropdown {
    position: absolute;
    top: 72px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
    z-index: 2;
    width: 270px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown {
        width: calc(300px + 20*(100vw - 320px)/1600);
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out;
        box-shadow: none
    }

    [dir=rtl] .header-2 .header-nav-left .category-dropdown {
        left: unset;
        right: -320px
    }

    .header-2 .header-nav-left .category-dropdown.show {
        left: 0
    }

    [dir=rtl] .header-2 .header-nav-left .category-dropdown.show {
        left: unset;
        right: 0
    }

    .header-2 .header-nav-left .category-dropdown:hover {
        opacity: 1;
        visibility: visible;
        top: 0
    }
}

.header-2 .header-nav-left .category-dropdown .category-title {
    display: none
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown .category-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 24px;
        border-bottom: 1px solid #ececec;
        box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
    }
}

.header-2 .header-nav-left .category-dropdown .category-title h5 {
    color: var(--theme-color);
    font-weight: 600
}

.header-2 .header-nav-left .category-dropdown .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 25px
}

.header-2 .header-nav-left .category-dropdown .category-list li {
    display: block;
    width: 100%
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name {
    display: flex;
    align-items: center;
    color: #4a5568
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name:hover h6 {
    letter-spacing: .3px
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name:hover h6::before {
    width: 65px
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name img {
    width: 32px;
    height: 32px;
    object-fit: contain
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
    margin-left: auto
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
        display: none
    }
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
    margin-left: unset;
    margin-right: auto
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name .according-menu {
    margin-left: auto
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li .category-name .according-menu {
    margin-left: unset;
    margin-right: auto
}

.header-2 .header-nav-left .category-dropdown .category-list li a {
    display: flex;
    align-items: center;
    color: #4a5568
}

.header-2 .header-nav-left .category-dropdown .category-list li a:hover h6 {
    letter-spacing: .3px
}

.header-2 .header-nav-left .category-dropdown .category-list li a:hover h6::before {
    width: 65px
}

.header-2 .header-nav-left .category-dropdown .category-list li a img {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.header-2 .header-nav-left .category-dropdown .category-list li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li a i {
    margin-left: auto
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li a i {
    margin-left: unset;
    margin-right: auto
}

.header-2 .dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 767px) {
    .header-2 .dropdown-list {
        display: none
    }
}

.header-2 .dropdown-list li:last-child {
    margin-right: 0
}

.header-2 .dropdown-list li+li .dropdown {
    margin-left: 20px
}

.header-2 .dropdown-list li+li .dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -12px;
    background-color: rgba(255, 255, 255, .4)
}

.header-2 .dropdown-list li:first-child::after {
    content: none
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle {
    width: auto;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-weight: 500;
    font-size: unset
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle:after {
    content: none
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle span {
    font-weight: 400
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down {
    margin-left: 10px
}

.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list {
    display: block
}

.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list {
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-2 .about-list {
    font-family: "Public Sans", sans-serif
}

@media(max-width: 991px) {
    .header-2 .about-list {
        display: none
    }
}

.header-2 .about-list li {
    position: relative;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 500
}

.header-2 .about-list li:first-child {
    margin-left: 0
}

.header-2 .about-list li:first-child::after {
    content: none
}

.header-2 .about-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    left: -8px;
    background-color: rgba(255, 255, 255, .4)
}

.header-3 .navbar-top {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .header-3 .navbar-top {
        justify-content: space-between
    }
}

.header-3 .navbar-top .navbar-toggler:focus {
    box-shadow: none
}

.header-3 .navbar-top .support-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    align-items: flex-start
}

@media(max-width: 1432px) {
    .header-3 .navbar-top .support-box {
        display: none
    }
}

.header-3 .navbar-top .support-box .support-image img {
    width: 33px;
    height: auto
}

.header-3 .navbar-top .support-box .support-number {
    text-align: right
}

.header-3 .navbar-top .support-box .support-number h2 {
    font-size: 25px;
    color: #fff
}

.header-3 .navbar-top .support-box .support-number h4 {
    color: #fff;
    margin-top: 4px;
    font-weight: 500;
    font-size: 16px
}

.header-3 .search-box {
    display: none
}

@media(max-width: 991px) {
    .header-3 .search-box {
        display: block;
        background-color: #fff;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #4a5568;
        text-align: right;
        margin-left: auto
    }

    .header-3 .search-box a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000
    }

    .header-3 .search-box a .icli {
        font-size: 25px
    }
}

@media(max-width: 480px) {
    .header-3 .search-box {
        margin-left: unset
    }
}

.header-3 .dropdown-list.drop-state {
    margin-right: 20px;
    width: 100%;
    display: flex;
    align-items: center
}

@media(max-width: 1199px) {
    .header-3 .dropdown-list.drop-state {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .header-3 .dropdown-list {
        background-color: rgba(0, 0, 0, 0);
        margin: 0
    }
}

.header-3 .dropdown-list .location-icon {
    margin-right: 8px;
    display: flex
}

.header-3 .dropdown-list .location-icon .iconly-Location {
    font-size: 25px
}

.header-3 .dropdown-list .dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-3 .dropdown-list .dropdown .dropdown-toggle {
    padding-left: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    margin-top: 4px
}

.header-3 .dropdown-list .dropdown .dropdown-toggle::after {
    display: none
}

.header-3 .dropdown-list .dropdown .dropdown-toggle i {
    color: #000;
    margin-left: 5px
}

.header-3 .dropdown-list .dropdown .dropdown-menu {
    min-width: 100%
}

.header-3 .dropdown-list .dropdown .dropdown-menu li {
    display: block
}

.header-3 .form-select {
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    font-family: "Public Sans", sans-serif;
    color: #222
}

.header-3 .form-select:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.header-3 .top-nav {
    padding: 14px 0;
    background-color: var(--theme-color)
}

@media(max-width: 1199px) {
    .header-3 .top-nav {
        border-bottom: unset
    }
}

@media(max-width: 767px) {
    .header-3 .top-nav .navbar-top {
        justify-content: normal
    }
}

.header-3 .top-nav span {
    color: #222
}

.header-3 .top-nav span .icli {
    font-size: 25px;
    margin-top: 2px;
    color: #fff;
    -webkit-text-fill-color: #fff
}

.header-3 .top-nav .nav-logo {
    display: flex;
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: bolder;
    font-family: "Public Sans", sans-serif
}

.header-3 .top-nav .nav-logo span {
    color: #222
}

.header-3 .top-nav .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .header-3 .top-nav .search-full {
        right: -5px
    }
}

.header-3 .top-nav .search-full .input-group {
    border: 1px solid #f0f3f8;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-3 .top-nav .search-full .input-group .input-group-text {
    background-color: #fff;
    border: none;
    color: #4a5568
}

.header-3 .top-nav .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

.header-3 .top-nav .search-full .input-group input {
    border: none;
    height: 50px
}

.header-3 .top-nav .search-full.open {
    width: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease;
    padding: 0 30px
}

@media(max-width: 575px) {
    .header-3 .top-nav .search-full.open {
        padding: 0 25px
    }
}

@media(max-width: 480px) {
    .header-3 .top-nav .search-full.open {
        padding: 0 15px
    }
}

@media(max-width: 360px) {
    .header-3 .top-nav .search-full.open {
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        width: 95%
    }
}

.header-3 .top-nav .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

.header-3 .top-nav .middle-box {
    display: inline-block;
    margin-left: calc(16px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .header-3 .top-nav .middle-box {
    margin-left: unset;
    margin-right: calc(16px + 13*(100vw - 320px)/1600)
}

@media(max-width: 1366px) {
    .header-3 .top-nav .middle-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 25px;
        float: right
    }
}

@media(max-width: 1199px) {
    .header-3 .top-nav .middle-box {
        margin-left: 15px
    }
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box {
        margin-left: auto
    }
}

.header-3 .top-nav .middle-box .center-box {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .header-3 .top-nav .middle-box {
        display: block !important
    }
}

.header-3 .top-nav .middle-box .searchbar-box-2 {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 853px;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    overflow: hidden
}

@media(max-width: 1742px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 800px
    }
}

@media(max-width: 1668px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 760px
    }
}

@media(max-width: 1610px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 710px
    }
}

@media(max-width: 1544px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 670px
    }
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        display: none
    }
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-button {
    background-color: #ffb803;
    font-weight: 500
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-icon {
    font-size: 27px;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 5px
}

[dir=rtl] .header-3 .top-nav .middle-box .searchbar-box-2 .search-icon {
    padding-left: 5px;
    padding-right: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-icon i {
    color: var(--theme-color)
}

.header-3 .top-nav .middle-box .searchbar-box-2 input {
    height: 55px;
    padding: 8px;
    color: #222;
    border: none;
    font-size: 16px;
    z-index: 0
}

.header-3 .top-nav .middle-box .searchbar-box-2 input:focus {
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::placeholder {
    color: #4a5568;
    font-size: 16px
}

.header-3 .top-nav .middle-box .location-box-2 {
    display: flex;
    align-items: center;
    margin-right: 20px;
    position: relative
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 {
    margin-right: unset;
    margin-left: 20px
}

@media(max-width: 1199px) {
    .header-3 .top-nav .middle-box .location-box-2 {
        margin-right: unset;
        margin-left: 0
    }
}

.header-3 .top-nav .middle-box .location-box-2 button {
    display: flex;
    align-items: center;
    padding: 0
}

.header-3 .top-nav .middle-box .location-box-2 button:focus {
    box-shadow: none
}

.header-3 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: 9px;
    font-size: 22px;
    color: #fff
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: unset;
    margin-left: 9px
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button .icli {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(35px + 11*(100vw - 320px)/1600);
        height: calc(35px + 11*(100vw - 320px)/1600);
        margin-right: 0
    }
}

.header-3 .top-nav .middle-box .location-box-2 button span {
    font-size: 16px;
    color: #fff
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button span {
        display: none
    }
}

.header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: 10px;
    color: #fff
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
        display: none
    }
}

.header-3 .rightside-menu {
    display: flex;
    align-items: center;
    margin-left: auto
}

@media(max-width: 1432px) {
    .header-3 .rightside-menu.support-sidemenu {
        display: none
    }
}

[dir=rtl] .header-3 .rightside-menu {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu {
        position: absolute;
        top: -49px;
        right: 0
    }

    [dir=rtl] .header-3 .rightside-menu {
        right: unset;
        left: 0
    }
}

@media(max-width: 991px) {
    .header-3 .rightside-menu {
        top: -53px;
        right: 78px
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu {
        top: -51px
    }
}

@media(max-width: 480px) {
    .header-3 .rightside-menu {
        top: -49px;
        right: 58px
    }
}

@media(max-width: 360px) {
    .header-3 .rightside-menu {
        right: 64px
    }
}

.header-3 .rightside-menu .dropdown-dollar {
    display: flex;
    align-items: center;
    margin-right: 22px
}

@media(max-width: 991px) {
    .header-3 .rightside-menu .dropdown-dollar {
        display: none
    }
}

.header-3 .rightside-menu .dropdown-dollar .dropdown {
    position: relative;
    z-index: 0
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: 8px
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: unset;
    margin-right: 8px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after {
    display: none
}

.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: 23px
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: unset;
    margin-right: 23px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    left: -10px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    left: unset;
    right: -10px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu {
    min-width: 100%
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li {
    display: block
}

.header-3 .rightside-menu .wishlist-box {
    display: flex;
    align-items: center
}

.header-3 .rightside-menu .wishlist-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon {
    margin-left: 38px
}

.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon {
    margin-left: 0
}

.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon::after {
    content: none
}

.header-3 .rightside-menu .wishlist-box .header-icon.bag-icon {
    display: block
}

@media(max-width: 480px) {
    .header-3 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }
}

.header-3 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-3 .rightside-menu .wishlist-box .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon {
        display: flex
    }

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon::after,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-3 .rightside-menu .wishlist-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background: var(--theme-color2);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-3 .rightside-menu .wishlist-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-3 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-3 .rightside-menu .option-list-2 {
    display: flex
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 {
    padding-right: 0
}

.header-3 .rightside-menu .option-list-2 li {
    position: relative
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4) {
    display: none
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
    margin-left: 0
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
    margin-left: unset;
    margin-right: 0
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li::after {
    content: none
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4) {
        display: block
    }

    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
        margin-left: unset;
        margin-right: 22px
    }

    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li::after {
        content: ""
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .option-list-2 li:not(:nth-last-of-type(5n-5)) {
        display: none
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon {
        border: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon {
    margin-left: 38px
}

.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-3 .rightside-menu .option-list-2 li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon .badge-light {
        background-color: #fff;
        color: var(--theme-color);
        top: -3px
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-3 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon .icli {
        color: #fff
    }
}

.header-3 .rightside-menu .option-list-2 li+li {
    margin-left: 37px
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .option-list-2 li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-3 .rightside-menu .option-list-2 li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .option-list-2 li+li::after {
        left: -13px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li+li::after {
        left: unset;
        right: -13px
    }
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li+li::after {
        background-color: rgba(255, 255, 255, .2)
    }
}

.header-3 .rightside-menu .user-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center;
    margin-left: 37px;
    position: relative
}

[dir=rtl] .header-3 .rightside-menu .user-box {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .user-box {
        margin-left: unset;
        margin-right: 22px
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .user-box {
        margin-left: 0
    }

    [dir=rtl] .header-3 .rightside-menu .user-box {
        margin-left: unset;
        margin-right: 0
    }
}

.header-3 .rightside-menu .user-box::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .user-box::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box::after {
        left: -13px
    }

    [dir=rtl] .header-3 .rightside-menu .user-box::after {
        left: unset;
        right: -13px
    }
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box::after {
        background-color: rgba(255, 255, 255, .2)
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .user-box::after {
        content: none
    }
}

.header-3 .rightside-menu .user-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box .header-icon {
        border: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

.header-3 .rightside-menu .user-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-3 .rightside-menu .user-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box .header-icon .icli {
        color: #fff
    }
}

.header-3 .rightside-menu .user-box:hover .user-name h4 {
    color: var(--theme-color)
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box .user-name {
        display: none
    }
}

.header-3 .rightside-menu .mobile-app {
    position: relative;
    border-radius: 5px;
    padding: 16px 18px;
    display: flex;
    overflow: hidden;
    align-items: center;
    margin-left: 18px;
    color: var(--theme-color)
}

.header-3 .rightside-menu .mobile-app::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

[dir=rtl] .header-3 .rightside-menu .mobile-app {
    margin-left: unset;
    margin-right: 18px
}

.header-3 .rightside-menu .mobile-app .mobile-image {
    margin-right: 11px
}

[dir=rtl] .header-3 .rightside-menu .mobile-app .mobile-image {
    margin-right: unset;
    margin-left: 11px
}

.header-3 .rightside-menu .mobile-app .mobile-image img {
    width: 15px;
    height: auto
}

.header-3 .rightside-menu .dropdown-user {
    display: flex;
    align-items: center
}

.header-3 .rightside-menu .dropdown-user .user-detail {
    margin-left: 15px
}

@media(max-width: 1366px) {
    .header-3 .rightside-menu .dropdown-user .user-detail {
        display: none
    }
}

.header-3 .rightside-menu .dropdown-user .user-detail h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px
}

.header-3 .rightside-menu .dropdown-user .user-detail h5 {
    color: #222;
    font-size: 16px;
    margin-bottom: 0
}

.header-3 .right-nav {
    float: right;
    display: flex;
    align-items: center;
    margin-left: auto
}

[dir=rtl] .header-3 .right-nav {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1366px) {
    .header-3 .right-nav {
        display: none
    }
}

.header-3 .right-nav .nav-number {
    display: flex;
    align-items: center
}

@media(max-width: 1660px) {
    .header-3 .right-nav .nav-number {
        display: none
    }
}

.header-3 .right-nav .nav-number img {
    width: 32px;
    height: 32px
}

.header-3 .right-nav .nav-number span {
    font-size: calc(18px + 9*(100vw - 320px)/1600);
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px
}

[dir=rtl] .header-3 .right-nav .nav-number span {
    margin-left: unset;
    margin-right: 8px
}

.header-3 .right-nav .fire-button {
    display: flex;
    align-items: center;
    padding: 11px 38px;
    overflow: hidden
}

.header-3 .right-nav .fire-button span {
    color: #fff;
    margin-left: 7px;
    font-size: 16px;
    font-weight: 500
}

[dir=rtl] .header-3 .right-nav .fire-button span {
    margin-left: unset;
    margin-right: 7px
}

.header-3 .right-nav .fire-button .fire {
    width: 20px;
    height: 20px;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1
}

.header-3 .right-nav .fire-button .fire .fire-main {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: scaleUpDown 3s ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-main .main-fire {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-main .particle-fire {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 60%;
    left: 45%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-right {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-right .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    right: -25%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 45%;
    left: 50%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-left {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 3s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-left .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    left: -20%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire {
    width: 10%;
    height: 10%;
    position: absolute;
    top: 10%;
    left: 20%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 3s infinite ease-out 0;
    animation-fill-mode: both
}

.header-3 .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 9px calc(16px + 15*(100vw - 320px)/1600) 9px 0;
    position: relative
}

[dir=rtl] .header-3 .dropdown-category {
    padding: 9px 0 9px calc(16px + 15*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .header-3 .dropdown-category {
        display: none
    }
}

.header-3 .dropdown-category::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ececec
}

[dir=rtl] .header-3 .dropdown-category::after {
    right: unset;
    left: 0
}

.header-3 .dropdown-category .icli {
    font-size: 23px;
    color: var(--theme-color);
    margin-right: 10px
}

[dir=rtl] .header-3 .dropdown-category .icli {
    margin-right: unset;
    margin-left: 10px
}

.header-3 .dropdown-category span {
    font-size: 16px;
    margin-top: 4px
}

.header-3 .dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 767px) {
    .header-3 .dropdown-list {
        display: none
    }
}

.header-3 .dropdown-list li:last-child {
    margin-right: 0
}

.header-3 .dropdown-list li+li .dropdown {
    margin-left: 20px
}

.header-3 .dropdown-list li+li .dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -12px;
    background-color: rgba(255, 255, 255, .4)
}

.header-3 .dropdown-list li:first-child::after {
    content: none
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle {
    width: auto;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-weight: 500;
    font-size: unset
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle:after {
    content: none
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle span {
    font-weight: 400
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down {
    margin-left: 10px
}

.header-3 .dropdown-list li .dropdown .dropdown-menu .dropdown-list {
    display: block
}

.header-3 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list {
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-3 .about-list {
    font-family: "Public Sans", sans-serif
}

@media(max-width: 991px) {
    .header-3 .about-list {
        display: none
    }
}

.header-3 .about-list li {
    position: relative;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 500
}

.header-3 .about-list li:first-child {
    margin-left: 0
}

.header-3 .about-list li:first-child::after {
    content: none
}

.header-3 .about-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    left: -8px;
    background-color: rgba(255, 255, 255, .4)
}

header.header-gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

header.header-gradient .navbar-light .navbar-nav .nav-link {
    color: #fff
}

header.header-gradient .header-top {
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2))
}

header.header-gradient .dropdown::before {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6,
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    color: rgba(255, 255, 255, .8)
}

.bg-effect {
    background-image: url('bg-body.png');
    background-repeat: no-repeat;
    background-position: center;

}

.home-contain {
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

.home-contain .home-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(18px + 42*(100vw - 320px)/1600)
}

.home-contain .home-detail.home-big-space {
    padding: calc(27px + 158*(100vw - 320px)/1600) 0 !important
}

@media(max-width: 767px) {
    .home-contain .home-detail.home-overlay {
        background-color: rgba(255, 255, 255, .529)
    }
}

.home-contain .home-detail>.home-top {
    margin-top: -100px
}

@media(max-width: 575px) {
    .home-contain .home-detail>.home-top {
        margin-top: -80px
    }
}

@media(max-width: 480px) {
    .home-contain .home-detail>.home-top {
        margin-top: 0
    }
}

.home-contain .home-detail.home-p-sm {
    padding: calc(15px + 5*(100vw - 320px)/1600) !important
}

.home-contain .home-detail.home-p-medium {
    padding: 50px calc(15px + 15*(100vw - 320px)/1600) !important
}

.home-contain .home-detail .ls-expanded {
    letter-spacing: 2.2px
}

.home-contain .home-detail h1 {
    font-size: calc(16px + 26*(100vw - 320px)/1600);
    width: 80%;
    line-height: 1.4;
    margin-bottom: calc(3px + 7*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .home-contain .home-detail h1 {
        width: 100%
    }
}

[dir=rtl] .home-contain .home-detail h1 {
    margin-right: auto;
    text-align: left
}

.home-contain .home-detail h1.super-sale {
    font-size: 45px
}

.home-contain .home-detail h1.name-title {
    font-size: calc(25px + 17*(100vw - 320px)/1600)
}

.home-contain .home-detail h1.home-name {
    font-size: 86px;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.home-contain .home-detail h1.home-name::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    bottom: 0;
    background-color: #222
}

.home-contain .home-detail h1.furniture-heading span {
    position: relative
}

.home-contain .home-detail h1.furniture-heading span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('line.png');
    width: 100%;
    height: 100%;
    top: 90%;
    background-repeat: no-repeat
}

.home-contain .home-detail h1.poster-1 {
    line-height: calc(23px + 45*(100vw - 320px)/1600)
}

.home-contain .home-detail h1.poster-2 {
    line-height: calc(29px + 34*(100vw - 320px)/1600)
}

.home-contain .home-detail h1 span.name {
    font-weight: 800;
    color: var(--theme-color);
    position: relative;
    z-index: 0
}

.home-contain .home-detail h1 span.name::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 10px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .4;
    z-index: -1
}

@media(max-width: 767px) {
    .home-contain .home-detail h1 span.name::before {
        display: none
    }
}

@media(max-width: 1399px) {
    .home-contain .home-detail h1 span.name::before {
        content: none
    }
}

.home-contain .home-detail h1 span.name-2 {
    font-weight: 800;
    color: var(--theme-color)
}

.home-contain .home-detail h1 .daily {
    color: var(--theme-color);
    font-weight: 800
}

.home-contain .home-detail h1 .discount {
    font-size: 16px;
    color: #262834;
    font-weight: 400
}

.home-contain .home-detail h2 {
    font-size: calc(25px + 13*(100vw - 320px)/1600);
    margin-bottom: 7px
}

[dir=rtl] .home-contain .home-detail h2 {
    text-align: left
}

.home-contain .home-detail h2 span.discount {
    font-size: 16px;
    font-weight: 400
}

.home-contain .home-detail h2.home-name {
    font-size: calc(52px + 33*(100vw - 320px)/1600);
    font-weight: 700
}

.home-contain .home-detail h3 {
    font-size: calc(20px + 6*(100vw - 320px)/1600);
    margin-bottom: calc(5px + 5*(100vw - 320px)/1600);
    font-weight: 600
}

[dir=rtl] .home-contain .home-detail h3 {
    text-align: left
}

.home-contain .home-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px
}

[dir=rtl] .home-contain .home-detail h4 {
    text-align: left
}

.home-contain .home-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

[dir=rtl] .home-contain .home-detail h5 {
    text-align: left
}

.home-contain .home-detail h6 {
    font-size: 14px;
    letter-spacing: .1px;
    color: #4a5568
}

[dir=rtl] .home-contain .home-detail h6 {
    text-align: left
}

@media(max-width: 360px) {
    .home-contain .home-detail h6 {
        margin-bottom: 5px
    }
}

.home-contain .home-detail h6.home-home {
    margin-bottom: 10px;
    font-weight: 500
}

.home-contain .home-detail h6 span {
    font-weight: 500;
    padding: calc(6px + 4*(100vw - 320px)/1600) calc(8px + 8*(100vw - 320px)/1600);
    background: #000;
    background: linear-gradient(90deg, rgba(255, 114, 114, 0.15) 0%, rgba(255, 114, 114, 0) 79%);
    border-radius: 50px;
    color: #ff4f4f;
    margin-left: calc(2px + 7*(100vw - 320px)/1600)
}

[dir=rtl] .home-contain .home-detail h6 span {
    margin-left: unset;
    margin-right: calc(2px + 7*(100vw - 320px)/1600)
}

@media(max-width: 360px) {
    .home-contain .home-detail h6 span {
        display: none
    }
}

.home-contain .home-detail p {
    margin-bottom: 0;
    color: #4a5568;
    letter-spacing: .8px;
    line-height: calc(19px + 8*(100vw - 320px)/1600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

[dir=rtl] .home-contain .home-detail p {
    margin-right: auto;
    text-align: left
}

.home-contain .home-detail p.organic {
    width: 70%
}

.home-contain .home-detail .shop-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(12px + 8*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    color: #222
}

[dir=rtl] .home-contain .home-detail .shop-button {
    justify-content: flex-end
}

.home-contain .home-detail .shop-button:hover i {
    transform: translateX(4px)
}

.home-contain .home-detail .shop-button i {
    transition: .3s ease;
    margin-left: 8px
}

[dir=rtl] .home-contain .home-detail .shop-button i {
    margin-left: unset;
    margin-right: 8px
}

.home-contain .home-detail .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: nowrap;
    gap: 14px
}

.home-contain .home-detail .social-icon li:hover a {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: #fff
}

.home-contain .home-detail .social-icon li a {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #4a5568;
    color: #222
}

.home-section-2 {
    background-image: url('home-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.home-section-2.home-section-bg {
    background: none
}

.home-section-2 .home-contain {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.home-section-2 .home-contain .home-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    padding: calc(20px + 30*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail.home-p-sm {
    padding: calc(15px + 15*(100vw - 320px)/1600) !important
}

.home-section-2 .home-contain .home-detail h1 {
    font-size: calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom: 6px
}

.home-section-2 .home-contain .home-detail h1.sale-name {
    font-size: calc(25px + 13*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail h1.heding-2 {
    font-size: calc(22px + 28*(100vw - 320px)/1600);
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 13px;
    margin-top: 7px;
    width: 100%
}

.home-section-2 .home-contain .home-detail h2 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.home-section-2 .home-contain .home-detail h2.content-2 {
    font-size: calc(16px + 20*(100vw - 320px)/1600);
    margin-bottom: 10px;
    font-weight: 500
}

.home-section-2 .home-contain .home-detail h3 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.home-section-2 .home-contain .home-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px
}

.home-section-2 .home-contain .home-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

.home-section-2 .home-contain .home-detail h6 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 5*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .8px
}

.home-section-2 .home-contain .home-detail .shop-now-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--theme-color);
    font-size: 15px
}

.home-section-2 .home-contain .home-detail .shop-now-button i {
    font-size: 17px;
    margin-left: 8px
}

.home-section-small .home-contain .home-detail.home-width {
    width: 50%
}

@media(max-width: 360px) {
    .home-section-small .home-contain .home-detail.home-width:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .25);
        z-index: -1
    }
}

@media(max-width: 991px) {
    .home-section-small .home-contain .home-detail.home-width {
        width: 60%
    }
}

@media(max-width: 360px) {
    .home-section-small .home-contain .home-detail.home-width {
        width: 100%
    }
}


.home-section-small .home-contain.home-small .home-detail {
    padding: calc(20px + 30*(100vw - 767px)/1153) calc(12px + 38*(100vw - 767px)/1153)
}

.home-section-small .home-contain.home-small .home-detail h4 {
    font-size: calc(14px + 8*(100vw - 767px)/1153)
}

.home-search {
    background-image: linear-gradient(to right top, #e63118, #06a188, #019e88, #009a89, #009789, #009489, #009089, #008d89, #008a89, #008688, #008387, #007f86);
    padding-top: 0
}

.home-search .home-search-content {
    display: flex;
    align-items: flex-end;
    padding-top: 156px;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-bottom: 70px
}

.home-search .home-search-content>div {
    width: 100%
}

.home-search .home-search-content h1 {
    color: #fff;
    font-size: 42px;
    text-transform: inherit
}

.home-search .home-search-content h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-top: 12px
}

.home-search .home-search-content .search-box {
    margin-top: 35px;
    position: relative;
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.home-search .home-search-content .search-box .btn {
    background-color: #fff
}

.home-search .home-search-content .search-box .feather-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #a3a3a3
}

.home-search .home-search-content .category-sec {
    margin-top: 80px
}

.home-search .home-search-content .category-sec.category-section-2 .category-slider .shop-category-box .category-name h6 {
    color: #fff
}

.custom-row .sidebar-col {
    width: 320px;
    border-right: 1px solid #ececec;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: auto;
    padding-top: 0;
    background-color: #fff;
    transition: all .3s ease-in-out
}

[dir=rtl] .custom-row .sidebar-col {
    right: 0;
    left: unset
}

@media(max-width: 1199px) {
    .custom-row .sidebar-col {
        border-right: unset;
        left: -350px;
        background-color: #fff;
        z-index: 10;
        height: 100%;
        width: calc(300px + 20*(100vw - 320px)/879)
    }

    [dir=rtl] .custom-row .sidebar-col {
        right: -350px;
        left: unset
    }

    .custom-row .sidebar-col.show {
        left: 0
    }

    [dir=rtl] .custom-row .sidebar-col.show {
        right: 0;
        left: unset
    }
}

.custom-row .sidebar-col .category-menu {
    background-color: rgba(0, 0, 0, 0)
}

.custom-row .sidebar-col .category-menu .web-logo {
    display: block;
    margin-bottom: calc(34px + 6*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu .web-logo img {
    width: calc(53% + 17*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu ul {
    gap: calc(21px + 7*(100vw - 320px)/1600);
    border-bottom: none
}

.custom-row .sidebar-col .category-menu ul li .category-list img {
    width: calc(30px + 5*(100vw - 320px)/1600);
    height: calc(30px + 5*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu ul li .category-list h5 {
    font-size: calc(15px + 2*(100vw - 320px)/1600)
}

.custom-row .content-col {
    margin-left: 320px;
    padding-left: calc(12px + 13*(100vw - 320px)/1600);
    margin-top: calc(77px + 36*(100vw - 320px)/1600);
    padding-right: calc(12px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .custom-row .content-col {
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    .custom-row .content-col {
        margin-left: 0
    }

    [dir=rtl] .custom-row .content-col {
        margin-left: unset;
        margin-right: 0
    }
}

.home-search-full {
    height: 70vh
}

@media(max-width: 575px) {
    .home-search-full {
        height: 50vh
    }
}

.home-search-full .home-contain .home-detail {
    height: 70vh;
    padding: 0;
    padding-top: 64px
}

@media(max-width: 575px) {
    .home-search-full .home-contain .home-detail {
        height: 50vh
    }
}

@media(max-width: 767px) {
    .home-search-full .home-contain .home-detail {
        padding-top: 48px
    }
}

@media(max-width: 480px) {
    .home-search-full .home-contain .home-detail {
        padding: 48px 15px 0
    }
}

.home-search-full .home-contain .home-detail>div {
    width: 50%
}

@media(max-width: 991px) {
    .home-search-full .home-contain .home-detail>div {
        width: 67%
    }
}

@media(max-width: 575px) {
    .home-search-full .home-contain .home-detail>div {
        width: 100%
    }
}

.home-search-full .home-contain .home-detail h1 {
    font-size: calc(31px + 27*(100vw - 320px)/1600);
    text-transform: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: -18px
}

[dir=rtl] .home-search-full .home-contain .home-detail h1 {
    text-align: center
}

.home-search-full .home-contain .home-detail h3 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 400;
    margin-top: calc(4px + 8*(100vw - 320px)/1600);
    margin-bottom: 0;
    color: #4a5568;
    line-height: 1.4
}

[dir=rtl] .home-search-full .home-contain .home-detail h3 {
    text-align: center
}

.home-search-full .home-contain .home-detail .search-box {
    margin-top: calc(23px + 12*(100vw - 320px)/1600);
    position: relative;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 1460px) {
    .home-search-full .home-contain .home-detail .search-box {
        width: 83%
    }
}

@media(max-width: 480px) {
    .home-search-full .home-contain .home-detail .search-box {
        width: 100%
    }
}

.home-search-full .home-contain .home-detail .search-box .btn {
    background-color: #fff
}

.home-search-full .home-contain .home-detail .search-box .feather-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #a3a3a3;
    width: calc(21px + 3*(100vw - 320px)/1600);
    height: auto
}

[dir=rtl] .home-search-full .home-contain .home-detail .search-box .feather-search {
    right: unset;
    left: 20px
}

.home-search-full.gradient-home {
    height: 80vh
}

@media(max-width: 767px) {
    .home-search-full.gradient-home .home-contain .home-overlay {
        background-color: rgba(0, 0, 0, 0)
    }
}

.home-search-full.gradient-home .home-contain .search-box {
    border-radius: 6px;
    overflow: hidden;
    width: 70%
}

.home-search-full.gradient-home .home-contain .search-box .form-control {
    border-radius: 0;
    border: unset
}

.home-search-full.gradient-home .home-contain .search-box .input-group-text {
    display: block;
    width: auto;
    padding: 0;
    border: unset;
    margin: 0
}

.home-search-full.gradient-home .home-contain .search-box .input-group-text .form-select {
    border-radius: 0;
    height: 100%;
    border: unset;
    border-left: 1px solid #eee;
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: 15px
}

.home-search-full.gradient-home .home-contain .home-detail {
    padding: 0;
    height: 80vh;
    padding-top: 58px
}

.home-search-full.gradient-home .home-contain .home-detail h1 {
    color: #fff
}

.home-search-full.gradient-home .home-contain .home-detail h3 {
    color: rgba(255, 255, 255, .6)
}

.home-search-full.gradient-home .home-contain .home-detail .search-box .feather-search {
    position: relative;
    inset: unset;
    transform: unset;
    width: auto
}

.carousel-item {
    height: 535px; /* Ajusta la altura según sea necesario */
}

.carousel-item img {
    object-fit: cover; /* Asegura que la imagen cubra el área del contenedor */
    height: 100%; /* Asegura que la imagen ocupe toda la altura del contenedor */
}

@media(max-width: 768px) {
    .carousel-item {
        height: 40%; /* Ajusta la altura según sea necesario */
    }

    .carousel-item img {
        object-fit: cover; /* Asegura que la imagen cubra el área del contenedor */
        height: 100%; /* Asegura que la imagen ocupe toda la altura del contenedor */
    }
}

@media(max-width: 991px) {
    .home-section-ratio .ratio_180 .bg-size:before {
        padding-top: 128%
    }
}

@media(max-width: 991px) {
    .home-section-ratio .custom-ratio {
        order: -1
    }
}

.home-furniture .feature-detail h2 {
    font-size: calc(32px + 19*(100vw - 1200px)/720)
}

.home-furniture .feature-detail h3 {
    background-color: #ffa53b;
    font-size: calc(29px + 11*(100vw - 1200px)/720);
    color: #fff;
    padding: 4px calc(9px + 4*(100vw - 1200px)/720);
    font-weight: 700
}

.furniture-contain-2 .home-detail {
    width: calc(100% + -25*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .furniture-contain-2 .home-detail::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .4);
        z-index: -1
    }
}

.furniture-contain-2 .home-detail h1 {
    width: calc(100% + -25*(100vw - 320px)/1600)
}

.button-item {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    width: calc(41px + 9*(100vw - 320px)/1600);
    height: calc(41px + 9*(100vw - 320px)/1600);
    position: fixed;
    right: 0;
    border-radius: 7px 0 0 7px;
    background-color: var(--theme-color);
    z-index: 9
}

.button-item .item-btn i {
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.item-section {
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
    right: -130px;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 7px 0 0 7px;
    padding: 15px;
    transition: all .3s ease-in-out;
    z-index: 9
}

.item-section.active {
    right: 0
}

.item-section .close-button {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    color: #fff;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.item-section h6 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 10px;
    font-weight: bold
}

.item-section h6 .icli {
    font-size: 22px
}

.item-section .items-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0
}

.item-section .items-image li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-weight: 600;
    font-size: 13px
}

.item-section .items-image li+li {
    margin-left: -10px
}

.item-section .items-image li img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

.item-section .item-button {
    background-color: #fff;
    color: var(--theme-color)
}

header .main-nav {
    padding: 20px 0;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    header .main-nav {
        padding: 0
    }
}

header .nav-left-align .navbar-nav .dropdown-menu-2 {
    left: 0;
    transform: unset
}

[dir=rtl] header .nav-left-align .navbar-nav .dropdown-menu-2 {
    left: unset;
    right: 0
}

header .icon-box {
    display: inline-block;
    margin-right: 10px
}

header .dropdown-header {
    display: block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    color: var(--theme-color);
    white-space: nowrap
}

@media(max-width: 1199px) {
    header .dropdown-header {
        padding-left: 0
    }
}

header .navbar-nav {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

[dir=rtl] header .navbar-nav {
    padding-left: unset;
    padding-right: 0
}

header .navbar-nav .nav-item {
    margin-bottom: 0
}

@media(max-width: 1199px) {
    header .navbar-nav .nav-item .new-pages {
        justify-content: unset !important
    }
}

header .navbar-nav .nav-item .new-pages .new-dropdown {
    position: absolute;
    top: -7px;
    right: 3px;
    background-color: #ff4f4f;
    font-size: 10px;
    padding: 1px 4px;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown {
    border-top-left-radius: unset;
    border-top-right-radius: 5px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 5px
}

@media(max-width: 1199px) {
    header .navbar-nav .nav-item .new-pages .new-dropdown {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        margin-left: 9px;
        border-radius: 3px
    }

    [dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown {
        margin-left: unset;
        margin-right: 9px
    }
}

header .navbar-nav .nav-item:hover {
    color: var(--theme-color)
}

header .navbar-nav .dropdown-menu {
    min-width: 200px;
    margin: 0;
    margin-top: -8px;
    background-color: #fff;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .7), 5px 20px 40px 0 rgba(34, 34, 34, .4);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: 0;
    position: static;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: translateY(-15px)
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover {
    position: relative
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a {
    display: block;
    position: relative
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i {
    font-size: 12px;
    margin-left: 4px;
    color: var(--theme-color)
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i {
    margin-left: unset;
    margin-right: 4px
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before {
    right: unset;
    left: 0;
    transform: rotate(180deg) translateY(50%)
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
    left: 113%;
    visibility: visible;
    opacity: 1
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
        left: unset
    }
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
    left: unset;
    right: 113%
}

@media(max-width: 1199px) {
    [dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
        left: unset;
        right: unset
    }
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    position: absolute;
    top: -19px;
    left: 123%;
    min-width: 200px;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    right: 123%;
    left: unset
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
        position: relative;
        top: unset;
        left: unset;
        opacity: 1;
        min-width: auto;
        z-index: 1;
        visibility: visible;
        box-shadow: none;
        margin: 5px 0 12px 29px;
        padding: 0
    }
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a {
    padding: 0;
    font-size: 14px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0;
    color: #222;
    display: block
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after {
    width: 40%
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after {
    left: unset;
    right: 0
}

header .navbar-nav .dropdown-menu-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-15px);
    width: 52vw;
    min-width: unset;
    padding: 22px !important;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media(max-width: 1595px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 63vw
    }
}

@media(max-width: 1301px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 77vw
    }
}

header .navbar-nav .dropdown-menu-2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('bg.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1
}

[dir=rtl] header .navbar-nav .dropdown-menu-2::after {
    transform: scaleX(-1);
    filter: FlipH
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu-2::after {
        content: none
    }
}

@media(max-width: 1400px) {
    header .navbar-nav .dropdown-menu-2 {
        background-position: 20px center
    }
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 100%;
        padding: 0 !important;
        left: 0;
        margin: 0
    }
}

header .navbar-nav .dropdown-menu .dropdown {
    margin-right: 20px;
    margin-left: 20px
}

header .navbar-nav .dropdown-menu .dropdown:last-child {
    margin-bottom: 12px
}

header .navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after {
    display: none
}

header .navbar-nav .dropdown-menu .dropdown-menu {
    display: block;
    padding-right: 16px;
    padding-left: 16px
}

header .navbar-nav .dropdown-image {
    background-image: none
}

header .navbar-nav .dropdown-image::after {
    content: none
}

@media(max-width: 991px) {
    header .navbar-nav .dropdown-image {
        left: 0;
        margin-top: 0
    }
}

header .navbar-nav .dropdown-image .dropdown-column {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-image .dropdown-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
    margin: 0 !important;
    text-align: center
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item::after {
    content: none
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
        padding: 0
    }
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover img {
    box-shadow: 5px 20px 40px 0 rgba(34, 34, 34, .07);
    transform: translateY(-4px)
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span {
    color: var(--theme-color);
    font-weight: 600
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span::after {
    width: 100%
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item img {
    width: 100%;
    box-shadow: 5px 20px 40px 0 rgba(34, 34, 34, .04);
    transition: all .3s ease-in-out;
    display: block
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span {
    display: inline-block;
    margin-top: 14px;
    text-align: center;
    font-size: calc(14px + 2*(100vw - 1200px)/720);
    margin-bottom: -6px;
    position: relative;
    z-index: 0
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

header .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

header .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 16px;
    font-size: calc(21px + .45vw);
    white-space: nowrap;
    display: inline-block;
    font-weight: 500
}

header .navbar-brand:hover {
    text-decoration: none
}

header .navbar-brand:focus {
    text-decoration: none
}

header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
    margin-left: calc(30px + 10*(100vw - 1200px)/720)
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
    margin-left: unset;
    margin-right: calc(30px + 10*(100vw - 1200px)/720)
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
        margin-left: 0
    }

    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
        margin-left: unset;
        margin-right: 0
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
    position: relative
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: -12px;
    top: 50%;
    transform: translateY(-50%)
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    right: unset;
    left: -12px
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
        right: 0
    }

    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
        right: unset;
        left: 0
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link::after {
    content: none
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .icli {
    margin-left: 10px
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu {
    position: absolute;
    top: -10px;
    left: 84%;
    transform: translateX(-50%);
    font-size: 8px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 16px;
    padding: 0 8px;
    font-weight: 600;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 50px
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin-left: 10px;
        margin-right: auto;
        border-radius: 3px
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: inline-block;
    top: 100%;
    left: 10px;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid var(--theme-color)
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
        content: none
    }
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
    left: unset;
    right: 10px
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link-2::before {
    content: none
}

header .navbar-text {
    padding-top: 9px;
    padding-bottom: 9px
}

header .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

header .navbar-toggler {
    background-color: rgba(0, 0, 0, 0);
    transition: box-shadow .15s ease-in-out;
    padding: 12px;
    font-size: 18px;
    margin-right: 10px;
    padding: 0
}

[dir=rtl] header .navbar-toggler {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 767px) {
    header .navbar-toggler {
        margin-right: 0
    }
}

header .navbar-toggler:focus-visible {
    outline: none
}

header .navbar-toggler:focus {
    box-shadow: none
}

header .navbar-toggler-icon {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #222;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1
}

@media(max-width: 767px) {
    header .navbar-toggler-icon {
        margin-right: 0
    }
}

header .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

header .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

header .navbar-expand .navbar-nav {
    flex-direction: row
}

header .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    left: 26px;
    top: 30px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

header .navbar-expand .navbar-nav-scroll {
    overflow: visible
}

header .navbar-expand .navbar-collapse {
    display: flex;
    flex-basis: auto
}

header .navbar-expand .navbar-toggler {
    display: none
}

header .navbar-light .navbar-brand {
    color: #222
}

header .navbar-light .navbar-brand:hover {
    color: #222
}

header .navbar-light .navbar-brand:focus {
    color: #222
}

header .navbar-light .navbar-nav .nav-link {
    color: #222
}

header .navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .nav-link:focus {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .show>.nav-link {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .nav-link.active {
    color: var(--theme-color)
}

header .navbar-light .navbar-toggler {
    color: #4a5568;
    border-color: rgba(0, 0, 0, 0)
}

header .navbar-light .navbar-text {
    color: #4a5568
}

header .navbar-light .navbar-text a {
    color: var(--theme-color)
}

header .navbar-light .navbar-text a:hover {
    color: var(--theme-color)
}

header .navbar-light .navbar-text a:focus {
    color: var(--theme-color)
}

header .navbar {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    z-index: 1
}

[dir=rtl] header .navbar {
    padding-left: unset;
    padding-right: 15px
}

header .navbar:not(.navbar-stuck) .navbar-stuck-btn {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(#222222, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

header .navbar-shadow {
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

header .navbar-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

header .navbar-stuck .navbar-btn {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(#222222, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

header .navbar-stuck-logo {
    display: none
}

header .navbar-sticky.navbar-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: navbar-show .25s;
    background-color: #fff;
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

header .header-nav-middle {
    margin: auto !important
}

header .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    transition: transform .3s ease-in-out;
    will-change: transform, box-shadow;
    transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow .3s ease;
    visibility: visible !important
}

header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
    top: 0;
    left: 0;
    box-shadow: none
}

@media(max-width: 1199px) {
    header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
        width: calc(300px + 20*(100vw - 1200px)/720);
        transform: translateX(-100%);
        z-index: 7
    }
}

header .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 20px 24px;
    z-index: 1
}

header .offcanvas-header .btn-close {
    padding: 0;
    margin: -10px 0;
    font-size: 16px
}

header .offcanvas-header h5 {
    color: var(--theme-color);
    font-weight: 600
}

header .offcanvas-title {
    margin-bottom: 0;
    line-height: initial
}

header .offcanvas-body {
    flex-grow: 1;
    padding: 20px 24px;
    overflow-y: auto;
    height: 100%
}

@media(max-width: 1199px) {
    header .offcanvas-body {
        padding: calc(13px + 7*(100vw - 320px)/880) calc(16px + 8*(100vw - 320px)/880)
    }
}

header .offcanvas-body::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0
}

header .offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 4px
}

header .offcanvas-body>.simplebar-track {
    display: block;
    background-color: rgba(0, 0, 0, 0)
}

header .offcanvas-body .simplebar-vertical {
    margin-right: 3px
}

header .offcanvas-start {
    top: 0;
    left: 0;
    width: 352px;
    border-right: 0 solid rgba(0, 0, 0, 0);
    transform: translateX(-100%)
}

header .offcanvas-end {
    top: 0;
    right: 0;
    width: 352px;
    border-left: 0 solid rgba(0, 0, 0, 0);
    transform: translateX(100%)
}

header .offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    transform: translateY(-100%)
}

header .offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 0 solid rgba(0, 0, 0, 0);
    transform: translateY(100%)
}

header .offcanvas.show {
    transform: none !important;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04) !important
}

header .offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 20px 24px
}

header .sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1025
}

header .hot-deal-box {
    color: #e21719;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px
}

header .hot-deal-box img {
    margin-right: 7px
}

header .hot-deal-box span {
    font-size: 16px;
    font-weight: 500
}

@media(prefers-reduced-motion: reduce) {
    header .navbar-toggler {
        transition: none
    }

    header .offcanvas {
        transition: none
    }
}

@media(min-width: 1200px) {
    header .navbar-expand-xl.navbar .offcanvas-body {
        overflow: visible
    }

    header .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    header .navbar-expand-xl .navbar-stuck-logo {
        display: block
    }

    header .navbar-expand-xl .dropdown-column .dropdown-header {
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 24px;
        color: #222;
        position: relative
    }

    header .navbar-expand-xl .dropdown-column .dropdown-header::before {
        content: "";
        position: absolute;
        bottom: -10px;
        width: 36px;
        height: 2px;
        background-color: var(--theme-color);
        left: 0
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-column .dropdown-header::before {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .navbar-nav {
        position: relative;
        padding-top: 0
    }

    header .navbar-expand-xl .navbar-nav .nav-item {
        border: 0
    }

    header .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: var(--theme-color)
    }

    header .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: var(--theme-color)
    }

    header .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    header .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
        background-color: #fff;
        border-color: #fff;
        padding: 20px;
        border-radius: 10px
    }

    header .navbar-expand-xl .dropdown-menu-left {
        left: 0;
        transform: translateX(0%) translateY(-15px)
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu-left {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .dropdown-menu li {
        display: block;
        width: 100%
    }

    header .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item {
        margin: 0;
        margin-top: -3px
    }

    header .navbar-expand-xl .dropdown-menu li:last-child .dropdown-item {
        margin-bottom: -4px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-column {
        margin: 5px;
        position: relative
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type {
        margin-left: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 12px 0 0 0;
        font-size: 15px;
        position: relative;
        transition: all .3s ease-in-out;
        z-index: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after {
        width: 40%
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:active {
        color: #000
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
        content: "";
        position: absolute;
        width: 0;
        height: 4px;
        bottom: 2px;
        left: 0;
        background-color: var(--theme-color);
        opacity: .3;
        border-radius: 50px;
        transition: all .3s ease-in-out;
        z-index: -1
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:focus {
        background-color: rgba(0, 0, 0, 0)
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover {
        background-color: rgba(0, 0, 0, 0);
        letter-spacing: .03em
    }

    header .navbar-expand-xl .dropdown-menu .dropdown {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        border-left: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle {
        position: relative;
        padding-right: 26px
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle {
        padding-right: 20px;
        padding-left: 26px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after {
        content: "";
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        top: 50%;
        transform: translateY(-50%);
        width: unset;
        height: unset;
        display: block;
        right: 10px;
        border: none
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after {
        right: unset;
        left: 10px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown:last-child {
        margin-bottom: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: 0;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0;
        padding-left: 0;
        border-radius: 5px;
        background-color: #fff
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-menu {
        left: unset;
        right: 100%
    }

    header .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    header .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
        right: 0;
        left: auto
    }

    header .navbar-expand-xl .dropdown:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        display: block !important
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-2 {
        transform: translateX(-50%) translateY(0);
        display: block !important
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-center {
        transform: translateX(0%) translateY(0)
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-left {
        transform: translateX(0%) translateY(0)
    }

    header .navbar-expand-xl .dropdown .dropdown {
        position: relative
    }

    header .navbar-expand-xl .dropdown .dropdown::before {
        content: "";
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        right: -12px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before {
        right: unset;
        left: -12px
    }
}

@media(min-width: 1200px)and (max-width: 1199px) {
    header .navbar-expand-xl .dropdown .dropdown::before {
        right: 0
    }

    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before {
        right: unset;
        left: 0
    }
}


@media(min-width: 1200px) {
    header .navbar-expand-xl .dropdown-mega {
        position: unset
    }

    header .navbar-expand-xl .dropdown-mega>.dropdown-menu {
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap
    }

    header .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu {
        display: flex
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 10px 0px 0 0
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img {
        width: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column {
        margin-top: 5px
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 14px
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand {
        transform: none !important;
        z-index: 1031
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-start {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-end {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-bottom {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-collapse {
        display: block;
        position: static;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        transform: none !important;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }

    header .offcanvas-collapse .offcanvas-header {
        display: none
    }

    header .offcanvas-collapse .offcanvas-footer {
        display: none
    }

    header .offcanvas-collapse .offcanvas-body {
        padding: 0;
        overflow: initial
    }
}

@media(min-width: 1200px) {
    header .offcanvas-enabled-start {
        padding-left: 376px
    }
}

@media(min-width: 1200px) {
    header .offcanvas-enabled-end {
        padding-right: 376px;
        padding-left: 0
    }
}

header .navbar-expand-xl .offcanvas {
    -webkit-box-flex: 1
}

@media(max-width: 1199px) {
    header .navbar-expand-xl .offcanvas {
        z-index: 4;
        -webkit-box-flex: 2
    }
}

header .offcanvas-backdrop {
    z-index: 6
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav {
        padding-top: 0
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item {
        border-top: 0
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link {
        display: flex;
        align-items: center;
        justify-content: unset;
        color: #4a5568;
        font-weight: 700
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled {
        color: #4a5568
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .show>.nav-link {
        color: var(--theme-color)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .active>.nav-link {
        color: var(--theme-color)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu li {
        display: block;
        width: 100%
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
        color: #4a5568;
        font-size: 14px
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 1199px)and (max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
        position: relative;
        margin-left: 15px
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 7px;
        height: 1px;
        background-color: rgba(74, 85, 104, .651);
        left: -4px
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #4a5568
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
        font-size: 16px;
        font-weight: 600
    }
}

@media(max-width: 1199px)and (max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
        padding-left: 10px;
        font-size: 15px;
        font-weight: 500;
        color: rgba(34, 34, 34, .8)
    }
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: none !important;
        transform: translateY(0)
    }

    header .navbar-nav .dropdown-menu.show {
        display: block !important
    }
}

@media(max-width: 1199px) {
    .new-nav-item {
        justify-content: unset !important
    }
}

.new-nav-item .new-dropdown {
    position: absolute;
    top: -7px;
    right: 3px;
    background-color: #ff4f4f;
    font-size: 10px;
    padding: 1px 4px;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .new-nav-item .new-dropdown {
    border-top-left-radius: unset;
    border-top-right-radius: 5px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 5px
}

@media(max-width: 1199px) {
    .new-nav-item .new-dropdown {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        margin-left: 9px;
        border-radius: 3px
    }

    [dir=rtl] .new-nav-item .new-dropdown {
        margin-left: unset;
        margin-right: 9px
    }
}

.menu-img-banner {
    margin: -23px -23px -23px -25px
}

.menu-img-banner a {
    display: block;
    width: 100%
}

.menu-img-banner a img {
    width: 100%
}

.menu-img-banner h4 {
    margin-top: 12px;
    line-height: 1.5;
    font-weight: 500
}

.custom-mt {
    margin-top: 25px
}

@media(max-width: 1199px) {
    .custom-mt {
        margin-top: calc(9px + 3*(100vw - 320px)/880)
    }
}

.dropdown-menu-3::after {
    content: unset !important
}

.menu-label {
    background-color: #ff7272;
    font-size: 12px;
    border-radius: 2px;
    padding: 3px 5px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 0;
    animation: .9s blink infinite;
    margin-left: 4px
}

body.rtl .menu-label {
    margin-left: unset;
    margin-right: 4px
}

.menu-label::before {
    content: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background-color: #ff7272;
    left: -5px;
    width: 12px;
    height: 12px;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0)
}

.menu-label.warning-label {
    background-color: #ffa53b
}

.menu-label.success-label {
    background-color: var(--theme-color)
}

.sale-section .newsletter-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5
}

.sale-section .newsletter-box .newsletter-contain {
    background: linear-gradient(to right, #e1d7e5, #f0cfd2);
    padding: 80px
}

.sale-section .newsletter-box .newsletter-contain .newsletter-detail h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.sale-section .newsletter-box .newsletter-contain .newsletter-detail h5 {
    color: #404040;
    font-weight: 500;
    margin-bottom: 0;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-top: 13px;
    width: 40%;
    line-height: 1.5
}

.newsletter-section .newsletter-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.newsletter-section .newsletter-box-2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('1.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    z-index: -1
}

[dir=rtl] .newsletter-section .newsletter-box-2:after {
    transform: scaleX(-1);
    filter: FlipH
}

.newsletter-section .newsletter-box-3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    z-index: -1
}

[dir=rtl] .newsletter-section .newsletter-box-3:after {
    transform: scaleX(-1);
    filter: FlipH
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h5 {
    font-weight: 600;
    color: #ffbc5d;
    margin-bottom: calc(14px + 6*(100vw - 320px)/1600);
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box {
    position: relative
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::placeholder {
    font-size: 14px;
    color: #4a5568
}

@media(max-width: 360px) {

    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::placeholder {
        padding-left: 0
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
    height: calc(41px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    border: none;
    padding-left: 45px;
    padding-right: 140px
}

@media(max-width: 575px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
        padding-right: 42px
    }
}

[dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
    text-align: left
}

@media(max-width: 360px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
        padding-left: 12px
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    padding: 8px;
    font-size: 15px;
    left: 8px;
    -webkit-text-stroke: 1px var(--theme-color);
    color: rgba(0, 0, 0, 0)
}

@media(max-width: 360px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow {
        display: none
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff4f4f;
    position: absolute;
    right: 3px;
    border-radius: 3px;
    height: 91%;
    border: none;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(8px + 13*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
    margin-left: 6px
}

[dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
    margin-left: unset;
    margin-right: 6px
}

@media(max-width: 575px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
        margin-left: 0
    }

    [dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
        margin-left: unset;
        margin-right: 0
    }
}

.newsletter-section-2 .newsletter-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.newsletter-section-2 .newsletter-box .newsletter-detail {
    width: 100%;
    height: 100%;
    padding: calc(20px + 110*(100vw - 320px)/1600);
    z-index: 1
}

.newsletter-section-2 .newsletter-box .newsletter-detail h2 {
    font-size: calc(18px + 18*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.newsletter-section-2 .newsletter-box .newsletter-detail h4 {
    margin-bottom: 8px;
    font-size: calc(15px + 5*(100vw - 320px)/1600);
    line-height: 1.3;
    font-weight: 300
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .newsletter-section-2 .newsletter-box .newsletter-detail .download-app {
        display: block
    }
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
    margin-right: 15px;
    font-weight: 400
}

[dir=rtl] .newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
    margin-right: unset;
    margin-left: 15px
}

@media(max-width: 767px) {
    .newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
        margin-bottom: 10px
    }
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app .download-app-image {
    margin: 0 -3px;
    display: flex
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app .download-app-image li {
    margin: 0 3px;
    display: flex
}

.newsletter-section-2 .newsletter-box .shape-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center
}

.newsletter-section-2 .newsletter-box .shape-box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('circle.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: rounded infinite 30s linear;
    right: 0;
    top: 0;
    z-index: -1
}

.footer-newsletter .newsletter-detail {
    position: relative;
    padding-block: 26px
}

.footer-newsletter .newsletter-detail::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://admin.pixelstrap.com/cuba/landing/assets/images/nft/news-bg.webp);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0
}

.footer-newsletter .newsletter-detail h2 {
    color: #fff;
    text-align: center;
    font-size: calc(28px + 12*(100vw - 320px)/1600);
    font-weight: 700
}

.footer-newsletter .newsletter-detail h2 span {
    color: var(--theme-color)
}

.footer-newsletter .newsletter-detail h5 {
    text-align: center;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    color: #bfbfbf;
    margin-bottom: calc(25px + 10*(100vw - 320px)/1600);
    margin-top: calc(11px + 4*(100vw - 320px)/1600)
}

.footer-newsletter .newsletter-detail .input-box {
    width: 40%;
    margin-inline: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

@media(max-width: 1180px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 60%
    }
}

@media(max-width: 730px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 80%
    }
}

@media(max-width: 480px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 100%
    }
}

.footer-newsletter .newsletter-detail .input-box .form-control {
    z-index: 0;
    height: calc(41px + 11*(100vw - 320px)/1600);
    border-radius: 0;
    border: none;
    padding-right: 144px
}

.footer-newsletter .newsletter-detail .input-box .sub-btn {
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--theme-color);
    position: absolute;
    right: 0;
    border-radius: 0;
    height: 100%;
    border: none;
    gap: 6px;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(8px + 13*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.offer-box {
    position: relative;
    z-index: 0;

}
.offer-box .offer-contain {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media(max-width: 991px) {
    .offer-box .offer-contain {
        display: block;
        text-align: center;
        background-color: rgba(255, 255, 255, .5)
    }
}

.offer-box .offer-contain .offer-detail h2 {
    text-transform: none;
    line-height: calc(27px + 16*(100vw - 320px)/1600);
    font-weight: 400
}

.offer-box .offer-contain .offer-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(4px + 8*(100vw - 320px)/1600)
}

.offer-box .offer-contain .offer-timing {
    margin-left: 24px
}

[dir=rtl] .offer-box .offer-contain .offer-timing {
    margin-left: unset;
    margin-right: 24px
}

@media(max-width: 360px) {
    .offer-box .offer-contain .offer-timing {
        margin-left: 0
    }

    [dir=rtl] .offer-box .offer-contain .offer-timing {
        margin-left: unset;
        margin-right: 0
    }
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul {
    padding-right: 0
}

.offer-box .offer-contain .offer-timing .time ul li {
    position: relative
}

.offer-box .offer-contain .offer-timing .time ul li+li {
    margin-left: 16px
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li {
    margin-left: unset;
    margin-right: 16px
}

.offer-box .offer-contain .offer-timing .time ul li+li::before {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    font-size: 20px
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li::before {
    left: unset;
    right: -12px
}

.offer-box .offer-contain .offer-timing .time ul li .counter {
    background-color: #ff4f4f;
    color: #fff;
    border-radius: 5px
}

.offer-box .offer-contain .offer-timing .time ul li .counter div {
    width: calc(46px + 15*(100vw - 320px)/1600);
    height: calc(50px + 23*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16px + 8*(100vw - 320px)/1600);
    font-weight: 600
}

.offer-section .offer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('10.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: calc(20px + 15*(100vw - 320px)/1600);
    border-radius: 6px
}

@media(max-width: 575px) {
    .offer-section .offer-box {
        display: block;
        text-align: center
    }
}

.offer-section .offer-box h2 {
    color: #fff;
    font-weight: 700;
    font-size: calc(24px + 16*(100vw - 320px)/1600);
    margin-top: -4px;
    margin-bottom: -5px
}

@media(max-width: 575px) {
    .offer-section .offer-box h2 {
        line-height: 1.3
    }
}

.offer-section .offer-box h2 span {
    font-weight: 500;
    font-size: calc(18px + 8*(100vw - 320px)/1600)
}

.add-to-cart-box {
    background-color: #f8f8f8;
    border-radius: 50px;
    position: relative;
    max-width: 250px
}

.add-to-cart-box .btn-add-cart {
    padding: calc(8px + 2*(100vw - 320px)/1600) 0;
    width: 100%;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    margin-top: 10px;
    color: #4a5568;
    border-radius: 50px;
    font-weight: 500
}

.add-to-cart-box .btn-add-cart .add-icon {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 7*(100vw - 320px)/1600);
    height: calc(30px + 7*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 100%;
    color: var(--theme-color);
    position: absolute;
    right: 4px
}

.add-to-cart-box .btn-add-cart .add-icon.bg-light-orange {
    background-color: #f9f8f6
}

.add-to-cart-box .btn-add-cart .add-icon.bg-light-gray {
    background-color: #f8f8f8
}

@media(max-width: 480px) {
    .add-to-cart-box .btn-add-cart .add-icon {
        display: none
    }
}

.add-to-cart-box .btn-add-cart .add-icon i {
    font-size: 13px
}

.add-to-cart-box .qty-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: none
}

.add-to-cart-box .qty-box.open {
    display: block
}

.add-to-cart-box .qty-box .input-group {
    background-color: #f8f8f8;
    border-radius: 50px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.add-to-cart-box .qty-box .input-group.theme-bg-white {
    background-color: #fff
}

.add-to-cart-box .qty-box .input-group button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 100% !important
}

.add-to-cart-box .qty-box .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.add-to-cart-box .qty-box .input-group button:focus {
    box-shadow: none
}

.add-to-cart-box .qty-box .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.add-to-cart-btn-2 .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 7*(100vw - 320px)/1600);
    height: calc(30px + 7*(100vw - 320px)/1600);
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    padding: 0;
    border-radius: 100%;
    color: var(--theme-color)
}

[dir=rtl] .add-to-cart-btn-2 .btn {
    right: unset;
    left: 0
}

.add-to-cart-btn-2 .qty-box-2 {
    display: none;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    margin-left: auto;
    max-width: 190px
}

[dir=rtl] .add-to-cart-btn-2 .qty-box-2 {
    left: unset;
    right: 0
}

.add-to-cart-btn-2 .qty-box-2.qty-box-3 {
    max-width: 203px
}

.add-to-cart-btn-2 .qty-box-2.open {
    display: block
}

.add-to-cart-btn-2 .qty-box-2 .input-group {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.add-to-cart-btn-2 .qty-box-2 .input-group button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 3px !important
}

.add-to-cart-btn-2 .qty-box-2 .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.add-to-cart-btn-2 .qty-box-2 .input-group button:focus {
    box-shadow: none
}

.add-to-cart-btn-2 .qty-box-2 .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.qty-box {
    margin-top: 10px;
    width: 100%;
    max-width: 250px
}

.qty-box .input-group {
    background-color: #f8f8f8;
    border-radius: 7px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.qty-box .input-group.theme-bg-white {
    background-color: #fff
}

.qty-box .input-group button {
    width: calc(26px + 9*(100vw - 320px)/1600);
    height: calc(26px + 9*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 4px !important
}

.qty-box .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.qty-box .input-group button:focus {
    box-shadow: none
}

.qty-box .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.deal-timer {
    margin: 11px 0
}

.deal-timer.product-deal-timer {
    width: 290px;
    margin-top: 24px
}

.deal-timer.product-deal-timer ul {
    padding: calc(8px + 6*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 8px;
    border: none
}

.deal-timer.product-deal-timer ul li+li::before {
    left: -25px
}

[dir=rtl] .deal-timer.product-deal-timer ul li+li::before {
    left: unset;
    right: -25px
}

.deal-timer.product-deal-timer ul li .counter {
    text-align: center
}

.deal-timer.product-deal-timer ul li .counter>div {
    font-size: calc(18px + 2*(100vw - 320px)/1600)
}

.deal-timer .deal-title {
    font-weight: 600;
    margin-bottom: 7px;
    letter-spacing: .4px
}

.deal-timer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px dashed var(--theme-color);
    text-align: center
}

.deal-timer ul li {
    position: relative
}

.deal-timer ul li+li::before {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px
}

[dir=rtl] .deal-timer ul li+li::before {
    left: unset;
    right: -20px
}

.deal-timer ul li .counter>div {
    display: flex;
    align-items: center
}

.deal-timer ul li .counter>div h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.deal-timer ul li .counter>div h6 {
    color: #4a5568;
    font-size: 13px
}

.category-menu {
    background-color: #f8f8f8;
    padding: calc(12px + 21*(100vw - 320px)/1600);
    border-radius: 5px
}

.category-menu-2 {
    background: linear-gradient(136.8deg, #f6f5f2 17.01%, #fdf7f0 93.97%)
}

.category-menu h3 {
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.category-menu h3::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -8px;
    left: 0;
    background-color: var(--theme-color)
}

[dir=rtl] .category-menu h3::before {
    left: unset;
    right: 0
}

.category-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    border-bottom: 1px dashed rgba(74, 85, 104, .5)
}

.category-menu ul.value-list {
    margin-top: 35px;
    border: none
}

.category-menu ul li {
    display: block;
    width: 100%
}

.category-menu ul li.pb-30 {
    margin-bottom: 30px
}

.category-menu ul li .category-list {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(10px + 6*(100vw - 320px)/1600);
    align-items: center;
    color: #222
}

.category-menu ul li .category-list:hover h5 a {
    letter-spacing: .5px
}

.category-menu ul li .category-list:hover h5 a:before {
    width: 70px
}

.category-menu ul li .category-list svg {
    width: 25px;
    height: 25px;
    stroke: #222
}

.category-menu ul li .category-list img {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.category-menu ul li .category-list h5 a {
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.category-menu ul li .category-list h5 a:hover {
    color: #222
}

.category-menu ul li .category-list h5 a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    opacity: .5;
    border-radius: 50px;
    background-color: var(--theme-color);
    z-index: -1;
    transition: all .3s ease-in-out
}

[dir=rtl] .category-menu ul li .category-list h5 a::before {
    left: unset;
    right: 0
}

.category-menu ul li .category-list i {
    margin-left: auto
}

.category-menu.menu-xl {
    position: sticky;
    top: 130px
}

.category-menu.menu-xl ul {
    gap: 28px;
    border-bottom: none
}

.category-menu.menu-xl ul li .category-list img {
    width: 35px;
    height: 35px
}

.category-menu.menu-xl ul li .category-list h5 {
    font-size: 17px
}

.product-border {
    border: 1px solid rgba(74, 85, 104, .3);
    border-radius: 10px;
    padding: 0 14px
}

.product-border.border-row .slick-slider .slick-list {
    margin: 0 -14px
}

.product-border.border-row .row>div:last-child {
    border-top: 1px solid #ddd
}

.product-border .slider-5-1 .slick-slide>.row {
    border-right: 1px solid rgba(74, 85, 104, .3);
    margin-left: 0
}

[dir=rtl] .product-border .slider-5-1 .slick-slide>.row {
    border-left: 1px solid rgba(74, 85, 104, .3);
    border-right: unset
}

.product-border>.product-box-slider>div>.row>div:nth-child(n+6) {
    border-top: 1px solid rgba(74, 85, 104, .3)
}

.product-border>.product-box-slider>div>.row>div:nth-child(5n+5) .product-box {
    border-right: none
}

[dir=rtl] .product-border>.product-box-slider>div>.row>div:nth-child(5n+5) .product-box {
    border-left: none;
    border-right: unset
}

@media screen and (max-width: 616px) {
    .product-border>.product-box-slider>div>.row>div:nth-child(5n+2) .product-box {
        border-right: none
    }

    [dir=rtl] .product-border>.product-box-slider>div>.row>div:nth-child(5n+2) .product-box {
        border-left: none;
        border-right: unset
    }
}

.product-box {
    padding: calc(8px + 6*(100vw - 320px)/1600);
    border-right: 1px solid rgba(74, 85, 104, .3);
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.product-box:hover .product-image a img {
    transform: scale(1.1)
}

.product-box:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.product-box.product-box-bg {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: calc(10px + 4*(100vw - 320px)/1600);
    border: none
}

.product-box.product-box-bg .qty-box .input-group {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(34, 34, 34, .04)
}

.product-box.product-box-bg+.product-box-bg {
    margin-top: 20px !important
}

@media(max-width: 575px) {
    .product-box.product-box-bg+.product-box-bg {
        margin-top: 10px !important
    }
}

.product-box.product-white-bg {
    background-color: #fff;
    border-radius: calc(9px + 7*(100vw - 320px)/1600);
    padding: calc(10px + 4*(100vw - 320px)/1600);
    border: 1px solid #eee
}

.product-box.product-white-bg .qty-box .input-group {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(34, 34, 34, .04)
}

.product-box.product-white-bg:hover {
    box-shadow: 0 15px 70px rgba(0, 0, 0, .07)
}

.product-box .label-tag {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 5px 13px;
    background-color: #ffba00;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

.product-box .label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.product-box .label-tag span {
    font-weight: 700
}

.product-box .product-image {
    text-align: center;
    padding: 20px;
    position: relative
}

@media(max-width: 480px) {
    .product-box .product-image {
        padding: 8px
    }
}

.product-box .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .product-box .product-image .product-option {
        display: none
    }
}

.product-box .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.product-box .product-image .product-option li a {
    color: #222
}

.product-box .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box .product-image img {
    width: 100%;
    height: 140px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box .product-detail a {
    color: #222;
    display: block
}

.product-box .product-detail a:hover {
    color: #222
}

.product-box .product-detail a h6.name {
    font-weight: 600;
    line-height: 22px;
    height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-box .product-detail a h6.name-2 {
    -webkit-line-clamp: 1
}

.product-box .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.product-box .product-detail .product-rating h6 {
    font-weight: 500
}

.product-box .progress {
    height: 6px;
    border-radius: 0;
    margin-top: calc(14px + 8*(100vw - 320px)/1600)
}

.product-box .stock {
    font-size: 14px;
    color: var(--theme-color);
    margin-left: auto
}

.product-box .sold {
    font-weight: 600;
    margin-top: 3px;
    line-height: 21px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-box .sold .price {
    font-weight: 600;
    margin-top: 0
}

.product-box .sold del {
    font-weight: 400;
    margin-left: 6px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.product-box .sold.weight {
    font-size: 13px;
    margin: calc(5px + 3*(100vw - 320px)/1600) 0;
    line-height: normal
}

.product-box .qty-box {
    max-width: 210px
}

.product-box .counter-box {
    display: block;
    position: relative
}

.product-box .counter-box h6 {
    margin-top: 0
}

.product-box .counter-box .addtocart_btn .add-button,
.product-box .counter-box .addtocart_btn .add_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .add-button span,
.product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {

    .product-box .counter-box .addtocart_btn .add-button span,
    .product-box .counter-box .addtocart_btn .add_cart span {
        display: none
    }
}

.product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box .price {
    margin-top: 16px;
    font-weight: 600
}

.product-list {
    border: 1px solid rgba(74, 85, 104, .3);
    border-radius: 5px;
    padding: calc(18px + 12*(100vw - 320px)/1600)
}

.product-list li {
    display: flex;
    align-items: center;
    height: 80px;
    position: relative
}

.product-list li+li {
    margin-top: 50px
}

@media(max-width: 575px) {
    .product-list li+li {
        margin-top: 44px
    }
}

@media(max-width: 360px) {
    .product-list li+li {
        margin-top: 30px
    }
}

.product-list li+li:after {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    border-bottom: 1px dashed rgba(74, 85, 104, .3);
    width: calc(100% - 103px)
}

[dir=rtl] .product-list li+li:after {
    right: unset;
    left: 0
}

.product-list li .offer-product {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.product-list li .offer-product:hover .offer-image {
    transform: scale(1.1)
}

.product-list li .offer-product:hover .offer-detail a .name {
    color: var(--theme-color)
}

.product-list li .offer-product .offer-image {
    width: 80px
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image {
        width: 90px
    }
}

.product-list li .offer-product .offer-image img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image img {
        width: 90px;
        height: 70px
    }
}

@media(max-width: 575px) {
    .product-list li .offer-product .offer-image img {
        width: 70px;
        height: 70px
    }
}

.product-list li .offer-product .offer-detail {
    width: calc(100% - 80px);
    height: 80px;
    padding-left: calc(12px + 11*(100vw - 320px)/1600);
    position: relative;
    display: flex;
    align-items: center
}

[dir=rtl] .product-list li .offer-product .offer-detail {
    padding-left: unset;
    padding-right: calc(12px + 11*(100vw - 320px)/1600)
}

.product-list li .offer-product .offer-detail a {
    display: block;
    color: #222
}

.product-list li .offer-product .offer-detail a:hover {
    color: #222
}

.product-list li .offer-product .offer-detail a .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 600;
    margin-top: -1px;
    transition: all .3s ease-in-out
}

.product-list li .offer-product .offer-detail span {
    font-size: 14px;
    margin-top: 5px;
    color: #4a5568;
    font-weight: 400
}

.product-list li .offer-product .offer-detail .price {
    margin-top: 6px;
    font-weight: 600;
    margin-bottom: -2px
}

.product-category {
    padding: calc(19px + 17*(100vw - 320px)/1600) calc(16px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.product-category .product-category-list {
    column-count: 2
}

[dir=rtl] .product-category .product-category-list {
    padding-left: unset;
    padding-right: 0
}

.product-category .product-category-list li {
    display: block;
    padding-left: 22px;
    font-size: 14px;
    color: #4a5568;
    position: relative;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[dir=rtl] .product-category .product-category-list li {
    padding-left: unset;
    padding-right: 22px
}

.product-category .product-category-list li::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    left: 0;
    border: 1px solid #4a5568
}

[dir=rtl] .product-category .product-category-list li::before {
    left: unset;
    right: 8px
}

.product-category .product-category-list li+li {
    margin-top: calc(14px + 12*(100vw - 320px)/1600)
}

.product-category .product-category-list li:last-child a {
    display: flex;
    align-items: center
}

.product-category .product-category-list li:last-child a:hover {
    color: var(--theme-color)
}

.product-category .product-category-list li:last-child a i {
    margin-left: 8px
}

.product-category .product-category-list li:last-child::before {
    display: none
}

.product-slider {
    padding-bottom: 5px
}

.product-slider:hover .product-slider-image img {
    transform: scale(1.1) rotate(4deg)
}

.product-slider .product-slider-image {
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.product-slider .product-slider-image img {
    transition: all .3s ease-in-out
}

.product-slider .product-slider-detail {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 90%;
    margin: -50px auto 0;
    padding: calc(20px + 5*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(47, 88, 80, .05);
    background-color: rgba(255, 255, 255, .8)
}

.product-slider .product-slider-detail>div {
    position: relative
}

.product-slider .product-slider-detail h3 {
    font-weight: 600;
    margin-bottom: calc(6px + 4*(100vw - 320px)/1600)
}

.product-slider .product-slider-detail h5 {
    margin-bottom: calc(4px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.product-slider .product-slider-detail h6 {
    margin-top: calc(4px + 6*(100vw - 320px)/1600);
    font-weight: 500
}

.product-slider .product-slider-detail .product-button {
    position: absolute;
    bottom: 0;
    right: 0
}

[dir=rtl] .product-slider .product-slider-detail .product-button {
    right: unset;
    left: 0
}

@media(max-width: 360px) {
    .product-slider .product-slider-detail .product-button {
        position: relative;
        margin-top: 10px;
        width: 100%;
        justify-content: center
    }
}

.top-selling-box .top-selling-title {
    border-bottom: 1px solid #e0e2e7;
    padding-bottom: calc(12px + 10*(100vw - 320px)/1600);
    margin-bottom: calc(24px + 12*(100vw - 320px)/1600);
    position: relative
}

.top-selling-box .top-selling-title::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color)
}

[dir=rtl] .top-selling-box .top-selling-title::after {
    left: unset;
    right: 0
}

.top-selling-box .top-selling-title h3 {
    font-size: calc(19px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

.top-selling-box .top-selling-contain {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.top-selling-box .top-selling-contain+.top-selling-contain {
    margin-top: calc(14px + 16*(100vw - 320px)/1600)
}

.top-selling-box .top-selling-contain+.top-selling-contain:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    width: calc(100% - 118px);
    border: 1px dashed rgba(74, 85, 104, .3)
}

[dir=rtl] .top-selling-box .top-selling-contain+.top-selling-contain:before {
    right: unset;
    left: 0
}

.top-selling-box .top-selling-contain:hover .top-selling-detail h5 {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain:hover .top-selling-detail .product-option {
    top: 0;
    opacity: 1
}

.top-selling-box .top-selling-contain:hover .top-selling-image img {
    transform: scale(1.1)
}

.top-selling-box .top-selling-contain .top-selling-image {
    overflow: hidden;
    width: calc(80px + 20*(100vw - 320px)/1600);
    height: calc(80px + 20*(100vw - 320px)/1600);
    border-radius: 5px
}

.top-selling-box .top-selling-contain .top-selling-image img {
    object-fit: contain;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: calc(15px + 3*(100vw - 320px)/1600);
    width: calc(100% - (80px + 20*(100vw - 320px)/1600));
    position: relative
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:hover {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

[dir=rtl] .top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: unset;
    padding-right: 18px
}

.top-selling-box .top-selling-contain .top-selling-detail a {
    display: block;
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a:hover {
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a h5 {
    margin-bottom: calc(2px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail h6 {
    margin-top: calc(7px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color)
}

.product-box-2 {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out
}

.product-box-2:hover .product-image img {
    transform: scale(1.1)
}

.product-box-2:hover .product-detail h6 {
    color: var(--theme-color)
}

.product-box-2:hover .product-detail .product-option {
    opacity: 1
}

.product-box-2+.product-box-2 {
    margin-top: calc(14px + 6*(100vw - 320px)/1600) !important
}

.product-box-2 .product-image {
    border-radius: 8px;
    overflow: hidden
}

.product-box-2 .product-image img {
    width: calc(86px + 44*(100vw - 320px)/1600);
    height: auto;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail {
    margin-left: 15px;
    width: calc(100% - 130px - 15px);
    position: relative;
    overflow: hidden
}

[dir=rtl] .product-box-2 .product-detail {
    margin-left: unset;
    margin-right: 15px
}

.product-box-2 .product-detail-2 {
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.product-box-2 .product-detail-2 .rating {
    justify-content: flex-end
}

.product-box-2 .product-detail-2 .cart-icon {
    right: unset;
    left: 0
}

.product-box-2 .product-detail .product-option {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden
}

.product-box-2 .product-detail .product-option li a:hover {
    color: var(--theme-color)
}

.product-box-2 .product-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.product-box-2 .product-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

.product-box-2 .product-detail h6 {
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: calc(2px + 5*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail h3 {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 12px
}

.product-box-2 .product-detail h5 {
    font-weight: 500;
    margin-top: calc(5px + 5*(100vw - 320px)/1600)
}

.product-box-2 .product-detail h5 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

.product-box-2 .product-detail .cart-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f7f5f2;
    border-radius: 100%
}

.product-box-2 .product-detail .cart-icon svg {
    width: 20px;
    height: 20px;
    color: #4a5568;
    stroke-width: 1.5px
}

.middle-image {
    width: 100%;
    height: 100%
}

.middle-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.deal-contain {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .deal-contain {
        display: block
    }
}

.deal-contain .deal-image img {
    width: 250px;
    height: 250px;
    object-fit: contain
}

@media(max-width: 575px) {
    .deal-contain .deal-image img {
        width: 100%;
        height: 100%
    }
}

.deal-contain .deal-detail {
    padding-left: 25px;
    width: calc(100% - 250px)
}

[dir=rtl] .deal-contain .deal-detail {
    padding-left: unset;
    padding-right: 25px
}

@media(max-width: 575px) {
    .deal-contain .deal-detail {
        padding-left: 0;
        width: 100%;
        margin-top: 10px
    }
}

.deal-contain .deal-detail a {
    color: #222
}

.deal-contain .deal-detail a:hover {
    color: #222
}

.deal-contain .deal-detail .name {
    font-weight: 600;
    margin-bottom: calc(5px + 6*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 {
    font-weight: 500;
    margin-top: calc(7px + 7*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

[dir=rtl] .deal-contain .deal-detail h4 del {
    margin-left: unset;
    margin-right: 2px
}

[dir=rtl] .deal-contain .deal-detail .option-icon {
    padding-left: unset;
    padding-right: 0
}

.deal-contain .deal-detail .option-icon li+li {
    margin-left: 8px
}

[dir=rtl] .deal-contain .deal-detail .option-icon li+li {
    margin-left: unset;
    margin-right: 8px
}

.deal-contain .deal-detail .option-icon li a {
    width: calc(36px + 12*(100vw - 320px)/1600);
    height: calc(36px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 5.57831px 13.9458px rgba(0, 0, 0, .05);
    border-radius: 100%;
    color: #222
}

.deal-contain .deal-detail .option-icon li a svg {
    width: calc(14px + 4*(100vw - 320px)/1600);
    height: calc(14px + 4*(100vw - 320px)/1600)
}

.product-list-section.list-style>div {
    width: 100%
}

.product-list-section.list-style>div .product-box-3 {
    display: flex;
    align-items: center;
    padding: calc(14px + 10*(100vw - 320px)/1600)
}

.product-list-section.list-style>div .product-box-3 .product-header {
    width: 180px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-header {
        width: 100%
    }
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 {
        display: block
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: 20px;
    width: calc(100% - 180px)
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .span-name {
    display: none
}

[dir=rtl] .product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-footer {
        padding: 0;
        width: 100%;
        margin-top: 20px
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-content {
    display: block;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .qty-box {
    width: unset
}

.product-box-3 {
    padding: calc(7px + 7*(100vw - 320px)/1600);
    position: relative;
    background-color: #f8f8f8;
    border-radius: 5px;
    transition: all .4s ease-in-out
}

.product-box-3.theme-bg-white {
    background-color: #fff
}

.product-box-3:hover {
    box-shadow: 0 0 8px rgba(34, 34, 34, .08)
}

.product-box-3:hover .product-header .product-image .product-option {
    bottom: 10px;
    opacity: 1
}

.product-box-3:hover .product-header .product-image img {
    transform: scale(1.1)
}

.product-box-3 .product-header {
    position: relative
}

.product-box-3 .product-header .product-image {
    text-align: center;
    padding: 20px;
    display: block
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image {
        padding: 8px
    }
}

.product-box-3 .product-header .product-image img {
    width: 100%;
    height: calc(100px + 40*(100vw - 320px)/1600);
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box-3 .product-header .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 230px
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image .product-option {
        display: none
    }
}

.product-box-3 .product-header .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.product-box-3 .product-header .product-image .product-option li a {
    color: #222
}

.product-box-3 .product-header .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-header .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-3 .product-header .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

[dir=rtl] .product-box-3 .product-header .product-header-top {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top .label-new {
    position: relative;
    border-radius: 4px;
    padding: 3px 8px;
    color: #fff
}

.product-box-3 .product-header .product-header-top .label-new.bg-warning {
    background: linear-gradient(-90deg, #ffbf65 -14.53%, #ffad39 99.15%) !important
}

.product-box-3 .product-header .product-header-top .label-new.bg-theme {
    background: var(--theme-color2) !important
}

.product-box-3 .product-header .product-header-top .label-new label {
    font-size: 13px;
    margin-top: 1px;
    font-weight: 600
}

.product-box-3 .product-header .product-header-top .wishlist-button {
    position: relative;
    padding: 6px;
    margin-left: auto;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
    border-radius: 100%;
    z-index: 0
}

[dir=rtl] .product-box-3 .product-header .product-header-top .wishlist-button {
    margin-left: unset;
    margin-right: auto
}

.product-box-3 .product-header .product-header-top .wishlist-button .feather {
    width: 15px;
    height: 15px;
    color: #4a5568
}

.product-box-3 .product-header .product-header-top .close-button {
    position: relative;
    padding: 0;
    z-index: 0
}

.product-box-3 .product-header .product-header-top .close-button .feather {
    width: 20px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-footer .product-detail .span-name {
    font-size: 13px;
    color: #50607c;
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .product-detail .product-content {
    display: none
}

.product-box-3 .product-footer .product-detail a {
    color: #222
}

.product-box-3 .product-footer .product-detail a:hover {
    color: #222
}

.product-box-3 .product-footer .product-detail .name {
    font-weight: 500;
    line-height: calc(21px + 3*(100vw - 320px)/1600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-box-3 .product-footer .product-detail .unit {
    font-size: 13px;
    font-weight: 500;
    margin-top: calc(6px + 4*(100vw - 320px)/1600);
    color: #777
}

.product-box-3 .product-footer .price {
    margin-top: 6px;
    font-weight: 600
}

.product-box-3 .product-footer .price del {
    margin-left: 4px;
    font-weight: 400;
    color: #777;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .price span {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-section-3 .circle-box {
    position: relative
}

.product-section-3 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-section-3 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    animation: rounded 15s linear infinite
}

.product-section-3 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-section-3 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-section-3 .product-title {
    padding: 16px;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 8px 8px 0 0;
    border: 2px solid rgba(0, 0, 0, 0);
    background-size: contain;
    background-clip: border-box;
    background-position: 0 0;
    animation: shape 15s linear infinite
}

.product-section-3 .product-title.product-warning {
    background-color: rgba(0, 0, 0, 0);
    color: #222;
    margin: 0;
    border: none
}

.product-bg-image {
    background-image: url('bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

@media screen and (max-width: 768px) {
    .bg-img {
        background-position-x: -1200px !important;
    }
}


.product-bg-image .product-box-4 {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.product-bg-image .product-box-3:hover {
    box-shadow: none
}

.product-box-4 {
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    text-align: center
}

.product-box-4+.product-box-4 {
    margin-top: 20px !important
}

.product-box-4:hover .product-image img {
    transform: scale(1.08)
}

.product-box-4:hover .product-image .option li {
    opacity: 1;
    transform: translateY(10px)
}

.product-box-4:hover .product-image .option li:nth-child(1) {
    transition-delay: .1s
}

.product-box-4:hover .product-image .option li:nth-child(2) {
    transition-delay: .2s
}

.product-box-4:hover .product-image .option li:nth-child(3) {
    transition-delay: .3s
}

.product-box-4:hover .product-image .option li:nth-child(4) {
    transition-delay: .4s
}

.product-box-4:hover .product-detail a .name {
    color: var(--theme-color) !important;
    font-weight: 600
}

.product-box-4-3 {
    border: 2px solid var(--theme-color);
    border-radius: 0 0 8px 8px
}

@media(max-width: 1660px) {
    .product-box-4-3 {
        height: 90%
    }
}

@media(max-width: 991px) {
    .product-box-4-3 {
        height: auto
    }
}

.product-box-4 .circle-box {
    position: relative
}

.product-box-4 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-box-4 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    animation: rounded 15s linear infinite
}

.product-box-4 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-box-4 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-box-4 .custom-progressbar {
    margin-top: 26px;
    border-radius: 50px;
    height: 10px
}

.product-box-4 .custom-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-box-4 h5 {
    display: flex;
    margin-top: 6px
}

.product-box-4 h5 span {
    margin-left: 3px
}

.product-box-4 .product-image {
    position: relative
}

.product-box-4 .product-image-2 img {
    margin: 20px 0 !important
}

@media(max-width: 991px) {
    .product-box-4 .product-image-2 img {
        margin: 0 !important
    }
}

.product-box-4 .product-image img {
    width: 70%;
    height: calc(80px + 60*(100vw - 320px)/1600);
    margin: 8px auto 8px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

@media(max-width: 480px) {
    .product-box-4 .product-image img {
        width: 80%
    }
}

@media(max-width: 360px) {
    .product-box-4 .product-image img {
        width: 100%;
        margin: 20px 0 0
    }
}

.product-box-4 .product-image img.product-image {
    width: 65%;
    height: auto;
    object-fit: unset;
    margin: 20px auto 0
}

.product-box-4 .product-image .option {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 -4px
}

[dir=rtl] .product-box-4 .product-image .option {
    padding-right: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option {
        margin: 0 -1px
    }
}

.product-box-4 .product-image .option li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    transform: translateY(40px);
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li {
        width: 30px;
        height: 30px;
        margin: 0 1px
    }
}

.product-box-4 .product-image .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-box-4 .product-image .option li a {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-box-4 .product-image .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li a .icli {
        font-size: 15px
    }
}

.product-box-4 .product-image .option li a .icli.iconly-Swap {
    transform: rotate(90deg)
}

.product-box-4 .product-detail {
    text-align: left;
    margin-top: 15px;
    position: relative
}

.product-box-4 .product-detail .addtocart_btn .add-button,
.product-box-4 .product-detail .addtocart_btn .add_cart {
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .add-button span,
.product-box-4 .product-detail .addtocart_btn .add_cart span {
    position: absolute;
    left: 8px;
    right: 0;
    bottom: -21px;
    font-size: 12px
}

.product-box-4 .product-detail .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0
}

.product-box-4 .product-detail .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.border-botonrect {
    border-radius: 25px
}

.product-box-4 .product-detail .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box-4 .product-detail a {
    color: #222
}

.product-box-4 .product-detail a .name {
    width: 100%;
    margin-top: 5px;
    text-transform: capitalize;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all .3s ease-in-out;
    text-align: left
}

[dir=rtl] .product-box-4 .product-detail a .name {
    text-align: right
}

@media(max-width: 480px) {
    .product-box-4 .product-detail a .name {
        width: 100%
    }
}

.product-box-4 .product-detail .price {
    margin-top: 5px;
    font-weight: 500
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price {
        display: flex
    }
}

.product-box-4 .product-detail .price del {
    margin-left: 10px;
    color: #4a5568;
    font-weight: 400
}

[dir=rtl] .product-box-4 .product-detail .price del {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price del {
        margin-left: 5px
    }

    [dir=rtl] .product-box-4 .product-detail .price del {
        margin-left: unset;
        margin-right: 5px
    }
}

.product-box-4 .product-detail .buy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .buy-button {
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        margin-top: 12px;
        color: var(--theme-color);
        border-radius: 5px;
        border: 1px solid var(--theme-color)
    }
}

[dir=rtl] .product-box-4 .product-detail .buy-button {
    right: unset;
    left: 0
}

.product-box-4 .product-detail .buy-button i {
    font-size: 18px
}

.product-box-4 .product-detail .buy-button-2 {
    width: 53px
}

.product-box-4 .product-detail .sold-box {
    margin-top: 12px
}

.product-box-4 .product-detail .sold-box .progress {
    height: 8px;
    border-radius: 50px
}

.product-box-4 .product-detail .sold-box .progress .progress-bar {
    border-radius: 50px;
    background-color: var(--theme-color)
}

.product-box-4 .product-detail .sold-box h5 {
    margin-top: 6px
}

.product-box-4 .product-detail .sold-box h5 span {
    color: #000
}

.product-box-4 .product-detail .price-qty {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: calc(8px + 8*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty {
        display: block
    }
}

.product-box-4 .product-detail .price-qty .counter-number {
    display: inline-block
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        margin-bottom: 9px;
        width: 100%
    }
}

@media(max-width: 336px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        display: block;
        width: 100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter {
        width: 100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter input {
        width: 100%
    }
}

@media(max-width: 480px) {

    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-left-minus,
    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-right-plus {
        width: 85px
    }
}

.product-box-4 .product-detail .price-qty .buy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px
}

[dir=rtl] .product-box-4 .product-detail .price-qty .buy-button {
    right: unset;
    left: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .buy-button {
        width: 100%;
        margin-top: 0
    }
}

.product-box-4 .product-detail .price-qty .buy-button .icli {
    font-size: 24px
}

.product-box-4 .product-detail .price-qty .buy-button i {
    font-size: 16px
}

.product-box-4 .product-detail .counter-number-box {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    border: 1px solid #e1b254;
    border-radius: 5px;
    background-color: rgba(225, 178, 84, .1);
    padding: 5px
}

.product-box-4 .product-detail .counter-number-box span {
    margin-right: 6px;
    position: relative
}

.product-box-4 .product-detail .counter-number-box span:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -8px;
    background-color: #e1b254
}

.product-box-4 .product-detail .counter-number-box input {
    width: 27px;
    height: unset;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

.product-box-4 .product-detail .counter-number-box .counter-arrow {
    background-color: #e1b254;
    color: #fff;
    padding: 3px 6px
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down,
.product-box-4 .product-detail .counter-number-box .counter-arrow .up {
    width: unset;
    height: unset;
    border: unset;
    font-size: unset;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    color: #fff
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down:hover,
.product-box-4 .product-detail .counter-number-box .counter-arrow .up:hover {
    color: #fff
}

.product-box-5 .product-image {
    position: relative
}

.product-box-5 .product-image .bg-size {
    border-radius: 10px
}

.product-box-5 .product-image .wishlist-top {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px
}

.product-box-5 .product-image .wishlist-top svg {
    width: 18px
}

.product-box-5 .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .product-box-5 .product-image .product-option {
        display: none
    }
}

.product-box-5 .product-image .product-option li {
    position: relative;
    width: 33.33%;
    text-align: center
}

.product-box-5 .product-image .product-option li a {
    color: #222
}

.product-box-5 .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-5 .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-5 .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-5 .product-image img {
    transition: all .3s ease-in-out;
    border-radius: 10px
}

.product-box-5:hover .product-image a img {
    transform: scale(1.1)
}

.product-box-5:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.product-box-5 .product-detail {
    padding-top: 10px;
    text-align: center
}

.product-box-5 .product-detail a {
    color: #222;
    display: block
}

.product-box-5 .product-detail a:hover {
    color: #222
}

.product-box-5 .product-detail a h5 {
    margin-bottom: 6px
}

.product-box-5 .product-detail a h5.name {
    font-weight: 600;
    line-height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-transform: capitalize
}

.product-box-5 .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.product-box-5 .product-detail .product-rating h6 {
    font-weight: 500
}

.product-box-5+.product-box-5 {
    margin-top: 30px !important
}

.product-section-2 .product-box-4 {
    display: flex;
    align-items: center;
    border: none;
    padding: 0
}

.product-section-2 .product-box-4:hover .product-details .option {
    opacity: 1
}

.product-section-2 .product-box-4:hover .product-details .option li {
    opacity: 1;
    transform: translateY(0)
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(1) {
    transition-delay: .1s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(2) {
    transition-delay: .2s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(3) {
    transition-delay: .3s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(4) {
    transition-delay: .4s
}

.product-section-2 .product-box-4 .product-image {
    width: calc(84px + 32*(100vw - 320px)/1600);
    height: calc(84px + 32*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 15px
}

.product-section-2 .product-box-4 .product-image-2 {
    width: 116px;
    height: 151px;
    border-radius: 8px
}

.product-section-2 .product-box-4 .product-image img {
    width: 100%;
    height: 100%;
    min-width: 90px;
    margin: 0;
    object-fit: contain
}

.product-section-2 .product-box-4 .product-details {
    text-align: left;
    padding-left: calc(15px + 10*(100vw - 320px)/1600);
    position: relative
}

[dir=rtl] .product-section-2 .product-box-4 .product-details {
    padding-left: unset;
    padding-right: calc(15px + 10*(100vw - 320px)/1600)
}

.product-section-2 .product-box-4 .product-details a {
    color: #222
}

.product-section-2 .product-box-4 .product-details a .name {
    font-weight: 300;
    margin: 5px 0;
    text-align: left
}

[dir=rtl] .product-section-2 .product-box-4 .product-details a .name {
    text-align: right
}

.product-section-2 .product-box-4 .product-details .price {
    color: var(--theme-color);
    font-weight: 500
}

.product-section-2 .product-box-4 .product-details .price del {
    color: #bfbfbf;
    font-weight: 400;
    margin-left: 5px
}

.product-section-2 .product-box-4 .product-details .option {
    top: 45%;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    opacity: 1;
    transition: all .4s ease-in-out;
    margin: 0 -4px
}

[dir=rtl] .product-section-2 .product-box-4 .product-details .option {
    left: unset;
    right: 10px
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option {
        left: 10px;
        margin: 0 -2px
    }
}

.product-section-2 .product-box-4 .product-details .option li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    transform: translateY(40px);
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li {
        width: 30px;
        height: 30px;
        margin: 0 2px
    }
}

.product-section-2 .product-box-4 .product-details .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-section-2 .product-box-4 .product-details .option li a {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.product-section-2 .product-box-4 .product-details .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li a .icli {
        font-size: 15px
    }
}

.product-section-2 .product-box-4 .product-details .option li a .icli.iconly-Swap {
    transform: rotate(90deg)
}

.book-product-box {
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden;
    border-radius: 5px
}

.book-product-box:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.book-product-box .label-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.book-product-box .label-box label {
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(5px + 3*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600);
    text-transform: capitalize;
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
    border-radius: 2px
}

.book-product-box .label-tag {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 5px 13px;
    background-color: #ffba00;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

.book-product-box .label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.book-product-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.book-product-box .label-tag span {
    font-weight: 700
}

.book-product-box .product-image {
    text-align: center;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    position: relative
}

.book-product-box .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .book-product-box .product-image .product-option {
        display: none
    }
}

.book-product-box .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.book-product-box .product-image .product-option li a {
    color: #222
}

.book-product-box .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.book-product-box .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .book-product-box .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.book-product-box .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.book-product-box .product-image .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.book-product-box .product-detail a {
    color: #222;
    display: block
}

.book-product-box .product-detail a:hover {
    color: #222
}

.book-product-box .product-detail a .name {
    font-weight: 600;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.book-product-box .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.book-product-box .product-detail .product-rating h6 {
    font-weight: 500
}

.book-product-box .progress {
    height: 6px;
    border-radius: 0;
    margin-top: calc(14px + 8*(100vw - 320px)/1600)
}

.book-product-box .stock {
    font-size: 14px;
    color: var(--theme-color);
    margin-left: auto
}

.book-product-box .sold {
    font-weight: 600;
    margin-top: 3px;
    line-height: 21px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.book-product-box .sold .price {
    font-weight: 600;
    color: var(--theme-color);
    margin-top: 0
}

.book-product-box .sold del {
    font-weight: 400;
    margin-left: 6px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.book-product-box .weight {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: normal;
    color: #4a5568;
    margin-bottom: calc(2px + 2*(100vw - 320px)/1600)
}

.book-product-box .byers {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    margin-block: calc(3px + 3*(100vw - 320px)/1600) 2px;
    color: #4a5568;
    font-weight: 400;
    line-height: normal
}

@media(max-width: 480px) {
    .book-product-box .byers {
        line-height: 1.5
    }
}

.book-product-box .byers span {
    color: #4a5568;
    font-weight: 400
}

.book-product-box .qty-box {
    max-width: 210px
}

.book-product-box .counter-box {
    display: block;
    position: relative
}

.book-product-box .counter-box h6 {
    margin-top: 0
}

.book-product-box .counter-box .addtocart_btn .add-button,
.book-product-box .counter-box .addtocart_btn .add_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .add-button span,
.book-product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {

    .book-product-box .counter-box .addtocart_btn .add-button span,
    .book-product-box .counter-box .addtocart_btn .add_cart span {
        display: none
    }
}

.book-product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.book-product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.book-product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.book-product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.book-product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.book-product-box .price {
    margin-top: calc(10px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 16px
}

.product-theme-box {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: calc(10px + 5*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.dark .product-theme-box {
    border-color: rgba(119, 119, 119, .44)
}

.product-theme-box:hover .label-tag {
    left: 0
}

.product-theme-box .label-tag {
    position: absolute;
    top: 24px;
    left: -66px;
    padding: 5px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
    z-index: 1;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2))
}

.product-theme-box .label-tag::after,
.product-theme-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: -15px;
    border-bottom: 15px solid var(--theme-color2);
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-theme-box .label-tag::before {
    top: 0;
    transform: rotate(180deg)
}

.product-theme-box .label-tag::after {
    bottom: 0;
    transform: rotate(0)
}

.product-theme-box .label-tag .feather {
    width: 16px;
    height: 16px
}

.product-theme-box .label-tag span {
    margin-right: 5px;
    overflow: hidden;
    transition: width .3s ease-in-out
}

.product-theme-box .img-box {
    position: relative
}

.product-theme-box .img-box a {
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.product-theme-box .img-box .heart-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .52);
    border-radius: 100%
}

.product-theme-box .img-box .heart-icon svg {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.product-theme-box .content-box {
    margin-top: 10px
}

.product-theme-box .content-box .top-content h5 {
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-theme-box .content-box .top-content h6 {
    color: #999
}

.dark .product-theme-box .content-box .top-content h6 {
    color: #ddd
}

.product-theme-box .content-box .top-content h6 a {
    color: #222
}

.product-theme-box .price {
    margin-top: calc(1px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: calc(12px + 3*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content span {
    color: #999;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.dark .product-theme-box .bottom-content span {
    color: #ddd
}

.product-theme-box .bottom-content .btn {
    padding: 5px calc(11px + 4*(100vw - 320px)/1600);
    border: 1px solid var(--theme-color);
    color: var(--theme-color) !important;
    font-size: 14px;
    height: calc(34px + 4*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content .btn-grp {
    display: flex;
    align-items: center;
    gap: 6px
}

.product-theme-box .bottom-content .btn-outline {
    background-color: #fff
}

.product-theme-box .bottom-content .btn-outline svg {
    width: calc(15px + 1*(100vw - 320px)/1600);
    height: calc(15px + 1*(100vw - 320px)/1600)
}

.product-theme-box .review-rating span {
    font-size: 13px;
    line-height: 1;
    margin-top: 1px
}

.featured-sec {
    background-image: url('bg.jpg');
    padding: calc(44px + 56*(100vw - 320px)/1600) 0
}

.featured-sec .feature-title {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0
}

.featured-sec .feature-title h2 {
    color: #fff
}

.featured-sec .feature-title p {
    color: rgba(255, 255, 255, .8);
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 1.5
}

.featured-sec .feature-title button {
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    white-space: nowrap;
    line-height: 1;
    padding: 11px 19px;
    margin: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 5px
}

.featured-sec .feature-title button .feather {
    width: 18px;
    height: 18px
}

.featured-sec .theme-box {
    background-color: #fff
}

.review-box:hover .review-profile .review-image {
    border-radius: 6px
}

.review-box .review-contain {
    margin-bottom: 40px
}

.review-box .review-contain h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px
}

.review-box .review-contain p {
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

.review-box .review-profile {
    display: flex;
    align-items: center
}

.review-box .review-profile .review-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.review-box .review-profile .review-detail {
    padding-left: 12px
}

[dir=rtl] .review-box .review-profile .review-detail {
    padding-left: unset;
    padding-right: 12px
}

.review-box .review-profile .review-detail h5 {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 500;
    color: #222
}

.review-box .review-profile .review-detail h6 {
    font-size: 16px;
    font-weight: 500;
    color: #4a5568
}

.service-contain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .service-contain {
        display: none
    }
}

.service-contain .service-box {
    display: flex;
    align-items: center;
    position: relative
}

@media(max-width: 1366px) {
    .service-contain .service-box {
        width: 50%
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(-n+2) {
        margin-bottom: 15px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(3)::before {
        display: none
    }
}

@media(max-width: 767px) {
    .service-contain .service-box::before {
        display: none
    }
}

.service-contain .service-box+.service-box::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    left: -104px;
    border: 1px dashed #c1c1c1
}

[dir=rtl] .service-contain .service-box+.service-box::before {
    left: unset;
    right: -104px
}

@media(max-width: 1660px) {
    .service-contain .service-box+.service-box::before {
        left: -70px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -70px
    }
}

@media(max-width: 1460px) {
    .service-contain .service-box+.service-box::before {
        left: -36px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -36px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box+.service-box::before {
        left: -31px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -31px
    }
}

.service-contain .service-box .service-image img {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    object-fit: contain
}

.service-contain .service-box .service-detail {
    margin-left: 20px
}

[dir=rtl] .service-contain .service-box .service-detail {
    margin-left: unset;
    margin-right: 20px
}

.service-contain .service-box .service-detail h5 {
    font-weight: 500;
    color: #222
}

.service-contain-2 {
    display: flex;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    background-color: rgba(191, 191, 191, .2);
    height: 100%;
    transition: all .3s ease-in-out
}

.service-contain-2:hover {
    background-color: var(--theme-color);
    color: white;
}

.service-contain-2:hover svg {
    fill: #fff
}

.service-contain-2:hover .service-detail h3,
.service-contain-2:hover .service-detail h6 {
    color: #fff
}

.service-contain-2 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    transition: all .3s ease-in-out
}

.service-contain-2 .service-detail {
    margin-left: 25px;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-2 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-2 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-2 .service-detail h6 {
    transition: all .3s ease-in-out
}

.service-contain-3 {
    display: flex;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    transition: all .3s ease-in-out;
    position: relative
}

.service-contain-3:hover {
    background-color: var(--theme-color)
}

.service-contain-3:hover svg {
    fill: #fff
}

.service-contain-3:hover .service-detail h3,
.service-contain-3:hover .service-detail h6 {
    color: #fff
}

.service-contain-3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .13
}

.service-contain-3 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    transition: all .3s ease-in-out
}

.service-contain-3 .service-detail {
    margin-left: 25px;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-3 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-3 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-3 .service-detail h6 {
    transition: all .3s ease-in-out
}

.coming-soon-section {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('coming-soon.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.coming-soon-section .coming-box {
    text-align: center;
    z-index: 1
}

.coming-soon-section .coming-box .coming-text {
    width: 90%;
    margin: 12px auto 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-text {
        width: 100%
    }
}

.coming-soon-section .coming-box .coming-title h2 {
    font-size: calc(27px + 11*(100vw - 320px)/1600);
    font-weight: 400;
    margin-top: -5px
}

.coming-soon-section .coming-box .coming-timer {
    margin-top: 24px
}

.coming-soon-section .coming-box .coming-timer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(16px + 12*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li {
    width: calc(62px + 28*(100vw - 320px)/1600);
    height: calc(62px + 28*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(-10px + -7*(100vw - 320px)/1600);
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    color: var(--theme-color)
}

[dir=rtl] .coming-soon-section .coming-box .coming-timer ul li+li::after {
    left: unset;
    right: -17px
}

.coming-soon-section .coming-box .coming-timer ul li .counter {
    display: block;
    text-align: center
}

.coming-soon-section .coming-box .coming-timer ul li .counter>div {
    font-size: calc(22px + 5*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    line-height: 1
}

.coming-soon-section .coming-box .coming-timer ul li .counter p {
    margin-bottom: 0;
    margin-top: 5px;
    color: #4a5568;
    font-size: calc(13px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain {
    margin-top: calc(19px + 19*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain .coming-form {
    position: relative;
    width: 90%;
    margin: 22px auto 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--theme-color)
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    border: none;
    border-radius: 0
}

[dir=rtl] .coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    text-align: left
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control:focus {
    border-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    box-shadow: none;
    color: #4a5568;
    z-index: 0
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-contain .coming-form {
        width: 100%
    }
}

.coming-soon-section .coming-box .coming-contain .coming-form .coming-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    padding: 0 calc(15px + 10*(100vw - 320px)/1600);
    background: var(--theme-color2);
    color: #fff;
    font-weight: 700
}

.table:not(:last-child):last-child>* {
    border-bottom: none
}

.inner-title {
    margin-bottom: calc(32px + 23*(100vw - 320px)/1600);
    text-align: center
}

.inner-title h2 {
    font-size: calc(21px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    color: #222;
    padding-bottom: 20px;
    display: inline-block;
    text-transform: none;
    position: relative
}

.inner-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 1px;
    bottom: 0;
    background-color: var(--theme-color)
}

.inner-title h2 img {
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    padding: 0 10px
}

.inner-title-2 {
    margin-bottom: calc(18px + 20*(100vw - 320px)/1600)
}

.inner-title-2 h3 {
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    font-weight: 600
}

.section-404 .image-404 {
    text-align: center
}

.section-404 .image-404 img {
    width: 25%
}

@media(max-width: 1460px) {
    .section-404 .image-404 img {
        width: 40%
    }
}

@media(max-width: 991px) {
    .section-404 .image-404 img {
        width: 50%
    }
}

@media(max-width: 575px) {
    .section-404 .image-404 img {
        width: 70%
    }
}

.section-404 .contain-404 {
    width: 50%;
    text-align: center;
    margin: calc(20px + 25*(100vw - 320px)/1600) auto 0;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 1660px) {
    .section-404 .contain-404 {
        width: 60%
    }
}

@media(max-width: 1199px) {
    .section-404 .contain-404 {
        width: 80%
    }
}

@media(max-width: 767px) {
    .section-404 .contain-404 {
        width: 100%
    }
}

.section-404 .contain-404 h3 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    line-height: 1.5;
    font-weight: 400
}

.section-404 .contain-404 button {
    margin-top: calc(16px + 8*(100vw - 320px)/1600)
}

.cart-section .deliver-box {
    padding: 22px 18px;
    background-color: #f8f8f8;
    border-radius: 6px;
    position: relative;
    margin-bottom: calc(22px + 18*(100vw - 320px)/1600)
}

.cart-section .deliver-box .btn-close {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 18px
}

.cart-section .deliver-box h5:first-child {
    margin-bottom: 8px
}

.cart-section .deliver-box h5:last-child {
    font-weight: 500;
    line-height: 1.4
}

.cart-section .deliver-box h5:last-child a {
    text-decoration: underline;
    margin-left: 5px
}

.cart-section .cart-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600)
}

.cart-section .promo-code-box {
    margin-bottom: calc(18px + 4*(100vw - 320px)/1600)
}

.cart-section .promo-code-box .form-label {
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-section .total-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 28px;
    border: 1px solid #ececec
}

.cart-section .member-button {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    letter-spacing: 1.4px
}

.cart-section .special-seller-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    border-radius: 5px;
    border: 1px dashed #bfbfbf
}

.cart-section .special-seller-box h5 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #4a5568;
    margin-bottom: 25px
}

.cart-section .special-seller-box .sub-total-table tbody tr td:last-child {
    font-weight: 500
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 26px
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td:last-child {
    text-align: right
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-title td {
    border: none;
    padding-top: 20px;
    padding-bottom: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td {
    border: none
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check {
    margin-bottom: 0
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:focus {
    box-shadow: none
}

.cart-section .cart-total-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    text-align: center
}

.cart-section .cart-total-box h3 {
    font-weight: bold;
    color: #222;
    margin-bottom: 15px
}

.cart-section .cart-total-box h6 {
    width: 100%;
    margin: 20px 0 10px;
    color: #222;
    font-weight: 500;
    font-size: 16px
}

.cart-section .cart-total-box p {
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.4
}

.cart-section .cart-total-box .checkout-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: 12px
}

.cart-table {
    background-color: #fafafa;
    padding: calc(18px + 17*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.cart-table.cart-table-2 {
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.cart-table.cart-table-2 table {
    margin-bottom: 0
}

.cart-table.cart-table-2 table thead tr th {
    font-size: 20px;
    font-weight: 500;
    color: #4a5568;
    padding: 0 22px 16px
}

.cart-table.cart-table-2 table tbody {
    border-top: 1px solid #ececec
}

.cart-table.cart-table-2 table tbody tr td {
    vertical-align: middle
}

.cart-table.cart-table-2 table tbody tr:first-child td {
    padding: 22px 16px
}

.cart-table table {
    margin-bottom: 0
}

.cart-table table tbody tr:last-child td {
    border: none;
    padding-bottom: 0
}

.cart-table table tbody tr:first-child td {
    padding-top: 0
}

.cart-table table tbody tr td {
    padding: calc(16px + 6*(100vw - 320px)/1600) 16px;
    min-width: calc(135px + 35*(100vw - 320px)/1600)
}

.cart-table table tbody tr td .table-title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500
}

.cart-table table tbody tr td.product-detail:hover .product .product-image img {
    transform: scale(1.1)
}

.cart-table table tbody tr td.product-detail ul li+li {
    margin-bottom: 2px
}

.cart-table table tbody tr td.product-detail .product {
    display: flex;
    align-items: center;
    overflow: hidden
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product {
        align-items: flex-start
    }
}

.cart-table table tbody tr td.product-detail .product .product-image {
    width: 70px
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 80px
    }
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 90px
    }
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 100px
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 70px
    }
}

.cart-table table tbody tr td.product-detail .product .product-image img {
    transition: all .3s ease-in-out
}

.cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: calc(16px + 9*(100vw - 320px)/1600);
    margin-top: 0
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: unset;
    margin-right: calc(16px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail ul {
    padding-right: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li {
    display: block;
    white-space: nowrap;
    margin-bottom: 8px;
    font-size: 14px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li+li {
    margin-bottom: calc(0px + 2*(100vw - 320px)/1600)
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .saving {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li span {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a {
    font-weight: 500;
    font-size: 16px;
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a:hover {
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4) {
    display: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price {
    display: flex;
    align-items: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price h6 {
    margin-left: 8px;
    text-decoration: line-through
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 62%
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width: 80%
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width: 90%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button {
    padding: calc(3px + 7*(100vw - 320px)/1600) calc(10px + 8*(100vw - 320px)/1600);
    border: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button input {
    padding: 10px 18px;
    border: none;
    text-align: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity {
    margin: 6px 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
    width: 50%
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
        width: 60%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button {
    width: calc(26px + 9*(100vw - 320px)/1600);
    height: calc(26px + 9*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button i {
    margin-top: 2px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

.cart-table table tbody tr td.price h5 {
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.cart-table table tbody tr td.price h5 del {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    margin-left: 4px
}

[dir=rtl] .cart-table table tbody tr td.price h5 del {
    margin-left: unset;
    margin-right: 4px
}

.cart-table table tbody tr td.price h6 {
    margin-top: 5px;
    white-space: nowrap;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-table table tbody tr td.saving {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color)
}

.cart-table table tbody tr td.quantity {
    width: 20%
}

.cart-table table tbody tr td .quantity-price {
    width: 62%
}

@media(max-width: 1460px) {
    .cart-table table tbody tr td .quantity-price {
        width: 80%
    }
}

@media(max-width: 1199px) {
    .cart-table table tbody tr td .quantity-price {
        width: 90%
    }
}

@media(max-width: 991px) {
    .cart-table table tbody tr td .quantity-price {
        width: 100%
    }
}

.cart-table table tbody tr td .quantity-price .cart_qty button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td .quantity-price .cart_qty button i {
    font-size: 14px;
    padding-top: 3px
}

.cart-table table tbody tr td .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

.cart-table table tbody tr td.subtotal h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 500;
    display: inline-block
}

.cart-table table tbody tr td.subtotal .btn-close {
    margin-left: 50px
}

.cart-table table tbody tr td.save-remove .save {
    font-weight: 400;
    white-space: nowrap;
    font-size: 16px;
    display: block;
    text-decoration: underline
}

.cart-table table tbody tr td.save-remove .save:hover {
    color: var(--theme-color)
}

.cart-table table tbody tr td.save-remove .remove {
    font-weight: 400;
    font-size: 15px;
    color: #bf2020;
    text-decoration: underline
}

.cart-table table tfoot {
    border-top: 1px solid #ececec
}

.cart-table table tfoot tr td:first-child {
    border: none
}

.cart-table table tfoot tr td:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    border-left: 1px solid #ececec
}

.cart-table table tfoot tr td:last-child {
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #ececec
}

.summery-box {
    border-radius: 5px;
    background-color: #f8f8f8
}

.summery-box .summery-header {
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec
}

.summery-box .summery-header h3 {
    font-weight: 600
}

.summery-box .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.summery-box .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .summery-box .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain {
    padding: 16px calc(16px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.summery-box .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .summery-box .summery-contain ul {
    padding-right: 0
}

.summery-box .summery-contain ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.summery-box .summery-contain ul li:last-child {
    border-bottom: none
}

.summery-box .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain ul li h4 span {
    font-weight: 600
}

.summery-box .summery-contain {
    padding: calc(11px + 5*(100vw - 320px)/1600) calc(11px + 11*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain li {
    padding: calc(6px + 4*(100vw - 320px)/1600) 0;
    display: flex;
    align-items: center
}

.summery-box .summery-contain li:last-child {
    border-bottom: none
}

.summery-box .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.summery-box .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain li h4 span {
    font-weight: 600
}

.summery-box .summery-total {
    padding: 0 calc(16px + 6*(100vw - 320px)/1600)
}

.summery-box .summery-total li {
    padding-top: 12px;
    display: flex;
    align-items: center
}

.summery-box .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.summery-box .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .summery-box .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.summery-box .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.summery-box .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.button-group {
    text-align: right;
    margin-top: calc(14px + 6*(100vw - 320px)/1600)
}

.button-group.cart-button {
    margin-top: 0;
    padding: 0 calc(16px + 6*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .button-group.cart-button ul {
    padding-right: 0
}

.button-group.cart-button ul li {
    width: 100%
}

.button-group ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: calc(7px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .button-group ul {
    padding-right: 0
}

.button-group ul.button-group-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(26px + 19*(100vw - 320px)/1600)
}

.button-group ul li button {
    width: 100%;
    font: inherit;
    letter-spacing: .04em;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

.button-group ul li button.shopping-button {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    background-color: #ececec;
    color: #000
}

.button-group ul li button.shopping-button i {
    margin-right: 8px
}

[dir=rtl] .button-group ul li button.shopping-button i {
    margin-right: unset;
    margin-left: 8px !important
}

.checkout-section .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    align-items: center
}

.checkout-section .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    transition: transform .2s ease-in-out
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: flex;
    align-items: center;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: flex;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section .custom-navtab {
    display: flex;
    flex-wrap: wrap;
    gap: calc(0px + 24*(100vw - 320px)/1600);
    overflow: auto;
    position: sticky;
    top: 0
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab {
        display: flex;
        flex-wrap: nowrap
    }
}

.checkout-section .custom-navtab .nav-item {
    width: 100%;
    flex-basis: auto
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item {
        display: inline-block
    }

    .checkout-section .custom-navtab .nav-item+.nav-item {
        margin-left: 15px
    }
}

.checkout-section .custom-navtab .nav-item .nav-link {
    position: relative;
    text-align: left;
    border: 2px solid #ececec;
    padding: calc(10px + 8*(100vw - 320px)/1600);
    cursor: pointer
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item .nav-link {
        width: calc(195px + 25*(100vw - 320px)/1600)
    }
}

.checkout-section .custom-navtab .nav-item .nav-link::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    transition: .3s ease;
    border-radius: 4px
}

.checkout-section .custom-navtab .nav-item .nav-link.active {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color)
}

.checkout-section .custom-navtab .nav-item .nav-link.active::before {
    box-shadow: 0 4px 0px var(--theme-color);
    width: 100%
}

.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box h4,
.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box i {
    color: var(--theme-color);
    z-index: 1;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box {
    position: relative;
    display: flex;
    align-items: center
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box span {
    color: #4a5568;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: calc(0px + 5*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    width: calc(38px + 20*(100vw - 320px)/1600);
    height: auto;
    margin-left: auto
}

[dir=rtl] .checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    margin-left: unset;
    margin-right: auto
}

.checkout-section .tab-content {
    background-color: #f8f8f8;
    height: 100%;
    padding: calc(26px + 9*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.checkout-section .tab-content .tab-pane .tab-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600);
    font-size: calc(18px + 6*(100vw - 320px)/1600);
    color: #222
}

.checkout-section .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07)
}

.checkout-section .delivery-address-box>div {
    display: flex;
    position: relative
}

.checkout-section .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.checkout-section .delivery-address-box>div .delivery-address-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section .delivery-address-box>div .delivery-address-detail p,
.checkout-section .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section .delivery-address-box>div .delivery-address-detail p span,
.checkout-section .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section .add-address {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    border-radius: 8px
}

.checkout-section .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section .delivery-option .select-option {
        margin-top: 6px
    }
}

.checkout-section .delivery-option .date-box {
    position: relative
}

.checkout-section .delivery-option .date-box i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-category {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section .delivery-option .delivery-category {
        display: block
    }
}

.checkout-section .delivery-option .custom-form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section .delivery-option .delivery-items {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items {
        display: flex;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items {
        display: block
    }
}

.checkout-section .delivery-option .delivery-items h5 {
    letter-spacing: .5px;
    display: flex;
    align-items: center
}

.checkout-section .delivery-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom: 5px
    }
}

.checkout-section .delivery-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.charge {
        margin-top: 8px
    }
}

.checkout-section .delivery-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0, 0, 0, .25)
}

[dir=rtl] .checkout-section .delivery-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section .delivery-option .delivery-time {
    display: flex;
    align-items: center;
    height: 100%
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0, 0, 0, 0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.checkout-section .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 5px rgba(0, 0, 0, .1)
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section .credit-card-box .credit-detail {
    position: relative
}

.checkout-section .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-option {
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    border-radius: 8px;
    position: relative
}

.checkout-section .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section .payment-option img {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(17px + 28*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li {
    position: relative;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 6px;
    background-color: #f8f8f8
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    left: unset;
    right: 0
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
        display: none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon {
    width: 100%;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    padding: calc(14px + 15*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 0 8px #eee;
    margin-left: 66px;
    position: relative
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    margin-left: unset;
    margin-right: 66px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left: 0
    }

    [dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left: unset;
        margin-right: 0
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    content: "";
    position: absolute;
    top: 25px;
    left: -42px;
    width: 0;
    height: 115%;
    border-left: 1px dashed rgba(34, 34, 34, .18);
    z-index: -1
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    left: unset;
    right: -42px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
        content: none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title {
    margin-bottom: calc(9px + 8*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title h4 {
    font-weight: 600;
    font-size: calc(16px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div {
    display: flex;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p span,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    border-radius: 8px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .select-option {
        margin-top: 6px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
        display: block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time {
    display: flex;
    align-items: center;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0, 0, 0, 0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 5px rgba(0, 0, 0, .1)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box {
    display: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box.show {
    display: block
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display: flex;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display: block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 {
    letter-spacing: .5px;
    display: flex;
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom: 5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.charge {
        margin-top: 8px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0, 0, 0, .25)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-card-box .credit-detail {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option {
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    border-radius: 8px;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option img {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    transition: transform .2s ease-in-out
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: flex;
    align-items: center;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review {
    margin: 0;
    line-height: 1.5;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: flex;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box {
    position: sticky;
    top: 110px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 {
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header {
    padding-bottom: calc(12px + 4*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header h3 {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    width: calc(41px + 11*(100vw - 320px)/1600);
    height: calc(41px + 11*(100vw - 320px)/1600);
    object-fit: contain;
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul {
    padding-right: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    padding-bottom: 10px;
    padding: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li {
    padding: calc(6px + 2*(100vw - 320px)/1600) 0;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    margin-top: 0px;
    padding-top: 5px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    padding: 0;
    padding-top: 5px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
    padding-top: 8px;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding-top: calc(12px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer {
    margin-top: 24px;
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(9px + 3*(100vw - 320px)/1600);
    margin-bottom: calc(13px + 7*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-icon {
    width: 20px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-name h6 {
    font-weight: 600;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: 1;
    margin-bottom: -2px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    display: flex;
    flex-wrap: wrap;
    gap: calc(11px + 5*(100vw - 320px)/1600);
    height: 100%;
    overflow: hidden auto;
    max-height: 104px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    padding: 0
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li {
    display: block
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    color: #4a5568;
    line-height: 1.5;
    position: relative;
    padding-left: 23px;
    font-size: calc(13px + 0*(100vw - 320px)/1600);
    margin: 0
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    padding-left: unset;
    padding-right: 23px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    left: unset;
    right: 7px
}

.contact-box-section .left-sidebar-box .contact-image {
    text-align: center;
    margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-image img {
    width: 60%
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width: 77%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width: 60%;
        margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-title {
    margin-bottom: calc(20px + 12*(100vw - 320px)/1600)
}

.contact-box-section .left-sidebar-box .contact-title h3 {
    position: relative;
    display: inline-block;
    font-size: calc(23px + 5*(100vw - 320px)/1600);
    font-weight: 600
}

.contact-box-section .left-sidebar-box .contact-title h3::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--theme-color2)
}

[dir=rtl] .contact-box-section .left-sidebar-box .contact-title h3::after {
    left: unset;
    right: 0
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(2px + 3*(100vw - 320px)/1600);
    align-items: center;
    background-color: #f8f8f8;
    padding: calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
    position: relative;
    border-radius: 10px;
    margin-left: 22px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -21px;
    background-color: var(--theme-color);
    padding: 13px;
    border-radius: 7px;
    display: inherit;
    color: #fff
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title,
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain {
    width: 100%
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title h4 {
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-top: -2px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: -5px
}

.contact-box-section .right-sidebar-box {
    padding: calc(21px + 39*(100vw - 320px)/1600);
    border-radius: 10px;
    background-color: #f8f8f8
}

.contact-box-section .right-sidebar-box .custom-form label {
    color: #4a5568;
    display: block;
    font-size: 16px;
    margin-bottom: calc(3px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 calc(14px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input i {
    left: unset;
    right: 0
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: 52px;
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: unset;
    padding-right: 52px
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px 20px;
    display: flex;
    font-size: 18px;
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    left: unset;
    right: 0
}

.map-section .map-box {
    margin-bottom: -6px;
    display: block
}

.map-section .map-box iframe {
    width: 100%;
    height: 350px
}

.log-in-section {
    overflow-x: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0
}

.log-in-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('log-in-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.log-in-section.otp-section {
    display: flex;
    align-items: center
}

.log-in-section .image-contain {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.log-in-section .log-in-form .form-control {
    border: none;
    border-radius: 25px;
    padding-left: 25px;
}

.log-in-section .inputs {
    margin: calc(-2px + -10*(100vw - 320px)/1600)
}

.log-in-section .inputs input {
    margin: calc(2px + 6*(100vw - 320px)/1600);
    border: none
}

.log-in-section .log-in-box {
    background-color: #f8f8f8;
    padding: calc(16px + 34*(100vw - 320px)/1600);
    border-radius: calc(8px + 4*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .logo-name {
    margin-bottom: calc(20px + 10*(100vw - 320px)/1600);
    margin-top: -10px
}

.log-in-section .log-in-box .logo-name a {
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    font-weight: bold;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: block
}

.log-in-section .log-in-box .logo-name a img {
    width: calc(150px + 75*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title {
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h3 {
    margin-bottom: calc(1px + 5*(100vw - 320px)/1600);
    font-size: calc(18px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h4,
.log-in-section .log-in-box .log-in-title h5 {
    color: #4a5568;
    margin-top: 8px
}

.log-in-section .log-in-box .log-in-button {
    margin-top: 20px;
    padding: 1px 0
}

.log-in-section .log-in-box .log-in-button ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center
}

[dir=rtl] .log-in-section .log-in-box .log-in-button ul {
    padding-right: 0
}

.log-in-section .log-in-box .log-in-button ul li {
    display: block;
    width: 100%
}

.font-size-view-offer{
    font-size: calc(10px + 2*(100vw - 320px)/1600);
}

.log-in-section .log-in-box .log-in-button ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    border-radius: 25px;
    padding: calc(10px + 6*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    flex-wrap: wrap;
    gap: calc(8px + 2*(100vw - 320px)/1600);
    background-color: #fff
}

.log-in-section .log-in-box .log-in-button ul li a img {
    width: calc(18px + 6*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .forgot-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 360px) {
    .log-in-section .log-in-box .forgot-box {
        display: block
    }
}

.log-in-section .log-in-box .remember-box {
    display: flex;
    align-items: center
}

.log-in-section .log-in-box .remember-box .check-box {
    display: block;
    margin-top: -6px
}

.log-in-section .log-in-box .remember-box label {
    font-size: 16px
}

.log-in-section .log-in-box .remember-box label span {
    font-weight: 500;
    color: var(--theme-color)
}

.log-in-section .log-in-box .forgot-password {
    font-size: 16px;
    font-weight: 500;
    display: block
}

.log-in-section .log-in-box .forgot-password:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .other-log-in {
    margin-top: 15px;
    text-align: center;
    position: relative
}

.log-in-section .log-in-box .other-log-in::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #ddd;
    z-index: 0
}

.log-in-section .log-in-box .other-log-in h6 {
    color: #4a5568;
    position: relative;
    background-color: #f9f9f9;
    padding: 0 14px;
    display: inline-block;
    text-transform: uppercase
}

.log-in-section .log-in-box .sign-up-box {
    margin-top: 20px;
    text-align: center
}

.log-in-section .log-in-box .sign-up-box h4 {
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(0px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .sign-up-box a {
    font-weight: 500;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    margin-bottom: -4px;
    display: block
}

.log-in-section .log-in-box .sign-up-box a:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .contact-title {
    margin-bottom: 30px
}

.log-in-section .log-in-box .contact-title h2 {
    margin-bottom: 15px
}

.log-in-section .log-in-box .contact-title h5 {
    width: 53%;
    font-size: 18px;
    line-height: 1.3;
    color: #4a5568
}

.faq-contain {
    margin-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

.faq-contain .faq-top-box {
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 9px;
    padding: 28px 18px
}

.faq-contain .faq-top-box .faq-box-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 7px;
    margin: 0 auto 16px
}

.faq-contain .faq-top-box .faq-box-icon img {
    width: calc(36px + 9*(100vw - 320px)/1600);
    height: auto
}

.faq-contain .faq-top-box .faq-box-contain h3 {
    font-weight: 700
}

.faq-contain .faq-top-box .faq-box-contain p {
    margin: 17px 0 0;
    line-height: 1.6;
    color: #4a5568;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: -4px
}

.faq-box-contain .faq-contain {
    margin-bottom: 0;
    position: sticky;
    top: 92px
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain {
        margin-bottom: calc(30px + 20*(100vw - 320px)/1600)
    }
}

.faq-box-contain .faq-contain h2 {
    font-weight: 700;
    font-size: calc(28px + 28*(100vw - 320px)/1600);
    line-height: 1.4
}

.faq-box-contain .faq-contain p {
    margin: calc(8px + 7*(100vw - 320px)/1600) 0 0;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain p {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-box-contain .faq-contain p {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-box-contain .faq-contain p {
        width: 100%;
        text-align: justify
    }
}

.faq-box-contain .faq-accordion .accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(15px + 9*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item {
    width: 100%;
    border-radius: 7px;
    background-color: #f8f8f8;
    border: none;
    overflow: hidden
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    line-height: 1.5;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: auto;
    transition: all .3s ease-in-out
}

[dir=rtl] .faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: unset;
    margin-right: auto
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
    content: unset
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) i {
    transform: rotate(180deg)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: calc(12px + 4*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p:last-child {
    margin-bottom: -4px
}

.compare-section .compare-table {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.compare-section .compare-table tr td,
.compare-section .compare-table tr th {
    min-width: 200px;
    border-right: 1px solid #ddd;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    text-align: center
}

.compare-section .compare-table tr td:first-child,
.compare-section .compare-table tr th:first-child {
    min-width: auto
}

.compare-section .compare-table tr th {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    background-color: #f8f8f8
}

.compare-section .compare-table tr td {
    font-size: 15px
}

.compare-section .compare-table tr td.title a {
    font-weight: 700;
    color: #222
}

.compare-section .compare-table tr td a {
    font-weight: 600
}

.compare-section .compare-table tr td a:hover {
    color: #222
}

.compare-section .compare-table tr td .compare-image {
    width: calc(105px + 25*(100vw - 320px)/1600);
    height: calc(105px + 25*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin: 0 auto
}

.compare-section .compare-table tr td .compare-image img {
    width: 100%;
    height: calc(65px + 25*(100vw - 320px)/1600);
    object-fit: contain
}

.compare-section .compare-table tr td .price h5 {
    font-weight: 600;
    color: #222
}

.compare-section .compare-table tr td .price h5 del {
    font-weight: 400;
    font-size: 15px;
    margin-left: 4px;
    color: #777
}

.compare-section .compare-table tr td .price h5 span {
    margin-left: 4px;
    color: var(--theme-color)
}

.compare-section .compare-table tr td .compare-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px
}

.compare-section .compare-table tr td .compare-rating span {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .compare-section .compare-table tr td .compare-rating span {
    margin-left: unset;
    padding-right: 5px
}

.compare-section .compare-table tr td .summary {
    color: #777;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 15px
}

.blog-section .left-sidebar-box {
    position: sticky;
    top: 20px
}

.blog-section .left-sidebar-box .left-search-box .search-box {
    position: relative
}

.blog-section .left-sidebar-box .left-search-box .search-box::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    right: 51px;
    opacity: .3;
    background-color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box input {
    padding: 8px 68px 8px 20px;
    background-color: #f8f8f8;
    border: none;
    height: 53px;
    border-radius: 7px
}

.blog-section .left-sidebar-box .left-search-box .search-box input:focus {
    border-color: #ced4da
}

.blog-section .left-sidebar-box .left-accordion-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item {
    border: none;
    padding: calc(18px + 7*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item+.accordion-item {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    color: #222;
    font-weight: 700;
    padding: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    width: unset;
    height: unset;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-image: none;
    content: ""
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    margin-left: unset;
    margin-right: auto
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse {
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body {
    padding: 0;
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box {
    display: flex;
    align-items: center
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box+.recent-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box:hover .recent-image img {
    transform: scale(1.1) rotate(4deg)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image {
    width: 110px;
    border-radius: 5px;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: 15px;
    width: calc(100% - 110px)
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: unset;
    padding-right: 15px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a:hover {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
    font-weight: 600;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 .feather {
    width: 18px;
    height: 18px;
    stroke-width: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li {
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0;
    overflow: hidden;
    width: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li:first-child {
    padding-top: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5 {
    color: #4a5568;
    font-weight: 600
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    background-color: var(--theme-color);
    padding: 4px 5px 3px;
    border-radius: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li {
    z-index: 0;
    padding: 4px 9px;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover {
    border-color: rgba(0, 0, 0, 0)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover::after {
    opacity: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover a {
    color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li a {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    text-transform: capitalize
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li {
    margin-top: 30px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li::after {
    top: -16px;
    width: calc(100% - 80px - (12px + 11*(100vw - 320px)/1600))
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li .offer-product .offer-detail a {
    color: #222
}

.blog-section .custom-border {
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(20px + 30*(100vw - 320px)/1600);
    margin-bottom: calc(35px + 25*(100vw - 320px)/1600)
}

.blog-section .blog-box:hover .blog-image a {
    transform: scale(1.1) rotate(4deg)
}

.blog-section .blog-box .blog-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 0
}

.blog-section .blog-box .blog-image a {
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-image label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: unset;
    left: 0;
    border-radius: 0;
    background-color: #febc5c;
    color: #fff;
    padding: 10px 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.blog-section .blog-box .blog-image label i {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 3px;
    color: #fff
}

.blog-section .blog-box .blog-contain {
    padding: 0 20px 20px
}

.blog-section .blog-box .blog-contain-2 {
    padding: 0
}

.blog-section .blog-box .blog-contain .blog-label {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center
}

.blog-section .blog-box .blog-contain .blog-label .time,
.blog-section .blog-box .blog-contain .blog-label .super {
    display: flex;
    align-items: center;
    color: #4a5568;
    text-transform: uppercase;
    font-size: 13px
}

.blog-section .blog-box .blog-contain .blog-label .time .feather,
.blog-section .blog-box .blog-contain .blog-label .super .feather {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 4px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .time .feather,
[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .super .feather {
    margin-right: unset;
    margin-left: 4px
}

.blog-section .blog-box .blog-contain .blog-label .time span,
.blog-section .blog-box .blog-contain .blog-label .super span {
    margin-top: 1px
}

.blog-section .blog-box .blog-contain a {
    color: #222
}

.blog-section .blog-box .blog-contain a:hover {
    color: #222
}

.blog-section .blog-box .blog-contain a h3 {
    margin: 10px 0 6px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: capitalize;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-contain p {
    line-height: 1.8;
    color: #4a5568;
    margin-bottom: 0
}

@media(max-width: 1366px) {
    .blog-section .blog-box .blog-contain p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.blog-section .blog-box .blog-contain .blog-button {
    border: none;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 16px;
    display: flex;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px 22px;
    color: var(--theme-color);
    transition: all .3s ease-in-out;
    margin-top: calc(8px + 14*(100vw - 320px)/1600);
    font-size: 14px
}

.blog-section .blog-box .blog-contain .blog-button:hover {
    background-color: rgba(var(--theme-color-rgb), 1);
    color: #fff
}

.blog-section .blog-box .blog-contain .blog-button i {
    margin-left: 10px;
    margin-top: 1px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-button i {
    margin-left: unset;
    margin-right: 10px
}

.blog-section .blog-list {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list {
        display: block
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list {
        display: flex
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list {
        display: block
    }
}

.blog-section .blog-list:hover {
    box-shadow: 0 4px 9px rgba(34, 34, 34, .1)
}

.blog-section .blog-list:hover .blog-image img {
    transform: scale(1.1)
}

.blog-section .blog-list:hover .blog-contain a h3 {
    color: var(--theme-color)
}

.blog-section .blog-list:hover .blog-contain .blog-button {
    background-color: var(--theme-color);
    color: #fff
}

.blog-section .blog-list .blog-image {
    margin-bottom: -1px;
    width: 38%;
    transition: all .3s ease-in-out
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-image {
        width: 45%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image {
        width: 45%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
        text-align: center
    }
}

.blog-section .blog-list .blog-image img {
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image img {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image img {
        width: auto
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image img {
        width: 100%
    }
}

.blog-section .blog-list .blog-contain {
    padding: calc(10px + 15*(100vw - 320px)/1600);
    width: 62%
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-contain {
        width: 55%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-contain {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-contain {
        width: 55%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-contain {
        width: 100%
    }
}

.blog-section .blog-detail-image {
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 55px 15px 40px;
    text-align: center;
    background: #fff;
    background: linear-gradient(0deg, white 0%, rgba(246, 246, 246, 0) 100%);
    color: #222
}

@media(max-width: 480px) {
    .blog-section .blog-detail-image .blog-image-contain {
        position: relative
    }
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li {
    text-transform: capitalize;
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: 30px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: unset;
    margin-right: 30px
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #222;
    left: -24px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    right: -24px;
    left: unset
}

.blog-section .blog-detail-image .blog-image-contain h2 {
    margin: calc(10px + 4*(100vw - 320px)/1600) 0;
    font-weight: 700;
    font-size: calc(22px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(10px + 13*(100vw - 320px)/1600);
    color: #777
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list {
    display: flex;
    align-items: center
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    margin-right: unset;
    margin-left: 3px
}

.blog-section .blog-detail-contain p {
    color: #4a5568;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    line-height: calc(25px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain p .first {
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(55px + 15*(100vw - 320px)/1600);
    color: #4a5568;
    float: left;
    margin-right: calc(8px + 12*(100vw - 320px)/1600);
    margin-top: 8px
}

.blog-section .blog-detail-contain .blog-details-quote {
    padding: calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(62px + 118*(100vw - 320px)/1600);
    border-radius: 10px;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #4a5568;
    position: relative;
    color: #fff
}

.blog-section .blog-detail-contain .blog-details-quote h3 {
    font-size: calc(18px + 10*(100vw - 320px)/1600);
    line-height: calc(24px + 11*(100vw - 320px)/1600);
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain .blog-details-quote h5 {
    letter-spacing: 3px;
    color: #ddd;
    text-transform: uppercase
}

.blog-section .blog-detail-contain .blog-details-quote::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: calc(38px + 32*(100vw - 320px)/1600);
    color: var(--theme-color);
    top: calc(-6px + 32*(100vw - 320px)/1600);
    left: calc(15px + 72*(100vw - 320px)/1600)
}

.blog-section .leave-title {
    margin: 40px 0 9px
}

.blog-section .leave-title h3 {
    position: relative;
    font-weight: 700;
    z-index: 0;
    color: #4a5568;
    font-size: 22px
}

.blog-section .user-comment-box {
    margin-top: 24px
}

.blog-section .user-comment-box ul {
    display: flex;
    flex-wrap: wrap
}

[dir=rtl] .blog-section .user-comment-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .user-comment-box ul li {
    padding: 0px 0 50px;
    width: 100%;
    position: relative
}

.blog-section .user-comment-box ul li.li-padding {
    padding-left: calc(28px + 52*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li {
        padding: 0
    }
}

.blog-section .user-comment-box ul li .user-box {
    display: flex;
    align-items: flex-start
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box {
        display: block
    }
}

.blog-section .user-comment-box ul li .user-box .reply-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button {
    right: unset;
    left: 0
}

.blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 9px 0 0;
    color: #777
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 0 0 9px
}

.blog-section .user-comment-box ul li .user-box .user-image {
    position: relative
}

.blog-section .user-comment-box ul li .user-box .user-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name {
    position: absolute;
    top: 0;
    left: 80px;
    width: 220px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-image .user-name {
    right: 80px;
    left: unset
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-image .user-name {
        top: 50%;
        transform: translateY(-50%)
    }
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h5 {
    font-weight: 600
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h6 {
    color: #4a5568;
    margin-bottom: 6px
}

.blog-section .user-comment-box ul li .user-box .user-contain {
    width: calc(100% - 70px);
    padding-left: 20px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-contain {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain {
        width: 100%;
        padding: 0;
        margin-top: 14px
    }
}

.blog-section .user-comment-box ul li .user-box .user-contain p {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: 0;
    margin-top: 50px;
    width: 85%
}

@media(max-width: 575px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        width: 100%
    }
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        margin: 0 0 35px
    }
}

.blog-section .leave-box {
    padding: calc(18px + 12*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 6px
}

.blog-section .leave-box .leave-comment .comment-notes p {
    line-height: 1.6
}

.blog-section .leave-box .leave-comment .save-comment-box {
    margin: 20px 0 0;
    display: flex;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check {
    display: flex;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check input {
    margin-top: -5px
}

@media(max-width: 659px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top: -21px
    }
}

@media(max-width: 341px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top: -44px
    }
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check .form-check-label {
    font-size: 15px;
    font-weight: 400;
    color: #4a5568
}

.blog-section .leave-box .leave-comment .blog-input .form-control {
    border: none
}

.blog-section .leave-box .leave-comment .blog-input .form-control:focus {
    background-color: #fff
}

.review-title h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title h2 {
    font-size: calc(26px + 14*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 18*(100vw - 320px)/1600);
    width: 80%;
    line-height: 1.3;
    position: relative
}

@media(max-width: 480px) {
    .review-title h2 {
        width: 100%
    }
}

.review-title h2.center::before {
    left: 50%;
    transform: translateX(-50%);
    color: var(--theme-color)
}

.about-us-title h4 {
    font-size: calc(16px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-family: "Pacifico", cursive
}

.about-us-title h2 {
    font-size: calc(23px + 9*(100vw - 320px)/1600);
    margin-bottom: calc(28px + 13*(100vw - 320px)/1600);
    line-height: 1.3;
    position: relative
}

.about-us-title h2::before {
    content: "";
    position: absolute;
    width: calc(106px + 69*(100vw - 320px)/1600);
    height: 3px;
    bottom: calc(-7px + -1*(100vw - 320px)/1600);
    left: 0;
    background: #ffa53b
}

.about-us-title h2.center::before {
    left: 50%;
    transform: translateX(-50%)
}

.fresh-vegetable-section .fresh-image {
    margin-top: 30px;
    border-radius: calc(12px + 38*(100vw - 320px)/1600) 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image>div {
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image:hover>div {
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-image-2 {
    border-radius: 0 calc(12px + 38*(100vw - 320px)/1600);
    overflow: hidden;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image-2>div {
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image-2:hover>div {
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-contain {
    height: 100%
}

.fresh-vegetable-section .fresh-contain p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: calc(11px + 9*(100vw - 320px)/1600)
}

.fresh-vegetable-section .delivery-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .fresh-vegetable-section .delivery-list ul {
    padding-right: 0
}

.fresh-vegetable-section .delivery-list ul li {
    width: 100%
}

.fresh-vegetable-section .delivery-list ul li .deliver-box {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(8px + 7*(100vw - 320px)/1600);
    align-items: flex-start;
    color: #4a5568
}

.fresh-vegetable-section .delivery-list ul li .deliver-box .feather {
    width: 17px;
    height: auto;
    margin-top: 3px
}

.fresh-vegetable-section .delivery-list ul li .deliver-box h6 {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    width: calc(100% - 17px)
}

.fresh-vegetable-section .delivery-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(15px + 15*(100vw - 320px)/1600);
    margin-top: 20px;
    align-items: center
}

.fresh-vegetable-section .delivery-box li .delivery-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 0
}

.fresh-vegetable-section .delivery-box li .delivery-box .delivery-icon img {
    width: 30px;
    height: auto
}

.client-section {
    background-color: #f8f8f8
}

.client-section .clint-contain {
    background: #fff;
    padding: calc(27px + 23*(100vw - 320px)/1600);
    border-radius: calc(18px + 12*(100vw - 320px)/1600);
    position: relative
}

.client-section .clint-contain:hover .client-icon img {
    animation-name: bounce;
    animation-duration: 1s;
    animation-fill-mode: both
}

.client-section .clint-contain:hover h2 {
    opacity: .09;
    margin-right: 9px
}

.client-section .clint-contain:hover h4 {
    color: var(--theme-color)
}

.client-section .clint-contain .client-icon {
    width: calc(60px + 20*(100vw - 320px)/1600);
    height: calc(60px + 20*(100vw - 320px)/1600);
    margin-bottom: 14px;
    margin-top: -11px
}

.client-section .clint-contain .client-icon img {
    width: 74%;
    height: 100%;
    object-fit: contain
}

.client-section .clint-contain h2 {
    position: absolute;
    top: calc(14px + 10*(100vw - 320px)/1600);
    right: calc(24px + 10*(100vw - 320px)/1600);
    color: #4a5568;
    opacity: .05;
    font-size: calc(52px + 18*(100vw - 320px)/1600);
    font-weight: 800;
    transition: all .3s ease-in-out
}

[dir=rtl] .client-section .clint-contain h2 {
    right: unset;
    left: calc(24px + 10*(100vw - 320px)/1600)
}

.client-section .clint-contain h4 {
    font-size: calc(22px + 2*(100vw - 320px)/1600);
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    transition: all .3s ease-in-out
}

.client-section .clint-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0 auto;
    line-height: 1.7;
    margin-bottom: -5px;
    transition: all .3s ease-in-out
}

.client-section .client-box .client-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.client-section .client-box .client-list li {
    width: 460px;
    position: relative
}

.team-section .team-box:hover .team-image img {
    transform: scale(1.1);
    filter: grayscale(0)
}

.team-section .team-box:hover .team-image .team-media {
    opacity: 1;
    right: 10px
}

.team-section .team-box .team-image {
    width: 50%;
    height: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.team-section .team-box .team-image img {
    transition: all .3s ease-in-out;
    filter: grayscale(1)
}

.team-section .team-box .team-name {
    text-align: center;
    margin-top: 20px
}

.team-section .team-box .team-name h3 {
    font-size: calc(18px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    font-weight: 700
}

.team-section .team-box .team-name h5 {
    margin-top: 6px;
    letter-spacing: .5px;
    color: #4a5568
}

.team-section .team-box .team-name p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin: 9px auto 14px;
    width: 80%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media(max-width: 360px) {
    .team-section .team-box .team-name p {
        width: 100%
    }
}

.team-section .team-box .team-name .team-media {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    position: relative;
    margin-top: 15px;
    justify-content: center;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #ededed
}

.team-section .team-box .team-name .team-media li a.fb-bg {
    color: #4267b2;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.fb-bg:hover {
    background-color: #4267b2;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.twitter-bg {
    color: #00acee;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.twitter-bg:hover {
    background-color: #00acee;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.pint-bg {
    color: #c8232c;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.pint-bg:hover {
    background-color: #c8232c;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.insta-bg {
    color: #f56040;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.insta-bg:hover {
    background-color: #f56040;
    color: #fff
}

.review-section {
    background-color: #f8f8f8
}

.review-section .reviewer-box {
    background-color: #fff;
    padding: calc(18px + 16*(100vw - 320px)/1600);
    border-radius: 10px;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.review-section .reviewer-box:hover i {
    color: var(--theme-color);
    font-size: 143px;
    opacity: .18;
    transform: rotate(7deg);
    bottom: -29px;
    right: -7px
}

.review-section .reviewer-box i {
    position: absolute;
    font-size: 106px;
    opacity: .05;
    z-index: -1;
    transform: rotate(15deg);
    bottom: -30px;
    right: -8px;
    transition: all .3s ease-in-out
}

[dir=rtl] .review-section .reviewer-box i {
    transform: rotate(-15deg) rotateY(183deg);
    left: -8px;
    right: unset
}

.review-section .reviewer-box h3 {
    font-weight: 400;
    margin: 10px 0 13px;
    font-size: 20px;
    line-height: 1.5
}

.review-section .reviewer-box p {
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 23px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.review-section .reviewer-box .reviewer-profile {
    display: flex;
    flex-wrap: wrap;
    gap: calc(12px + 7*(100vw - 320px)/1600);
    align-items: center
}

.review-section .reviewer-box .reviewer-profile .reviewer-image {
    width: calc(65px + 10*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden
}

.review-section .reviewer-box .reviewer-profile .reviewer-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h4 {
    font-weight: 700;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h6 {
    color: #4a5568;
    margin-top: 6px
}

.chart-padding {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px
}

.chart-title {
    margin-bottom: 20px
}

.chart-title h3 {
    font-size: 24px;
    font-weight: 600
}

.dashboard-title {
    margin-bottom: 22px
}

.dashboard-title h3 {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    font-weight: 600
}

.dashboard-title.dashboard-flex {
    display: flex
}

.dashboard-title.dashboard-flex button {
    margin-left: auto
}

.user-dashboard-section .dashboard-left-sidebar {
    background: #f8f8f8;
    box-shadow: 0 0 8px rgba(34, 34, 34, .14);
    border-radius: 10px;
    overflow: hidden;
    position: sticky;
    top: 107px;
    z-index: 0
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all .3s ease-in-out
    }

    .user-dashboard-section .dashboard-left-sidebar.show {
        left: 0
    }
}

.user-dashboard-section .dashboard-left-sidebar .close-button {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background: #f8f8f8;
    border-radius: 100%
}

.user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar {
    border: none;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0);
    color: #4a5568;
    padding: 2px 0 0
}

.user-dashboard-section .dashboard-left-sidebar .profile-box {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image {
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
        height: 120px
    }
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: .15
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain {
    padding: 0 15px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image {
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
    z-index: 1;
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img {
    width: calc(93px + 15*(100vw - 320px)/1600);
    height: calc(93px + 15*(100vw - 320px)/1600);
    object-fit: contain;
    background-color: #f8f8f8;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #ececec;
    box-shadow: 2px 3px 8px rgba(34, 34, 34, .0032)
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 55%;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 35px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name {
    margin-top: calc(10px + 3*(100vw - 320px)/1600);
    text-align: center;
    padding-bottom: calc(12px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ddd
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h3 {
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    letter-spacing: .7px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    margin-top: 4px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 span {
    margin: 0 8px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
    flex-wrap: wrap;
    gap: calc(2px + 5*(100vw - 320px)/1600);
    margin: calc(10px + 10*(100vw - 320px)/1600) 0 6px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item {
    width: 100%;
    display: block
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #4a5568;
    width: 100%;
    text-align: left;
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    display: flex;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-left: 3px solid var(--theme-color);
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0);
    color: var(--theme-color)
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,
[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-right-width: 3px;
    border-right-style: solid;
    border-left-width: 0;
    border-left-style: solid
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active::before,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    z-index: -1;
    opacity: .1
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    width: calc(18px + 1*(100vw - 320px)/1600);
    height: auto;
    margin-right: 10px
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    margin-right: unset;
    margin-left: 10px
}

.user-dashboard-section .dashboard-right-sidebar {
    background-color: #f8f8f8;
    padding: calc(20px + 20*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar {
        height: auto
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box {
    padding: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box+.dashboard-bg-box {
    margin-top: 24px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name h6 {
    font-size: 16px;
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    letter-spacing: .3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box {
    margin: 30px 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    background-color: #fff;
    padding: calc(16px + 9*(100vw - 320px)/1600);
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .08);
    align-items: center;
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain:hover .img-1 {
    width: calc(84px + 12*(100vw - 320px)/1600);
    transform: translateY(-50%) rotate(-7deg);
    opacity: .2;
    right: -19px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain img {
    width: calc(54px + 6*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    top: 50%;
    transform: translateY(-50%);
    width: calc(78px + 12*(100vw - 320px)/1600);
    position: absolute;
    opacity: .12;
    right: -30px;
    transition: all .3s ease-in-out;
    filter: grayscale(1)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    right: unset;
    left: -30px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h5 {
    margin-bottom: calc(3px + 4*(100vw - 320px)/1600);
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h3 {
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: calc(5px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail h6 {
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain {
    display: flex;
    flex-wrap: wrap;
    gap: calc(14px + 16*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 6*(100vw - 320px)/1600);
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon {
    position: relative;
    z-index: 0;
    color: var(--theme-color);
    padding: 9px;
    border-radius: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 {
    font-weight: 600;
    display: flex;
    align-items: center;
    letter-spacing: .6px;
    font-size: calc(17px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(-90deg, #ff6b6b 0%, #ff4f4f 100%);
    padding: 4px 6px;
    border-radius: 4px;
    margin-left: calc(9px + 11*(100vw - 320px)/1600);
    font-weight: 600
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    margin-left: unset;
    margin-right: calc(9px + 11*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span.success-bg {
    background: var(--theme-color2)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h6 {
    margin-top: 6px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    letter-spacing: .6px;
    font-weight: 300;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    background-color: #f8f8f8;
    padding: calc(15px + 5*(100vw - 320px)/1600);
    margin-top: 30px;
    border-radius: 8px;
    align-items: center
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: block
    }
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: flex
    }
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail:hover .order-image img {
    transform: scale(1.1)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
    display: block
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
        text-align: center;
        margin-bottom: calc(14px + 16*(100vw - 320px)/1600)
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a {
    display: block;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover {
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a h3 {
    font-weight: 600;
    margin-bottom: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap p {
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 3*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li {
    width: 100%
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
    display: flex;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5 {
    font-weight: 600;
    margin-left: 8px;
    font-size: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    position: relative;
    height: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div {
    display: flex;
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    right: unset;
    left: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check {
    margin-top: 3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td {
    padding-top: 0;
    font-weight: 600;
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td {
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    padding: 4px 0;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    min-width: 90px;
    padding-left: 8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    padding-left: unset;
    padding-right: 8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:last-child p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-weight: 500;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 span {
    background-color: var(--theme-color);
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
    background-color: #f8f8f8;
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button:hover {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: auto;
    margin-right: calc(6px + 2*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    margin-right: unset;
    margin-left: calc(6px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail {
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail:hover .edit-card {
    opacity: 1;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    background: #d2d2d2;
    color: #222;
    text-align: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details h5 {
    margin-bottom: 0;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details {
    height: 100%;
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #4b77a0;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.card-visa {
    background-color: #777876
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.debit-card {
    background-color: #86b8cf
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number {
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number h4 {
    color: #fff;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail {
    display: flex;
    align-items: center;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title span {
    display: block;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: normal
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-left: 0;
    margin-right: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: auto
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: 0;
    margin-right: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary span {
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    padding: 0;
    font-weight: 400;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 15*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .name h5 {
    text-transform: uppercase;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .card-img {
    width: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(34, 34, 34, .8);
    border-radius: 5px;
    opacity: 0;
    transition: all .5s ease
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
        display: none
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
    display: none
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px
    }

    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile a {
        padding: 0 10px;
        text-transform: capitalize;
        color: #222
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
        display: block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 360px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: 0
    }

    [dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: unset;
        margin-left: 0
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    background: var(--theme-color2);
    color: #fff;
    padding: 3px 8px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 13px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail .profile-rating {
        margin-top: 3px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: auto;
    padding: 8px 14px;
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
        margin-top: 10px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile {
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 16*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
    width: calc(18px + 2*(100vw - 320px)/1600);
    height: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p {
    margin: 20px 0 0;
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about {
    margin-top: 20px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table {
    margin-bottom: 36px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td {
    vertical-align: middle;
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child {
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a {
    display: flex;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: calc(8px + 12*(100vw - 320px)/1600);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: unset;
    margin-right: calc(8px + 12*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    z-index: 0;
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600);
    border-color: #ececec;
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    z-index: 0;
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
        font-weight: 500
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select {
    background-color: #f8f8f8;
    width: auto;
    border: unset;
    background-position: right calc(9px + 3*(100vw - 320px)/1600) center;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(30px + 6*(100vw - 320px)/1600) calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: 15px;
    font-weight: 600;
    box-shadow: unset;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button {
    padding: 11px 18px 11px;
    border: 1px solid #ececec;
    color: #4a5568;
    border-radius: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button.active {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: unset
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: 1px solid #ececec;
    border-right: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table {
    margin-top: 28px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table {
    margin: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tbody {
    border-top: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th:first-child,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:first-child {
    min-width: 90px;
    max-width: 90px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th {
    padding: calc(11px + 4*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    border: unset;
    box-shadow: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(11px + 5*(100vw - 320px)/1600);
    border-bottom: 1px solid #eee;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    box-shadow: none
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:nth-child(3) {
    width: 480px;
    white-space: normal;
    min-width: 250px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:last-child {
    width: 200px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr img {
    width: 50px;
    height: 50px;
    object-fit: cover
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    background-color: #f8f8f8;
    width: auto;
    display: flex;
    border: 1px solid #ececec;
    align-items: center;
    gap: 6px;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    box-shadow: unset
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    margin: 0;
    border: unset;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    padding: 8px 16px
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li {
    display: block
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a {
    color: #4a5568;
    padding-inline: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a:hover {
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-top: 1px solid #eee
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr:last-child td {
    padding-bottom: 0;
    border-bottom: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
    margin-top: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box h6 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-bottom: 6px;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box p {
    margin: 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch {
    position: absolute;
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(14, 153, 126, .1490196078);
    border: 1px solid #ddd
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background: var(--theme-color2);
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch:checked+label:before {
    left: 39px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input {
    position: absolute;
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(var(--theme-color-rgb), 0.149);
    border: 1px solid rgba(var(--theme-color-rgb), 0.149)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background-color: var(--theme-color);
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label {
    background-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before {
    left: 39px;
    background: #fff
}

.order-detail .order-image {
    background-color: #f8f8f8;
    padding: 40px;
    border-radius: 8px;
    text-align: center
}

.order-detail .order-image img {
    width: 360px;
    margin: 0 auto
}

.order-detail .order-details-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    padding: calc(14px + 6*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

.order-detail .order-details-contain .order-tracking-icon .feather {
    width: 25px;
    height: auto;
    stroke-width: 1.4px
}

.order-detail .order-details-contain .order-details-name h2 {
    font-size: calc(20px + 4*(100vw - 320px)/1600)
}

.order-detail .order-details-contain .order-details-name h4 {
    line-height: 1.4;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.order-detail .order-details-contain .order-details-name h5 {
    margin-bottom: 7px
}

.order-detail .order-details-contain .order-details-name img {
    margin-top: calc(6px + 6*(100vw - 320px)/1600);
    width: calc(160px + 40*(100vw - 320px)/1600)
}

.order-detail .progtrckr {
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    align-items: flex-start
}

@media(max-width: 575px) {
    .order-detail .progtrckr {
        display: inline;
        margin: 30px 0;
        overflow: hidden
    }
}

.order-detail .progtrckr li {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    position: relative
}

@media(max-width: 575px) {
    .order-detail .progtrckr li {
        margin: 0;
        width: 50% !important
    }
}

.order-detail .progtrckr li h5 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 500
}

@media(max-width: 575px) {
    .order-detail .progtrckr li h5 {
        display: block;
        text-align: left;
        margin-top: 0
    }

    [dir=rtl] .order-detail .progtrckr li h5 {
        text-align: right
    }
}

.order-detail .progtrckr li:before {
    position: relative;
    top: -2px;
    float: left;
    left: 50% !important;
    line-height: 1;
    transform: translate(-50%, -50%) !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li:before {
        position: relative;
        top: 10px;
        float: left;
        left: -2px !important;
        line-height: 1;
        transform: translate(-50%, -50%) !important
    }

    [dir=rtl] .order-detail .progtrckr li:before {
        float: right;
        right: -32px !important;
        left: unset !important
    }
}

.order-detail .progtrckr li.progtrckr-todo {
    color: #4a5568;
    border-top: 4px solid #959595;
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo {
        position: relative;
        text-align: left;
        margin-left: 30px;
        align-items: flex-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        padding-left: 30px;
        border-top: unset;
        border-left: 4px solid #959595
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo {
        border-left: none;
        border-right: 4px solid #4a5568;
        margin-left: 0;
        margin-right: 30px;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 30px;
        text-align: right
    }
}

.order-detail .progtrckr li.progtrckr-todo:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background: #959595;
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo:before {
        position: absolute;
        top: 10px;
        left: -17px;
        line-height: 1;
        transform: translateY(-50%)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo:before {
        left: unset;
        right: -17px
    }
}

.order-detail .progtrckr li.progtrckr-todo h6 {
    font-size: 13px;
    margin-top: 8px
}

.order-detail .progtrckr li.progtrckr-done {
    color: #222;
    border-top: 4px solid var(--theme-color);
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done:first-of-type {
        padding-top: 5px
    }
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done {
        position: relative;
        text-align: left;
        margin-left: 30px;
        align-items: self-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        border-top: unset;
        border-left: 4px solid var(--theme-color)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-done {
        margin-left: 0;
        margin-right: 30px;
        text-align: right;
        border-left: none;
        border-right: 4px solid var(--theme-color);
        align-items: flex-end
    }
}

.order-detail .progtrckr li.progtrckr-done:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background-color: var(--theme-color);
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

.order-detail .progtrckr li.progtrckr-done h6 {
    font-size: 13px;
    margin-top: 8px;
    color: #4a5568
}

.order-tab-table {
    margin-bottom: 0
}

.order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-tab-table tbody {
    border-top: none !important
}

.order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table-section .order-navpills {
    flex-wrap: nowrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    overflow: auto hidden
}

.order-table-section .order-navpills .nav-item .nav-link {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(17px + 7*(100vw - 320px)/1600);
    color: #4a5568;
    font-weight: 600;
    white-space: nowrap
}

.order-table-section .order-navpills .nav-item .nav-link.active {
    background: var(--theme-color2);
    color: #fff
}

.order-table-section .order-tab {
    margin-top: 22px
}

.order-table-section .order-tab .order-tab-table {
    margin-bottom: 0
}

.order-table-section .order-tab .order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-table-section .order-tab .order-tab-table tbody {
    border-top: none
}

.order-table-section .order-tab .order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table table tbody tr td {
    vertical-align: middle
}

.order-success-2 tbody {
    border-top: none
}

.search-section .search-box {
    position: relative
}

.search-section .search-box .input-group .form-control:focus {
    z-index: 0
}

.search-section .search-box .input-group button {
    z-index: 0
}

.vendor-bottom {
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 16px
}

.vendor-detail-box {
    padding: calc(20px + 8*(100vw - 992px)/928);
    margin-bottom: 29px;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .13);
    background: #fff
}

@media(max-width: 991px) {
    .vendor-detail-box {
        padding: 0;
        box-shadow: none;
        margin-right: 0
    }
}

.vendor-detail-box .vendor-name .vendor-logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 3*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name .vendor-logo img {
    width: calc(80px + 9*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo h3 {
    font-weight: 600;
    text-transform: uppercase
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating {
    margin-top: 4px
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    margin-top: 15px
}

.vendor-detail-box .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box .vendor-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

[dir=rtl] .vendor-detail-box .vendor-tag ul {
    padding: 0
}

.vendor-detail-box .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-share {
    display: flex;
    align-items: center
}

.vendor-detail-box .vendor-share h5 {
    font-weight: 600
}

.vendor-detail-box .vendor-share ul {
    margin-left: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

[dir=rtl] .vendor-detail-box .vendor-share ul {
    padding: 0;
    margin-left: unset;
    margin-right: 15px
}

.vendor-detail-box .vendor-share ul li a {
    color: #4a5568;
    display: block;
    font-size: 16px;
    line-height: 1
}

.vendor-detail-box-2 {
    padding: calc(20px + 8*(100vw - 320px)/1600);
    margin-bottom: 50px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(34, 34, 34, 0.43);
    background: #fff;
    color: #000
}

.pdescriptiontxt {
 font-size: 0.7rem;
}

.vendor-detail-box-2 .vendor-logo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vendor-detail-box-2 .vendor-logo img {
    width: 85%;
    height: auto;
    border-radius: 20px !important;
    /* -webkit-filter: invert(1) brightness(100); */
    /* filter: invert(1) brightness(100) */
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 26%
    }
}

@media(max-width: 480px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 35%
    }
}

@media(max-width: 360px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 50%
    }
}

.vendor-detail-box-2 .vendor-name {
    height: 100%
}

.vendor-detail-box-2 .vendor-name .vendor-list-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(6px + 6*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-name h3 {
    font-weight: 600;
    text-transform: uppercase;
    display: block
}

.vendor-detail-box-2 .vendor-name .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box-2 .vendor-name .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600);
    color: #000
}

.vendor-detail-box-2 .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    margin-top: 11px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.vendor-detail-box-2 .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box-2 .vendor-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .share-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact {
        display: block
    }
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact>div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px
    }
}

.vendor-detail-box-2 .share-contact .vendor-share h5 {
    display: block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-share ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .vendor-detail-box-2 .share-contact .vendor-share ul {
    padding: 0
}

.vendor-detail-box-2 .share-contact .vendor-share ul li {
    position: relative
}

.vendor-detail-box-2 .share-contact .vendor-share ul li a {
    color: #f1f1f1;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vendor-detail-box-2 .share-contact .vendor-content {
    text-align: center;
    margin-top: 17px
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact .vendor-content {
        margin-top: 0
    }
}

.vendor-detail-box-2 .share-contact .vendor-content h5 {
    text-align: center;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-content button {
    margin: 8px auto 0
}

.seller-poster-section .poster-box .poster-image {
    margin-bottom: 52px
}

.seller-poster-section .seller-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px
}

.become-service .service-box {
    text-align: center;
    background: #f8f8f8;
    padding: 45px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .05);
    transition: all .3s ease-in-out
}

.become-service .service-box:hover {
    transform: translateY(-10px)
}

.become-service .service-box:hover .service-svg svg {
    transform: scale(1.05);
    fill: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4 {
    color: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4::after {
    width: 68%
}

.become-service .service-box .service-svg {
    width: 90px;
    height: 90px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 5px
}

.become-service .service-box .service-svg svg {
    width: 60px;
    height: auto;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4 {
    font-weight: 600;
    display: inline-block;
    font-size: 19px;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background-color: var(--theme-color);
    opacity: .3;
    z-index: -1;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail p {
    margin: 0;
    line-height: 1.5;
    color: #4a5568;
    transition: all .3s ease-in-out
}

.business-section {
    background-color: #f8f8f8
}

.business-section .business-contain {
    position: relative;
    z-index: 0
}

.business-section .business-contain::after {
    content: "";
    position: absolute;
    background-image: url('arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.business-section .business-contain>.row {
    margin-left: -50px;
    margin-right: -50px
}

.business-section .business-contain>.row>div {
    padding-left: 50px;
    padding-right: 50px
}

.business-section .business-contain>.row>div:last-child,
.business-section .business-contain>.row>div:first-child {
    margin-bottom: 40px
}

.business-section .business-contain>.row>div:nth-child(2) {
    margin-top: 40px
}

.business-section .business-contain .business-box {
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    padding: 35px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .05);
    height: 100%;
    display: flex;
    align-items: center
}

.business-section .business-contain .business-box .business-number {
    width: 65px;
    height: 65px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    border-radius: 5px
}

.business-section .business-contain .business-box .business-number h2 {
    color: var(--theme-color);
    font-size: 35px;
    font-weight: 500
}

.business-section .business-contain .business-box .business-detail h4 {
    margin-bottom: 10px;
    font-weight: 600
}

.business-section .business-contain .business-box .business-detail p {
    margin: 0;
    color: #4a5568;
    line-height: 1.6
}

.seller-grid-box {
    background-color: #fff;
    padding: calc(12px + 13*(100vw - 320px)/1600);
    border-radius: 14px;
    position: relative;
    box-shadow: 0 0 10px rgba(34, 34, 34, .43);
    display: block
}

.seller-grid-box .grid-contain .seller-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: flex-start;
    width: 100%
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .seller-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 16px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 {
    line-height: 1.6;
    color: #222
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 span {
    color: #4a5568
}

.seller-grid-box .grid-contain .contain-name {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.seller-grid-box .grid-contain .contain-name h6 {
    color: #4a5568;
    margin-bottom: 1px
}

.seller-grid-box .grid-contain .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    color: #222
}

.seller-grid-box .grid-contain .contain-name .product-rating {
    margin-bottom: calc(14px + 5*(100vw - 320px)/1600)
}

.seller-grid-box .grid-contain .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.102);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .contain-name .grid-image {
    width: 100px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: calc(10px + 5*(100vw - 320px)/1600);
    border-radius: calc(7px + 4*(100vw - 320px)/1600);
    box-shadow: 0 0 8px rgba(34, 34, 34, .07)
}

.seller-grid-box-1 .grid-image {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: center;
    margin-bottom: 20px
}

.seller-grid-box-1 .grid-image .image {
    width: 100px;
    height: 85px;
    border-radius: 11px
}

.seller-grid-box-1 .grid-image .contain-name {
    width: calc(100% - 66px - 18px)
}

.seller-grid-box-1 .grid-image .contain-name .since-number {
    margin-bottom: 1px;
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number {
        display: block
    }
}

.seller-grid-box-1 .grid-image .contain-name .since-number h6 {
    color: #4a5568
}

.seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: auto
}

[dir=rtl] .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
        margin-top: 2px
    }
}

.seller-grid-box-1 .grid-image .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 10px
}

.seller-grid-box-1 .grid-image .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box-1 .grid-contain .seller-category {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.seller-grid-box-1 .grid-contain .seller-category .product-image {
    display: flex;
    flex-wrap: nowrap
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    padding: 4px;
    box-shadow: 0 0 2px rgba(34, 34, 34, .2);
    color: #4a5568;
    transition: all .3s ease-in-out
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:hover {
    transform: scale(1.1) translateY(-7px)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:last-child {
    padding-top: 5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li+li {
    margin-left: calc(-19px + 5*(100vw - 320px)/1600)
}

.product-table {
    margin-bottom: 0
}

.product-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.product-table tbody {
    border-top: 1px solid #ececec !important
}

.product-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.product-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 190px
}

.product-table tbody tr td:nth-child(2) {
    max-width: 150px
}

.product-table tbody tr td:nth-child(2) h6 {
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-table tbody tr td.product-image {
    width: 90px
}

.product-table tbody tr td.edit-delete .feather {
    width: 19px;
    stroke-width: 1.6px
}

.product-table tbody tr td.edit-delete .feather.edit {
    color: var(--theme-color)
}

.product-table tbody tr td.edit-delete .feather.delete {
    color: #ff7272;
    margin-left: 10px
}

[dir=rtl] .product-table tbody tr td.edit-delete .feather.delete {
    margin-left: unset;
    margin-right: 10px
}

.order-table {
    margin-bottom: 0
}

.order-table-2 tbody {
    border-top: none !important
}

.order-table-2 tbody tr td {
    text-align: left
}

.order-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.order-table tbody {
    border-top: 1px solid #ececec
}

.order-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.order-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap
}

.order-table tbody tr td:nth-child(2) {
    color: #4a5568
}

.order-table tbody tr td label {
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 50px
}

.order-table tbody tr td label.success {
    background-color: rgba(var(--theme-color-rgb), 0.1);
    color: var(--theme-color)
}

.order-table tbody tr td label.danger {
    background-color: rgba(255, 114, 114, .1);
    color: #ff7272
}

.order-table tbody tr td:first-child {
    font-weight: 600
}

.profile-tab ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(15px + 6*(100vw - 320px)/1600)
}

.profile-tab ul li {
    display: flex;
    align-items: center;
    width: 100%
}

@media(max-width: 575px) {
    .profile-tab ul li {
        display: block
    }
}

.profile-tab ul li h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.profile-tab ul li h5:first-child {
    width: 220px
}

.profile-tab ul li h5:last-child {
    color: #4a5568
}

@media(max-width: 575px) {
    .profile-tab ul li h5:last-child {
        margin-top: 8px
    }
}

.deactivate-box {
    padding: 15px 22px;
    background: rgba(255, 165, 59, .1);
    border: 1px dashed #ffa53b;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    gap: 17px;
    margin-bottom: 21px
}

.deactivate-box .deactivate-icon {
    width: 30px;
    height: 30px;
    background: rgba(254, 163, 72, .3);
    color: #fea348;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.deactivate-box .deactivate-contain h3 {
    font-weight: 600;
    margin-bottom: 5px
}

.deactivate-box .deactivate-contain h5 {
    color: #4a5568;
    margin-bottom: 10px
}

.deactivate-box .deactivate-contain a {
    font-size: 16px;
    font-weight: 600
}

.dashboard-privacy .privacy-box .custom-form-check-2 label {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.apexcharts-tooltip * {
    display: flex
}

.apexcharts-toolbar {
    z-index: 0
}

.post-question-box {
    margin-bottom: 32px
}

.post-question-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px
}

.post-question-box h4 a {
    width: auto;
    display: inline-block;
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    border-radius: 6px;
    background-color: #f8f8f8;
    color: #222;
    padding: calc(9px + 3*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600)
}

html.dark .post-question-box h4 a {
    background-color: #1d1d22;
    color: #fff
}

.question-answer li {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 19px;
    border-bottom: 1px solid #ececec
}

.question-answer li .question-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

.question-answer li .question-box h5 {
    border: 1px solid #eee;
    background-color: #f8f8f8;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    height: 30px;
    padding-inline: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

.question-answer li .question-box .link-dislike-box {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-left: auto
}

body.rtl .question-answer li .question-box .link-dislike-box {
    margin-left: unset;
    margin-right: auto
}

.question-answer li .question-box .link-dislike-box li {
    margin: 0;
    padding: 0;
    border: unset
}

.question-answer li .question-box .link-dislike-box li a span {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(74, 85, 104, .671)
}

.question-answer li .question-box .link-dislike-box li a span .feather {
    width: 16px;
    height: 16px
}

.question-answer li .answer-box {
    display: flex;
    gap: 15px
}

.question-answer li .answer-box h5 {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color);
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    padding-inline: 7px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 3px
}

.question-answer li .answer-box p {
    margin: 0;
    width: calc(100% - 15px - 30px);
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .6px
}

.question-answer li h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .6px
}

.question-answer li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.question-answer li .report-text {
    text-align: right;
    font-size: 13px;
    color: rgba(74, 85, 104, .6);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 7px
}

.question-answer li .report-text i {
    font-size: 15px
}

.custom-padding {
    padding-right: 10px
}

.custom-height {
    max-height: 190px;
    overflow-y: auto;
    height: 100%
}

.custom-height::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.custom-height::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.custom-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

.shop-banner-contain {
    position: relative;
    border-radius: 8px
}

.shop-banner-contain .shop-banner-details {
    padding: calc(20px + 20*(100vw - 320px)/1600) calc(25px + 55*(100vw - 320px)/1600);
    width: 50%
}

@media(max-width: 1460px) {
    .shop-banner-contain .shop-banner-details {
        width: 60%
    }
}

@media(max-width: 991px) {
    .shop-banner-contain .shop-banner-details {
        width: 70%
    }
}

@media(max-width: 767px) {
    .shop-banner-contain .shop-banner-details {
        width: 80%;
        background: #fff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(246, 246, 246, 0) 100%)
    }
}

@media(max-width: 480px) {
    .shop-banner-contain .shop-banner-details {
        width: 100%
    }
}

.shop-banner-contain .shop-banner-details h5 {
    font-size: calc(13px + 5*(100vw - 320px)/1600);
    letter-spacing: 1.5px
}

.shop-banner-contain .shop-banner-details h2 {
    font-size: calc(24px + 34*(100vw - 320px)/1600);
    margin: calc(8px + 2*(100vw - 320px)/1600) 0;
    line-height: 1.2;
    font-weight: 700
}

.banner-description {
    margin-top: 28px
}

.banner-description p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6
}

.category-title h3 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .category-list {
    padding-right: 0
}

.category-list li {
    display: block;
    width: 100%
}

.category-list li .category-list-box {
    display: flex;
    align-items: center
}

.category-list li .category-list-box input {
    margin-top: -4px
}

.category-list li .category-list-box .form-check-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 8px
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 80%
}

.category-list li .category-list-box .form-check-label .number {
    color: #777;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.irs {
    position: relative;
    display: block;
    -webkit-user-select: none;
    user-select: none;
    height: 55px
}

.irs .irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
    height: 10px;
    top: 33px;
    background-color: #f9f8f6;
    border-radius: 50px
}

.irs .irs-line-left {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs .irs-line-mid {
    width: 82%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 9%
}

.irs .irs-line-right {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.irs .irs-bar {
    width: 0;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    background-color: var(--theme-color)
}

.irs .irs-bar-edge {
    width: 14px;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px
}

.irs .irs-shadow {
    width: 0;
    height: 2px;
    position: absolute;
    display: none;
    left: 0;
    top: 38px;
    background: #222;
    opacity: .3;
    border-radius: 5px
}

.irs .irs-slider {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    z-index: 1;
    top: 28px;
    border: 3px solid #fff;
    background-color: var(--theme-color);
    border-radius: 100%;
    cursor: pointer
}

.irs .irs-slider .irs-slider.type_last {
    z-index: 2
}

.irs .irs-slider .irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px
}

.irs .irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 3px 7px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-min {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-from {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: var(--theme-color);
    border-radius: 3px
}

.irs .irs-grid {
    width: 100%;
    height: 20px;
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    height: 27px
}

.irs .irs-with-grid {
    height: 75px
}

.irs .irs-with-grid .irs-grid {
    display: block
}

.irs .irs-grid-pol {
    width: 1px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    background: #222;
    opacity: .5;
    background: #428bca
}

.irs .irs-grid-pol.small {
    height: 4px;
    background: #999
}

.irs .irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #222;
    bottom: 5px;
    color: #99a4ac
}

.irs .irs-disable-mask {
    width: 102%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    cursor: default;
    z-index: 2
}

.irs .irs-disabled {
    opacity: .4
}

.irs .irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.irs .lt-ie9 .irs-disable-mask {
    background: #222;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.irs .lt-ie9 .irs-min {
    background: #ccc
}

.irs .lt-ie9 .irs-max {
    background: #ccc
}

.irs .lt-ie9 .irs-from {
    background: #999
}

.irs .lt-ie9 .irs-to {
    background: #999
}

.irs .lt-ie9 .irs-single {
    background: #999
}

.js-range-slider {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #222;
    width: 100%
}

.shop-section .left-box {
    position: sticky;
    top: 0;
    border-right: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box {
        width: 300px;
        height: 100%;
        border-right: unset;
        position: fixed;
        top: 0;
        left: -350px;
        background-color: #fff;
        z-index: 1041;
        transition: all .5s ease;
        overflow-x: scroll;
        overflow-y: auto;
        transition: all .3s ease-in-out
    }

    [dir=rtl] .shop-section .left-box {
        border-right: unset;
        border-left: unset;
        left: unset;
        right: -350px
    }
}

.shop-section .left-box.right-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box.right-box {
    border-left: unset;
    border-right: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box.right-box {
        border-left: unset;
        left: unset;
        right: -350px
    }

    [dir=rtl] .shop-section .left-box.right-box {
        left: -350px;
        right: unset
    }
}

.shop-section .left-box.right-box.show {
    left: unset;
    right: 0
}

[dir=rtl] .shop-section .left-box.right-box.show {
    right: unset;
    left: 0
}

.shop-section .left-box.show {
    left: 0
}

[dir=rtl] .shop-section .left-box.show {
    right: 0;
    left: unset
}

.shop-section .left-box .shop-left-sidebar {
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar {
    padding-right: unset;
    padding-left: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: calc(16px + 10*(100vw - 320px)/1600);
    padding-right: unset
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: unset;
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: auto;
    margin-left: 0
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: 0;
    margin-left: auto
}

.shop-section .left-box .shop-left-sidebar .back-button {
    display: none
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar .back-button {
        display: block;
        margin-bottom: 26px
    }
}

.shop-section .left-box .shop-left-sidebar .back-button h3 {
    display: flex;
    align-items: center;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-right: 10px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-left: 10px;
    margin-right: unset
}

.shop-section .left-box .shop-left-sidebar .search-box {
    position: relative;
    margin-bottom: 30px
}

.shop-section .left-box .shop-left-sidebar .search-box::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-left: 1px solid #ddd;
    font-size: 15px;
    padding: 0 18px;
    height: 60%;
    display: flex;
    align-items: center;
    color: #4a5568
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .search-box::after {
    right: unset;
    left: 0;
    border-left: unset;
    border-right: 1px solid #ddd
}

.shop-section .left-box .shop-left-sidebar .filter-category {
    margin-bottom: 25px
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 0 8px 0
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title h2 {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    border-bottom: 1px solid var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a {
    display: block
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a:hover {
    color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    padding-top: 16px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .filter-category ul {
    padding-right: 0
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li {
    padding: 9px 34px 9px 11px;
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li a {
    color: #777
}

.shop-section .left-box .shop-left-sidebar .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item {
    border: none;
    width: 100%
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    margin-bottom: 9px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::before {
    content: "";
    transform: rotate(180deg)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: unset;
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 5px;
    background-color: #f7f6f4;
    font-size: 15px;
    border-radius: 100%;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 5px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span {
    position: relative
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -8px;
    left: 0;
    background-color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 16px 0 0
}

.shop-section .left-box .shop-left-sidebar .left-title {
    margin-bottom: 20px;
    margin-top: 32px
}

.shop-section .left-box .shop-left-sidebar .left-title h3 {
    font-weight: 700
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab {
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item {
    width: 100%;
    height: 60px;
    background-color: #f7f6f3;
    border-radius: 6px;
    display: flex;
    overflow: hidden
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    border-radius: unset;
    position: relative;
    text-align: left
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    text-align: right
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover(not) img {
    width: 75px;
    height: 75px;
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .45
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover img {
    width: 75px;
    height: 75px;
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .29
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active {
    color: #fff;
    background: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%);
    font-size: 19px;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 90px;
    position: absolute;
    right: -10px;
    filter: invert(1);
    opacity: .4
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    right: unset;
    left: -10px
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    position: absolute;
    right: -10px;
    opacity: .1;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    right: unset;
    left: -10px
}

.shop-section .show-button {
    margin-bottom: 14px
}

.shop-section .show-button .filter-button {
    display: block;
    color: #fff
}

.shop-section .show-button .filter-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-button-group {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.shop-section .show-button .filter-button-group .sort-by-button {
    color: #fff;
    margin-left: auto
}

.shop-section .show-button .filter-button-group .sort-by-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-dropdown {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 {
    display: flex;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 .sidebar-filter-menu a {
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .category-dropdown h5 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-right: 10px;
    margin-left: unset
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu-2 .grid-option {
    margin-left: auto
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 {
    margin-left: 0
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .grid-option-2 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active img {
    filter: invert(1) brightness(100)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 7*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .shop-section .show-button .top-filter-menu {
        margin-top: 18px
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown h5 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
        margin-left: 0
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:hover,
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:focus {
    background-color: rgba(0, 0, 0, 0)
}

.shop-section .show-button .top-filter-menu .grid-option {
    margin-left: auto
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option {
    margin-left: unset;
    margin-right: auto
}

.shop-section .show-button .top-filter-menu .grid-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 5*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu .grid-option ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active img {
    filter: invert(1) brightness(100)
}

.shop-section .show-button .filter-category {
    margin-bottom: 25px
}

.shop-section .show-button .filter-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    padding-top: 16px
}

.shop-section .show-button .filter-category ul li {
    padding: calc(6px + 3*(100vw - 320px)/1600) calc(28px + 6*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600) calc(7px + 4*(100vw - 320px)/1600);
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .show-button .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .show-button .filter-category ul li a {
    color: #777
}

.shop-section .top-filter-category {
    width: 100%;
    height: 0;
    padding: 0 24px;
    background-color: #fff;
    box-shadow: 0 2px 9px rgba(34, 34, 34, .07);
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.shop-section .top-filter-category.show {
    padding: 24px;
    height: auto;
    margin-bottom: 22px
}

.shop-section .top-filter-category>.row>div {
    border-right: 1px solid #ececec
}

[dir=rtl] .shop-section .top-filter-category>.row>div {
    border-right: unset;
    border-left: 1px solid #ececec
}

.shop-section .top-filter-category>.row>div:last-child {
    border: none
}

@media(max-width: 1199px) {
    .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: none
    }

    [dir=rtl] .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: unset;
        border-left: none
    }
}

@media(max-width: 767px) {
    .shop-section .top-filter-category>.row>div {
        border: none
    }
}



.category-slider-section .category-contain .category-contain-image {
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%);
    padding: 22px;
    border-radius: 8px
}

.category-slider-section .category-contain .category-contain-image img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin: 0 auto
}

.category-slider-section .category-contain .category-contain-name {
    margin-top: 12px;
    text-align: center
}

.category-slider-section .category-contain .category-contain-name h5 {
    color: #4a5568;
    font-weight: 500
}

.pt-25 {
    padding-top: 25px
}

.review-title-2 {
    border-top: 1px solid #ececec;
    padding-top: calc(13px + 12*(100vw - 320px)/1600);
    margin-top: calc(13px + 12*(100vw - 320px)/1600)
}

.review-title-2 h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title-2 p {
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568
}

.review-title-2 button {
    width: 100%;
    padding: 10px 14px;
    background-color: #f8f8f8 !important;
    color: #4a5568 !important;
    border: 1px solid #eee !important;
    font-size: 16px
}

.review-title-2 button:hover {
    background-color: #f8f8f8;
    color: #4a5568;
    border: 1px solid #ececec
}

.product-load-more .col-grid-box {
    display: none
}

.product-title {
    margin-top: 20px
}

.product-title h4 {
    font-weight: 600;
    margin-bottom: calc(10px + 2*(100vw - 320px)/1600);
    letter-spacing: .4px;
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-title .checkout-img {
    width: calc(80% + -15*(100vw - 320px)/1600);
    height: auto
}

.vendor-box {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.vendor-box .vendor-contain {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px calc(16px + 10*(100vw - 320px)/1600);
    /* background-color: #fff; */
    align-items: center
}

.vendor-box .vendor-contain .vendor-image {
    width: 64px;
    height: auto
}

.vendor-box .vendor-contain .vendor-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.vendor-box .vendor-list {
    margin-top: calc(13px + 11*(100vw - 320px)/1600)
}

.vendor-box .vendor-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(9px + 9*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .vendor-box .vendor-list ul {
    padding-right: 0
}

.vendor-box .vendor-list ul li {
    display: block
}

.vendor-box .vendor-list ul li .address-contact {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px
}

.vendor-box .vendor-list ul li .address-contact .feather {
    width: 20px;
    height: 20px;
    color: var(--theme-color)
}

.vendor-box .vendor-list ul li .address-contact h5 {
    font-weight: 600
}

.vendor-box .vendor-list ul li .address-contact h5 span {
    font-weight: 400;
    margin-left: 7px
}

.vendor-box .vendor-detail {
    margin: calc(13px + 15*(100vw - 320px)/1600) 0 0;
    line-height: 1.7;
    color: #4a5568;
    padding-bottom: calc(10px + 8*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.hot-line-number {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.hot-line-number h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.hot-line-number h6 {
    color: #4a5568;
    margin-bottom: 17px
}

.hot-line-number h2 {
    font-weight: 600;
    font-size: 24px
}

.product-category {
    gap: 25px;
    padding: calc(12px + 21*(100vw - 320px)/1600)
}

.product-section .product-left-box {
    position: sticky;
    top: 0
}

.product-section .left-slider-image .sidebar-image {
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f8f8
}

.product-section .left-slider-image .sidebar-image img {
    width: auto;
    height: auto;
    cursor: pointer;
    object-fit: contain
}

.product-section .right-box-contain {
    position: sticky;
    top: 10px;
    left: 0
}

@media(max-width: 767px) {
    .product-section .right-box-contain {
        text-align: center
    }
}

.product-section .right-box-contain .offer-top {
    font-weight: 500;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(12px + 4*(100vw - 320px)/1600);
    background-color: rgba(255, 79, 79, .1);
    border-radius: 5px;
    color: #ff4f4f;
    display: inline-block;
    margin-bottom: 20px
}

.product-section .right-box-contain .name {
    font-weight: 700;
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600);
    line-height: 1.5
}

.product-section .right-box-contain .price-rating {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 .custom-rate {
        margin-top: 5px
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top: 0 !important
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top: 10px !important
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating .custom-rate {
        margin-top: 10px;
        justify-content: center
    }
}

.product-section .right-box-contain .price-rating .price {
    font-weight: 600;
    font-size: calc(19px + 3*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price del {
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin: 0 calc(0px + 2*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.product-section .right-box-contain .price-rating .custom-rate ul li .feather {
    width: 16px;
    height: 16px
}

.product-section .right-box-contain .price-rating .custom-rate .review {
    font-size: 13px;
    margin-left: 12px
}

[dir=rtl] .product-section .right-box-contain .price-rating .custom-rate .review {
    margin-left: unset;
    margin-right: 12px
}

.product-section .right-box-contain .product-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .product-contain p {
    color: #4a5568;
    line-height: 1.7;
    margin: calc(14px + 2*(100vw - 320px)/1600) 0 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    width: 80%
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-contain p {
        width: 100%
    }
}

.product-section .right-box-contain .product-package .select-package {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-package .select-package {
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .product-package .select-package {
    padding-right: 0
}

.product-section .right-box-contain .product-package .select-package li {
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package li a {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package li a.active {
    border: 1px solid var(--theme-color);
    background: var(--theme-color2);
    color: #fff
}

.product-section .right-box-contain .product-package .select-package .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: unset;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label {
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label span {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.color li.active {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label span {
    background-color: rgba(0, 0, 0, 0)
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-label {
    opacity: .7
}

.product-section .right-box-contain .product-package .select-package.circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
    color: #4a5568;
    padding: 3px;
    border: 1px solid rgba(154, 154, 154, .4);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all .1s ease-in-out;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label span {
    transition: all .1s ease-in-out;
    width: calc(30px + 4*(100vw - 320px)/1600);
    height: calc(30px + 4*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    color: #222;
    border-radius: 100%
}

.product-section .right-box-contain .product-package .select-package.product-radio-list {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-input {
    border-color: rgba(154, 154, 154, .65)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input {
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154, 154, 154, .4);
    position: relative;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: .3s ease-in-out;
    transform: scale(0)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:focus {
    box-shadow: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:active {
    filter: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked::after {
    transform: scale(1)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label img {
    width: 65px;
    border-radius: 4px;
    cursor: pointer;
    height: 65px;
    padding: 0;
    overflow: hidden
}

.product-section .right-box-contain .product-package .select-package.rectangle li {
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label span {
    padding: 6px 11px;
    background-color: #f8f8f8;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package .disabled {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.product-section .right-box-contain .product-package .select-package .disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.product-section .right-box-contain .product-package .select-package .disabled a,
.product-section .right-box-contain .product-package .select-package .disabled button {
    cursor: default
}

.product-section .right-box-contain .product-package .select-package .disabled .form-check-input:checked~.form-check-label {
    background-color: #f8f8f8 !important;
    color: #4a5568 !important
}

.product-section .right-box-contain .note-box {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(7px + 8*(100vw - 320px)/1600);
    align-items: center;
    margin-top: 20px
}

@media(max-width: 767px) {
    .product-section .right-box-contain .note-box {
        justify-content: center
    }
}

.product-section .right-box-contain .note-box .compare-button {
    background-color: #f8f8f8
}

.product-section .right-box-contain .note-box .cart-button {
    animation: shake 150ms 2 linear
}

.product-section .right-box-contain .note-box .product-qty {
    width: auto;
    margin-top: 0
}

@media(max-width: 360px) {
    .product-section .right-box-contain .note-box .product-qty {
        width: 160px
    }
}

.product-section .right-box-contain .note-box .product-qty .input-group {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%)
}

.product-section .right-box-contain .buy-now-button {
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .buy-now-button button {
    background-color: #ff7272
}

.product-section .right-box-contain .buy-box {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .buy-box .team-box {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span {
    display: flex;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .buy-box {
        justify-content: center
    }
}

.product-section .right-box-contain .buy-box a {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    align-items: center;
    color: #777
}

.product-section .right-box-contain .buy-box a .feather {
    width: 17px;
    height: auto
}

.product-section .right-box-contain .feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .feature-list .team-box {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span {
    display: flex;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .feature-list {
        justify-content: center
    }
}

.product-section .right-box-contain .feature-list a {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    align-items: center;
    color: #222
}

.product-section .right-box-contain .feature-list a svg {
    width: 17px;
    height: 17px
}

.product-section .right-box-contain .pickup-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .pickup-box .product-info {
    margin-top: 20px
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 9*(100vw - 320px)/1600);
    align-items: flex-start;
    text-align: left;
    display: inline-block;
    column-count: 2;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 12px;
    width: 80%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list {
    text-align: right
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list {
        column-count: 1;
        padding: 15px
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
    display: flex
}

@media(max-width: 1500px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        width: 100%
    }
}

@media(max-width: 1450px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        column-count: 1;
        padding: 15px
    }
}

@media(max-width: 1199px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        column-count: 2;
        display: block;
        padding-bottom: 4px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 8px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        display: flex;
        padding-bottom: 15px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 0
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
    width: 50%
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
    margin-bottom: 7px
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
        margin-bottom: 0
    }
}

@media(max-width: 1366px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width: 80%
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width: 100%
    }
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        display: flex
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 13px;
    width: 100%;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #777
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 0;
    padding-right: 13px
}

@media(max-width: 575px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        width: auto;
        margin-left: 18px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        margin-left: unset;
        width: 100%;
        padding-left: unset
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
        content: none !important
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    left: 0;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a {
    margin-left: 5px;
    color: #222;
    font-weight: 500
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a+a {
    margin-left: 0
}

.product-section .right-box-contain .pickup-box .pickup-icon i {
    font-size: 20px;
    color: var(--theme-color)
}

.product-section .right-box-contain .pickup-box .pickup-detail h4 {
    width: 90%;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .pickup-detail h4 {
        width: 100%
    }
}

.product-section .right-box-contain .pickup-box .pickup-detail h6 {
    margin-top: 4px
}

.product-section .right-box-contain .pickup-box .pickup-detail a {
    margin-top: 0;
    color: var(--theme-color);
    display: inline-block
}

.product-section .right-box-contain .payment-option ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(3px + 5*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .payment-option ul {
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .payment-option ul {
    padding-right: 0
}

.product-section .right-box-contain .progress-sec {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .progress-sec .left-progressbar {
    margin-top: 18px
}

.product-section .right-box-contain .progress-sec .left-progressbar h6 {
    margin-bottom: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress {
    height: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.danger-progress .progress-bar {
    background-color: #ff7272
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.warning-progress .progress-bar {
    background-color: #ffa53b
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.success-progress .progress-bar {
    background-color: var(--theme-color)
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-section .product-main .slider-image {
    background-color: #f8f8f8
}

.product-section .product-main .slider-image img {
    width: 100%
}

.product-section .right-sidebar-box {
    position: sticky;
    top: 10px
}

.product-section .right-sidebar-box .product-right-sidebar li+li {
    margin-top: 0
}

.product-section .right-sidebar-box .product-right-sidebar li+li::after {
    top: -14px;
    width: calc(100% - 103px)
}

.related-product-2 .related-product .product-title-2 {
    margin-top: 0
}

.related-product-2 .related-product .product-title-2 h4 {
    font-size: calc(21px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(16px + 5*(100vw - 320px)/1600)
}

.related-product-2 .related-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px
}

@media(max-width: 1577px) {
    .related-product-2 .related-box {
        flex-wrap: wrap
    }
}

.related-product-2 .related-box .related-image {
    touch-action: pan-x;
    overflow: auto;
    padding-bottom: 13px
}

.related-product-2 .related-box .related-image>ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: calc(25px + 10*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li {
    width: 100%;
    min-width: 200px;
    position: relative
}

.related-product-2 .related-box .related-image>ul>li+li {
    margin: 0 !important
}

.related-product-2 .related-box .related-image>ul>li+li::before {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    left: calc(-18px + -8*(100vw - 320px)/1600);
    font-size: calc(14px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .related-image>ul>li a {
    display: block;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .image-box {
    background-color: #f8f8f8;
    width: calc(136px + 34*(100vw - 320px)/1600);
    height: calc(136px + 34*(100vw - 320px)/1600);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 0
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check .checkbox_animated::after {
    border: 1px solid #4a5567;
    border-radius: 3px
}

.related-product-2 .related-box .related-image>ul>li a .related-content {
    margin-top: 12px;
    padding: 0 calc(4px + 8*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h5 {
    font-size: 15px;
    line-height: 1.2;
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 {
    margin-top: 5px;
    color: var(--theme-color)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 del {
    color: #4a5568;
    margin-left: 4px;
    font-size: 13px
}

.related-product-2 .related-box .related-image>ul>li .product-box .product-detail a h6 {
    font-size: 16px;
    height: auto
}

.related-product-2 .related-box .bundle-list {
    gap: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.related-product-2 .related-box .bundle-list>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}

.related-product-2 .related-box .bundle-list>ul>li {
    width: 100%;
    display: block
}

.related-product-2 .related-box .bundle-list>ul>li .form-check {
    display: flex;
    padding: 0;
    margin-bottom: 0;
    align-items: center
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .checkbox_animated {
    margin-top: -4px
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span span {
    color: #222;
    font-weight: 600
}

.related-product-2 .related-box .bundle-list>ul>li.content {
    margin-top: calc(0px + 15*(100vw - 320px)/1600)
}

.related-product-2 .related-box .bundle-list>ul>li.content h5 {
    font-size: 17px;
    font-weight: 600;
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 {
    margin-top: 8px;
    font-weight: 700
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 del {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-left: 5px;
    font-weight: 400
}

.sticky-bottom-cart {
    position: fixed;
    bottom: -160px;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    padding: calc(11px + -5*(100vw - 320px)/1600) 0;
    box-shadow: 0 0 3px 1px rgba(34, 34, 34, .06);
    transition: all .3s ease
}

.sticky-bottom-cart .cart-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 575px) {
    .sticky-bottom-cart .cart-content {
        display: block
    }
}

.sticky-bottom-cart .product-image {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .sticky-bottom-cart .product-image {
        display: none
    }
}

.sticky-bottom-cart .product-image img {
    width: 60px;
    height: 70px;
    object-fit: cover;
    object-position: top
}

.sticky-bottom-cart .product-image .content {
    margin-left: 12px;
    color: #222;
    margin-top: 0
}

[dir=rtl] .sticky-bottom-cart .product-image .content {
    margin-left: 0;
    margin-right: 12px
}

@media(max-width: 991px) {
    .sticky-bottom-cart .product-image .content {
        display: none
    }
}

@media(max-width: 480px) {
    .sticky-bottom-cart .product-image .content {
        display: block
    }
}

.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6 {
    margin-bottom: 0
}

.sticky-bottom-cart .product-image .content h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.sticky-bottom-cart .product-image .content h6 {
    font-size: 15px;
    margin-top: 6px
}

.sticky-bottom-cart .product-image .content h6 del {
    margin-left: 7px;
    color: #4a5568
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 del {
    margin-left: unset;
    margin-right: 7px
}

.sticky-bottom-cart .product-image .content h6 span {
    color: var(--theme-color);
    margin-left: 5px
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 span {
    margin-left: 0;
    margin-right: 5px
}

.sticky-bottom-cart .selection-section {
    display: flex;
    align-items: center;
    margin: 0 25px 0 auto
}

@media(max-width: 575px) {
    .sticky-bottom-cart .selection-section {
        display: none
    }
}

.sticky-bottom-cart .selection-section .form-control {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    text-transform: capitalize;
    color: #222
}

.sticky-bottom-cart .selection-section .form-control:focus {
    box-shadow: none
}

.sticky-bottom-cart .selection-section .product-qty {
    height: 51px
}

.sticky-bottom-cart .selection-section .product-qty .input-group button {
    height: 100%
}

.sticky-bottom-cart .selection-section .form-group {
    width: 300px;
    margin-left: 10px;
    margin-right: 10px
}

@media(max-width: 1199px) {
    .sticky-bottom-cart .selection-section .form-group {
        width: 190px
    }
}

@media(max-width: 767px) {
    .sticky-bottom-cart .selection-section .form-group {
        margin-right: 0;
        width: unset
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a {
    padding: 12px 40px
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a.wishlist-btn {
    display: none;
    background-color: #f8f8f8;
    color: #222
}

.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a.wishlist-btn {
        display: flex
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a+a {
        margin-left: 8px
    }

    [dir=rtl] .sticky-bottom-cart .add-btn a+a {
        margin-right: 8px;
        margin-left: unset
    }
}

.sticky-bottom-cart .add-btn a i {
    margin-right: 7px
}

[dir=rtl] .sticky-bottom-cart .add-btn a i {
    margin-right: unset;
    margin-left: 7px
}

.stickyCart {
    padding-bottom: 94px
}

.stickyCart .theme-option-2 {
    bottom: calc(74px + 16*(100vw - 320px)/1600)
}

@media(max-width: 575px) {
    .stickyCart {
        padding-bottom: 0
    }
}

.stickyCart .sticky-bottom-cart {
    bottom: 0;
    transition: all .3s ease
}

.stickyCart .recently-purchase.show {
    bottom: 110px
}

.stickyCart .tap-top {
    bottom: 110px
}

.theme-product-section .product-left-box .product-title .name {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.theme-product-section .product-left-box .product-title .title-content-list {
    margin-top: 8px;
    margin-bottom: 18px
}

.theme-product-section .product-left-box .product-title .title-content-list>li {
    position: relative
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: 15px;
    margin-left: 8px
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    left: 0;
    background-color: #ddd;
    border-radius: 100%
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    left: unset;
    right: 0
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #777;
    display: inline-block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 400
}

.dark .theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #ddd
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a {
    color: #222;
    font-weight: 500;
    text-decoration: underline
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a .feather {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content .feather {
    width: 17px;
    height: 17px
}

.theme-product-section .product-left-box .product-title p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0
}

.theme-product-section .product-left-box .theme-option-box {
    margin-top: calc(18px + 12*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option::after {
    opacity: .3
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option .theme-image-icon {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:first-child {
    animation: product-fade 100ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(2) {
    animation: product-fade 200ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(3) {
    animation: product-fade 300ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(4) {
    animation: product-fade 400ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(5) {
    animation: product-fade 500ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option {
    position: relative;
    z-index: 0;
    border-radius: calc(8px + 4*(100vw - 320px)/1600);
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon {
    opacity: 0;
    transition: opacity .1s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    border-radius: 100%;
    background-color: #fff;
    z-index: 2;
    border: unset;
    position: absolute;
    color: #222;
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon .feather {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image {
    position: absolute;
    right: calc(10px + 10*(100vw - 576px)/1344);
    z-index: 3;
    opacity: 0;
    top: calc(10px + 10*(100vw - 576px)/1344)
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image {
        position: relative;
        inset: unset;
        margin-top: 12px
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
    margin: 0;
    display: grid;
    gap: 7px
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
        display: flex
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li {
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li:hover .theme-option-list {
    opacity: 1;
    visibility: visible;
    left: -125px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    overflow: hidden
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
        background-color: #222
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon .feather {
    width: calc(18px + 4*(100vw - 576px)/1344);
    height: calc(18px + 4*(100vw - 576px)/1344)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    z-index: 0;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    gap: 5px;
    position: relative;
    background-color: var(--theme-color);
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid .feather {
    width: 18px;
    height: 18px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input:checked~.feather {
    fill: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -110px;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul {
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: -1px 0 10px rgba(34, 34, 34, .071), 5px 20px 40px rgba(34, 34, 34, .039);
    background-color: #fff;
    padding: 10px 6px 10px 12px;
    border-radius: 6px 0 0 6px;
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 15px solid #fff;
    border-top: 21px solid rgba(0, 0, 0, 0);
    border-bottom: 21px solid rgba(0, 0, 0, 0);
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    text-shadow: -1px 0 10px rgba(34, 34, 34, .071), 5px 20px 40px rgba(34, 34, 34, .039)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a {
    display: block;
    color: rgba(34, 34, 34, .839)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a:hover {
    color: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a .feather {
    width: 20px;
    height: 20px;
    stroke-width: 1.8px
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain {
        text-align: unset
    }
}

.theme-product-section .right-box-contain .main-right-box-contain {
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: calc(20px + 4*(100vw - 320px)/1600) calc(15px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.dark .theme-product-section .right-box-contain .main-right-box-contain {
    border-color: rgba(119, 119, 119, .44);
    background-color: rgba(34, 34, 34, .9411764706)
}

.theme-product-section .right-box-contain .product-contain p {
    width: 100%
}

.theme-product-section .right-box-contain .product-package+.product-package {
    margin-top: calc(22px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(9px + 9*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block;
    box-shadow: unset;
    padding: calc(8px + .00375*(100vw - 320px)) calc(12px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .price-rating .price {
    font-size: 26px
}

.theme-product-section .right-box-contain .note-box {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px;
    margin-top: 15px;
    flex-wrap: wrap
}

.dark .theme-product-section .right-box-contain .note-box {
    border-color: rgba(119, 119, 119, .44)
}

.theme-product-section .right-box-contain .note-box .cart-button {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    width: 100%
}

.theme-product-section .right-box-contain .note-box .cart-button.border-btn {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 12px
}

.theme-product-section .right-box-contain .note-box .cart-button.fill-btn {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 12px
}

@media(max-width: 400px) {
    .theme-product-section .right-box-contain .deal-timer.product-deal-timer {
        width: 100%
    }
}

.dark .theme-product-section .right-box-contain .buy-box {
    border-color: rgba(119, 119, 119, .44)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .buy-box {
        justify-content: unset
    }
}

.theme-product-section .right-box-contain .product-rating span {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1
}

.theme-product-section .right-box-contain .pickup-box {
    margin-top: 20px;
    padding: 0;
    border: unset
}

.theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
    align-items: unset;
    text-align: unset;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 1199px) {
    .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
        column-count: unset
    }
}

.dark .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    color: #ddd
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: unset;
    padding-right: 13px
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.theme-product-section .right-box-contain .discount-box {
    background-color: #f8f8f8;
    padding: calc(12px + 11*(100vw - 320px)/1600) calc(18px + 5*(100vw - 320px)/1600);
    border-radius: calc(6px + 3*(100vw - 320px)/1600);
    border: 1px solid #ececec
}

.dark .theme-product-section .right-box-contain .discount-box {
    border-color: rgba(119, 119, 119, .44);
    background-color: #222323
}

.theme-product-section .right-box-contain .discount-box h4 {
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px
}

.theme-product-section .right-box-contain .discount-box h4 span {
    color: var(--theme-color);
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding: 7px calc(9px + 3*(100vw - 320px)/1600);
    border-radius: 5px;
    z-index: 0
}

.theme-product-section .right-box-contain .discount-box h4 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    border-radius: 5px
}

.theme-product-section .right-box-contain .discount-box p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(16px + 8*(100vw - 320px)/1600);
    color: #4a5568
}

.theme-product-section .right-box-contain .discount-box .discount-btn {
    background: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    letter-spacing: 1.1px;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(16px + 13*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .deal-timer.product-deal-timer ul {
    background-color: #fff
}

.theme-product-section .right-box-contain .vendor-box {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain {
    padding: 12px calc(13px + 4*(100vw - 320px)/1600);
    background-color: #fff;
    margin-bottom: 27px;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain .vendor-image {
    width: calc(58px + 14*(100vw - 320px)/1600);
    height: calc(58px + 14*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-name h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(5px + -5*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list {
    display: grid;
    gap: calc(8px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list .form-check {
    min-height: unset;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input {
    float: unset;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label::before {
    opacity: .1
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle {
    border-color: var(--theme-color);
    background-color: #fff
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle::before {
    transform: translate(-50%, -50%) scale(1)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label {
    cursor: pointer;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    transition: all .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box {
    display: flex;
    align-items: center;
    gap: 7px
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: calc(16px + 2*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    border: 1px solid #ececec;
    transition: all .1s ease-in-out
}

.dark .theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    border-color: rgba(119, 119, 119, .44)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle::before {
    content: "";
    position: absolute;
    width: calc(10px + 2*(100vw - 320px)/1600);
    height: calc(10px + 2*(100vw - 320px)/1600);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: transform .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name {
    margin: 0;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 7px - (16px + 2*(100vw - 320px)/1600));
    font-weight: 500;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name span {
    color: #222
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .license-content {
    line-height: 1.5;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .accordion-item {
    background-color: rgba(0, 0, 0, 0);
    border: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(74, 85, 104, .169);
    border-radius: 11px;
    padding: 16px;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    width: 100%;
    transition: all .1s ease-in-out;
    color: #222;
    box-shadow: none;
    font-size: 18px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: unset;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    z-index: -1;
    margin: 0;
    opacity: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) {
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) .feather {
    transform: rotate(-180deg)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed)::after {
    opacity: .15;
    transform: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button .feather {
    transition: all .3s ease-in-out;
    width: 20px;
    height: 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse {
    margin-top: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body {
    background-color: #fff;
    border: 1px solid rgba(74, 85, 104, .169);
    border-radius: 11px;
    padding: 16px 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
        justify-content: center
    }
}

body.rtl .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    padding-right: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li a,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li button {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    transition: all .3s ease-in-out;
    background: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover {
    border: 1px solid rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover button,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover img {
    border-color: rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active {
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active button,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active img {
    background: var(--theme-color);
    color: #fff;
    font-weight: 600
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled a,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled button {
    cursor: default
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li {
    opacity: .7
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li.active {
    opacity: 1;
    border-color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li button {
    width: 36px !important;
    height: 36px !important
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 100% !important;
    padding: 3px;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li button {
    width: 35px;
    height: 35px;
    background-color: #f8f8f8;
    border-radius: 100%;
    color: #4a5568;
    padding: 0;
    border: unset;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-input {
    border-color: rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check+.form-check {
    margin-left: 15px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154, 154, 154, .4);
    position: relative
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: .3s ease-in-out;
    transform: scale(0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:focus {
    box-shadow: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:active {
    filter: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked::after {
    transform: scale(1)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li.active img {
    background: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li button {
    background-color: #f8f8f8;
    border: unset
}

.product-label-group {
    position: absolute;
    top: 24px;
    left: 0
}

.product-label-group .product-label-tag {
    padding: 5px 13px;
    background-color: #ff7272;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 1;
    width: max-content
}

.product-label-group .product-label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.product-label-group .product-label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-label-group .product-label-tag span {
    font-weight: 700
}

.product-label-group .product-label-tag.warning-label-tag {
    background-color: #ffba00
}

.product-label-group .product-label-tag.warning-label-tag::before,
.product-label-group .product-label-tag.warning-label-tag::after {
    border-bottom-color: #ffba00
}

.product-label-group .product-label-tag+.product-label-tag {
    margin-top: 13px
}

.product-count ul {
    display: inline-flex;
    align-items: center;
    gap: 3px 15px;
    margin-bottom: 16px;
    flex-wrap: wrap
}

.product-count ul li {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-count ul li .feather {
    stroke: var(--theme-color);
    width: 20px;
    height: 20px
}

.product-count ul li h6 {
    font-size: 16px
}

.share-option {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ececec
}

.share-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width: 767px) {
    .share-option ul {
        justify-content: center
    }
}

.share-option ul li {
    display: block
}

.share-option ul li:hover a {
    transform: translateY(-4px)
}

.share-option ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #4a5568;
    transition: all .5s ease
}

.share-option ul li a:hover {
    color: var(--theme-color);
    transition: all .5s ease
}

.dynamic-checkout {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    max-width: 600px
}

.dynamic-checkout>* {
    width: 100%
}

.dynamic-checkout button {
    width: 100%;
    color: #fff;
    text-transform: uppercase
}

.dynamic-checkout button.border-theme-color {
    border: 1px solid var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    color: var(--theme-color);
    transition: none
}

.dynamic-checkout button.border-theme-color .spinning::before {
    border-right: 3px solid #1aa488
}

.dynamic-checkout button:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.dynamic-checkout button i {
    animation: ring 4s .7s ease-in-out infinite;
    line-height: 1;
    margin-top: -3px;
    font-size: 19px
}

[dir=rtl] .slick-slider {
    direction: ltr
}

[dir=rtl] .slick-slider .slick-list .slick-track>* {
    direction: rtl
}

[dir=rtl] .slick-slide {
    float: left
}

[dir=rtl] ul {
    padding-right: 0
}

.name, .price , h5 {
  text-transform: capitalize !important;
}

.price-flash {
  font-size: 1.3rem !important;
}


/* Styles for desktop */
@media (min-width: 1024px) {
  .bpWebchat {
    right: 70px !important;
  }

  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 8rem !important;
    right: 1.3rem !important;
    width: calc(34px + 10*(100vw - 320px)/1600) !important;
    height: calc(34px + 10*(100vw - 320px)/1600) !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}

/* Styles for tablets and mobiles */
@media (max-width: 1023px) {


  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 7.5rem !important;
    right: 0.5rem !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}/* Styles for desktop */
@media (min-width: 1024px) {
  .bpWebchat {
    right: 70px !important;
  }

  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 5rem !important;
    right: 1.3rem !important;
    width: calc(34px + 10*(100vw - 320px)/1600) !important;
    height: calc(34px + 10*(100vw - 320px)/1600) !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}

/* Styles for tablets and mobiles */
@media (max-width: 1023px) {


  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 10rem !important;
    right: 0.5rem !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}


.header-table {
  background-color: #ffffff !important;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/vendors/bootstrap.css ***!
  \******************************************************************************************************************************************************************************************************************************/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
/*!
 * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container-sm,
    .container {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container-md,
    .container-sm,
    .container {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

@media(min-width: 576px) {
    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }
}

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

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 992px) {
    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }
}

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

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }
}

@media(min-width: 1400px) {
    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.875em
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr
        /* rtl:ignore */
    ;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

/*!
 * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:hover,
.link-success:focus {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

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

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

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

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

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media(min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}

/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff
}

*,
*::before,
*::after {
    box-sizing: border-box
}

@media(prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

hr {
    margin: 1rem 0;
    color: inherit;
    background-color: currentColor;
    border: 0;
    opacity: .25
}

hr:not([size]) {
    height: 1px
}

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    margin-top: 0;
    margin-bottom: .5rem;
    font-weight: 500;
    line-height: 1.2
}

h1,
.h1 {
    font-size: calc(1.375rem + 1.5vw)
}

@media(min-width: 1200px) {

    h1,
    .h1 {
        font-size: 2.5rem
    }
}

h2,
.h2 {
    font-size: calc(1.325rem + 0.9vw)
}

@media(min-width: 1200px) {

    h2,
    .h2 {
        font-size: 2rem
    }
}

h3,
.h3 {
    font-size: calc(1.3rem + 0.6vw)
}

@media(min-width: 1200px) {

    h3,
    .h3 {
        font-size: 1.75rem
    }
}

h4,
.h4 {
    font-size: calc(1.275rem + 0.3vw)
}

@media(min-width: 1200px) {

    h4,
    .h4 {
        font-size: 1.5rem
    }
}

h5,
.h5 {
    font-size: 1.25rem
}

h6,
.h6 {
    font-size: 1rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[title],
abbr[data-bs-original-title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

ol,
ul {
    padding-left: 2rem
}

ol,
ul,
dl {
    margin-top: 0;
    margin-bottom: 1rem
}

ol ol,
ul ul,
ol ul,
ul ol {
    margin-bottom: 0
}

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

b,
strong {
    font-weight: bolder
}

small,
.small {
    font-size: 0.875em
}

mark,
.mark {
    padding: .2em;
    background-color: #fcf8e3
}

sub,
sup {
    position: relative;
    font-size: 0.75em;
    line-height: 0;
    vertical-align: baseline
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

a {
    color: #0d6efd;
    text-decoration: underline
}

a:hover {
    color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
    color: inherit;
    text-decoration: none
}

pre,
code,
kbd,
samp {
    font-family: var(--bs-font-monospace);
    font-size: 1em;
    direction: ltr
        /* rtl:ignore */
    ;
    unicode-bidi: bidi-override
}

pre {
    display: block;
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    font-size: 0.875em
}

pre code {
    font-size: inherit;
    color: inherit;
    word-break: normal
}

code {
    font-size: 0.875em;
    color: #d63384;
    word-wrap: break-word
}

a>code {
    color: inherit
}

kbd {
    padding: .2rem .4rem;
    font-size: 0.875em;
    color: #fff;
    background-color: #212529;
    border-radius: .2rem
}

kbd kbd {
    padding: 0;
    font-size: 1em;
    font-weight: 700
}

figure {
    margin: 0 0 1rem
}

img,
svg {
    vertical-align: middle
}

table {
    caption-side: bottom;
    border-collapse: collapse
}

caption {
    padding-top: .5rem;
    padding-bottom: .5rem;
    color: #6c757d;
    text-align: left
}

th {
    text-align: inherit;
    text-align: -webkit-match-parent
}

thead,
tbody,
tfoot,
tr,
td,
th {
    border-color: inherit;
    border-style: solid;
    border-width: 0
}

label {
    display: inline-block
}

button {
    border-radius: 0
}

button:focus:not(:focus-visible) {
    outline: 0
}

input,
button,
select,
optgroup,
textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,
select {
    text-transform: none
}

[role=button] {
    cursor: pointer
}

select {
    word-wrap: normal
}

select:disabled {
    opacity: 1
}

[list]::-webkit-calendar-picker-indicator {
    display: none
}

button,
[type=button],
[type=reset],
[type=submit] {
    -webkit-appearance: button
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
    cursor: pointer
}

::-moz-focus-inner {
    padding: 0;
    border-style: none
}

textarea {
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    float: left;
    width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: calc(1.275rem + 0.3vw);
    line-height: inherit
}

@media(min-width: 1200px) {
    legend {
        font-size: 1.5rem
    }
}

legend+* {
    clear: left
}

::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
    padding: 0
}

::-webkit-inner-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: textfield
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
    padding: 0
}

::file-selector-button {
    font: inherit
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

iframe {
    border: 0
}

summary {
    display: list-item;
    cursor: pointer
}

progress {
    vertical-align: baseline
}

[hidden] {
    display: none !important
}

.lead {
    font-size: 1.25rem;
    font-weight: 300
}

.display-1 {
    font-size: calc(1.625rem + 4.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-1 {
        font-size: 5rem
    }
}

.display-2 {
    font-size: calc(1.575rem + 3.9vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-2 {
        font-size: 4.5rem
    }
}

.display-3 {
    font-size: calc(1.525rem + 3.3vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-3 {
        font-size: 4rem
    }
}

.display-4 {
    font-size: calc(1.475rem + 2.7vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-4 {
        font-size: 3.5rem
    }
}

.display-5 {
    font-size: calc(1.425rem + 2.1vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-5 {
        font-size: 3rem
    }
}

.display-6 {
    font-size: calc(1.375rem + 1.5vw);
    font-weight: 300;
    line-height: 1.2
}

@media(min-width: 1200px) {
    .display-6 {
        font-size: 2.5rem
    }
}

.list-unstyled {
    padding-left: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

.list-inline-item {
    display: inline-block
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem
}

.initialism {
    font-size: 0.875em;
    text-transform: uppercase
}

.blockquote {
    margin-bottom: 1rem;
    font-size: 1.25rem
}

.blockquote>:last-child {
    margin-bottom: 0
}

.blockquote-footer {
    margin-top: -1rem;
    margin-bottom: 1rem;
    font-size: 0.875em;
    color: #6c757d
}

.blockquote-footer::before {
    content: "— "
}

.img-fluid {
    max-width: 100%;
    height: auto
}

.img-thumbnail {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border-radius: .25rem;
    max-width: 100%;
    height: auto
}

.figure {
    display: inline-block
}

.figure-img {
    margin-bottom: .5rem;
    line-height: 1
}

.figure-caption {
    font-size: 0.875em;
    color: #6c757d
}

.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 0.75rem);
    padding-left: var(--bs-gutter-x, 0.75rem);
    margin-right: auto;
    margin-left: auto
}

@media(min-width: 576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media(min-width: 768px) {

    .container,
    .container-sm,
    .container-md {
        max-width: 720px
    }
}

@media(min-width: 992px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg {
        max-width: 960px
    }
}

@media(min-width: 1200px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl {
        max-width: 1140px
    }
}

@media(min-width: 1400px) {

    .container,
    .container-sm,
    .container-md,
    .container-lg,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}

.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1*var(--bs-gutter-y));
    margin-right: calc(-0.5*var(--bs-gutter-x));
    margin-left: calc(-0.5*var(--bs-gutter-x))
}

.row>* {
    box-sizing: border-box;
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x)*.5);
    padding-left: calc(var(--bs-gutter-x)*.5);
    margin-top: var(--bs-gutter-y)
}

.col {
    flex: 1 0 0%
}

.row-cols-auto>* {
    flex: 0 0 auto;
    width: auto
}

.row-cols-1>* {
    flex: 0 0 auto;
    width: 100%
}

.row-cols-2>* {
    flex: 0 0 auto;
    width: 50%
}

.row-cols-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
}

.row-cols-4>* {
    flex: 0 0 auto;
    width: 25%
}

.row-cols-5>* {
    flex: 0 0 auto;
    width: 20%
}

.row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
}

.col-auto {
    flex: 0 0 auto;
    width: auto
}

.col-1 {
    flex: 0 0 auto;
    width: 8.33333333%
}

.col-2 {
    flex: 0 0 auto;
    width: 16.66666667%
}

.col-3 {
    flex: 0 0 auto;
    width: 25%
}

.col-4 {
    flex: 0 0 auto;
    width: 33.33333333%
}

.col-5 {
    flex: 0 0 auto;
    width: 41.66666667%
}

.col-6 {
    flex: 0 0 auto;
    width: 50%
}

.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%
}

.col-8 {
    flex: 0 0 auto;
    width: 66.66666667%
}

.col-9 {
    flex: 0 0 auto;
    width: 75%
}

.col-10 {
    flex: 0 0 auto;
    width: 83.33333333%
}

.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%
}

.col-12 {
    flex: 0 0 auto;
    width: 100%
}

.offset-1 {
    margin-left: 8.33333333%
}

.offset-2 {
    margin-left: 16.66666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333333%
}

.offset-5 {
    margin-left: 41.66666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333333%
}

.offset-8 {
    margin-left: 66.66666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333333%
}

.offset-11 {
    margin-left: 91.66666667%
}

.g-0,
.gx-0 {
    --bs-gutter-x: 0
}

.g-0,
.gy-0 {
    --bs-gutter-y: 0
}

.g-1,
.gx-1 {
    --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
    --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
    --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
    --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
    --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
    --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
    --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
    --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
    --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
    --bs-gutter-y: 3rem
}

@media(min-width: 576px) {
    .col-sm {
        flex: 1 0 0%
    }

    .row-cols-sm-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-sm-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-sm-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-sm-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-sm-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-sm-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-sm-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-sm-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-sm-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-sm-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-sm-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-sm-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-sm-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-sm-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-sm-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-sm-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-sm-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-sm-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-sm-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-sm-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333333%
    }

    .offset-sm-2 {
        margin-left: 16.66666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333333%
    }

    .offset-sm-5 {
        margin-left: 41.66666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333333%
    }

    .offset-sm-8 {
        margin-left: 66.66666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333333%
    }

    .offset-sm-11 {
        margin-left: 91.66666667%
    }

    .g-sm-0,
    .gx-sm-0 {
        --bs-gutter-x: 0
    }

    .g-sm-0,
    .gy-sm-0 {
        --bs-gutter-y: 0
    }

    .g-sm-1,
    .gx-sm-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-sm-1,
    .gy-sm-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-sm-2,
    .gx-sm-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-sm-2,
    .gy-sm-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-sm-3,
    .gx-sm-3 {
        --bs-gutter-x: 1rem
    }

    .g-sm-3,
    .gy-sm-3 {
        --bs-gutter-y: 1rem
    }

    .g-sm-4,
    .gx-sm-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-sm-4,
    .gy-sm-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-sm-5,
    .gx-sm-5 {
        --bs-gutter-x: 3rem
    }

    .g-sm-5,
    .gy-sm-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 768px) {
    .col-md {
        flex: 1 0 0%
    }

    .row-cols-md-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-md-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-md-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-md-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-md-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-md-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-md-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-md-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-md-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-md-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-md-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-md-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-md-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-md-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-md-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-md-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-md-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-md-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-md-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-md-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333333%
    }

    .offset-md-2 {
        margin-left: 16.66666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333333%
    }

    .offset-md-5 {
        margin-left: 41.66666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333333%
    }

    .offset-md-8 {
        margin-left: 66.66666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333333%
    }

    .offset-md-11 {
        margin-left: 91.66666667%
    }

    .g-md-0,
    .gx-md-0 {
        --bs-gutter-x: 0
    }

    .g-md-0,
    .gy-md-0 {
        --bs-gutter-y: 0
    }

    .g-md-1,
    .gx-md-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-md-1,
    .gy-md-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-md-2,
    .gx-md-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-md-2,
    .gy-md-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-md-3,
    .gx-md-3 {
        --bs-gutter-x: 1rem
    }

    .g-md-3,
    .gy-md-3 {
        --bs-gutter-y: 1rem
    }

    .g-md-4,
    .gx-md-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-md-4,
    .gy-md-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-md-5,
    .gx-md-5 {
        --bs-gutter-x: 3rem
    }

    .g-md-5,
    .gy-md-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 992px) {
    .col-lg {
        flex: 1 0 0%
    }

    .row-cols-lg-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-lg-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-lg-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-lg-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-lg-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-lg-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-lg-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333333%
    }

    .offset-lg-2 {
        margin-left: 16.66666667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333333%
    }

    .offset-lg-5 {
        margin-left: 41.66666667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333333%
    }

    .offset-lg-8 {
        margin-left: 66.66666667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333333%
    }

    .offset-lg-11 {
        margin-left: 91.66666667%
    }

    .g-lg-0,
    .gx-lg-0 {
        --bs-gutter-x: 0
    }

    .g-lg-0,
    .gy-lg-0 {
        --bs-gutter-y: 0
    }

    .g-lg-1,
    .gx-lg-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-lg-1,
    .gy-lg-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-lg-2,
    .gx-lg-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-lg-2,
    .gy-lg-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-lg-3,
    .gx-lg-3 {
        --bs-gutter-x: 1rem
    }

    .g-lg-3,
    .gy-lg-3 {
        --bs-gutter-y: 1rem
    }

    .g-lg-4,
    .gx-lg-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-lg-4,
    .gy-lg-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-lg-5,
    .gx-lg-5 {
        --bs-gutter-x: 3rem
    }

    .g-lg-5,
    .gy-lg-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1200px) {
    .col-xl {
        flex: 1 0 0%
    }

    .row-cols-xl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333333%
    }

    .offset-xl-2 {
        margin-left: 16.66666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333333%
    }

    .offset-xl-5 {
        margin-left: 41.66666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333333%
    }

    .offset-xl-8 {
        margin-left: 66.66666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333333%
    }

    .offset-xl-11 {
        margin-left: 91.66666667%
    }

    .g-xl-0,
    .gx-xl-0 {
        --bs-gutter-x: 0
    }

    .g-xl-0,
    .gy-xl-0 {
        --bs-gutter-y: 0
    }

    .g-xl-1,
    .gx-xl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xl-1,
    .gy-xl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xl-2,
    .gx-xl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xl-2,
    .gy-xl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xl-3,
    .gx-xl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xl-3,
    .gy-xl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xl-4,
    .gx-xl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xl-4,
    .gy-xl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xl-5,
    .gx-xl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xl-5,
    .gy-xl-5 {
        --bs-gutter-y: 3rem
    }
}

@media(min-width: 1400px) {
    .col-xxl {
        flex: 1 0 0%
    }

    .row-cols-xxl-auto>* {
        flex: 0 0 auto;
        width: auto
    }

    .row-cols-xxl-1>* {
        flex: 0 0 auto;
        width: 100%
    }

    .row-cols-xxl-2>* {
        flex: 0 0 auto;
        width: 50%
    }

    .row-cols-xxl-3>* {
        flex: 0 0 auto;
        width: 33.3333333333%
    }

    .row-cols-xxl-4>* {
        flex: 0 0 auto;
        width: 25%
    }

    .row-cols-xxl-5>* {
        flex: 0 0 auto;
        width: 20%
    }

    .row-cols-xxl-6>* {
        flex: 0 0 auto;
        width: 16.6666666667%
    }

    .col-xxl-auto {
        flex: 0 0 auto;
        width: auto
    }

    .col-xxl-1 {
        flex: 0 0 auto;
        width: 8.33333333%
    }

    .col-xxl-2 {
        flex: 0 0 auto;
        width: 16.66666667%
    }

    .col-xxl-3 {
        flex: 0 0 auto;
        width: 25%
    }

    .col-xxl-4 {
        flex: 0 0 auto;
        width: 33.33333333%
    }

    .col-xxl-5 {
        flex: 0 0 auto;
        width: 41.66666667%
    }

    .col-xxl-6 {
        flex: 0 0 auto;
        width: 50%
    }

    .col-xxl-7 {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .col-xxl-8 {
        flex: 0 0 auto;
        width: 66.66666667%
    }

    .col-xxl-9 {
        flex: 0 0 auto;
        width: 75%
    }

    .col-xxl-10 {
        flex: 0 0 auto;
        width: 83.33333333%
    }

    .col-xxl-11 {
        flex: 0 0 auto;
        width: 91.66666667%
    }

    .col-xxl-12 {
        flex: 0 0 auto;
        width: 100%
    }

    .offset-xxl-0 {
        margin-left: 0
    }

    .offset-xxl-1 {
        margin-left: 8.33333333%
    }

    .offset-xxl-2 {
        margin-left: 16.66666667%
    }

    .offset-xxl-3 {
        margin-left: 25%
    }

    .offset-xxl-4 {
        margin-left: 33.33333333%
    }

    .offset-xxl-5 {
        margin-left: 41.66666667%
    }

    .offset-xxl-6 {
        margin-left: 50%
    }

    .offset-xxl-7 {
        margin-left: 58.33333333%
    }

    .offset-xxl-8 {
        margin-left: 66.66666667%
    }

    .offset-xxl-9 {
        margin-left: 75%
    }

    .offset-xxl-10 {
        margin-left: 83.33333333%
    }

    .offset-xxl-11 {
        margin-left: 91.66666667%
    }

    .g-xxl-0,
    .gx-xxl-0 {
        --bs-gutter-x: 0
    }

    .g-xxl-0,
    .gy-xxl-0 {
        --bs-gutter-y: 0
    }

    .g-xxl-1,
    .gx-xxl-1 {
        --bs-gutter-x: 0.25rem
    }

    .g-xxl-1,
    .gy-xxl-1 {
        --bs-gutter-y: 0.25rem
    }

    .g-xxl-2,
    .gx-xxl-2 {
        --bs-gutter-x: 0.5rem
    }

    .g-xxl-2,
    .gy-xxl-2 {
        --bs-gutter-y: 0.5rem
    }

    .g-xxl-3,
    .gx-xxl-3 {
        --bs-gutter-x: 1rem
    }

    .g-xxl-3,
    .gy-xxl-3 {
        --bs-gutter-y: 1rem
    }

    .g-xxl-4,
    .gx-xxl-4 {
        --bs-gutter-x: 1.5rem
    }

    .g-xxl-4,
    .gy-xxl-4 {
        --bs-gutter-y: 1.5rem
    }

    .g-xxl-5,
    .gx-xxl-5 {
        --bs-gutter-x: 3rem
    }

    .g-xxl-5,
    .gy-xxl-5 {
        --bs-gutter-y: 3rem
    }
}

.table {
    --bs-table-bg: transparent;
    --bs-table-accent-bg: transparent;
    --bs-table-striped-color: #212529;
    --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
    --bs-table-active-color: #212529;
    --bs-table-active-bg: rgba(0, 0, 0, 0.1);
    --bs-table-hover-color: #212529;
    --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
    width: 100%;
    margin-bottom: 1rem;
    color: #212529;
    vertical-align: top;
    border-color: #dee2e6
}

.table>:not(caption)>*>* {
    padding: .5rem .5rem;
    background-color: var(--bs-table-bg);
    border-bottom-width: 1px;
    box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg)
}

.table>tbody {
    vertical-align: inherit
}

.table>thead {
    vertical-align: bottom
}

.table>:not(:first-child) {
    border-top: 2px solid currentColor
}

.caption-top {
    caption-side: top
}

.table-sm>:not(caption)>*>* {
    padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
    border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
    border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
    border-bottom-width: 0
}

.table-borderless>:not(:first-child) {
    border-top-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd)>* {
    --bs-table-accent-bg: var(--bs-table-striped-bg);
    color: var(--bs-table-striped-color)
}

.table-active {
    --bs-table-accent-bg: var(--bs-table-active-bg);
    color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover>* {
    --bs-table-accent-bg: var(--bs-table-hover-bg);
    color: var(--bs-table-hover-color)
}

.table-primary {
    --bs-table-bg: #cfe2ff;
    --bs-table-striped-bg: #c5d7f2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bacbe6;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfd1ec;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bacbe6
}

.table-secondary {
    --bs-table-bg: #e2e3e5;
    --bs-table-striped-bg: #d7d8da;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #cbccce;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #d1d2d4;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #cbccce
}

.table-success {
    --bs-table-bg: #d1e7dd;
    --bs-table-striped-bg: #c7dbd2;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #bcd0c7;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #c1d6cc;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #bcd0c7
}

.table-info {
    --bs-table-bg: #cff4fc;
    --bs-table-striped-bg: #c5e8ef;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #badce3;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #bfe2e9;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #badce3
}

.table-warning {
    --bs-table-bg: #fff3cd;
    --bs-table-striped-bg: #f2e7c3;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #e6dbb9;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #ece1be;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #e6dbb9
}

.table-danger {
    --bs-table-bg: #f8d7da;
    --bs-table-striped-bg: #eccccf;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfc2c4;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5c7ca;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfc2c4
}

.table-light {
    --bs-table-bg: #f8f9fa;
    --bs-table-striped-bg: #ecedee;
    --bs-table-striped-color: #000;
    --bs-table-active-bg: #dfe0e1;
    --bs-table-active-color: #000;
    --bs-table-hover-bg: #e5e6e7;
    --bs-table-hover-color: #000;
    color: #000;
    border-color: #dfe0e1
}

.table-dark {
    --bs-table-bg: #212529;
    --bs-table-striped-bg: #2c3034;
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: #373b3e;
    --bs-table-active-color: #fff;
    --bs-table-hover-bg: #323539;
    --bs-table-hover-color: #fff;
    color: #fff;
    border-color: #373b3e
}

.table-responsive {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

@media(max-width: 575.98px) {
    .table-responsive-sm {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 767.98px) {
    .table-responsive-md {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 991.98px) {
    .table-responsive-lg {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1199.98px) {
    .table-responsive-xl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

@media(max-width: 1399.98px) {
    .table-responsive-xxl {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch
    }
}

.form-label {
    margin-bottom: .5rem
}

.col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5
}

.col-form-label-lg {
    padding-top: calc(0.5rem + 1px);
    padding-bottom: calc(0.5rem + 1px);
    font-size: 1.25rem
}

.col-form-label-sm {
    padding-top: calc(0.25rem + 1px);
    padding-bottom: calc(0.25rem + 1px);
    font-size: 0.875rem
}

.form-text {
    margin-top: .25rem;
    font-size: 0.875em;
    color: #6c757d
}

.form-control {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control {
        transition: none
    }
}

.form-control[type=file] {
    overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
    height: 1.5em
}

.form-control::placeholder {
    color: #6c757d;
    opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #e9ecef;
    opacity: 1
}

.form-control::file-selector-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::file-selector-button {
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
    background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
    padding: .375rem .75rem;
    margin: -0.375rem -0.75rem;
    margin-inline-end: .75rem;
    color: #212529;
    background-color: #e9ecef;
    pointer-events: none;
    border-color: inherit;
    border-style: solid;
    border-width: 0;
    border-inline-end-width: 1px;
    border-radius: 0;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-control::-webkit-file-upload-button {
        -webkit-transition: none;
        transition: none
    }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
    background-color: #dde0e3
}

.form-control-plaintext {
    display: block;
    width: 100%;
    padding: .375rem 0;
    margin-bottom: 0;
    line-height: 1.5;
    color: #212529;
    background-color: rgba(0, 0, 0, 0);
    border: solid rgba(0, 0, 0, 0);
    border-width: 1px 0
}

.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
    padding-right: 0;
    padding-left: 0
}

.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px);
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.form-control-sm::file-selector-button {
    padding: .25rem .5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
    padding: .25rem .5rem;
    margin: -0.25rem -0.5rem;
    margin-inline-end: .5rem
}

.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px);
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-control-lg::file-selector-button {
    padding: .5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
    padding: .5rem 1rem;
    margin: -0.5rem -1rem;
    margin-inline-end: 1rem
}

textarea.form-control {
    min-height: calc(1.5em + 0.75rem + 2px)
}

textarea.form-control-sm {
    min-height: calc(1.5em + 0.5rem + 2px)
}

textarea.form-control-lg {
    min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
    width: 3rem;
    height: auto;
    padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
    cursor: pointer
}

.form-control-color::-moz-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
    height: 1.5em;
    border-radius: .25rem
}

.form-select {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right .75rem center;
    background-size: 16px 12px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-select {
        transition: none
    }
}

.form-select:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
    padding-right: .75rem;
    background-image: none
}

.form-select:disabled {
    background-color: #e9ecef
}

.form-select:-moz-focusring {
    color: rgba(0, 0, 0, 0);
    text-shadow: 0 0 0 #212529
}

.form-select-sm {
    padding-top: .25rem;
    padding-bottom: .25rem;
    padding-left: .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.form-select-lg {
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: .125rem
}

.form-check .form-check-input {
    float: left;
    margin-left: -1.5em
}

.form-check-input {
    width: 1em;
    height: 1em;
    margin-top: .25em;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    appearance: none;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact
}

.form-check-input[type=checkbox] {
    border-radius: .25em
}

.form-check-input[type=radio] {
    border-radius: 50%
}

.form-check-input:active {
    filter: brightness(90%)
}

.form-check-input:focus {
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
    background-color: #0d6efd;
    border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
    background-color: #0d6efd;
    border-color: #0d6efd;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
    pointer-events: none;
    filter: none;
    opacity: .5
}

.form-check-input[disabled]~.form-check-label,
.form-check-input:disabled~.form-check-label {
    opacity: .5
}

.form-switch {
    padding-left: 2.5em
}

.form-switch .form-check-input {
    width: 2em;
    margin-left: -2.5em;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
    background-position: left center;
    border-radius: 2em;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-switch .form-check-input {
        transition: none
    }
}

.form-switch .form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
    background-position: right center;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
    display: inline-block;
    margin-right: 1rem
}

.btn-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none
}

.btn-check[disabled]+.btn,
.btn-check:disabled+.btn {
    pointer-events: none;
    filter: none;
    opacity: .65
}

.form-range {
    width: 100%;
    height: 1.5rem;
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    appearance: none
}

.form-range:focus {
    outline: 0
}

.form-range:focus::-webkit-slider-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
    box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
    border: 0
}

.form-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -0.25rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-webkit-slider-thumb {
        -webkit-transition: none;
        transition: none
    }
}

.form-range::-webkit-slider-thumb:active {
    background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.form-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #0d6efd;
    border: 0;
    border-radius: 1rem;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    appearance: none
}

@media(prefers-reduced-motion: reduce) {
    .form-range::-moz-range-thumb {
        -moz-transition: none;
        transition: none
    }
}

.form-range::-moz-range-thumb:active {
    background-color: #b6d4fe
}

.form-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: rgba(0, 0, 0, 0);
    cursor: pointer;
    background-color: #dee2e6;
    border-color: rgba(0, 0, 0, 0);
    border-radius: 1rem
}

.form-range:disabled {
    pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
    background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
    background-color: #adb5bd
}

.form-floating {
    position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
    height: calc(3.5rem + 2px);
    line-height: 1.25
}

.form-floating>label {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 1rem .75rem;
    pointer-events: none;
    border: 1px solid rgba(0, 0, 0, 0);
    transform-origin: 0 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .form-floating>label {
        transition: none
    }
}

.form-floating>.form-control {
    padding: 1rem .75rem
}

.form-floating>.form-control::placeholder {
    color: rgba(0, 0, 0, 0)
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-select {
    padding-top: 1.625rem;
    padding-bottom: .625rem
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
    opacity: .65;
    transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem)
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
    z-index: 3
}

.input-group .btn {
    position: relative;
    z-index: 2
}

.input-group .btn:focus {
    z-index: 3
}

.input-group-text {
    display: flex;
    align-items: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    white-space: nowrap;
    background-color: #e9ecef;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text,
.input-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text,
.input-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
    padding-right: 3rem
}

.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu),
.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: -1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.valid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.875em;
    color: #198754
}

.valid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(25, 135, 84, .9);
    border-radius: .25rem
}

.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip,
.is-valid~.valid-feedback,
.is-valid~.valid-tooltip {
    display: block
}

.was-validated .form-control:valid,
.form-control.is-valid {
    border-color: #198754;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:valid,
.form-select.is-valid {
    border-color: #198754
}

.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
    border-color: #198754;
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated .form-check-input:valid,
.form-check-input.is-valid {
    border-color: #198754
}

.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
    background-color: #198754
}

.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated .form-check-input:valid~.form-check-label,
.form-check-input.is-valid~.form-check-label {
    color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:valid,
.input-group .form-control.is-valid,
.was-validated .input-group .form-select:valid,
.input-group .form-select.is-valid {
    z-index: 1
}

.was-validated .input-group .form-control:valid:focus,
.input-group .form-control.is-valid:focus,
.was-validated .input-group .form-select:valid:focus,
.input-group .form-select.is-valid:focus {
    z-index: 3
}

.invalid-feedback {
    display: none;
    width: 100%;
    margin-top: .25rem;
    font-size: 0.875em;
    color: #dc3545
}

.invalid-tooltip {
    position: absolute;
    top: 100%;
    z-index: 5;
    display: none;
    max-width: 100%;
    padding: .25rem .5rem;
    margin-top: .1rem;
    font-size: 0.875rem;
    color: #fff;
    background-color: rgba(220, 53, 69, .9);
    border-radius: .25rem
}

.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip,
.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip {
    display: block
}

.was-validated .form-control:invalid,
.form-control.is-invalid {
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem)
}

.was-validated .form-select:invalid,
.form-select.is-invalid {
    border-color: #dc3545
}

.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right .75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem)
}

.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
    border-color: #dc3545
}

.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
    background-color: #dc3545
}

.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated .form-check-input:invalid~.form-check-label,
.form-check-input.is-invalid~.form-check-label {
    color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
    margin-left: .5em
}

.was-validated .input-group .form-control:invalid,
.input-group .form-control.is-invalid,
.was-validated .input-group .form-select:invalid,
.input-group .form-select.is-invalid {
    z-index: 2
}

.was-validated .input-group .form-control:invalid:focus,
.input-group .form-control.is-invalid:focus,
.was-validated .input-group .form-select:invalid:focus,
.input-group .form-select.is-invalid:focus {
    z-index: 3
}

.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    padding: .375rem .75rem;
    font-size: 1rem;
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .btn {
        transition: none
    }
}

.btn:hover {
    color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
    pointer-events: none;
    opacity: .65
}

.btn-business{
    color: #fff;
    background-color: #003b73 !important;
    border-color: #003b73 !important;
    border-radius: 25px !important;
}

.btn-business2 {
    color: #fff;
    background-color: #28a745 !important;
    border-color: #28a745 !important;
    border-radius: 25px !important;
}



.btn-business:hover {
    color: #fff;
    background-color: #007cf0 !important;
    border-color: #007cf0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; 
    /* padding: 10px 20px;  */
}

.btn-business2:hover {
    color: #fff;
    background-color: #078124 !important;
    border-color: #078124 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    width: auto; 
    /* padding: 10px 20px;  */
}


@media (max-width: 768px) {
    .btn-business {
        width: 40px; /* Tamaño reducido en mobile */
        padding: 8px; 
        
    }

    .btn-business .text-white.small {
        display: none; /* Oculta el texto "Área de Negocios" */
    }

    .btn-business .fa-briefcase {
        margin: 0; /* Elimina el margen del ícono para centrarlo */
        font-size: 18px ; 
        margin-left: 8px !important;/* Ajusta el tamaño del ícono si es necesario */
    }

     .btn-business2 {
        width: 40px; /* Tamaño reducido en mobile */
        padding: 8px; 
        
    }

    .btn-business2 .text-white.small {
        display: none; /* Oculta el texto "Área de Negocios" */
    }

    .btn-business2 .fa-user-plus {
        margin: 0; /* Elimina el margen del ícono para centrarlo */
        font-size: 18px ; 
        margin-left: 8px !important;/* Ajusta el tamaño del ícono si es necesario */
    }
}


.btn-primary {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-primary:hover {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
    color: #fff;
    background-color: #0b5ed7;
    border-color: #0a58ca;
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:checked+.btn-primary,
.btn-check:active+.btn-primary,
.btn-primary:active,
.btn-primary.active,
.show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #0a58ca;
    border-color: #0a53be
}

.btn-check:checked+.btn-primary:focus,
.btn-check:active+.btn-primary:focus,
.btn-primary:active:focus,
.btn-primary.active:focus,
.show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary:disabled,
.btn-primary.disabled {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-secondary:hover {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
    color: #fff;
    background-color: #5c636a;
    border-color: #565e64;
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:checked+.btn-secondary,
.btn-check:active+.btn-secondary,
.btn-secondary:active,
.btn-secondary.active,
.show>.btn-secondary.dropdown-toggle {
    color: #fff;
    background-color: #565e64;
    border-color: #51585e
}

.btn-check:checked+.btn-secondary:focus,
.btn-check:active+.btn-secondary:focus,
.btn-secondary:active:focus,
.btn-secondary.active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary:disabled,
.btn-secondary.disabled {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-success {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-success:hover {
    color: #fff;
    background-color: #157347;
    border-color: #146c43
}

.btn-check:focus+.btn-success,
.btn-success:focus {
    color: #fff;
    background-color: #157347;
    border-color: #146c43;
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:checked+.btn-success,
.btn-check:active+.btn-success,
.btn-success:active,
.btn-success.active,
.show>.btn-success.dropdown-toggle {
    color: #fff;
    background-color: #146c43;
    border-color: #13653f
}

.btn-check:checked+.btn-success:focus,
.btn-check:active+.btn-success:focus,
.btn-success:active:focus,
.btn-success.active:focus,
.show>.btn-success.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-success:disabled,
.btn-success.disabled {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-info {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-info:hover {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
    color: #000;
    background-color: #31d2f2;
    border-color: #25cff2;
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:checked+.btn-info,
.btn-check:active+.btn-info,
.btn-info:active,
.btn-info.active,
.show>.btn-info.dropdown-toggle {
    color: #000;
    background-color: #3dd5f3;
    border-color: #25cff2
}

.btn-check:checked+.btn-info:focus,
.btn-check:active+.btn-info:focus,
.btn-info:active:focus,
.btn-info.active:focus,
.show>.btn-info.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info:disabled,
.btn-info.disabled {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-warning {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-warning:hover {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
    color: #000;
    background-color: #ffca2c;
    border-color: #ffc720;
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:checked+.btn-warning,
.btn-check:active+.btn-warning,
.btn-warning:active,
.btn-warning.active,
.show>.btn-warning.dropdown-toggle {
    color: #000;
    background-color: #ffcd39;
    border-color: #ffc720
}

.btn-check:checked+.btn-warning:focus,
.btn-check:active+.btn-warning:focus,
.btn-warning:active:focus,
.btn-warning.active:focus,
.show>.btn-warning.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-warning:disabled,
.btn-warning.disabled {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:checked+.btn-danger,
.btn-check:active+.btn-danger,
.btn-danger:active,
.btn-danger.active,
.show>.btn-danger.dropdown-toggle {
    color: #fff;
    background-color: #b02a37;
    border-color: #a52834
}

.btn-check:checked+.btn-danger:focus,
.btn-check:active+.btn-danger:focus,
.btn-danger:active:focus,
.btn-danger.active:focus,
.show>.btn-danger.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger:disabled,
.btn-danger.disabled {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-light {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-light:hover {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb;
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:checked+.btn-light,
.btn-check:active+.btn-light,
.btn-light:active,
.btn-light.active,
.show>.btn-light.dropdown-toggle {
    color: #000;
    background-color: #f9fafb;
    border-color: #f9fafb
}

.btn-check:checked+.btn-light:focus,
.btn-check:active+.btn-light:focus,
.btn-light:active:focus,
.btn-light.active:focus,
.show>.btn-light.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light:disabled,
.btn-light.disabled {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-dark {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-dark:hover {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
    color: #fff;
    background-color: #1c1f23;
    border-color: #1a1e21;
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:checked+.btn-dark,
.btn-check:active+.btn-dark,
.btn-dark:active,
.btn-dark.active,
.show>.btn-dark.dropdown-toggle {
    color: #fff;
    background-color: #1a1e21;
    border-color: #191c1f
}

.btn-check:checked+.btn-dark:focus,
.btn-check:active+.btn-dark:focus,
.btn-dark:active:focus,
.btn-dark.active:focus,
.show>.btn-dark.dropdown-toggle:focus {
    box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark:disabled,
.btn-dark.disabled {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-outline-primary {
    color: #0d6efd;
    border-color: #0d6efd
}

.btn-outline-primary:hover {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:checked+.btn-outline-primary,
.btn-check:active+.btn-outline-primary,
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.btn-check:checked+.btn-outline-primary:focus,
.btn-check:active+.btn-outline-primary:focus,
.btn-outline-primary:active:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
    color: #0d6efd;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-secondary {
    color: #6c757d;
    border-color: #6c757d
}

.btn-outline-secondary:hover {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:checked+.btn-outline-secondary,
.btn-check:active+.btn-outline-secondary,
.btn-outline-secondary:active,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d
}

.btn-check:checked+.btn-outline-secondary:focus,
.btn-check:active+.btn-outline-secondary:focus,
.btn-outline-secondary:active:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary:disabled,
.btn-outline-secondary.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-success {
    color: #198754;
    border-color: #198754
}

.btn-outline-success:hover {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:checked+.btn-outline-success,
.btn-check:active+.btn-outline-success,
.btn-outline-success:active,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show {
    color: #fff;
    background-color: #198754;
    border-color: #198754
}

.btn-check:checked+.btn-outline-success:focus,
.btn-check:active+.btn-outline-success:focus,
.btn-outline-success:active:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success:disabled,
.btn-outline-success.disabled {
    color: #198754;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-info {
    color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-outline-info:hover {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:checked+.btn-outline-info,
.btn-check:active+.btn-outline-info,
.btn-outline-info:active,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show {
    color: #000;
    background-color: #0dcaf0;
    border-color: #0dcaf0
}

.btn-check:checked+.btn-outline-info:focus,
.btn-check:active+.btn-outline-info:focus,
.btn-outline-info:active:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info:disabled,
.btn-outline-info.disabled {
    color: #0dcaf0;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-warning {
    color: #ffc107;
    border-color: #ffc107
}

.btn-outline-warning:hover {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:checked+.btn-outline-warning,
.btn-check:active+.btn-outline-warning,
.btn-outline-warning:active,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show {
    color: #000;
    background-color: #ffc107;
    border-color: #ffc107
}

.btn-check:checked+.btn-outline-warning:focus,
.btn-check:active+.btn-outline-warning:focus,
.btn-outline-warning:active:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning:disabled,
.btn-outline-warning.disabled {
    color: #ffc107;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-danger {
    color: #dc3545;
    border-color: #dc3545
}

.btn-outline-danger:hover {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:checked+.btn-outline-danger,
.btn-check:active+.btn-outline-danger,
.btn-outline-danger:active,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545
}

.btn-check:checked+.btn-outline-danger:focus,
.btn-check:active+.btn-outline-danger:focus,
.btn-outline-danger:active:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger:disabled,
.btn-outline-danger.disabled {
    color: #dc3545;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-light {
    color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-outline-light:hover {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:checked+.btn-outline-light,
.btn-check:active+.btn-outline-light,
.btn-outline-light:active,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show {
    color: #000;
    background-color: #f8f9fa;
    border-color: #f8f9fa
}

.btn-check:checked+.btn-outline-light:focus,
.btn-check:active+.btn-outline-light:focus,
.btn-outline-light:active:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light:disabled,
.btn-outline-light.disabled {
    color: #f8f9fa;
    background-color: rgba(0, 0, 0, 0)
}

.btn-outline-dark {
    color: #212529;
    border-color: #212529
}

.btn-outline-dark:hover {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:checked+.btn-outline-dark,
.btn-check:active+.btn-outline-dark,
.btn-outline-dark:active,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show {
    color: #fff;
    background-color: #212529;
    border-color: #212529
}

.btn-check:checked+.btn-outline-dark:focus,
.btn-check:active+.btn-outline-dark:focus,
.btn-outline-dark:active:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus {
    box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark:disabled,
.btn-outline-dark.disabled {
    color: #212529;
    background-color: rgba(0, 0, 0, 0)
}

.btn-link {
    font-weight: 400;
    color: #0d6efd;
    text-decoration: underline
}

.btn-link:hover {
    color: #0a58ca
}

.btn-link:disabled,
.btn-link.disabled {
    color: #6c757d
}

.btn-lg,
.btn-group-lg>.btn {
    padding: .5rem 1rem;
    font-size: 1.25rem;
    border-radius: .3rem
}

.btn-sm,
.btn-group-sm>.btn {
    padding: .25rem .5rem;
    font-size: 0.875rem;
    border-radius: .2rem
}

.fade {
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .fade {
        transition: none
    }
}

.fade:not(.show) {
    opacity: 0
}

.collapse:not(.show) {
    display: none
}

.collapsing {
    height: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .collapsing {
        transition: none
    }
}

.collapsing.collapse-horizontal {
    width: 0;
    height: auto;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .collapsing.collapse-horizontal {
        transition: none
    }
}

.dropup,
.dropend,
.dropdown,
.dropstart {
    position: relative
}

.dropdown-toggle {
    white-space: nowrap
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: 0;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropdown-toggle:empty::after {
    margin-left: 0
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: .5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.dropdown-menu[data-bs-popper] {
    top: 100%;
    left: 0;
    margin-top: .125rem
}

.dropdown-menu-start {
    --bs-position: start
}

.dropdown-menu-start[data-bs-popper] {
    right: auto;
    left: 0
}

.dropdown-menu-end {
    --bs-position: end
}

.dropdown-menu-end[data-bs-popper] {
    right: 0;
    left: auto
}

@media(min-width: 576px) {
    .dropdown-menu-sm-start {
        --bs-position: start
    }

    .dropdown-menu-sm-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-sm-end {
        --bs-position: end
    }

    .dropdown-menu-sm-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 768px) {
    
    .dropdown-menu-md-start {
        --bs-position: start
    }

    .dropdown-menu-md-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-md-end {
        --bs-position: end
    }

    .dropdown-menu-md-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 992px) {
    .dropdown-menu-lg-start {
        --bs-position: start
    }

    .dropdown-menu-lg-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-lg-end {
        --bs-position: end
    }

    .dropdown-menu-lg-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1200px) {
    .dropdown-menu-xl-start {
        --bs-position: start
    }

    .dropdown-menu-xl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xl-end {
        --bs-position: end
    }

    .dropdown-menu-xl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

@media(min-width: 1400px) {
    .dropdown-menu-xxl-start {
        --bs-position: start
    }

    .dropdown-menu-xxl-start[data-bs-popper] {
        right: auto;
        left: 0
    }

    .dropdown-menu-xxl-end {
        --bs-position: end
    }

    .dropdown-menu-xxl-end[data-bs-popper] {
        right: 0;
        left: auto
    }
}

.dropup .dropdown-menu[data-bs-popper] {
    top: auto;
    bottom: 100%;
    margin-top: 0;
    margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 0;
    border-right: .3em solid rgba(0, 0, 0, 0);
    border-bottom: .3em solid;
    border-left: .3em solid rgba(0, 0, 0, 0)
}

.dropup .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-menu[data-bs-popper] {
    top: 0;
    right: auto;
    left: 100%;
    margin-top: 0;
    margin-left: .125rem
}

.dropend .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: 0;
    border-bottom: .3em solid rgba(0, 0, 0, 0);
    border-left: .3em solid
}

.dropend .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropend .dropdown-toggle::after {
    vertical-align: 0
}

.dropstart .dropdown-menu[data-bs-popper] {
    top: 0;
    right: 100%;
    left: auto;
    margin-top: 0;
    margin-right: .125rem
}

.dropstart .dropdown-toggle::after {
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: ""
}

.dropstart .dropdown-toggle::after {
    display: none
}

.dropstart .dropdown-toggle::before {
    display: inline-block;
    margin-right: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid rgba(0, 0, 0, 0);
    border-right: .3em solid;
    border-bottom: .3em solid rgba(0, 0, 0, 0)
}

.dropstart .dropdown-toggle:empty::after {
    margin-left: 0
}

.dropstart .dropdown-toggle::before {
    vertical-align: 0
}

.dropdown-divider {
    height: 0;
    margin: .5rem 0;
    overflow: hidden;
    border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0
}

.dropdown-item:hover,
.dropdown-item:focus {
    color: #1e2125;
    background-color: #e9ecef
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
    color: #adb5bd;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0)
}

.dropdown-menu.show {
    display: block
}

.dropdown-header {
    display: block;
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #6c757d;
    white-space: nowrap
}

.dropdown-item-text {
    display: block;
    padding: .25rem 1rem;
    color: #212529
}

.dropdown-menu-dark {
    color: #dee2e6;
    background-color: #343a40;
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:hover,
.dropdown-menu-dark .dropdown-item:focus {
    color: #fff;
    background-color: rgba(255, 255, 255, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
    color: #fff;
    background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
    color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
    border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
    color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
    color: #adb5bd
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-flex;
    vertical-align: middle
}

.btn-group>.btn,
.btn-group-vertical>.btn {
    position: relative;
    flex: 1 1 auto
}

.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn:hover,
.btn-group>.btn:focus,
.btn-group>.btn:active,
.btn-group>.btn.active,
.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn:hover,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn.active {
    z-index: 1
}

.btn-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start
}

.btn-toolbar .input-group {
    width: auto
}

.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:first-child) {
    margin-left: -1px
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn-group:not(:last-child)>.btn {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn,
.btn-group>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.dropdown-toggle-split {
    padding-right: .5625rem;
    padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
    margin-left: 0
}

.dropstart .dropdown-toggle-split::before {
    margin-right: 0
}

.btn-sm+.dropdown-toggle-split,
.btn-group-sm>.btn+.dropdown-toggle-split {
    padding-right: .375rem;
    padding-left: .375rem
}

.btn-lg+.dropdown-toggle-split,
.btn-group-lg>.btn+.dropdown-toggle-split {
    padding-right: .75rem;
    padding-left: .75rem
}

.btn-group-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
    width: 100%
}

.btn-group-vertical>.btn:not(:first-child),
.btn-group-vertical>.btn-group:not(:first-child) {
    margin-top: -1px
}

.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical>.btn-group:not(:last-child)>.btn {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0
}

.btn-group-vertical>.btn~.btn,
.btn-group-vertical>.btn-group:not(:first-child)>.btn {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.nav-link {
    display: block;
    padding: .5rem 1rem;
    color: #0d6efd;
    text-decoration: none;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .nav-link {
        transition: none
    }
}

.nav-link:hover,
.nav-link:focus {
    color: #0a58ca
}

.nav-link.disabled {
    color: #6c757d;
    pointer-events: none;
    cursor: default
}

.nav-tabs {
    border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
    margin-bottom: -1px;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9ecef #e9ecef #dee2e6;
    isolation: isolate
}

.nav-tabs .nav-link.disabled {
    color: #6c757d;
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0)
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: #fff;
    border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.nav-pills .nav-link {
    background: none;
    border: 0;
    border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #0d6efd
}

.nav-fill>.nav-link,
.nav-fill .nav-item {
    flex: 1 1 auto;
    text-align: center
}

.nav-justified>.nav-link,
.nav-justified .nav-item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center
}

.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
    width: 100%
}

.tab-content>.tab-pane {
    display: none
}

.tab-content>.active {
    display: block
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-sm,
.navbar>.container-md,
.navbar>.container-lg,
.navbar>.container-xl,
.navbar>.container-xxl {
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between
}

.navbar-brand {
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    text-decoration: none;
    white-space: nowrap
}

.navbar-nav {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

.navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

.navbar-nav .dropdown-menu {
    position: static
}

.navbar-text {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

.navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .navbar-toggler {
        transition: none
    }
}

.navbar-toggler:hover {
    text-decoration: none
}

.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%
}

.navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

@media(min-width: 576px) {
    .navbar-expand-sm {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-sm .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-sm .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-sm .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-sm .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-sm .navbar-toggler {
        display: none
    }

    .navbar-expand-sm .offcanvas-header {
        display: none
    }

    .navbar-expand-sm .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-sm .offcanvas-top,
    .navbar-expand-sm .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-sm .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 768px) {
    .navbar-expand-md {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-md .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-md .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-md .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-md .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-md .navbar-toggler {
        display: none
    }

    .navbar-expand-md .offcanvas-header {
        display: none
    }

    .navbar-expand-md .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-md .offcanvas-top,
    .navbar-expand-md .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-md .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 992px) {
    .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-lg .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-lg .navbar-toggler {
        display: none
    }

    .navbar-expand-lg .offcanvas-header {
        display: none
    }

    .navbar-expand-lg .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-lg .offcanvas-top,
    .navbar-expand-lg .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-lg .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1200px) {
    .navbar-expand-xl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xl .navbar-toggler {
        display: none
    }

    .navbar-expand-xl .offcanvas-header {
        display: none
    }

    .navbar-expand-xl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-xl .offcanvas-top,
    .navbar-expand-xl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

@media(min-width: 1400px) {
    .navbar-expand-xxl {
        flex-wrap: nowrap;
        justify-content: flex-start
    }

    .navbar-expand-xxl .navbar-nav {
        flex-direction: row
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu {
        position: absolute
    }

    .navbar-expand-xxl .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem
    }

    .navbar-expand-xxl .navbar-nav-scroll {
        overflow: visible
    }

    .navbar-expand-xxl .navbar-collapse {
        display: flex !important;
        flex-basis: auto
    }

    .navbar-expand-xxl .navbar-toggler {
        display: none
    }

    .navbar-expand-xxl .offcanvas-header {
        display: none
    }

    .navbar-expand-xxl .offcanvas {
        position: inherit;
        bottom: 0;
        z-index: 1000;
        flex-grow: 1;
        visibility: visible !important;
        background-color: rgba(0, 0, 0, 0);
        border-right: 0;
        border-left: 0;
        transition: all .3s ease-in-out;
        transform: none
    }

    .navbar-expand-xxl .offcanvas-top,
    .navbar-expand-xxl .offcanvas-bottom {
        height: auto;
        border-top: 0;
        border-bottom: 0
    }

    .navbar-expand-xxl .offcanvas-body {
        display: flex;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible
    }
}

.navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

.navbar-expand .navbar-nav {
    flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
    position: absolute
}

.navbar-expand .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
}

.navbar-expand .navbar-nav-scroll {
    overflow: visible
}

.navbar-expand .navbar-collapse {
    display: flex !important;
    flex-basis: auto
}

.navbar-expand .navbar-toggler {
    display: none
}

.navbar-expand .offcanvas-header {
    display: none
}

.navbar-expand .offcanvas {
    position: inherit;
    bottom: 0;
    z-index: 1000;
    flex-grow: 1;
    visibility: visible !important;
    background-color: rgba(0, 0, 0, 0);
    border-right: 0;
    border-left: 0;
    transition: all .3s ease-in-out;
    transform: none
}

.navbar-expand .offcanvas-top,
.navbar-expand .offcanvas-bottom {
    height: auto;
    border-top: 0;
    border-bottom: 0
}

.navbar-expand .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:hover,
.navbar-light .navbar-brand:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus {
    color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
    color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active {
    color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
    color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:hover,
.navbar-light .navbar-text a:focus {
    color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
    color: #fff
}

.navbar-dark .navbar-brand:hover,
.navbar-dark .navbar-brand:focus {
    color: #fff
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
    color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
    color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .show>.nav-link,
.navbar-dark .navbar-nav .nav-link.active {
    color: #fff
}

.navbar-dark .navbar-toggler {
    color: rgba(255, 255, 255, .55);
    border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
    color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:hover,
.navbar-dark .navbar-text a:focus {
    color: #fff
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem
}

.card>hr {
    margin-right: 0;
    margin-left: 0
}

.card>.list-group {
    border-top: inherit;
    border-bottom: inherit
}

.card>.list-group:first-child {
    border-top-width: 0;
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card>.list-group:last-child {
    border-bottom-width: 0;
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
    border-top: 0
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 1rem
}

.card-title {
    margin-bottom: .5rem
}

.card-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0
}

.card-text:last-child {
    margin-bottom: 0
}

.card-link+.card-link {
    margin-left: 1rem
}

.card-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0
}

.card-footer {
    padding: .5rem 1rem;
    background-color: rgba(0, 0, 0, .03);
    border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
    border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px)
}

.card-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0
}

.card-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-top,
.card-img-bottom {
    width: 100%
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.card-img,
.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.card-group>.card {
    margin-bottom: .75rem
}

@media(min-width: 576px) {
    .card-group {
        display: flex;
        flex-flow: row wrap
    }

    .card-group>.card {
        flex: 1 0 0%;
        margin-bottom: 0
    }

    .card-group>.card+.card {
        margin-left: 0;
        border-left: 0
    }

    .card-group>.card:not(:last-child) {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-top,
    .card-group>.card:not(:last-child) .card-header {
        border-top-right-radius: 0
    }

    .card-group>.card:not(:last-child) .card-img-bottom,
    .card-group>.card:not(:last-child) .card-footer {
        border-bottom-right-radius: 0
    }

    .card-group>.card:not(:first-child) {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-top,
    .card-group>.card:not(:first-child) .card-header {
        border-top-left-radius: 0
    }

    .card-group>.card:not(:first-child) .card-img-bottom,
    .card-group>.card:not(:first-child) .card-footer {
        border-bottom-left-radius: 0
    }
}

.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none
    }
}

.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125)
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg)
}

.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .accordion-button::after {
        transition: none
    }
}

.accordion-button:hover {
    z-index: 2
}

.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
    margin-bottom: 0
}

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.accordion-item:first-of-type {
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.accordion-item:not(:first-of-type) {
    border-top: 0
}

.accordion-item:last-of-type {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px)
}

.accordion-item:last-of-type .accordion-collapse {
    border-bottom-right-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.accordion-body {
    padding: 1rem 1.25rem
}

.accordion-flush .accordion-collapse {
    border-width: 0
}

.accordion-flush .accordion-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0
}

.accordion-flush .accordion-item:first-child {
    border-top: 0
}

.accordion-flush .accordion-item:last-child {
    border-bottom: 0
}

.accordion-flush .accordion-item .accordion-button {
    border-radius: 0
}

.breadcrumb {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0;
    margin-bottom: 1rem;
    list-style: none
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
    float: left;
    padding-right: .5rem;
    color: #6c757d;
    content: var(--bs-breadcrumb-divider, "/")
        /* rtl: var(--bs-breadcrumb-divider, "/") */
}

.breadcrumb-item.active {
    color: #6c757d
}

.pagination {
    display: flex;
    padding-left: 0;
    list-style: none
}

.page-link {
    position: relative;
    display: block;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .page-link {
        transition: none
    }
}

.page-link:hover {
    z-index: 2;
    color: #0a58ca;
    background-color: #e9ecef;
    border-color: #dee2e6
}

.page-link:focus {
    z-index: 3;
    color: #0a58ca;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
    margin-left: -1px
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6
}

.page-link {
    padding: .375rem .75rem
}

.page-item:first-child .page-link {
    border-top-left-radius: .25rem;
    border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
    border-top-right-radius: .25rem;
    border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
    padding: .75rem 1.5rem;
    font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
    border-top-right-radius: .3rem;
    border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
    padding: .25rem .5rem;
    font-size: 0.875rem
}

.pagination-sm .page-item:first-child .page-link {
    border-top-left-radius: .2rem;
    border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
    border-top-right-radius: .2rem;
    border-bottom-right-radius: .2rem
}

.badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: 0.75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem
}

.badge:empty {
    display: none
}

.btn .badge {
    position: relative;
    top: -1px
}

.alert {
    position: relative;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: .25rem
}

.alert-heading {
    color: inherit
}

.alert-link {
    font-weight: 700
}

.alert-dismissible {
    padding-right: 3rem
}

.alert-dismissible .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    padding: 1.25rem 1rem
}

.alert-primary {
    color: #084298;
    background-color: #cfe2ff;
    border-color: #b6d4fe
}

.alert-primary .alert-link {
    color: #06357a
}

.alert-secondary {
    color: #41464b;
    background-color: #e2e3e5;
    border-color: #d3d6d8
}

.alert-secondary .alert-link {
    color: #34383c
}

.alert-success {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc
}

.alert-success .alert-link {
    color: #0c4128
}

.alert-info {
    color: #055160;
    background-color: #cff4fc;
    border-color: #b6effb
}

.alert-info .alert-link {
    color: #04414d
}

.alert-warning {
    color: #664d03;
    background-color: #fff3cd;
    border-color: #ffecb5
}

.alert-warning .alert-link {
    color: #523e02
}

.alert-danger {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7
}

.alert-danger .alert-link {
    color: #6a1a21
}

.alert-light {
    color: #636464;
    background-color: #fefefe;
    border-color: #fdfdfe
}

.alert-light .alert-link {
    color: #4f5050
}

.alert-dark {
    color: #141619;
    background-color: #d3d3d4;
    border-color: #bcbebf
}

.alert-dark .alert-link {
    color: #101214
}

@keyframes progress-bar-stripes {
    0% {
        background-position-x: 1rem
    }
}

.progress {
    display: flex;
    height: 1rem;
    overflow: hidden;
    font-size: 0.75rem;
    background-color: #e9ecef;
    border-radius: .25rem
}

.progress-bar {
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    background-color: #0d6efd;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar {
        transition: none
    }
}

.progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem
}

.progress-bar-animated {
    animation: 1s linear infinite progress-bar-stripes
}

@media(prefers-reduced-motion: reduce) {
    .progress-bar-animated {
        animation: none
    }
}

.list-group {
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    border-radius: .25rem
}

.list-group-numbered {
    list-style-type: none;
    counter-reset: section
}

.list-group-numbered>li::before {
    content: counters(section, ".") ". ";
    counter-increment: section
}

.list-group-item-action {
    width: 100%;
    color: #495057;
    text-align: inherit
}

.list-group-item-action:hover,
.list-group-item-action:focus {
    z-index: 1;
    color: #495057;
    text-decoration: none;
    background-color: #f8f9fa
}

.list-group-item-action:active {
    color: #212529;
    background-color: #e9ecef
}

.list-group-item {
    position: relative;
    display: block;
    padding: .5rem 1rem;
    color: #212529;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.list-group-item:last-child {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff
}

.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd
}

.list-group-item+.list-group-item {
    border-top-width: 0
}

.list-group-item+.list-group-item.active {
    margin-top: -1px;
    border-top-width: 1px
}

.list-group-horizontal {
    flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
    margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
}

@media(min-width: 576px) {
    .list-group-horizontal-sm {
        flex-direction: row
    }

    .list-group-horizontal-sm>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-sm>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 768px) {
    .list-group-horizontal-md {
        flex-direction: row
    }

    .list-group-horizontal-md>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-md>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-md>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-md>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 992px) {
    .list-group-horizontal-lg {
        flex-direction: row
    }

    .list-group-horizontal-lg>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-lg>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 1200px) {
    .list-group-horizontal-xl {
        flex-direction: row
    }

    .list-group-horizontal-xl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

@media(min-width: 1400px) {
    .list-group-horizontal-xxl {
        flex-direction: row
    }

    .list-group-horizontal-xxl>.list-group-item:first-child {
        border-bottom-left-radius: .25rem;
        border-top-right-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item:last-child {
        border-top-right-radius: .25rem;
        border-bottom-left-radius: 0
    }

    .list-group-horizontal-xxl>.list-group-item.active {
        margin-top: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item {
        border-top-width: 1px;
        border-left-width: 0
    }

    .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
        margin-left: -1px;
        border-left-width: 1px
    }
}

.list-group-flush {
    border-radius: 0
}

.list-group-flush>.list-group-item {
    border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
    border-bottom-width: 0
}

.list-group-item-primary {
    color: #084298;
    background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:hover,
.list-group-item-primary.list-group-item-action:focus {
    color: #084298;
    background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
    color: #fff;
    background-color: #084298;
    border-color: #084298
}

.list-group-item-secondary {
    color: #41464b;
    background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:hover,
.list-group-item-secondary.list-group-item-action:focus {
    color: #41464b;
    background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
    color: #fff;
    background-color: #41464b;
    border-color: #41464b
}

.list-group-item-success {
    color: #0f5132;
    background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:hover,
.list-group-item-success.list-group-item-action:focus {
    color: #0f5132;
    background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
    color: #fff;
    background-color: #0f5132;
    border-color: #0f5132
}

.list-group-item-info {
    color: #055160;
    background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:hover,
.list-group-item-info.list-group-item-action:focus {
    color: #055160;
    background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
    color: #fff;
    background-color: #055160;
    border-color: #055160
}

.list-group-item-warning {
    color: #664d03;
    background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:hover,
.list-group-item-warning.list-group-item-action:focus {
    color: #664d03;
    background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
    color: #fff;
    background-color: #664d03;
    border-color: #664d03
}

.list-group-item-danger {
    color: #842029;
    background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:hover,
.list-group-item-danger.list-group-item-action:focus {
    color: #842029;
    background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
    color: #fff;
    background-color: #842029;
    border-color: #842029
}

.list-group-item-light {
    color: #636464;
    background-color: #fefefe
}

.list-group-item-light.list-group-item-action:hover,
.list-group-item-light.list-group-item-action:focus {
    color: #636464;
    background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
    color: #fff;
    background-color: #636464;
    border-color: #636464
}

.list-group-item-dark {
    color: #141619;
    background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:hover,
.list-group-item-dark.list-group-item-action:focus {
    color: #141619;
    background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
    color: #fff;
    background-color: #141619;
    border-color: #141619
}

.btn-close {
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: .25em .25em;
    color: #000;
    background: rgba(0, 0, 0, 0) url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: .25rem;
    opacity: .5
}

.btn-close:hover {
    color: #000;
    text-decoration: none;
    opacity: .75
}

.btn-close:focus {
    outline: 0;
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    opacity: 1
}

.btn-close:disabled,
.btn-close.disabled {
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    opacity: .25
}

.btn-close-white {
    filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
    width: 350px;
    max-width: 100%;
    font-size: 0.875rem;
    pointer-events: auto;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .1);
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    border-radius: .25rem
}

.toast.showing {
    opacity: 0
}

.toast:not(.show) {
    display: none
}

.toast-container {
    width: max-content;
    max-width: 100%;
    pointer-events: none
}

.toast-container>:not(:last-child) {
    margin-bottom: .75rem
}

.toast-header {
    display: flex;
    align-items: center;
    padding: .5rem .75rem;
    color: #6c757d;
    background-color: rgba(255, 255, 255, .85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px)
}

.toast-header .btn-close {
    margin-right: -0.375rem;
    margin-left: .75rem
}

.toast-body {
    padding: .75rem;
    word-wrap: break-word
}

.modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1055;
    display: none;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    outline: 0
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: .5rem;
    pointer-events: none
}

.modal.fade .modal-dialog {
    transition: all .3s ease-in-out;
    transform: translate(0, -50px)
}

@media(prefers-reduced-motion: reduce) {
    .modal.fade .modal-dialog {
        transition: none
    }
}

.modal.show .modal-dialog {
    transform: none
}

.modal.modal-static .modal-dialog {
    transform: scale(1.02)
}

.modal-dialog-scrollable {
    height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
    max-height: 100%;
    overflow: hidden
}

.modal-dialog-scrollable .modal-body {
    overflow-y: auto
}

.modal-dialog-centered {
    display: flex;
    align-items: center;
    min-height: calc(100% - 1rem)
}

.modal-content {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop.show {
    opacity: .5
}

.modal-header {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #dee2e6;
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.modal-header .btn-close {
    padding: .5rem .5rem;
    margin: -0.5rem -0.5rem -0.5rem auto
}

.modal-title {
    margin-bottom: 0;
    line-height: 1.5
}

.modal-body {
    position: relative;
    flex: 1 1 auto;
    padding: 1rem
}

.modal-footer {
    display: flex;
    flex-wrap: wrap;
    flex-shrink: 0;
    align-items: center;
    justify-content: flex-end;
    padding: .75rem;
    border-top: 1px solid #dee2e6;
    border-bottom-right-radius: calc(0.3rem - 1px);
    border-bottom-left-radius: calc(0.3rem - 1px)
}

.modal-footer>* {
    margin: .25rem
}

@media(min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto
    }

    .modal-dialog-scrollable {
        height: calc(100% - 3.5rem)
    }

    .modal-dialog-centered {
        min-height: calc(100% - 3.5rem)
    }

    .modal-sm {
        max-width: 300px
    }
}

@media(min-width: 992px) {

    .modal-lg,
    .modal-xl {
        max-width: 800px
    }
}

@media(min-width: 1200px) {
    .modal-xl {
        max-width: 1140px
    }
}

.modal-fullscreen {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
}

.modal-fullscreen .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
}

.modal-fullscreen .modal-header {
    border-radius: 0
}

.modal-fullscreen .modal-body {
    overflow-y: auto
}

.modal-fullscreen .modal-footer {
    border-radius: 0
}

@media(max-width: 575.98px) {
    .modal-fullscreen-sm-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-sm-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-sm-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-sm-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 767.98px) {
    .modal-fullscreen-md-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-md-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-md-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-md-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 991.98px) {
    .modal-fullscreen-lg-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-lg-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-lg-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-lg-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1199.98px) {
    .modal-fullscreen-xl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xl-down .modal-footer {
        border-radius: 0
    }
}

@media(max-width: 1399.98px) {
    .modal-fullscreen-xxl-down {
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0
    }

    .modal-fullscreen-xxl-down .modal-content {
        height: 100%;
        border: 0;
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-header {
        border-radius: 0
    }

    .modal-fullscreen-xxl-down .modal-body {
        overflow-y: auto
    }

    .modal-fullscreen-xxl-down .modal-footer {
        border-radius: 0
    }
}

.tooltip {
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0
}

.tooltip.show {
    opacity: .9
}

.tooltip .tooltip-arrow {
    position: absolute;
    display: block;
    width: .8rem;
    height: .4rem
}

.tooltip .tooltip-arrow::before {
    position: absolute;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-tooltip-top,
.bs-tooltip-auto[data-popper-placement^=top] {
    padding: .4rem 0
}

.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
    bottom: 0
}

.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
    top: -1px;
    border-width: .4rem .4rem 0;
    border-top-color: #000
}

.bs-tooltip-end,
.bs-tooltip-auto[data-popper-placement^=right] {
    padding: 0 .4rem
}

.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
    left: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
    right: -1px;
    border-width: .4rem .4rem .4rem 0;
    border-right-color: #000
}

.bs-tooltip-bottom,
.bs-tooltip-auto[data-popper-placement^=bottom] {
    padding: .4rem 0
}

.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
    top: 0
}

.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
    bottom: -1px;
    border-width: 0 .4rem .4rem;
    border-bottom-color: #000
}

.bs-tooltip-start,
.bs-tooltip-auto[data-popper-placement^=left] {
    padding: 0 .4rem
}

.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
    right: 0;
    width: .4rem;
    height: .8rem
}

.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
    left: -1px;
    border-width: .4rem 0 .4rem .4rem;
    border-left-color: #000
}

.tooltip-inner {
    max-width: 200px;
    padding: .25rem .5rem;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: .25rem
}

.popover {
    position: absolute;
    top: 0;
    left: 0
        /* rtl:ignore */
    ;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem
}

.popover .popover-arrow {
    position: absolute;
    display: block;
    width: 1rem;
    height: .5rem
}

.popover .popover-arrow::before,
.popover .popover-arrow::after {
    position: absolute;
    display: block;
    content: "";
    border-color: rgba(0, 0, 0, 0);
    border-style: solid
}

.bs-popover-top>.popover-arrow,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow {
    bottom: calc(-0.5rem - 1px)
}

.bs-popover-top>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::before {
    bottom: 0;
    border-width: .5rem .5rem 0;
    border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-top>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top]>.popover-arrow::after {
    bottom: 1px;
    border-width: .5rem .5rem 0;
    border-top-color: #fff
}

.bs-popover-end>.popover-arrow,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow {
    left: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-end>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::before {
    left: 0;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-end>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right]>.popover-arrow::after {
    left: 1px;
    border-width: .5rem .5rem .5rem 0;
    border-right-color: #fff
}

.bs-popover-bottom>.popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow {
    top: calc(-0.5rem - 1px)
}

.bs-popover-bottom>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::before {
    top: 0;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-bottom>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom]>.popover-arrow::after {
    top: 1px;
    border-width: 0 .5rem .5rem .5rem;
    border-bottom-color: #fff
}

.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0
}

.bs-popover-start>.popover-arrow,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow {
    right: calc(-0.5rem - 1px);
    width: .5rem;
    height: 1rem
}

.bs-popover-start>.popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::before {
    right: 0;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-start>.popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left]>.popover-arrow::after {
    right: 1px;
    border-width: .5rem 0 .5rem .5rem;
    border-left-color: #fff
}

.popover-header {
    padding: .5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #f0f0f0;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    border-top-left-radius: calc(0.3rem - 1px);
    border-top-right-radius: calc(0.3rem - 1px)
}

.popover-header:empty {
    display: none
}

.popover-body {
    padding: 1rem 1rem;
    color: #212529
}

.carousel {
    position: relative
}

.carousel.pointer-event {
    touch-action: pan-y
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner::after {
    display: block;
    clear: both;
    content: ""
}

.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .carousel-item {
        transition: none
    }
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
    display: block
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
    transform: translateX(100%)
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
    transform: translateX(-100%)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {

    .carousel-fade .active.carousel-item-start,
    .carousel-fade .active.carousel-item-end {
        transition: none
    }
}

.carousel-control-prev,
.carousel-control-next {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 15%;
    padding: 0;
    color: #fff;
    text-align: center;
    background: none;
    border: 0;
    opacity: .5;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {

    .carousel-control-prev,
    .carousel-control-next {
        transition: none
    }
}

.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
    color: #fff;
    text-decoration: none;
    outline: 0;
    opacity: .9
}

.carousel-control-prev {
    left: 0
}

.carousel-control-next {
    right: 0
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% 100%
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    padding: 0;
    margin-right: 15%;
    margin-bottom: 1rem;
    margin-left: 15%;
    list-style: none
}

.carousel-indicators [data-bs-target] {
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid rgba(0, 0, 0, 0);
    border-bottom: 10px solid rgba(0, 0, 0, 0);
    opacity: .5;
    transition: all .3s ease-in-out
}

@media(max-width: 768px) {
    .carousel-indicators {
      visibility: hidden;
    }
}


@media(prefers-reduced-motion: reduce) {
    .carousel-indicators [data-bs-target] {
        transition: none
    }
}

.carousel-indicators .active {
    opacity: 1
}

.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 1.25rem;
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center
}

.carousel-dark .carousel-control-prev-icon,
.carousel-dark .carousel-control-next-icon {
    filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators [data-bs-target] {
    background-color: #000
}

.carousel-dark .carousel-caption {
    color: #000
}

@keyframes spinner-border {
    to {
        transform: rotate(360deg)
            /* rtl:ignore */
    }
}

.spinner-border {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    border: .25em solid currentColor;
    border-right-color: rgba(0, 0, 0, 0);
    border-radius: 50%;
    animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
    width: 1rem;
    height: 1rem;
    border-width: .2em
}

@keyframes spinner-grow {
    0% {
        transform: scale(0)
    }

    50% {
        opacity: 1;
        transform: none
    }
}

.spinner-grow {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    vertical-align: -0.125em;
    background-color: currentColor;
    border-radius: 50%;
    opacity: 0;
    animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
    width: 1rem;
    height: 1rem
}

@media(prefers-reduced-motion: reduce) {

    .spinner-border,
    .spinner-grow {
        animation-duration: 1.5s
    }
}

.offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1045;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    transition: all .3s ease-in-out
}

@media(prefers-reduced-motion: reduce) {
    .offcanvas {
        transition: none
    }
}

.offcanvas-backdrop {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000
}

.offcanvas-backdrop.fade {
    opacity: 0
}

.offcanvas-backdrop.show {
    opacity: .5
}

.offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1rem
}

.offcanvas-header .btn-close {
    padding: .5rem .5rem;
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem
}

.offcanvas-title {
    margin-bottom: 0;
    line-height: 1.5
}

.offcanvas-body {
    flex-grow: 1;
    padding: 1rem 1rem;
    overflow-y: auto
}

.offcanvas-start {
    top: 0;
    left: 0;
    width: 400px;
    border-right: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(-100%)
}

.offcanvas-end {
    top: 0;
    right: 0;
    width: 400px;
    border-left: 1px solid rgba(0, 0, 0, .2);
    transform: translateX(100%)
}

.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(-100%)
}

.offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 1px solid rgba(0, 0, 0, .2);
    transform: translateY(100%)
}

.offcanvas.show {
    transform: none
}

.placeholder {
    display: inline-block;
    min-height: 1em;
    vertical-align: middle;
    cursor: wait;
    background-color: currentColor;
    opacity: .5
}

.placeholder.btn::before {
    display: inline-block;
    content: ""
}

.placeholder-xs {
    min-height: .6em
}

.placeholder-sm {
    min-height: .8em
}

.placeholder-lg {
    min-height: 1.2em
}

.placeholder-glow .placeholder {
    animation: placeholder-glow 2s ease-in-out infinite
}

@keyframes placeholder-glow {
    50% {
        opacity: .2
    }
}

.placeholder-wave {
    -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
    -webkit-mask-size: 200% 100%;
    mask-size: 200% 100%;
    animation: placeholder-wave 2s linear infinite
}

@keyframes placeholder-wave {
    100% {
        -webkit-mask-position: -200% 0%;
        mask-position: -200% 0%
    }
}

.clearfix::after {
    display: block;
    clear: both;
    content: ""
}

.link-primary {
    color: #0d6efd
}

.link-primary:hover,
.link-primary:focus {
    color: #0a58ca
}

.link-secondary {
    color: #6c757d
}

.link-secondary:hover,
.link-secondary:focus {
    color: #565e64
}

.link-success {
    color: #198754
}

.link-success:hover,
.link-success:focus {
    color: #146c43
}

.link-info {
    color: #0dcaf0
}

.link-info:hover,
.link-info:focus {
    color: #3dd5f3
}

.link-warning {
    color: #ffc107
}

.link-warning:hover,
.link-warning:focus {
    color: #ffcd39
}

.link-danger {
    color: #dc3545
}

.link-danger:hover,
.link-danger:focus {
    color: #b02a37
}

.link-light {
    color: #f8f9fa
}

.link-light:hover,
.link-light:focus {
    color: #f9fafb
}

.link-dark {
    color: #212529
}

.link-dark:hover,
.link-dark:focus {
    color: #1a1e21
}

.ratio {
    position: relative;
    width: 100%
}

.ratio::before {
    display: block;
    padding-top: var(--bs-aspect-ratio);
    content: ""
}

.ratio>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ratio-1x1 {
    --bs-aspect-ratio: 100%
}

.ratio-4x3 {
    --bs-aspect-ratio: 75%
}

.ratio-16x9 {
    --bs-aspect-ratio: 56.25%
}

.ratio-21x9 {
    --bs-aspect-ratio: 42.8571428571%
}

.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030
}

.fixed-bottom {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1030
}

.sticky-top {
    position: sticky;
    top: 0;
    z-index: 1020
}

@media(min-width: 576px) {
    .sticky-sm-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 768px) {
    .sticky-md-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 992px) {
    .sticky-lg-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1200px) {
    .sticky-xl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

@media(min-width: 1400px) {
    .sticky-xxl-top {
        position: sticky;
        top: 0;
        z-index: 1020
    }
}

.hstack {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch
}

.vstack {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    align-self: stretch
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: ""
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.vr {
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: .25
}

.align-baseline {
    vertical-align: baseline !important
}

.align-top {
    vertical-align: top !important
}

.align-middle {
    vertical-align: middle !important
}

.align-bottom {
    vertical-align: bottom !important
}

.align-text-bottom {
    vertical-align: text-bottom !important
}

.align-text-top {
    vertical-align: text-top !important
}

.float-start {
    float: left !important
}

.float-end {
    float: right !important
}

.float-none {
    float: none !important
}

.opacity-0 {
    opacity: 0 !important
}

.opacity-25 {
    opacity: .25 !important
}

.opacity-50 {
    opacity: .5 !important
}

.opacity-75 {
    opacity: .75 !important
}

.opacity-100 {
    opacity: 1 !important
}

.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}

.overflow-visible {
    overflow: visible !important
}

.overflow-scroll {
    overflow: scroll !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-grid {
    display: grid !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: flex !important
}

.d-inline-flex {
    display: inline-flex !important
}

.d-none {
    display: none !important
}

.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
    box-shadow: none !important
}

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

.top-0 {
    top: 0 !important
}

.top-50 {
    top: 50% !important
}

.top-100 {
    top: 100% !important
}

.bottom-0 {
    bottom: 0 !important
}

.bottom-50 {
    bottom: 50% !important
}

.bottom-100 {
    bottom: 100% !important
}

.start-0 {
    left: 0 !important
}

.start-50 {
    left: 50% !important
}

.start-100 {
    left: 100% !important
}

.end-0 {
    right: 0 !important
}

.end-50 {
    right: 50% !important
}

.end-100 {
    right: 100% !important
}

.translate-middle {
    transform: translate(-50%, -50%) !important
}

.translate-middle-x {
    transform: translateX(-50%) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.border {
    border: 1px solid #dee2e6 !important
}

.border-0 {
    border: 0 !important
}

.border-top {
    border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
    border-top: 0 !important
}

.border-end {
    border-right: 1px solid #dee2e6 !important
}

.border-end-0 {
    border-right: 0 !important
}

.border-bottom {
    border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
    border-bottom: 0 !important
}

.border-start {
    border-left: 1px solid #dee2e6 !important
}

.border-start-0 {
    border-left: 0 !important
}

.border-primary {
    border-color: #0d6efd !important
}

.border-secondary {
    border-color: #6c757d !important
}

.border-success {
    border-color: #198754 !important
}

.border-info {
    border-color: #0dcaf0 !important
}

.border-warning {
    border-color: #ffc107 !important
}

.border-danger {
    border-color: #dc3545 !important
}

.border-light {
    border-color: #f8f9fa !important
}

.border-dark {
    border-color: #212529 !important
}

.border-white {
    border-color: #fff !important
}

.border-1 {
    border-width: 1px !important
}

.border-2 {
    border-width: 2px !important
}

.border-3 {
    border-width: 3px !important
}

.border-4 {
    border-width: 4px !important
}

.border-5 {
    border-width: 5px !important
}

.w-25 {
    width: 25% !important
}

.w-50 {
    width: 50% !important
}

.w-75 {
    width: 75% !important
}

.w-100 {
    width: 100% !important
}

.w-auto {
    width: auto !important
}

.mw-100 {
    max-width: 100% !important
}

.vw-100 {
    width: 100vw !important
}

.min-vw-100 {
    min-width: 100vw !important
}

.h-25 {
    height: 25% !important
}

.h-50 {
    height: 50% !important
}

.h-75 {
    height: 75% !important
}

.h-100 {
    height: 100% !important
}

.h-auto {
    height: auto !important
}

.mh-100 {
    max-height: 100% !important
}

.vh-100 {
    height: 100vh !important
}

.min-vh-100 {
    min-height: 100vh !important
}

.flex-fill {
    flex: 1 1 auto !important
}

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

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

.flex-row-reverse {
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    flex-direction: column-reverse !important
}

.flex-grow-0 {
    flex-grow: 0 !important
}

.flex-grow-1 {
    flex-grow: 1 !important
}

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

.flex-shrink-1 {
    flex-shrink: 1 !important
}

.flex-wrap {
    flex-wrap: wrap !important
}

.flex-nowrap {
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    flex-wrap: wrap-reverse !important
}

.gap-0 {
    gap: 0 !important
}

.gap-1 {
    gap: .25rem !important
}

.gap-2 {
    gap: .5rem !important
}

.gap-3 {
    gap: 1rem !important
}

.gap-4 {
    gap: 1.5rem !important
}

.gap-5 {
    gap: 3rem !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
}

.align-content-start {
    align-content: flex-start !important
}

.align-content-end {
    align-content: flex-end !important
}

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

.align-content-between {
    align-content: space-between !important
}

.align-content-around {
    align-content: space-around !important
}

.align-content-stretch {
    align-content: stretch !important
}

.align-self-auto {
    align-self: auto !important
}

.align-self-start {
    align-self: flex-start !important
}

.align-self-end {
    align-self: flex-end !important
}

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

.align-self-baseline {
    align-self: baseline !important
}

.align-self-stretch {
    align-self: stretch !important
}

.order-first {
    order: -1 !important
}

.order-0 {
    order: 0 !important
}

.order-1 {
    order: 1 !important
}

.order-2 {
    order: 2 !important
}

.order-3 {
    order: 3 !important
}

.order-4 {
    order: 4 !important
}

.order-5 {
    order: 5 !important
}

.order-last {
    order: 6 !important
}

.m-0 {
    margin: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.m-3 {
    margin: 1rem !important
}

.m-4 {
    margin: 1.5rem !important
}

.m-5 {
    margin: 3rem !important
}

.m-auto {
    margin: auto !important
}

.mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.mx-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
}

.mx-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
}

.mx-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
}

.mx-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
}

.mx-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
}

.mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.my-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.my-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.my-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mt-3 {
    margin-top: 1rem !important
}

.mt-4 {
    margin-top: 1.5rem !important
}

.mt-5 {
    margin-top: 3rem !important
}

.mt-auto {
    margin-top: auto !important
}

.me-0 {
    margin-right: 0 !important
}

.me-1 {
    margin-right: .25rem !important
}

.me-2 {
    margin-right: .5rem !important
}

.me-3 {
    margin-right: 1rem !important
}

.me-4 {
    margin-right: 1.5rem !important
}

.me-5 {
    margin-right: 3rem !important
}

.me-auto {
    margin-right: auto !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.mb-3 {
    margin-bottom: 1rem !important
}

.mb-4 {
    margin-bottom: 1.5rem !important
}

.mb-5 {
    margin-bottom: 3rem !important
}

.mb-auto {
    margin-bottom: auto !important
}

.ms-0 {
    margin-left: 0 !important
}

.ms-1 {
    margin-left: .25rem !important
}

.ms-2 {
    margin-left: .5rem !important
}

.ms-3 {
    margin-left: 1rem !important
}

.ms-4 {
    margin-left: 1.5rem !important
}

.ms-5 {
    margin-left: 3rem !important
}

.ms-auto {
    margin-left: auto !important
}

.p-0 {
    padding: 0 !important
}

.p-1 {
    padding: .25rem !important
}

.p-2 {
    padding: .5rem !important
}

.p-3 {
    padding: 1rem !important
}

.p-4 {
    padding: 1.5rem !important
}

.p-5 {
    padding: 3rem !important
}

.px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.px-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
}

.px-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
}

.px-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
}

.px-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

.px-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
}

.py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.py-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
}

.py-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
}

.py-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
}

.py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
}

.py-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-1 {
    padding-top: .25rem !important
}

.pt-2 {
    padding-top: .5rem !important
}

.pt-3 {
    padding-top: 1rem !important
}

.pt-4 {
    padding-top: 1.5rem !important
}

.pt-5 {
    padding-top: 3rem !important
}

.pe-0 {
    padding-right: 0 !important
}

.pe-1 {
    padding-right: .25rem !important
}

.pe-2 {
    padding-right: .5rem !important
}

.pe-3 {
    padding-right: 1rem !important
}

.pe-4 {
    padding-right: 1.5rem !important
}

.pe-5 {
    padding-right: 3rem !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-1 {
    padding-bottom: .25rem !important
}

.pb-2 {
    padding-bottom: .5rem !important
}

.pb-3 {
    padding-bottom: 1rem !important
}

.pb-4 {
    padding-bottom: 1.5rem !important
}

.pb-5 {
    padding-bottom: 3rem !important
}

.ps-0 {
    padding-left: 0 !important
}

.ps-1 {
    padding-left: .25rem !important
}

.ps-2 {
    padding-left: .5rem !important
}

.ps-3 {
    padding-left: 1rem !important
}

.ps-4 {
    padding-left: 1.5rem !important
}

.ps-5 {
    padding-left: 3rem !important
}

.font-monospace {
    font-family: var(--bs-font-monospace) !important
}

.fs-1 {
    font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
    font-size: calc(1.325rem + 0.9vw) !important
}

.fs-3 {
    font-size: calc(1.3rem + 0.6vw) !important
}

.fs-4 {
    font-size: calc(1.275rem + 0.3vw) !important
}

.fs-5 {
    font-size: 1.25rem !important
}

.fs-6 {
    font-size: 1rem !important
}

.fst-italic {
    font-style: italic !important
}

.fst-normal {
    font-style: normal !important
}

.fw-light {
    font-weight: 300 !important
}

.fw-lighter {
    font-weight: lighter !important
}

.fw-normal {
    font-weight: 400 !important
}

.fw-bold {
    font-weight: 700 !important
}

.fw-bolder {
    font-weight: bolder !important
}

.lh-1 {
    line-height: 1 !important
}

.lh-sm {
    line-height: 1.25 !important
}

.lh-base {
    line-height: 1.5 !important
}

.lh-lg {
    line-height: 2 !important
}

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

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

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

.text-decoration-none {
    text-decoration: none !important
}

.text-decoration-underline {
    text-decoration: underline !important
}

.text-decoration-line-through {
    text-decoration: line-through !important
}

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

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

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

.text-wrap {
    white-space: normal !important
}

.text-nowrap {
    white-space: nowrap !important
}

.text-break {
    word-wrap: break-word !important;
    word-break: break-word !important
}

.text-primary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important
}

.text-secondary {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important
}

.text-success {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important
}

.text-info {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important
}

.text-warning {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important
}

.text-danger {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important
}

.text-light {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important
}

.text-dark {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important
}

.text-black {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important
}

.text-white {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important
}

.text-body {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important
}

.text-muted {
    --bs-text-opacity: 1;
    color: #6c757d !important
}

.text-black-50 {
    --bs-text-opacity: 1;
    color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
    --bs-text-opacity: 1;
    color: rgba(255, 255, 255, .5) !important
}

.text-reset {
    --bs-text-opacity: 1;
    color: inherit !important
}

.text-opacity-25 {
    --bs-text-opacity: 0.25
}

.text-opacity-50 {
    --bs-text-opacity: 0.5
}

.text-opacity-75 {
    --bs-text-opacity: 0.75
}

.text-opacity-100 {
    --bs-text-opacity: 1
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important
}

.bg-secondary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important
}

.bg-success {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important
}

.bg-info {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important
}

.bg-warning {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important
}

.bg-danger {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important
}

.bg-light {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important
}

.bg-dark {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important
}

.bg-black {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important
}

.bg-body {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important
}

.bg-transparent {
    --bs-bg-opacity: 1;
    background-color: rgba(0, 0, 0, 0) !important
}

.bg-opacity-10 {
    --bs-bg-opacity: 0.1
}

.bg-opacity-25 {
    --bs-bg-opacity: 0.25
}

.bg-opacity-50 {
    --bs-bg-opacity: 0.5
}

.bg-opacity-75 {
    --bs-bg-opacity: 0.75
}

.bg-opacity-100 {
    --bs-bg-opacity: 1
}

.bg-gradient {
    background-image: var(--bs-gradient) !important
}

.user-select-all {
    -webkit-user-select: all !important;
    user-select: all !important
}

.user-select-auto {
    -webkit-user-select: auto !important;
    user-select: auto !important
}

.user-select-none {
    -webkit-user-select: none !important;
    user-select: none !important
}

.pe-none {
    pointer-events: none !important
}

.pe-auto {
    pointer-events: auto !important
}

.rounded {
    border-radius: .25rem !important
}

.rounded-0 {
    border-radius: 0 !important
}

.rounded-1 {
    border-radius: .2rem !important
}

.rounded-2 {
    border-radius: .25rem !important
}

.rounded-3 {
    border-radius: .3rem !important
}

.rounded-circle {
    border-radius: 50% !important
}

.rounded-pill {
    border-radius: 50rem !important
}

.rounded-top {
    border-top-left-radius: .25rem !important;
    border-top-right-radius: .25rem !important
}

.rounded-end {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
    border-bottom-right-radius: .25rem !important;
    border-bottom-left-radius: .25rem !important
}

.rounded-start {
    border-bottom-left-radius: .25rem !important;
    border-top-left-radius: .25rem !important
}

.visible {
    visibility: visible !important
}

.invisible {
    visibility: hidden !important
}

@media(min-width: 576px) {
    .float-sm-start {
        float: left !important
    }

    .float-sm-end {
        float: right !important
    }

    .float-sm-none {
        float: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-grid {
        display: grid !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: flex !important
    }

    .d-sm-inline-flex {
        display: inline-flex !important
    }

    .d-sm-none {
        display: none !important
    }

    .flex-sm-fill {
        flex: 1 1 auto !important
    }

    .flex-sm-row {
        flex-direction: row !important
    }

    .flex-sm-column {
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-sm-grow-0 {
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-sm-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-sm-wrap {
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-sm-0 {
        gap: 0 !important
    }

    .gap-sm-1 {
        gap: .25rem !important
    }

    .gap-sm-2 {
        gap: .5rem !important
    }

    .gap-sm-3 {
        gap: 1rem !important
    }

    .gap-sm-4 {
        gap: 1.5rem !important
    }

    .gap-sm-5 {
        gap: 3rem !important
    }

    .justify-content-sm-start {
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        justify-content: center !important
    }

    .justify-content-sm-between {
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        justify-content: space-around !important
    }

    .justify-content-sm-evenly {
        justify-content: space-evenly !important
    }

    .align-items-sm-start {
        align-items: flex-start !important
    }

    .align-items-sm-end {
        align-items: flex-end !important
    }

    .align-items-sm-center {
        align-items: center !important
    }

    .align-items-sm-baseline {
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        align-items: stretch !important
    }

    .align-content-sm-start {
        align-content: flex-start !important
    }

    .align-content-sm-end {
        align-content: flex-end !important
    }

    .align-content-sm-center {
        align-content: center !important
    }

    .align-content-sm-between {
        align-content: space-between !important
    }

    .align-content-sm-around {
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        align-content: stretch !important
    }

    .align-self-sm-auto {
        align-self: auto !important
    }

    .align-self-sm-start {
        align-self: flex-start !important
    }

    .align-self-sm-end {
        align-self: flex-end !important
    }

    .align-self-sm-center {
        align-self: center !important
    }

    .align-self-sm-baseline {
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        align-self: stretch !important
    }

    .order-sm-first {
        order: -1 !important
    }

    .order-sm-0 {
        order: 0 !important
    }

    .order-sm-1 {
        order: 1 !important
    }

    .order-sm-2 {
        order: 2 !important
    }

    .order-sm-3 {
        order: 3 !important
    }

    .order-sm-4 {
        order: 4 !important
    }

    .order-sm-5 {
        order: 5 !important
    }

    .order-sm-last {
        order: 6 !important
    }

    .m-sm-0 {
        margin: 0 !important
    }

    .m-sm-1 {
        margin: .25rem !important
    }

    .m-sm-2 {
        margin: .5rem !important
    }

    .m-sm-3 {
        margin: 1rem !important
    }

    .m-sm-4 {
        margin: 1.5rem !important
    }

    .m-sm-5 {
        margin: 3rem !important
    }

    .m-sm-auto {
        margin: auto !important
    }

    .mx-sm-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-sm-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-sm-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-sm-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-sm-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-sm-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-sm-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-sm-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-sm-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-sm-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-sm-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-sm-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-sm-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-sm-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mt-sm-1 {
        margin-top: .25rem !important
    }

    .mt-sm-2 {
        margin-top: .5rem !important
    }

    .mt-sm-3 {
        margin-top: 1rem !important
    }

    .mt-sm-4 {
        margin-top: 1.5rem !important
    }

    .mt-sm-5 {
        margin-top: 3rem !important
    }

    .mt-sm-auto {
        margin-top: auto !important
    }

    .me-sm-0 {
        margin-right: 0 !important
    }

    .me-sm-1 {
        margin-right: .25rem !important
    }

    .me-sm-2 {
        margin-right: .5rem !important
    }

    .me-sm-3 {
        margin-right: 1rem !important
    }

    .me-sm-4 {
        margin-right: 1.5rem !important
    }

    .me-sm-5 {
        margin-right: 3rem !important
    }

    .me-sm-auto {
        margin-right: auto !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mb-sm-1 {
        margin-bottom: .25rem !important
    }

    .mb-sm-2 {
        margin-bottom: .5rem !important
    }

    .mb-sm-3 {
        margin-bottom: 1rem !important
    }

    .mb-sm-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-sm-5 {
        margin-bottom: 3rem !important
    }

    .mb-sm-auto {
        margin-bottom: auto !important
    }

    .ms-sm-0 {
        margin-left: 0 !important
    }

    .ms-sm-1 {
        margin-left: .25rem !important
    }

    .ms-sm-2 {
        margin-left: .5rem !important
    }

    .ms-sm-3 {
        margin-left: 1rem !important
    }

    .ms-sm-4 {
        margin-left: 1.5rem !important
    }

    .ms-sm-5 {
        margin-left: 3rem !important
    }

    .ms-sm-auto {
        margin-left: auto !important
    }

    .p-sm-0 {
        padding: 0 !important
    }

    .p-sm-1 {
        padding: .25rem !important
    }

    .p-sm-2 {
        padding: .5rem !important
    }

    .p-sm-3 {
        padding: 1rem !important
    }

    .p-sm-4 {
        padding: 1.5rem !important
    }

    .p-sm-5 {
        padding: 3rem !important
    }

    .px-sm-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-sm-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-sm-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-sm-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-sm-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-sm-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-sm-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-sm-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-sm-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-sm-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-sm-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-sm-0 {
        padding-top: 0 !important
    }

    .pt-sm-1 {
        padding-top: .25rem !important
    }

    .pt-sm-2 {
        padding-top: .5rem !important
    }

    .pt-sm-3 {
        padding-top: 1rem !important
    }

    .pt-sm-4 {
        padding-top: 1.5rem !important
    }

    .pt-sm-5 {
        padding-top: 3rem !important
    }

    .pe-sm-0 {
        padding-right: 0 !important
    }

    .pe-sm-1 {
        padding-right: .25rem !important
    }

    .pe-sm-2 {
        padding-right: .5rem !important
    }

    .pe-sm-3 {
        padding-right: 1rem !important
    }

    .pe-sm-4 {
        padding-right: 1.5rem !important
    }

    .pe-sm-5 {
        padding-right: 3rem !important
    }

    .pb-sm-0 {
        padding-bottom: 0 !important
    }

    .pb-sm-1 {
        padding-bottom: .25rem !important
    }

    .pb-sm-2 {
        padding-bottom: .5rem !important
    }

    .pb-sm-3 {
        padding-bottom: 1rem !important
    }

    .pb-sm-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-sm-5 {
        padding-bottom: 3rem !important
    }

    .ps-sm-0 {
        padding-left: 0 !important
    }

    .ps-sm-1 {
        padding-left: .25rem !important
    }

    .ps-sm-2 {
        padding-left: .5rem !important
    }

    .ps-sm-3 {
        padding-left: 1rem !important
    }

    .ps-sm-4 {
        padding-left: 1.5rem !important
    }

    .ps-sm-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 768px) {
    .float-md-start {
        float: left !important
    }

    .float-md-end {
        float: right !important
    }

    .float-md-none {
        float: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-grid {
        display: grid !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: flex !important
    }

    .d-md-inline-flex {
        display: inline-flex !important
    }

    .d-md-none {
        display: none !important
    }

    .flex-md-fill {
        flex: 1 1 auto !important
    }

    .flex-md-row {
        flex-direction: row !important
    }

    .flex-md-column {
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-md-grow-0 {
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-md-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-md-wrap {
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-md-0 {
        gap: 0 !important
    }

    .gap-md-1 {
        gap: .25rem !important
    }

    .gap-md-2 {
        gap: .5rem !important
    }

    .gap-md-3 {
        gap: 1rem !important
    }

    .gap-md-4 {
        gap: 1.5rem !important
    }

    .gap-md-5 {
        gap: 3rem !important
    }

    .justify-content-md-start {
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        justify-content: center !important
    }

    .justify-content-md-between {
        justify-content: space-between !important
    }

    .justify-content-md-around {
        justify-content: space-around !important
    }

    .justify-content-md-evenly {
        justify-content: space-evenly !important
    }

    .align-items-md-start {
        align-items: flex-start !important
    }

    .align-items-md-end {
        align-items: flex-end !important
    }

    .align-items-md-center {
        align-items: center !important
    }

    .align-items-md-baseline {
        align-items: baseline !important
    }

    .align-items-md-stretch {
        align-items: stretch !important
    }

    .align-content-md-start {
        align-content: flex-start !important
    }

    .align-content-md-end {
        align-content: flex-end !important
    }

    .align-content-md-center {
        align-content: center !important
    }

    .align-content-md-between {
        align-content: space-between !important
    }

    .align-content-md-around {
        align-content: space-around !important
    }

    .align-content-md-stretch {
        align-content: stretch !important
    }

    .align-self-md-auto {
        align-self: auto !important
    }

    .align-self-md-start {
        align-self: flex-start !important
    }

    .align-self-md-end {
        align-self: flex-end !important
    }

    .align-self-md-center {
        align-self: center !important
    }

    .align-self-md-baseline {
        align-self: baseline !important
    }

    .align-self-md-stretch {
        align-self: stretch !important
    }

    .order-md-first {
        order: -1 !important
    }

    .order-md-0 {
        order: 0 !important
    }

    .order-md-1 {
        order: 1 !important
    }

    .order-md-2 {
        order: 2 !important
    }

    .order-md-3 {
        order: 3 !important
    }

    .order-md-4 {
        order: 4 !important
    }

    .order-md-5 {
        order: 5 !important
    }

    .order-md-last {
        order: 6 !important
    }

    .m-md-0 {
        margin: 0 !important
    }

    .m-md-1 {
        margin: .25rem !important
    }

    .m-md-2 {
        margin: .5rem !important
    }

    .m-md-3 {
        margin: 1rem !important
    }

    .m-md-4 {
        margin: 1.5rem !important
    }

    .m-md-5 {
        margin: 3rem !important
    }

    .m-md-auto {
        margin: auto !important
    }

    .mx-md-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-md-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-md-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-md-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-md-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-md-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-md-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-md-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-md-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-md-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-md-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-md-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-md-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-md-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mt-md-1 {
        margin-top: .25rem !important
    }

    .mt-md-2 {
        margin-top: .5rem !important
    }

    .mt-md-3 {
        margin-top: 1rem !important
    }

    .mt-md-4 {
        margin-top: 1.5rem !important
    }

    .mt-md-5 {
        margin-top: 3rem !important
    }

    .mt-md-auto {
        margin-top: auto !important
    }

    .me-md-0 {
        margin-right: 0 !important
    }

    .me-md-1 {
        margin-right: .25rem !important
    }

    .me-md-2 {
        margin-right: .5rem !important
    }

    .me-md-3 {
        margin-right: 1rem !important
    }

    .me-md-4 {
        margin-right: 1.5rem !important
    }

    .me-md-5 {
        margin-right: 3rem !important
    }

    .me-md-auto {
        margin-right: auto !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mb-md-1 {
        margin-bottom: .25rem !important
    }

    .mb-md-2 {
        margin-bottom: .5rem !important
    }

    .mb-md-3 {
        margin-bottom: 1rem !important
    }

    .mb-md-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-md-5 {
        margin-bottom: 3rem !important
    }

    .mb-md-auto {
        margin-bottom: auto !important
    }

    .ms-md-0 {
        margin-left: 0 !important
    }

    .ms-md-1 {
        margin-left: .25rem !important
    }

    .ms-md-2 {
        margin-left: .5rem !important
    }

    .ms-md-3 {
        margin-left: 1rem !important
    }

    .ms-md-4 {
        margin-left: 1.5rem !important
    }

    .ms-md-5 {
        margin-left: 3rem !important
    }

    .ms-md-auto {
        margin-left: auto !important
    }

    .p-md-0 {
        padding: 0 !important
    }

    .p-md-1 {
        padding: .25rem !important
    }

    .p-md-2 {
        padding: .5rem !important
    }

    .p-md-3 {
        padding: 1rem !important
    }

    .p-md-4 {
        padding: 1.5rem !important
    }

    .p-md-5 {
        padding: 3rem !important
    }

    .px-md-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-md-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-md-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-md-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-md-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-md-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-md-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-md-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-md-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-md-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-md-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-md-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-md-0 {
        padding-top: 0 !important
    }

    .pt-md-1 {
        padding-top: .25rem !important
    }

    .pt-md-2 {
        padding-top: .5rem !important
    }

    .pt-md-3 {
        padding-top: 1rem !important
    }

    .pt-md-4 {
        padding-top: 1.5rem !important
    }

    .pt-md-5 {
        padding-top: 3rem !important
    }

    .pe-md-0 {
        padding-right: 0 !important
    }

    .pe-md-1 {
        padding-right: .25rem !important
    }

    .pe-md-2 {
        padding-right: .5rem !important
    }

    .pe-md-3 {
        padding-right: 1rem !important
    }

    .pe-md-4 {
        padding-right: 1.5rem !important
    }

    .pe-md-5 {
        padding-right: 3rem !important
    }

    .pb-md-0 {
        padding-bottom: 0 !important
    }

    .pb-md-1 {
        padding-bottom: .25rem !important
    }

    .pb-md-2 {
        padding-bottom: .5rem !important
    }

    .pb-md-3 {
        padding-bottom: 1rem !important
    }

    .pb-md-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-md-5 {
        padding-bottom: 3rem !important
    }

    .ps-md-0 {
        padding-left: 0 !important
    }

    .ps-md-1 {
        padding-left: .25rem !important
    }

    .ps-md-2 {
        padding-left: .5rem !important
    }

    .ps-md-3 {
        padding-left: 1rem !important
    }

    .ps-md-4 {
        padding-left: 1.5rem !important
    }

    .ps-md-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 992px) {
    .float-lg-start {
        float: left !important
    }

    .float-lg-end {
        float: right !important
    }

    .float-lg-none {
        float: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-grid {
        display: grid !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: flex !important
    }

    .d-lg-inline-flex {
        display: inline-flex !important
    }

    .d-lg-none {
        display: none !important
    }

    .flex-lg-fill {
        flex: 1 1 auto !important
    }

    .flex-lg-row {
        flex-direction: row !important
    }

    .flex-lg-column {
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-lg-grow-0 {
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-lg-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-lg-wrap {
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-lg-0 {
        gap: 0 !important
    }

    .gap-lg-1 {
        gap: .25rem !important
    }

    .gap-lg-2 {
        gap: .5rem !important
    }

    .gap-lg-3 {
        gap: 1rem !important
    }

    .gap-lg-4 {
        gap: 1.5rem !important
    }

    .gap-lg-5 {
        gap: 3rem !important
    }

    .justify-content-lg-start {
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        justify-content: center !important
    }

    .justify-content-lg-between {
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        justify-content: space-around !important
    }

    .justify-content-lg-evenly {
        justify-content: space-evenly !important
    }

    .align-items-lg-start {
        align-items: flex-start !important
    }

    .align-items-lg-end {
        align-items: flex-end !important
    }

    .align-items-lg-center {
        align-items: center !important
    }

    .align-items-lg-baseline {
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        align-items: stretch !important
    }

    .align-content-lg-start {
        align-content: flex-start !important
    }

    .align-content-lg-end {
        align-content: flex-end !important
    }

    .align-content-lg-center {
        align-content: center !important
    }

    .align-content-lg-between {
        align-content: space-between !important
    }

    .align-content-lg-around {
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        align-content: stretch !important
    }

    .align-self-lg-auto {
        align-self: auto !important
    }

    .align-self-lg-start {
        align-self: flex-start !important
    }

    .align-self-lg-end {
        align-self: flex-end !important
    }

    .align-self-lg-center {
        align-self: center !important
    }

    .align-self-lg-baseline {
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        align-self: stretch !important
    }

    .order-lg-first {
        order: -1 !important
    }

    .order-lg-0 {
        order: 0 !important
    }

    .order-lg-1 {
        order: 1 !important
    }

    .order-lg-2 {
        order: 2 !important
    }

    .order-lg-3 {
        order: 3 !important
    }

    .order-lg-4 {
        order: 4 !important
    }

    .order-lg-5 {
        order: 5 !important
    }

    .order-lg-last {
        order: 6 !important
    }

    .m-lg-0 {
        margin: 0 !important
    }

    .m-lg-1 {
        margin: .25rem !important
    }

    .m-lg-2 {
        margin: .5rem !important
    }

    .m-lg-3 {
        margin: 1rem !important
    }

    .m-lg-4 {
        margin: 1.5rem !important
    }

    .m-lg-5 {
        margin: 3rem !important
    }

    .m-lg-auto {
        margin: auto !important
    }

    .mx-lg-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-lg-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-lg-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-lg-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-lg-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-lg-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-lg-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-lg-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-lg-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-lg-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-lg-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-lg-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-lg-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-lg-0 {
        margin-top: 0 !important
    }

    .mt-lg-1 {
        margin-top: .25rem !important
    }

    .mt-lg-2 {
        margin-top: .5rem !important
    }

    .mt-lg-3 {
        margin-top: 1rem !important
    }

    .mt-lg-4 {
        margin-top: 1.5rem !important
    }

    .mt-lg-5 {
        margin-top: 3rem !important
    }

    .mt-lg-auto {
        margin-top: auto !important
    }

    .me-lg-0 {
        margin-right: 0 !important
    }

    .me-lg-1 {
        margin-right: .25rem !important
    }

    .me-lg-2 {
        margin-right: .5rem !important
    }

    .me-lg-3 {
        margin-right: 1rem !important
    }

    .me-lg-4 {
        margin-right: 1.5rem !important
    }

    .me-lg-5 {
        margin-right: 3rem !important
    }

    .me-lg-auto {
        margin-right: auto !important
    }

    .mb-lg-0 {
        margin-bottom: 0 !important
    }

    .mb-lg-1 {
        margin-bottom: .25rem !important
    }

    .mb-lg-2 {
        margin-bottom: .5rem !important
    }

    .mb-lg-3 {
        margin-bottom: 1rem !important
    }

    .mb-lg-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-lg-5 {
        margin-bottom: 3rem !important
    }

    .mb-lg-auto {
        margin-bottom: auto !important
    }

    .ms-lg-0 {
        margin-left: 0 !important
    }

    .ms-lg-1 {
        margin-left: .25rem !important
    }

    .ms-lg-2 {
        margin-left: .5rem !important
    }

    .ms-lg-3 {
        margin-left: 1rem !important
    }

    .ms-lg-4 {
        margin-left: 1.5rem !important
    }

    .ms-lg-5 {
        margin-left: 3rem !important
    }

    .ms-lg-auto {
        margin-left: auto !important
    }

    .p-lg-0 {
        padding: 0 !important
    }

    .p-lg-1 {
        padding: .25rem !important
    }

    .p-lg-2 {
        padding: .5rem !important
    }

    .p-lg-3 {
        padding: 1rem !important
    }

    .p-lg-4 {
        padding: 1.5rem !important
    }

    .p-lg-5 {
        padding: 3rem !important
    }

    .px-lg-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-lg-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-lg-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-lg-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-lg-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-lg-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-lg-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-lg-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-lg-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-lg-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-lg-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-lg-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-lg-0 {
        padding-top: 0 !important
    }

    .pt-lg-1 {
        padding-top: .25rem !important
    }

    .pt-lg-2 {
        padding-top: .5rem !important
    }

    .pt-lg-3 {
        padding-top: 1rem !important
    }

    .pt-lg-4 {
        padding-top: 1.5rem !important
    }

    .pt-lg-5 {
        padding-top: 3rem !important
    }

    .pe-lg-0 {
        padding-right: 0 !important
    }

    .pe-lg-1 {
        padding-right: .25rem !important
    }

    .pe-lg-2 {
        padding-right: .5rem !important
    }

    .pe-lg-3 {
        padding-right: 1rem !important
    }

    .pe-lg-4 {
        padding-right: 1.5rem !important
    }

    .pe-lg-5 {
        padding-right: 3rem !important
    }

    .pb-lg-0 {
        padding-bottom: 0 !important
    }

    .pb-lg-1 {
        padding-bottom: .25rem !important
    }

    .pb-lg-2 {
        padding-bottom: .5rem !important
    }

    .pb-lg-3 {
        padding-bottom: 1rem !important
    }

    .pb-lg-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-lg-5 {
        padding-bottom: 3rem !important
    }

    .ps-lg-0 {
        padding-left: 0 !important
    }

    .ps-lg-1 {
        padding-left: .25rem !important
    }

    .ps-lg-2 {
        padding-left: .5rem !important
    }

    .ps-lg-3 {
        padding-left: 1rem !important
    }

    .ps-lg-4 {
        padding-left: 1.5rem !important
    }

    .ps-lg-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .float-xl-start {
        float: left !important
    }

    .float-xl-end {
        float: right !important
    }

    .float-xl-none {
        float: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-grid {
        display: grid !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: flex !important
    }

    .d-xl-inline-flex {
        display: inline-flex !important
    }

    .d-xl-none {
        display: none !important
    }

    .flex-xl-fill {
        flex: 1 1 auto !important
    }

    .flex-xl-row {
        flex-direction: row !important
    }

    .flex-xl-column {
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xl-0 {
        gap: 0 !important
    }

    .gap-xl-1 {
        gap: .25rem !important
    }

    .gap-xl-2 {
        gap: .5rem !important
    }

    .gap-xl-3 {
        gap: 1rem !important
    }

    .gap-xl-4 {
        gap: 1.5rem !important
    }

    .gap-xl-5 {
        gap: 3rem !important
    }

    .justify-content-xl-start {
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        justify-content: center !important
    }

    .justify-content-xl-between {
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        justify-content: space-around !important
    }

    .justify-content-xl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xl-start {
        align-items: flex-start !important
    }

    .align-items-xl-end {
        align-items: flex-end !important
    }

    .align-items-xl-center {
        align-items: center !important
    }

    .align-items-xl-baseline {
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        align-items: stretch !important
    }

    .align-content-xl-start {
        align-content: flex-start !important
    }

    .align-content-xl-end {
        align-content: flex-end !important
    }

    .align-content-xl-center {
        align-content: center !important
    }

    .align-content-xl-between {
        align-content: space-between !important
    }

    .align-content-xl-around {
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        align-content: stretch !important
    }

    .align-self-xl-auto {
        align-self: auto !important
    }

    .align-self-xl-start {
        align-self: flex-start !important
    }

    .align-self-xl-end {
        align-self: flex-end !important
    }

    .align-self-xl-center {
        align-self: center !important
    }

    .align-self-xl-baseline {
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        align-self: stretch !important
    }

    .order-xl-first {
        order: -1 !important
    }

    .order-xl-0 {
        order: 0 !important
    }

    .order-xl-1 {
        order: 1 !important
    }

    .order-xl-2 {
        order: 2 !important
    }

    .order-xl-3 {
        order: 3 !important
    }

    .order-xl-4 {
        order: 4 !important
    }

    .order-xl-5 {
        order: 5 !important
    }

    .order-xl-last {
        order: 6 !important
    }

    .m-xl-0 {
        margin: 0 !important
    }

    .m-xl-1 {
        margin: .25rem !important
    }

    .m-xl-2 {
        margin: .5rem !important
    }

    .m-xl-3 {
        margin: 1rem !important
    }

    .m-xl-4 {
        margin: 1.5rem !important
    }

    .m-xl-5 {
        margin: 3rem !important
    }

    .m-xl-auto {
        margin: auto !important
    }

    .mx-xl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xl-0 {
        margin-top: 0 !important
    }

    .mt-xl-1 {
        margin-top: .25rem !important
    }

    .mt-xl-2 {
        margin-top: .5rem !important
    }

    .mt-xl-3 {
        margin-top: 1rem !important
    }

    .mt-xl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xl-5 {
        margin-top: 3rem !important
    }

    .mt-xl-auto {
        margin-top: auto !important
    }

    .me-xl-0 {
        margin-right: 0 !important
    }

    .me-xl-1 {
        margin-right: .25rem !important
    }

    .me-xl-2 {
        margin-right: .5rem !important
    }

    .me-xl-3 {
        margin-right: 1rem !important
    }

    .me-xl-4 {
        margin-right: 1.5rem !important
    }

    .me-xl-5 {
        margin-right: 3rem !important
    }

    .me-xl-auto {
        margin-right: auto !important
    }

    .mb-xl-0 {
        margin-bottom: 0 !important
    }

    .mb-xl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xl-auto {
        margin-bottom: auto !important
    }

    .ms-xl-0 {
        margin-left: 0 !important
    }

    .ms-xl-1 {
        margin-left: .25rem !important
    }

    .ms-xl-2 {
        margin-left: .5rem !important
    }

    .ms-xl-3 {
        margin-left: 1rem !important
    }

    .ms-xl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xl-5 {
        margin-left: 3rem !important
    }

    .ms-xl-auto {
        margin-left: auto !important
    }

    .p-xl-0 {
        padding: 0 !important
    }

    .p-xl-1 {
        padding: .25rem !important
    }

    .p-xl-2 {
        padding: .5rem !important
    }

    .p-xl-3 {
        padding: 1rem !important
    }

    .p-xl-4 {
        padding: 1.5rem !important
    }

    .p-xl-5 {
        padding: 3rem !important
    }

    .px-xl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xl-0 {
        padding-top: 0 !important
    }

    .pt-xl-1 {
        padding-top: .25rem !important
    }

    .pt-xl-2 {
        padding-top: .5rem !important
    }

    .pt-xl-3 {
        padding-top: 1rem !important
    }

    .pt-xl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xl-5 {
        padding-top: 3rem !important
    }

    .pe-xl-0 {
        padding-right: 0 !important
    }

    .pe-xl-1 {
        padding-right: .25rem !important
    }

    .pe-xl-2 {
        padding-right: .5rem !important
    }

    .pe-xl-3 {
        padding-right: 1rem !important
    }

    .pe-xl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xl-5 {
        padding-right: 3rem !important
    }

    .pb-xl-0 {
        padding-bottom: 0 !important
    }

    .pb-xl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xl-0 {
        padding-left: 0 !important
    }

    .ps-xl-1 {
        padding-left: .25rem !important
    }

    .ps-xl-2 {
        padding-left: .5rem !important
    }

    .ps-xl-3 {
        padding-left: 1rem !important
    }

    .ps-xl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1400px) {
    .float-xxl-start {
        float: left !important
    }

    .float-xxl-end {
        float: right !important
    }

    .float-xxl-none {
        float: none !important
    }

    .d-xxl-inline {
        display: inline !important
    }

    .d-xxl-inline-block {
        display: inline-block !important
    }

    .d-xxl-block {
        display: block !important
    }

    .d-xxl-grid {
        display: grid !important
    }

    .d-xxl-table {
        display: table !important
    }

    .d-xxl-table-row {
        display: table-row !important
    }

    .d-xxl-table-cell {
        display: table-cell !important
    }

    .d-xxl-flex {
        display: flex !important
    }

    .d-xxl-inline-flex {
        display: inline-flex !important
    }

    .d-xxl-none {
        display: none !important
    }

    .flex-xxl-fill {
        flex: 1 1 auto !important
    }

    .flex-xxl-row {
        flex-direction: row !important
    }

    .flex-xxl-column {
        flex-direction: column !important
    }

    .flex-xxl-row-reverse {
        flex-direction: row-reverse !important
    }

    .flex-xxl-column-reverse {
        flex-direction: column-reverse !important
    }

    .flex-xxl-grow-0 {
        flex-grow: 0 !important
    }

    .flex-xxl-grow-1 {
        flex-grow: 1 !important
    }

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

    .flex-xxl-shrink-1 {
        flex-shrink: 1 !important
    }

    .flex-xxl-wrap {
        flex-wrap: wrap !important
    }

    .flex-xxl-nowrap {
        flex-wrap: nowrap !important
    }

    .flex-xxl-wrap-reverse {
        flex-wrap: wrap-reverse !important
    }

    .gap-xxl-0 {
        gap: 0 !important
    }

    .gap-xxl-1 {
        gap: .25rem !important
    }

    .gap-xxl-2 {
        gap: .5rem !important
    }

    .gap-xxl-3 {
        gap: 1rem !important
    }

    .gap-xxl-4 {
        gap: 1.5rem !important
    }

    .gap-xxl-5 {
        gap: 3rem !important
    }

    .justify-content-xxl-start {
        justify-content: flex-start !important
    }

    .justify-content-xxl-end {
        justify-content: flex-end !important
    }

    .justify-content-xxl-center {
        justify-content: center !important
    }

    .justify-content-xxl-between {
        justify-content: space-between !important
    }

    .justify-content-xxl-around {
        justify-content: space-around !important
    }

    .justify-content-xxl-evenly {
        justify-content: space-evenly !important
    }

    .align-items-xxl-start {
        align-items: flex-start !important
    }

    .align-items-xxl-end {
        align-items: flex-end !important
    }

    .align-items-xxl-center {
        align-items: center !important
    }

    .align-items-xxl-baseline {
        align-items: baseline !important
    }

    .align-items-xxl-stretch {
        align-items: stretch !important
    }

    .align-content-xxl-start {
        align-content: flex-start !important
    }

    .align-content-xxl-end {
        align-content: flex-end !important
    }

    .align-content-xxl-center {
        align-content: center !important
    }

    .align-content-xxl-between {
        align-content: space-between !important
    }

    .align-content-xxl-around {
        align-content: space-around !important
    }

    .align-content-xxl-stretch {
        align-content: stretch !important
    }

    .align-self-xxl-auto {
        align-self: auto !important
    }

    .align-self-xxl-start {
        align-self: flex-start !important
    }

    .align-self-xxl-end {
        align-self: flex-end !important
    }

    .align-self-xxl-center {
        align-self: center !important
    }

    .align-self-xxl-baseline {
        align-self: baseline !important
    }

    .align-self-xxl-stretch {
        align-self: stretch !important
    }

    .order-xxl-first {
        order: -1 !important
    }

    .order-xxl-0 {
        order: 0 !important
    }

    .order-xxl-1 {
        order: 1 !important
    }

    .order-xxl-2 {
        order: 2 !important
    }

    .order-xxl-3 {
        order: 3 !important
    }

    .order-xxl-4 {
        order: 4 !important
    }

    .order-xxl-5 {
        order: 5 !important
    }

    .order-xxl-last {
        order: 6 !important
    }

    .m-xxl-0 {
        margin: 0 !important
    }

    .m-xxl-1 {
        margin: .25rem !important
    }

    .m-xxl-2 {
        margin: .5rem !important
    }

    .m-xxl-3 {
        margin: 1rem !important
    }

    .m-xxl-4 {
        margin: 1.5rem !important
    }

    .m-xxl-5 {
        margin: 3rem !important
    }

    .m-xxl-auto {
        margin: auto !important
    }

    .mx-xxl-0 {
        margin-right: 0 !important;
        margin-left: 0 !important
    }

    .mx-xxl-1 {
        margin-right: .25rem !important;
        margin-left: .25rem !important
    }

    .mx-xxl-2 {
        margin-right: .5rem !important;
        margin-left: .5rem !important
    }

    .mx-xxl-3 {
        margin-right: 1rem !important;
        margin-left: 1rem !important
    }

    .mx-xxl-4 {
        margin-right: 1.5rem !important;
        margin-left: 1.5rem !important
    }

    .mx-xxl-5 {
        margin-right: 3rem !important;
        margin-left: 3rem !important
    }

    .mx-xxl-auto {
        margin-right: auto !important;
        margin-left: auto !important
    }

    .my-xxl-0 {
        margin-top: 0 !important;
        margin-bottom: 0 !important
    }

    .my-xxl-1 {
        margin-top: .25rem !important;
        margin-bottom: .25rem !important
    }

    .my-xxl-2 {
        margin-top: .5rem !important;
        margin-bottom: .5rem !important
    }

    .my-xxl-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important
    }

    .my-xxl-4 {
        margin-top: 1.5rem !important;
        margin-bottom: 1.5rem !important
    }

    .my-xxl-5 {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important
    }

    .my-xxl-auto {
        margin-top: auto !important;
        margin-bottom: auto !important
    }

    .mt-xxl-0 {
        margin-top: 0 !important
    }

    .mt-xxl-1 {
        margin-top: .25rem !important
    }

    .mt-xxl-2 {
        margin-top: .5rem !important
    }

    .mt-xxl-3 {
        margin-top: 1rem !important
    }

    .mt-xxl-4 {
        margin-top: 1.5rem !important
    }

    .mt-xxl-5 {
        margin-top: 3rem !important
    }

    .mt-xxl-auto {
        margin-top: auto !important
    }

    .me-xxl-0 {
        margin-right: 0 !important
    }

    .me-xxl-1 {
        margin-right: .25rem !important
    }

    .me-xxl-2 {
        margin-right: .5rem !important
    }

    .me-xxl-3 {
        margin-right: 1rem !important
    }

    .me-xxl-4 {
        margin-right: 1.5rem !important
    }

    .me-xxl-5 {
        margin-right: 3rem !important
    }

    .me-xxl-auto {
        margin-right: auto !important
    }

    .mb-xxl-0 {
        margin-bottom: 0 !important
    }

    .mb-xxl-1 {
        margin-bottom: .25rem !important
    }

    .mb-xxl-2 {
        margin-bottom: .5rem !important
    }

    .mb-xxl-3 {
        margin-bottom: 1rem !important
    }

    .mb-xxl-4 {
        margin-bottom: 1.5rem !important
    }

    .mb-xxl-5 {
        margin-bottom: 3rem !important
    }

    .mb-xxl-auto {
        margin-bottom: auto !important
    }

    .ms-xxl-0 {
        margin-left: 0 !important
    }

    .ms-xxl-1 {
        margin-left: .25rem !important
    }

    .ms-xxl-2 {
        margin-left: .5rem !important
    }

    .ms-xxl-3 {
        margin-left: 1rem !important
    }

    .ms-xxl-4 {
        margin-left: 1.5rem !important
    }

    .ms-xxl-5 {
        margin-left: 3rem !important
    }

    .ms-xxl-auto {
        margin-left: auto !important
    }

    .p-xxl-0 {
        padding: 0 !important
    }

    .p-xxl-1 {
        padding: .25rem !important
    }

    .p-xxl-2 {
        padding: .5rem !important
    }

    .p-xxl-3 {
        padding: 1rem !important
    }

    .p-xxl-4 {
        padding: 1.5rem !important
    }

    .p-xxl-5 {
        padding: 3rem !important
    }

    .px-xxl-0 {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .px-xxl-1 {
        padding-right: .25rem !important;
        padding-left: .25rem !important
    }

    .px-xxl-2 {
        padding-right: .5rem !important;
        padding-left: .5rem !important
    }

    .px-xxl-3 {
        padding-right: 1rem !important;
        padding-left: 1rem !important
    }

    .px-xxl-4 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important
    }

    .px-xxl-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .py-xxl-0 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .py-xxl-1 {
        padding-top: .25rem !important;
        padding-bottom: .25rem !important
    }

    .py-xxl-2 {
        padding-top: .5rem !important;
        padding-bottom: .5rem !important
    }

    .py-xxl-3 {
        padding-top: 1rem !important;
        padding-bottom: 1rem !important
    }

    .py-xxl-4 {
        padding-top: 1.5rem !important;
        padding-bottom: 1.5rem !important
    }

    .py-xxl-5 {
        padding-top: 3rem !important;
        padding-bottom: 3rem !important
    }

    .pt-xxl-0 {
        padding-top: 0 !important
    }

    .pt-xxl-1 {
        padding-top: .25rem !important
    }

    .pt-xxl-2 {
        padding-top: .5rem !important
    }

    .pt-xxl-3 {
        padding-top: 1rem !important
    }

    .pt-xxl-4 {
        padding-top: 1.5rem !important
    }

    .pt-xxl-5 {
        padding-top: 3rem !important
    }

    .pe-xxl-0 {
        padding-right: 0 !important
    }

    .pe-xxl-1 {
        padding-right: .25rem !important
    }

    .pe-xxl-2 {
        padding-right: .5rem !important
    }

    .pe-xxl-3 {
        padding-right: 1rem !important
    }

    .pe-xxl-4 {
        padding-right: 1.5rem !important
    }

    .pe-xxl-5 {
        padding-right: 3rem !important
    }

    .pb-xxl-0 {
        padding-bottom: 0 !important
    }

    .pb-xxl-1 {
        padding-bottom: .25rem !important
    }

    .pb-xxl-2 {
        padding-bottom: .5rem !important
    }

    .pb-xxl-3 {
        padding-bottom: 1rem !important
    }

    .pb-xxl-4 {
        padding-bottom: 1.5rem !important
    }

    .pb-xxl-5 {
        padding-bottom: 3rem !important
    }

    .ps-xxl-0 {
        padding-left: 0 !important
    }

    .ps-xxl-1 {
        padding-left: .25rem !important
    }

    .ps-xxl-2 {
        padding-left: .5rem !important
    }

    .ps-xxl-3 {
        padding-left: 1rem !important
    }

    .ps-xxl-4 {
        padding-left: 1.5rem !important
    }

    .ps-xxl-5 {
        padding-left: 3rem !important
    }

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

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

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

@media(min-width: 1200px) {
    .fs-1 {
        font-size: 2.5rem !important
    }

    .fs-2 {
        font-size: 2rem !important
    }

    .fs-3 {
        font-size: 1.75rem !important
    }

    .fs-4 {
        font-size: 1.5rem !important
    }
}

@media print {
    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-grid {
        display: grid !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: flex !important
    }

    .d-print-inline-flex {
        display: inline-flex !important
    }

    .d-print-none {
        display: none !important
    }
}


/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/animate.min.css ***!
  \************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";


/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

.animated.hinge {
    animation-duration: 2s;
}

@keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.bounce {
    animation-name: bounce;
}

@keyframes flash {

    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.flash {
    animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes pulse {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.pulse {
    animation-name: pulse;
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0);
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px);
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px);
    }
}

.shake {
    animation-name: shake;
}

@keyframes swing {
    20% {
        transform: rotate(15deg);
    }

    40% {
        transform: rotate(-10deg);
    }

    60% {
        transform: rotate(5deg);
    }

    80% {
        transform: rotate(-5deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.swing {
    transform-origin: top center;
    animation-name: swing;
}

@keyframes tada {
    0% {
        transform: scale(1);
    }

    10%,
    20% {
        transform: scale(0.9) rotate(-3deg);
    }

    30%,
    50%,
    70%,
    90% {
        transform: scale(1.1) rotate(3deg);
    }

    40%,
    60%,
    80% {
        transform: scale(1.1) rotate(-3deg);
    }

    100% {
        transform: scale(1) rotate(0);
    }
}

.tada {
    animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes wobble {
    0% {
        transform: translateX(0%);
    }

    15% {
        transform: translateX(-25%) rotate(-5deg);
    }

    30% {
        transform: translateX(20%) rotate(3deg);
    }

    45% {
        transform: translateX(-15%) rotate(-3deg);
    }

    60% {
        transform: translateX(10%) rotate(2deg);
    }

    75% {
        transform: translateX(-5%) rotate(-1deg);
    }

    100% {
        transform: translateX(0%);
    }
}

.wobble {
    animation-name: wobble;
}

@keyframes bounceIn {
    0% {
        opacity: 0;
        transform: scale(.3);
    }

    50% {
        opacity: 1;
        transform: scale(1.05);
    }

    70% {
        transform: scale(.9);
    }

    100% {
        transform: scale(1);
    }
}

.bounceIn {
    animation-name: bounceIn;
}

@keyframes bounceInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(30px);
    }

    80% {
        transform: translateY(-10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInDown {
    animation-name: bounceInDown;
}

@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(30px);
    }

    80% {
        transform: translateX(-10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInLeft {
    animation-name: bounceInLeft;
}

@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    60% {
        opacity: 1;
        transform: translateX(-30px);
    }

    80% {
        transform: translateX(10px);
    }

    100% {
        transform: translateX(0);
    }
}

.bounceInRight {
    animation-name: bounceInRight;
}

@keyframes bounceInUp {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    60% {
        opacity: 1;
        transform: translateY(-30px);
    }

    80% {
        transform: translateY(10px);
    }

    100% {
        transform: translateY(0);
    }
}

.bounceInUp {
    animation-name: bounceInUp;
}

@keyframes bounceOut {
    0% {
        transform: scale(1);
    }

    25% {
        transform: scale(.95);
    }

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

    100% {
        opacity: 0;
        transform: scale(.3);
    }
}

.bounceOut {
    animation-name: bounceOut;
}

@keyframes bounceOutDown {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(-20px);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.bounceOutDown {
    animation-name: bounceOutDown;
}

@keyframes bounceOutLeft {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(20px);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.bounceOutLeft {
    animation-name: bounceOutLeft;
}

@keyframes bounceOutRight {
    0% {
        transform: translateX(0);
    }

    20% {
        opacity: 1;
        transform: translateX(-20px);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.bounceOutRight {
    animation-name: bounceOutRight;
}

@keyframes bounceOutUp {
    0% {
        transform: translateY(0);
    }

    20% {
        opacity: 1;
        transform: translateY(20px);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.bounceOutUp {
    animation-name: bounceOutUp;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDown {
    animation-name: fadeInDown;
}

@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInDownBig {
    animation-name: fadeInDownBig;
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        transform: translateX(-20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeft {
    animation-name: fadeInLeft;
}

@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInLeftBig {
    animation-name: fadeInLeftBig;
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translateX(20px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRight {
    animation-name: fadeInRight;
}

@keyframes fadeInRightBig {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

.fadeInRightBig {
    animation-name: fadeInRightBig;
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUp {
    animation-name: fadeInUp;
}

@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.fadeInUpBig {
    animation-name: fadeInUpBig;
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeOutDown {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.fadeOutDown {
    animation-name: fadeOutDown;
}

@keyframes fadeOutDownBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(2000px);
    }
}

.fadeOutDownBig {
    animation-name: fadeOutDownBig;
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-20px);
    }
}

.fadeOutLeft {
    animation-name: fadeOutLeft;
}

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.fadeOutLeftBig {
    animation-name: fadeOutLeftBig;
}

@keyframes fadeOutRight {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(20px);
    }
}

.fadeOutRight {
    animation-name: fadeOutRight;
}

@keyframes fadeOutRightBig {
    0% {
        opacity: 1;
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.fadeOutRightBig {
    animation-name: fadeOutRightBig;
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-20px);
    }
}

.fadeOutUp {
    animation-name: fadeOutUp;
}

@keyframes fadeOutUpBig {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.fadeOutUpBig {
    animation-name: fadeOutUpBig;
}

@keyframes flip {
    0% {
        transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
        animation-timing-function: ease-out;
    }

    40% {
        transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
        animation-timing-function: ease-out;
    }

    50% {
        transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
        animation-timing-function: ease-in;
    }

    80% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
        animation-timing-function: ease-in;
    }

    100% {
        transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
        animation-timing-function: ease-in;
    }
}

.animated.flip {
    backface-visibility: visible;
    animation-name: flip;
}

@keyframes flipInX {
    0% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateX(-10deg);
    }

    70% {
        transform: perspective(400px) rotateX(10deg);
    }

    100% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }
}

.flipInX {
    backface-visibility: visible !important;
    animation-name: flipInX;
}

@keyframes flipInY {
    0% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }

    40% {
        transform: perspective(400px) rotateY(-10deg);
    }

    70% {
        transform: perspective(400px) rotateY(10deg);
    }

    100% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }
}

.flipInY {
    backface-visibility: visible !important;
    animation-name: flipInY;
}

@keyframes flipOutX {
    0% {
        transform: perspective(400px) rotateX(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateX(90deg);
        opacity: 0;
    }
}

.flipOutX {
    animation-name: flipOutX;
    backface-visibility: visible !important;
}

@keyframes flipOutY {
    0% {
        transform: perspective(400px) rotateY(0deg);
        opacity: 1;
    }

    100% {
        transform: perspective(400px) rotateY(90deg);
        opacity: 0;
    }
}

.flipOutY {
    backface-visibility: visible !important;
    animation-name: flipOutY;
}

@keyframes lightSpeedIn {
    0% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }

    60% {
        transform: translateX(-20%) skewX(30deg);
        opacity: 1;
    }

    80% {
        transform: translateX(0%) skewX(-15deg);
        opacity: 1;
    }

    100% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }
}

.lightSpeedIn {
    animation-name: lightSpeedIn;
    animation-timing-function: ease-out;
}

@keyframes lightSpeedOut {
    0% {
        transform: translateX(0%) skewX(0deg);
        opacity: 1;
    }

    100% {
        transform: translateX(100%) skewX(-30deg);
        opacity: 0;
    }
}

.lightSpeedOut {
    animation-name: lightSpeedOut;
    animation-timing-function: ease-in;
}

@keyframes rotateIn {
    0% {
        transform-origin: center center;
        transform: rotate(-200deg);
        opacity: 0;
    }

    100% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateIn {
    animation-name: rotateIn;
}

@keyframes rotateInDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownLeft {
    animation-name: rotateInDownLeft;
}

@keyframes rotateInDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInDownRight {
    animation-name: rotateInDownRight;
}

@keyframes rotateInUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpLeft {
    animation-name: rotateInUpLeft;
}

@keyframes rotateInUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }
}

.rotateInUpRight {
    animation-name: rotateInUpRight;
}

@keyframes rotateOut {
    0% {
        transform-origin: center center;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: center center;
        transform: rotate(200deg);
        opacity: 0;
    }
}

.rotateOut {
    animation-name: rotateOut;
}

@keyframes rotateOutDownLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutDownLeft {
    animation-name: rotateOutDownLeft;
}

@keyframes rotateOutDownRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutDownRight {
    animation-name: rotateOutDownRight;
}

@keyframes rotateOutUpLeft {
    0% {
        transform-origin: left bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: left bottom;
        transform: rotate(-90deg);
        opacity: 0;
    }
}

.rotateOutUpLeft {
    animation-name: rotateOutUpLeft;
}

@keyframes rotateOutUpRight {
    0% {
        transform-origin: right bottom;
        transform: rotate(0);
        opacity: 1;
    }

    100% {
        transform-origin: right bottom;
        transform: rotate(90deg);
        opacity: 0;
    }
}

.rotateOutUpRight {
    animation-name: rotateOutUpRight;
}

@keyframes slideInDown {
    0% {
        opacity: 0;
        transform: translateY(-2000px);
    }

    100% {
        transform: translateY(0);
    }
}

.slideInDown {
    animation-name: slideInDown;
}

@keyframes slideInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInLeft {
    animation-name: slideInLeft;
}

@keyframes slideInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px);
    }

    100% {
        transform: translateX(0);
    }
}

.slideInRight {
    animation-name: slideInRight;
}

@keyframes slideOutLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(-2000px);
    }
}

.slideOutLeft {
    animation-name: slideOutLeft;
}

@keyframes slideOutRight {
    0% {
        transform: translateX(0);
    }

    100% {
        opacity: 0;
        transform: translateX(2000px);
    }
}

.slideOutRight {
    animation-name: slideOutRight;
}

@keyframes slideOutUp {
    0% {
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(-2000px);
    }
}

.slideOutUp {
    animation-name: slideOutUp;
}

@keyframes hinge {
    0% {
        transform: rotate(0);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    20%,
    60% {
        transform: rotate(80deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    40% {
        transform: rotate(60deg);
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    80% {
        transform: rotate(60deg) translateY(0);
        opacity: 1;
        transform-origin: top left;
        animation-timing-function: ease-in-out;
    }

    100% {
        transform: translateY(700px);
        opacity: 0;
    }
}

.hinge {
    animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollIn {
    0% {
        opacity: 0;
        transform: translateX(-100%) rotate(-120deg);
    }

    100% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }
}

.rollIn {
    animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@keyframes rollOut {
    0% {
        opacity: 1;
        transform: translateX(0px) rotate(0deg);
    }

    100% {
        opacity: 0;
        transform: translateX(100%) rotate(120deg);
    }
}

.rollOut {
    animation-name: rollOut;
}
/*!***********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/bulk-style.css ***!
  \***********************************************************************************************************************************************************************************************************************/
/**
*
*	Name:			iconly font icon
*	Version:	    1.0
*	Created on:		Dec 29, 2020
*	License:		GNU General Public License
--------------------------------------------------------------------------------------
*
**/

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 200;
    src: url('Iconly-light.eot');
    src: url('Iconly-light.eot?#iefix') format("embedded-opentype"),
        
        url('Iconly-light.woff') format("woff"),
        
        url('Iconly-light.ttf') format("truetype"),
        url('Iconly-light.svg#Iconly-light') format("svg");
}

/*@font-face {*/
/*    font-family: iconly;*/
/*    font-style: normal;*/
/*    font-weight: normal;*/
/*    src: url("../fonts/Iconly-Broken.eot");*/
/*    src: url("../fonts/Iconly-Broken.eot?#iefix") format("embedded-opentype"),*/
/*        !* IE6-8 *!*/
/*        url("../fonts/Iconly-Broken.woff") format("woff"),*/
/*        !* FF3.6+, IE9, Chrome6+, Saf5.1+*!*/
/*        url("../fonts/Iconly-Broken.ttf") format("truetype"),*/
/*        url("../fonts/Iconly-Broken.svg#Iconly-Broken") format("svg");*/
/*}*/

@font-face {
    font-family: iconly;
    font-style: normal;
    font-weight: 700;
    src: url('Iconly-Bold.eot');
    src: url('Iconly-Bold.eot?#iefix') format("embedded-opentype"),
        
        url('Iconly-Bold.woff') format("woff"),
        
        url('Iconly-Bold.ttf') format("truetype"),
        url('Iconly-Bold.svg#Iconly-Bold') format("svg");
}

/*@font-face {*/
/*    font-family: iconly;*/
/*    font-style: normal;*/
/*    font-weight: 900;*/
/*    src: url("../fonts/Iconly-bulk.eot");*/
/*    src: url("../fonts/Iconly-bulk.eot?#iefix") format("embedded-opentype"),*/
/*        !* IE6-8 *!*/
/*        url("../fonts/Iconly-bulk.woff") format("woff"),*/
/*        !* FF3.6+, IE9, Chrome6+, Saf5.1+*!*/
/*        url("../fonts/Iconly-bulk.ttf") format("truetype"),*/
/*        url("../fonts/Iconly-bulk.svg#Iconly-bulk") format("svg");*/
/*}*/

[class^="iconly-"],
[class*="iconly-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "iconly" !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    font-weight: normal;
    line-height: 1;
    /*   Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icli {
    font-weight: 200;
}

.icbr {
    font-weight: normal;
}

.icbo {
    font-weight: 700;
}

.icbu {
    font-weight: 900;
}

.iconly-Activity:before {
    content: "\e900";
}

.iconly-Add-User:before {
    content: "\e901";
}

.iconly-Arrow-Down:before {
    content: "\e902";
}

.iconly-Arrow-Down-2:before {
    content: "\e903";
}

.iconly-Arrow-Down-3:before {
    content: "\e904";
}

.iconly-Arrow-Down-Circle:before {
    content: "\e905";
}

.iconly-Arrow-Down-Square:before {
    content: "\e906";
}

.iconly-Arrow-Left:before {
    content: "\e907";
}

.iconly-Arrow-Left-2:before {
    content: "\e908";
}

.iconly-Arrow-Left-3:before {
    content: "\e909";
}

.iconly-Arrow-Left-Circle:before {
    content: "\e90a";
}

.iconly-Arrow-Left-Square:before {
    content: "\e90b";
}

.iconly-Arrow-Right:before {
    content: "\e90c";
}

.iconly-Arrow-Right-2:before {
    content: "\e90d";
}

.iconly-Arrow-Right-3:before {
    content: "\e90e";
}

.iconly-Arrow-Right-Circle:before {
    content: "\e90f";
}

.iconly-Arrow-Right-Square:before {
    content: "\e910";
}

.iconly-Arrow-Up:before {
    content: "\e911";
}

.iconly-Arrow-Up-2:before {
    content: "\e912";
}

.iconly-Arrow-Up-3:before {
    content: "\e913";
}

.iconly-Arrow-Up-Circle:before {
    content: "\e914";
}

.iconly-Arrow-Up-Square:before {
    content: "\e915";
}

.iconly-Bag:before {
    content: "\e916";
}

.iconly-Bag-2:before {
    content: "\e917";
}

.iconly-Bookmark:before {
    content: "\e918";
}

.iconly-Buy:before {
    content: "\e919";
}

.iconly-Calendar:before {
    content: "\e91a";
}

.iconly-Call:before {
    content: "\e91b";
}

.iconly-Call-Missed:before {
    content: "\e91c";
}

.iconly-Call-Silent:before {
    content: "\e91d";
}

.iconly-Calling:before {
    content: "\e91e";
}

.iconly-Camera:before {
    content: "\e91f";
}

.iconly-Category:before {
    content: "\e920";
}

.iconly-Chart:before {
    content: "\e921";
}

.iconly-Chat:before {
    content: "\e922";
}

.iconly-Close-Square:before {
    content: "\e923";
}

.iconly-Danger:before {
    content: "\e924";
}

.iconly-Delete:before {
    content: "\e925";
}

.iconly-Discount:before {
    content: "\e926";
}

.iconly-Discovery:before {
    content: "\e927";
}

.iconly-Document:before {
    content: "\e928";
}

.iconly-Download:before {
    content: "\e929";
}

.iconly-Edit:before {
    content: "\e92a";
}

.iconly-Edit-Square:before {
    content: "\e92b";
}

.iconly-Filter:before {
    content: "\e92c";
}

.iconly-Filter-2:before {
    content: "\e92d";
}

.iconly-Folder:before {
    content: "\e92e";
}

.iconly-Game:before {
    content: "\e92f";
}

.iconly-Graph:before {
    content: "\e930";
}

.iconly-Heart:before {
    content: "\e931";
}

.iconly-Hide:before {
    content: "\e932";
}

.iconly-Home:before {
    content: "\e933";
}

.iconly-Image:before {
    content: "\e934";
}

.iconly-Image-2:before {
    content: "\e935";
}

.iconly-Info-Circle:before {
    content: "\e936";
}

.iconly-Info-Square:before {
    content: "\e937";
}

.iconly-Location:before {
    content: "\e938";
}

.iconly-Lock:before {
    content: "\e939";
}

.iconly-Login:before {
    content: "\e93a";
}

.iconly-Logout:before {
    content: "\e93b";
}

.iconly-Message:before {
    content: "\e93c";
}

.iconly-More-Circle:before {
    content: "\e93d";
}

.iconly-More-Square:before {
    content: "\e93e";
}

.iconly-Notification:before {
    content: "\e93f";
}

.iconly-Paper:before {
    content: "\e940";
}

.iconly-Paper-Download:before {
    content: "\e941";
}

.iconly-Paper-Fail:before {
    content: "\e942";
}

.iconly-Paper-Negative:before {
    content: "\e943";
}

.iconly-Paper-Plus:before {
    content: "\e944";
}

.iconly-Paper-Upload:before {
    content: "\e945";
}

.iconly-Password:before {
    content: "\e946";
}

.iconly-Play:before {
    content: "\e947";
}

.iconly-Plus:before {
    content: "\e948";
}

.iconly-Profile:before {
    content: "\e949";
}

.iconly-Scan:before {
    content: "\e94a";
}

.iconly-Search:before {
    content: "\e94b";
}

.iconly-Send:before {
    content: "\e94c";
}

.iconly-Setting:before {
    content: "\e94d";
}

.iconly-Shield-Done:before {
    content: "\e94e";
}

.iconly-Shield-Fail:before {
    content: "\e94f";
}

.iconly-Show:before {
    content: "\e950";
}

.iconly-Star:before {
    content: "\e951";
}

.iconly-Swap:before {
    content: "\e952";
}

.iconly-Tick-Square:before {
    content: "\e953";
}

.iconly-Ticket:before {
    content: "\e954";
}

.iconly-Ticket-Star:before {
    content: "\e955";
}

.iconly-Time-Circle:before {
    content: "\e956";
}

.iconly-Time-Square:before {
    content: "\e957";
}

.iconly-Unlock:before {
    content: "\e958";
}

.iconly-Upload:before {
    content: "\e959";
}

.iconly-User2:before {
    content: "\e95a";
}

.iconly-User3:before {
    content: "\e95b";
}

.iconly-Video:before {
    content: "\e95c";
}

.iconly-Voice:before {
    content: "\e95d";
}

.iconly-Voice-2:before {
    content: "\e95e";
}

.iconly-Volume-Down:before {
    content: "\e95f";
}

.iconly-Volume-Off:before {
    content: "\e960";
}

.iconly-Volume-Up:before {
    content: "\e961";
}

.iconly-Wallet:before {
    content: "\e962";
}

.iconly-Work:before {
    content: "\e963";
}

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/style.css ***!
  \******************************************************************************************************************************************************************************************************************/
.theme-color-1 {
    --theme-color: #d99f46;
    --theme-color-rgb: 217, 159, 70
}

.theme-color-2 {
    --theme-color: #E63118;
    --theme-color-rgb: 230, 49, 24
}

.cat-border-rad {
    border-radius: 25px;
}

.theme-color-3 {
    --theme-color: #E63118;
    --theme-color-rgb: 35, 150, 152
}

.theme-color-4 {
    --theme-color: #6262a6;
    --theme-color-rgb: 35, 150, 152
}

.theme-color-5 {
    --theme-color: #E63118;
    --theme-color-rgb: 65, 115, 148
}

.verified {
    width: 5%;
   padding-bottom: 2%;
}

.product-thumbnails {
    display: flex;
    gap: 10px;
  }

  .product-thumbnail {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
  }

.imagblog {
    width: 100%;

}

.buttonbis {
    background-color: #003b73;
    color: white;
    border-radius: 5px;
    padding: 7% 65%
}

.border-20px {
    border-radius: 20px;
}

.theme-color-6 {
    --theme-color: #5f84a0
}

.theme-color-7 {
    --theme-color: #7b4397;
    --theme-color2: #E63118
}

button,
hr,
input {
    overflow: visible
}

audio,
canvas,
progress,
video {
    display: inline-block
}

progress,
sub,
sup {
    vertical-align: baseline
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

menu,
article,
aside,
details,
footer,
header,
nav,
section {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

figcaption,
figure,
main {
    display: block
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: rgba(0, 0, 0, 0);
    -webkit-text-decoration-skip: objects
}

a:active,
a:hover {
    outline-width: 0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

dfn {
    font-style: italic
}

mark {
    background-color: #ffa202;
    color: #000
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative
}

sub {
    bottom: -0.25em
}

sup {
    top: -0.5em
}

audio:not([controls]) {
    display: none;
    height: 0
}

img {
    border-style: none
}

svg:not(:root) {
    overflow: hidden
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
select {
    text-transform: none
}

[type=submit],
[type=reset],
button,
html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: ButtonText dotted 1px
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}



textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
    border-radius: 25px;
}

[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -0.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -0.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, 0.08em);
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, 0.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, 0.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media(prefers-reduced-motion: reduce) {

    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, 0.4)
    }
}

@keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,
    24% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,
    100% {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0::before {
    content: "\30 "
}

.fa-1::before {
    content: "\31 "
}

.fa-2::before {
    content: "\32 "
}

.fa-3::before {
    content: "\33 "
}

.fa-4::before {
    content: "\34 "
}

.fa-5::before {
    content: "\35 "
}

.fa-6::before {
    content: "\36 "
}

.fa-7::before {
    content: "\37 "
}

.fa-8::before {
    content: "\38 "
}

.fa-9::before {
    content: "\39 "
}

.fa-a::before {
    content: "A"
}

.fa-address-book::before {
    content: ""
}

.fa-contact-book::before {
    content: ""
}

.fa-address-card::before {
    content: ""
}

.fa-contact-card::before {
    content: ""
}

.fa-vcard::before {
    content: ""
}

.fa-align-center::before {
    content: ""
}

.fa-align-justify::before {
    content: ""
}

.fa-align-left::before {
    content: ""
}

.fa-align-right::before {
    content: ""
}

.fa-anchor::before {
    content: ""
}

.fa-angle-down::before {
    content: ""
}

.fa-angle-left::before {
    content: ""
}

.fa-angle-right::before {
    content: ""
}

.fa-angle-up::before {
    content: ""
}

.fa-angles-down::before {
    content: ""
}

.fa-angle-double-down::before {
    content: ""
}

.fa-angles-left::before {
    content: ""
}

.fa-angle-double-left::before {
    content: ""
}

.fa-angles-right::before {
    content: ""
}

.fa-angle-double-right::before {
    content: ""
}

.fa-angles-up::before {
    content: ""
}

.fa-angle-double-up::before {
    content: ""
}

.fa-ankh::before {
    content: ""
}

.fa-apple-whole::before {
    content: ""
}

.fa-apple-alt::before {
    content: ""
}

.fa-archway::before {
    content: ""
}

.fa-arrow-down::before {
    content: ""
}

.fa-arrow-down-1-9::before {
    content: ""
}

.fa-sort-numeric-asc::before {
    content: ""
}

.fa-sort-numeric-down::before {
    content: ""
}

.fa-arrow-down-9-1::before {
    content: ""
}

.fa-sort-numeric-desc::before {
    content: ""
}

.fa-sort-numeric-down-alt::before {
    content: ""
}

.fa-arrow-down-a-z::before {
    content: ""
}

.fa-sort-alpha-asc::before {
    content: ""
}

.fa-sort-alpha-down::before {
    content: ""
}

.fa-arrow-down-long::before {
    content: ""
}

.fa-long-arrow-down::before {
    content: ""
}

.fa-arrow-down-short-wide::before {
    content: ""
}

.fa-sort-amount-desc::before {
    content: ""
}

.fa-sort-amount-down-alt::before {
    content: ""
}

.fa-arrow-down-wide-short::before {
    content: ""
}

.fa-sort-amount-asc::before {
    content: ""
}

.fa-sort-amount-down::before {
    content: ""
}

.fa-arrow-down-z-a::before {
    content: ""
}

.fa-sort-alpha-desc::before {
    content: ""
}

.fa-sort-alpha-down-alt::before {
    content: ""
}

.fa-arrow-left::before {
    content: ""
}

.fa-arrow-left-long::before {
    content: ""
}

.fa-long-arrow-left::before {
    content: ""
}

.fa-arrow-pointer::before {
    content: ""
}

.fa-mouse-pointer::before {
    content: ""
}

.fa-arrow-right::before {
    content: ""
}

.fa-arrow-right-arrow-left::before {
    content: ""
}

.fa-exchange::before {
    content: ""
}

.fa-arrow-right-from-bracket::before {
    content: ""
}

.fa-sign-out::before {
    content: ""
}

.fa-arrow-right-long::before {
    content: ""
}

.fa-long-arrow-right::before {
    content: ""
}

.fa-arrow-right-to-bracket::before {
    content: ""
}

.fa-sign-in::before {
    content: ""
}

.fa-arrow-rotate-left::before {
    content: ""
}

.fa-arrow-left-rotate::before {
    content: ""
}

.fa-arrow-rotate-back::before {
    content: ""
}

.fa-arrow-rotate-backward::before {
    content: ""
}

.fa-undo::before {
    content: ""
}

.fa-arrow-rotate-right::before {
    content: ""
}

.fa-arrow-right-rotate::before {
    content: ""
}

.fa-arrow-rotate-forward::before {
    content: ""
}

.fa-redo::before {
    content: ""
}

.fa-arrow-trend-down::before {
    content: ""
}

.fa-arrow-trend-up::before {
    content: ""
}

.fa-arrow-turn-down::before {
    content: ""
}

.fa-level-down::before {
    content: ""
}

.fa-arrow-turn-up::before {
    content: ""
}

.fa-level-up::before {
    content: ""
}

.fa-arrow-up::before {
    content: ""
}

.fa-arrow-up-1-9::before {
    content: ""
}

.fa-sort-numeric-up::before {
    content: ""
}

.fa-arrow-up-9-1::before {
    content: ""
}

.fa-sort-numeric-up-alt::before {
    content: ""
}

.fa-arrow-up-a-z::before {
    content: ""
}

.fa-sort-alpha-up::before {
    content: ""
}

.fa-arrow-up-from-bracket::before {
    content: ""
}

.fa-arrow-up-long::before {
    content: ""
}

.fa-long-arrow-up::before {
    content: ""
}

.fa-arrow-up-right-from-square::before {
    content: ""
}

.fa-external-link::before {
    content: ""
}

.fa-arrow-up-short-wide::before {
    content: ""
}

.fa-sort-amount-up-alt::before {
    content: ""
}

.fa-arrow-up-wide-short::before {
    content: ""
}

.fa-sort-amount-up::before {
    content: ""
}

.fa-arrow-up-z-a::before {
    content: ""
}

.fa-sort-alpha-up-alt::before {
    content: ""
}

.fa-arrows-left-right::before {
    content: ""
}

.fa-arrows-h::before {
    content: ""
}

.fa-arrows-rotate::before {
    content: ""
}

.fa-refresh::before {
    content: ""
}

.fa-sync::before {
    content: ""
}

.fa-arrows-up-down::before {
    content: ""
}

.fa-arrows-v::before {
    content: ""
}

.fa-arrows-up-down-left-right::before {
    content: ""
}

.fa-arrows::before {
    content: ""
}

.fa-asterisk::before {
    content: "\*"
}

.fa-at::before {
    content: "\@"
}

.fa-atom::before {
    content: ""
}

.fa-audio-description::before {
    content: ""
}

.fa-austral-sign::before {
    content: ""
}

.fa-award::before {
    content: ""
}

.fa-b::before {
    content: "B"
}

.fa-baby::before {
    content: ""
}

.fa-baby-carriage::before {
    content: ""
}

.fa-carriage-baby::before {
    content: ""
}

.fa-backward::before {
    content: ""
}

.fa-backward-fast::before {
    content: ""
}

.fa-fast-backward::before {
    content: ""
}

.fa-backward-step::before {
    content: ""
}

.fa-step-backward::before {
    content: ""
}

.fa-bacon::before {
    content: ""
}

.fa-bacteria::before {
    content: ""
}

.fa-bacterium::before {
    content: ""
}

.fa-bag-shopping::before {
    content: ""
}

.fa-shopping-bag::before {
    content: ""
}

.fa-bahai::before {
    content: ""
}

.fa-baht-sign::before {
    content: ""
}

.fa-ban::before {
    content: ""
}

.fa-cancel::before {
    content: ""
}

.fa-ban-smoking::before {
    content: ""
}

.fa-smoking-ban::before {
    content: ""
}

.fa-bandage::before {
    content: ""
}

.fa-band-aid::before {
    content: ""
}

.fa-barcode::before {
    content: ""
}

.fa-bars::before {
    content: ""
}

.fa-navicon::before {
    content: ""
}

.fa-bars-progress::before {
    content: ""
}

.fa-tasks-alt::before {
    content: ""
}

.fa-bars-staggered::before {
    content: ""
}

.fa-reorder::before {
    content: ""
}

.fa-stream::before {
    content: ""
}

.fa-baseball::before {
    content: ""
}

.fa-baseball-ball::before {
    content: ""
}

.fa-baseball-bat-ball::before {
    content: ""
}

.fa-basket-shopping::before {
    content: ""
}

.fa-shopping-basket::before {
    content: ""
}

.fa-basketball::before {
    content: ""
}

.fa-basketball-ball::before {
    content: ""
}

.fa-bath::before {
    content: ""
}

.fa-bathtub::before {
    content: ""
}

.fa-battery-empty::before {
    content: ""
}

.fa-battery-0::before {
    content: ""
}

.fa-battery-full::before {
    content: ""
}

.fa-battery::before {
    content: ""
}

.fa-battery-5::before {
    content: ""
}

.fa-battery-half::before {
    content: ""
}

.fa-battery-3::before {
    content: ""
}

.fa-battery-quarter::before {
    content: ""
}

.fa-battery-2::before {
    content: ""
}

.fa-battery-three-quarters::before {
    content: ""
}

.fa-battery-4::before {
    content: ""
}

.fa-bed::before {
    content: ""
}

.fa-bed-pulse::before {
    content: ""
}

.fa-procedures::before {
    content: ""
}

.fa-beer-mug-empty::before {
    content: ""
}

.fa-beer::before {
    content: ""
}

.fa-bell::before {
    content: ""
}

.fa-bell-concierge::before {
    content: ""
}

.fa-concierge-bell::before {
    content: ""
}

.fa-bell-slash::before {
    content: ""
}

.fa-bezier-curve::before {
    content: ""
}

.fa-bicycle::before {
    content: ""
}

.fa-binoculars::before {
    content: ""
}

.fa-biohazard::before {
    content: ""
}

.fa-bitcoin-sign::before {
    content: ""
}

.fa-blender::before {
    content: ""
}

.fa-blender-phone::before {
    content: ""
}

.fa-blog::before {
    content: ""
}

.fa-bold::before {
    content: ""
}

.fa-bolt::before {
    content: ""
}

.fa-zap::before {
    content: ""
}

.fa-bolt-lightning::before {
    content: ""
}

.fa-bomb::before {
    content: ""
}

.fa-bone::before {
    content: ""
}

.fa-bong::before {
    content: ""
}

.fa-book::before {
    content: ""
}

.fa-book-atlas::before {
    content: ""
}

.fa-atlas::before {
    content: ""
}

.fa-book-bible::before {
    content: ""
}

.fa-bible::before {
    content: ""
}

.fa-book-journal-whills::before {
    content: ""
}

.fa-journal-whills::before {
    content: ""
}

.fa-book-medical::before {
    content: ""
}

.fa-book-open::before {
    content: ""
}

.fa-book-open-reader::before {
    content: ""
}

.fa-book-reader::before {
    content: ""
}

.fa-book-quran::before {
    content: ""
}

.fa-quran::before {
    content: ""
}

.fa-book-skull::before {
    content: ""
}

.fa-book-dead::before {
    content: ""
}

.fa-bookmark::before {
    content: ""
}

.fa-border-all::before {
    content: ""
}

.fa-border-none::before {
    content: ""
}

.fa-border-top-left::before {
    content: ""
}

.fa-border-style::before {
    content: ""
}

.fa-bowling-ball::before {
    content: ""
}

.fa-box::before {
    content: ""
}

.fa-box-archive::before {
    content: ""
}

.fa-archive::before {
    content: ""
}

.fa-box-open::before {
    content: ""
}

.fa-box-tissue::before {
    content: ""
}

.fa-boxes-stacked::before {
    content: ""
}

.fa-boxes::before {
    content: ""
}

.fa-boxes-alt::before {
    content: ""
}

.fa-braille::before {
    content: ""
}

.fa-brain::before {
    content: ""
}

.fa-brazilian-real-sign::before {
    content: ""
}

.fa-bread-slice::before {
    content: ""
}

.fa-briefcase::before {
    content: ""
}

.fa-briefcase-medical::before {
    content: ""
}

.fa-broom::before {
    content: ""
}

.fa-broom-ball::before {
    content: ""
}

.fa-quidditch::before {
    content: ""
}

.fa-quidditch-broom-ball::before {
    content: ""
}

.fa-brush::before {
    content: ""
}

.fa-bug::before {
    content: ""
}

.fa-bug-slash::before {
    content: ""
}

.fa-building::before {
    content: ""
}

.fa-building-columns::before {
    content: ""
}

.fa-bank::before {
    content: ""
}

.fa-institution::before {
    content: ""
}

.fa-museum::before {
    content: ""
}

.fa-university::before {
    content: ""
}

.fa-bullhorn::before {
    content: ""
}

.fa-bullseye::before {
    content: ""
}

.fa-burger::before {
    content: ""
}

.fa-hamburger::before {
    content: ""
}

.fa-bus::before {
    content: ""
}

.fa-bus-simple::before {
    content: ""
}

.fa-bus-alt::before {
    content: ""
}

.fa-business-time::before {
    content: ""
}

.fa-briefcase-clock::before {
    content: ""
}

.fa-c::before {
    content: "C"
}

.fa-cake-candles::before {
    content: ""
}

.fa-birthday-cake::before {
    content: ""
}

.fa-cake::before {
    content: ""
}

.fa-calculator::before {
    content: ""
}

.fa-calendar::before {
    content: ""
}

.fa-calendar-check::before {
    content: ""
}

.fa-calendar-day::before {
    content: ""
}

.fa-calendar-days::before {
    content: ""
}

.fa-calendar-alt::before {
    content: ""
}

.fa-calendar-minus::before {
    content: ""
}

.fa-calendar-plus::before {
    content: ""
}

.fa-calendar-week::before {
    content: ""
}

.fa-calendar-xmark::before {
    content: ""
}

.fa-calendar-times::before {
    content: ""
}

.fa-camera::before {
    content: ""
}

.fa-camera-alt::before {
    content: ""
}

.fa-camera-retro::before {
    content: ""
}

.fa-camera-rotate::before {
    content: ""
}

.fa-campground::before {
    content: ""
}

.fa-candy-cane::before {
    content: ""
}

.fa-cannabis::before {
    content: ""
}

.fa-capsules::before {
    content: ""
}

.fa-car::before {
    content: ""
}

.fa-automobile::before {
    content: ""
}

.fa-car-battery::before {
    content: ""
}

.fa-battery-car::before {
    content: ""
}

.fa-car-crash::before {
    content: ""
}

.fa-car-rear::before {
    content: ""
}

.fa-car-alt::before {
    content: ""
}

.fa-car-side::before {
    content: ""
}

.fa-caravan::before {
    content: ""
}

.fa-caret-down::before {
    content: ""
}

.fa-caret-left::before {
    content: ""
}

.fa-caret-right::before {
    content: ""
}

.fa-caret-up::before {
    content: ""
}

.fa-carrot::before {
    content: ""
}

.fa-cart-arrow-down::before {
    content: ""
}

.fa-cart-flatbed::before {
    content: ""
}

.fa-dolly-flatbed::before {
    content: ""
}

.fa-cart-flatbed-suitcase::before {
    content: ""
}

.fa-luggage-cart::before {
    content: ""
}

.fa-cart-plus::before {
    content: ""
}

.fa-cart-shopping::before {
    content: ""
}

.fa-shopping-cart::before {
    content: ""
}

.fa-cash-register::before {
    content: ""
}

.fa-cat::before {
    content: ""
}

.fa-cedi-sign::before {
    content: ""
}

.fa-cent-sign::before {
    content: ""
}

.fa-certificate::before {
    content: ""
}

.fa-chair::before {
    content: ""
}

.fa-chalkboard::before {
    content: ""
}

.fa-blackboard::before {
    content: ""
}

.fa-chalkboard-user::before {
    content: ""
}

.fa-chalkboard-teacher::before {
    content: ""
}

.fa-champagne-glasses::before {
    content: ""
}

.fa-glass-cheers::before {
    content: ""
}

.fa-charging-station::before {
    content: ""
}

.fa-chart-area::before {
    content: ""
}

.fa-area-chart::before {
    content: ""
}

.fa-chart-bar::before {
    content: ""
}

.fa-bar-chart::before {
    content: ""
}

.fa-chart-column::before {
    content: ""
}

.fa-chart-gantt::before {
    content: ""
}

.fa-chart-line::before {
    content: ""
}

.fa-line-chart::before {
    content: ""
}

.fa-chart-pie::before {
    content: ""
}

.fa-pie-chart::before {
    content: ""
}

.fa-check::before {
    content: ""
}

.fa-check-double::before {
    content: ""
}

.fa-check-to-slot::before {
    content: ""
}

.fa-vote-yea::before {
    content: ""
}

.fa-cheese::before {
    content: ""
}

.fa-chess::before {
    content: ""
}

.fa-chess-bishop::before {
    content: ""
}

.fa-chess-board::before {
    content: ""
}

.fa-chess-king::before {
    content: ""
}

.fa-chess-knight::before {
    content: ""
}

.fa-chess-pawn::before {
    content: ""
}

.fa-chess-queen::before {
    content: ""
}

.fa-chess-rook::before {
    content: ""
}

.fa-chevron-down::before {
    content: ""
}

.fa-chevron-left::before {
    content: ""
}

.fa-chevron-right::before {
    content: ""
}

.fa-chevron-up::before {
    content: ""
}

.fa-child::before {
    content: ""
}

.fa-church::before {
    content: ""
}

.fa-circle::before {
    content: ""
}

.fa-circle-arrow-down::before {
    content: ""
}

.fa-arrow-circle-down::before {
    content: ""
}

.fa-circle-arrow-left::before {
    content: ""
}

.fa-arrow-circle-left::before {
    content: ""
}

.fa-circle-arrow-right::before {
    content: ""
}

.fa-arrow-circle-right::before {
    content: ""
}

.fa-circle-arrow-up::before {
    content: ""
}

.fa-arrow-circle-up::before {
    content: ""
}

.fa-circle-check::before {
    content: ""
}

.fa-check-circle::before {
    content: ""
}

.fa-circle-chevron-down::before {
    content: ""
}

.fa-chevron-circle-down::before {
    content: ""
}

.fa-circle-chevron-left::before {
    content: ""
}

.fa-chevron-circle-left::before {
    content: ""
}

.fa-circle-chevron-right::before {
    content: ""
}

.fa-chevron-circle-right::before {
    content: ""
}

.fa-circle-chevron-up::before {
    content: ""
}

.fa-chevron-circle-up::before {
    content: ""
}

.fa-circle-dollar-to-slot::before {
    content: ""
}

.fa-donate::before {
    content: ""
}

.fa-circle-dot::before {
    content: ""
}

.fa-dot-circle::before {
    content: ""
}

.fa-circle-down::before {
    content: ""
}

.fa-arrow-alt-circle-down::before {
    content: ""
}

.fa-circle-exclamation::before {
    content: ""
}

.fa-exclamation-circle::before {
    content: ""
}

.fa-circle-h::before {
    content: ""
}

.fa-hospital-symbol::before {
    content: ""
}

.fa-circle-half-stroke::before {
    content: ""
}

.fa-adjust::before {
    content: ""
}

.fa-circle-info::before {
    content: ""
}

.fa-info-circle::before {
    content: ""
}

.fa-circle-left::before {
    content: ""
}

.fa-arrow-alt-circle-left::before {
    content: ""
}

.fa-circle-minus::before {
    content: ""
}

.fa-minus-circle::before {
    content: ""
}

.fa-circle-notch::before {
    content: ""
}

.fa-circle-pause::before {
    content: ""
}

.fa-pause-circle::before {
    content: ""
}

.fa-circle-play::before {
    content: ""
}

.fa-play-circle::before {
    content: ""
}

.fa-circle-plus::before {
    content: ""
}

.fa-plus-circle::before {
    content: ""
}

.fa-circle-question::before {
    content: ""
}

.fa-question-circle::before {
    content: ""
}

.fa-circle-radiation::before {
    content: ""
}

.fa-radiation-alt::before {
    content: ""
}

.fa-circle-right::before {
    content: ""
}

.fa-arrow-alt-circle-right::before {
    content: ""
}

.fa-circle-stop::before {
    content: ""
}

.fa-stop-circle::before {
    content: ""
}

.fa-circle-up::before {
    content: ""
}

.fa-arrow-alt-circle-up::before {
    content: ""
}

.fa-circle-user::before {
    content: ""
}

.fa-user-circle::before {
    content: ""
}

.fa-circle-xmark::before {
    content: ""
}

.fa-times-circle::before {
    content: ""
}

.fa-xmark-circle::before {
    content: ""
}

.fa-city::before {
    content: ""
}

.fa-clapperboard::before {
    content: ""
}

.fa-clipboard::before {
    content: ""
}

.fa-clipboard-check::before {
    content: ""
}

.fa-clipboard-list::before {
    content: ""
}

.fa-clock::before {
    content: ""
}

.fa-clock-four::before {
    content: ""
}

.fa-clock-rotate-left::before {
    content: ""
}

.fa-history::before {
    content: ""
}

.fa-clone::before {
    content: ""
}

.fa-closed-captioning::before {
    content: ""
}

.fa-cloud::before {
    content: ""
}

.fa-cloud-arrow-down::before {
    content: ""
}

.fa-cloud-download::before {
    content: ""
}

.fa-cloud-download-alt::before {
    content: ""
}

.fa-cloud-arrow-up::before {
    content: ""
}

.fa-cloud-upload::before {
    content: ""
}

.fa-cloud-upload-alt::before {
    content: ""
}

.fa-cloud-meatball::before {
    content: ""
}

.fa-cloud-moon::before {
    content: ""
}

.fa-cloud-moon-rain::before {
    content: ""
}

.fa-cloud-rain::before {
    content: ""
}

.fa-cloud-showers-heavy::before {
    content: ""
}

.fa-cloud-sun::before {
    content: ""
}

.fa-cloud-sun-rain::before {
    content: ""
}

.fa-clover::before {
    content: ""
}

.fa-code::before {
    content: ""
}

.fa-code-branch::before {
    content: ""
}

.fa-code-commit::before {
    content: ""
}

.fa-code-compare::before {
    content: ""
}

.fa-code-fork::before {
    content: ""
}

.fa-code-merge::before {
    content: ""
}

.fa-code-pull-request::before {
    content: ""
}

.fa-coins::before {
    content: ""
}

.fa-colon-sign::before {
    content: ""
}

.fa-comment::before {
    content: ""
}

.fa-comment-dollar::before {
    content: ""
}

.fa-comment-dots::before {
    content: ""
}

.fa-commenting::before {
    content: ""
}

.fa-comment-medical::before {
    content: ""
}

.fa-comment-slash::before {
    content: ""
}

.fa-comment-sms::before {
    content: ""
}

.fa-sms::before {
    content: ""
}

.fa-comments::before {
    content: ""
}

.fa-comments-dollar::before {
    content: ""
}

.fa-compact-disc::before {
    content: ""
}

.fa-compass::before {
    content: ""
}

.fa-compass-drafting::before {
    content: ""
}

.fa-drafting-compass::before {
    content: ""
}

.fa-compress::before {
    content: ""
}

.fa-computer-mouse::before {
    content: ""
}

.fa-mouse::before {
    content: ""
}

.fa-cookie::before {
    content: ""
}

.fa-cookie-bite::before {
    content: ""
}

.fa-copy::before {
    content: ""
}

.fa-copyright::before {
    content: ""
}

.fa-couch::before {
    content: ""
}

.fa-credit-card::before {
    content: ""
}

.fa-credit-card-alt::before {
    content: ""
}

.fa-crop::before {
    content: ""
}

.fa-crop-simple::before {
    content: ""
}

.fa-crop-alt::before {
    content: ""
}

.fa-cross::before {
    content: ""
}

.fa-crosshairs::before {
    content: ""
}

.fa-crow::before {
    content: ""
}

.fa-crown::before {
    content: ""
}

.fa-crutch::before {
    content: ""
}

.fa-cruzeiro-sign::before {
    content: ""
}

.fa-cube::before {
    content: ""
}

.fa-cubes::before {
    content: ""
}

.fa-d::before {
    content: "D"
}

.fa-database::before {
    content: ""
}

.fa-delete-left::before {
    content: ""
}

.fa-backspace::before {
    content: ""
}

.fa-democrat::before {
    content: ""
}

.fa-desktop::before {
    content: ""
}

.fa-desktop-alt::before {
    content: ""
}

.fa-dharmachakra::before {
    content: ""
}

.fa-diagram-next::before {
    content: ""
}

.fa-diagram-predecessor::before {
    content: ""
}

.fa-diagram-project::before {
    content: ""
}

.fa-project-diagram::before {
    content: ""
}

.fa-diagram-successor::before {
    content: ""
}

.fa-diamond::before {
    content: ""
}

.fa-diamond-turn-right::before {
    content: ""
}

.fa-directions::before {
    content: ""
}

.fa-dice::before {
    content: ""
}

.fa-dice-d20::before {
    content: ""
}

.fa-dice-d6::before {
    content: ""
}

.fa-dice-five::before {
    content: ""
}

.fa-dice-four::before {
    content: ""
}

.fa-dice-one::before {
    content: ""
}

.fa-dice-six::before {
    content: ""
}

.fa-dice-three::before {
    content: ""
}

.fa-dice-two::before {
    content: ""
}

.fa-disease::before {
    content: ""
}

.fa-divide::before {
    content: ""
}

.fa-dna::before {
    content: ""
}

.fa-dog::before {
    content: ""
}

.fa-dollar-sign::before {
    content: "\$"
}

.fa-dollar::before {
    content: "\$"
}

.fa-usd::before {
    content: "\$"
}

.fa-dolly::before {
    content: ""
}

.fa-dolly-box::before {
    content: ""
}

.fa-dong-sign::before {
    content: ""
}

.fa-door-closed::before {
    content: ""
}

.fa-door-open::before {
    content: ""
}

.fa-dove::before {
    content: ""
}

.fa-down-left-and-up-right-to-center::before {
    content: ""
}

.fa-compress-alt::before {
    content: ""
}

.fa-down-long::before {
    content: ""
}

.fa-long-arrow-alt-down::before {
    content: ""
}

.fa-download::before {
    content: ""
}

.fa-dragon::before {
    content: ""
}

.fa-draw-polygon::before {
    content: ""
}

.fa-droplet::before {
    content: ""
}

.fa-tint::before {
    content: ""
}

.fa-droplet-slash::before {
    content: ""
}

.fa-tint-slash::before {
    content: ""
}

.fa-drum::before {
    content: ""
}

.fa-drum-steelpan::before {
    content: ""
}

.fa-drumstick-bite::before {
    content: ""
}

.fa-dumbbell::before {
    content: ""
}

.fa-dumpster::before {
    content: ""
}

.fa-dumpster-fire::before {
    content: ""
}

.fa-dungeon::before {
    content: ""
}

.fa-e::before {
    content: "E"
}

.fa-ear-deaf::before {
    content: ""
}

.fa-deaf::before {
    content: ""
}

.fa-deafness::before {
    content: ""
}

.fa-hard-of-hearing::before {
    content: ""
}

.fa-ear-listen::before {
    content: ""
}

.fa-assistive-listening-systems::before {
    content: ""
}

.fa-earth-africa::before {
    content: ""
}

.fa-globe-africa::before {
    content: ""
}

.fa-earth-americas::before {
    content: ""
}

.fa-earth::before {
    content: ""
}

.fa-earth-america::before {
    content: ""
}

.fa-globe-americas::before {
    content: ""
}

.fa-earth-asia::before {
    content: ""
}

.fa-globe-asia::before {
    content: ""
}

.fa-earth-europe::before {
    content: ""
}

.fa-globe-europe::before {
    content: ""
}

.fa-earth-oceania::before {
    content: ""
}

.fa-globe-oceania::before {
    content: ""
}

.fa-egg::before {
    content: ""
}

.fa-eject::before {
    content: ""
}

.fa-elevator::before {
    content: ""
}

.fa-ellipsis::before {
    content: ""
}

.fa-ellipsis-h::before {
    content: ""
}

.fa-ellipsis-vertical::before {
    content: ""
}

.fa-ellipsis-v::before {
    content: ""
}

.fa-envelope::before {
    content: ""
}

.fa-envelope-open::before {
    content: ""
}

.fa-envelope-open-text::before {
    content: ""
}

.fa-envelopes-bulk::before {
    content: ""
}

.fa-mail-bulk::before {
    content: ""
}

.fa-equals::before {
    content: "\="
}

.fa-eraser::before {
    content: ""
}

.fa-ethernet::before {
    content: ""
}

.fa-euro-sign::before {
    content: ""
}

.fa-eur::before {
    content: ""
}

.fa-euro::before {
    content: ""
}

.fa-exclamation::before {
    content: "\!"
}

.fa-expand::before {
    content: ""
}

.fa-eye::before {
    content: ""
}

.fa-eye-dropper::before {
    content: ""
}

.fa-eye-dropper-empty::before {
    content: ""
}

.fa-eyedropper::before {
    content: ""
}

.fa-eye-low-vision::before {
    content: ""
}

.fa-low-vision::before {
    content: ""
}

.fa-eye-slash::before {
    content: ""
}

.fa-f::before {
    content: "F"
}

.fa-face-angry::before {
    content: ""
}

.fa-angry::before {
    content: ""
}

.fa-face-dizzy::before {
    content: ""
}

.fa-dizzy::before {
    content: ""
}

.fa-face-flushed::before {
    content: ""
}

.fa-flushed::before {
    content: ""
}

.fa-face-frown::before {
    content: ""
}

.fa-frown::before {
    content: ""
}

.fa-face-frown-open::before {
    content: ""
}

.fa-frown-open::before {
    content: ""
}

.fa-face-grimace::before {
    content: ""
}

.fa-grimace::before {
    content: ""
}

.fa-face-grin::before {
    content: ""
}

.fa-grin::before {
    content: ""
}

.fa-face-grin-beam::before {
    content: ""
}

.fa-grin-beam::before {
    content: ""
}

.fa-face-grin-beam-sweat::before {
    content: ""
}

.fa-grin-beam-sweat::before {
    content: ""
}

.fa-face-grin-hearts::before {
    content: ""
}

.fa-grin-hearts::before {
    content: ""
}

.fa-face-grin-squint::before {
    content: ""
}

.fa-grin-squint::before {
    content: ""
}

.fa-face-grin-squint-tears::before {
    content: ""
}

.fa-grin-squint-tears::before {
    content: ""
}

.fa-face-grin-stars::before {
    content: ""
}

.fa-grin-stars::before {
    content: ""
}

.fa-face-grin-tears::before {
    content: ""
}

.fa-grin-tears::before {
    content: ""
}

.fa-face-grin-tongue::before {
    content: ""
}

.fa-grin-tongue::before {
    content: ""
}

.fa-face-grin-tongue-squint::before {
    content: ""
}

.fa-grin-tongue-squint::before {
    content: ""
}

.fa-face-grin-tongue-wink::before {
    content: ""
}

.fa-grin-tongue-wink::before {
    content: ""
}

.fa-face-grin-wide::before {
    content: ""
}

.fa-grin-alt::before {
    content: ""
}

.fa-face-grin-wink::before {
    content: ""
}

.fa-grin-wink::before {
    content: ""
}

.fa-face-kiss::before {
    content: ""
}

.fa-kiss::before {
    content: ""
}

.fa-face-kiss-beam::before {
    content: ""
}

.fa-kiss-beam::before {
    content: ""
}

.fa-face-kiss-wink-heart::before {
    content: ""
}

.fa-kiss-wink-heart::before {
    content: ""
}

.fa-face-laugh::before {
    content: ""
}

.fa-laugh::before {
    content: ""
}

.fa-face-laugh-beam::before {
    content: ""
}

.fa-laugh-beam::before {
    content: ""
}

.fa-face-laugh-squint::before {
    content: ""
}

.fa-laugh-squint::before {
    content: ""
}

.fa-face-laugh-wink::before {
    content: ""
}

.fa-laugh-wink::before {
    content: ""
}

.fa-face-meh::before {
    content: ""
}

.fa-meh::before {
    content: ""
}

.fa-face-meh-blank::before {
    content: ""
}

.fa-meh-blank::before {
    content: ""
}

.fa-face-rolling-eyes::before {
    content: ""
}

.fa-meh-rolling-eyes::before {
    content: ""
}

.fa-face-sad-cry::before {
    content: ""
}

.fa-sad-cry::before {
    content: ""
}

.fa-face-sad-tear::before {
    content: ""
}

.fa-sad-tear::before {
    content: ""
}

.fa-face-smile::before {
    content: ""
}

.fa-smile::before {
    content: ""
}

.fa-face-smile-beam::before {
    content: ""
}

.fa-smile-beam::before {
    content: ""
}

.fa-face-smile-wink::before {
    content: ""
}

.fa-smile-wink::before {
    content: ""
}

.fa-face-surprise::before {
    content: ""
}

.fa-surprise::before {
    content: ""
}

.fa-face-tired::before {
    content: ""
}

.fa-tired::before {
    content: ""
}

.fa-fan::before {
    content: ""
}

.fa-faucet::before {
    content: ""
}

.fa-fax::before {
    content: ""
}

.fa-feather::before {
    content: ""
}

.fa-feather-pointed::before {
    content: ""
}

.fa-feather-alt::before {
    content: ""
}

.fa-file::before {
    content: ""
}

.fa-file-arrow-down::before {
    content: ""
}

.fa-file-download::before {
    content: ""
}

.fa-file-arrow-up::before {
    content: ""
}

.fa-file-upload::before {
    content: ""
}

.fa-file-audio::before {
    content: ""
}

.fa-file-code::before {
    content: ""
}

.fa-file-contract::before {
    content: ""
}

.fa-file-csv::before {
    content: ""
}

.fa-file-excel::before {
    content: ""
}

.fa-file-export::before {
    content: ""
}

.fa-arrow-right-from-file::before {
    content: ""
}

.fa-file-image::before {
    content: ""
}

.fa-file-import::before {
    content: ""
}

.fa-arrow-right-to-file::before {
    content: ""
}

.fa-file-invoice::before {
    content: ""
}

.fa-file-invoice-dollar::before {
    content: ""
}

.fa-file-lines::before {
    content: ""
}

.fa-file-alt::before {
    content: ""
}

.fa-file-text::before {
    content: ""
}

.fa-file-medical::before {
    content: ""
}

.fa-file-pdf::before {
    content: ""
}

.fa-file-powerpoint::before {
    content: ""
}

.fa-file-prescription::before {
    content: ""
}

.fa-file-signature::before {
    content: ""
}

.fa-file-video::before {
    content: ""
}

.fa-file-waveform::before {
    content: ""
}

.fa-file-medical-alt::before {
    content: ""
}

.fa-file-word::before {
    content: ""
}

.fa-file-zipper::before {
    content: ""
}

.fa-file-archive::before {
    content: ""
}

.fa-fill::before {
    content: ""
}

.fa-fill-drip::before {
    content: ""
}

.fa-film::before {
    content: ""
}

.fa-filter::before {
    content: ""
}

.fa-filter-circle-dollar::before {
    content: ""
}

.fa-funnel-dollar::before {
    content: ""
}

.fa-filter-circle-xmark::before {
    content: ""
}

.fa-fingerprint::before {
    content: ""
}

.fa-fire::before {
    content: ""
}

.fa-fire-extinguisher::before {
    content: ""
}

.fa-fire-flame-curved::before {
    content: ""
}

.fa-fire-alt::before {
    content: ""
}

.fa-fire-flame-simple::before {
    content: ""
}

.fa-burn::before {
    content: ""
}

.fa-fish::before {
    content: ""
}

.fa-flag::before {
    content: ""
}

.fa-flag-checkered::before {
    content: ""
}

.fa-flag-usa::before {
    content: ""
}

.fa-flask::before {
    content: ""
}

.fa-floppy-disk::before {
    content: ""
}

.fa-save::before {
    content: ""
}

.fa-florin-sign::before {
    content: ""
}

.fa-folder::before {
    content: ""
}

.fa-folder-minus::before {
    content: ""
}

.fa-folder-open::before {
    content: ""
}

.fa-folder-plus::before {
    content: ""
}

.fa-folder-tree::before {
    content: ""
}

.fa-font::before {
    content: ""
}

.fa-football::before {
    content: ""
}

.fa-football-ball::before {
    content: ""
}

.fa-forward::before {
    content: ""
}

.fa-forward-fast::before {
    content: ""
}

.fa-fast-forward::before {
    content: ""
}

.fa-forward-step::before {
    content: ""
}

.fa-step-forward::before {
    content: ""
}

.fa-franc-sign::before {
    content: ""
}

.fa-frog::before {
    content: ""
}

.fa-futbol::before {
    content: ""
}

.fa-futbol-ball::before {
    content: ""
}

.fa-soccer-ball::before {
    content: ""
}

.fa-g::before {
    content: "G"
}

.fa-gamepad::before {
    content: ""
}

.fa-gas-pump::before {
    content: ""
}

.fa-gauge::before {
    content: ""
}

.fa-dashboard::before {
    content: ""
}

.fa-gauge-med::before {
    content: ""
}

.fa-tachometer-alt-average::before {
    content: ""
}

.fa-gauge-high::before {
    content: ""
}

.fa-tachometer-alt::before {
    content: ""
}

.fa-tachometer-alt-fast::before {
    content: ""
}

.fa-gauge-simple::before {
    content: ""
}

.fa-gauge-simple-med::before {
    content: ""
}

.fa-tachometer-average::before {
    content: ""
}

.fa-gauge-simple-high::before {
    content: ""
}

.fa-tachometer::before {
    content: ""
}

.fa-tachometer-fast::before {
    content: ""
}

.fa-gavel::before {
    content: ""
}

.fa-legal::before {
    content: ""
}

.fa-gear::before {
    content: ""
}

.fa-cog::before {
    content: ""
}

.fa-gears::before {
    content: ""
}

.fa-cogs::before {
    content: ""
}

.fa-gem::before {
    content: ""
}

.fa-genderless::before {
    content: ""
}

.fa-ghost::before {
    content: ""
}

.fa-gift::before {
    content: ""
}

.fa-gifts::before {
    content: ""
}

.fa-glasses::before {
    content: ""
}

.fa-globe::before {
    content: ""
}

.fa-golf-ball-tee::before {
    content: ""
}

.fa-golf-ball::before {
    content: ""
}

.fa-gopuram::before {
    content: ""
}

.fa-graduation-cap::before {
    content: ""
}

.fa-mortar-board::before {
    content: ""
}

.fa-greater-than::before {
    content: "\>"
}

.fa-greater-than-equal::before {
    content: ""
}

.fa-grip::before {
    content: ""
}

.fa-grip-horizontal::before {
    content: ""
}

.fa-grip-lines::before {
    content: ""
}

.fa-grip-lines-vertical::before {
    content: ""
}

.fa-grip-vertical::before {
    content: ""
}

.fa-guarani-sign::before {
    content: ""
}

.fa-guitar::before {
    content: ""
}

.fa-gun::before {
    content: ""
}

.fa-h::before {
    content: "H"
}

.fa-hammer::before {
    content: ""
}

.fa-hamsa::before {
    content: ""
}

.fa-hand::before {
    content: ""
}

.fa-hand-paper::before {
    content: ""
}

.fa-hand-back-fist::before {
    content: ""
}

.fa-hand-rock::before {
    content: ""
}

.fa-hand-dots::before {
    content: ""
}

.fa-allergies::before {
    content: ""
}

.fa-hand-fist::before {
    content: ""
}

.fa-fist-raised::before {
    content: ""
}

.fa-hand-holding::before {
    content: ""
}

.fa-hand-holding-dollar::before {
    content: ""
}

.fa-hand-holding-usd::before {
    content: ""
}

.fa-hand-holding-droplet::before {
    content: ""
}

.fa-hand-holding-water::before {
    content: ""
}

.fa-hand-holding-heart::before {
    content: ""
}

.fa-hand-holding-medical::before {
    content: ""
}

.fa-hand-lizard::before {
    content: ""
}

.fa-hand-middle-finger::before {
    content: ""
}

.fa-hand-peace::before {
    content: ""
}

.fa-hand-point-down::before {
    content: ""
}

.fa-hand-point-left::before {
    content: ""
}

.fa-hand-point-right::before {
    content: ""
}

.fa-hand-point-up::before {
    content: ""
}

.fa-hand-pointer::before {
    content: ""
}

.fa-hand-scissors::before {
    content: ""
}

.fa-hand-sparkles::before {
    content: ""
}

.fa-hand-spock::before {
    content: ""
}

.fa-hands::before {
    content: ""
}

.fa-sign-language::before {
    content: ""
}

.fa-signing::before {
    content: ""
}

.fa-hands-asl-interpreting::before {
    content: ""
}

.fa-american-sign-language-interpreting::before {
    content: ""
}

.fa-asl-interpreting::before {
    content: ""
}

.fa-hands-american-sign-language-interpreting::before {
    content: ""
}

.fa-hands-bubbles::before {
    content: ""
}

.fa-hands-wash::before {
    content: ""
}

.fa-hands-clapping::before {
    content: ""
}

.fa-hands-holding::before {
    content: ""
}

.fa-hands-praying::before {
    content: ""
}

.fa-praying-hands::before {
    content: ""
}

.fa-handshake::before {
    content: ""
}

.fa-handshake-angle::before {
    content: ""
}

.fa-hands-helping::before {
    content: ""
}

.fa-handshake-simple-slash::before {
    content: ""
}

.fa-handshake-alt-slash::before {
    content: ""
}

.fa-handshake-slash::before {
    content: ""
}

.fa-hanukiah::before {
    content: ""
}

.fa-hard-drive::before {
    content: ""
}

.fa-hdd::before {
    content: ""
}

.fa-hashtag::before {
    content: "\#"
}

.fa-hat-cowboy::before {
    content: ""
}

.fa-hat-cowboy-side::before {
    content: ""
}

.fa-hat-wizard::before {
    content: ""
}

.fa-head-side-cough::before {
    content: ""
}

.fa-head-side-cough-slash::before {
    content: ""
}

.fa-head-side-mask::before {
    content: ""
}

.fa-head-side-virus::before {
    content: ""
}

.fa-heading::before {
    content: ""
}

.fa-header::before {
    content: ""
}

.fa-headphones::before {
    content: ""
}

.fa-headphones-simple::before {
    content: ""
}

.fa-headphones-alt::before {
    content: ""
}

.fa-headset::before {
    content: ""
}

.fa-heart::before {
    content: ""
}

.fa-heart-crack::before {
    content: ""
}

.fa-heart-broken::before {
    content: ""
}

.fa-heart-pulse::before {
    content: ""
}

.fa-heartbeat::before {
    content: ""
}

.fa-helicopter::before {
    content: ""
}

.fa-helmet-safety::before {
    content: ""
}

.fa-hard-hat::before {
    content: ""
}

.fa-hat-hard::before {
    content: ""
}

.fa-highlighter::before {
    content: ""
}

.fa-hippo::before {
    content: ""
}

.fa-hockey-puck::before {
    content: ""
}

.fa-holly-berry::before {
    content: ""
}

.fa-horse::before {
    content: ""
}

.fa-horse-head::before {
    content: ""
}

.fa-hospital::before {
    content: ""
}

.fa-hospital-alt::before {
    content: ""
}

.fa-hospital-wide::before {
    content: ""
}

.fa-hospital-user::before {
    content: ""
}

.fa-hot-tub-person::before {
    content: ""
}

.fa-hot-tub::before {
    content: ""
}

.fa-hotdog::before {
    content: ""
}

.fa-hotel::before {
    content: ""
}

.fa-hourglass::before {
    content: ""
}

.fa-hourglass-2::before {
    content: ""
}

.fa-hourglass-half::before {
    content: ""
}

.fa-hourglass-empty::before {
    content: ""
}

.fa-hourglass-end::before {
    content: ""
}

.fa-hourglass-3::before {
    content: ""
}

.fa-hourglass-start::before {
    content: ""
}

.fa-hourglass-1::before {
    content: ""
}

.fa-house::before {
    content: ""
}

.fa-home::before {
    content: ""
}

.fa-home-alt::before {
    content: ""
}

.fa-home-lg-alt::before {
    content: ""
}

.fa-house-chimney::before {
    content: ""
}

.fa-home-lg::before {
    content: ""
}

.fa-house-chimney-crack::before {
    content: ""
}

.fa-house-damage::before {
    content: ""
}

.fa-house-chimney-medical::before {
    content: ""
}

.fa-clinic-medical::before {
    content: ""
}

.fa-house-chimney-user::before {
    content: ""
}

.fa-house-chimney-window::before {
    content: ""
}

.fa-house-crack::before {
    content: ""
}

.fa-house-laptop::before {
    content: ""
}

.fa-laptop-house::before {
    content: ""
}

.fa-house-medical::before {
    content: ""
}

.fa-house-user::before {
    content: ""
}

.fa-home-user::before {
    content: ""
}

.fa-hryvnia-sign::before {
    content: ""
}

.fa-hryvnia::before {
    content: ""
}

.fa-i::before {
    content: "I"
}

.fa-i-cursor::before {
    content: ""
}

.fa-ice-cream::before {
    content: ""
}

.fa-icicles::before {
    content: ""
}

.fa-icons::before {
    content: ""
}

.fa-heart-music-camera-bolt::before {
    content: ""
}

.fa-id-badge::before {
    content: ""
}

.fa-id-card::before {
    content: ""
}

.fa-drivers-license::before {
    content: ""
}

.fa-id-card-clip::before {
    content: ""
}

.fa-id-card-alt::before {
    content: ""
}

.fa-igloo::before {
    content: ""
}

.fa-image::before {
    content: ""
}

.fa-image-portrait::before {
    content: ""
}

.fa-portrait::before {
    content: ""
}

.fa-images::before {
    content: ""
}

.fa-inbox::before {
    content: ""
}

.fa-indent::before {
    content: ""
}

.fa-indian-rupee-sign::before {
    content: ""
}

.fa-indian-rupee::before {
    content: ""
}

.fa-inr::before {
    content: ""
}

.fa-industry::before {
    content: ""
}

.fa-infinity::before {
    content: ""
}

.fa-info::before {
    content: ""
}

.fa-italic::before {
    content: ""
}

.fa-j::before {
    content: "J"
}

.fa-jedi::before {
    content: ""
}

.fa-jet-fighter::before {
    content: ""
}

.fa-fighter-jet::before {
    content: ""
}

.fa-joint::before {
    content: ""
}

.fa-k::before {
    content: "K"
}

.fa-kaaba::before {
    content: ""
}

.fa-key::before {
    content: ""
}

.fa-keyboard::before {
    content: ""
}

.fa-khanda::before {
    content: ""
}

.fa-kip-sign::before {
    content: ""
}

.fa-kit-medical::before {
    content: ""
}

.fa-first-aid::before {
    content: ""
}

.fa-kiwi-bird::before {
    content: ""
}

.fa-l::before {
    content: "L"
}

.fa-landmark::before {
    content: ""
}

.fa-language::before {
    content: ""
}

.fa-laptop::before {
    content: ""
}

.fa-laptop-code::before {
    content: ""
}

.fa-laptop-medical::before {
    content: ""
}

.fa-lari-sign::before {
    content: ""
}

.fa-layer-group::before {
    content: ""
}

.fa-leaf::before {
    content: ""
}

.fa-left-long::before {
    content: ""
}

.fa-long-arrow-alt-left::before {
    content: ""
}

.fa-left-right::before {
    content: ""
}

.fa-arrows-alt-h::before {
    content: ""
}

.fa-lemon::before {
    content: ""
}

.fa-less-than::before {
    content: "\<"
}

.fa-less-than-equal::before {
    content: ""
}

.fa-life-ring::before {
    content: ""
}

.fa-lightbulb::before {
    content: ""
}

.fa-link::before {
    content: ""
}

.fa-chain::before {
    content: ""
}

.fa-link-slash::before {
    content: ""
}

.fa-chain-broken::before {
    content: ""
}

.fa-chain-slash::before {
    content: ""
}

.fa-unlink::before {
    content: ""
}

.fa-lira-sign::before {
    content: ""
}

.fa-list::before {
    content: ""
}

.fa-list-squares::before {
    content: ""
}

.fa-list-check::before {
    content: ""
}

.fa-tasks::before {
    content: ""
}

.fa-list-ol::before {
    content: ""
}

.fa-list-1-2::before {
    content: ""
}

.fa-list-numeric::before {
    content: ""
}

.fa-list-ul::before {
    content: ""
}

.fa-list-dots::before {
    content: ""
}

.fa-litecoin-sign::before {
    content: ""
}

.fa-location-arrow::before {
    content: ""
}

.fa-location-crosshairs::before {
    content: ""
}

.fa-location::before {
    content: ""
}

.fa-location-dot::before {
    content: ""
}

.fa-map-marker-alt::before {
    content: ""
}

.fa-location-pin::before {
    content: ""
}

.fa-map-marker::before {
    content: ""
}

.fa-lock::before {
    content: ""
}

.fa-lock-open::before {
    content: ""
}

.fa-lungs::before {
    content: ""
}

.fa-lungs-virus::before {
    content: ""
}

.fa-m::before {
    content: "M"
}

.fa-magnet::before {
    content: ""
}

.fa-magnifying-glass::before {
    content: ""
}

.fa-search::before {
    content: ""
}

.fa-magnifying-glass-dollar::before {
    content: ""
}

.fa-search-dollar::before {
    content: ""
}

.fa-magnifying-glass-location::before {
    content: ""
}

.fa-search-location::before {
    content: ""
}

.fa-magnifying-glass-minus::before {
    content: ""
}

.fa-search-minus::before {
    content: ""
}

.fa-magnifying-glass-plus::before {
    content: ""
}

.fa-search-plus::before {
    content: ""
}

.fa-manat-sign::before {
    content: ""
}

.fa-map::before {
    content: ""
}

.fa-map-location::before {
    content: ""
}

.fa-map-marked::before {
    content: ""
}

.fa-map-location-dot::before {
    content: ""
}

.fa-map-marked-alt::before {
    content: ""
}

.fa-map-pin::before {
    content: ""
}

.fa-marker::before {
    content: ""
}

.fa-mars::before {
    content: ""
}

.fa-mars-and-venus::before {
    content: ""
}

.fa-mars-double::before {
    content: ""
}

.fa-mars-stroke::before {
    content: ""
}

.fa-mars-stroke-right::before {
    content: ""
}

.fa-mars-stroke-h::before {
    content: ""
}

.fa-mars-stroke-up::before {
    content: ""
}

.fa-mars-stroke-v::before {
    content: ""
}

.fa-martini-glass::before {
    content: ""
}

.fa-glass-martini-alt::before {
    content: ""
}

.fa-martini-glass-citrus::before {
    content: ""
}

.fa-cocktail::before {
    content: ""
}

.fa-martini-glass-empty::before {
    content: ""
}

.fa-glass-martini::before {
    content: ""
}

.fa-mask::before {
    content: ""
}

.fa-mask-face::before {
    content: ""
}

.fa-masks-theater::before {
    content: ""
}

.fa-theater-masks::before {
    content: ""
}

.fa-maximize::before {
    content: ""
}

.fa-expand-arrows-alt::before {
    content: ""
}

.fa-medal::before {
    content: ""
}

.fa-memory::before {
    content: ""
}

.fa-menorah::before {
    content: ""
}

.fa-mercury::before {
    content: ""
}

.fa-message::before {
    content: ""
}

.fa-comment-alt::before {
    content: ""
}

.fa-meteor::before {
    content: ""
}

.fa-microchip::before {
    content: ""
}

.fa-microphone::before {
    content: ""
}

.fa-microphone-lines::before {
    content: ""
}

.fa-microphone-alt::before {
    content: ""
}

.fa-microphone-lines-slash::before {
    content: ""
}

.fa-microphone-alt-slash::before {
    content: ""
}

.fa-microphone-slash::before {
    content: ""
}

.fa-microscope::before {
    content: ""
}

.fa-mill-sign::before {
    content: ""
}

.fa-minimize::before {
    content: ""
}

.fa-compress-arrows-alt::before {
    content: ""
}

.fa-minus::before {
    content: ""
}

.fa-subtract::before {
    content: ""
}

.fa-mitten::before {
    content: ""
}

.fa-mobile::before {
    content: ""
}

.fa-mobile-android::before {
    content: ""
}

.fa-mobile-phone::before {
    content: ""
}

.fa-mobile-button::before {
    content: ""
}

.fa-mobile-screen-button::before {
    content: ""
}

.fa-mobile-alt::before {
    content: ""
}

.fa-money-bill::before {
    content: ""
}

.fa-money-bill-1::before {
    content: ""
}

.fa-money-bill-alt::before {
    content: ""
}

.fa-money-bill-1-wave::before {
    content: ""
}

.fa-money-bill-wave-alt::before {
    content: ""
}

.fa-money-bill-wave::before {
    content: ""
}

.fa-money-check::before {
    content: ""
}

.fa-money-check-dollar::before {
    content: ""
}

.fa-money-check-alt::before {
    content: ""
}

.fa-monument::before {
    content: ""
}

.fa-moon::before {
    content: ""
}

.fa-mortar-pestle::before {
    content: ""
}

.fa-mosque::before {
    content: ""
}

.fa-motorcycle::before {
    content: ""
}

.fa-mountain::before {
    content: ""
}

.fa-mug-hot::before {
    content: ""
}

.fa-mug-saucer::before {
    content: ""
}

.fa-coffee::before {
    content: ""
}

.fa-music::before {
    content: ""
}

.fa-n::before {
    content: "N"
}

.fa-naira-sign::before {
    content: ""
}

.fa-network-wired::before {
    content: ""
}

.fa-neuter::before {
    content: ""
}

.fa-newspaper::before {
    content: ""
}

.fa-not-equal::before {
    content: ""
}

.fa-note-sticky::before {
    content: ""
}

.fa-sticky-note::before {
    content: ""
}

.fa-notes-medical::before {
    content: ""
}

.fa-o::before {
    content: "O"
}

.fa-object-group::before {
    content: ""
}

.fa-object-ungroup::before {
    content: ""
}

.fa-oil-can::before {
    content: ""
}

.fa-om::before {
    content: ""
}

.fa-otter::before {
    content: ""
}

.fa-outdent::before {
    content: ""
}

.fa-dedent::before {
    content: ""
}

.fa-p::before {
    content: "P"
}

.fa-pager::before {
    content: ""
}

.fa-paint-roller::before {
    content: ""
}

.fa-paintbrush::before {
    content: ""
}

.fa-paint-brush::before {
    content: ""
}

.fa-palette::before {
    content: ""
}

.fa-pallet::before {
    content: ""
}

.fa-panorama::before {
    content: ""
}

.fa-paper-plane::before {
    content: ""
}

.fa-paperclip::before {
    content: ""
}

.fa-parachute-box::before {
    content: ""
}

.fa-paragraph::before {
    content: ""
}

.fa-passport::before {
    content: ""
}

.fa-paste::before {
    content: ""
}

.fa-file-clipboard::before {
    content: ""
}

.fa-pause::before {
    content: ""
}

.fa-paw::before {
    content: ""
}

.fa-peace::before {
    content: ""
}

.fa-pen::before {
    content: ""
}

.fa-pen-clip::before {
    content: ""
}

.fa-pen-alt::before {
    content: ""
}

.fa-pen-fancy::before {
    content: ""
}

.fa-pen-nib::before {
    content: ""
}

.fa-pen-ruler::before {
    content: ""
}

.fa-pencil-ruler::before {
    content: ""
}

.fa-pen-to-square::before {
    content: ""
}

.fa-edit::before {
    content: ""
}

.fa-pencil::before {
    content: ""
}

.fa-pencil-alt::before {
    content: ""
}

.fa-people-arrows-left-right::before {
    content: ""
}

.fa-people-arrows::before {
    content: ""
}

.fa-people-carry-box::before {
    content: ""
}

.fa-people-carry::before {
    content: ""
}

.fa-pepper-hot::before {
    content: ""
}

.fa-percent::before {
    content: "\%"
}

.fa-percentage::before {
    content: "\%"
}

.fa-person::before {
    content: ""
}

.fa-male::before {
    content: ""
}

.fa-person-biking::before {
    content: ""
}

.fa-biking::before {
    content: ""
}

.fa-person-booth::before {
    content: ""
}

.fa-person-dots-from-line::before {
    content: ""
}

.fa-diagnoses::before {
    content: ""
}

.fa-person-dress::before {
    content: ""
}

.fa-female::before {
    content: ""
}

.fa-person-hiking::before {
    content: ""
}

.fa-hiking::before {
    content: ""
}

.fa-person-praying::before {
    content: ""
}

.fa-pray::before {
    content: ""
}

.fa-person-running::before {
    content: ""
}

.fa-running::before {
    content: ""
}

.fa-person-skating::before {
    content: ""
}

.fa-skating::before {
    content: ""
}

.fa-person-skiing::before {
    content: ""
}

.fa-skiing::before {
    content: ""
}

.fa-person-skiing-nordic::before {
    content: ""
}

.fa-skiing-nordic::before {
    content: ""
}

.fa-person-snowboarding::before {
    content: ""
}

.fa-snowboarding::before {
    content: ""
}

.fa-person-swimming::before {
    content: ""
}

.fa-swimmer::before {
    content: ""
}

.fa-person-walking::before {
    content: ""
}

.fa-walking::before {
    content: ""
}

.fa-person-walking-with-cane::before {
    content: ""
}

.fa-blind::before {
    content: ""
}

.fa-peseta-sign::before {
    content: ""
}

.fa-peso-sign::before {
    content: ""
}

.fa-phone::before {
    content: ""
}

.fa-phone-flip::before {
    content: ""
}

.fa-phone-alt::before {
    content: ""
}

.fa-phone-slash::before {
    content: ""
}

.fa-phone-volume::before {
    content: ""
}

.fa-volume-control-phone::before {
    content: ""
}

.fa-photo-film::before {
    content: ""
}

.fa-photo-video::before {
    content: ""
}

.fa-piggy-bank::before {
    content: ""
}

.fa-pills::before {
    content: ""
}

.fa-pizza-slice::before {
    content: ""
}

.fa-place-of-worship::before {
    content: ""
}

.fa-plane::before {
    content: ""
}

.fa-plane-arrival::before {
    content: ""
}

.fa-plane-departure::before {
    content: ""
}

.fa-plane-slash::before {
    content: ""
}

.fa-play::before {
    content: ""
}

.fa-plug::before {
    content: ""
}

.fa-plus::before {
    content: "\+"
}

.fa-add::before {
    content: "\+"
}

.fa-plus-minus::before {
    content: ""
}

.fa-podcast::before {
    content: ""
}

.fa-poo::before {
    content: ""
}

.fa-poo-storm::before {
    content: ""
}

.fa-poo-bolt::before {
    content: ""
}

.fa-poop::before {
    content: ""
}

.fa-power-off::before {
    content: ""
}

.fa-prescription::before {
    content: ""
}

.fa-prescription-bottle::before {
    content: ""
}

.fa-prescription-bottle-medical::before {
    content: ""
}

.fa-prescription-bottle-alt::before {
    content: ""
}

.fa-print::before {
    content: ""
}

.fa-pump-medical::before {
    content: ""
}

.fa-pump-soap::before {
    content: ""
}

.fa-puzzle-piece::before {
    content: ""
}

.fa-q::before {
    content: "Q"
}

.fa-qrcode::before {
    content: ""
}

.fa-question::before {
    content: "\?"
}

.fa-quote-left::before {
    content: ""
}

.fa-quote-left-alt::before {
    content: ""
}

.fa-quote-right::before {
    content: ""
}

.fa-quote-right-alt::before {
    content: ""
}

.fa-r::before {
    content: "R"
}

.fa-radiation::before {
    content: ""
}

.fa-rainbow::before {
    content: ""
}

.fa-receipt::before {
    content: ""
}

.fa-record-vinyl::before {
    content: ""
}

.fa-rectangle-ad::before {
    content: ""
}

.fa-ad::before {
    content: ""
}

.fa-rectangle-list::before {
    content: ""
}

.fa-list-alt::before {
    content: ""
}

.fa-rectangle-xmark::before {
    content: ""
}

.fa-rectangle-times::before {
    content: ""
}

.fa-times-rectangle::before {
    content: ""
}

.fa-window-close::before {
    content: ""
}

.fa-recycle::before {
    content: ""
}

.fa-registered::before {
    content: ""
}

.fa-repeat::before {
    content: ""
}

.fa-reply::before {
    content: ""
}

.fa-mail-reply::before {
    content: ""
}

.fa-reply-all::before {
    content: ""
}

.fa-mail-reply-all::before {
    content: ""
}

.fa-republican::before {
    content: ""
}

.fa-restroom::before {
    content: ""
}

.fa-retweet::before {
    content: ""
}

.fa-ribbon::before {
    content: ""
}

.fa-right-from-bracket::before {
    content: ""
}

.fa-sign-out-alt::before {
    content: ""
}

.fa-right-left::before {
    content: ""
}

.fa-exchange-alt::before {
    content: ""
}

.fa-right-long::before {
    content: ""
}

.fa-long-arrow-alt-right::before {
    content: ""
}

.fa-right-to-bracket::before {
    content: ""
}

.fa-sign-in-alt::before {
    content: ""
}

.fa-ring::before {
    content: ""
}

.fa-road::before {
    content: ""
}

.fa-robot::before {
    content: ""
}

.fa-rocket::before {
    content: ""
}

.fa-rotate::before {
    content: ""
}

.fa-sync-alt::before {
    content: ""
}

.fa-rotate-left::before {
    content: ""
}

.fa-rotate-back::before {
    content: ""
}

.fa-rotate-backward::before {
    content: ""
}

.fa-undo-alt::before {
    content: ""
}

.fa-rotate-right::before {
    content: ""
}

.fa-redo-alt::before {
    content: ""
}

.fa-rotate-forward::before {
    content: ""
}

.fa-route::before {
    content: ""
}

.fa-rss::before {
    content: ""
}

.fa-feed::before {
    content: ""
}

.fa-ruble-sign::before {
    content: ""
}

.fa-rouble::before {
    content: ""
}

.fa-rub::before {
    content: ""
}

.fa-ruble::before {
    content: ""
}

.fa-ruler::before {
    content: ""
}

.fa-ruler-combined::before {
    content: ""
}

.fa-ruler-horizontal::before {
    content: ""
}

.fa-ruler-vertical::before {
    content: ""
}

.fa-rupee-sign::before {
    content: ""
}

.fa-rupee::before {
    content: ""
}

.fa-rupiah-sign::before {
    content: ""
}

.fa-s::before {
    content: "S"
}

.fa-sailboat::before {
    content: ""
}

.fa-satellite::before {
    content: ""
}

.fa-satellite-dish::before {
    content: ""
}

.fa-scale-balanced::before {
    content: ""
}

.fa-balance-scale::before {
    content: ""
}

.fa-scale-unbalanced::before {
    content: ""
}

.fa-balance-scale-left::before {
    content: ""
}

.fa-scale-unbalanced-flip::before {
    content: ""
}

.fa-balance-scale-right::before {
    content: ""
}

.fa-school::before {
    content: ""
}

.fa-scissors::before {
    content: ""
}

.fa-cut::before {
    content: ""
}

.fa-screwdriver::before {
    content: ""
}

.fa-screwdriver-wrench::before {
    content: ""
}

.fa-tools::before {
    content: ""
}

.fa-scroll::before {
    content: ""
}

.fa-scroll-torah::before {
    content: ""
}

.fa-torah::before {
    content: ""
}

.fa-sd-card::before {
    content: ""
}

.fa-section::before {
    content: ""
}

.fa-seedling::before {
    content: ""
}

.fa-sprout::before {
    content: ""
}

.fa-server::before {
    content: ""
}

.fa-shapes::before {
    content: ""
}

.fa-triangle-circle-square::before {
    content: ""
}

.fa-share::before {
    content: ""
}

.fa-arrow-turn-right::before {
    content: ""
}

.fa-mail-forward::before {
    content: ""
}

.fa-share-from-square::before {
    content: ""
}

.fa-share-square::before {
    content: ""
}

.fa-share-nodes::before {
    content: ""
}

.fa-share-alt::before {
    content: ""
}

.fa-shekel-sign::before {
    content: ""
}

.fa-ils::before {
    content: ""
}

.fa-shekel::before {
    content: ""
}

.fa-sheqel::before {
    content: ""
}

.fa-sheqel-sign::before {
    content: ""
}

.fa-shield::before {
    content: ""
}

.fa-shield-blank::before {
    content: ""
}

.fa-shield-alt::before {
    content: ""
}

.fa-shield-virus::before {
    content: ""
}

.fa-ship::before {
    content: ""
}

.fa-shirt::before {
    content: ""
}

.fa-t-shirt::before {
    content: ""
}

.fa-tshirt::before {
    content: ""
}

.fa-shoe-prints::before {
    content: ""
}

.fa-shop::before {
    content: ""
}

.fa-store-alt::before {
    content: ""
}

.fa-shop-slash::before {
    content: ""
}

.fa-store-alt-slash::before {
    content: ""
}

.fa-shower::before {
    content: ""
}

.fa-shrimp::before {
    content: ""
}

.fa-shuffle::before {
    content: ""
}

.fa-random::before {
    content: ""
}

.fa-shuttle-space::before {
    content: ""
}

.fa-space-shuttle::before {
    content: ""
}

.fa-sign-hanging::before {
    content: ""
}

.fa-sign::before {
    content: ""
}

.fa-signal::before {
    content: ""
}

.fa-signal-5::before {
    content: ""
}

.fa-signal-perfect::before {
    content: ""
}

.fa-signature::before {
    content: ""
}

.fa-signs-post::before {
    content: ""
}

.fa-map-signs::before {
    content: ""
}

.fa-sim-card::before {
    content: ""
}

.fa-sink::before {
    content: ""
}

.fa-sitemap::before {
    content: ""
}

.fa-skull::before {
    content: ""
}

.fa-skull-crossbones::before {
    content: ""
}

.fa-slash::before {
    content: ""
}

.fa-sleigh::before {
    content: ""
}

.fa-sliders::before {
    content: ""
}

.fa-sliders-h::before {
    content: ""
}

.fa-smog::before {
    content: ""
}

.fa-smoking::before {
    content: ""
}

.fa-snowflake::before {
    content: ""
}

.fa-snowman::before {
    content: ""
}

.fa-snowplow::before {
    content: ""
}

.fa-soap::before {
    content: ""
}

.fa-socks::before {
    content: ""
}

.fa-solar-panel::before {
    content: ""
}

.fa-sort::before {
    content: ""
}

.fa-unsorted::before {
    content: ""
}

.fa-sort-down::before {
    content: ""
}

.fa-sort-desc::before {
    content: ""
}

.fa-sort-up::before {
    content: ""
}

.fa-sort-asc::before {
    content: ""
}

.fa-spa::before {
    content: ""
}

.fa-spaghetti-monster-flying::before {
    content: ""
}

.fa-pastafarianism::before {
    content: ""
}

.fa-spell-check::before {
    content: ""
}

.fa-spider::before {
    content: ""
}

.fa-spinner::before {
    content: ""
}

.fa-splotch::before {
    content: ""
}

.fa-spoon::before {
    content: ""
}

.fa-utensil-spoon::before {
    content: ""
}

.fa-spray-can::before {
    content: ""
}

.fa-spray-can-sparkles::before {
    content: ""
}

.fa-air-freshener::before {
    content: ""
}

.fa-square::before {
    content: ""
}

.fa-square-arrow-up-right::before {
    content: ""
}

.fa-external-link-square::before {
    content: ""
}

.fa-square-caret-down::before {
    content: ""
}

.fa-caret-square-down::before {
    content: ""
}

.fa-square-caret-left::before {
    content: ""
}

.fa-caret-square-left::before {
    content: ""
}

.fa-square-caret-right::before {
    content: ""
}

.fa-caret-square-right::before {
    content: ""
}

.fa-square-caret-up::before {
    content: ""
}

.fa-caret-square-up::before {
    content: ""
}

.fa-square-check::before {
    content: ""
}

.fa-check-square::before {
    content: ""
}

.fa-square-envelope::before {
    content: ""
}

.fa-envelope-square::before {
    content: ""
}

.fa-square-full::before {
    content: ""
}

.fa-square-h::before {
    content: ""
}

.fa-h-square::before {
    content: ""
}

.fa-square-minus::before {
    content: ""
}

.fa-minus-square::before {
    content: ""
}

.fa-square-parking::before {
    content: ""
}

.fa-parking::before {
    content: ""
}

.fa-square-pen::before {
    content: ""
}

.fa-pen-square::before {
    content: ""
}

.fa-pencil-square::before {
    content: ""
}

.fa-square-phone::before {
    content: ""
}

.fa-phone-square::before {
    content: ""
}

.fa-square-phone-flip::before {
    content: ""
}

.fa-phone-square-alt::before {
    content: ""
}

.fa-square-plus::before {
    content: ""
}

.fa-plus-square::before {
    content: ""
}

.fa-square-poll-horizontal::before {
    content: ""
}

.fa-poll-h::before {
    content: ""
}

.fa-square-poll-vertical::before {
    content: ""
}

.fa-poll::before {
    content: ""
}

.fa-square-root-variable::before {
    content: ""
}

.fa-square-root-alt::before {
    content: ""
}

.fa-square-rss::before {
    content: ""
}

.fa-rss-square::before {
    content: ""
}

.fa-square-share-nodes::before {
    content: ""
}

.fa-share-alt-square::before {
    content: ""
}

.fa-square-up-right::before {
    content: ""
}

.fa-external-link-square-alt::before {
    content: ""
}

.fa-square-xmark::before {
    content: ""
}

.fa-times-square::before {
    content: ""
}

.fa-xmark-square::before {
    content: ""
}

.fa-stairs::before {
    content: ""
}

.fa-stamp::before {
    content: ""
}

.fa-star::before {
    content: ""
}

.fa-star-and-crescent::before {
    content: ""
}

.fa-star-half::before {
    content: ""
}

.fa-star-half-stroke::before {
    content: ""
}

.fa-star-half-alt::before {
    content: ""
}

.fa-star-of-david::before {
    content: ""
}

.fa-star-of-life::before {
    content: ""
}

.fa-sterling-sign::before {
    content: ""
}

.fa-gbp::before {
    content: ""
}

.fa-pound-sign::before {
    content: ""
}

.fa-stethoscope::before {
    content: ""
}

.fa-stop::before {
    content: ""
}

.fa-stopwatch::before {
    content: ""
}

.fa-stopwatch-20::before {
    content: ""
}

.fa-store::before {
    content: ""
}

.fa-store-slash::before {
    content: ""
}

.fa-street-view::before {
    content: ""
}

.fa-strikethrough::before {
    content: ""
}

.fa-stroopwafel::before {
    content: ""
}

.fa-subscript::before {
    content: ""
}

.fa-suitcase::before {
    content: ""
}

.fa-suitcase-medical::before {
    content: ""
}

.fa-medkit::before {
    content: ""
}

.fa-suitcase-rolling::before {
    content: ""
}

.fa-sun::before {
    content: ""
}

.fa-superscript::before {
    content: ""
}

.fa-swatchbook::before {
    content: ""
}

.fa-synagogue::before {
    content: ""
}

.fa-syringe::before {
    content: ""
}

.fa-t::before {
    content: "T"
}

.fa-table::before {
    content: ""
}

.fa-table-cells::before {
    content: ""
}

.fa-th::before {
    content: ""
}

.fa-table-cells-large::before {
    content: ""
}

.fa-th-large::before {
    content: ""
}

.fa-table-columns::before {
    content: ""
}

.fa-columns::before {
    content: ""
}

.fa-table-list::before {
    content: ""
}

.fa-th-list::before {
    content: ""
}

.fa-table-tennis-paddle-ball::before {
    content: ""
}

.fa-ping-pong-paddle-ball::before {
    content: ""
}

.fa-table-tennis::before {
    content: ""
}

.fa-tablet::before {
    content: ""
}

.fa-tablet-android::before {
    content: ""
}

.fa-tablet-button::before {
    content: ""
}

.fa-tablet-screen-button::before {
    content: ""
}

.fa-tablet-alt::before {
    content: ""
}

.fa-tablets::before {
    content: ""
}

.fa-tachograph-digital::before {
    content: ""
}

.fa-digital-tachograph::before {
    content: ""
}

.fa-tag::before {
    content: ""
}

.fa-tags::before {
    content: ""
}

.fa-tape::before {
    content: ""
}

.fa-taxi::before {
    content: ""
}

.fa-cab::before {
    content: ""
}

.fa-teeth::before {
    content: ""
}

.fa-teeth-open::before {
    content: ""
}

.fa-temperature-empty::before {
    content: ""
}

.fa-temperature-0::before {
    content: ""
}

.fa-thermometer-0::before {
    content: ""
}

.fa-thermometer-empty::before {
    content: ""
}

.fa-temperature-full::before {
    content: ""
}

.fa-temperature-4::before {
    content: ""
}

.fa-thermometer-4::before {
    content: ""
}

.fa-thermometer-full::before {
    content: ""
}

.fa-temperature-half::before {
    content: ""
}

.fa-temperature-2::before {
    content: ""
}

.fa-thermometer-2::before {
    content: ""
}

.fa-thermometer-half::before {
    content: ""
}

.fa-temperature-high::before {
    content: ""
}

.fa-temperature-low::before {
    content: ""
}

.fa-temperature-quarter::before {
    content: ""
}

.fa-temperature-1::before {
    content: ""
}

.fa-thermometer-1::before {
    content: ""
}

.fa-thermometer-quarter::before {
    content: ""
}

.fa-temperature-three-quarters::before {
    content: ""
}

.fa-temperature-3::before {
    content: ""
}

.fa-thermometer-3::before {
    content: ""
}

.fa-thermometer-three-quarters::before {
    content: ""
}

.fa-tenge-sign::before {
    content: ""
}

.fa-tenge::before {
    content: ""
}

.fa-terminal::before {
    content: ""
}

.fa-text-height::before {
    content: ""
}

.fa-text-slash::before {
    content: ""
}

.fa-remove-format::before {
    content: ""
}

.fa-text-width::before {
    content: ""
}

.fa-thermometer::before {
    content: ""
}

.fa-thumbs-down::before {
    content: ""
}

.fa-thumbs-up::before {
    content: ""
}

.fa-thumbtack::before {
    content: ""
}

.fa-thumb-tack::before {
    content: ""
}

.fa-ticket::before {
    content: ""
}

.fa-ticket-simple::before {
    content: ""
}

.fa-ticket-alt::before {
    content: ""
}

.fa-timeline::before {
    content: ""
}

.fa-toggle-off::before {
    content: ""
}

.fa-toggle-on::before {
    content: ""
}

.fa-toilet::before {
    content: ""
}

.fa-toilet-paper::before {
    content: ""
}

.fa-toilet-paper-slash::before {
    content: ""
}

.fa-toolbox::before {
    content: ""
}

.fa-tooth::before {
    content: ""
}

.fa-torii-gate::before {
    content: ""
}

.fa-tower-broadcast::before {
    content: ""
}

.fa-broadcast-tower::before {
    content: ""
}

.fa-tractor::before {
    content: ""
}

.fa-trademark::before {
    content: ""
}

.fa-traffic-light::before {
    content: ""
}

.fa-trailer::before {
    content: ""
}

.fa-train::before {
    content: ""
}

.fa-train-subway::before {
    content: ""
}

.fa-subway::before {
    content: ""
}

.fa-train-tram::before {
    content: ""
}

.fa-tram::before {
    content: ""
}

.fa-transgender::before {
    content: ""
}

.fa-transgender-alt::before {
    content: ""
}

.fa-trash::before {
    content: ""
}

.fa-trash-arrow-up::before {
    content: ""
}

.fa-trash-restore::before {
    content: ""
}

.fa-trash-can::before {
    content: ""
}

.fa-trash-alt::before {
    content: ""
}

.fa-trash-can-arrow-up::before {
    content: ""
}

.fa-trash-restore-alt::before {
    content: ""
}

.fa-tree::before {
    content: ""
}

.fa-triangle-exclamation::before {
    content: ""
}

.fa-exclamation-triangle::before {
    content: ""
}

.fa-warning::before {
    content: ""
}

.fa-trophy::before {
    content: ""
}

.fa-truck::before {
    content: ""
}

.fa-truck-fast::before {
    content: ""
}

.fa-shipping-fast::before {
    content: ""
}

.fa-truck-medical::before {
    content: ""
}

.fa-ambulance::before {
    content: ""
}

.fa-truck-monster::before {
    content: ""
}

.fa-truck-moving::before {
    content: ""
}

.fa-truck-pickup::before {
    content: ""
}

.fa-truck-ramp-box::before {
    content: ""
}

.fa-truck-loading::before {
    content: ""
}

.fa-tty::before {
    content: ""
}

.fa-teletype::before {
    content: ""
}

.fa-turkish-lira-sign::before {
    content: ""
}

.fa-try::before {
    content: ""
}

.fa-turkish-lira::before {
    content: ""
}

.fa-turn-down::before {
    content: ""
}

.fa-level-down-alt::before {
    content: ""
}

.fa-turn-up::before {
    content: ""
}

.fa-level-up-alt::before {
    content: ""
}

.fa-tv::before {
    content: ""
}

.fa-television::before {
    content: ""
}

.fa-tv-alt::before {
    content: ""
}

.fa-u::before {
    content: "U"
}

.fa-umbrella::before {
    content: ""
}

.fa-umbrella-beach::before {
    content: ""
}

.fa-underline::before {
    content: ""
}

.fa-universal-access::before {
    content: ""
}

.fa-unlock::before {
    content: ""
}

.fa-unlock-keyhole::before {
    content: ""
}

.fa-unlock-alt::before {
    content: ""
}

.fa-up-down::before {
    content: ""
}

.fa-arrows-alt-v::before {
    content: ""
}

.fa-up-down-left-right::before {
    content: ""
}

.fa-arrows-alt::before {
    content: ""
}

.fa-up-long::before {
    content: ""
}

.fa-long-arrow-alt-up::before {
    content: ""
}

.fa-up-right-and-down-left-from-center::before {
    content: ""
}

.fa-expand-alt::before {
    content: ""
}

.fa-up-right-from-square::before {
    content: ""
}

.fa-external-link-alt::before {
    content: ""
}

.fa-upload::before {
    content: ""
}

.fa-user::before {
    content: ""
}

.fa-user-astronaut::before {
    content: ""
}

.fa-user-check::before {
    content: ""
}

.fa-user-clock::before {
    content: ""
}

.fa-user-doctor::before {
    content: ""
}

.fa-user-md::before {
    content: ""
}

.fa-user-gear::before {
    content: ""
}

.fa-user-cog::before {
    content: ""
}

.fa-user-graduate::before {
    content: ""
}

.fa-user-group::before {
    content: ""
}

.fa-user-friends::before {
    content: ""
}

.fa-user-injured::before {
    content: ""
}

.fa-user-large::before {
    content: ""
}

.fa-user-alt::before {
    content: ""
}

.fa-user-large-slash::before {
    content: ""
}

.fa-user-alt-slash::before {
    content: ""
}

.fa-user-lock::before {
    content: ""
}

.fa-user-minus::before {
    content: ""
}

.fa-user-ninja::before {
    content: ""
}

.fa-user-nurse::before {
    content: ""
}

.fa-user-pen::before {
    content: ""
}

.fa-user-edit::before {
    content: ""
}

.fa-user-plus::before {
    content: ""
}

.fa-user-secret::before {
    content: ""
}

.fa-user-shield::before {
    content: ""
}

.fa-user-slash::before {
    content: ""
}

.fa-user-tag::before {
    content: ""
}

.fa-user-tie::before {
    content: ""
}

.fa-user-xmark::before {
    content: ""
}

.fa-user-times::before {
    content: ""
}

.fa-users::before {
    content: ""
}

.fa-users-gear::before {
    content: ""
}

.fa-users-cog::before {
    content: ""
}

.fa-users-slash::before {
    content: ""
}

.fa-utensils::before {
    content: ""
}

.fa-cutlery::before {
    content: ""
}

.fa-v::before {
    content: "V"
}

.fa-van-shuttle::before {
    content: ""
}

.fa-shuttle-van::before {
    content: ""
}

.fa-vault::before {
    content: ""
}

.fa-vector-square::before {
    content: ""
}

.fa-venus::before {
    content: ""
}

.fa-venus-double::before {
    content: ""
}

.fa-venus-mars::before {
    content: ""
}

.fa-vest::before {
    content: ""
}

.fa-vest-patches::before {
    content: ""
}

.fa-vial::before {
    content: ""
}

.fa-vials::before {
    content: ""
}

.fa-video::before {
    content: ""
}

.fa-video-camera::before {
    content: ""
}

.fa-video-slash::before {
    content: ""
}

.fa-vihara::before {
    content: ""
}

.fa-virus::before {
    content: ""
}

.fa-virus-covid::before {
    content: ""
}

.fa-virus-covid-slash::before {
    content: ""
}

.fa-virus-slash::before {
    content: ""
}

.fa-viruses::before {
    content: ""
}

.fa-voicemail::before {
    content: ""
}

.fa-volleyball::before {
    content: ""
}

.fa-volleyball-ball::before {
    content: ""
}

.fa-volume-high::before {
    content: ""
}

.fa-volume-up::before {
    content: ""
}

.fa-volume-low::before {
    content: ""
}

.fa-volume-down::before {
    content: ""
}

.fa-volume-off::before {
    content: ""
}

.fa-volume-xmark::before {
    content: ""
}

.fa-volume-mute::before {
    content: ""
}

.fa-volume-times::before {
    content: ""
}

.fa-vr-cardboard::before {
    content: ""
}

.fa-w::before {
    content: "W"
}

.fa-wallet::before {
    content: ""
}

.fa-wand-magic::before {
    content: ""
}

.fa-magic::before {
    content: ""
}

.fa-wand-magic-sparkles::before {
    content: ""
}

.fa-magic-wand-sparkles::before {
    content: ""
}

.fa-wand-sparkles::before {
    content: ""
}

.fa-warehouse::before {
    content: ""
}

.fa-water::before {
    content: ""
}

.fa-water-ladder::before {
    content: ""
}

.fa-ladder-water::before {
    content: ""
}

.fa-swimming-pool::before {
    content: ""
}

.fa-wave-square::before {
    content: ""
}

.fa-weight-hanging::before {
    content: ""
}

.fa-weight-scale::before {
    content: ""
}

.fa-weight::before {
    content: ""
}

.fa-wheelchair::before {
    content: ""
}

.fa-whiskey-glass::before {
    content: ""
}

.fa-glass-whiskey::before {
    content: ""
}

.fa-wifi::before {
    content: ""
}

.fa-wifi-3::before {
    content: ""
}

.fa-wifi-strong::before {
    content: ""
}

.fa-wind::before {
    content: ""
}

.fa-window-maximize::before {
    content: ""
}

.fa-window-minimize::before {
    content: ""
}

.fa-window-restore::before {
    content: ""
}

.fa-wine-bottle::before {
    content: ""
}

.fa-wine-glass::before {
    content: ""
}

.fa-wine-glass-empty::before {
    content: ""
}

.fa-wine-glass-alt::before {
    content: ""
}

.fa-won-sign::before {
    content: ""
}

.fa-krw::before {
    content: ""
}

.fa-won::before {
    content: ""
}

.fa-wrench::before {
    content: ""
}

.fa-x::before {
    content: "X"
}

.fa-x-ray::before {
    content: ""
}

.fa-xmark::before {
    content: ""
}

.fa-close::before {
    content: ""
}

.fa-multiply::before {
    content: ""
}

.fa-remove::before {
    content: ""
}

.fa-times::before {
    content: ""
}

.fa-y::before {
    content: "Y"
}

.fa-yen-sign::before {
    content: ""
}

.fa-cny::before {
    content: ""
}

.fa-jpy::before {
    content: ""
}

.fa-rmb::before {
    content: ""
}

.fa-yen::before {
    content: ""
}

.fa-yin-yang::before {
    content: ""
}

.fa-z::before {
    content: "Z"
}

.sr-only,
.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-regular-400.woff2') format("woff2"), url('fa-regular-400.ttf') format("truetype")
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-brands-400.woff2') format("woff2"), url('fa-brands-400.ttf') format("truetype")
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa-42-group:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wirsindhandwerk:before {
    content: ""
}

.fa-wsh:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fa-solid-900.woff2') format("woff2"), url('fa-solid-900.ttf') format("truetype")
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa.fa-glass:before {
    content: ""
}

.fa.fa-envelope-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-o:before {
    content: ""
}

.fa.fa-star-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-o:before {
    content: ""
}

.fa.fa-remove:before {
    content: ""
}

.fa.fa-close:before {
    content: ""
}

.fa.fa-gear:before {
    content: ""
}

.fa.fa-trash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-trash-o:before {
    content: ""
}

.fa.fa-home:before {
    content: ""
}

.fa.fa-file-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-o:before {
    content: ""
}

.fa.fa-clock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-clock-o:before {
    content: ""
}

.fa.fa-arrow-circle-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-down:before {
    content: ""
}

.fa.fa-arrow-circle-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-up:before {
    content: ""
}

.fa.fa-play-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-play-circle-o:before {
    content: ""
}

.fa.fa-repeat:before {
    content: ""
}

.fa.fa-rotate-right:before {
    content: ""
}

.fa.fa-refresh:before {
    content: ""
}

.fa.fa-list-alt {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-list-alt:before {
    content: ""
}

.fa.fa-dedent:before {
    content: ""
}

.fa.fa-video-camera:before {
    content: ""
}

.fa.fa-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-picture-o:before {
    content: ""
}

.fa.fa-photo {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-photo:before {
    content: ""
}

.fa.fa-image {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-image:before {
    content: ""
}

.fa.fa-map-marker:before {
    content: ""
}

.fa.fa-pencil-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pencil-square-o:before {
    content: ""
}

.fa.fa-edit {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-edit:before {
    content: ""
}

.fa.fa-share-square-o:before {
    content: ""
}

.fa.fa-check-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-square-o:before {
    content: ""
}

.fa.fa-arrows:before {
    content: ""
}

.fa.fa-times-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-circle-o:before {
    content: ""
}

.fa.fa-check-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-circle-o:before {
    content: ""
}

.fa.fa-mail-forward:before {
    content: ""
}

.fa.fa-expand:before {
    content: ""
}

.fa.fa-compress:before {
    content: ""
}

.fa.fa-eye {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eye-slash {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-warning:before {
    content: ""
}

.fa.fa-calendar:before {
    content: ""
}

.fa.fa-arrows-v:before {
    content: ""
}

.fa.fa-arrows-h:before {
    content: ""
}

.fa.fa-bar-chart:before {
    content: ""
}

.fa.fa-bar-chart-o:before {
    content: ""
}

.fa.fa-twitter-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gears:before {
    content: ""
}

.fa.fa-thumbs-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-up:before {
    content: ""
}

.fa.fa-thumbs-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-down:before {
    content: ""
}

.fa.fa-heart-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-heart-o:before {
    content: ""
}

.fa.fa-sign-out:before {
    content: ""
}

.fa.fa-linkedin-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin-square:before {
    content: ""
}

.fa.fa-thumb-tack:before {
    content: ""
}

.fa.fa-external-link:before {
    content: ""
}

.fa.fa-sign-in:before {
    content: ""
}

.fa.fa-github-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lemon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lemon-o:before {
    content: ""
}

.fa.fa-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-square-o:before {
    content: ""
}

.fa.fa-bookmark-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bookmark-o:before {
    content: ""
}

.fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook:before {
    content: ""
}

.fa.fa-facebook-f {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-f:before {
    content: ""
}

.fa.fa-github {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-feed:before {
    content: ""
}

.fa.fa-hdd-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hdd-o:before {
    content: ""
}

.fa.fa-hand-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-right:before {
    content: ""
}

.fa.fa-hand-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-left:before {
    content: ""
}

.fa.fa-hand-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-up:before {
    content: ""
}

.fa.fa-hand-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-down:before {
    content: ""
}

.fa.fa-globe:before {
    content: ""
}

.fa.fa-tasks:before {
    content: ""
}

.fa.fa-arrows-alt:before {
    content: ""
}

.fa.fa-group:before {
    content: ""
}

.fa.fa-chain:before {
    content: ""
}

.fa.fa-cut:before {
    content: ""
}

.fa.fa-files-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-files-o:before {
    content: ""
}

.fa.fa-floppy-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-floppy-o:before {
    content: ""
}

.fa.fa-save {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-save:before {
    content: ""
}

.fa.fa-navicon:before {
    content: ""
}

.fa.fa-reorder:before {
    content: ""
}

.fa.fa-magic:before {
    content: ""
}

.fa.fa-pinterest {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pinterest-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus:before {
    content: ""
}

.fa.fa-money:before {
    content: ""
}

.fa.fa-unsorted:before {
    content: ""
}

.fa.fa-sort-desc:before {
    content: ""
}

.fa.fa-sort-asc:before {
    content: ""
}

.fa.fa-linkedin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin:before {
    content: ""
}

.fa.fa-rotate-left:before {
    content: ""
}

.fa.fa-legal:before {
    content: ""
}

.fa.fa-tachometer:before {
    content: ""
}

.fa.fa-dashboard:before {
    content: ""
}

.fa.fa-comment-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comment-o:before {
    content: ""
}

.fa.fa-comments-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comments-o:before {
    content: ""
}

.fa.fa-flash:before {
    content: ""
}

.fa.fa-clipboard:before {
    content: ""
}

.fa.fa-lightbulb-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lightbulb-o:before {
    content: ""
}

.fa.fa-exchange:before {
    content: ""
}

.fa.fa-cloud-download:before {
    content: ""
}

.fa.fa-cloud-upload:before {
    content: ""
}

.fa.fa-bell-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-o:before {
    content: ""
}

.fa.fa-cutlery:before {
    content: ""
}

.fa.fa-file-text-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-text-o:before {
    content: ""
}

.fa.fa-building-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-building-o:before {
    content: ""
}

.fa.fa-hospital-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hospital-o:before {
    content: ""
}

.fa.fa-tablet:before {
    content: ""
}

.fa.fa-mobile:before {
    content: ""
}

.fa.fa-mobile-phone:before {
    content: ""
}

.fa.fa-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-o:before {
    content: ""
}

.fa.fa-mail-reply:before {
    content: ""
}

.fa.fa-github-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-o:before {
    content: ""
}

.fa.fa-folder-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-open-o:before {
    content: ""
}

.fa.fa-smile-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-smile-o:before {
    content: ""
}

.fa.fa-frown-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-frown-o:before {
    content: ""
}

.fa.fa-meh-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-meh-o:before {
    content: ""
}

.fa.fa-keyboard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-keyboard-o:before {
    content: ""
}

.fa.fa-flag-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-flag-o:before {
    content: ""
}

.fa.fa-mail-reply-all:before {
    content: ""
}

.fa.fa-star-half-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-o:before {
    content: ""
}

.fa.fa-star-half-empty {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-empty:before {
    content: ""
}

.fa.fa-star-half-full {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-full:before {
    content: ""
}

.fa.fa-code-fork:before {
    content: ""
}

.fa.fa-chain-broken:before {
    content: ""
}

.fa.fa-unlink:before {
    content: ""
}

.fa.fa-calendar-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-o:before {
    content: ""
}

.fa.fa-maxcdn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-html5 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-css3 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-unlock-alt:before {
    content: ""
}

.fa.fa-minus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-minus-square-o:before {
    content: ""
}

.fa.fa-level-up:before {
    content: ""
}

.fa.fa-level-down:before {
    content: ""
}

.fa.fa-pencil-square:before {
    content: ""
}

.fa.fa-external-link-square:before {
    content: ""
}

.fa.fa-compass {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down:before {
    content: ""
}

.fa.fa-toggle-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-down:before {
    content: ""
}

.fa.fa-caret-square-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-up:before {
    content: ""
}

.fa.fa-toggle-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-up:before {
    content: ""
}

.fa.fa-caret-square-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-right:before {
    content: ""
}

.fa.fa-toggle-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-right:before {
    content: ""
}

.fa.fa-eur:before {
    content: ""
}

.fa.fa-euro:before {
    content: ""
}

.fa.fa-gbp:before {
    content: ""
}

.fa.fa-usd:before {
    content: "\$"
}

.fa.fa-dollar:before {
    content: "\$"
}

.fa.fa-inr:before {
    content: ""
}

.fa.fa-rupee:before {
    content: ""
}

.fa.fa-jpy:before {
    content: ""
}

.fa.fa-cny:before {
    content: ""
}

.fa.fa-rmb:before {
    content: ""
}

.fa.fa-yen:before {
    content: ""
}

.fa.fa-rub:before {
    content: ""
}

.fa.fa-ruble:before {
    content: ""
}

.fa.fa-rouble:before {
    content: ""
}

.fa.fa-krw:before {
    content: ""
}

.fa.fa-won:before {
    content: ""
}

.fa.fa-btc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin:before {
    content: ""
}

.fa.fa-file-text:before {
    content: ""
}

.fa.fa-sort-alpha-asc:before {
    content: ""
}

.fa.fa-sort-alpha-desc:before {
    content: ""
}

.fa.fa-sort-amount-asc:before {
    content: ""
}

.fa.fa-sort-amount-desc:before {
    content: ""
}

.fa.fa-sort-numeric-asc:before {
    content: ""
}

.fa.fa-sort-numeric-desc:before {
    content: ""
}

.fa.fa-youtube-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play:before {
    content: ""
}

.fa.fa-dropbox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-overflow {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-instagram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-flickr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-adn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square:before {
    content: ""
}

.fa.fa-tumblr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-tumblr-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-long-arrow-down:before {
    content: ""
}

.fa.fa-long-arrow-up:before {
    content: ""
}

.fa.fa-long-arrow-left:before {
    content: ""
}

.fa.fa-long-arrow-right:before {
    content: ""
}

.fa.fa-apple {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-windows {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-android {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linux {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dribbble {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skype {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-foursquare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-trello {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gratipay {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip:before {
    content: ""
}

.fa.fa-sun-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sun-o:before {
    content: ""
}

.fa.fa-moon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-moon-o:before {
    content: ""
}

.fa.fa-vk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-renren {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pagelines {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-exchange {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right:before {
    content: ""
}

.fa.fa-arrow-circle-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-left:before {
    content: ""
}

.fa.fa-caret-square-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-left:before {
    content: ""
}

.fa.fa-toggle-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-left:before {
    content: ""
}

.fa.fa-dot-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-dot-circle-o:before {
    content: ""
}

.fa.fa-vimeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-try:before {
    content: ""
}

.fa.fa-turkish-lira:before {
    content: ""
}

.fa.fa-plus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-plus-square-o:before {
    content: ""
}

.fa.fa-slack {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wordpress {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-openid {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-institution:before {
    content: ""
}

.fa.fa-bank:before {
    content: ""
}

.fa.fa-mortar-board:before {
    content: ""
}

.fa.fa-yahoo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-delicious {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-digg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-pp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-drupal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-joomla {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-automobile:before {
    content: ""
}

.fa.fa-cab:before {
    content: ""
}

.fa.fa-spotify {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-deviantart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-soundcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-pdf-o:before {
    content: ""
}

.fa.fa-file-word-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-word-o:before {
    content: ""
}

.fa.fa-file-excel-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-excel-o:before {
    content: ""
}

.fa.fa-file-powerpoint-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-powerpoint-o:before {
    content: ""
}

.fa.fa-file-image-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-image-o:before {
    content: ""
}

.fa.fa-file-photo-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-photo-o:before {
    content: ""
}

.fa.fa-file-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-picture-o:before {
    content: ""
}

.fa.fa-file-archive-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-archive-o:before {
    content: ""
}

.fa.fa-file-zip-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-zip-o:before {
    content: ""
}

.fa.fa-file-audio-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-audio-o:before {
    content: ""
}

.fa.fa-file-sound-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-sound-o:before {
    content: ""
}

.fa.fa-file-video-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-video-o:before {
    content: ""
}

.fa.fa-file-movie-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-movie-o:before {
    content: ""
}

.fa.fa-file-code-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-code-o:before {
    content: ""
}

.fa.fa-vine {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-codepen {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-jsfiddle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-life-bouy:before {
    content: ""
}

.fa.fa-life-buoy:before {
    content: ""
}

.fa.fa-life-saver:before {
    content: ""
}

.fa.fa-support:before {
    content: ""
}

.fa.fa-circle-o-notch:before {
    content: ""
}

.fa.fa-rebel {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra:before {
    content: ""
}

.fa.fa-resistance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-resistance:before {
    content: ""
}

.fa.fa-empire {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge:before {
    content: ""
}

.fa.fa-git-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-git {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hacker-news {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square:before {
    content: ""
}

.fa.fa-yc-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc-square:before {
    content: ""
}

.fa.fa-tencent-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-qq {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weixin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat:before {
    content: ""
}

.fa.fa-send:before {
    content: ""
}

.fa.fa-paper-plane-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-paper-plane-o:before {
    content: ""
}

.fa.fa-send-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-send-o:before {
    content: ""
}

.fa.fa-circle-thin {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-thin:before {
    content: ""
}

.fa.fa-header:before {
    content: ""
}

.fa.fa-futbol-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-futbol-o:before {
    content: ""
}

.fa.fa-soccer-ball-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-soccer-ball-o:before {
    content: ""
}

.fa.fa-slideshare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-twitch {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yelp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-newspaper-o:before {
    content: ""
}

.fa.fa-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-wallet {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-visa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-mastercard {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-discover {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-amex {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-stripe {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-slash-o:before {
    content: ""
}

.fa.fa-trash:before {
    content: ""
}

.fa.fa-copyright {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eyedropper:before {
    content: ""
}

.fa.fa-area-chart:before {
    content: ""
}

.fa.fa-pie-chart:before {
    content: ""
}

.fa.fa-line-chart:before {
    content: ""
}

.fa.fa-lastfm {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lastfm-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ioxhost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-angellist {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-cc:before {
    content: ""
}

.fa.fa-ils:before {
    content: ""
}

.fa.fa-shekel:before {
    content: ""
}

.fa.fa-sheqel:before {
    content: ""
}

.fa.fa-buysellads {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-connectdevelop {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dashcube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-forumbee {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-leanpub {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-sellsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-shirtsinbulk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-simplybuilt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skyatlas {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-diamond {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-diamond:before {
    content: ""
}

.fa.fa-transgender:before {
    content: ""
}

.fa.fa-intersex:before {
    content: ""
}

.fa.fa-transgender-alt:before {
    content: ""
}

.fa.fa-facebook-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-official:before {
    content: ""
}

.fa.fa-pinterest-p {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-whatsapp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hotel:before {
    content: ""
}

.fa.fa-viacoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-medium {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc:before {
    content: ""
}

.fa.fa-optin-monster {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opencart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-expeditedssl {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-battery-4:before {
    content: ""
}

.fa.fa-battery:before {
    content: ""
}

.fa.fa-battery-3:before {
    content: ""
}

.fa.fa-battery-2:before {
    content: ""
}

.fa.fa-battery-1:before {
    content: ""
}

.fa.fa-battery-0:before {
    content: ""
}

.fa.fa-object-group {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-object-ungroup {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o:before {
    content: ""
}

.fa.fa-cc-jcb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-diners-club {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-clone {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hourglass-o:before {
    content: ""
}

.fa.fa-hourglass-1:before {
    content: ""
}

.fa.fa-hourglass-half:before {
    content: ""
}

.fa.fa-hourglass-2:before {
    content: ""
}

.fa.fa-hourglass-3:before {
    content: ""
}

.fa.fa-hand-rock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-rock-o:before {
    content: ""
}

.fa.fa-hand-grab-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-grab-o:before {
    content: ""
}

.fa.fa-hand-paper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-paper-o:before {
    content: ""
}

.fa.fa-hand-stop-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-stop-o:before {
    content: ""
}

.fa.fa-hand-scissors-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-scissors-o:before {
    content: ""
}

.fa.fa-hand-lizard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-lizard-o:before {
    content: ""
}

.fa.fa-hand-spock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-spock-o:before {
    content: ""
}

.fa.fa-hand-pointer-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-pointer-o:before {
    content: ""
}

.fa.fa-hand-peace-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-peace-o:before {
    content: ""
}

.fa.fa-registered {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-creative-commons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-get-pocket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wikipedia-w {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-safari {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-chrome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-firefox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opera {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-internet-explorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-television:before {
    content: ""
}

.fa.fa-contao {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-500px {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-amazon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-plus-o:before {
    content: ""
}

.fa.fa-calendar-minus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-minus-o:before {
    content: ""
}

.fa.fa-calendar-times-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-times-o:before {
    content: ""
}

.fa.fa-calendar-check-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-check-o:before {
    content: ""
}

.fa.fa-map-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-map-o:before {
    content: ""
}

.fa.fa-commenting:before {
    content: ""
}

.fa.fa-commenting-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-commenting-o:before {
    content: ""
}

.fa.fa-houzz {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo:before {
    content: ""
}

.fa.fa-black-tie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fonticons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-alien {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-edge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card-alt:before {
    content: ""
}

.fa.fa-codiepie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-modx {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fort-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-usb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-product-hunt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-mixcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-scribd {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pause-circle-o:before {
    content: ""
}

.fa.fa-stop-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-stop-circle-o:before {
    content: ""
}

.fa.fa-bluetooth {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bluetooth-b {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gitlab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpbeginner {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpforms {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-envira {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt:before {
    content: ""
}

.fa.fa-question-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-question-circle-o:before {
    content: ""
}

.fa.fa-volume-control-phone:before {
    content: ""
}

.fa.fa-asl-interpreting:before {
    content: ""
}

.fa.fa-deafness:before {
    content: ""
}

.fa.fa-hard-of-hearing:before {
    content: ""
}

.fa.fa-glide {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-glide-g {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-signing:before {
    content: ""
}

.fa.fa-viadeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-viadeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost:before {
    content: ""
}

.fa.fa-snapchat-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-first-order {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yoast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-themeisle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official:before {
    content: ""
}

.fa.fa-google-plus-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-circle:before {
    content: ""
}

.fa.fa-font-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa:before {
    content: ""
}

.fa.fa-handshake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-handshake-o:before {
    content: ""
}

.fa.fa-envelope-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-open-o:before {
    content: ""
}

.fa.fa-linode {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-book-o:before {
    content: ""
}

.fa.fa-vcard:before {
    content: ""
}

.fa.fa-address-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-card-o:before {
    content: ""
}

.fa.fa-vcard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-vcard-o:before {
    content: ""
}

.fa.fa-user-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-circle-o:before {
    content: ""
}

.fa.fa-user-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-o:before {
    content: ""
}

.fa.fa-id-badge {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license:before {
    content: ""
}

.fa.fa-id-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-id-card-o:before {
    content: ""
}

.fa.fa-drivers-license-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license-o:before {
    content: ""
}

.fa.fa-quora {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-free-code-camp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-telegram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-thermometer-4:before {
    content: ""
}

.fa.fa-thermometer:before {
    content: ""
}

.fa.fa-thermometer-3:before {
    content: ""
}

.fa.fa-thermometer-2:before {
    content: ""
}

.fa.fa-thermometer-1:before {
    content: ""
}

.fa.fa-thermometer-0:before {
    content: ""
}

.fa.fa-bathtub:before {
    content: ""
}

.fa.fa-s15:before {
    content: ""
}

.fa.fa-window-maximize {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-restore {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle:before {
    content: ""
}

.fa.fa-window-close-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-close-o:before {
    content: ""
}

.fa.fa-times-rectangle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle-o:before {
    content: ""
}

.fa.fa-bandcamp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-grav {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-etsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-imdb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ravelry {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast:before {
    content: ""
}

.fa.fa-snowflake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-snowflake-o:before {
    content: ""
}

.fa.fa-superpowers {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpexplorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-meetup {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    touch-action: pan-y
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: none
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid rgba(0, 0, 0, 0)
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-loading .slick-list {
    background: #fff url('ajax-loader.gif') center center no-repeat
}

/*@font-face {*/
/*    font-family: "slick";*/
/*    src: url("./fonts/slick.eot");*/
/*    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("/public/assets/css/fonts/") format("woff"), url("/public/assets/css/fonts/") format("truetype"), url("/public/assets/css/fonts/slick.svg#slick") format("svg");*/
/*    font-weight: normal;*/
/*    font-style: normal*/
/*}*/

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0);
    top: 50%;
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: rgba(0, 0, 0, 0);
    color: rgba(0, 0, 0, 0)
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25
}

.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: -25px
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

.slick-prev:before {
    content: "←"
}

[dir=rtl] .slick-prev:before {
    content: "→"
}

.slick-next {
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-next:before {
    content: "→"
}

[dir=rtl] .slick-next:before {
    content: "←"
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    border: 0;
    background: rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: rgba(0, 0, 0, 0);
    padding: 5px;
    cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
    outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
    opacity: 1
}

.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
    color: #000;
    opacity: .75
}

:root {
    --theme-color: #e63118;
    --theme-color-rgb: 13, 164, 135;
    --theme-color1: #0e947a;
    --theme-color1-rgb: 14, 148, 122;
    --theme-color2: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%)
}

@keyframes scaleUpDown {

    0%,
    100% {
        transform: scaleY(1) scaleX(1)
    }

    50%,
    90% {
        transform: scaleY(1.1)
    }

    75% {
        transform: scaleY(0.95)
    }

    80% {
        transform: scaleX(0.95)
    }
}

@keyframes shake {

    0%,
    100% {
        transform: skewX(0) scale(1)
    }

    50% {
        transform: skewX(5deg) scale(0.9)
    }
}

@keyframes particleUp {
    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 0;
        top: -100%;
        transform: scale(0.5)
    }
}

@keyframes shape {
    0% {
        background-position: 100% 0
    }

    50% {
        background-position: 50% 50%
    }

    100% {
        background-position: 0 100%
    }
}

@keyframes rounded {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(180deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@keyframes move {
    0% {
        transform: scale(1) rotate(0deg) translate3d(0, 0, 1px)
    }

    30% {
        opacity: 1
    }

    100% {
        z-index: 10;
        transform: scale(0) rotate(360deg) translate3d(0, 0, 1px)
    }
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-10px)
    }
}

@keyframes flash {
    0% {
        opacity: .4;
        transition: .3s ease-in-out
    }

    100% {
        opacity: 1;
        transition: .3s ease-in-out
    }
}

@keyframes shake {
    0% {
        transform: translate(3px, 0)
    }

    50% {
        transform: translate(-3px, 0)
    }

    100% {
        transform: translate(0, 0)
    }
}

@keyframes grow {

    0%,
    100% {
        transform: scale(0);
        opacity: 0
    }

    50% {
        transform: scale(1);
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes product-fade {
    0% {
        opacity: 0;
        transform: translate3d(100%, 0, 0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

.accordion-box {
    display: grid;
    gap: 24px
}

.accordion-box .accordion-item {
    border: 1px solid #ececec;
    border-radius: 6px;
    overflow: hidden
}

.accordion-box .accordion-item .accordion-header.collapsed .accordion-button {
    border-bottom: unset
}

.accordion-box .accordion-item .accordion-header .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #222;
    background-color: #f8f8f8;
    box-shadow: unset;
    font-size: 18px;
    font-weight: 600;
    border-bottom: 1px solid #ececec
}

.accordion-box .accordion-item .accordion-header .accordion-button::after {
    content: "";
    position: relative;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background: unset;
    font-size: 16px;
    width: auto;
    height: auto;
    line-height: 1;
    margin: 0;
    color: #777
}

.accordion-box .accordion-item .accordion-header .accordion-button:focus {
    z-index: 0;
    border-color: rgba(0, 0, 0, 0);
    outline: 0;
    box-shadow: unset
}

.accordion-box .accordion-item .accordion-body .product-description .ckeditor-content p {
    font-size: 15px
}

.alert {
    font-size: 15px;
    letter-spacing: .3px;
    padding: 18px 24px
}

@media(max-width: 575px) {
    .alert {
        top: 0px !important;
        right: 0px !important;
        margin: 12px !important;
        width: fit-content
    }
}

.alert .alert-success {
    background: #39da8a !important;
    color: #fff !important;
    border: none
}

.alert .alert-success .close {
    color: #fff;
    opacity: 1;
    top: -4px;
    text-shadow: none;
    font-weight: 400;
    font-size: 24px
}

.alert .btn-close {
    top: 50% !important;
    transform: translateY(-50%) !important
}

[dir=rtl] .alert .btn-close {
    right: unset !important;
    left: 10px !important
}

[data-notify=icon] {
    margin-right: 5px
}

[dir=rtl] [data-notify=icon] {
    margin-right: unset;
    margin-left: 5px
}

[data-notify=progressbar] {
    width: 100%;
    height: 5px;
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 0
}

.progress-bar-info {
    background-color: #0c5460
}

.add-cart-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    position: fixed;
    top: -90px;
    right: calc(10px + 10*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    align-items: center;
    padding: 5px 10px;
    box-shadow: 0px 3px 5px rgba(34, 34, 34, .129);
    border-radius: 5px;
    transition: all .3s ease-in-out;
    background-color: #fff;
    z-index: 6
}

.add-cart-box.show {
    top: calc(10px + 10*(100vw - 320px)/1600)
}

.add-cart-box .add-image {
    width: 50px;
    height: auto
}

.add-cart-box .btn-close {
    color: #fff;
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none;
    position: absolute;
    top: -6px;
    right: -6px
}

.add-cart-box .add-contain h6 {
    font-weight: 600
}

.breadcrumb-section {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden
}

.breadcrumb-section .breadcrumb-contain {
    padding: calc(26px + 14*(100vw - 320px)/1600) 0;
    text-align: center;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .breadcrumb-section .breadcrumb-contain {
        display: block
    }
}

.breadcrumb-section .breadcrumb-contain h2 {
    font-weight: 700;
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 0
}

@media(max-width: 480px) {
    .breadcrumb-section .breadcrumb-contain h2 {
        text-align: center;
        margin-bottom: 8px
    }
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
    position: relative;
    width: 70%;
    margin: 0 auto
}

@media(max-width: 575px) {
    .breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
        width: 90%
    }
}

@media(max-width: 360px) {
    .breadcrumb-section .breadcrumb-contain .search-box-breadcrumb {
        width: 100%
    }
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb input {
    width: 100%;
    border: none;
    border-radius: 6px;
    font-size: 15px
}

.breadcrumb-section .breadcrumb-contain .search-box-breadcrumb i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: calc(14px + 6*(100vw - 320px)/1600);
    color: #4a5568;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.breadcrumb-section .breadcrumb-contain nav {
    margin-left: auto
}

[dir=rtl] .breadcrumb-section .breadcrumb-contain nav {
    margin-left: unset;
    margin-right: auto
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item {
    font-weight: 500
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item i {
    color: #4a5568
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active {
    color: #000;
    margin-top: 2px
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative
}

[dir=rtl] .breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 8px
}

.breadcrumb-section .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #4a5568
}

.breadcrumb-section .breadcrumb-order {
    display: block
}

.breadcrumb-section .breadcrumb-order .order-box .order-image {
    width: calc(170px + 80*(100vw - 320px)/1600);
    height: auto;
    margin: 0 auto calc(16px + 12*(100vw - 320px)/1600)
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star {
    position: absolute;
    animation: grow 3s infinite;
    fill: var(--theme-color);
    opacity: 0
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    height: 20px;
    width: 20px;
    left: 82px;
    top: -12px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    animation-delay: 1.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    animation-delay: 3s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    animation-delay: 4.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    animation-delay: 6s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    animation-delay: 7.5s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    animation-delay: 9s
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.breadcrumb-section .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.breadcrumb-section .breadcrumb-order .order-box .order-image i {
    font-size: 50px;
    color: #4ead4e
}

.breadcrumb-section .breadcrumb-order .order-box .order-image h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.breadcrumb-section .breadcrumb-order .order-box .order-image p {
    font-size: 18px;
    text-transform: capitalize
}

.breadcrumb-section .breadcrumb-order .order-box .order-image.order-fail i {
    color: var(--theme-color)
}

.breadcrumb-section .breadcrumb-order .order-box .order-contain h3 {
    font-size: calc(21px + 3*(100vw - 320px)/1600);
    font-weight: 700;
    margin-bottom: 6px
}

.breadcrumb-section .breadcrumb-order .order-box .order-contain h5 {
    margin-bottom: 8px;
    line-height: 1.4
}

.digital-breadcrumb {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    border-block: 1px solid rgba(34, 34, 34, .07)
}

.digital-breadcrumb .product-title {
    text-align: left;
    margin: 0
}

[dir=rtl] .digital-breadcrumb .product-title {
    text-align: right
}

.digital-breadcrumb .product-title .name {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.digital-breadcrumb .product-title .title-content-list {
    margin-top: 8px
}

.digital-breadcrumb .product-title .title-content-list>li {
    position: relative
}

.digital-breadcrumb .product-title .title-content-list>li+li {
    padding-left: 15px;
    margin-left: 8px
}

[dir=rtl] .digital-breadcrumb .product-title .title-content-list>li+li {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px
}

.digital-breadcrumb .product-title .title-content-list>li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    left: 0;
    background-color: #ddd;
    border-radius: 100%
}

[dir=rtl] .digital-breadcrumb .product-title .title-content-list>li+li::before {
    left: unset;
    right: 0
}

.digital-breadcrumb .product-title .title-content-list>li .content {
    color: #777;
    display: inline-block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 400
}

.digital-breadcrumb .product-title .title-content-list>li .content i {
    font-size: 18px;
    margin-right: 5px
}

.dark .digital-breadcrumb .product-title .title-content-list>li .content {
    color: #ddd
}

.digital-breadcrumb .product-title .title-content-list>li .content a {
    color: #222;
    font-weight: 500;
    text-decoration: underline
}

.digital-breadcrumb .product-title .title-content-list>li .content a .feather {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.digital-breadcrumb .product-title .title-content-list>li .content .feather {
    width: 17px;
    height: 17px
}

.digital-breadcrumb .breadcrumb-contain {
    padding: 20px 0;
    text-align: center;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: flex;
    align-items: center
}

.digital-breadcrumb .breadcrumb-contain .product-title .name {
    margin-top: -6px
}

@media(max-width: 480px) {
    .digital-breadcrumb .breadcrumb-contain {
        display: block
    }
}

.digital-breadcrumb .breadcrumb-contain h2 {
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 0
}

@media(max-width: 480px) {
    .digital-breadcrumb .breadcrumb-contain h2 {
        text-align: center;
        margin-bottom: 8px
    }
}

.digital-breadcrumb .breadcrumb-contain nav {
    margin-left: auto
}

[dir=rtl] .digital-breadcrumb .breadcrumb-contain nav {
    margin-left: unset;
    margin-right: auto
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb {
    display: flex;
    align-items: center;
    justify-content: center
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item {
    font-weight: 500
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item i {
    color: #4a5568
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item.active {
    color: #000;
    margin-top: 2px
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    position: relative
}

[dir=rtl] .digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
    padding-right: 8px
}

.digital-breadcrumb .breadcrumb-contain nav .breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #4a5568
}

.digital-breadcrumb .breadcrumb-order {
    display: block
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image {
    width: calc(170px + 80*(100vw - 320px)/1600);
    height: auto;
    margin: 0 auto calc(16px + 12*(100vw - 320px)/1600)
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star {
    position: absolute;
    animation: grow 3s infinite;
    fill: var(--theme-color);
    opacity: 0
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    width: 12px;
    height: 12px;
    left: 12px;
    top: 16px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    width: 18px;
    height: 18px;
    left: 168px;
    top: 84px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    width: 10px;
    height: 10px;
    left: 32px;
    top: 162px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    height: 20px;
    width: 20px;
    left: 82px;
    top: -12px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    width: 14px;
    height: 14px;
    left: 125px;
    top: 162px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    width: 10px;
    height: 10px;
    left: 16px;
    top: 16px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(1) {
    animation-delay: 1.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(2) {
    animation-delay: 3s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(3) {
    animation-delay: 4.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(4) {
    animation-delay: 6s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(5) {
    animation-delay: 7.5s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .star:nth-child(6) {
    animation-delay: 9s
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark {
    position: relative;
    padding: 30px;
    animation: checkmark 5m cubic-bezier(0.42, 0, 0.275, 1.155) both;
    display: inline-block;
    transform: scale(0.8);
    margin: -20px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__check {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
    transform: translate3d(-50%, -50%, 0);
    fill: #fff
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image .checkmark__background {
    fill: var(--theme-color);
    animation: rotate 35s linear both infinite
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image i {
    font-size: 50px;
    color: #4ead4e
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image h2 {
    margin-top: 10px;
    margin-bottom: 15px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image p {
    font-size: 18px;
    text-transform: capitalize
}

.digital-breadcrumb .breadcrumb-order .order-box .order-image.order-fail i {
    color: var(--theme-color)
}

.digital-breadcrumb .breadcrumb-order .order-box .order-contain h3 {
    font-size: calc(21px + 3*(100vw - 320px)/1600);
    font-weight: 700;
    margin-bottom: 6px
}

.digital-breadcrumb .breadcrumb-order .order-box .order-contain h5 {
    margin-bottom: 8px;
    line-height: 1.4
}

.faq-breadcrumb {
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden
}

.faq-breadcrumb .breadcrumb-contain {
    padding: calc(26px + 34*(100vw - 320px)/1600) 0;
    text-align: center;
    color: #222;
    display: block
}

.faq-breadcrumb .breadcrumb-contain h2 {
    font-size: calc(22px + 26*(100vw - 320px)/1600);
    font-weight: 700;
    margin-top: -6px
}

.faq-breadcrumb .breadcrumb-contain p {
    margin: calc(11px + 5*(100vw - 320px)/1600) auto 0;
    color: #4a5568;
    width: 50%;
    line-height: 1.7;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

@media(max-width: 1660px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 60%
    }
}

@media(max-width: 1366px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-breadcrumb .breadcrumb-contain p {
        width: 100%
    }
}

.faq-breadcrumb .breadcrumb-contain p span {
    display: inline
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag {
    position: relative;
    margin: calc(18px + 17*(100vw - 320px)/1600) auto 0;
    width: 50%
}

@media(max-width: 1660px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 60%
    }
}

@media(max-width: 1366px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-breadcrumb .breadcrumb-contain .faq-form-tag {
        width: 100%
    }
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group {
    background-color: #fff
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group i {
    display: flex;
    align-items: center;
    padding: 0 calc(12px + 8*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control {
    padding-left: 0;
    border: none
}

[dir=rtl] .faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control {
    padding-left: unset;
    padding-right: 0
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .form-control:focus {
    background-color: rgba(0, 0, 0, 0)
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-menu li {
    display: block
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    z-index: 0
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button::after {
    content: unset
}

.faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button i {
    position: relative;
    padding: 0;
    margin-left: 5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .faq-breadcrumb .breadcrumb-contain .faq-form-tag .input-group .faq-dropdown-button i {
    margin-left: unset;
    margin-right: 5px
}

.vendor-breadcrumb-section {
    background-image: url('breadcrumb.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: calc(52px + 48*(100vw - 320px)/1600) 0px
}

.vendor-breadcrumb-section .breadcrumb-contain {
    width: 50%;
    margin: 0 auto
}

@media(max-width: 1366px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 63%
    }
}

@media(max-width: 991px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 85%
    }
}

@media(max-width: 767px) {
    .vendor-breadcrumb-section .breadcrumb-contain {
        width: 100%
    }
}

.vendor-breadcrumb-section .breadcrumb-contain h2 {
    font-size: calc(27px + 27*(100vw - 320px)/1600);
    text-align: center;
    margin-bottom: calc(14px + 4*(100vw - 320px)/1600)
}

.vendor-breadcrumb-section .breadcrumb-contain form {
    position: relative
}

.vendor-breadcrumb-section .breadcrumb-contain form span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form span {
    left: unset;
    right: 16px
}

.vendor-breadcrumb-section .breadcrumb-contain form span i {
    font-size: calc(21px + 6*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.vendor-breadcrumb-section .breadcrumb-contain form .form-control {
    padding: calc(8px + 6*(100vw - 320px)/1600) calc(95px + 27*(100vw - 320px)/1600) calc(8px + 6*(100vw - 320px)/1600) calc(48px + 11*(100vw - 320px)/1600);
    border: none
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form .form-control {
    padding-left: calc(95px + 27*(100vw - 320px)/1600);
    padding-right: calc(48px + 11*(100vw - 320px)/1600)
}

.vendor-breadcrumb-section .breadcrumb-contain form button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: calc(3px + 3*(100vw - 320px)/1600);
    padding: 0;
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    width: calc(77px + 31*(100vw - 320px)/1600);
    height: calc(33px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .vendor-breadcrumb-section .breadcrumb-contain form button {
    right: unset;
    left: calc(3px + 3*(100vw - 320px)/1600)
}

.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #222;
    padding: calc(7px + 7*(100vw - 320px)/1600) calc(14px + 18*(100vw - 320px)/1600);
    font-weight: 500;
    background: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    position: relative;
    border: none;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    z-index: 0;
    white-space: nowrap
}

.btn:focus {
    box-shadow: none
}

.btn:hover .icon {
    transform: translateX(3px)
}

.btn.dark-button {
    background: linear-gradient(93.33deg, #222221 12.35%, #2F2F2D 99.38%) !important
}

.btn .icon {
    margin-left: calc(6px + 6*(100vw - 320px)/1600);
    transition: .3s ease
}

[dir=rtl] .btn .icon {
    margin-left: unset;
    margin-right: calc(6px + 6*(100vw - 320px)/1600)
}

.btn .icon-2 {
    margin-left: 6px;
    transition: .3s ease
}

[dir=rtl] .btn .icon-2 {
    margin-left: unset;
    margin-right: 6px
}

.btn-furniture {
    border: 1px solid #4a5568;
    color: #4a5568;
    display: block
}

.btn-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    color: #fff;
    border-radius: 5px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0);
    transition: all .3s ease;
    position: relative;
    background: #ff6b6b;
    background: linear-gradient(90deg, #ff6b6b 0%, #ff4f4f 100%);
    border: none;
    z-index: 0
}

.btn-animation i {
    transition: .3s ease
}

.btn-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #ff4f4f;
    background: linear-gradient(90deg, #ff4f4f 0%, #ff6b6b 100%);
    transition: all .3s ease
}

.btn-animation:hover {
    color: #fff
}

.btn-animation:hover i {
    transform: translateX(3px)
}

.btn-animation:hover::after {
    top: 0;
    height: 100%
}

.btn-md {
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(16px + 8*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.btn-sm {
    padding: 8px 16px;
    font-size: 14px;
    font-weight: 500
}

.btn-2 {
    padding: 9px 25px;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    font-weight: 400
}

.btn-2:hover::after {
    top: 0;
    height: 100%
}

.btn-2-animation {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .3s ease;
    position: relative;
    background: #e63118;
    background: linear-gradient(90deg, #e63118 0%, #0e947a 100%);
    border: none;
    z-index: 0
}

.btn-2-animation::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    background: #e63118;
    background: linear-gradient(90deg, #0e947a 0%, #e63118 100%);
    transition: all .3s ease
}

.btn-category {
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(16px + 11*(100vw - 320px)/1600);
    letter-spacing: .8px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 700;
    border-radius: 50px
}

.btn-theme-outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    transition: all .5s ease
}

.btn-theme-outline:hover {
    background-color: var(--theme-color);
    color: #fff
}

.cookie-bar-box {
    background: #fff;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border-radius: calc(8px + 12*(100vw - 320px)/1600);
    max-width: 395px;
    overflow: hidden;
    z-index: 2;
    box-shadow: 0 .25rem .5rem rgba(34, 34, 34, .05), 0 24px 35px rgba(34, 34, 34, .1);
    transition: all .3s ease-in-out
}

[dir=rtl] .cookie-bar-box {
    right: unset;
    left: 10px
}

@media(max-width: 480px) {
    .cookie-bar-box {
        max-width: 100%;
        right: 0;
        margin: 0 10px
    }

    [dir=rtl] .cookie-bar-box {
        right: unset;
        left: 0
    }
}

.cookie-bar-box.hide {
    opacity: 0;
    bottom: -350px
}

.cookie-bar-box .cookie-box {
    padding: calc(13px + 17*(100vw - 320px)/1600);
    text-align: center
}

.cookie-bar-box .cookie-box .cookie-image {
    display: flex;
    align-items: center;
    justify-content: center
}

.cookie-bar-box .cookie-box .cookie-image img {
    width: calc(15px + 10*(100vw - 320px)/1600);
    height: auto;
    margin-right: 10px
}

[dir=rtl] .cookie-bar-box .cookie-box .cookie-image img {
    margin-right: unset;
    margin-left: 10px
}

.cookie-bar-box .cookie-box .cookie-contain {
    margin-top: calc(10px + 6*(100vw - 320px)/1600)
}

.cookie-bar-box .cookie-box .cookie-contain h2 {
    margin-bottom: calc(7px + 3*(100vw - 320px)/1600);
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-weight: 700
}

.cookie-bar-box .cookie-box .cookie-contain h5 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    margin: 0 auto;
    line-height: 1.3
}

.cookie-bar-box .button-group {
    display: flex;
    align-items: center;
    margin: 0
}

.cookie-bar-box .button-group button {
    white-space: nowrap;
    width: 100%;
    font-weight: 700;
    border-radius: 0
}

.cookie-bar-box .button-group button.privacy-button {
    background-color: #f8f8f8
}

.cookie-bar-box .button-group button.ok-button {
    background-color: var(--theme-color);
    color: #fff
}

.cookie-bar-box-2 {
    position: fixed;
    bottom: 10px;
    right: 10px;
    background-color: #eadfd8;
    max-width: 400px;
    padding: 20px;
    border-radius: 20px;
    text-align: center
}

.cookie-bar-box-2 .cookie-bar-image {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 47px;
    height: 47px;
    background-color: #ded4cd;
    border-radius: 100%;
    margin: 0 auto 13px
}

.cookie-bar-box-2 .cookie-bar-image i {
    font-size: 26px;
    height: auto;
    color: #2c3249
}

.cookie-bar-box-2 .cookie-bar-detail h4 {
    line-height: 1.5;
    color: #2c3249
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: nowrap;
    gap: 12px
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group .allow-button {
    background-color: rgba(44, 50, 73, .16);
    padding: 11px 17px;
    border: 1px solid #2c3249;
    border-radius: 50px 15px 15px 50px;
    font-size: 14px;
    font-weight: 600
}

.cookie-bar-box-2 .cookie-bar-detail .cookie-button-group .decline-button {
    background-color: rgba(44, 50, 73, .16);
    padding: 11px 17px;
    border-radius: 15px 50px 50px 15px;
    font-size: 14px;
    font-weight: 600
}

.counter {
    display: flex;
    align-items: center
}

.counter .qty-left-minus,
.counter .qty-right-plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 5*(100vw - 320px)/1600);
    height: calc(30px + 5*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    box-sizing: border-box;
    cursor: pointer;
    border-radius: 20px;
    line-height: 24px;
    -webkit-user-select: none;
    user-select: none;
    border-radius: 0
}

.counter .qty-left-minus i,
.counter .qty-right-plus i {
    font-size: 12px;
    margin-top: 3px
}

.counter .qty-left-minus:hover,
.counter .qty-right-plus:hover {
    color: #010200
}

.counter .qty-left-minus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 0
}

[dir=rtl] .counter .qty-left-minus {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-right: 1px solid #ececec;
    border-left: 0
}

.counter .qty-right-plus {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 0
}

[dir=rtl] .counter .qty-right-plus {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-right: 0;
    border-left: 1px solid #ececec
}

.counter input {
    width: 45px;
    height: calc(30px + 5*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    appearance: none;
    text-align: center;
    font-size: 14px;
    font-weight: 500;
    background-color: rgba(0, 0, 0, .06);
    border-radius: 0
}

[dir=rtl] .counter input {
    text-align: center
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    appearance: none
}

.newsletter-form {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    gap: 11px
}

.newsletter-form .form-control {
    background-color: rgba(0, 0, 0, 0);
    padding: calc(8px + 4*(100vw - 320px)/1600)
}

.newsletter-form .form-control::placeholder {
    color: #fff;
    font-size: calc(14px + 4*(100vw - 320px)/1600)
}

.normal-form .form-control {
    border: none
}

.normal-form .form-control:focus {
    background-color: #fff
}

.theme-form-check {
    cursor: pointer;
    transition: background .2s ease
}

.theme-form-check input {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    border-radius: 10px;
    background: none;
    border: 0;
    box-shadow: inset 0 0 0 1.5px #9f9f9f;
    appearance: none;
    padding: 0;
    margin: 0;
    transition: box-shadow 150ms cubic-bezier(0.95, 0.15, 0.5, 1.25);
    pointer-events: none
}

.theme-form-check input:focus {
    outline: none
}

.theme-form-check input:checked {
    box-shadow: inset 0 0 0 6px #6743ee
}

.theme-form-check input label {
    vertical-align: middle;
    display: inline-block;
    line-height: 20px;
    padding: 0 8px
}

.theme-form-floating>.form-control:focus~label,
.theme-form-floating>.form-control:not(:placeholder-shown)~label,
.theme-form-floating>.form-select~label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    opacity: .95;
    top: -5px;
    left: 5px;
    height: 31px;
    background-color: #fff;
    white-space: nowrap;
    opacity: 1;
    border-radius: 25px
}

[dir=rtl] .theme-form-floating>.form-control:focus~label,
[dir=rtl] .theme-form-floating>.form-control:not(:placeholder-shown)~label,
[dir=rtl] .theme-form-floating>.form-select~label {
    right: 10px;
    left: unset
}

.theme-form-floating .form-control,
.theme-form-floating .form-select {
    height: calc(51px + 3*(100vw - 320px)/1600);
    line-height: normal
}

.theme-form-floating>.form-control:focus,
.theme-form-floating>.form-control:not(:placeholder-shown) {
    padding-top: 17px;
    padding-bottom: 10px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating>.form-select {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating>.form-select:focus {
    border-color: var(--theme-color);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0)
}

.theme-form-floating .form-control:focus {
    background-color: #fff;
    border: 1px solid #ced4da
}

.theme-form-floating label {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    color: #4a5568;
    border: none;
    padding-left: 25px
}

.theme-form-floating-2>.form-control:focus~label,
.theme-form-floating-2>.form-control:not(:placeholder-shown)~label,
.theme-form-floating-2>.form-select~label {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    opacity: .95;
    top: -5px;
    left: 10px;
    height: 31px;
    background-color: #fff;
    padding: 0 10px;
    opacity: 1
}

[dir=rtl] .theme-form-floating-2>.form-control:focus~label,
[dir=rtl] .theme-form-floating-2>.form-control:not(:placeholder-shown)~label,
[dir=rtl] .theme-form-floating-2>.form-select~label {
    left: unset;
    right: 10px
}

.theme-form-floating-2>.form-control:focus,
.theme-form-floating-2>.form-control:not(:placeholder-shown) {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: 15px;
    font-weight: 500
}

.theme-form-floating-2>.form-select {
    padding-top: 12px;
    padding-bottom: 10px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.theme-form-floating-2>.form-select:focus {
    border-color: var(--theme-color);
    outline: 0;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0)
}

.theme-form-floating-2 .form-control:focus {
    background-color: #fff;
    border: 1px solid #ced4da
}

.theme-form-floating-2>.form-control,
.theme-form-floating-2>.form-select {
    height: 46px
}

.theme-form-floating-2>label {
    top: 50%;
    transform: translateY(-50%);
    left: 9px;
    padding: 0;
    border: none;
    height: auto
}

[dir=rtl] .theme-form-floating-2>label {
    left: unset;
    right: 9px
}

.theme-form-floating-2>.form-control {
    padding: 14px 10px
}

.theme-form-floating-2 label {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    color: #4a5568
}

.checkbox_animated {
    cursor: pointer;
    position: relative;
    margin-right: 16px;
    height: 100%
}

[dir=rtl] .checkbox_animated {
    margin-right: unset;
    margin-left: 16px
}

.checkbox_animated:before {
    content: "";
    position: absolute;
    width: 12px;
    height: 6px;
    transition: transform .4s cubic-bezier(0.45, 1.8, 0.5, 0.75);
    transform: rotate(-45deg) scale(0, 0);
    left: 4px;
    top: 4px;
    z-index: 1;
    border: 2px solid var(--theme-color);
    border-top-style: none;
    border-right-style: none
}

[dir=rtl] .checkbox_animated:before {
    left: unset;
    right: 4px
}

.checkbox_animated:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 21px;
    top: -2px;
    left: 0;
    background-color: #fff;
    border: 2px solid #ececec;
    cursor: pointer
}

[dir=rtl] .checkbox_animated:after {
    left: unset;
    right: 0
}

.checkbox_animated:checked:before {
    transform: rotate(-45deg) scale(1, 1)
}

.custom-form-check-2 {
    min-height: auto;
    margin-bottom: 0
}

.custom-form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 0
}

[dir=rtl] .custom-form-check .form-check-input {
    margin-right: -1.5em;
    margin-left: unset
}

.custom-form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.custom-form-check .form-check-input:focus {
    box-shadow: none
}

.form-control {
    font-size: 14px;
    padding: calc(8px + 6*(100vw - 320px)/1600) calc(12px + 3*(100vw - 320px)/1600)
}

.form-control.subscribe-input {
    border: none;
    border-radius: 0
}

[dir=rtl] .form-control {
    text-align: right
}

.form-control:focus {
    box-shadow: none;
    color: #000
}

.form-select {
    font-size: 14px
}

.form-select.theme-form-select:focus {
    background-color: #fff;
    box-shadow: none;
    color: #000
}

.input-group .btn {
    z-index: 1
}

.label-flex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.label-flex .discount {
    background-color: var(--theme-color);
    color: #fff;
    padding: 4px calc(7px + 3*(100vw - 320px)/1600);
    border-radius: 4px
}

.label-flex .discount.sm-discount label {
    font-size: 12px
}

.label-flex .discount label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -2px 0
}

.label-flex .wishlist {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .label-flex .wishlist {
    margin-left: unset;
    margin-right: auto
}

.blur-up {
    filter: blur(5px);
    transition: filter 400ms
}

.blur-up.lazyloaded {
    filter: blur(0)
}

.fullpage-loader {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: #fff;
    z-index: 9999;
    opacity: 1;
    transition: opacity .5s
}

.fullpage-loader span {
    width: 6vmin;
    height: 6vmin;
    background-color: var(--theme-color);
    border-radius: 100%;
    backface-visibility: hidden;
    position: absolute;
    animation-name: move;
    animation-timing-function: cubic-bezier(0.4, 0, 1, 0.8);
    animation-iteration-count: infinite;
    animation-duration: 3s;
    top: calc(50% - 4vmin);
    left: 50%;
    transform-origin: -4vmin center
}

.fullpage-loader span:nth-child(1) {
    animation-delay: -0.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(2) {
    animation-delay: -1s;
    opacity: 0
}

.fullpage-loader span:nth-child(3) {
    animation-delay: -1.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(4) {
    animation-delay: -2s;
    opacity: 0
}

.fullpage-loader span:nth-child(5) {
    animation-delay: -2.5s;
    opacity: 0
}

.fullpage-loader span:nth-child(6) {
    animation-delay: -3s;
    opacity: 0
}

.fullpage-loader--invisible {
    opacity: 0
}

.theme-modal .modal-dialog .modal-content {
    border: none
}

.theme-modal .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    padding: calc(8px + 8*(100vw - 320px)/1600) calc(17px + -1*(100vw - 320px)/1600)
}

.theme-modal .modal-dialog .modal-content .modal-header .modal-title {
    font-weight: 600;
    font-size: 20px;
    width: 95%;
    margin-top: -4px
}

@media(max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .modal-title {
        margin-top: 0
    }
}

.theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    position: absolute;
    top: -15px;
    right: -15px;
    background-color: var(--theme-color);
    opacity: 1;
    background-image: none;
    border-radius: 4px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #fff;
    margin: 0;
    padding: 8px;
    z-index: 1
}

[dir=rtl] .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
    right: unset;
    left: -15px
}

@media(max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: 13px;
        top: 13px
    }

    [dir=rtl] .theme-modal .modal-dialog .modal-content .modal-header .btn-close {
        right: unset;
        left: 13px
    }
}

@media(max-width: 575px)and (max-width: 575px) {
    .theme-modal .modal-dialog .modal-content .modal-header .btn-close i {
        margin-top: -1px;
        display: block
    }
}

.theme-modal .modal-dialog .modal-content .modal-footer {
    border: none;
    padding: calc(8px + 8*(100vw - 320px)/1600) calc(17px + -1*(100vw - 320px)/1600);
    gap: 8px
}

.theme-modal .modal-dialog .modal-content .modal-footer button {
    margin: 0
}

.view-modal .modal-dialog .modal-content .modal-body {
    padding: calc(18px + 11*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .title-name {
    font-weight: 600;
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: calc(7px + -4*(100vw - 320px)/1600);
    font-size: calc(17px + 8*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .price {
    font-size: 20px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(9px + 3*(100vw - 320px)/1600);
    align-items: center;
    margin-top: calc(13px + 6*(100vw - 320px)/1600);
    border-bottom: 1px dashed #ececec;
    padding-bottom: 14px
}

[dir=rtl] .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list {
    padding-right: 0
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li {
    width: 100%
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li .brand-box {
    display: flex;
    align-items: center
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .brand-list li .brand-box h5 {
    width: 110px;
    font-size: 14px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    margin-top: 10px;
    align-items: center;
    margin-top: calc(16px + 5*(100vw - 320px)/1600)
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size h4 {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    white-space: nowrap
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-size .select-form-size {
    width: auto
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-rating {
    border-bottom: 1px dashed #ececec;
    padding-bottom: 14px;
    margin-top: 14px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail {
    margin-top: 12px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail h4 {
    font-weight: 600;
    margin-bottom: 7px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .product-detail p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.4;
    margin: 0;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight {
    display: flex;
    align-items: center;
    margin-top: 17px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight {
    width: auto
}

@media(max-width: 480px) {
    .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight {
        width: 100%
    }
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%;
    flex-wrap: wrap;
    gap: 6px
}

@media(max-width: 575px) {
    .view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box {
        justify-content: flex-start
    }
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box .feather {
    width: 19px;
    height: auto;
    color: #61b33e
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .stoke-box h6 {
    font-size: 16px;
    letter-spacing: .9px;
    color: #4a5568
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .select-wight .select-form-wight:focus {
    border-color: #ececec;
    box-shadow: none
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button {
    display: flex;
    align-items: center;
    margin-top: 20px
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button .add-cart-button {
    background-color: #222;
    color: #fff;
    font-weight: 600
}

.view-modal .modal-dialog .modal-content .modal-body .right-sidebar-modal .modal-button .view-button {
    margin-left: 15px
}

.location-modal .modal-dialog .modal-content .modal-header {
    display: block;
    padding: calc(13px + 17*(100vw - 320px)/1600);
    padding-bottom: 0
}

.location-modal .modal-dialog .modal-content .modal-header p {
    margin-bottom: 0;
    line-height: 1.6
}

.location-modal .modal-dialog .modal-content .modal-body {
    padding: calc(13px + 17*(100vw - 320px)/1600) calc(13px + 17*(100vw - 320px)/1600)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input {
    position: relative
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input .form-control {
    padding-left: 45px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .search-input .form-control {
    padding-left: unset;
    padding-right: 45px
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .search-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 15px;
    font-size: 17px;
    color: #4a5568
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .search-input i {
    left: unset;
    right: 0
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box {
    display: flex;
    align-items: center;
    padding: calc(10px + 5*(100vw - 320px)/1600) calc(7px + 7*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    margin-top: calc(12px + 8*(100vw - 320px)/1600)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box h6 {
    color: #4a5568;
    transition: all .3s ease-in-out
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box span {
    margin-left: auto;
    margin-right: 5px;
    transition: all .3s ease-in-out;
    font-size: 10px;
    font-weight: 500;
    color: #9b9bb4;
    padding: 3px 10px;
    border-radius: 30px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .disabled-box span {
    margin-right: auto;
    margin-left: unset
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li {
    display: block
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a {
    display: flex;
    align-items: center;
    padding: calc(10px + 0*(100vw - 320px)/1600) calc(7px + 7*(100vw - 320px)/1600);
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0;
    transition: all .3s ease-in-out;
    z-index: -1
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover::after {
    opacity: .2
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover h6 {
    color: var(--theme-color)
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a:hover span {
    border-color: rgba(0, 0, 0, 0);
    background-color: var(--theme-color);
    color: #fff
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a h6 {
    color: #222;
    transition: all .3s ease-in-out
}

.location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a span {
    margin-left: auto;
    transition: all .3s ease-in-out;
    font-size: 10px;
    font-weight: 500;
    border: 1px solid #e2e2ec;
    color: #9b9bb4;
    padding: 3px 10px;
    border-radius: 30px
}

[dir=rtl] .location-modal .modal-dialog .modal-content .modal-body .location-list .location-select li a span {
    margin-right: auto;
    margin-left: unset
}

.deal-modal .modal-dialog .modal-content .modal-header {
    padding: calc(13px + 17*(100vw - 320px)/1600);
    padding-bottom: 0
}

.deal-modal .modal-dialog .modal-content .modal-header p {
    margin-bottom: 0;
    line-height: 1.6
}

.deal-modal .modal-dialog .modal-content .modal-body {
    padding: calc(13px + 17*(100vw - 320px)/1600) calc(13px + 17*(100vw - 320px)/1600)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
    height: 360px;
    overflow: auto
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

@media(max-width: 575px) {
    .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box {
        height: auto
    }
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 10*(100vw - 320px)/1600)
}

[dir=rtl] .deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list {
    padding-right: 0
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li {
    width: 100%
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-1 .deal-offer-contain::before {
    background-color: var(--theme-color)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-2 .deal-offer-contain::before {
    background-color: #ff4f4f
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li.list-3 .deal-offer-contain::before {
    background-color: #ffa53b
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: 13px;
    position: relative;
    z-index: 0;
    padding: calc(11px + 5*(100vw - 320px)/1600);
    align-items: center;
    border-radius: 12px;
    overflow: hidden
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .15
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-image img {
    width: calc(69px + 11*(100vw - 320px)/1600);
    height: calc(69px + 11*(100vw - 320px)/1600);
    object-fit: contain
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain {
    display: block;
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a {
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a:hover {
    color: #222
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain a h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    font-weight: 500;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h5 {
    font-weight: 600
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: flex-end;
    font-size: 15px;
    font-weight: 400;
    margin-top: 6px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 del {
    color: #ff4f4f;
    font-weight: 400;
    font-size: 13px
}

.deal-modal .modal-dialog .modal-content .modal-body .deal-offer-box .deal-offer-list li .deal-offer-contain .deal-contain h6 span {
    color: #4a5568;
    font-size: 13px;
    font-weight: 400
}

.remove-profile .modal-dialog .modal-content .modal-header {
    justify-content: center;
    padding-bottom: 0
}

.remove-profile .modal-dialog .modal-content .modal-body .remove-box p {
    text-align: center;
    line-height: 1.6;
    margin: 0;
    color: #4a5568
}

.pickup-offcanvas {
    border: none
}

.pickup-offcanvas .offcanvas-header {
    border-bottom: 1px solid #ececec;
    align-items: flex-start
}

.pickup-offcanvas .offcanvas-header .offcanvas-title {
    font-weight: 600
}

.pickup-offcanvas .offcanvas-header .offcanvas-title span {
    display: block;
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px
}

.pickup-offcanvas .offcanvas-body .check-box {
    margin-top: 10px
}

.pickup-offcanvas .offcanvas-body .check-box h6 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    font-size: 15px;
    color: #4a5568
}

.pickup-offcanvas .offcanvas-body .check-box h6 i {
    font-size: 20px
}

.pickup-offcanvas .offcanvas-body .address-box {
    margin-top: 18px
}

[dir=rtl] .pickup-offcanvas .offcanvas-body .address-box ul {
    padding-right: 0
}

.pickup-offcanvas .offcanvas-body .address-box ul li {
    display: block;
    font-size: 13px;
    color: #4a5568
}

.categories-canvas {
    width: 320px
}

.categories-canvas .offcanvas-header {
    padding: 20px 24px;
    border-bottom: 1px solid #ececec;
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

.categories-canvas .offcanvas-header .offcanvas-title {
    color: var(--theme-color);
    font-weight: 600
}

.categories-canvas .offcanvas-header .close-button {
    padding: 0;
    margin: -10px 0;
    font-size: 16px;
    background-image: none
}

.categories-canvas .offcanvas-body {
    padding: 20px 24px;
    margin-top: 13px
}

.categories-canvas .offcanvas-body .categories-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

[dir=rtl] .categories-canvas .offcanvas-body .categories-list ul {
    padding-left: unset;
    padding-right: 0
}

.categories-canvas .offcanvas-body .categories-list ul li {
    display: block;
    width: 100%
}

.categories-canvas .offcanvas-body .categories-list ul li a {
    display: flex;
    align-items: center;
    color: #4a5568
}

.categories-canvas .offcanvas-body .categories-list ul li a:hover h6 {
    letter-spacing: .3px
}

.categories-canvas .offcanvas-body .categories-list ul li a:hover h6::before {
    width: 65px
}

.categories-canvas .offcanvas-body .categories-list ul li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    transition: all .3s ease-in-out
}

.categories-canvas .offcanvas-body .categories-list ul li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.categories-canvas .offcanvas-body .categories-list ul li a i {
    margin-left: auto
}

[dir=rtl] .categories-canvas .offcanvas-body .categories-list ul li a i {
    margin-left: unset;
    margin-right: auto
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body {
    padding-top: 5px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p {
    color: #4a5568;
    line-height: 1.5;
    font-size: 15px;
    margin-bottom: 0
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p+p {
    margin-top: 12px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body p:last-child {
    margin-top: 12px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body h5 {
    font-size: 19px;
    color: #222;
    font-weight: bolder;
    margin-block: 12px 6px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul {
    list-style-type: disc;
    padding-left: 19px;
    margin-top: 2px;
    display: grid;
    gap: 3px
}

body.rtl .delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul {
    padding-left: unset;
    padding-right: 19px
}

.delivery-modal .modal-dialog .modal-content .modal-body.policy-body ul li {
    display: list-item;
    color: #4a5568
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .custom-select .select2-container .select2-selection {
    width: 100% !important
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper {
    display: flex;
    align-items: center;
    padding: 17px 23px;
    gap: 14px;
    margin-bottom: 22px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-image {
    width: 80px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .name {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 4px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating {
    display: flex;
    align-items: center;
    gap: 6px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating label {
    color: #4a5568;
    font-weight: 400
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .price-number {
    line-height: 1;
    color: rgba(74, 85, 104, .6);
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 5px 0 0
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .rating-number {
    line-height: 1;
    margin-left: 8px;
    color: rgba(27, 27, 27, .6);
    display: flex;
    align-items: center;
    gap: 3px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .rating-number i {
    margin-top: -1px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .product-wrapper .product-content .product-review-rating .product-rating .rating li {
    line-height: 1
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box+.review-box {
    margin-top: 21px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating {
    display: flex;
    align-items: center;
    gap: 9px
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating .product-rating .rating li {
    line-height: 1
}

.question-modal .modal-dialog .modal-content .modal-body .product-review-form .review-box .product-review-rating .product-rating .rating li i {
    font-size: 16px
}

.product-review-form .product-wrapper {
    display: flex;
    align-items: center;
    padding: 17px 23px;
    gap: 14px;
    margin-bottom: 22px;
    border-radius: 8px;
    background-color: #f8f8f8
}

.product-review-form .product-wrapper .product-image {
    width: 80px;
    border-radius: 5px;
    overflow: hidden;
    background-color: #fff
}

.product-review-form .product-wrapper .product-content .name {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 4px
}

.product-review-form .product-wrapper .product-content .product-review-rating {
    display: flex;
    align-items: center;
    gap: 6px
}

.product-review-form .product-wrapper .product-content .product-review-rating label {
    color: #4a5568;
    font-weight: 400
}

.product-review-form .product-wrapper .product-content .product-review-rating .price-number {
    line-height: 1;
    color: rgba(74, 85, 104, .6);
    display: flex;
    align-items: center;
    gap: 3px;
    margin: 5px 0 0
}

.product-review-form .product-wrapper .product-content .product-review-rating .rating-number {
    line-height: 1;
    margin-left: 8px;
    color: rgba(27, 27, 27, .6);
    display: flex;
    align-items: center;
    gap: 3px
}

.product-review-form .product-wrapper .product-content .product-review-rating .rating-number i {
    margin-top: -1px
}

.product-review-form .product-wrapper .product-content .product-review-rating .product-rating .rating li {
    line-height: 1
}

.product-review-form .review-box+.review-box {
    margin-top: 21px
}

.product-review-form .review-box .product-review-rating {
    display: flex;
    align-items: center;
    gap: 9px
}

.product-review-form .review-box .product-review-rating .product-rating .rating li {
    line-height: 1
}

.product-review-form .review-box .product-review-rating .product-rating .rating li i {
    font-size: 16px
}

.product-section-box {
    margin-top: calc(12px + 36*(100vw - 320px)/1600)
}

.product-section-box .custom-nav {
    flex-wrap: nowrap;
    border: none;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    margin: 0;
    border-bottom: 1px solid #ececec
}

.dark .product-section-box .custom-nav {
    border-color: rgba(119, 119, 119, .44)
}

.product-section-box .custom-nav .nav-item .nav-link {
    color: #222;
    padding: calc(12px + 3*(100vw - 320px)/1600) calc(17px + 13*(100vw - 320px)/1600);
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    letter-spacing: .6px;
    border: none;
    font-weight: 600;
    background-color: #f8f8f8;
    position: relative
}

.product-section-box .custom-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out
}

[dir=rtl] .product-section-box .custom-nav .nav-item .nav-link::after {
    left: unset;
    right: 0
}

.product-section-box .custom-nav .nav-item .nav-link:focus,
.product-section-box .custom-nav .nav-item .nav-link:hover,
.product-section-box .custom-nav .nav-item .nav-link.active {
    background-color: #fff
}

.product-section-box .custom-nav .nav-item .nav-link:focus::after,
.product-section-box .custom-nav .nav-item .nav-link:hover::after,
.product-section-box .custom-nav .nav-item .nav-link.active::after {
    width: 100%;
    background: #1aa488
}

.product-section-box .offer-table {
    margin-bottom: 0;
    border: 1px solid #ececec;
    table-layout: fixed;
    display: inherit;
    border-radius: 6px
}

[dir=rtl] .product-section-box .offer-table {
    right: unset;
    left: 10px
}

.product-section-box .offer-table tbody tr th,
.product-section-box .offer-table tbody tr td {
    padding: 12px 16px
}

.product-section-box .offer-table tbody tr th {
    width: 7%
}

.product-section-box .offer-table tbody tr td {
    vertical-align: middle
}

.product-section-box .offer-table tbody tr td.offer-name {
    width: 20%
}

.product-section-box .custom-tab {
    padding-top: calc(20px + 10*(100vw - 320px)/1600)
}

.product-section-box .custom-tab .nav-desh {
    margin-bottom: calc(22px + 8*(100vw - 320px)/1600)
}

.product-section-box .custom-tab .nav-desh:last-of-type {
    margin-bottom: 0
}

.product-section-box .custom-tab .nav-desh .desh-title {
    margin-bottom: 8px
}

.product-section-box .custom-tab .nav-desh .desh-title h5 {
    font-weight: 700
}

.product-section-box .custom-tab .product-detail .detail-title h5 {
    font-weight: 600;
    color: #4a5568;
    font-size: 17px;
    margin-bottom: 10px
}

.product-section-box .custom-tab .product-detail .detail-list {
    display: flex;
    flex-wrap: wrap;
    gap: 4px
}

.product-section-box .custom-tab .product-detail .detail-list li {
    display: flex;
    align-items: flex-start;
    color: #4a5568;
    width: 100%
}

.product-section-box .custom-tab .product-detail .detail-list li i {
    font-size: 6px;
    color: #4a5568;
    margin: 6px 6px 0 0
}

.product-section-box .product-description p {
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 1.7;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .product-description p:last-child {
    margin-bottom: 0
}

.product-section-box .product-description .description-list {
    padding-left: 25px;
    list-style: disc;
    margin-bottom: 20px;
    display: grid;
    gap: 4px
}

.product-section-box .product-description .description-list li {
    display: list-item;
    text-align: -webkit-match-parent;
    color: #4a5568;
    font-size: 16px
}

.product-section-box .information-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 7px
}

.product-section-box .information-box ul li {
    color: #4a5568;
    width: 100%;
    display: list-item;
    list-style-type: circle;
    margin-left: 35px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .information-box ul .information-title {
    font-weight: bold;
    display: block;
    margin-left: 10px;
    font-size: 18px;
    margin-top: 15px;
    color: #222
}

.product-section-box .review-box .product-rating-box .product-main-rating {
    display: flex;
    margin-bottom: 25px;
    align-items: center;
    gap: 14px
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 {
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: calc(28px + 9*(100vw - 320px)/1600)
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 i {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: normal;
    color: #ffb321
}

.product-section-box .review-box .product-rating-box .product-main-rating h2 .feather {
    width: calc(19px + 4*(100vw - 320px)/1600);
    height: calc(19px + 4*(100vw - 320px)/1600);
    fill: #ffb321;
    stroke: #ffb321
}

.product-section-box .review-box .product-rating-box .product-main-rating h5 {
    line-height: 1.4;
    font-weight: 400;
    color: #4a5568;
    font-size: 17px
}

.product-section-box .review-box .product-rating-box .product-rating-list {
    display: grid;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

.product-section-box .review-box .product-rating-box .product-rating-list li:nth-child(4) .rating-product .progress .progress-bar {
    background-color: #ffa53b
}

.product-section-box .review-box .product-rating-box .product-rating-list li:last-child .rating-product .progress .progress-bar {
    background-color: #ff4f4f
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product {
    display: flex;
    gap: 12px;
    align-items: center
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 18px;
    width: 40px;
    font-weight: 600
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 i {
    font-size: 15px;
    font-weight: normal
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product h5 .feather {
    width: 15px;
    height: 15px;
    fill: #222
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress {
    width: calc(100% - 12px - 28px - 15px);
    height: 9px;
    border-radius: 100px
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .progress .progress-bar {
    background-color: var(--theme-color);
    border-radius: 100px
}

.product-section-box .review-box .product-rating-box .product-rating-list li .rating-product .total {
    white-space: nowrap;
    width: auto;
    color: rgba(74, 85, 104, .878);
    font-size: 16px;
    font-weight: 400;
    width: 15px;
    display: block
}

.product-section-box .review-box .review-people {
    border-left: 1px solid #ececec;
    padding-left: 23px;
    max-height: 421px;
    height: 100%;
    overflow: auto
}

body.rtl .product-section-box .review-box .review-people {
    border-right-width: 1px;
    border-right-style: solid;
    padding-right: 23px;
    border-left: unset;
    padding-left: unset
}

@media(max-width: 1199px) {
    .product-section-box .review-box .review-people {
        padding-left: unset;
        padding-top: 23px;
        border-left: unset;
        border-top: 1px solid rgba(119, 119, 119, .44);
        margin-top: 23px
    }

    body.rtl .product-section-box .review-box .review-people {
        padding-right: 0;
        border-right: unset
    }
}

.product-section-box .review-box .review-people::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.product-section-box .review-box .review-people::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.product-section-box .review-box .review-people::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

@media(max-width: 991px) {
    .product-section-box .review-box .review-people {
        border: none;
        padding: 0;
        margin-top: 25px
    }
}

.product-section-box .review-box .review-people .review-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px
}

body.rtl .product-section-box .review-box .review-people .review-list {
    padding-right: 0
}

.product-section-box .review-box .review-people .review-list li {
    display: block;
    width: 100%
}

.product-section-box .review-box .review-people .review-list li .people-box {
    display: flex;
    gap: 15px;
    width: 100%;
    border-radius: 10px;
    padding: calc(16px + 4*(100vw - 320px)/1600) calc(16px + 10*(100vw - 320px)/1600);
    background: #f8f8f8
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box {
        display: block
    }
}

.product-section-box .review-box .review-people .review-list li .people-box:hover .reply a {
    opacity: 1
}

.product-section-box .review-box .review-people .review-list li .people-box .people-image {
    width: 70px;
    height: 70px;
    margin: 0 auto 8px
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-image {
        margin: 0 auto
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-image img {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out
}

@media(max-width: 575px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-image img {
        border-radius: 8px
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-text .user-round {
    width: 70px;
    height: 70px;
    object-fit: contain;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    border-radius: 7px;
    box-shadow: 0 0 6px rgba(34, 34, 34, .16);
    margin: 0 auto
}

.product-section-box .review-box .review-people .review-list li .people-box .people-text .user-round h4 {
    font-size: 41px;
    font-weight: 600;
    color: var(--theme-color)
}

.product-section-box .review-box .review-people .review-list li .people-box .name-user {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 70px;
    height: 70px;
    background-color: #ececec;
    border-radius: 10px;
    color: #4a5568
}

.product-section-box .review-box .review-people .review-list li .people-box .name-user h3 {
    font-size: 37px;
    font-weight: 600
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment {
    width: calc(100% - 70px - 15px)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name {
    display: flex;
    align-items: center;
    gap: 8px
}

@media(max-width: 400px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name {
        display: block
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name h5 .name {
    display: block;
    font-weight: 600;
    font-size: 17px
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name h5 .name:hover {
    color: var(--theme-color)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time {
    width: 100%;
    margin-top: 4px
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .date-time h6 {
    font-size: 13px;
    color: #777;
    margin-block: 4px 6px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .people-name .product-rating {
    display: flex;
    align-items: center;
    justify-content: center
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .name {
    white-space: nowrap;
    display: block;
    font-weight: 600;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .name:hover {
    color: var(--theme-color)
}

body.rtl .product-section-box .review-box .review-people .review-list li .people-box .people-comment {
    padding-left: unset;
    padding-right: 15px
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .people-comment {
        padding: 0;
        width: 100%;
        margin-top: 16px
    }
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin: 0
}

.product-section-box .review-box .review-people .review-list li .people-box .people-comment .date-time h6 {
    font-size: 13px;
    color: #777;
    margin: 0
}

.product-section-box .review-box .review-people .review-list li .people-box .reply {
    margin-top: 6px;
    line-height: 1.6;
    color: #4a5568;
    position: relative
}

.product-section-box .review-box .review-people .review-list li .people-box .reply p {
    margin: 0;
    line-height: 1.6
}

@media(max-width: 480px) {
    .product-section-box .review-box .review-people .review-list li .people-box .reply p {
        width: 100%
    }
}

.product-section-box .info-table {
    border: 1px solid #ececec;
    margin-bottom: 0
}

.product-section-box .info-table.table-striped tbody tr:nth-of-type(odd) td {
    background-color: #f8f8f8;
    color: #222
}

.product-section-box .info-table tbody tr th,
.product-section-box .info-table tbody tr td {
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap
}

.product-section-box .info-table tbody tr td {
    border-left: 1px solid #ececec
}

.custom-pagination {
    margin-top: calc(22px + 13*(100vw - 320px)/1600)
}

.custom-pagination .pagination {
    flex-wrap: wrap;
    gap: calc(6px + 7*(100vw - 320px)/1600)
}

.custom-pagination .pagination .page-item {
    border-radius: 5px;
    overflow: hidden
}

.custom-pagination .pagination .page-item:not(:first-child) .page-link {
    margin: 0
}

.custom-pagination .pagination .page-item.active .page-link {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.custom-pagination .pagination .page-item .page-link {
    color: #4a5568;
    border: 1px solid rgba(0, 0, 0, 0)
}

.custom-pagination .pagination .page-item .page-link:hover {
    border-radius: 5px;
    border: 1px solid var(--theme-color);
    background-color: unset
}

.custom-pagination .pagination .page-item .page-link:focus {
    color: var(--theme-color);
    background-color: #fff;
    box-shadow: none
}

.ratio_27 .bg-size:before {
    content: "";
    padding-top: 27%;
    display: block
}

.ratio_30 .bg-size:before {
    content: "";
    padding-top: 30%;
    display: block
}

.ratio_35 .bg-size:before {
    content: "";
    padding-top: 35%;
    display: block
}

.ratio_45 .bg-size:before {
    content: "";
    padding-top: 45.4%;
    display: block
}

.ratio_50 .bg-size:before {
    content: "";
    padding-top: 50%;
    display: block
}

.ratio_50_1 .bg-size:before {
    content: "";
    padding-top: 50%;
    display: block
}

@media(max-width: 1660px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 57%
    }
}

@media(max-width: 1199px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 80%
    }
}

@media(max-width: 991px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 59%
    }
}

@media(max-width: 767px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 68%
    }
}

@media(max-width: 575px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 77%
    }
}

@media(max-width: 480px) {
    .ratio_50_1 .bg-size:before {
        padding-top: 84%
    }
}

.ratio_58 .bg-size:before {
    content: "";
    padding-top: 58%;
    display: block
}

.ratio_60 .bg-size:before {
    content: "";
    padding-top: 60%;
    display: block
}

.ratio_65 .bg-size:before {
    content: "";
    padding-top: 65%;
    display: block
}

.ratio_87 .bg-size:before {
    content: "";
    padding-top: 87%;
    display: block
}

.ratio_square .bg-size:before {
    padding-top: 100%;
    content: "";
    display: block
}

.ratio_110 .bg-size:before {
    padding-top: 110%;
    content: "";
    display: block
}

.ratio_125 .bg-size::before {
    content: "";
    padding-top: 125%;
    display: block
}

.ratio_148 .bg-size::before {
    content: "";
    padding-top: 148%;
    display: block
}

.ratio_156 .bg-size:before {
    content: "";
    padding-top: 156%;
    display: block
}

.ratio_medium .bg-size:before {
    content: "";
    padding-top: 134%;
    display: block
}

.ratio_180 .bg-size:before {
    content: "";
    padding-top: 180%;
    display: block
}

.ratio_209 .bg-size:before {
    content: "";
    padding-top: 209%;
    display: block
}

.ratio_148_1 .bg-size {
    content: "";
    padding-top: 148%;
    display: block
}

@media(max-width: 1199px) {
    .ratio_148_1 .bg-size {
        padding-top: 88%
    }
}

.b-bottom {
    background-position: bottom !important
}

.b-top {
    background-position: top !important
}

.b-left {
    background-position: left !important
}

.b-right {
    background-position: right !important
}

.product-wrapper .slick-dots {
    position: relative;
    bottom: 0;
    margin-top: calc(5px + 15*(100vw - 320px)/1600)
}

.product-wrapper .slick-dots li {
    width: auto;
    height: auto
}

.product-wrapper .slick-dots li button {
    width: calc(6px + 2*(100vw - 320px)/1600);
    height: calc(6px + 2*(100vw - 320px)/1600);
    border-radius: 4px;
    padding: 0;
    margin: 0;
    background-color: rgba(35, 35, 35, .2);
    transition: all .5s ease
}

.product-wrapper .slick-dots li button::before {
    display: none
}

.product-wrapper .slick-dots li.slick-active button {
    margin: 0;
    width: calc(30px + 10*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    transition: all .5s ease
}

.product-wrapper .timer {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    text-align: center
}

.product-wrapper.slick-slider.slick-dotted {
    margin-bottom: -2px
}

.no-arrow .slick-arrow {
    display: none !important
}

.no-space .slick-list {
    margin: 0 !important
}

.no-space .slick-list .slick-slide>div,
.no-space .slick-list .slick-slide>ul {
    margin: 0 !important
}

[dir=rtl] .no-space .slick-list .slick-slide>div,
[dir=rtl] .no-space .slick-list .slick-slide>ul {
    direction: rtl
}

.category-slider .slick-list {
    margin: 0
}

.category-slider .slick-list .slick-slide {
    padding: 0 10px
}

[dir=rtl] .category-slider .slick-list .slick-slide>div,
[dir=rtl] .category-slider .slick-list .slick-slide>ul {
    direction: rtl
}

.category-slider.slick-dotted {
    margin-bottom: 0
}

.slick-slider .slick-list {
    margin: 0 -10px
}

@media(max-width: 575px) {
    .slick-slider .slick-list {
        margin: 0 -6px
    }
}

.slick-slider .slick-list .slick-slide>* {
    margin: 0 10px
}

[dir=rtl] .slick-slider .slick-list .slick-slide>* {
    direction: rtl
}

@media(max-width: 575px) {
    .slick-slider .slick-list .slick-slide>* {
        margin: 0 6px
    }
}

.slick-slider.slick-dotted {
    margin-bottom: 0
}

.slick-top .slick-list .slick-track>div {
    margin: 3px 0
}

.left-slider .slick-list .slick-track .slick-slide img {
    filter: grayscale(20%) blur(1px);
    opacity: .8
}

.left-slider .slick-list .slick-track .slick-slide.slick-current img {
    transition: all .3s ease-in-out;
    filter: grayscale(0) blur(0);
    opacity: 1;
    box-shadow: 0 0 8px rgba(34, 34, 34, .16)
}

.arrow-slider .slick-prev,
.arrow-slider .slick-next {
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0px 1px 4px rgba(34, 34, 34, .14);
    position: absolute;
    top: calc(-28px + -15*(100vw - 320px)/1600);
    border-radius: 5px;
    transition: all .3s ease-in-out
}

.arrow-slider .slick-prev::before,
.arrow-slider .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--theme-color);
    font-size: calc(17px + 3*(100vw - 320px)/1600)
}

.arrow-slider .slick-prev:hover,
.arrow-slider .slick-next:hover {
    background-color: var(--theme-color)
}

.arrow-slider .slick-prev:hover::before,
.arrow-slider .slick-next:hover::before {
    color: #fff
}

.arrow-slider .slick-prev {
    left: unset;
    right: 60px
}

[dir=rtl] .arrow-slider .slick-prev {
    right: unset;
    left: 0
}

.arrow-slider .slick-prev::before {
    content: ""
}

@media(max-width: 575px) {
    .arrow-slider .slick-prev {
        right: 45px
    }
}

.arrow-slider .slick-next {
    right: 5px
}

[dir=rtl] .arrow-slider .slick-next {
    right: unset;
    left: 50px
}

.arrow-slider .slick-next::before {
    content: ""
}

@media(max-width: 575px) {
    [dir=rtl] .arrow-slider .slick-next {
        left: 40px
    }
}

.arrow-slider-2 .slick-prev,
.arrow-slider-2 .slick-next {
    top: -42px
}

@media(max-width: 1460px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -38px
    }
}

@media(max-width: 1199px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -37px
    }
}

@media(max-width: 767px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -33px
    }
}

@media(max-width: 480px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -31px
    }
}

@media(max-width: 360px) {

    .arrow-slider-2 .slick-prev,
    .arrow-slider-2 .slick-next {
        top: -29px
    }
}

.arrow-slider-2 .slick-prev {
    left: unset;
    right: 50px
}

[dir=rtl] .arrow-slider-2 .slick-prev {
    right: unset;
    left: 0
}

.arrow-slider-2 .slick-prev::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #222;
    transition: all .3s ease-in-out
}

.arrow-slider-2 .slick-prev:hover::before {
    color: var(--theme-color)
}

.arrow-slider-2 .slick-next {
    right: 5px
}

[dir=rtl] .arrow-slider-2 .slick-next {
    right: unset;
    left: 30px
}

.arrow-slider-2 .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "";
    color: #222
}

.arrow-slider-2 .slick-next:hover::before {
    color: var(--theme-color)
}

.img-slider img {
    display: initial
}

.product-arrow .slick-prev,
.product-arrow .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28px + 12*(100vw - 320px)/1600);
    height: calc(28px + 12*(100vw - 320px)/1600);
    background-color: #ececec;
    border-radius: 5px;
    z-index: 1;
    transition: all .3s ease
}

.product-arrow .slick-prev::before,
.product-arrow .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

.product-arrow .slick-prev {
    left: 0
}

.product-arrow .slick-prev::before {
    color: #000;
    content: ""
}

.product-arrow .slick-prev:hover,
.product-arrow .slick-prev:focus {
    background-color: var(--theme-color)
}

.product-arrow .slick-prev:hover::before,
.product-arrow .slick-prev:focus::before {
    color: #fff
}

.product-arrow .slick-next {
    right: 0
}

[dir=rtl] .product-arrow .slick-next {
    right: unset;
    left: 91%
}

.product-arrow .slick-next:before {
    color: #000;
    content: ""
}

.product-arrow .slick-next:hover,
.product-arrow .slick-next:focus {
    background-color: var(--theme-color)
}

.product-arrow .slick-next:hover::before,
.product-arrow .slick-next:focus::before {
    color: #fff
}

.product-box-arrow .slick-prev,
.product-box-arrow .slick-next {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(28px + 12*(100vw - 320px)/1600);
    height: calc(28px + 12*(100vw - 320px)/1600);
    border-radius: 50%;
    z-index: 1;
    transition: all .3s ease;
    background-color: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14);
    color: #4a5568
}

.product-box-arrow .slick-prev::before,
.product-box-arrow .slick-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #000;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.product-box-arrow .slick-prev:hover,
.product-box-arrow .slick-prev:focus,
.product-box-arrow .slick-next:hover,
.product-box-arrow .slick-next:focus {
    background-color: var(--theme-color)
}

.product-box-arrow .slick-prev:hover::before,
.product-box-arrow .slick-prev:focus::before,
.product-box-arrow .slick-next:hover::before,
.product-box-arrow .slick-next:focus::before {
    color: #fff
}

.product-box-arrow .slick-prev {
    left: -28px
}

@media(max-width: 575px) {
    .product-box-arrow .slick-prev {
        left: -8px
    }
}

.product-box-arrow .slick-prev::before {
    content: ""
}

.product-box-arrow .slick-next {
    right: -28px
}

@media(max-width: 575px) {
    .product-box-arrow .slick-next {
        right: -8px
    }
}

.product-box-arrow .slick-next:before {
    content: ""
}

.slick-height .slick-list .slick-track .slick-slide {
    height: auto
}

.tab-style-color {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(8px + 12*(100vw - 320px)/1600);
    border: none;
    overflow-x: auto;
    overflow-y: hidden
}

@media(max-width: 1265px) {
    .tab-style-color {
        margin-top: 13px
    }
}

@media(max-width: 1265px) {
    .tab-style-color-2 {
        margin-top: 0
    }
}

@media(max-width: 850px) {
    .tab-style-color-2 {
        margin-top: 13px;
        padding-bottom: 11px
    }
}

.tab-style-color .nav-item .nav-link {
    border: none;
    color: #222;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap;
    background-color: #fff;
    line-height: 1;
    border: 1px solid var(--theme-color);
    padding: calc(9px + 5*(100vw - 320px)/1600) calc(14px + 16*(100vw - 320px)/1600);
    margin: 0
}

.tab-style-color .nav-item .nav-link.active,
.tab-style-color .nav-item .nav-link:hover {
    background-color: var(--theme-color);
    color: #fff
}

.tab-style-color .nav-item .nav-link img {
    margin-right: 5px
}

[dir=rtl] .tab-style-color .nav-item .nav-link img {
    margin-right: unset;
    margin-left: 5px
}

.tab-style-2 {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(7px + 3*(100vw - 320px)/1600);
    border: none;
    overflow-x: auto;
    overflow-y: hidden
}

@media(max-width: 1265px) {
    .tab-style-2 {
        margin-top: 13px
    }
}

.tab-style-2 .nav-item .nav-link {
    color: #4a5568;
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    white-space: nowrap;
    background-color: #f8f8f8;
    line-height: 1;
    border: 1px solid rgba(74, 85, 104, .15);
    padding: calc(11px + 2*(100vw - 320px)/1600) calc(15px + 8*(100vw - 320px)/1600);
    margin: 0;
    border-radius: calc(6px + 2*(100vw - 320px)/1600)
}

.tab-style-2 .nav-item .nav-link.active,
.tab-style-2 .nav-item .nav-link:hover {
    background-color: var(--theme-color);
    color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.theme-option {
    position: fixed;
    bottom: calc(10px + 15*(100vw - 320px)/1600);
    right: calc(10px + 15*(100vw - 320px)/1600);
    z-index: 1;
    transition: all .3s ease-in-out
}

[dir=rtl] .theme-option {
    right: unset;
    left: calc(10px + 15*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .theme-option {
        bottom: calc(75px + 5*(100vw - 320px)/1600)
    }
}

.theme-option .back-to-top {
    background-color: var(--theme-color);
    padding: 0;
    border-radius: 5px;
    z-index: 1;
    margin-top: 12px
}

[dir=rtl] .theme-option .back-to-top {
    right: unset;
    left: calc(10px + 15*(100vw - 320px)/1600)
}

.theme-option .back-to-top a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600)
}

.theme-option .back-to-top a i {
    color: #fff
}

.setting-box {
    background-color: var(--theme-color);
    padding: 0;
    border-radius: 5px;
    z-index: 1;
    position: relative;
    transition: all .3s ease-in-out
}

.setting-box .setting-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 10*(100vw - 320px)/1600);
    height: calc(30px + 10*(100vw - 320px)/1600);
    padding: 0;
    color: #fff
}

.setting-box .theme-setting-2 {
    position: absolute;
    bottom: calc(40px + 6*(100vw - 320px)/1600);
    right: 12px;
    width: 360px;
    background-color: #fff;
    padding: 12px;
    border-radius: 8px 8px 0 8px;
    box-shadow: 0 4px 8px rgba(34, 34, 34, .12);
    transform: scale(0);
    transform-origin: bottom right;
    transition: all .3s ease-in-out
}

[dir=rtl] .setting-box .theme-setting-2 {
    transform-origin: bottom left
}

[dir=rtl] .setting-box .theme-setting-2 {
    right: unset;
    left: 12px;
    border-radius: 8px 8px 8px 0
}

@media(max-width: 360px) {
    .setting-box .theme-setting-2 {
        width: 275px
    }
}

.setting-box .theme-setting-2.active {
    transform: scale(1);
    transform-origin: bottom right
}

[dir=rtl] .setting-box .theme-setting-2.active {
    transform-origin: bottom left
}

.setting-box .theme-setting-2 .theme-box ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 22px;
    gap: calc(7px + 8*(100vw - 320px)/1600)
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul {
    padding-right: 0
}

.setting-box .theme-setting-2 .theme-box ul li {
    display: flex;
    align-items: center;
    width: 100%;
    padding-bottom: 14px;
    gap: 20px;
    border-bottom: 1px dashed #ececec
}

.setting-box .theme-setting-2 .theme-box ul li:last-child {
    padding-bottom: 0;
    border: none
}

.setting-box .theme-setting-2 .theme-box ul li.color-box {
    display: block;
    gap: 19px
}

.setting-box .theme-setting-2 .theme-box ul li .setting-name {
    margin-bottom: 0;
    width: 15%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center;
    padding-top: 0;
    width: 85%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button {
    width: 100%;
    background-color: var(--theme-color);
    color: #fff;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-outline {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color)
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline {
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color)
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button button.rtl-unline {
    color: var(--theme-color);
    border: 1px solid var(--theme-color);
    background-color: #fff
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker {
    padding: 0;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    padding: 0;
    border: none;
    align-items: center
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-control-color {
    width: 38px;
    height: auto;
    padding: 0;
    font-size: 13px;
    border: none
}

[dir=rtl] .setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-control-color {
    max-width: 100%
}

.setting-box .theme-setting-2 .theme-box ul li .theme-setting-button.color-picker .form-control .form-label {
    width: auto;
    font-size: 16px;
    color: #4a5568
}

.timer ul {
    display: flex;
    align-items: center
}

[dir=rtl] .timer ul {
    padding-left: unset;
    padding-right: 0
}

@media(max-width: 360px) {
    .timer ul {
        justify-content: space-between
    }
}

@media(max-width: 575px) {
    .timer ul {
        margin-top: 12px;
        justify-content: center
    }
}

.timer ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #ececec;
    padding: 8px;
    border-radius: 5px
}

@media(max-width: 575px) {
    .timer ul li {
        width: 40px;
        height: 40px
    }
}

.timer ul li+li {
    margin-left: 15px
}

[dir=rtl] .timer ul li+li {
    margin-left: unset;
    margin-right: 15px
}

.timer ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bolder;
    left: -10px
}

[dir=rtl] .timer ul li+li::after {
    left: unset;
    right: -10px
}

.timer ul li .counter h4 {
    font-weight: 500
}

@media(max-width: 575px) {
    .timer ul li .counter h4 {
        font-size: 15px
    }
}

.timer-2 {
    margin-left: 40px
}

@media(max-width: 575px) {
    .timer-2 {
        margin-left: 0
    }
}

.timer-2 ul li {
    width: 60px;
    height: 60px;
    color: #000;
    border: 1px solid #222;
    background-color: rgba(0, 0, 0, 0)
}

.timer-2 ul li.bg-color {
    background-color: var(--theme-color);
    color: #fff
}

.timer-2 ul li .counter {
    font-size: 20px;
    font-weight: 500
}

.timer-2 ul li+li::after {
    color: #4a5568
}

.timer-box ul {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .timer-box ul {
        justify-content: space-between
    }
}

@media(max-width: 575px) {
    .timer-box ul {
        margin-top: 12px;
        justify-content: center
    }
}

.timer-box ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    position: relative;
    background-color: #ececec;
    padding: 8px;
    border-radius: 5px
}

@media(max-width: 575px) {
    .timer-box ul li {
        width: 40px;
        height: 40px
    }
}

.timer-box ul li+li {
    margin-left: 15px
}

.timer-box ul li+li::after {
    content: ":";
    position: absolute;
    font-weight: bolder;
    top: 50%;
    transform: translateY(-50%);
    left: -10px
}

.timer-box ul li .counter h4 {
    font-weight: 500
}

@media(max-width: 575px) {
    .timer-box ul li .counter h4 {
        font-size: 15px
    }
}

.title-leaf {
    width: 140px;
    text-align: center;
    margin-top: 7px;
    position: relative;
    z-index: 0
}

.title-leaf::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    left: 0;
    background-color: var(--theme-color);
    z-index: -1
}

.title-leaf svg {
    background-color: #fff;
    width: 45px;
    z-index: 1;
    fill: var(--theme-color)
}

.title-leaf svg.bg-gray {
    background-color: #f8f8f8
}

.title {
    margin-bottom: calc(16px + 14*(100vw - 320px)/1600);
    display: inline-block;
    position: relative
}

.title h2 {
    font-weight: 700;
    color: #222;
    position: relative
}

.title p {
    line-height: 1.5;
    margin: calc(5px + 5*(100vw - 320px)/1600) 0 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568
}

.title-flex {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1265px) {
    .title-flex {
        display: block
    }
}

.title-flex .timing-box {
    display: inline-block
}

.title-flex .timing-box .timing {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius: 5px
}

@media(max-width: 1265px) {
    .title-flex .timing-box .timing {
        margin-top: calc(14px + 6*(100vw - 320px)/1600)
    }
}

.title-flex .timing-box .timing i {
    -webkit-text-stroke: 1px #fff;
    color: rgba(0, 0, 0, 0);
    margin-right: 9px
}

.title-flex .timing-box .timing .feather {
    width: 17px;
    height: 17px;
    margin-right: 9px
}

[dir=rtl] .title-flex .timing-box .timing .feather {
    margin-left: 9px;
    margin-right: unset
}

.title-flex .timing-box .timing .name {
    font-weight: 600;
    margin-right: 8px;
    line-height: 1
}

[dir=rtl] .title-flex .timing-box .timing .name {
    margin-left: 8px;
    margin-right: unset
}

.title-flex .timing-box .timing .time ul {
    display: flex;
    align-items: center
}

[dir=rtl] .title-flex .timing-box .timing .time ul {
    padding-left: unset;
    padding-right: 0
}

.title-flex .timing-box .timing .time ul li {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    line-height: 1
}

.title-flex .timing-box .timing .time ul li+li {
    margin-left: 15px
}

[dir=rtl] .title-flex .timing-box .timing .time ul li+li {
    margin-left: unset;
    margin-right: 15px
}

.title-flex .timing-box .timing .time ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bolder;
    left: -10px
}

[dir=rtl] .title-flex .timing-box .timing .time ul li+li::after {
    left: unset;
    right: -10px
}

.title-flex .timing-box .timing .time ul li .counter h6 {
    font-weight: 600
}

.title .product-tabs {
    border: none;
    position: absolute;
    top: 0;
    right: 0
}

.title .product-tabs .nav-item {
    position: relative
}

.title .product-tabs .nav-item .nav-link {
    border: none;
    border-radius: unset;
    color: #4a5568;
    position: relative;
    font-weight: 400;
    font-size: 16px
}

.title .product-tabs .nav-item .nav-link.active {
    font-weight: 500;
    color: var(--theme-color)
}

.title .product-tabs .nav-item .nav-link.active::before {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 17px;
    border-radius: 50px;
    background-color: var(--theme-color)
}

.title .product-tabs .nav-item .nav-link.active::after {
    content: "";
    position: absolute;
    width: 4px;
    height: 2px;
    bottom: 0;
    left: 75px;
    border-radius: 50px;
    background-color: var(--theme-color)
}

.title .product-tabs .nav-item+.nav-item {
    margin-left: 10px
}

.title .product-tabs .nav-item+.nav-item::before {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    top: 9px;
    left: -11px;
    background-image: url('delivery.svg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.title-border {
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(14px + 6*(100vw - 320px)/1600);
    margin-bottom: calc(15px + 5*(100vw - 320px)/1600)
}

.vendor-title h5 {
    font-weight: 700;
    font-size: 17px;
    margin-bottom: 10px;
    letter-spacing: .5px
}

.vendor-title p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6
}

.seller-title h2 {
    font-weight: 700;
    font-size: 37px;
    margin-bottom: 23px;
    letter-spacing: .5px;
    text-transform: uppercase
}

.seller-title p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    line-height: 1.6
}

.title-flex-2 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 850px) {
    .title-flex-2 {
        display: block
    }
}

.title-flex-2 .timing-box {
    display: inline-block
}

.title-flex-2 .timing-box .timing {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(9px + 2*(100vw - 320px)/1600);
    border-radius: 5px
}

@media(max-width: 850px) {
    .title-flex-2 .timing-box .timing {
        margin-top: calc(14px + 6*(100vw - 320px)/1600)
    }
}

.title-flex-2 .timing-box .timing i {
    -webkit-text-stroke: 1px #fff;
    color: rgba(0, 0, 0, 0);
    margin-right: 9px
}

.title-flex-2 .timing-box .timing .feather {
    width: 17px;
    height: 17px;
    margin-right: 9px
}

[dir=rtl] .title-flex-2 .timing-box .timing .feather {
    margin-left: 9px;
    margin-right: unset
}

.title-flex-2 .timing-box .timing .name {
    font-weight: 600;
    margin-right: 8px;
    line-height: 1
}

[dir=rtl] .title-flex-2 .timing-box .timing .name {
    margin-left: 8px;
    margin-right: unset
}

.book-title {
    margin-bottom: calc(16px + 14*(100vw - 320px)/1600);
    display: inline-block;
    position: relative
}

.book-title h2 {
    font-weight: 700;
    color: #222;
    position: relative;
    padding-bottom: 9px
}

.book-title h2::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 60%;
    height: 1px;
    border-top: 2px solid var(--theme-color);
    left: 0
}

.tooltip {
    transition: opacity .15s linear
}

.tooltip .tooltip-arrow::before {
    border-top-color: var(--theme-color)
}

.tooltip .tooltip-inner {
    font-weight: 500;
    background-color: var(--theme-color);
    color: #fff
}

@media(min-width: 1464px) {
    .container {
        max-width: 1440px
    }
}

.col-custom-3 {
    width: 22%
}

@media(max-width: 1399px) {
    .col-custom-3 {
        width: 25%
    }
}

@media(max-width: 1199px) {
    .col-custom-3 {
        width: 30%
    }
}

@media(max-width: 991px) {
    .col-custom-3 {
        width: 0
    }
}

.col-custom- {
    width: 78%
}

@media(max-width: 1399px) {
    .col-custom- {
        width: 75%
    }
}

@media(max-width: 1199px) {
    .col-custom- {
        width: 70%
    }
}

@media(max-width: 991px) {
    .col-custom- {
        width: 100%
    }
}

.fw-300 {
    font-weight: 300
}

.w-60 {
    width: 60% !important
}

.section-small-space {
    padding: calc(18px + 24*(100vw - 320px)/1600) 0
}

.section-big-space {
    padding: calc(40px + 120*(100vw - 320px)/1600) 0
}

.section-lg-space {
    padding: calc(30px + 40*(100vw - 320px)/1600) 0
}

section,
.section-t-space {
    padding-top: calc(30px + 20*(100vw - 320px)/1600)
}

.section-b-space {
    padding-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

.container-fluid-lg {
    padding: 0 calc(12px + 148*(100vw - 320px)/1600)
}

.container-fluid-md {
    padding: 0 calc(12px + 38*(100vw - 320px)/1600)
}

.container-fluid-xs {
    padding: 0 calc(12px + 13*(100vw - 320px)/1600)
}

.section-small-space {
    padding: 30px 0
}

.p-top-left {
    display: flex;
    justify-content: flex-start
}

[dir=rtl] .p-top-left {
    justify-content: flex-end
}

.p-top-center {
    display: flex;
    justify-content: center
}

.p-top-right {
    display: flex;
    justify-content: flex-end
}

.p-center-left {
    display: flex;
    align-items: center;
    justify-content: flex-start
}

[dir=rtl] .p-center-left {
    justify-content: flex-end
}

.p-center {
    display: flex;
    align-items: center;
    justify-content: center
}

.p-center-right {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

[dir=rtl] .p-center-right {
    justify-content: flex-start
}

.p-bottom-left {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start
}

[dir=rtl] .p-bottom-left {
    justify-content: flex-end
}

.p-bottom-center {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.p-bottom-right {
    display: flex;
    align-items: flex-end;
    justify-content: flex-end
}

.p-sticky {
    position: sticky;
    top: 10px
}

.ls-expanded {
    letter-spacing: 12px;
    margin-right: -12px
}

.ls-resize-expanded {
    letter-spacing: calc(4px + 6*(100vw - 320px)/1600)
}

.g-8 {
    margin: -8px
}

.g-8>div {
    padding: 8px
}

.icon-width {
    width: 25px;
    height: 25px
}

.rating {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .rating {
        display: flex;
        align-items: center
    }
}

[dir=rtl] .rating {
    padding-left: unset;
    padding-right: 0
}

.rating li {
    line-height: 0
}

.rating li+li {
    margin-left: 2px
}

[dir=rtl] .rating li+li {
    margin-left: unset;
    margin-right: 2px
}

.rating li .feather {
    width: 14px;
    height: 14px;
    stroke: #ffb321
}

.rating li .feather.fill {
    fill: #ffb321
}

.product-rating {
    display: flex;
    align-items: center
}

.product-rating span {
    color: #4a5568;
    font-size: 12px;
    margin-left: 5px
}

[dir=rtl] .product-rating span {
    margin-left: unset;
    margin-right: 5px
}

.mend-auto {
    margin-right: auto !important;
    text-align: left
}

.mstart-auto {
    margin-left: auto !important;
    text-align: left
}

.fw-500 {
    font-weight: 500
}

.text-theme {
    color: var(--theme-color)
}

.text-title {
    color: #222 !important
}

.text-content {
    color: #4a5568
}

.text-yellow {
    color: #ffb321 !important
}

.text-danger {
    color: #ff4f4f !important
}

.bg-gray {
    background-color: #f8f8f8 !important
}

.bg-theme {
    background-color: var(--theme-color)
}

.bg-gradient-color {
    background: linear-gradient(149.8deg, #f8f8fb 17.21%, #f3f5f9 79.21%)
}

.orange-color {
    color: #ffbc5d !important
}

.text-exo {
    font-family: "Exo 2", sans-serif
}

.text-russo {
    font-family: "Russo One", sans-serif
}

.text-pacifico {
    font-family: "Pacifico", cursive
}

.text-kaushan {
    font-family: "Kaushan Script", cursive
}

.text-great {
    font-family: "Great Vibes", cursive
}

.text-qwitcher {
    font-family: "Qwitcher Grypen", cursive
}

.text-10 {
    font-size: 10px
}

.text-12 {
    font-size: 12px
}

.text-14 {
    font-size: 14px
}

.text-16 {
    font-size: 16px
}

.product-name {
    display: -webkit-box; /* Para navegadores que soportan flexbox */
    -webkit-box-orient: vertical; /* Orientación vertical */
    -webkit-line-clamp: 3; /* Número de líneas a mostrar */
    overflow: hidden; /* Oculta el desbordamiento */
    text-overflow: ellipsis; /* Agrega "..." al final si el texto es más largo */
}

.image_border {
    width: 25%;
    height: 25%;
    object-fit: cover;
    margin-right: 10px;
    background-color: white;
    border-radius: 50%
}

.border-r20 {
    border-radius: 20px !important
}

.w-58 {
    width: 58% !important
}

.colorpick-eyedropper-input-trigger {
    display: none
}

.hover-effect:hover {
    opacity: 1;
    animation: flash 1.5s
}

.shelf {
    border-bottom: 30px solid #a5a5a5;
    border-left: 20px solid rgba(0, 0, 0, 0);
    border-right: 20px solid rgba(0, 0, 0, 0);
    top: -11px;
    z-index: -1;
    position: relative
}

.shelf:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #686868;
    height: 20px;
    width: calc(100% + 40px);
    bottom: -50px;
    z-index: 1
}

body {
    font-family: "Public Sans", sans-serif;
    position: relative;
    font-size: 14px;
    color: #222;
    margin: 0;
    background-color: #fff;
    transition: all .3s ease-in-out;
    padding-right: 0 !important
}

body ::selection {
    color: #fff;
    background-color: var(--theme-color)
}

.bg-overlay {
    width: 100vw;
    height: 100vh;
    background-color: #222;
    position: fixed;
    z-index: 9;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: .5s
}

.bg-overlay.show {
    visibility: visible;
    opacity: .5
}

ul {
    padding-left: 0;
    margin-bottom: 0
}

li {
    display: inline-block;
    font-size: 14px
}

p {
    font-size: 14px;
    line-height: 18px
}

a {
    color: var(--theme-color);
    transition: .5s ease;
    text-decoration: none
}

a:hover {
    text-decoration: none;
    transition: .5s ease
}

a:focus {
    outline: none
}

button:focus {
    outline: none
}

.btn-close:focus {
    box-shadow: none
}

:focus {
    outline: none
}

.form-control {
    background-color: #fff
}

.form-control:focus {
    box-shadow: none;
    border-color: var(--theme-color)
}

h1 {
    font-size: calc(40px + 30*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1.1;
  text-transform: capitalize !important;
    margin: 0
}

h2 {
    font-size: calc(22px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
  text-transform: capitalize !important;
    margin: 0
}

h3 {
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    line-height: 1.2;
    margin: 0;
  text-transform: capitalize !important;
}

h4 {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

h5 {
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

h6 {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
  text-transform: capitalize !important;
}

span {
    display: inline-block
}

.theme-color {
    color: var(--theme-color) !important
}

.theme-bg-color {
    background: var(--theme-color) !important
}

.banner-contain {
    border-radius: 5px;
    overflow: hidden;
    position: relative
}

[dir=rtl] .banner-contain .banner-details {
    text-align: left
}

.banner-contain .banner-details.banner-b-space {
    padding: calc(27px + 18*(100vw - 320px)/1600) calc(20px + 120*(100vw - 320px)/1600)
}

.banner-contain .banner-details .banner-box {
    position: absolute;
    top: 30px;
    left: 0;
    background-color: rgba(255, 255, 255, .5);
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(30px + 9*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600);
    border-radius: 0px 60px 60px 0px;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    box-shadow: 0px 11px 10px rgba(74, 85, 104, .06)
}

.banner-contain .banner-details .banner-box h5 {
    margin: calc(4px + 2*(100vw - 320px)/1600) 0;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    font-weight: 600
}

.banner-contain .banner-details .banner-button {
    position: absolute;
    bottom: calc(8px + 8*(100vw - 320px)/1600);
    left: calc(14px + 8*(100vw - 320px)/1600);
    color: #fff;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    display: flex;
    align-items: center
}

.banner-contain .banner-details h2 {
    font-size: calc(20px + 22*(100vw - 320px)/1600)
}

.banner-contain .banner-details h2.banner-title {
    font-size: calc(31px + 19*(100vw - 320px)/1600);
    font-weight: 700
}

.banner-contain .banner-details h3 {
    font-size: calc(20px + 10*(100vw - 320px)/1600);
    margin-top: -7px
}

.banner-contain .banner-details h4 {
    font-size: calc(20px + 4*(100vw - 320px)/1600);
    line-height: 1.6
}

.banner-contain .banner-details .coupon-code {
    padding: calc(7px + 3*(100vw - 320px)/1600) calc(9px + 6*(100vw - 320px)/1600);
    background-color: rgba(var(--theme-color-rgb), 0.4);
    border: 2px dashed rgba(255, 255, 255, .5);
    display: inline-block;
    font-weight: 500;
    margin-top: 13px
}

.banner-contain .banner-details .coupon-code-white {
    background-color: rgba(255, 255, 255, .2)
}

.banner-contain .banner-details .coupon-code.code-2 {
    background-color: rgba(153, 105, 31, .5)
}

.banner-contain .banner-details p {
    color: #4a5568;
    line-height: 1.5
}

[dir=rtl] .banner-contain .banner-details p {
    margin-right: auto
}

.banner-contain .banner-details p.banner-text {
    width: 62%
}

@media(max-width: 575px) {
    .banner-contain .banner-details p.banner-text {
        width: 80%
    }
}

@media(max-width: 480px) {
    .banner-contain .banner-details p.banner-text {
        width: 100%
    }
}

.banner-contain .banner-details .banner-timing {
    width: 100%;
    height: 210px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(181.97deg, rgba(0, 0, 0, 0.3) 1.66%, rgba(0, 0, 0, 0) 95.27%);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    text-align: center;
    color: #fff
}

.banner-contain .banner-details .banner-timing .time {
    margin-top: 25px
}

.banner-contain .banner-details .banner-timing .time ul {
    display: flex;
    align-items: center;
    justify-content: space-evenly
}

.banner-contain .banner-details .banner-timing .time ul li .counter {
    width: 55px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed #fff
}

.banner-contain .banner-details .banner-timing .time ul li .counter h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.banner-contain-2 {
    position: relative;
    border-radius: 5px;
    overflow: hidden
}

.banner-contain-2 .banner-detail {
    width: 100%;
    height: 10%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .banner-contain-2 .banner-detail {
    left: unset;
    right: 0;
    text-align: left
}

.banner-contain-2 .banner-detail .banner-detail-box {
    position: relative;
    padding: 7px 0
}

.banner-contain-2 .banner-detail .banner-detail-box::before {
    content: "";
    position: absolute;
    width: 2px;
    height: 20%;
    top: 0;
    left: -10px;
    background-color: var(--theme-color)
}

.banner-contain-2 .banner-detail .banner-detail-box-2 {
    padding: 7px 0 7px 17px
}

.banner-contain-2 .banner-detail .banner-detail-box-2::before {
    width: 5px;
    border-radius: 50px;
    left: 0
}

[dir=rtl] .banner-contain-2 .banner-detail .banner-detail-box-2::before {
    left: 0;
    right: unset
}

.banner-contain-2 .banner-detail h3 {
    font-size: calc(27px + 7*(100vw - 320px)/1600)
}

.banner-contain-2 .banner-detail h3 .brand-name {
    font-weight: bold;
    background-color: var(--theme-color);
    color: #fff;
    padding: calc(6px + 4*(100vw - 320px)/1600) calc(8px + 2*(100vw - 320px)/1600);
    position: relative;
    z-index: 0
}

.banner-contain-2 .banner-detail h3 .brand-name::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: calc(3px + 4*(100vw - 320px)/1600);
    left: calc(3px + 3*(100vw - 320px)/1600);
    border: calc(1px + 1*(100vw - 320px)/1600) solid #222;
    z-index: -1
}

.banner-contain-2 .banner-detail h2 {
    font-size: calc(42px + 17*(100vw - 1199px)/721);
    font-weight: 700
}

.banner-contain-2 .banner-detail h4 {
    font-weight: 600;
    font-size: calc(17px + 4*(100vw - 320px)/1600);
    color: #222
}

.banner-contain-2 .banner-detail-2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(14px + 11*(100vw - 320px)/1600) calc(19px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .banner-contain-2 .banner-detail-2 {
    left: unset;
    right: 0
}

.banner-contain-2 .banner-detail-2>div {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.2) 24.21%, rgba(255, 255, 255, 0.2) 75.22%);
    padding: 22px;
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px)
}

.banner-contain-2 .banner-detail-2 h3 {
    font-size: calc(27px + 9*(100vw - 320px)/1600);
    font-weight: 700;
    color: #fff
}

.banner-contain-2 .banner-detail-2 h2 {
    font-size: calc(42px + 17*(100vw - 1199px)/721);
    font-weight: 700
}

.banner-contain-2 .banner-detail-2 button {
    background-color: var(--theme-color);
    color: #fff;
    margin: 9px auto 0
}

.banner-contain-3 {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.banner-contain-3 .flower-pot {
    position: absolute;
    bottom: 0;
    right: -59px
}

@media(max-width: 1199px) {
    .banner-contain-3 .flower-pot {
        display: none
    }
}

.banner-contain-3 .social-image {
    height: 100%;
    object-fit: cover
}

.banner-contain-3 .delivery-bike {
    text-align: center
}

.banner-contain-3 .delivery-bike img {
    margin-top: -16px
}

.banner-contain-3.banner-contain-bg {
    background-image: url('11.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block
}

.banner-contain-3 .banner-detail-2 h2 {
    font-size: calc(25px + 15*(100vw - 320px)/1600);
    margin-bottom: 10px;
    text-transform: none
}

.banner-contain-3 .banner-detail-2 h3 {
    font-size: 35px
}

.banner-contain-3 .banner-detail-2 h4 {
    font-size: 40px
}

.banner-contain-3 .banner-minus-position {
    margin-top: -13px
}

@media(max-width: 575px) {
    .banner-contain-3 .banner-minus-position {
        margin-top: 0
    }
}

@media(max-width: 1660px) {
    .banner-contain-3 .banner-detail-deliver {
        width: 60% !important;
        margin-left: auto
    }
}

@media(max-width: 575px) {
    .banner-contain-3 .banner-detail-deliver {
        width: 100% !important;
        background: #eaf5f5
    }
}

.banner-contain-3 .banner-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    padding: calc(20px + 30*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail.banner-half-width {
    width: 50%
}

.banner-contain-3 .banner-detail.banner-p-sm {
    padding: calc(15px + 15*(100vw - 320px)/1600) !important
}

.banner-contain-3 .banner-detail h2 {
    font-size: calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom: 3px
}

.banner-contain-3 .banner-detail h2.sale-name {
    font-size: calc(25px + 13*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail h3 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px;
    line-height: 1.4
}

.banner-contain-3 .banner-detail h3.banner-contain {
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 0
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail h3.banner-contain {
        font-size: 20px
    }
}

.banner-contain-3 .banner-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px;
    line-height: 1.4
}

.banner-contain-3 .banner-detail h4.furniture-title {
    position: relative;
    display: inline-block
}

.banner-contain-3 .banner-detail h4.furniture-title img {
    position: absolute;
    top: -26px;
    right: -185px
}

@media(max-width: 1199px) {
    .banner-contain-3 .banner-detail h4.furniture-title img {
        display: none
    }
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail h4 .delivery-contain {
        font-size: 16px
    }
}

.banner-contain-3 .banner-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

.banner-contain-3 .banner-detail h6 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(10px + 10*(100vw - 320px)/1600)
}

.banner-contain-3 .banner-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .8px
}

.banner-contain-3 .banner-detail .banner-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .banner-contain-3 .banner-detail .banner-list {
    padding-right: 0
}

.banner-contain-3 .banner-detail .banner-list li {
    display: block;
    width: 100%
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 11px;
    align-items: center
}

.banner-contain-3 .banner-detail .banner-list li .delivery-box .check-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #6bbe66;
    color: #fff;
    border-radius: 100%;
    font-size: 11px
}

@media(max-width: 1500px) {
    .banner-contain-3 .banner-detail .banner-list li .delivery-box .check-contain h5 {
        font-size: 14px
    }
}

.banner-contain-3 .banner-detail .shop-now-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: #fff;
    font-size: 15px
}

.banner-contain-3 .banner-detail .shop-now-button i {
    font-size: 14px;
    margin-left: 8px;
    margin-top: -2px
}

[dir=rtl] .banner-contain-3 .banner-detail .shop-now-button i {
    margin-left: unset;
    margin-right: 8px
}

.offer-banner {
    border-radius: 15px;
    overflow: hidden;
    position: relative
}

.offer-banner:hover .banner-detail {
    border-radius: 5px
}

.offer-banner:hover .banner-detail::after {
    opacity: 1
}

.offer-banner .banner-detail {
    position: absolute;
    top: calc(9px + 9*(100vw - 320px)/1600);
    left: calc(9px + 9*(100vw - 320px)/1600);
    padding: calc(7px + 3*(100vw - 320px)/1600) calc(21px + 5*(100vw - 320px)/1600) calc(7px + 3*(100vw - 320px)/1600) calc(10px + 5*(100vw - 320px)/1600);
    border-radius: 5px 30px 30px 5px;
    box-shadow: 0px 3px 4px rgba(34, 34, 34, .14);
    z-index: 0;
    overflow: hidden;
    transition: all .3s ease-in-out;
    background-color: rgba(255, 255, 255, .95)
}

.offer-banner .banner-detail h5 {
    letter-spacing: .6px;
    margin-bottom: 3px;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.offer-banner .banner-detail h6 {
    letter-spacing: 1.7px;
    color: #4a5568
}

.offer-banner .offer-box {
    position: absolute;
    bottom: calc(7px + 11*(100vw - 320px)/1600);
    right: calc(7px + 11*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 50px
}

.offer-banner .offer-box a {
    color: #fff;
    padding: calc(4px + 4*(100vw - 320px)/1600) calc(15px + 6*(100vw - 320px)/1600);
    display: block
}

.offer-banner .offer-box a span {
    letter-spacing: 1.5px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.bank-section .bank-offer {
    border-radius: calc(9px + 11*(100vw - 320px)/1600);
    overflow: hidden
}

.bank-section .bank-offer:hover .bank-footer-1 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer:hover .bank-footer-2 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer:hover .bank-footer-3 .bank-coupon::after {
    top: 0;
    height: 100%
}

.bank-section .bank-offer .bank-header {
    background: linear-gradient(76.68deg, #e6e6e6 -9.39%, #fafafa 78.76%, #f0f0f0 101.45%, #ffffff 112.78%);
    padding: calc(21px + 14*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.bank-section .bank-offer .bank-header .bank-left .bank-image {
    width: 75px;
    height: auto;
    margin-bottom: 12px
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2 {
    color: #bb0032;
    font-weight: 700;
    margin-bottom: 7px;
    font-size: calc(22px + 9*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-2 {
    color: #239bf0
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h2.bank-offer-3 {
    color: #e73718
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-header .bank-left .bank-name h5.valid {
    margin-top: calc(22px + 47*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-footer {
    padding: calc(7px + 10*(100vw - 320px)/1600) calc(13px + 13*(100vw - 320px)/1600);
    color: #fff;
    display: flex;
    align-items: center
}

.bank-section .bank-offer .bank-footer-1 {
    background: linear-gradient(85.8deg, #bb0032 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon {
    background: linear-gradient(85.8deg, #ff584d -4.64%, rgba(187, 0, 50, 0.1) 131.73%)
}

.bank-section .bank-offer .bank-footer-1 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #ff584d;
    background: linear-gradient(85.8deg, rgba(187, 0, 50, 0.1) 131.73%, #ff584d -4.64%)
}

.bank-section .bank-offer .bank-footer-2 {
    background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%)
}

.bank-section .bank-offer .bank-footer-2 .bank-coupon {
    background: linear-gradient(90deg, #2395e8 15.92%, #4eb5ff 49.57%)
}

.bank-section .bank-offer .bank-footer-2 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #4eb5ff;
    background: linear-gradient(90deg, #4eb5ff 15.92%, #2395e8 49.57%)
}

.bank-section .bank-offer .bank-footer-3 {
    background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-3 .bank-coupon {
    background: linear-gradient(85.8deg, #ffb321 -4.64%, #ff584d 109.73%, #ff8c75 131.73%)
}

.bank-section .bank-offer .bank-footer-3 .bank-coupon::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    border-radius: 5px;
    transition: all .3s ease;
    background: #ffb321;
    background: linear-gradient(-90deg, rgba(255, 140, 117, 0) -4.64%, rgba(255, 88, 77, 0.1) 109.73, #ffb321 131.73%)
}

.bank-section .bank-offer .bank-footer h4 {
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.bank-section .bank-offer .bank-footer h4 input {
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    font-weight: 600;
    width: 60%
}

.bank-section .bank-offer .bank-footer .bank-coupon {
    margin-left: auto;
    color: #fff;
    font-weight: 600;
    padding: 6px 21px;
    position: relative;
    overflow: hidden;
    transition: all .3s ease;
    z-index: 0
}

[dir=rtl] .bank-section .bank-offer .bank-footer .bank-coupon {
    margin-left: unset;
    margin-right: auto
}

.shop-banner {
    width: 52% !important
}

@media(max-width: 575px) {
    .shop-banner {
        width: 100% !important
    }
}

.shop-banner>div {
    padding: calc(20px + 12*(100vw - 320px)/1600);
    background: var(--theme-color);
    color: #fff;
    border-radius: 9px
}

.shop-banner>div h2 {
    font-size: calc(21px + 16*(100vw - 320px)/1600) !important;
    font-weight: 700 !important;
    line-height: 1.2
}

.shop-banner>div h3 {
    font-size: calc(19px + 11*(100vw - 320px)/1600) !important;
    margin-top: 18px;
    margin-bottom: -2px
}

@media(max-width: 575px) {
    .banner-small.ratio_65 .bg-size:before {
        padding-top: 53%
    }
}

.banner-furniture>.row {
    direction: ltr
}

@media(min-width: 1400px) {
    .banner-furniture>.row>div {
        margin-left: 16.6666666667%
    }
}

@media(min-width: 1400px) {
    .banner-furniture>.row>div {
        margin-left: 8.3333333333%
    }
}

.blog-box:hover .blog-box-image a {
    transform: scale(1.12) rotate(3deg);
    overflow: hidden
}

.blog-box:hover .blog-detail h5 {
    color: var(--theme-color)
}

.blog-box .blog-box-image {
    overflow: hidden;
    border-radius: 5px
}

.blog-box .blog-box-image .blog-image {
    transition: all .3s ease-in-out
}

.blog-box p {
    margin-bottom: 0;
    color: #999;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-top: 4px
}

.blog-box .blog-detail {
    margin-top: 15px;
    display: block
}

.blog-box .blog-detail.blog-contain {
    background-color: #ff4f4f
}

.blog-box .blog-detail h6 {
    color: #4a5568;
    margin-bottom: 3px;
    font-weight: 600
}

.blog-box .blog-detail h5 {
    color: #222;
    line-height: 1.5;
    font-weight: 600;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    transition: all .3s ease-in-out
}

.blog-section .blog-box {
    padding-bottom: 1px;
    border-radius: 10px;
    border: 1px solid #ececec;
    overflow: hidden;
    position: relative
}

.blog-section .blog-box:hover .blog-box-image a {
    transform: scale(1.12) rotate(3deg);
    overflow: hidden
}

.blog-section .blog-box:hover .blog-detail label {
    color: #fff
}

.blog-section .blog-box:hover .blog-detail label::before {
    opacity: 1
}

.blog-section .blog-box .blog-box-image {
    overflow: hidden;
    border-radius: 0
}

.blog-section .blog-box .blog-box-image a {
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-image {
    position: relative
}

.blog-section .blog-box .blog-image label {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    border: none;
    padding: 8px 10px;
    font-size: 12px;
    letter-spacing: .9px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, .2)
}

.blog-section .blog-box .blog-detail {
    padding: calc(11px + 9*(100vw - 320px)/1600);
    margin-top: 0
}

.blog-section .blog-box .blog-detail h2 {
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    line-height: 1.4
}

.blog-section .blog-box .blog-detail label {
    font-size: 12px;
    padding: 7px 11px;
    border-radius: 50px;
    color: var(--theme-color);
    margin-bottom: calc(4px + 8*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden;
    z-index: 0;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail label::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail a {
    color: #222;
    display: block
}

.blog-section .blog-box .blog-detail h3 {
    line-height: 1.4;
    margin-bottom: 5px;
    font-weight: 600
}

.blog-section .blog-box .blog-detail h5 {
    font-size: 15px;
    margin-top: 10px;
    font-weight: 500;
    color: #4a5568
}

.blog-section .blog-box .blog-detail .blog-list {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 15px;
    gap: calc(14px + 8*(100vw - 320px)/1600)
}

.blog-section .blog-box .blog-detail .blog-list span {
    color: #4a5568;
    margin-bottom: -5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon {
    position: relative
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    background-color: #fff;
    transition: all .3s ease-in-out;
    opacity: 0
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon .icon li .fab {
    font-size: 14px;
    color: #4a5568
}

.blog-section .blog-box .blog-detail .blog-list .blog-social-icon:hover .icon {
    opacity: 1
}

.category-box {
    background-color: #f8f8f8;
    margin: 0px auto;
    display: block;
    width: 90%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
    padding: calc(15px + 20*(100vw - 320px)/1600) 8px;
    z-index: 0
}

.category-box.category-bg {
    background: linear-gradient(149.8deg, #f6f5f2 17.21%, #fbfaf9 79.21%)
}

.category-box::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('shape.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: var(--theme-color);
    opacity: 0;
    z-index: -1;
    transition: all .3s ease-in-out
}

.category-box:hover {
    background-color: rgba(0, 0, 0, 0)
}

.category-box:hover::after {
    opacity: 1
}

.category-box:hover img {
    filter: invert(1) brightness(100)
}

.category-box:hover h5 {
    color: #fff
}

.category-box-2::after {
    background-image: url('bg.jpg')
}

.category-box img {
    width: calc(38px + 7*(100vw - 320px)/1600);
    height: calc(38px + 7*(100vw - 320px)/1600);
    object-fit: contain;
    margin: 0 auto
}

.category-box h5 {
    color: #222;
    margin-top: 12px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.shop-box .shop-category-box {
    padding: 20px 10px;
    background-color: #f8f8f8;
    display: block;
    text-align: center;
    border-radius: 0;
    margin: 0 !important;
    border-right: 1px solid #ececec
}

.shop-box .shop-category-box a {
    display: block;
    width: 100%
}

.shop-box .shop-category-box a .shop-category-image {
    width: 68px;
    height: 68px;
    display: inline-block;
    background-color: #f8f8f8;
    padding: 8px;
    border-radius: 7px
}

.shop-box .shop-category-box a .shop-category-image img {
    width: 100%;
    height: 100%
}

.shop-box .shop-category-box a .category-box-name {
    position: relative;
    width: 90%;
    margin: 10px auto 0;
    background-color: #f8f8f8;
    color: #222;
    border-radius: 4px
}

.shop-box .shop-category-box a .category-box-name h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 500;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.deal-section .deal-box {
    border-radius: 12px;
    border: 1px solid rgba(0, 0, 0, .2);
    padding: calc(18px + 7*(100vw - 320px)/1600);
    position: relative;
    display: flex;
    align-items: center
}

.deal-section .deal-box:hover .category-image img {
    transform: scale(1.05)
}

@media(max-width: 575px) {
    .deal-section .deal-box {
        display: block
    }
}

.deal-section .deal-box .category-image {
    width: 60%
}

@media(max-width: 575px) {
    .deal-section .deal-box .category-image {
        width: 100%
    }
}

.deal-section .deal-box .category-image img {
    width: 80%;
    margin-left: auto;
    transition: all .3s ease-in-out
}

[dir=rtl] .deal-section .deal-box .category-image img {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 575px) {
    .deal-section .deal-box .category-image img {
        width: 60%;
        margin: 0 auto 30px
    }
}

.deal-section .deal-box .buy-box {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: calc(18px + 7*(100vw - 320px)/1600);
    right: calc(18px + 7*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    padding: calc(7px + 3*(100vw - 320px)/1600);
    border-radius: 5px
}

[dir=rtl] .deal-section .deal-box .buy-box {
    right: unset;
    left: calc(18px + 7*(100vw - 320px)/1600)
}

.deal-section .deal-box .buy-box .iconly-Buy {
    font-size: 24px
}

.deal-section .deal-box .deal-detail {
    width: 65%
}

@media(max-width: 575px) {
    .deal-section .deal-box .deal-detail {
        width: 100%
    }
}

.deal-section .deal-box .deal-detail .hot-deal {
    background-color: var(--theme-color);
    display: inline-block;
    padding: 3px 10px;
    border-radius: 50px;
    font-size: 11px;
    color: #fff;
    letter-spacing: .8px;
    margin-bottom: 10px;
    text-transform: uppercase
}

.deal-section .deal-box .deal-detail .hot-deal span {
    line-height: 2.1
}

.deal-section .deal-box .deal-detail h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin: 10px 0 8px;
    text-transform: capitalize;
    font-weight: 500
}

.deal-section .deal-box .deal-detail .price {
    color: var(--theme-color);
    font-weight: 500;
    margin-bottom: 10px
}

.deal-section .deal-box .deal-detail .price span {
    color: #4a5568;
    text-decoration: line-through;
    font-weight: 400;
    transition: .3s ease
}

.deal-section .deal-box .deal-detail .custom-progressbar {
    border-radius: 50px;
    height: 10px
}

.deal-section .deal-box .deal-detail .custom-progressbar .progress-bar {
    background: var(--theme-color2);
    border-radius: 50px
}

.deal-section .deal-box .deal-detail .item {
    color: #4a5568;
    margin-top: 18px
}

.deal-section .deal-box .deal-detail .item span {
    color: #222;
    font-weight: 500
}

.deal-section .deal-box .deal-detail .timer {
    margin-top: 15px
}

.deal-section .deal-box .deal-detail .timer ul li .counter {
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.deal-section .deal-box .deal-detail .timer ul li .counter>div {
    line-height: 1
}

.deal-section .deal-box .offer {
    color: #4a5568;
    margin: 5px 0 12px
}

.category-section-2 .category-slider .shop-category-box {
    position: relative;
    padding-top: 14px
}

.category-section-2 .category-slider .shop-category-box:hover a::before {
    border-radius: 11px
}

.category-section-2 .category-slider .shop-category-box:hover a img {
    transform: scale(1.04)
}

.category-section-2 .category-slider .shop-category-box a {
    display: block;
    position: relative
}

.category-section-2 .category-slider .shop-category-box a.circle-1::before {
    background-color: #fff9d8
}

.category-section-2 .category-slider .shop-category-box a.circle-2::before {
    background-color: #fff2ec
}

.category-section-2 .category-slider .shop-category-box a.circle-3::before {
    background-color: #fce9e9
}

.category-section-2 .category-slider .shop-category-box a.circle-4::before {
    background-color: #fcf1ff
}

.category-section-2 .category-slider .shop-category-box a.circle-5::before {
  background-color: #e0efe8
}
.category-section-2 .category-slider .shop-category-box a.circle-6::before {
  background-color: #ddd3f1
}

.category-section-2 .category-slider .shop-category-box a.circle-7::before {
  background-color: #a2c4f6
}
.category-section-2 .category-slider .shop-category-box a.circle-8::before {
  background-color: #f5f2f2
}


.category-section-2 .category-slider .shop-category-box a.circle-9::before {
  background-color: #fff9d8
}
.category-section-2 .category-slider .shop-category-box a.circle-10::before {
  background-color: #fce9e9
}


.category-section-2 .category-slider .shop-category-box a::before {
    content: "";
    position: absolute;
    top: -14px;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100px;
    transition: all .3s ease-in-out
}

.category-section-2 .category-slider .shop-category-box a img {
    position: relative;
    width: calc(87px + 23*(100vw - 320px)/1600);
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-section-2 .category-slider .shop-category-box .category-name {
    position: relative;
    text-align: center;
    z-index: 0;
    margin: 16px auto 0
}

.category-section-2 .category-slider .shop-category-box .category-name h6 {
    transition: all .3s ease-in-out;
    margin: 0 auto;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-line-clamp: 3;
    margin-bottom: 0;
    font-weight: 500
}

.category-section-3 .category-box-list {
    padding: 20px;
    border-radius: 15px;
    background-color: #f1f1f3;
    position: relative;
    overflow: hidden;
    transition: all .3s ease-in-out;
    z-index: 0
}

.category-section-3 .category-box-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(var(--theme-color-rgb), 0.15);
    z-index: -1;
    opacity: 0;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list:hover {
    background-color: #fff
}

.category-section-3 .category-box-list:hover::after {
    opacity: 1
}

.category-section-3 .category-box-list:hover .category-name h4 {
    font-weight: 700;
    color: var(--theme-color)
}

.category-section-3 .category-box-list:hover .category-name h6 {
    color: #222
}

.category-section-3 .category-box-list:hover .category-box-view .shop-button {
    opacity: 1;
    bottom: 17px
}

.category-section-3 .category-box-list:hover a img {
    opacity: .7;
    transform: scale(1.03)
}

.category-section-3 .category-box-list .category-box-view .shop-button {
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--theme-color);
    font-size: 14px;
    padding: 10px 20px;
    color: #fff;
    font-weight: 600;
    position: absolute;
    bottom: -40px;
    opacity: 0
}

.category-section-3 .category-box-list .category-box-view .shop-button i {
    margin-left: 6px;
    font-size: 12px
}

.category-section-3 .category-box-list .category-name {
    margin-bottom: 20px;
    color: #222;
    display: block
}

.category-section-3 .category-box-list .category-name h4 {
    font-weight: 600;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list .category-name h6 {
    margin-top: 5px;
    color: #4a5568;
    transition: all .3s ease-in-out
}

.category-section-3 .category-box-list a {
    display: block;
    position: relative
}

.category-section-3 .category-box-list a img {
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-section-4 .shop-category-box {
    text-align: center
}

.category-section-4 .shop-category-box img {
    width: 120px;
    height: 120px;
    object-fit: contain;
    border-radius: 25px;
    margin: 0 auto;
    border: 2px solid #fff
}

.category-section-4 .shop-category-box .category-name {
    margin-top: 14px
}

.category-section-4 .shop-category-box .category-name h6 {
    font-size: 16px;
    color: #fff;
    font-weight: 500
}

.book-category {
    margin-bottom: 9px
}

.book-category .book-category-slider {
    width: 97%;
    margin-inline: auto
}

.book-category .category-box {
    background-color: #f8f8f8;
    margin: 0px auto;
    height: calc(135px + 31*(100vw - 320px)/1600);
    width: 81%;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    transition: all .3s ease-in-out;
    position: relative;
    padding: calc(15px + 20*(100vw - 320px)/1600) 8px;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.book-category .category-box:hover img {
    filter: unset
}

.book-category .category-box::after {
    content: unset
}

.book-category .category-box::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1em;
    background: rgba(0, 0, 0, .35);
    border-radius: 100%;
    bottom: -10px;
    filter: blur(5px);
    z-index: -1
}

.book-category .category-box img {
    z-index: -1;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.book-category .category-box h5 {
    color: #fff;
    font-weight: 500;
    -webkit-line-clamp: 1;
    margin: 0;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    z-index: 1
}

.feature-category-panel {
    margin-top: -50px
}

.feature-category-panel .feature-panel-slider {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: calc(16px + 4*(100vw - 320px)/1600);
    border-radius: 10px;
    box-shadow: 0px 4px 8px rgba(221, 221, 221, .549);
    margin: 0 auto;
    width: 100%
}

.feature-category-panel .feature-panel-slider .cate-box {
    text-align: center;
    padding: calc(10px + 6*(100vw - 320px)/1600) calc(15px + 29*(100vw - 320px)/1600);
    display: block;
    border-radius: 8px;
    background-color: #f8f8f8;
    position: relative;
    overflow: hidden;
    transition: background-color .3s ease-in-out
}

.feature-category-panel .feature-panel-slider .cate-box:hover {
    background-color: rgba(0, 0, 0, 0)
}

.feature-category-panel .feature-panel-slider .cate-box:hover:before {
    opacity: 1;
    visibility: visible
}

.feature-category-panel .feature-panel-slider .cate-box:hover span {
    color: #fff;
    font-weight: 500
}

.feature-category-panel .feature-panel-slider .cate-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out;
    z-index: -1;
    background-image: linear-gradient(140deg, #1a1c28 0%, #1c1b27 8%, #1e1b27 20%, #211b27 34%, #221924 49%, #241924 64%, #251822 78%, #261720 89%, #27171e 96%, #27161c 100%)
}

.feature-category-panel .feature-panel-slider .cate-box a {
    background-color: rgba(39, 32, 39, .5294117647);
    padding: 16px 25px;
    display: block;
    border-radius: 8px
}

.feature-category-panel .feature-panel-slider .cate-box span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    margin-block: -2px -4px;
    display: block;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.category-panel {
    margin-top: -50px
}

.category-panel .category-panel-slider {
    display: flex;
    align-items: center
}

.category-panel .category-panel-slider .cate-box {
    position: relative;
    text-align: center;
    display: block;
    background-color: #f8f8f8;
    padding: calc(19px + 16*(100vw - 320px)/1600) calc(11px + 4*(100vw - 320px)/1600);
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid rgba(0, 0, 0, 0);
    transition: all .3s ease-in-out
}

.category-panel .category-panel-slider .cate-box:hover {
    border-color: #ddd
}

.category-panel .category-panel-slider .cate-box img {
    width: calc(39px + 6*(100vw - 320px)/1600);
    height: calc(39px + 6*(100vw - 320px)/1600);
    object-fit: contain;
    margin: 0 auto;
    transition: all .3s ease-in-out
}

.category-panel .category-panel-slider .cate-box span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(6px + 4*(100vw - 320px)/1600);
    margin-bottom: -3px;
    display: block;
    color: #222
}

footer {
    background-color: #f8f8f8;
    position: relative;
    z-index: 0
}

footer::after {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('footer-shape.png');
    background-repeat: no-repeat;
    z-index: -1
}

@media(max-width: 1199px) {
    footer::after {
        content: none
    }
}

footer:before {
    content: "";
    position: absolute;
    width: 30%;
    height: 100%;
    bottom: 0;
    right: 0;
    background-image: url('footer-shape-2.png');
    background-repeat: no-repeat;
    z-index: -1
}

@media(max-width: 1199px) {
    footer:before {
        content: none
    }
}

footer .main-footer {
    border-top: 1px dashed #c1c1c1
}

@media(max-width: 767px) {
    footer .main-footer {
        border: none;
        padding-top: 0
    }
}

footer .main-footer .footer-theme .footer-theme-contain {
    margin-top: calc(13px + 7*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

footer .main-footer .footer-theme .footer-theme-contain ul.address {
    margin-top: calc(17px + 13*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li {
    display: flex;
    align-items: center
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
    margin: 1px 0 0 10px;
    color: #4a5568
}

[dir=rtl] footer .main-footer .footer-theme .footer-theme-contain ul.address li p {
    margin: 1px 10px 0 0
}

footer .main-footer .footer-theme .footer-theme-contain ul li {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

footer .main-footer .footer-theme .footer-theme-contain ul li a:hover {
    color: #4a5568
}

footer .main-footer .footer-theme .footer-theme-contain ul li+li {
    margin-top: calc(4px + 11*(100vw - 320px)/1600)
}

footer .main-footer .footer-logo .theme-logo {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    footer .main-footer .footer-logo .theme-logo {
        margin-bottom: 15px
    }
}

footer .main-footer .footer-logo .theme-logo a img {
    width: calc(120px + 40*(100vw - 320px)/1600)
}

footer .main-footer .footer-logo .theme-logo h4 {
    margin-left: 10px
}

footer .main-footer .footer-logo .footer-logo-contain {
    margin: calc(13px + 7*(100vw - 320px)/1600) 0
}

footer .main-footer .footer-logo .footer-logo-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0;
    width: 88%
}

@media(max-width: 360px) {
    footer .main-footer .footer-logo .footer-logo-contain p {
        width: 100%
    }
}

footer .main-footer .footer-logo .footer-logo-contain .address {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 7*(100vw - 320px)/1600);
    margin-top: calc(7px + 23*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address {
    padding-left: unset;
    padding-right: 0
}

footer .main-footer .footer-logo .footer-logo-contain .address li {
    display: flex;
    align-items: flex-start;
    width: 100%
}

footer .main-footer .footer-logo .footer-logo-contain .address li:hover a {
    color: var(--theme-color)
}

footer .main-footer .footer-logo .footer-logo-contain .address li:hover .feather {
    stroke: var(--theme-color)
}

footer .main-footer .footer-logo .footer-logo-contain .address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-logo .footer-logo-contain .address li a {
    margin: 0 0 0 10px;
    color: #4a5568;
    line-height: 18px;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-logo .footer-logo-contain .address li a {
    margin-right: 10px;
    margin-left: unset
}

footer .main-footer .footer-title h4 {
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

@media(max-width: 575px) {
    footer .main-footer .footer-title h4 {
        font-weight: 500
    }
}

footer .main-footer .footer-contain {
    margin-top: calc(8px + 12*(100vw - 320px)/1600)
}

footer .main-footer .footer-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

footer .main-footer .footer-contain ul.address {
    margin-top: calc(17px + 13*(100vw - 320px)/1600)
}

footer .main-footer .footer-contain ul.address li {
    display: flex;
    align-items: flex-start
}

footer .main-footer .footer-contain ul.address li .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-contain ul.address li p,
footer .main-footer .footer-contain ul.address li a {
    margin: 0 0 0 10px;
    color: #4a5568;
    line-height: 18px
}

[dir=rtl] footer .main-footer .footer-contain ul.address li p,
[dir=rtl] footer .main-footer .footer-contain ul.address li a {
    margin-right: 10px;
    margin-left: unset
}

footer .main-footer .footer-contain ul li {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    position: relative
}

footer .main-footer .footer-contain ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    left: 0;
    background-color: var(--theme-color);
    border-radius: 100%;
    opacity: 0;
    transition: all .3s ease-in-out
}

[dir=rtl] footer .main-footer .footer-contain ul li::after {
    left: unset;
    right: -13px
}

footer .main-footer .footer-contain ul li:hover::after {
    opacity: 1
}

footer .main-footer .footer-contain ul li:hover a {
    color: var(--theme-color);
    margin-left: 13px
}

[dir=rtl] footer .main-footer .footer-contain ul li:hover a {
    margin-left: unset;
    margin-right: 13px
}

footer .main-footer .footer-contain ul li:hover a::before {
    width: 100%
}

footer .main-footer .footer-contain ul li:hover a::after {
    opacity: 1
}

footer .main-footer .footer-contain ul li a {
    display: inline-block;
    position: relative
}

footer .main-footer .footer-contain ul li a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    left: 0;
    bottom: 0;
    background-color: var(--theme-color);
    transition: all .3s ease-in-out
}

[dir=rtl] footer .main-footer .footer-contain ul li a::before {
    left: unset;
    right: 0
}

footer .main-footer .footer-contain ul li a::after {
    content: unset !important
}

footer .main-footer .footer-contain ul li+li {
    margin-top: calc(4px + 11*(100vw - 320px)/1600)
}

footer .main-footer .social-app::before {
    content: none
}

footer .main-footer .social-app ul {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    align-items: center
}

footer .main-footer .social-app ul li {
    display: inline-block
}

footer .main-footer .social-app ul li::before {
    content: none !important
}

footer .main-footer .social-app ul li a {
    display: block
}

footer .main-footer .social-app ul li a img {
    width: calc(114px + 26*(100vw - 320px)/1600)
}

footer .main-footer .footer-contact {
    margin-top: calc(13px + 7*(100vw - 320px)/1600)
}

[dir=rtl] footer .main-footer .footer-contact {
    padding-left: unset;
    padding-right: 0
}

footer .main-footer .footer-contact ul li {
    display: block;
    margin-bottom: calc(30px + 20*(100vw - 320px)/1600);
    position: relative
}

footer .main-footer .footer-contact ul li:last-child {
    margin-bottom: 0
}

footer .main-footer .footer-contact ul li:last-child::before {
    content: none
}

footer .main-footer .footer-contact ul li.social-app ul li a {
    display: block
}

footer .main-footer .footer-contact ul li.social-app ul li a img {
    width: 139px
}

footer .main-footer .footer-contact ul li::before {
    content: "";
    position: absolute;
    bottom: -24px;
    right: 0;
    width: calc(100% - 33px);
    border-bottom: 1px dashed #c1c1c1
}

[dir=rtl] footer .main-footer .footer-contact ul li::before {
    right: unset;
    left: 0
}

@media(max-width: 1460px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -20px
    }
}

@media(max-width: 991px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -18px
    }
}

@media(max-width: 767px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -16px
    }
}

@media(max-width: 360px) {
    footer .main-footer .footer-contact ul li::before {
        bottom: -13px
    }
}

footer .main-footer .footer-contact ul li .footer-number {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: flex-start
}

footer .main-footer .footer-contact ul li .footer-number .feather {
    width: 18px;
    height: 18px;
    stroke: #4a5568
}

footer .main-footer .footer-contact ul li .footer-number .contact-number h5 {
    margin-top: 6px;
    font-weight: 600;
    color: #222
}

footer .sub-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px dashed #c1c1c1
}

@media(max-width: 991px) {
    footer .sub-footer {
        display: block;
        text-align: center
    }
}

@media(max-width: 767px) {
    footer .sub-footer {
        margin-bottom: 66px
    }
}

@media(max-width: 991px) {
    footer .sub-footer .payment {
        margin: 8px 0
    }
}

footer .sub-footer .social-link {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    footer .sub-footer .social-link {
        justify-content: center
    }
}

footer .sub-footer .social-link h6 {
    margin-right: 10px
}

[dir=rtl] footer .sub-footer .social-link h6 {
    margin-left: 10px;
    margin-right: unset
}

footer .sub-footer .social-link ul {
    display: flex;
    align-items: center
}

footer .sub-footer .social-link ul li:hover i {
    transform: translateY(-5px)
}

footer .sub-footer .social-link ul li a {
    display: block
}

footer .sub-footer .social-link ul li a i {
    color: #4a5568;
    transition: all .3s ease-in-out
}

footer .sub-footer .social-link ul li+li {
    margin-left: 8px
}

[dir=rtl] footer .sub-footer .social-link ul li+li {
    margin-left: unset;
    margin-right: 8px
}

footer .sub-footer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 6px
}

@media(max-width: 991px) {
    footer .sub-footer ul {
        display: block;
        text-align: center
    }
}

footer .sub-footer ul li {
    display: block
}

.footer-section-2 {
    background-color: #f8f8f8
}

.footer-section-2::before,
.footer-section-2::after {
    content: none
}

.footer-section-2 .download-image {
    margin-top: calc(20px + 10*(100vw - 320px)/1600)
}

.footer-section-2.footer-color-2 {
    background-color: #051616
}

.footer-section-2.footer-color-3 {
    background-color: #1d2328
}

.footer-section-2 .main-footer {
    padding-bottom: calc(18px + 32*(100vw - 320px)/1600);
    border-top: unset
}

.footer-section-2 .main-footer .foot-logo img {
    width: calc(120px + 40*(100vw - 320px)/1600)
}

.footer-section-2 .main-footer .information-text {
    margin-bottom: 0;
    margin-top: calc(5px + 15*(100vw - 320px)/1600);
    color: #4a5568;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.7
}

.footer-section-2 .main-footer .information-text-2 {
    color: #bfbfbf;
    margin-top: calc(18px + 12*(100vw - 320px)/1600)
}

.footer-section-2 .main-footer .social-icon {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    align-items: center;
    margin-top: 10px;
    margin-bottom: 20px
}

[dir=rtl] .footer-section-2 .main-footer .social-icon {
    padding-left: unset;
    padding-right: 0
}

.footer-section-2 .main-footer .social-icon li {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg::after {
    background-color: #fff;
    opacity: .1;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li.light-bg:hover::after {
    opacity: .3
}

.footer-section-2 .main-footer .social-icon li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .06;
    border-radius: 50%;
    z-index: -1;
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li:hover::after {
    opacity: 1
}

.footer-section-2 .main-footer .social-icon li:hover i {
    color: #fff
}

.footer-section-2 .main-footer .social-icon li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568
}

.footer-section-2 .main-footer .social-icon li a i {
    transition: all .3s ease-in-out
}

.footer-section-2 .main-footer .social-icon li a.footer-link-color {
    color: #fff
}

.footer-section-2 .main-footer .download-app {
    margin-top: 20px
}

.footer-section-2 .main-footer .download-app span {
    margin-bottom: 0;
    margin-top: 20px;
    color: #4a5568;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5
}

.footer-section-2 .main-footer .download-app img {
    width: 110px;
    margin-left: 8px
}

.footer-section-2 .main-footer .footer-title {
    margin-bottom: calc(13px + 23*(100vw - 320px)/1600);
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-family: "Public Sans", sans-serif;
    font-weight: 600;
    position: relative
}

.footer-section-2 .main-footer .footer-list-light li a:hover {
    color: #fff
}

.footer-section-2 .main-footer .footer-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(7px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .footer-section-2 .main-footer .footer-list {
    padding-right: 0
}

.footer-section-2 .main-footer .footer-list li {
    display: block;
    width: 100%
}

@media(max-width: 575px) {
    .footer-section-2 .main-footer .footer-list li:last-child {
        margin-bottom: 16px
    }
}

.footer-section-2 .main-footer .footer-list li a {
    color: #4a5568;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 16px
}

.footer-section-2 .main-footer .footer-list li a i {
    margin-right: 10px
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a i {
    margin-right: unset;
    margin-left: 10px
}

.footer-section-2 .main-footer .footer-list li a.light-text {
    color: #bfbfbf
}

.footer-section-2 .main-footer .footer-list li a:hover {
    color: #fff;
    padding-left: 14px
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover {
    padding-left: unset;
    padding-right: 14px
}

.footer-section-2 .main-footer .footer-list li a:hover::before {
    left: 0;
    opacity: .7
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:hover::before {
    left: unset;
    right: 0
}

.footer-section-2 .main-footer .footer-list li a:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 5px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    border-radius: 100%;
    opacity: 0;
    background-color: #fff;
    transition: all .3s ease-in-out
}

[dir=rtl] .footer-section-2 .main-footer .footer-list li a:before {
    left: unset;
    right: -20px
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: unset;
    height: unset;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    left: 0;
    opacity: 0;
    background: none;
    color: var(--theme-color)
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover {
    padding-left: 6px;
    color: var(--theme-color)
}

.footer-section-2 .main-footer .footer-list li a.footer-contain-2:hover::before {
    opacity: 1
}

[dir=rtl] .footer-section-2 .main-footer .footer-address {
    padding-right: 0
}

.footer-section-2 .main-footer .footer-address li {
    margin-bottom: 16px;
    display: flex;
    align-items: center
}

.footer-section-2 .main-footer .footer-address li:last-child {
    margin-bottom: 0
}

.footer-section-2 .main-footer .footer-address li a {
    color: #4a5568;
    position: relative;
    font-size: 16px;
    display: block;
    width: 100%
}

.footer-section-2 .main-footer .footer-address li a.light-text {
    color: #bfbfbf
}

.footer-section-2 .main-footer .footer-address li a .inform-box {
    display: flex;
    align-items: center
}

.footer-section-2 .main-footer .footer-address li a .inform-box.flex-start-box {
    align-items: flex-start
}

.footer-section-2 .main-footer .footer-address li a .inform-box .feather {
    margin-right: 10px;
    width: 20px
}

[dir=rtl] .footer-section-2 .main-footer .footer-address li a .inform-box .feather {
    margin-right: unset;
    margin-left: 10px
}

.footer-section-2 .main-footer .footer-address li a .inform-box p {
    margin: -3px 0 0;
    width: calc(100% + -36*(100vw - 320px)/1600);
    font-size: 16px;
    line-height: 30px
}

.footer-section-2 .sub-footer {
    border-top: 1px solid #ececec
}

.footer-section-2 .sub-footer-lite {
    border-top: 1px solid rgba(236, 236, 236, .2)
}

.footer-section-2 .sub-footer p {
    margin-bottom: 0;
    font-size: 15px;
    color: #4a5568;
    text-transform: capitalize
}

.footer-section-2 .sub-footer p.light-text {
    color: #bfbfbf
}

.footer-section-2 .sub-footer .payment-box {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media(max-width: 1199px) {
    .footer-section-2 .sub-footer .payment-box {
        justify-content: center;
        margin-top: 10px
    }
}

.footer-section-2 .sub-footer .payment-box li {
    margin: 0 5px
}

.footer-section-2 .sub-footer .payment-box li img {
    width: 40px;
    margin-bottom: -6px;
    display: block
}

.footer-sm {
    margin-left: 320px;
    background-color: #fff
}

[dir=rtl] .footer-sm {
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    .footer-sm {
        margin-left: 0
    }

    [dir=rtl] .footer-sm {
        margin-left: unset;
        margin-right: 0
    }
}

.footer-sm:after,
.footer-sm:before {
    display: none
}

.footer-sm .sub-footer {
    border-top: none;
    padding: 20px 0
}

.footer-section-4 {
    background-image: url('footer-bg.jpg');
    background-repeat: no-repeat;
    background-size: cover
}

.footer-section-4 .main-footer {
    padding-block: calc(18px + 32*(100vw - 320px)/1600);
    border-top: 1px solid rgba(236, 236, 236, .2)
}

.onhover-category-box {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    box-shadow: 0 0 8px #ddd;
    padding: 20px 25px;
    border-radius: 5px;
    width: 520px;
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: auto auto;
    opacity: 0;
    visibility: hidden;
    margin-left: 14px;
    transition: all .3s ease-in-out
}

[dir=rtl] .onhover-category-box {
    margin-left: unset;
    margin-right: 14px;
    left: unset;
    right: 100%
}

@media(max-width: 1199px) {
    .onhover-category-box {
        grid-template-columns: auto;
        display: block;
        width: 100%
    }

    .onhover-category-box .list-2 {
        margin-top: 15px
    }
}

@media(max-width: 767px) {
    .onhover-category-box {
        position: relative;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        box-shadow: none;
        padding: 12px 11px;
        margin-top: 7px;
        opacity: 1;
        visibility: visible;
        margin-left: 0
    }
}

.onhover-category-box .category-title-box {
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.onhover-category-box .category-title-box h5 {
    font-weight: 600
}

.onhover-category-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4px + 7*(100vw - 320px)/1600)
}

.onhover-category-box ul li {
    position: relative
}

.onhover-category-box ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

.onhover-category-box ul li a {
    margin-left: 13px
}

.onhover-category-box ul~.category-title-box {
    margin-top: 15px !important
}

header.active .sticky-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    color: #222;
    box-shadow: 0 8px 10px rgba(34, 34, 34, .05);
    z-index: 9;
    padding: calc(15px + 9*(100vw - 320px)/1600) 0
}

header.active .sticky-header-2 {
    background-color: var(--theme-color);
    padding: 14px 0
}

header.active .sticky-header-3 {
    padding: 14px 0
}

header .timer-notification {
    color: #fff;
    text-align: center;
    transition: all .3s ease-in-out;
    position: relative
}

@media(max-width: 1399px) {
    header .timer-notification {
        text-align: left
    }
}

header .timer-notification h6 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

header .timer-notification h6 a {
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
    margin-left: 5px
}

header .header-notification {
    position: relative
}

header .header-notification.remove {
    display: none
}

@media(max-width: 767px) {
    header .header-notification .notification-slider .timer-notification {
        width: 80%;
        margin: 0 auto
    }
}

header .header-notification .close-notification {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 11px;
    padding: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 700
}

@media(max-width: 575px) {
    header .header-notification .close-notification {
        top: 10px;
        transform: none
    }
}

@media(max-width: 575px) {
    header .header-notification .close-notification span {
        display: none
    }
}

header .header-notification .close-notification i {
    margin-left: 5px;
    margin-top: 1px
}

@media(min-width: 768px) {
    header .onhover-category-list:hover .onhover-category-box {
        opacity: 1 !important;
        visibility: visible !important;
        margin-left: 0 !important;
    }

    [dir=rtl] header .onhover-category-list:hover .onhover-category-box {
        margin-left: unset !important;
        margin-right: 0 !important;
    }
}

@media(max-width: 767px) {
    header .onhover-category-list .list-1 {
        margin-bottom: 21px
    }
}

header .onhover-category-list .onhover-category-box {
    position: absolute;
    top: 0;
    left: 100%;
    background: #fff;
    box-shadow: 0 0 8px #ddd;
    padding: 20px 25px;
    border-radius: 5px;
    width: 520px;
    height: 100%;
    overflow: auto;
    display: grid;
    grid-template-columns: auto auto;
    opacity: 0;
    visibility: hidden;
    margin-left: 14px;
    transition: all .3s ease-in-out
}

[dir=rtl] header .onhover-category-list .onhover-category-box {
    margin-left: unset;
    margin-right: 14px
}

@media(max-width: 991px) {
    header .onhover-category-list .onhover-category-box {
        grid-template-columns: auto;
        display: block;
        width: 100%
    }

    header .onhover-category-list .onhover-category-box .list-2 {
        margin-top: 15px
    }
}
@media(max-width: 767px) {
    /* OCULTAR TODO POR DEFECTO EN MÓVIL */
    header .onhover-category-list .onhover-category-box {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: none;
        padding: 0; /* Sin padding inicial */
        margin: 0;
        /* CRÍTICO: TODO OCULTO */
        display: none !important;
        height: 0 !important;
        overflow: hidden !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* BLOQUEAR HOVER EN MÓVIL */
    header .onhover-category-list:hover .onhover-category-box {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }
    
    /* SOLO MOSTRAR CON CLASE mobile-active */
    header .onhover-category-list .onhover-category-box.mobile-active {
        display: block !important;
        height: auto !important;
        overflow: visible !important;
        opacity: 1 !important;
        visibility: visible !important;
        padding: 12px 11px !important;
        margin-top: 7px !important;
    }
}

@media(min-width: 768px) {
    header .onhover-category-list:hover .onhover-category-box {
        opacity: 1;
        visibility: visible;
        margin-left: 0;
    }
}

header .onhover-category-list .onhover-category-box .category-title-box {
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

header .onhover-category-list .onhover-category-box .category-title-box h5 {
    font-weight: 600
}

header .onhover-category-list .onhover-category-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(4px + 7*(100vw - 320px)/1600)
}

header .onhover-category-list .onhover-category-box ul li {
    position: relative
}

header .onhover-category-list .onhover-category-box ul li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] header .onhover-category-list .onhover-category-box ul li::after {
    left: unset;
    right: 0
}

header .onhover-category-list .onhover-category-box ul li a {
    margin-left: 13px
}

[dir=rtl] header .onhover-category-list .onhover-category-box ul li a {
    margin-left: 0;
    margin-right: 13px
}

header .header-top {
    padding: 10px 0;
    background-color: var(--theme-color)
}

header .header-top-2 {
    background-color: #222
}

header .header-top .top-left-header {
    display: flex;
    align-items: center;
    height: 100%
}

header .header-top .top-left-header i {
    font-size: 18px;
    margin-right: 5px
}

[dir=rtl] header .header-top .top-left-header i {
    margin-right: unset;
    margin-left: 5px
}

header .header-top .top-left-header span {
    margin-top: 1px;
    font-weight: 500
}

header .header-top .about-list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    height: 100%
}

[dir=rtl] header .header-top .about-list {
    padding-left: unset;
    padding-right: 0
}

header .header-top .about-list li {
    display: flex;
    align-items: center
}

header .header-top .about-list li i {
    font-size: 18px;
    margin-right: 5px
}

[dir=rtl] header .header-top .about-list li i {
    margin-right: unset;
    margin-left: 5px
}

header .header-top .about-list li span {
    margin-top: 1px;
    font-weight: 500
}

header .header-top .about-list li+li {
    margin-left: 25px;
    position: relative
}

[dir=rtl] header .header-top .about-list li+li {
    margin-left: unset;
    margin-right: 25px
}

header .header-top .about-list li+li::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 90%;
    top: 10px;
    left: -13px;
    background-color: rgba(255, 255, 255, .3)
}

[dir=rtl] header .header-top .about-list li+li::after {
    left: unset;
    right: -13px
}

header .header-top .about-list li .theme-form-select {
    padding: 0;
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
    border: none;
    background-image: none;
    position: relative
}

header .header-top .about-list li .theme-form-select::before {
    content: unset
}

header .header-top .about-list li .theme-form-select .dropdown-toggle {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    padding: 0 18px 0 0
}

header .header-top .about-list li .theme-form-select .dropdown-toggle img {
    width: 20px;
    margin-right: 10px
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-toggle img {
    margin-right: unset;
    margin-left: 10px
}

header .header-top .about-list li .theme-form-select .dropdown-toggle::after {
    content: none
}

header .header-top .about-list li .theme-form-select .dropdown-toggle:focus {
    box-shadow: none
}

header .header-top .about-list li .theme-form-select .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: #fff
}

header .header-top .about-list li .theme-form-select .dropdown-menu.sm-dropdown-menu {
    min-width: 100%
}

header .header-top .about-list li .theme-form-select .dropdown-menu li+li {
    margin-left: 0
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li+li {
    margin-left: unset;
    margin-right: 0
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item {
    display: flex;
    align-items: center
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:hover,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:focus {
    background-color: rgba(0, 0, 0, 0)
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item.active,
header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item:active {
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img {
    width: 20px;
    margin-right: 10px
}

[dir=rtl] header .header-top .about-list li .theme-form-select .dropdown-menu li .dropdown-item img {
    margin-right: unset;
    margin-left: 10px
}

header .nav-about {
    padding: 10px 0;
    background-color: var(--theme-color)
}

header .nav-about-2 {
    background-color: #222
}

header .top-nav {
    padding: 24px 0
}

@media(max-width: 767px) {
    header .top-nav {
        padding: 24px 0 0
    }
}

header .top-nav .navbar-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top {
        justify-content: normal
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top {
        justify-content: space-between
    }
}

header .top-nav .navbar-top .web-logo img {
    width: calc(120px + 42*(100vw - 320px)/1600);
    height: auto;
    object-fit: contain
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .web-logo img {
        margin: 0 auto
    }
}

header .top-nav .navbar-top .middle-box {
    display: flex;
    align-items: left;
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .middle-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box {
    border-radius: 5px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    padding: 7px;
    padding-right: 20px;
    margin-right: 13px;
    position: relative
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
    margin-right: unset;
    margin-left: 13px;
    padding-right: 7px;
    padding-left: 20px
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .middle-box .location-box {
        margin-right: unset;
        margin-left: 13px
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
        margin-left: unset;
        margin-right: 13px
    }
}

@media(max-width: 1556px) {
    header .top-nav .navbar-top .middle-box .location-box {
        padding-right: 7px
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box {
        padding-right: 7px;
        padding-left: 7px
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .middle-box .location-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box button {
    display: flex;
    align-items: center;
    padding: 0
}

header .top-nav .navbar-top .middle-box .location-box button:focus {
    box-shadow: none
}

header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    background-color: #f3f5f9;
    border-radius: 5px;
    margin-right: 12px
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
    margin-right: unset;
    margin-left: 12px
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
        margin-right: 0
    }

    [dir=rtl] header .top-nav .navbar-top .middle-box .location-box button .location-arrow {
        margin-right: unset;
        margin-left: 0
    }
}

header .top-nav .navbar-top .middle-box .location-box button .location-arrow .feather {
    width: 16px;
    height: 16px
}

header .top-nav .navbar-top .middle-box .location-box button .locat-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color)
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button .locat-name {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .location-box button i {
    margin-left: 17px;
    color: #4a5568
}

[dir=rtl] header .top-nav .navbar-top .middle-box .location-box button i {
    margin-left: unset;
    margin-right: 17px
}

@media(max-width: 1300px) {
    header .top-nav .navbar-top .middle-box .location-box button i {
        display: none
    }
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .middle-box .search-box {
        display: none
    }
}

header .top-nav .navbar-top .middle-box .search-box .input-group ::placeholder {
    font-size: 16px;
    font-weight: 400
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
    width: 577px;
    border-radius: 5px 0 0 5px;
    border-color: #ececec
}

[dir=rtl] header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
    border-radius: 0 5px 5px 0
}

@media(max-width: 1812px) {
    header .top-nav .navbar-top .middle-box .search-box .input-group .form-control {
        width: 466px
    }
}

header .top-nav .navbar-top .middle-box .search-box .input-group .form-control:focus {
    border-color: var(--theme-color);
    background-color: #fff
}

header .top-nav .navbar-top .middle-box .search-box .input-group button {
    background-color: #ffa53b;
    color: #fff;
    padding: 14px 20px;
    border-radius: 5px;
    border: 1px solid #ffa53b
}

header .top-nav .navbar-top .middle-box .search-box .input-group button.bg-theme {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

header .top-nav .navbar-top .middle-box .search-box .input-group button.search-button-2 {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

[dir=rtl] header .top-nav .navbar-top .middle-box .search-box .input-group button {
    border-radius: 5px 0 0 5px !important
}

header .top-nav .navbar-top .middle-box .search-box .input-group button .feather {
    width: 20px;
    height: 20px
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .rightside-box {
        margin-left: auto
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box {
        margin-left: unset;
        margin-right: auto
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box {
        margin-left: unset
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box {
        margin-left: unset;
        margin-right: unset
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu {
    display: flex;
    align-items: center
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu {
    padding-left: unset;
    padding-right: 0
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    position: relative;
    padding-right: 32px
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
    padding-right: unset;
    padding-left: 32px
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side {
        display: none
    }

    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
        display: block
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
    display: none
}

@media(max-width: 1199px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
        display: block
    }
}

@media(max-width: 767px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:first-child {
        display: none
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
    padding-right: 0
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child {
    padding-right: unset;
    padding-left: 0
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side:last-child::before {
    content: none
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 24px;
    right: 14px;
    background-color: rgba(74, 85, 104, .5)
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side::before {
    right: unset;
    left: 14px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box {
    display: flex;
    align-items: center;
    cursor: default
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #222;
    margin-right: 14px;
    stroke-width: 1.5
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    margin-right: unset;
    margin-left: 14px
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
        margin-right: 0
    }

    [dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
        margin-right: unset;
        margin-left: 0
    }
}



.delivery-detail {
  cursor: pointer !important;
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail {
        display: none
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
    color: #4a5568;
    margin-bottom: 3px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    font-weight: 500;
    color: #222
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-badge {
    padding-right: 9px
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    stroke-width: 1.5;
    color: #4a5568
}

@media(max-width: 1660px) {
    header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
        color: #222
    }
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist:focus {
    box-shadow: none
}

header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ff7272;
    font-size: 12px;
    padding: 0;
    border-radius: 2px
}

[dir=rtl] header .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist span {
    right: 0 !important
}

header .onhover-dropdown {
    position: relative
}

header .onhover-dropdown:hover .onhover-div {
    opacity: 1;
    top: 50px;
    visibility: visible
}

header .onhover-dropdown .onhover-div {
    position: absolute;
    top: 60px;
    right: -10px;
    background-color: #fff;
    z-index: 1001;
    width: 320px;
    border-radius: 10px;
    padding: calc(14px + 16*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    opacity: 0;
    transition: all .3s ease-in-out;
    visibility: hidden
}

[dir=rtl] header .onhover-dropdown .onhover-div {
    right: unset;
    left: 20px
}

header .onhover-dropdown .onhover-div-login {
    right: 0;
    width: 160px;
    padding: 20px
}

header .onhover-dropdown .onhover-div-login .user-box-name {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    align-items: center
}

header .onhover-dropdown .onhover-div-login .user-box-name li {
    display: block;
    width: 100%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a {
    color: #222;
    display: block;
    position: relative
}

header .onhover-dropdown .onhover-div-login .user-box-name li a:hover::after {
    width: 40%
}

header .onhover-dropdown .onhover-div-login .user-box-name li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

header .onhover-dropdown .onhover-div .cart-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 15*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(12px + 10*(100vw - 320px)/1600)
}

[dir=rtl] header .onhover-dropdown .onhover-div .cart-list {
    padding-right: 0
}

header .onhover-dropdown .onhover-div .cart-list li {
    margin: 0 !important
}

header .onhover-dropdown .onhover-div .cart-list li::after {
    content: none !important
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    align-items: center;
    position: relative
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart::after {
    content: none
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-image img {
    width: 87px;
    background: #f8f8f8;
    padding: 10px
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h5 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: 5px;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: 500
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: flex-end
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain h6 span {
    margin-top: -2px;
    color: #4a5568
}

header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    color: #4a5568
}

[dir=rtl] header .onhover-dropdown .onhover-div .cart-list li .drop-cart .drop-contain .close-button {
    right: unset;
    left: 0
}

header .onhover-dropdown .onhover-div .button-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

header .onhover-dropdown .onhover-div .button-group .cart-button {
    border: 2px solid var(--theme-color);
    color: var(--theme-color);
    padding: 6px 10px
}

header .onhover-dropdown .onhover-div .button-group .cart-button:hover {
    background-color: var(--theme-color);
    color: #fff
}

header .onhover-dropdown .onhover-div .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

header .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

header .search-full .input-group {
    border: 1px solid #f0f3f8
}

header .search-full .input-group .input-group-text {
    background-color: rgba(0, 0, 0, 0);
    border: none
}

header .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

header .search-full .input-group .input-group-text svg {
    height: 18px
}

header .search-full .input-group input {
    border: none
}

header .search-full.open {
    width: 100%;
    height: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease
}

header .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

header .header-nav {
    display: flex;
    align-items: center;
    justify-content: space-between
}

header .header-nav .header-nav-left {
    position: relative
}

header .header-nav .header-nav-left .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(10px + 5*(100vw - 320px)/1600) calc(16px + 15*(100vw - 320px)/1600);
    background: var(--theme-color2);
    color: #fff;
    border-radius: 5px;
    border: none
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .dropdown-category {
        display: none
    }
}

header .header-nav .header-nav-left .dropdown-category-2 {
    background: linear-gradient(93.33deg, #222221 12.35%, #2f2f2d 99.38%)
}

header .header-nav .header-nav-left .dropdown-category .feather {
    font-size: 23px;
    margin-right: calc(9px + 7*(100vw - 320px)/1600)
}

[dir=rtl] header .header-nav .header-nav-left .dropdown-category .feather {
    margin-right: unset;
    margin-left: calc(9px + 7*(100vw - 320px)/1600)
}

header .header-nav .header-nav-left .dropdown-category span {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

header .header-nav .header-nav-left .dropdown-category .dropdown {
    display: inline-block
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown {
    position: unset
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown a {
    display: block;
    color: #fff;
    text-decoration: none;
    transition: background .35s ease;
    font-family: "Public Sans", sans-serif;
    font-weight: 500;
    font-size: 18px
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown .fa {
    margin-top: 3px;
    margin-left: 10px;
    font-size: 14px;
    color: var(--theme-color)
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
    display: none;
    border: 1px solid #ececec;
    border-radius: 5px;
    position: absolute;
    top: 53px;
    width: 100%;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14);
    z-index: 999
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul .show {
    display: block
}

@media(max-width: 1199px) {
    header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul {
        position: fixed;
        top: 0;
        left: 0;
        width: 320px
    }
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li {
    display: flex;
    align-items: center;
    padding: 12px 14px;
    border-bottom: 1px solid #ececec;
    cursor: pointer;
    transition: background .35s ease;
    color: #222
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 6px
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:last-child {
    border-bottom: none
}

header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:focus,
header .header-nav .header-nav-left .dropdown-category .dropdown.custom-dropdown ul li:hover {
    background-color: #ececec
}

header .header-nav .header-nav-left:hover .category-dropdown {
    opacity: 1;
    visibility: visible;
    top: 63px
}

header .header-nav .header-nav-left .category-dropdown {
    position: absolute;
    top: 72px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
    z-index: 2;
    width: 300px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown {
    left: unset;
    right: 0
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown {
        width: calc(300px + 20*(100vw - 320px)/1600);
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out;
        box-shadow: none
    }

    [dir=rtl] header .header-nav .header-nav-left .category-dropdown {
        left: unset;
        right: -320px
    }

    header .header-nav .header-nav-left .category-dropdown.show {
        left: 0
    }

    [dir=rtl] header .header-nav .header-nav-left .category-dropdown.show {
        left: unset;
        right: 0
    }

    header .header-nav .header-nav-left .category-dropdown:hover {
        opacity: 1;
        visibility: visible;
        top: 0
    }
}

header .header-nav .header-nav-left .category-dropdown .category-title {
    display: none
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown .category-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 24px;
        border-bottom: 1px solid #ececec;
        box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
    }
}

header .header-nav .header-nav-left .category-dropdown .category-title h5 {
    color: var(--theme-color);
    font-weight: 600
}

header .header-nav .header-nav-left .category-dropdown .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 25px
}

header .header-nav .header-nav-left .category-dropdown .category-list li {
    display: block;
    width: 100%
}

header .header-nav .header-nav-left .category-dropdown .category-list li a {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    color: #4a5568
}

header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6 {
    letter-spacing: .3px
}

header .header-nav .header-nav-left .category-dropdown .category-list li a:hover h6::before {
    width: 65px
}

header .header-nav .header-nav-left .category-dropdown .category-list li a img {
    width: 23px;
    height: 23px;
    object-fit: contain
}

header .header-nav .header-nav-left .category-dropdown .category-list li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    transition: all .3s ease-in-out
}

header .header-nav .header-nav-left .category-dropdown .category-list li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a h6:before {
    left: unset;
    right: 0
}

header .header-nav .header-nav-left .category-dropdown .category-list li a .according-menu {
    margin-left: auto
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a .according-menu {
    margin-left: unset;
    margin-right: auto
}

header .header-nav .header-nav-left .category-dropdown .category-list li a i {
    margin-left: auto
}

[dir=rtl] header .header-nav .header-nav-left .category-dropdown .category-list li a i {
    margin-left: unset;
    margin-right: auto;
    transform: rotate(180deg)
}

@media(max-width: 767px) {
    header .header-nav .header-nav-left .category-dropdown .category-list li a i {
        display: none
    }
}

@media(max-width: 767px) {
    header .header-nav .header-nav-right {
        display: none
    }
}

header .header-nav .header-nav-right .deal-button {
    color: var(--theme-color);
    padding: calc(6px + 9*(100vw - 320px)/1600) calc(11px + 9*(100vw - 320px)/1600);
    position: relative;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0
}

header .header-nav .header-nav-right .deal-button::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

header .header-nav .header-nav-right .deal-button .feather {
    margin-right: 10px;
    stroke-width: 1.5px
}

[dir=rtl] header .header-nav .header-nav-right .deal-button .feather {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 1366px) {
    header .header-nav .header-nav-right .deal-button .feather {
        margin-right: 0
    }

    [dir=rtl] header .header-nav .header-nav-right .deal-button .feather {
        margin-right: unset;
        margin-left: 0
    }
}

header .header-nav .header-nav-right .deal-button span {
    font-size: 16px;
    font-weight: 600
}

@media(max-width: 1366px) {
    header .header-nav .header-nav-right .deal-button span {
        display: none
    }
}

header.header-compact .top-nav .navbar-top {
    justify-content: unset
}

header.header-compact .top-nav .navbar-top .rightside-box {
    margin-left: auto;
    display: flex;
    align-items: center
}

[dir=rtl] header.header-compact .top-nav .navbar-top .rightside-box {
    margin-left: unset;
    margin-right: auto
}

header.header-compact .location-box {
    padding-right: 10px
}

header.bg-theme .navbar-light .navbar-nav .nav-link {
    color: #fff !important
}

header.bg-theme .navbar-light .navbar-nav .nav-link:hover {
    color: #fff !important
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side:before {
    background-color: rgba(255, 255, 255, .5)
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    color: #fff
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    color: #fff
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6 {
    color: rgba(255, 255, 255, .7)
}

header.bg-theme .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #fff
}

header.bg-theme .location-box {
    border-color: rgba(255, 255, 255, .5)
}

header.bg-theme .location-box button i {
    color: #fff
}

header.bg-theme .location-box button .locat-name {
    color: #fff
}

header.bg-theme .location-box button .location-arrow {
    color: #fff;
    background-color: rgba(255, 255, 255, .24)
}

header.header-absolute {
    position: absolute;
    left: 0;
    width: 100%;
    top: 0;
    z-index: 1
}

header.header-absolute.bg-theme {
    background-color: rgba(0, 0, 0, 0)
}

@media(min-width: 1200px) {
    [dir=rtl] header.header-absolute .navbar-expand-xl .dropdown:hover .dropdown-menu-2 {
        transform: translateX(-50%) translateY(0)
    }
}

header.fixed-header {
    position: fixed;
    top: 0;
    left: 0;
    width: calc(100vw - 320px);
    z-index: 1;
    background-color: #fff;
    margin-left: 320px;
    border-bottom: 1px solid #ececec
}

[dir=rtl] header.fixed-header {
    left: unset;
    right: 0;
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    header.fixed-header {
        width: 100%;
        margin-left: 0
    }

    [dir=rtl] header.fixed-header {
        margin-left: unset;
        margin-right: 0
    }
}

header.fixed-header .top-nav {
    padding: 18px 0
}

header .location-box {
    border-radius: 5px;
    border: 1px solid #ececec;
    display: flex;
    align-items: center;
    padding: 7px;
    padding-right: 20px;
    margin-right: 13px;
    position: relative
}

[dir=rtl] header .location-box {
    margin-right: unset;
    margin-left: 13px;
    padding-right: 7px;
    padding-left: 20px
}

@media(max-width: 1199px) {
    header .location-box {
        margin-right: unset;
        margin-left: 13px
    }

    [dir=rtl] header .location-box {
        margin-left: unset;
        margin-right: 13px
    }
}

@media(max-width: 1556px) {
    header .location-box {
        padding-right: 7px
    }

    [dir=rtl] header .location-box {
        padding-right: 7px;
        padding-left: 7px
    }
}

@media(max-width: 767px) {
    header .location-box {
        display: none
    }
}

header .location-box button {
    display: flex;
    align-items: center;
    padding: 0
}

header .location-box button:focus {
    box-shadow: none
}

header .location-box button .location-arrow {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #4a5568;
    background-color: #f3f5f9;
    border-radius: 5px;
    margin-right: 12px
}

[dir=rtl] header .location-box button .location-arrow {
    margin-right: unset;
    margin-left: 12px
}

@media(max-width: 1300px) {
    header .location-box button .location-arrow {
        margin-right: 0
    }

    [dir=rtl] header .location-box button .location-arrow {
        margin-right: unset;
        margin-left: 0
    }
}

header .location-box button .location-arrow .feather {
    width: 16px;
    height: 16px
}

header .location-box button .locat-name {
    font-size: 16px;
    font-weight: 600;
    color: var(--theme-color)
}

@media(max-width: 1300px) {
    header .location-box button .locat-name {
        display: none
    }
}

header .location-box button i {
    margin-left: 17px;
    color: #4a5568
}

[dir=rtl] header .location-box button i {
    margin-left: unset;
    margin-right: 17px
}

@media(max-width: 1300px) {
    header .location-box button i {
        display: none
    }
}

.mobile-menu {
    position: fixed;
    bottom: 0;
    padding: 10px;
    width: 100%;
    background-color: var(--theme-color);
    z-index: 2;
    overflow: hidden;
    box-shadow: 0 -3px 10px 0px rgba(0, 0, 0, .08)
}

[dir=rtl] .mobile-menu {
    left: 0
}

.mobile-menu ul {
    display: flex;
    width: 70%;
    margin: 0 auto
}

@media(max-width: 767px) {
    .mobile-menu ul {
        width: 80%
    }
}

@media(max-width: 480px) {
    .mobile-menu ul {
        width: 95%
    }
}

@media(max-width: 360px) {
    .mobile-menu ul {
        width: 100%
    }
}

[dir=rtl] .mobile-menu ul {
    padding: 0
}

.mobile-menu ul li {
    width: 100%;
    text-align: center
}

.mobile-menu ul li.active {
    transition: .3s ease;
    position: relative
}

.mobile-menu ul li.active::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 3px;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 2px
}

.mobile-menu ul li a {
    display: block
}

.mobile-menu ul li a img {
    display: block;
    margin: 0px auto
}

.mobile-menu ul li a.active,
.mobile-menu ul li a:hover {
    color: #222
}

@media(max-width: 360px) {
    .mobile-menu ul li a {
        font-size: 13px
    }
}

.mobile-menu ul li a .icli {
    display: inline-block;
    margin: 0 auto;
    font-size: calc(20px + 2*(100vw - 320px)/1600);
    color: #fff
}

.mobile-menu ul li a span {
    display: block;
    color: #fff
}

.header-2 .navbar-top {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .header-2 .navbar-top {
        justify-content: space-between
    }
}

.header-2 .navbar-top .navbar-toggler:focus {
    box-shadow: none
}

.header-2 .search-box {
    display: none
}

@media(max-width: 991px) {
    .header-2 .search-box {
        display: block;
        background-color: #fff;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #4a5568;
        text-align: right;
        margin-left: auto
    }

    .header-2 .search-box a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000
    }

    .header-2 .search-box a .icli {
        font-size: 25px
    }
}

@media(max-width: 480px) {
    .header-2 .search-box {
        margin-left: unset
    }
}

.header-2 .dropdown-list.drop-state {
    margin-right: 20px;
    width: 100%;
    display: flex;
    align-items: center
}

@media(max-width: 1199px) {
    .header-2 .dropdown-list.drop-state {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .header-2 .dropdown-list {
        background-color: rgba(0, 0, 0, 0);
        margin: 0
    }
}

.header-2 .dropdown-list .location-icon {
    margin-right: 8px;
    display: flex
}

.header-2 .dropdown-list .location-icon .iconly-Location {
    font-size: 25px
}

.header-2 .dropdown-list .dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-2 .dropdown-list .dropdown .dropdown-toggle {
    padding-left: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    margin-top: 4px
}

.header-2 .dropdown-list .dropdown .dropdown-toggle::after {
    display: none
}

.header-2 .dropdown-list .dropdown .dropdown-toggle i {
    color: #000;
    margin-left: 5px
}

.header-2 .dropdown-list .dropdown .dropdown-menu {
    min-width: 100%
}

.header-2 .dropdown-list .dropdown .dropdown-menu li {
    display: block
}

.header-2 .form-select {
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    font-family: "Public Sans", sans-serif;
    color: #222
}

.header-2 .form-select:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.header-2 .top-nav {
    padding: 14px 0;
    border-bottom: 1px solid #ececec
}

@media(max-width: 767px) {
    .header-2 .top-nav {
        border-bottom: unset;
        padding-bottom: 0
    }
}

.header-2 .top-nav-color {
    background-color: #ffe03e
}

.header-2 .top-nav span {
    color: #222
}

.header-2 .top-nav span .icli {
    font-size: 25px
}

.header-2 .top-nav .nav-logo {
    display: flex;
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: bolder;
    font-family: "Public Sans", sans-serif
}

.header-2 .top-nav .nav-logo span {
    color: #222
}

.header-2 .top-nav .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .header-2 .top-nav .search-full {
        right: -5px
    }
}

.header-2 .top-nav .search-full .input-group {
    border: 1px solid #f0f3f8;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .search-full .input-group .input-group-text {
    background-color: #fff;
    border: none;
    color: #4a5568
}

.header-2 .top-nav .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

.header-2 .top-nav .search-full .input-group input {
    border: none;
    height: 50px
}

.header-2 .top-nav .search-full.open {
    width: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease;
    padding: 0 30px
}

@media(max-width: 575px) {
    .header-2 .top-nav .search-full.open {
        padding: 0 25px
    }
}

@media(max-width: 480px) {
    .header-2 .top-nav .search-full.open {
        padding: 0 15px
    }
}

@media(max-width: 360px) {
    .header-2 .top-nav .search-full.open {
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        width: 95%
    }
}

.header-2 .top-nav .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

.header-2 .top-nav .middle-box {
    display: inline-block;
    margin-left: calc(16px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .header-2 .top-nav .middle-box {
    margin-left: unset;
    margin-right: calc(16px + 13*(100vw - 320px)/1600)
}

@media(max-width: 1366px) {
    .header-2 .top-nav .middle-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 25px;
        float: right
    }
}

@media(max-width: 1199px) {
    .header-2 .top-nav .middle-box {
        margin-left: 15px
    }
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .center-box {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box .center-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .searchbar-box {
    position: relative;
    margin-right: 2%
}

@media(max-width: 991px) {
    .header-2 .top-nav .middle-box .searchbar-box {
        display: none
    }
}

.header-2 .top-nav .middle-box .searchbar-box .search-button {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    padding: 0 19px;
    right: 0;
    height: 100%;
    cursor: pointer
}

[dir=rtl] .header-2 .top-nav .middle-box .searchbar-box .search-button {
    right: unset;
    left: 0
}

.header-2 .top-nav .middle-box .searchbar-box .search-button .iconly-Search {
    font-size: calc(18px + 7*(100vw - 320px)/1600);
    color: #4a5568
}

.header-2 .top-nav .middle-box .searchbar-box input {
    width: 520px;
    height: 45px;
    padding: 8px 60px 8px 18px;
    color: #222;
    border-color: #d3d3d3;
    font-size: 14px;
    border-radius: 30px;
}

[dir=rtl] .header-2 .top-nav .middle-box .searchbar-box input {
    padding: 8px 18px 8px 60px
}

@media(max-width: 1754px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 500px;
        border-radius: 30px;
    }
}

@media(max-width: 1678px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 470px;
        border-radius: 30px;
    }
}

@media(max-width: 1604px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 440px;
        border-radius: 30px;
    }
}

@media(max-width: 1332px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 400px;
        border-radius: 30px;
    }
}

@media(max-width: 1270px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 370px;
        border-radius: 30px;
    }
}

@media(max-width: 1235px) {
    .header-2 .top-nav .middle-box .searchbar-box input {
        width: 340px;
        border-radius: 30px;

    }
}


/* Borde Imagen Soporte */

.borde_support{
    border-radius: 30px !important;
    width: 85%;
}

.header-2 .top-nav .middle-box .searchbar-box input:focus {
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-2 .top-nav .middle-box .searchbar-box input::placeholder {
    color: #4a5568;
    font-size: 16px
}

.header-2 .top-nav .middle-box .location-box-2 {
    display: flex;
    align-items: center;
    margin-right: 20px;
    position: relative
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 {
    margin-right: unset;
    margin-left: 20px
}

@media(max-width: 1199px) {
    .header-2 .top-nav .middle-box .location-box-2 {
        margin-right: unset;
        margin-left: 0
    }
}

@media(max-width: 767px) {
    .header-2 .top-nav .middle-box .location-box-2 {
        display: none
    }
}

.header-2 .top-nav .middle-box .location-box-2 button {
    display: flex;
    align-items: center;
    padding: 0
}

.header-2 .top-nav .middle-box .location-box-2 button:focus {
    box-shadow: none
}

.header-2 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: 9px;
    font-size: 22px
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: unset;
    margin-left: 9px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button .icli {
        margin-right: 0
    }
}

.header-2 .top-nav .middle-box .location-box-2 button span {
    font-size: 16px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button span {
        display: none
    }
}

.header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: 10px
}

[dir=rtl] .header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 1556px) {
    .header-2 .top-nav .middle-box .location-box-2 button .down-arrow {
        display: none
    }
}

.header-2 .rightside-menu {
    display: flex;
    align-items: center;
    /* margin-left: auto */
}

[dir=rtl] .header-2 .rightside-menu {
    margin-left: unset;
    margin-right: auto
}

.header-2 .rightside-menu .dropdown-dollar {
    display: flex;
    align-items: center;
    margin-right: 22px
}

@media(max-width: 991px) {
    .header-2 .rightside-menu .dropdown-dollar {
        display: none
    }
}

.header-2 .rightside-menu .dropdown-dollar .dropdown {
    position: relative;
    z-index: 1
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: 8px
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: unset;
    margin-right: 8px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after {
    display: none
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: 23px
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: unset;
    margin-right: 23px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    left: -10px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    left: unset;
    right: -10px
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu {
    min-width: 100%
}

.header-2 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li {
    display: block
}

.header-2 .rightside-menu .wishlist-box {
    display: flex;
    align-items: center
}

.header-2 .rightside-menu .wishlist-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .wishlist-box .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon {
    margin-left: 0
}

.header-2 .rightside-menu .wishlist-box .header-icon.swap-icon::after {
    content: none
}

.header-2 .rightside-menu .wishlist-box .header-icon.bag-icon {
    display: block
}

@media(max-width: 480px) {
    .header-2 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }
}

.header-2 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-2 .rightside-menu .wishlist-box .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon {
        display: flex
    }

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-2 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon::after,
    .header-2 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-2 .rightside-menu .wishlist-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background: var(--theme-color2);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .wishlist-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list>ul {
    display: flex
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul {
    padding-right: 0
}

.header-2 .rightside-menu .option-list>ul>li {
    position: relative
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3) {
    display: none
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li {
    margin-left: 0
}

.header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after {
    content: none
}

@media(max-width: 1199px) {
    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3) {
        display: block
    }

    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li {
        margin-left: 22px
    }

    .header-2 .rightside-menu .option-list>ul>li:nth-of-type(5n-3)+li::after {
        content: ""
    }
}

@media(max-width: 767px) {
    .header-2 .rightside-menu .option-list>ul>li:not(:nth-last-of-type(5n-5)) {
        display: none
    }
}

.header-2 .rightside-menu .option-list>ul>li+li {
    margin-left: 37px
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1460px) {
    .header-2 .rightside-menu .option-list>ul>li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-2 .rightside-menu .option-list>ul>li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1460px) {
    .header-2 .rightside-menu .option-list>ul>li+li::after {
        left: -13px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list>ul>li+li::after {
        left: unset;
        right: -13px
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .option-list>ul>li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon {
    margin-left: 0
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.swap-icon::after {
    content: none
}

@media(max-width: 480px) {
    .header-2 .rightside-menu .option-list>ul>li .header-icon.bag-icon {
        display: none
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,
.header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon {
        display: flex
    }

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-2 .rightside-menu .option-list>ul>li .header-icon.search-icon+.header-icon::after,
    .header-2 .rightside-menu .option-list>ul>li .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .option-list>ul>li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list-2 {
    display: flex
}

.header-2 .rightside-menu .option-list-2 li {
    position: relative
}

.header-2 .rightside-menu .option-list-2 li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon {
    margin-left: 38px
}

.header-2 .rightside-menu .option-list-2 li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-2 .rightside-menu .option-list-2 li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-2 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-2 .rightside-menu .option-list-2 li .user-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center
}

.header-2 .rightside-menu .option-list-2 li .user-box:hover .user-name h4 {
    color: var(--theme-color)
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li .user-box .user-name {
        display: none
    }
}

.header-2 .rightside-menu .option-list-2 li+li {
    margin-left: 37px
}

[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-2 .rightside-menu .option-list-2 li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-2 .rightside-menu .option-list-2 li+li::after {
        left: -13px
    }

    [dir=rtl] .header-2 .rightside-menu .option-list-2 li+li::after {
        left: unset;
        right: -13px
    }
}

.header-2 .rightside-menu .mobile-app {
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    padding: 16px 18px;
    display: flex;
    align-items: center;
    margin-left: 18px
}

[dir=rtl] .header-2 .rightside-menu .mobile-app {
    margin-left: unset;
    margin-right: 18px
}

.header-2 .rightside-menu .mobile-app .mobile-image {
    margin-right: 11px
}

[dir=rtl] .header-2 .rightside-menu .mobile-app .mobile-image {
    margin-right: unset;
    margin-left: 11px
}

.header-2 .rightside-menu .mobile-app .mobile-image img {
    width: 15px;
    height: auto
}

.header-2 .rightside-menu .dropdown-user {
    display: flex;
    align-items: center
}

.header-2 .rightside-menu .dropdown-user .user-detail {
    margin-left: 15px
}

@media(max-width: 1366px) {
    .header-2 .rightside-menu .dropdown-user .user-detail {
        display: none
    }
}

.header-2 .rightside-menu .dropdown-user .user-detail h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px
}

.header-2 .rightside-menu .dropdown-user .user-detail h5 {
    color: #222;
    font-size: 16px;
    margin-bottom: 0
}

.header-2 .right-nav {
    float: right;
    display: flex;
    align-items: center;
    margin-left: auto
}

[dir=rtl] .header-2 .right-nav {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1366px) {
    .header-2 .right-nav {
        display: none
    }
}

.header-2 .right-nav .nav-number {
    display: flex;
    align-items: center
}

@media(max-width: 1660px) {
    .header-2 .right-nav .nav-number {
        display: none
    }
}

.header-2 .right-nav .nav-number img {
    width: 32px;
    height: 32px
}

.header-2 .right-nav .nav-number span {
    font-size: calc(18px + 9*(100vw - 320px)/1600);
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px
}

[dir=rtl] .header-2 .right-nav .nav-number span {
    margin-left: unset;
    margin-right: 8px
}

.header-2 .right-nav .fire-button {
    display: flex;
    align-items: center;
    padding: 11px 38px;
    overflow: hidden;
    border-radius: 25px !important
}

.header-2 .right-nav .fire-button span {
    color: #fff;
    margin-left: 7px;
    font-size: 16px;
    font-weight: 500
}

[dir=rtl] .header-2 .right-nav .fire-button span {
    margin-left: unset;
    margin-right: 7px
}

.header-2 .right-nav .fire-button .fire {
    position: relative;
    width: 25px;
    height: 25px;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1
}

.header-2 .right-nav .fire-button .fire img {
    margin-top: -11px
}

.header-2 .right-nav .fire-button .fire .fire-main {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: scaleUpDown 3s ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-main .main-fire {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-main .particle-fire {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 60%;
    left: 45%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-right {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    right: -25%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 45%;
    left: 50%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-left {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 3s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    left: -20%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-2 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire {
    width: 10%;
    height: 10%;
    position: absolute;
    top: 10%;
    left: 20%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 3s infinite ease-out 0;
    animation-fill-mode: both
}

.header-2 .header-nav-left {
    position: relative
}

.header-2 .header-nav-left .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 9px calc(16px + 15*(100vw - 320px)/1600) 9px 0;
    position: relative
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category {
    padding: 9px 0 9px calc(16px + 15*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .dropdown-category {
        display: none
    }
}

.header-2 .header-nav-left .dropdown-category::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ececec
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category::after {
    right: unset;
    left: 0
}

.header-2 .header-nav-left .dropdown-category .icli {
    font-size: 23px;
    color: var(--theme-color);
    margin-right: 10px
}

[dir=rtl] .header-2 .header-nav-left .dropdown-category .icli {
    margin-right: unset;
    margin-left: 10px
}

.header-2 .header-nav-left .dropdown-category span {
    font-size: 16px;
    margin-top: 4px
}

.header-2 .header-nav-left:hover .category-dropdown {
    opacity: 1;
    visibility: visible;
    top: 63px
}

.header-2 .header-nav-left .category-dropdown {
    position: absolute;
    top: 72px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 0 8px #ddd;
    z-index: 2;
    width: 270px;
    border-radius: 6px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown {
        width: calc(300px + 20*(100vw - 320px)/1600);
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        padding: 0;
        opacity: 1;
        visibility: visible;
        transition: all .3s ease-in-out;
        box-shadow: none
    }

    [dir=rtl] .header-2 .header-nav-left .category-dropdown {
        left: unset;
        right: -320px
    }

    .header-2 .header-nav-left .category-dropdown.show {
        left: 0
    }

    [dir=rtl] .header-2 .header-nav-left .category-dropdown.show {
        left: unset;
        right: 0
    }

    .header-2 .header-nav-left .category-dropdown:hover {
        opacity: 1;
        visibility: visible;
        top: 0
    }
}

.header-2 .header-nav-left .category-dropdown .category-title {
    display: none
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown .category-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 20px 24px;
        border-bottom: 1px solid #ececec;
        box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
    }
}

.header-2 .header-nav-left .category-dropdown .category-title h5 {
    color: var(--theme-color);
    font-weight: 600
}

.header-2 .header-nav-left .category-dropdown .category-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px;
    padding: 20px 25px
}

.header-2 .header-nav-left .category-dropdown .category-list li {
    display: block;
    width: 100%
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name {
    display: flex;
    align-items: center;
    color: #4a5568
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name:hover h6 {
    letter-spacing: .3px
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name:hover h6::before {
    width: 65px
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name img {
    width: 32px;
    height: 32px;
    object-fit: contain
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
    margin-left: auto
}

@media(max-width: 767px) {
    .header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
        display: none
    }
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li .category-name i {
    margin-left: unset;
    margin-right: auto
}

.header-2 .header-nav-left .category-dropdown .category-list li .category-name .according-menu {
    margin-left: auto
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li .category-name .according-menu {
    margin-left: unset;
    margin-right: auto
}

.header-2 .header-nav-left .category-dropdown .category-list li a {
    display: flex;
    align-items: center;
    color: #4a5568
}

.header-2 .header-nav-left .category-dropdown .category-list li a:hover h6 {
    letter-spacing: .3px
}

.header-2 .header-nav-left .category-dropdown .category-list li a:hover h6::before {
    width: 65px
}

.header-2 .header-nav-left .category-dropdown .category-list li a img {
    width: 22px;
    height: 22px;
    object-fit: contain
}

.header-2 .header-nav-left .category-dropdown .category-list li a h6 {
    font-size: 17px;
    font-weight: 500;
    position: relative;
    margin-left: 10px;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li a h6:before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .5;
    transition: all .3s ease-in-out
}

.header-2 .header-nav-left .category-dropdown .category-list li a i {
    margin-left: auto
}

[dir=rtl] .header-2 .header-nav-left .category-dropdown .category-list li a i {
    margin-left: unset;
    margin-right: auto
}

.header-2 .dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 767px) {
    .header-2 .dropdown-list {
        display: none
    }
}

.header-2 .dropdown-list li:last-child {
    margin-right: 0
}

.header-2 .dropdown-list li+li .dropdown {
    margin-left: 20px
}

.header-2 .dropdown-list li+li .dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -12px;
    background-color: rgba(255, 255, 255, .4)
}

.header-2 .dropdown-list li:first-child::after {
    content: none
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle {
    width: auto;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-weight: 500;
    font-size: unset
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle:after {
    content: none
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle span {
    font-weight: 400
}

.header-2 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down {
    margin-left: 10px
}

.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list {
    display: block
}

.header-2 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list {
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-2 .about-list {
    font-family: "Public Sans", sans-serif
}

@media(max-width: 991px) {
    .header-2 .about-list {
        display: none
    }
}

.header-2 .about-list li {
    position: relative;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 500
}

.header-2 .about-list li:first-child {
    margin-left: 0
}

.header-2 .about-list li:first-child::after {
    content: none
}

.header-2 .about-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    left: -8px;
    background-color: rgba(255, 255, 255, .4)
}

.header-3 .navbar-top {
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .header-3 .navbar-top {
        justify-content: space-between
    }
}

.header-3 .navbar-top .navbar-toggler:focus {
    box-shadow: none
}

.header-3 .navbar-top .support-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 9px;
    align-items: flex-start
}

@media(max-width: 1432px) {
    .header-3 .navbar-top .support-box {
        display: none
    }
}

.header-3 .navbar-top .support-box .support-image img {
    width: 33px;
    height: auto
}

.header-3 .navbar-top .support-box .support-number {
    text-align: right
}

.header-3 .navbar-top .support-box .support-number h2 {
    font-size: 25px;
    color: #fff
}

.header-3 .navbar-top .support-box .support-number h4 {
    color: #fff;
    margin-top: 4px;
    font-weight: 500;
    font-size: 16px
}

.header-3 .search-box {
    display: none
}

@media(max-width: 991px) {
    .header-3 .search-box {
        display: block;
        background-color: #fff;
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #4a5568;
        text-align: right;
        margin-left: auto
    }

    .header-3 .search-box a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000
    }

    .header-3 .search-box a .icli {
        font-size: 25px
    }
}

@media(max-width: 480px) {
    .header-3 .search-box {
        margin-left: unset
    }
}

.header-3 .dropdown-list.drop-state {
    margin-right: 20px;
    width: 100%;
    display: flex;
    align-items: center
}

@media(max-width: 1199px) {
    .header-3 .dropdown-list.drop-state {
        margin-right: 0
    }
}

@media(max-width: 991px) {
    .header-3 .dropdown-list {
        background-color: rgba(0, 0, 0, 0);
        margin: 0
    }
}

.header-3 .dropdown-list .location-icon {
    margin-right: 8px;
    display: flex
}

.header-3 .dropdown-list .location-icon .iconly-Location {
    font-size: 25px
}

.header-3 .dropdown-list .dropdown {
    display: flex;
    align-items: center;
    justify-content: center
}

.header-3 .dropdown-list .dropdown .dropdown-toggle {
    padding-left: 0;
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    letter-spacing: .5px;
    position: relative;
    margin-top: 4px
}

.header-3 .dropdown-list .dropdown .dropdown-toggle::after {
    display: none
}

.header-3 .dropdown-list .dropdown .dropdown-toggle i {
    color: #000;
    margin-left: 5px
}

.header-3 .dropdown-list .dropdown .dropdown-menu {
    min-width: 100%
}

.header-3 .dropdown-list .dropdown .dropdown-menu li {
    display: block
}

.header-3 .form-select {
    font-size: 16px;
    font-weight: 600;
    border: none;
    border-radius: 0;
    font-family: "Public Sans", sans-serif;
    color: #222
}

.header-3 .form-select:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.header-3 .top-nav {
    padding: 14px 0;
    background-color: var(--theme-color)
}

@media(max-width: 1199px) {
    .header-3 .top-nav {
        border-bottom: unset
    }
}

@media(max-width: 767px) {
    .header-3 .top-nav .navbar-top {
        justify-content: normal
    }
}

.header-3 .top-nav span {
    color: #222
}

.header-3 .top-nav span .icli {
    font-size: 25px;
    margin-top: 2px;
    color: #fff;
    -webkit-text-fill-color: #fff
}

.header-3 .top-nav .nav-logo {
    display: flex;
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-weight: bolder;
    font-family: "Public Sans", sans-serif
}

.header-3 .top-nav .nav-logo span {
    color: #222
}

.header-3 .top-nav .search-full {
    width: 0;
    height: 0;
    background-color: #fff;
    position: absolute;
    top: 40px;
    right: 0;
    z-index: 1;
    transform: scale(0);
    transition: all .3s ease;
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .header-3 .top-nav .search-full {
        right: -5px
    }
}

.header-3 .top-nav .search-full .input-group {
    border: 1px solid #f0f3f8;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-3 .top-nav .search-full .input-group .input-group-text {
    background-color: #fff;
    border: none;
    color: #4a5568
}

.header-3 .top-nav .search-full .input-group .input-group-text.close-search {
    cursor: pointer
}

.header-3 .top-nav .search-full .input-group input {
    border: none;
    height: 50px
}

.header-3 .top-nav .search-full.open {
    width: 100%;
    animation: zoomIn .5s ease-in-out;
    transform: scale(1);
    transition: all .3s ease;
    padding: 0 30px
}

@media(max-width: 575px) {
    .header-3 .top-nav .search-full.open {
        padding: 0 25px
    }
}

@media(max-width: 480px) {
    .header-3 .top-nav .search-full.open {
        padding: 0 15px
    }
}

@media(max-width: 360px) {
    .header-3 .top-nav .search-full.open {
        left: 50%;
        transform: translateX(-50%);
        padding: 0;
        width: 95%
    }
}

.header-3 .top-nav .search-full.show .search-suggestion {
    padding: 10px;
    border: 1px solid #f0f3f8;
    height: max-content;
    max-height: 500px;
    transition: max-height 1000ms cubic-bezier(0.27, 0.7, 0, 0.99)
}

.header-3 .top-nav .middle-box {
    display: inline-block;
    margin-left: calc(16px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .header-3 .top-nav .middle-box {
    margin-left: unset;
    margin-right: calc(16px + 13*(100vw - 320px)/1600)
}

@media(max-width: 1366px) {
    .header-3 .top-nav .middle-box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-left: 25px;
        float: right
    }
}

@media(max-width: 1199px) {
    .header-3 .top-nav .middle-box {
        margin-left: 15px
    }
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box {
        margin-left: auto
    }
}

.header-3 .top-nav .middle-box .center-box {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .header-3 .top-nav .middle-box {
        display: block !important
    }
}

.header-3 .top-nav .middle-box .searchbar-box-2 {
    position: relative;
    display: flex;
    align-items: stretch;
    width: 853px;
    border: 1px solid var(--theme-color);
    border-radius: 5px;
    overflow: hidden
}

@media(max-width: 1742px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 800px
    }
}

@media(max-width: 1668px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 760px
    }
}

@media(max-width: 1610px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 710px
    }
}

@media(max-width: 1544px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        width: 670px
    }
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .searchbar-box-2 {
        display: none
    }
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-button {
    background-color: #ffb803;
    font-weight: 500
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-icon {
    font-size: 27px;
    background-color: #fff;
    padding-left: 16px;
    padding-right: 5px
}

[dir=rtl] .header-3 .top-nav .middle-box .searchbar-box-2 .search-icon {
    padding-left: 5px;
    padding-right: 16px
}

.header-3 .top-nav .middle-box .searchbar-box-2 .search-icon i {
    color: var(--theme-color)
}

.header-3 .top-nav .middle-box .searchbar-box-2 input {
    height: 55px;
    padding: 8px;
    color: #222;
    border: none;
    font-size: 16px;
    z-index: 0
}

.header-3 .top-nav .middle-box .searchbar-box-2 input:focus {
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

.header-3 .top-nav .middle-box .searchbar-box-2 input::placeholder {
    color: #4a5568;
    font-size: 16px
}

.header-3 .top-nav .middle-box .location-box-2 {
    display: flex;
    align-items: center;
    margin-right: 20px;
    position: relative
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 {
    margin-right: unset;
    margin-left: 20px
}

@media(max-width: 1199px) {
    .header-3 .top-nav .middle-box .location-box-2 {
        margin-right: unset;
        margin-left: 0
    }
}

.header-3 .top-nav .middle-box .location-box-2 button {
    display: flex;
    align-items: center;
    padding: 0
}

.header-3 .top-nav .middle-box .location-box-2 button:focus {
    box-shadow: none
}

.header-3 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: 9px;
    font-size: 22px;
    color: #fff
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 button .icli {
    margin-right: unset;
    margin-left: 9px
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button .icli {
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(35px + 11*(100vw - 320px)/1600);
        height: calc(35px + 11*(100vw - 320px)/1600);
        margin-right: 0
    }
}

.header-3 .top-nav .middle-box .location-box-2 button span {
    font-size: 16px;
    color: #fff
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button span {
        display: none
    }
}

.header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: 10px;
    color: #fff
}

[dir=rtl] .header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 991px) {
    .header-3 .top-nav .middle-box .location-box-2 button .down-arrow {
        display: none
    }
}

.header-3 .rightside-menu {
    display: flex;
    align-items: center;
    margin-left: auto
}

@media(max-width: 1432px) {
    .header-3 .rightside-menu.support-sidemenu {
        display: none
    }
}

[dir=rtl] .header-3 .rightside-menu {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu {
        position: absolute;
        top: -49px;
        right: 0
    }

    [dir=rtl] .header-3 .rightside-menu {
        right: unset;
        left: 0
    }
}

@media(max-width: 991px) {
    .header-3 .rightside-menu {
        top: -53px;
        right: 78px
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu {
        top: -51px
    }
}

@media(max-width: 480px) {
    .header-3 .rightside-menu {
        top: -49px;
        right: 58px
    }
}

@media(max-width: 360px) {
    .header-3 .rightside-menu {
        right: 64px
    }
}

.header-3 .rightside-menu .dropdown-dollar {
    display: flex;
    align-items: center;
    margin-right: 22px
}

@media(max-width: 991px) {
    .header-3 .rightside-menu .dropdown-dollar {
        display: none
    }
}

.header-3 .rightside-menu .dropdown-dollar .dropdown {
    position: relative;
    z-index: 0
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle {
    font-size: 16px;
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: 8px
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle i {
    margin-left: unset;
    margin-right: 8px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-toggle::after {
    display: none
}

.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: 23px
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown {
    margin-left: unset;
    margin-right: 23px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 25px;
    left: -10px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .dropdown-dollar .dropdown+.dropdown::after {
    left: unset;
    right: -10px
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu {
    min-width: 100%
}

.header-3 .rightside-menu .dropdown-dollar .dropdown .dropdown-menu li {
    display: block
}

.header-3 .rightside-menu .wishlist-box {
    display: flex;
    align-items: center
}

.header-3 .rightside-menu .wishlist-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon {
    margin-left: 38px
}

.header-3 .rightside-menu .wishlist-box .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon {
    margin-left: 0
}

.header-3 .rightside-menu .wishlist-box .header-icon.swap-icon::after {
    content: none
}

.header-3 .rightside-menu .wishlist-box .header-icon.bag-icon {
    display: block
}

@media(max-width: 480px) {
    .header-3 .rightside-menu .wishlist-box .header-icon.bag-icon {
        display: none
    }
}

.header-3 .rightside-menu .wishlist-box .header-icon.search-icon,
.header-3 .rightside-menu .wishlist-box .header-icon.user-icon {
    display: none
}

@media(max-width: 1199px) {

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon {
        display: flex
    }

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon {
        margin-left: 38px
    }

    .header-3 .rightside-menu .wishlist-box .header-icon.search-icon+.header-icon::after,
    .header-3 .rightside-menu .wishlist-box .header-icon.user-icon+.header-icon::after {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 1px;
        height: 100%;
        left: -50%;
        background-color: #ececec
    }
}

.header-3 .rightside-menu .wishlist-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background: var(--theme-color2);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-3 .rightside-menu .wishlist-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-3 .rightside-menu .wishlist-box .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

.header-3 .rightside-menu .option-list-2 {
    display: flex
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 {
    padding-right: 0
}

.header-3 .rightside-menu .option-list-2 li {
    position: relative
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4) {
    display: none
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
    margin-left: 0
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
    margin-left: unset;
    margin-right: 0
}

.header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li::after {
    content: none
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4) {
        display: block
    }

    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li {
        margin-left: unset;
        margin-right: 22px
    }

    .header-3 .rightside-menu .option-list-2 li:nth-of-type(5n-4)+li::after {
        content: ""
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .option-list-2 li:not(:nth-last-of-type(5n-5)) {
        display: none
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon {
        border: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon {
    margin-left: 38px
}

.header-3 .rightside-menu .option-list-2 li .header-icon+.header-icon::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 100%;
    left: -50%;
    background-color: #ececec
}

.header-3 .rightside-menu .option-list-2 li .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon .badge-light {
        background-color: #fff;
        color: var(--theme-color);
        top: -3px
    }
}

.header-3 .rightside-menu .option-list-2 li .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.header-3 .rightside-menu .option-list-2 li .header-icon .icli.iconly-Swap {
    transform: rotate(90deg)
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li .header-icon .icli {
        color: #fff
    }
}

.header-3 .rightside-menu .option-list-2 li+li {
    margin-left: 37px
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li+li {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .option-list-2 li+li {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li+li {
        margin-left: unset;
        margin-right: 22px
    }
}

.header-3 .rightside-menu .option-list-2 li+li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .option-list-2 li+li::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .option-list-2 li+li::after {
        left: -13px
    }

    [dir=rtl] .header-3 .rightside-menu .option-list-2 li+li::after {
        left: unset;
        right: -13px
    }
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .option-list-2 li+li::after {
        background-color: rgba(255, 255, 255, .2)
    }
}

.header-3 .rightside-menu .user-box {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    align-items: center;
    margin-left: 37px;
    position: relative
}

[dir=rtl] .header-3 .rightside-menu .user-box {
    margin-left: unset;
    margin-right: 37px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box {
        margin-left: 22px
    }

    [dir=rtl] .header-3 .rightside-menu .user-box {
        margin-left: unset;
        margin-right: 22px
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .user-box {
        margin-left: 0
    }

    [dir=rtl] .header-3 .rightside-menu .user-box {
        margin-left: unset;
        margin-right: 0
    }
}

.header-3 .rightside-menu .user-box::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -20px;
    background-color: #ececec
}

[dir=rtl] .header-3 .rightside-menu .user-box::after {
    left: unset;
    right: -20px
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box::after {
        left: -13px
    }

    [dir=rtl] .header-3 .rightside-menu .user-box::after {
        left: unset;
        right: -13px
    }
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box::after {
        background-color: rgba(255, 255, 255, .2)
    }
}

@media(max-width: 767px) {
    .header-3 .rightside-menu .user-box::after {
        content: none
    }
}

.header-3 .rightside-menu .user-box .header-icon {
    width: calc(35px + 11*(100vw - 320px)/1600);
    height: calc(35px + 11*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border: 1px solid #ececec;
    background-color: #fff;
    border-radius: 100%;
    padding: 10px;
    position: relative
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box .header-icon {
        border: none;
        background-color: rgba(0, 0, 0, 0)
    }
}

.header-3 .rightside-menu .user-box .header-icon .badge-number {
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: 0;
    background-color: var(--theme-color);
    font-weight: 600;
    color: #fff;
    border-radius: 100%;
    font-size: 10px
}

.header-3 .rightside-menu .user-box .header-icon .icli {
    color: #000;
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .header-3 .rightside-menu .user-box .header-icon .icli {
        color: #fff
    }
}

.header-3 .rightside-menu .user-box:hover .user-name h4 {
    color: var(--theme-color)
}

@media(max-width: 1660px) {
    .header-3 .rightside-menu .user-box .user-name {
        display: none
    }
}

.header-3 .rightside-menu .mobile-app {
    position: relative;
    border-radius: 5px;
    padding: 16px 18px;
    display: flex;
    overflow: hidden;
    align-items: center;
    margin-left: 18px;
    color: var(--theme-color)
}

.header-3 .rightside-menu .mobile-app::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

[dir=rtl] .header-3 .rightside-menu .mobile-app {
    margin-left: unset;
    margin-right: 18px
}

.header-3 .rightside-menu .mobile-app .mobile-image {
    margin-right: 11px
}

[dir=rtl] .header-3 .rightside-menu .mobile-app .mobile-image {
    margin-right: unset;
    margin-left: 11px
}

.header-3 .rightside-menu .mobile-app .mobile-image img {
    width: 15px;
    height: auto
}

.header-3 .rightside-menu .dropdown-user {
    display: flex;
    align-items: center
}

.header-3 .rightside-menu .dropdown-user .user-detail {
    margin-left: 15px
}

@media(max-width: 1366px) {
    .header-3 .rightside-menu .dropdown-user .user-detail {
        display: none
    }
}

.header-3 .rightside-menu .dropdown-user .user-detail h6 {
    color: #4a5568;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 2px
}

.header-3 .rightside-menu .dropdown-user .user-detail h5 {
    color: #222;
    font-size: 16px;
    margin-bottom: 0
}

.header-3 .right-nav {
    float: right;
    display: flex;
    align-items: center;
    margin-left: auto
}

[dir=rtl] .header-3 .right-nav {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 1366px) {
    .header-3 .right-nav {
        display: none
    }
}

.header-3 .right-nav .nav-number {
    display: flex;
    align-items: center
}

@media(max-width: 1660px) {
    .header-3 .right-nav .nav-number {
        display: none
    }
}

.header-3 .right-nav .nav-number img {
    width: 32px;
    height: 32px
}

.header-3 .right-nav .nav-number span {
    font-size: calc(18px + 9*(100vw - 320px)/1600);
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 8px
}

[dir=rtl] .header-3 .right-nav .nav-number span {
    margin-left: unset;
    margin-right: 8px
}

.header-3 .right-nav .fire-button {
    display: flex;
    align-items: center;
    padding: 11px 38px;
    overflow: hidden
}

.header-3 .right-nav .fire-button span {
    color: #fff;
    margin-left: 7px;
    font-size: 16px;
    font-weight: 500
}

[dir=rtl] .header-3 .right-nav .fire-button span {
    margin-left: unset;
    margin-right: 7px
}

.header-3 .right-nav .fire-button .fire {
    width: 20px;
    height: 20px;
    position: relative;
    background-color: rgba(0, 0, 0, 0);
    z-index: 1
}

.header-3 .right-nav .fire-button .fire .fire-main {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: scaleUpDown 3s ease-out;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-main .main-fire {
    width: 100%;
    height: 100%;
    position: absolute;
    background-image: radial-gradient(farthest-corner at 10px 0, #ffffff 0%, #ddd 95%);
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-main .particle-fire {
    width: 10px;
    height: 10px;
    position: absolute;
    top: 60%;
    left: 45%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-right {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-right .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    right: -25%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-right .main-fire .particle-fire {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 45%;
    left: 50%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 50%;
    animation: particleUp 2s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-left {
    width: 100%;
    height: 100%;
    position: absolute;
    animation: shake 3s ease-out 0;
    animation-iteration-count: infinite;
    animation-fill-mode: both
}

.header-3 .right-nav .fire-button .fire .fire-left .main-fire {
    width: 80%;
    height: 80%;
    position: absolute;
    top: 15%;
    left: -20%;
    background-color: #fff;
    transform: scaleX(0.8) rotate(45deg);
    border-radius: 0 40% 60% 40%
}

.header-3 .right-nav .fire-button .fire .fire-left .main-fire .particle-fire {
    width: 10%;
    height: 10%;
    position: absolute;
    top: 10%;
    left: 20%;
    background-color: #fff;
    border-radius: 50%;
    animation: particleUp 3s infinite ease-out 0;
    animation-fill-mode: both
}

.header-3 .dropdown-category {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    padding: 9px calc(16px + 15*(100vw - 320px)/1600) 9px 0;
    position: relative
}

[dir=rtl] .header-3 .dropdown-category {
    padding: 9px 0 9px calc(16px + 15*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .header-3 .dropdown-category {
        display: none
    }
}

.header-3 .dropdown-category::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: 0;
    background-color: #ececec
}

[dir=rtl] .header-3 .dropdown-category::after {
    right: unset;
    left: 0
}

.header-3 .dropdown-category .icli {
    font-size: 23px;
    color: var(--theme-color);
    margin-right: 10px
}

[dir=rtl] .header-3 .dropdown-category .icli {
    margin-right: unset;
    margin-left: 10px
}

.header-3 .dropdown-category span {
    font-size: 16px;
    margin-top: 4px
}

.header-3 .dropdown-list {
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 767px) {
    .header-3 .dropdown-list {
        display: none
    }
}

.header-3 .dropdown-list li:last-child {
    margin-right: 0
}

.header-3 .dropdown-list li+li .dropdown {
    margin-left: 20px
}

.header-3 .dropdown-list li+li .dropdown::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 80%;
    left: -12px;
    background-color: rgba(255, 255, 255, .4)
}

.header-3 .dropdown-list li:first-child::after {
    content: none
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle {
    width: auto;
    display: block;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 5px;
    font-weight: 500;
    font-size: unset
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle:after {
    content: none
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle span {
    font-weight: 400
}

.header-3 .dropdown-list li .dropdown .dropdown-toggle .fa-chevron-down {
    margin-left: 10px
}

.header-3 .dropdown-list li .dropdown .dropdown-menu .dropdown-list {
    display: block
}

.header-3 .dropdown-list li .dropdown .dropdown-menu .dropdown-list+.dropdown-list {
    margin-top: 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.header-3 .about-list {
    font-family: "Public Sans", sans-serif
}

@media(max-width: 991px) {
    .header-3 .about-list {
        display: none
    }
}

.header-3 .about-list li {
    position: relative;
    margin-left: 15px;
    font-size: 12px;
    font-weight: 500
}

.header-3 .about-list li:first-child {
    margin-left: 0
}

.header-3 .about-list li:first-child::after {
    content: none
}

.header-3 .about-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 70%;
    left: -8px;
    background-color: rgba(255, 255, 255, .4)
}

header.header-gradient {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

header.header-gradient .navbar-light .navbar-nav .nav-link {
    color: #fff
}

header.header-gradient .header-top {
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2))
}

header.header-gradient .dropdown::before {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .header-wishlist .feather {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-icon .feather {
    color: #fff
}

header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h6,
header.header-gradient .top-nav .navbar-top .rightside-box .right-side-menu .right-side .delivery-login-box .delivery-detail h5 {
    color: rgba(255, 255, 255, .8)
}

.bg-effect {
    background-image: url('bg-body.png');
    background-repeat: no-repeat;
    background-position: center;

}

.home-contain {
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

.home-contain .home-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: calc(18px + 42*(100vw - 320px)/1600)
}

.home-contain .home-detail.home-big-space {
    padding: calc(27px + 158*(100vw - 320px)/1600) 0 !important
}

@media(max-width: 767px) {
    .home-contain .home-detail.home-overlay {
        background-color: rgba(255, 255, 255, .529)
    }
}

.home-contain .home-detail>.home-top {
    margin-top: -100px
}

@media(max-width: 575px) {
    .home-contain .home-detail>.home-top {
        margin-top: -80px
    }
}

@media(max-width: 480px) {
    .home-contain .home-detail>.home-top {
        margin-top: 0
    }
}

.home-contain .home-detail.home-p-sm {
    padding: calc(15px + 5*(100vw - 320px)/1600) !important
}

.home-contain .home-detail.home-p-medium {
    padding: 50px calc(15px + 15*(100vw - 320px)/1600) !important
}

.home-contain .home-detail .ls-expanded {
    letter-spacing: 2.2px
}

.home-contain .home-detail h1 {
    font-size: calc(16px + 26*(100vw - 320px)/1600);
    width: 80%;
    line-height: 1.4;
    margin-bottom: calc(3px + 7*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .home-contain .home-detail h1 {
        width: 100%
    }
}

[dir=rtl] .home-contain .home-detail h1 {
    margin-right: auto;
    text-align: left
}

.home-contain .home-detail h1.super-sale {
    font-size: 45px
}

.home-contain .home-detail h1.name-title {
    font-size: calc(25px + 17*(100vw - 320px)/1600)
}

.home-contain .home-detail h1.home-name {
    font-size: 86px;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.home-contain .home-detail h1.home-name::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 80%;
    height: 2px;
    bottom: 0;
    background-color: #222
}

.home-contain .home-detail h1.furniture-heading span {
    position: relative
}

.home-contain .home-detail h1.furniture-heading span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-image: url('line.png');
    width: 100%;
    height: 100%;
    top: 90%;
    background-repeat: no-repeat
}

.home-contain .home-detail h1.poster-1 {
    line-height: calc(23px + 45*(100vw - 320px)/1600)
}

.home-contain .home-detail h1.poster-2 {
    line-height: calc(29px + 34*(100vw - 320px)/1600)
}

.home-contain .home-detail h1 span.name {
    font-weight: 800;
    color: var(--theme-color);
    position: relative;
    z-index: 0
}

.home-contain .home-detail h1 span.name::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 20px;
    bottom: 10px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .4;
    z-index: -1
}

@media(max-width: 767px) {
    .home-contain .home-detail h1 span.name::before {
        display: none
    }
}

@media(max-width: 1399px) {
    .home-contain .home-detail h1 span.name::before {
        content: none
    }
}

.home-contain .home-detail h1 span.name-2 {
    font-weight: 800;
    color: var(--theme-color)
}

.home-contain .home-detail h1 .daily {
    color: var(--theme-color);
    font-weight: 800
}

.home-contain .home-detail h1 .discount {
    font-size: 16px;
    color: #262834;
    font-weight: 400
}

.home-contain .home-detail h2 {
    font-size: calc(25px + 13*(100vw - 320px)/1600);
    margin-bottom: 7px
}

[dir=rtl] .home-contain .home-detail h2 {
    text-align: left
}

.home-contain .home-detail h2 span.discount {
    font-size: 16px;
    font-weight: 400
}

.home-contain .home-detail h2.home-name {
    font-size: calc(52px + 33*(100vw - 320px)/1600);
    font-weight: 700
}

.home-contain .home-detail h3 {
    font-size: calc(20px + 6*(100vw - 320px)/1600);
    margin-bottom: calc(5px + 5*(100vw - 320px)/1600);
    font-weight: 600
}

[dir=rtl] .home-contain .home-detail h3 {
    text-align: left
}

.home-contain .home-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px
}

[dir=rtl] .home-contain .home-detail h4 {
    text-align: left
}

.home-contain .home-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

[dir=rtl] .home-contain .home-detail h5 {
    text-align: left
}

.home-contain .home-detail h6 {
    font-size: 14px;
    letter-spacing: .1px;
    color: #4a5568
}

[dir=rtl] .home-contain .home-detail h6 {
    text-align: left
}

@media(max-width: 360px) {
    .home-contain .home-detail h6 {
        margin-bottom: 5px
    }
}

.home-contain .home-detail h6.home-home {
    margin-bottom: 10px;
    font-weight: 500
}

.home-contain .home-detail h6 span {
    font-weight: 500;
    padding: calc(6px + 4*(100vw - 320px)/1600) calc(8px + 8*(100vw - 320px)/1600);
    background: #000;
    background: linear-gradient(90deg, rgba(255, 114, 114, 0.15) 0%, rgba(255, 114, 114, 0) 79%);
    border-radius: 50px;
    color: #ff4f4f;
    margin-left: calc(2px + 7*(100vw - 320px)/1600)
}

[dir=rtl] .home-contain .home-detail h6 span {
    margin-left: unset;
    margin-right: calc(2px + 7*(100vw - 320px)/1600)
}

@media(max-width: 360px) {
    .home-contain .home-detail h6 span {
        display: none
    }
}

.home-contain .home-detail p {
    margin-bottom: 0;
    color: #4a5568;
    letter-spacing: .8px;
    line-height: calc(19px + 8*(100vw - 320px)/1600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

[dir=rtl] .home-contain .home-detail p {
    margin-right: auto;
    text-align: left
}

.home-contain .home-detail p.organic {
    width: 70%
}

.home-contain .home-detail .shop-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(12px + 8*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    color: #222
}

[dir=rtl] .home-contain .home-detail .shop-button {
    justify-content: flex-end
}

.home-contain .home-detail .shop-button:hover i {
    transform: translateX(4px)
}

.home-contain .home-detail .shop-button i {
    transition: .3s ease;
    margin-left: 8px
}

[dir=rtl] .home-contain .home-detail .shop-button i {
    margin-left: unset;
    margin-right: 8px
}

.home-contain .home-detail .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    flex-wrap: nowrap;
    gap: 14px
}

.home-contain .home-detail .social-icon li:hover a {
    border-color: var(--theme-color);
    background-color: var(--theme-color);
    color: #fff
}

.home-contain .home-detail .social-icon li a {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid #4a5568;
    color: #222
}

.home-section-2 {
    background-image: url('home-bg.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.home-section-2.home-section-bg {
    background: none
}

.home-section-2 .home-contain {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.home-section-2 .home-contain .home-detail {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0%;
    left: 0;
    padding: calc(20px + 30*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail.home-p-sm {
    padding: calc(15px + 15*(100vw - 320px)/1600) !important
}

.home-section-2 .home-contain .home-detail h1 {
    font-size: calc(25px + 20*(100vw - 320px)/1600);
    margin-bottom: 6px
}

.home-section-2 .home-contain .home-detail h1.sale-name {
    font-size: calc(25px + 13*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail h1.heding-2 {
    font-size: calc(22px + 28*(100vw - 320px)/1600);
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 13px;
    margin-top: 7px;
    width: 100%
}

.home-section-2 .home-contain .home-detail h2 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.home-section-2 .home-contain .home-detail h2.content-2 {
    font-size: calc(16px + 20*(100vw - 320px)/1600);
    margin-bottom: 10px;
    font-weight: 500
}

.home-section-2 .home-contain .home-detail h3 {
    font-size: calc(18px + 14*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.home-section-2 .home-contain .home-detail h4 {
    font-size: calc(16px + 6*(100vw - 320px)/1600);
    margin-bottom: 5px
}

.home-section-2 .home-contain .home-detail h5 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    letter-spacing: 1px
}

.home-section-2 .home-contain .home-detail h6 {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 5*(100vw - 320px)/1600)
}

.home-section-2 .home-contain .home-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .8px
}

.home-section-2 .home-contain .home-detail .shop-now-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    color: var(--theme-color);
    font-size: 15px
}

.home-section-2 .home-contain .home-detail .shop-now-button i {
    font-size: 17px;
    margin-left: 8px
}

.home-section-small .home-contain .home-detail.home-width {
    width: 50%
}

@media(max-width: 360px) {
    .home-section-small .home-contain .home-detail.home-width:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .25);
        z-index: -1
    }
}

@media(max-width: 991px) {
    .home-section-small .home-contain .home-detail.home-width {
        width: 60%
    }
}

@media(max-width: 360px) {
    .home-section-small .home-contain .home-detail.home-width {
        width: 100%
    }
}


.home-section-small .home-contain.home-small .home-detail {
    padding: calc(20px + 30*(100vw - 767px)/1153) calc(12px + 38*(100vw - 767px)/1153)
}

.home-section-small .home-contain.home-small .home-detail h4 {
    font-size: calc(14px + 8*(100vw - 767px)/1153)
}

.home-search {
    background-image: linear-gradient(to right top, #e63118, #06a188, #019e88, #009a89, #009789, #009489, #009089, #008d89, #008a89, #008688, #008387, #007f86);
    padding-top: 0
}

.home-search .home-search-content {
    display: flex;
    align-items: flex-end;
    padding-top: 156px;
    justify-content: center;
    text-align: center;
    width: 100%;
    padding-bottom: 70px
}

.home-search .home-search-content>div {
    width: 100%
}

.home-search .home-search-content h1 {
    color: #fff;
    font-size: 42px;
    text-transform: inherit
}

.home-search .home-search-content h3 {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    margin-top: 12px
}

.home-search .home-search-content .search-box {
    margin-top: 35px;
    position: relative;
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.home-search .home-search-content .search-box .btn {
    background-color: #fff
}

.home-search .home-search-content .search-box .feather-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #a3a3a3
}

.home-search .home-search-content .category-sec {
    margin-top: 80px
}

.home-search .home-search-content .category-sec.category-section-2 .category-slider .shop-category-box .category-name h6 {
    color: #fff
}

.custom-row .sidebar-col {
    width: 320px;
    border-right: 1px solid #ececec;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    overflow: auto;
    padding-top: 0;
    background-color: #fff;
    transition: all .3s ease-in-out
}

[dir=rtl] .custom-row .sidebar-col {
    right: 0;
    left: unset
}

@media(max-width: 1199px) {
    .custom-row .sidebar-col {
        border-right: unset;
        left: -350px;
        background-color: #fff;
        z-index: 10;
        height: 100%;
        width: calc(300px + 20*(100vw - 320px)/879)
    }

    [dir=rtl] .custom-row .sidebar-col {
        right: -350px;
        left: unset
    }

    .custom-row .sidebar-col.show {
        left: 0
    }

    [dir=rtl] .custom-row .sidebar-col.show {
        right: 0;
        left: unset
    }
}

.custom-row .sidebar-col .category-menu {
    background-color: rgba(0, 0, 0, 0)
}

.custom-row .sidebar-col .category-menu .web-logo {
    display: block;
    margin-bottom: calc(34px + 6*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu .web-logo img {
    width: calc(53% + 17*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu ul {
    gap: calc(21px + 7*(100vw - 320px)/1600);
    border-bottom: none
}

.custom-row .sidebar-col .category-menu ul li .category-list img {
    width: calc(30px + 5*(100vw - 320px)/1600);
    height: calc(30px + 5*(100vw - 320px)/1600)
}

.custom-row .sidebar-col .category-menu ul li .category-list h5 {
    font-size: calc(15px + 2*(100vw - 320px)/1600)
}

.custom-row .content-col {
    margin-left: 320px;
    padding-left: calc(12px + 13*(100vw - 320px)/1600);
    margin-top: calc(77px + 36*(100vw - 320px)/1600);
    padding-right: calc(12px + 13*(100vw - 320px)/1600)
}

[dir=rtl] .custom-row .content-col {
    margin-left: unset;
    margin-right: 320px
}

@media(max-width: 1199px) {
    .custom-row .content-col {
        margin-left: 0
    }

    [dir=rtl] .custom-row .content-col {
        margin-left: unset;
        margin-right: 0
    }
}

.home-search-full {
    height: 70vh
}

@media(max-width: 575px) {
    .home-search-full {
        height: 50vh
    }
}

.home-search-full .home-contain .home-detail {
    height: 70vh;
    padding: 0;
    padding-top: 64px
}

@media(max-width: 575px) {
    .home-search-full .home-contain .home-detail {
        height: 50vh
    }
}

@media(max-width: 767px) {
    .home-search-full .home-contain .home-detail {
        padding-top: 48px
    }
}

@media(max-width: 480px) {
    .home-search-full .home-contain .home-detail {
        padding: 48px 15px 0
    }
}

.home-search-full .home-contain .home-detail>div {
    width: 50%
}

@media(max-width: 991px) {
    .home-search-full .home-contain .home-detail>div {
        width: 67%
    }
}

@media(max-width: 575px) {
    .home-search-full .home-contain .home-detail>div {
        width: 100%
    }
}

.home-search-full .home-contain .home-detail h1 {
    font-size: calc(31px + 27*(100vw - 320px)/1600);
    text-transform: inherit;
    margin-left: auto;
    margin-right: auto;
    margin-top: -18px
}

[dir=rtl] .home-search-full .home-contain .home-detail h1 {
    text-align: center
}

.home-search-full .home-contain .home-detail h3 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 400;
    margin-top: calc(4px + 8*(100vw - 320px)/1600);
    margin-bottom: 0;
    color: #4a5568;
    line-height: 1.4
}

[dir=rtl] .home-search-full .home-contain .home-detail h3 {
    text-align: center
}

.home-search-full .home-contain .home-detail .search-box {
    margin-top: calc(23px + 12*(100vw - 320px)/1600);
    position: relative;
    width: 60%;
    margin-left: auto;
    margin-right: auto
}

@media(max-width: 1460px) {
    .home-search-full .home-contain .home-detail .search-box {
        width: 83%
    }
}

@media(max-width: 480px) {
    .home-search-full .home-contain .home-detail .search-box {
        width: 100%
    }
}

.home-search-full .home-contain .home-detail .search-box .btn {
    background-color: #fff
}

.home-search-full .home-contain .home-detail .search-box .feather-search {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #a3a3a3;
    width: calc(21px + 3*(100vw - 320px)/1600);
    height: auto
}

[dir=rtl] .home-search-full .home-contain .home-detail .search-box .feather-search {
    right: unset;
    left: 20px
}

.home-search-full.gradient-home {
    height: 80vh
}

@media(max-width: 767px) {
    .home-search-full.gradient-home .home-contain .home-overlay {
        background-color: rgba(0, 0, 0, 0)
    }
}

.home-search-full.gradient-home .home-contain .search-box {
    border-radius: 6px;
    overflow: hidden;
    width: 70%
}

.home-search-full.gradient-home .home-contain .search-box .form-control {
    border-radius: 0;
    border: unset
}

.home-search-full.gradient-home .home-contain .search-box .input-group-text {
    display: block;
    width: auto;
    padding: 0;
    border: unset;
    margin: 0
}

.home-search-full.gradient-home .home-contain .search-box .input-group-text .form-select {
    border-radius: 0;
    height: 100%;
    border: unset;
    border-left: 1px solid #eee;
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: 15px
}

.home-search-full.gradient-home .home-contain .home-detail {
    padding: 0;
    height: 80vh;
    padding-top: 58px
}

.home-search-full.gradient-home .home-contain .home-detail h1 {
    color: #fff
}

.home-search-full.gradient-home .home-contain .home-detail h3 {
    color: rgba(255, 255, 255, .6)
}

.home-search-full.gradient-home .home-contain .home-detail .search-box .feather-search {
    position: relative;
    inset: unset;
    transform: unset;
    width: auto
}

.carousel-item {
    height: 535px; /* Ajusta la altura según sea necesario */
}

.carousel-item img {
    object-fit: cover; /* Asegura que la imagen cubra el área del contenedor */
    height: 100%; /* Asegura que la imagen ocupe toda la altura del contenedor */
}

@media(max-width: 768px) {
    .carousel-item {
        height: 40%; /* Ajusta la altura según sea necesario */
    }

    .carousel-item img {
        object-fit: cover; /* Asegura que la imagen cubra el área del contenedor */
        height: 100%; /* Asegura que la imagen ocupe toda la altura del contenedor */
    }
}

@media(max-width: 991px) {
    .home-section-ratio .ratio_180 .bg-size:before {
        padding-top: 128%
    }
}

@media(max-width: 991px) {
    .home-section-ratio .custom-ratio {
        order: -1
    }
}

.home-furniture .feature-detail h2 {
    font-size: calc(32px + 19*(100vw - 1200px)/720)
}

.home-furniture .feature-detail h3 {
    background-color: #ffa53b;
    font-size: calc(29px + 11*(100vw - 1200px)/720);
    color: #fff;
    padding: 4px calc(9px + 4*(100vw - 1200px)/720);
    font-weight: 700
}

.furniture-contain-2 .home-detail {
    width: calc(100% + -25*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .furniture-contain-2 .home-detail::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, .4);
        z-index: -1
    }
}

.furniture-contain-2 .home-detail h1 {
    width: calc(100% + -25*(100vw - 320px)/1600)
}

.button-item {
    display: flex;
    align-items: center;
    justify-content: center;
    top: 50%;
    transform: translateY(-50%);
    width: calc(41px + 9*(100vw - 320px)/1600);
    height: calc(41px + 9*(100vw - 320px)/1600);
    position: fixed;
    right: 0;
    border-radius: 7px 0 0 7px;
    background-color: var(--theme-color);
    z-index: 9
}

.button-item .item-btn i {
    font-size: calc(18px + 4*(100vw - 320px)/1600)
}

.item-section {
    top: 50%;
    transform: translateY(-50%);
    position: fixed;
    right: -130px;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 7px 0 0 7px;
    padding: 15px;
    transition: all .3s ease-in-out;
    z-index: 9
}

.item-section.active {
    right: 0
}

.item-section .close-button {
    position: absolute;
    top: 10px;
    left: 10px;
    padding: 0;
    color: #fff;
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.item-section h6 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
    gap: 5px;
    margin-top: 10px;
    font-weight: bold
}

.item-section h6 .icli {
    font-size: 22px
}

.item-section .items-image {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px 0
}

.item-section .items-image li {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    font-weight: 600;
    font-size: 13px
}

.item-section .items-image li+li {
    margin-left: -10px
}

.item-section .items-image li img {
    width: 15px;
    height: 15px;
    object-fit: contain
}

.item-section .item-button {
    background-color: #fff;
    color: var(--theme-color)
}

header .main-nav {
    padding: 20px 0;
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    header .main-nav {
        padding: 0
    }
}

header .nav-left-align .navbar-nav .dropdown-menu-2 {
    left: 0;
    transform: unset
}

[dir=rtl] header .nav-left-align .navbar-nav .dropdown-menu-2 {
    left: unset;
    right: 0
}

header .icon-box {
    display: inline-block;
    margin-right: 10px
}

header .dropdown-header {
    display: block;
    padding: 8px 20px;
    margin-bottom: 0;
    font-size: 14px;
    color: var(--theme-color);
    white-space: nowrap
}

@media(max-width: 1199px) {
    header .dropdown-header {
        padding-left: 0
    }
}

header .navbar-nav {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none
}

[dir=rtl] header .navbar-nav {
    padding-left: unset;
    padding-right: 0
}

header .navbar-nav .nav-item {
    margin-bottom: 0
}

@media(max-width: 1199px) {
    header .navbar-nav .nav-item .new-pages {
        justify-content: unset !important
    }
}

header .navbar-nav .nav-item .new-pages .new-dropdown {
    position: absolute;
    top: -7px;
    right: 3px;
    background-color: #ff4f4f;
    font-size: 10px;
    padding: 1px 4px;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown {
    border-top-left-radius: unset;
    border-top-right-radius: 5px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 5px
}

@media(max-width: 1199px) {
    header .navbar-nav .nav-item .new-pages .new-dropdown {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        margin-left: 9px;
        border-radius: 3px
    }

    [dir=rtl] header .navbar-nav .nav-item .new-pages .new-dropdown {
        margin-left: unset;
        margin-right: 9px
    }
}

header .navbar-nav .nav-item:hover {
    color: var(--theme-color)
}

header .navbar-nav .dropdown-menu {
    min-width: 200px;
    margin: 0;
    margin-top: -8px;
    background-color: #fff;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .7), 5px 20px 40px 0 rgba(34, 34, 34, .4);
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none;
    border: 0;
    position: static;
    transition: all .5s ease;
    opacity: 0;
    visibility: hidden;
    display: block !important;
    transform: translateY(-15px)
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover {
    position: relative
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a {
    display: block;
    position: relative
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i {
    font-size: 12px;
    margin-left: 4px;
    color: var(--theme-color)
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a .new-text i {
    margin-left: unset;
    margin-right: 4px
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover>a::before {
    right: unset;
    left: 0;
    transform: rotate(180deg) translateY(50%)
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
    left: 113%;
    visibility: visible;
    opacity: 1
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
        left: unset
    }
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
    left: unset;
    right: 113%
}

@media(max-width: 1199px) {
    [dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover:hover .sub-menu {
        left: unset;
        right: unset
    }
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    position: absolute;
    top: -19px;
    left: 123%;
    min-width: 200px;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    visibility: hidden;
    opacity: 0;
    transition: all .3s ease-in-out
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
    right: 123%;
    left: unset
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu {
        position: relative;
        top: unset;
        left: unset;
        opacity: 1;
        min-width: auto;
        z-index: 1;
        visibility: visible;
        box-shadow: none;
        margin: 5px 0 12px 29px;
        padding: 0
    }
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a {
    padding: 0;
    font-size: 14px;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0;
    color: #222;
    display: block
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a:hover::after {
    width: 40%
}

header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

[dir=rtl] header .navbar-nav .dropdown-menu .sub-dropdown-hover .sub-menu li a::after {
    left: unset;
    right: 0
}

header .navbar-nav .dropdown-menu-2 {
    left: 50%;
    transform: translateX(-50%) translateY(-15px);
    width: 52vw;
    min-width: unset;
    padding: 22px !important;
    align-items: center;
    justify-content: space-around;
    overflow: hidden;
    position: relative;
    z-index: 0
}

@media(max-width: 1595px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 63vw
    }
}

@media(max-width: 1301px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 77vw
    }
}

header .navbar-nav .dropdown-menu-2::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('bg.png');
    background-position: right;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
    z-index: -1
}

[dir=rtl] header .navbar-nav .dropdown-menu-2::after {
    transform: scaleX(-1);
    filter: FlipH
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu-2::after {
        content: none
    }
}

@media(max-width: 1400px) {
    header .navbar-nav .dropdown-menu-2 {
        background-position: 20px center
    }
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu-2 {
        width: 100%;
        padding: 0 !important;
        left: 0;
        margin: 0
    }
}

header .navbar-nav .dropdown-menu .dropdown {
    margin-right: 20px;
    margin-left: 20px
}

header .navbar-nav .dropdown-menu .dropdown:last-child {
    margin-bottom: 12px
}

header .navbar-nav .dropdown-menu .dropdown .dropdown-toggle::after {
    display: none
}

header .navbar-nav .dropdown-menu .dropdown-menu {
    display: block;
    padding-right: 16px;
    padding-left: 16px
}

header .navbar-nav .dropdown-image {
    background-image: none
}

header .navbar-nav .dropdown-image::after {
    content: none
}

@media(max-width: 991px) {
    header .navbar-nav .dropdown-image {
        left: 0;
        margin-top: 0
    }
}

header .navbar-nav .dropdown-image .dropdown-column {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-image .dropdown-column {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px
    }
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
    margin: 0 !important;
    text-align: center
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item::after {
    content: none
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-image .dropdown-column .dropdown-item {
        padding: 0
    }
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover img {
    box-shadow: 5px 20px 40px 0 rgba(34, 34, 34, .07);
    transform: translateY(-4px)
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span {
    color: var(--theme-color);
    font-weight: 600
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item:hover span::after {
    width: 100%
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item img {
    width: 100%;
    box-shadow: 5px 20px 40px 0 rgba(34, 34, 34, .04);
    transition: all .3s ease-in-out;
    display: block
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span {
    display: inline-block;
    margin-top: 14px;
    text-align: center;
    font-size: calc(14px + 2*(100vw - 1200px)/720);
    margin-bottom: -6px;
    position: relative;
    z-index: 0
}

header .navbar-nav .dropdown-image .dropdown-column .dropdown-item span::after {
    content: "";
    position: absolute;
    width: 0;
    height: 4px;
    bottom: 2px;
    left: 0;
    background-color: var(--theme-color);
    opacity: .3;
    border-radius: 50px;
    transition: all .3s ease-in-out;
    z-index: -1
}

header .navbar-nav .nav-link {
    padding-right: 0;
    padding-left: 0
}

header .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 16px;
    font-size: calc(21px + .45vw);
    white-space: nowrap;
    display: inline-block;
    font-weight: 500
}

header .navbar-brand:hover {
    text-decoration: none
}

header .navbar-brand:focus {
    text-decoration: none
}

header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
    margin-left: calc(30px + 10*(100vw - 1200px)/720)
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
    margin-left: unset;
    margin-right: calc(30px + 10*(100vw - 1200px)/720)
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
        margin-left: 0
    }

    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-item+.nav-item {
        margin-left: unset;
        margin-right: 0
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: normal;
    position: relative
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: -12px;
    top: 50%;
    transform: translateY(-50%)
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
    right: unset;
    left: -12px
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
        right: 0
    }

    [dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link::before {
        right: unset;
        left: 0
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link::after {
    content: none
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .icli {
    margin-left: 10px
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu {
    position: absolute;
    top: -10px;
    left: 84%;
    transform: translateX(-50%);
    font-size: 8px;
    display: inline-block;
    text-transform: uppercase;
    line-height: 16px;
    padding: 0 8px;
    font-weight: 600;
    color: #fff;
    background-color: var(--theme-color);
    border-radius: 50px
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu {
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        margin-left: 10px;
        margin-right: auto;
        border-radius: 3px
    }
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    display: inline-block;
    top: 100%;
    left: 10px;
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-top: 4px solid var(--theme-color)
}

@media(max-width: 1199px) {
    header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
        content: none
    }
}

[dir=rtl] header .navbar.navbar-expand-xl .navbar-nav .nav-link .label-menu::before {
    left: unset;
    right: 10px
}

header .navbar.navbar-expand-xl .navbar-nav .nav-link-2::before {
    content: none
}

header .navbar-text {
    padding-top: 9px;
    padding-bottom: 9px
}

header .navbar-collapse {
    flex-basis: 100%;
    flex-grow: 1;
    align-items: center
}

header .navbar-toggler {
    background-color: rgba(0, 0, 0, 0);
    transition: box-shadow .15s ease-in-out;
    padding: 12px;
    font-size: 18px;
    margin-right: 10px;
    padding: 0
}

[dir=rtl] header .navbar-toggler {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 767px) {
    header .navbar-toggler {
        margin-right: 0
    }
}

header .navbar-toggler:focus-visible {
    outline: none
}

header .navbar-toggler:focus {
    box-shadow: none
}

header .navbar-toggler-icon {
    width: auto;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #222;
    -webkit-text-fill-color: #222;
    -webkit-opacity: 1
}

@media(max-width: 767px) {
    header .navbar-toggler-icon {
        margin-right: 0
    }
}

header .navbar-nav-scroll {
    max-height: var(--bs-scroll-height, 75vh);
    overflow-y: auto
}

header .navbar-expand {
    flex-wrap: nowrap;
    justify-content: flex-start
}

header .navbar-expand .navbar-nav {
    flex-direction: row
}

header .navbar-expand .navbar-nav .dropdown-menu {
    position: absolute;
    left: 26px;
    top: 30px;
    box-shadow: 0px 3px 4px rgba(0, 0, 0, .14)
}

header .navbar-expand .navbar-nav-scroll {
    overflow: visible
}

header .navbar-expand .navbar-collapse {
    display: flex;
    flex-basis: auto
}

header .navbar-expand .navbar-toggler {
    display: none
}

header .navbar-light .navbar-brand {
    color: #222
}

header .navbar-light .navbar-brand:hover {
    color: #222
}

header .navbar-light .navbar-brand:focus {
    color: #222
}

header .navbar-light .navbar-nav .nav-link {
    color: #222
}

header .navbar-light .navbar-nav .nav-link:hover {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .nav-link:focus {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .show>.nav-link {
    color: var(--theme-color)
}

header .navbar-light .navbar-nav .nav-link.active {
    color: var(--theme-color)
}

header .navbar-light .navbar-toggler {
    color: #4a5568;
    border-color: rgba(0, 0, 0, 0)
}

header .navbar-light .navbar-text {
    color: #4a5568
}

header .navbar-light .navbar-text a {
    color: var(--theme-color)
}

header .navbar-light .navbar-text a:hover {
    color: var(--theme-color)
}

header .navbar-light .navbar-text a:focus {
    color: var(--theme-color)
}

header .navbar {
    display: inline-block;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 15px;
    z-index: 1
}

[dir=rtl] header .navbar {
    padding-left: unset;
    padding-right: 15px
}

header .navbar:not(.navbar-stuck) .navbar-stuck-btn {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(#222222, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

header .navbar-shadow {
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

header .navbar-floating {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

header .navbar-stuck .navbar-btn {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(#222222, 0) !important;
    white-space: nowrap !important;
    border: 0 !important
}

header .navbar-stuck-logo {
    display: none
}

header .navbar-sticky.navbar-stuck {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    animation: navbar-show .25s;
    background-color: #fff;
    box-shadow: 0 2px 10px -3px rgba(34, 34, 34, .1)
}

header .header-nav-middle {
    margin: auto !important
}

header .offcanvas {
    position: fixed;
    bottom: 0;
    z-index: 1080;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    visibility: hidden;
    background-color: #fff;
    background-clip: padding-box;
    outline: 0;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
    transition: transform .3s ease-in-out;
    will-change: transform, box-shadow;
    transition: transform .4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow .3s ease;
    visibility: visible !important
}

header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
    top: 0;
    left: 0;
    box-shadow: none
}

@media(max-width: 1199px) {
    header .offcanvas:not(.offcanvas-end):not(.offcanvas-bottom) {
        width: calc(300px + 20*(100vw - 1200px)/720);
        transform: translateX(-100%);
        z-index: 7
    }
}

header .offcanvas-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 20px 24px;
    z-index: 1
}

header .offcanvas-header .btn-close {
    padding: 0;
    margin: -10px 0;
    font-size: 16px
}

header .offcanvas-header h5 {
    color: var(--theme-color);
    font-weight: 600
}

header .offcanvas-title {
    margin-bottom: 0;
    line-height: initial
}

header .offcanvas-body {
    flex-grow: 1;
    padding: 20px 24px;
    overflow-y: auto;
    height: 100%
}

@media(max-width: 1199px) {
    header .offcanvas-body {
        padding: calc(13px + 7*(100vw - 320px)/880) calc(16px + 8*(100vw - 320px)/880)
    }
}

header .offcanvas-body::-webkit-scrollbar {
    width: 0;
    background-color: rgba(0, 0, 0, 0);
    opacity: 0
}

header .offcanvas-body::-webkit-scrollbar-thumb {
    border-radius: 4px
}

header .offcanvas-body>.simplebar-track {
    display: block;
    background-color: rgba(0, 0, 0, 0)
}

header .offcanvas-body .simplebar-vertical {
    margin-right: 3px
}

header .offcanvas-start {
    top: 0;
    left: 0;
    width: 352px;
    border-right: 0 solid rgba(0, 0, 0, 0);
    transform: translateX(-100%)
}

header .offcanvas-end {
    top: 0;
    right: 0;
    width: 352px;
    border-left: 0 solid rgba(0, 0, 0, 0);
    transform: translateX(100%)
}

header .offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-bottom: 0 solid rgba(0, 0, 0, 0);
    transform: translateY(-100%)
}

header .offcanvas-bottom {
    right: 0;
    left: 0;
    height: 30vh;
    max-height: 100%;
    border-top: 0 solid rgba(0, 0, 0, 0);
    transform: translateY(100%)
}

header .offcanvas.show {
    transform: none !important;
    box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04) !important
}

header .offcanvas-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-shrink: 0;
    padding: 20px 24px
}

header .sidebar-toggle {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 0;
    z-index: 1025
}

header .hot-deal-box {
    color: #e21719;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 12px
}

header .hot-deal-box img {
    margin-right: 7px
}

header .hot-deal-box span {
    font-size: 16px;
    font-weight: 500
}

@media(prefers-reduced-motion: reduce) {
    header .navbar-toggler {
        transition: none
    }

    header .offcanvas {
        transition: none
    }
}

@media(min-width: 1200px) {
    header .navbar-expand-xl.navbar .offcanvas-body {
        overflow: visible
    }

    header .navbar-expand-xl.navbar-sticky.navbar-stuck .navbar-floating-logo {
        display: none !important
    }

    header .navbar-expand-xl .navbar-stuck-logo {
        display: block
    }

    header .navbar-expand-xl .dropdown-column .dropdown-header {
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 24px;
        color: #222;
        position: relative
    }

    header .navbar-expand-xl .dropdown-column .dropdown-header::before {
        content: "";
        position: absolute;
        bottom: -10px;
        width: 36px;
        height: 2px;
        background-color: var(--theme-color);
        left: 0
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-column .dropdown-header::before {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .navbar-nav {
        position: relative;
        padding-top: 0
    }

    header .navbar-expand-xl .navbar-nav .nav-item {
        border: 0
    }

    header .navbar-expand-xl .navbar-nav .nav-item:hover>.nav-link:not(.disabled) {
        color: var(--theme-color)
    }

    header .navbar-expand-xl .navbar-nav .nav-item.active>.nav-link:not(.disabled) {
        color: var(--theme-color)
    }

    header .navbar-expand-xl .navbar-nav>.dropdown>.dropdown-toggle::after {
        display: none
    }

    header .navbar-expand-xl .dropdown-menu {
        margin-top: 0;
        box-shadow: -1px 0 10px 0 rgba(34, 34, 34, .07), 5px 20px 40px 0 rgba(34, 34, 34, .04);
        background-color: #fff;
        border-color: #fff;
        padding: 20px;
        border-radius: 10px
    }

    header .navbar-expand-xl .dropdown-menu-left {
        left: 0;
        transform: translateX(0%) translateY(-15px)
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu-left {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .dropdown-menu li {
        display: block;
        width: 100%
    }

    header .navbar-expand-xl .dropdown-menu li:first-child .dropdown-item {
        margin: 0;
        margin-top: -3px
    }

    header .navbar-expand-xl .dropdown-menu li:last-child .dropdown-item {
        margin-bottom: -4px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-column {
        margin: 5px;
        position: relative
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-column:first-of-type {
        margin-left: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 12px 0 0 0;
        font-size: 15px;
        position: relative;
        transition: all .3s ease-in-out;
        z-index: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover::after {
        width: 40%
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:active {
        color: #000
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
        content: "";
        position: absolute;
        width: 0;
        height: 4px;
        bottom: 2px;
        left: 0;
        background-color: var(--theme-color);
        opacity: .3;
        border-radius: 50px;
        transition: all .3s ease-in-out;
        z-index: -1
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-item::after {
        left: unset;
        right: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:focus {
        background-color: rgba(0, 0, 0, 0)
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-item:hover {
        background-color: rgba(0, 0, 0, 0);
        letter-spacing: .03em
    }

    header .navbar-expand-xl .dropdown-menu .dropdown {
        margin-right: 0;
        margin-bottom: 0;
        margin-left: 0;
        border-left: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle {
        position: relative;
        padding-right: 26px
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle {
        padding-right: 20px;
        padding-left: 26px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after {
        content: "";
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        top: 50%;
        transform: translateY(-50%);
        width: unset;
        height: unset;
        display: block;
        right: 10px;
        border: none
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown .dropdown-toggle::after {
        right: unset;
        left: 10px
    }

    header .navbar-expand-xl .dropdown-menu .dropdown:last-child {
        margin-bottom: 0
    }

    header .navbar-expand-xl .dropdown-menu .dropdown-menu {
        top: 0;
        right: auto;
        left: 100%;
        width: auto;
        margin-top: 0;
        margin-right: 0px;
        margin-left: 0px;
        padding-right: 0;
        padding-left: 0;
        border-radius: 5px;
        background-color: #fff
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-menu .dropdown-menu {
        left: unset;
        right: 100%
    }

    header .navbar-expand-xl .dropdown-menu.show {
        display: none
    }

    header .navbar-expand-xl .dropdown-menu.dropdown-menu-end {
        right: 0;
        left: auto
    }

    header .navbar-expand-xl .dropdown:hover>.dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        display: block !important
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-2 {
        transform: translateX(-50%) translateY(0);
        display: block !important
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-center {
        transform: translateX(0%) translateY(0)
    }

    header .navbar-expand-xl .dropdown:hover .dropdown-menu-left {
        transform: translateX(0%) translateY(0)
    }

    header .navbar-expand-xl .dropdown .dropdown {
        position: relative
    }

    header .navbar-expand-xl .dropdown .dropdown::before {
        content: "";
        position: absolute;
        font-family: "Font Awesome 6 Free";
        font-weight: 900;
        right: -12px;
        top: 50%;
        transform: translateY(-50%)
    }

    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before {
        right: unset;
        left: -12px
    }
}

@media(min-width: 1200px)and (max-width: 1199px) {
    header .navbar-expand-xl .dropdown .dropdown::before {
        right: 0
    }

    [dir=rtl] header .navbar-expand-xl .dropdown .dropdown::before {
        right: unset;
        left: 0
    }
}


@media(min-width: 1200px) {
    header .navbar-expand-xl .dropdown-mega {
        position: unset
    }

    header .navbar-expand-xl .dropdown-mega>.dropdown-menu {
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: nowrap
    }

    header .navbar-expand-xl .dropdown-mega:hover>.dropdown-menu {
        display: flex
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-menu .dropdown-item {
        padding: 0;
        margin: 10px 0px 0 0
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column.dropdown-column-img {
        width: 200px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        margin: 0
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column {
        margin-top: 5px
    }

    header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0;
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 14px
    }

    [dir=rtl] header .navbar-expand-xl .dropdown-mega .dropdown-column .dropdown-header {
        padding: 0
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand {
        transform: none !important;
        z-index: 1031
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-start {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-end {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-expand.offcanvas-bottom {
        transform: none !important
    }
}

@media(min-width: 1200px) {
    header .offcanvas-collapse {
        display: block;
        position: static;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: auto !important;
        height: auto !important;
        max-width: 100% !important;
        transform: none !important;
        background-color: rgba(0, 0, 0, 0);
        box-shadow: none
    }

    header .offcanvas-collapse .offcanvas-header {
        display: none
    }

    header .offcanvas-collapse .offcanvas-footer {
        display: none
    }

    header .offcanvas-collapse .offcanvas-body {
        padding: 0;
        overflow: initial
    }
}

@media(min-width: 1200px) {
    header .offcanvas-enabled-start {
        padding-left: 376px
    }
}

@media(min-width: 1200px) {
    header .offcanvas-enabled-end {
        padding-right: 376px;
        padding-left: 0
    }
}

header .navbar-expand-xl .offcanvas {
    -webkit-box-flex: 1
}

@media(max-width: 1199px) {
    header .navbar-expand-xl .offcanvas {
        z-index: 4;
        -webkit-box-flex: 2
    }
}

header .offcanvas-backdrop {
    z-index: 6
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav {
        padding-top: 0
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-item {
        border-top: 0
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link {
        display: flex;
        align-items: center;
        justify-content: unset;
        color: #4a5568;
        font-weight: 700
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link:hover {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.active {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .nav-link.disabled {
        color: #4a5568
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .show>.nav-link {
        color: var(--theme-color)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .active>.nav-link {
        color: var(--theme-color)
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu li {
        display: block;
        width: 100%
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
        color: #4a5568;
        font-size: 14px
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item:hover {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 1199px)and (max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item {
        position: relative;
        margin-left: 15px
    }

    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item::before {
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 7px;
        height: 1px;
        background-color: rgba(74, 85, 104, .651);
        left: -4px
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.active {
        color: var(--theme-color);
        background-color: rgba(0, 0, 0, 0)
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-menu .dropdown-item.disabled {
        color: #4a5568
    }
}

@media(max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
        font-size: 16px;
        font-weight: 600
    }
}

@media(max-width: 1199px)and (max-width: 1199px) {
    header .offcanvas-collapse .offcanvas-body .navbar-nav .dropdown-header {
        padding-left: 10px;
        font-size: 15px;
        font-weight: 500;
        color: rgba(34, 34, 34, .8)
    }
}

@media(max-width: 1199px) {
    header .navbar-nav .dropdown-menu {
        opacity: 1;
        visibility: visible;
        display: none !important;
        transform: translateY(0)
    }

    header .navbar-nav .dropdown-menu.show {
        display: block !important
    }
}

@media(max-width: 1199px) {
    .new-nav-item {
        justify-content: unset !important
    }
}

.new-nav-item .new-dropdown {
    position: absolute;
    top: -7px;
    right: 3px;
    background-color: #ff4f4f;
    font-size: 10px;
    padding: 1px 4px;
    color: #fff;
    font-weight: 600;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px
}

[dir=rtl] .new-nav-item .new-dropdown {
    border-top-left-radius: unset;
    border-top-right-radius: 5px;
    border-bottom-right-radius: unset;
    border-bottom-left-radius: 5px
}

@media(max-width: 1199px) {
    .new-nav-item .new-dropdown {
        position: relative;
        top: unset;
        left: unset;
        right: unset;
        margin-left: 9px;
        border-radius: 3px
    }

    [dir=rtl] .new-nav-item .new-dropdown {
        margin-left: unset;
        margin-right: 9px
    }
}

.menu-img-banner {
    margin: -23px -23px -23px -25px
}

.menu-img-banner a {
    display: block;
    width: 100%
}

.menu-img-banner a img {
    width: 100%
}

.menu-img-banner h4 {
    margin-top: 12px;
    line-height: 1.5;
    font-weight: 500
}

.custom-mt {
    margin-top: 25px
}

@media(max-width: 1199px) {
    .custom-mt {
        margin-top: calc(9px + 3*(100vw - 320px)/880)
    }
}

.dropdown-menu-3::after {
    content: unset !important
}

.menu-label {
    background-color: #ff7272;
    font-size: 12px;
    border-radius: 2px;
    padding: 3px 5px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 0;
    animation: .9s blink infinite;
    margin-left: 4px
}

body.rtl .menu-label {
    margin-left: unset;
    margin-right: 4px
}

.menu-label::before {
    content: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    background-color: #ff7272;
    left: -5px;
    width: 12px;
    height: 12px;
    z-index: -1;
    background-color: rgba(0, 0, 0, 0)
}

.menu-label.warning-label {
    background-color: #ffa53b
}

.menu-label.success-label {
    background-color: var(--theme-color)
}

.sale-section .newsletter-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    background-color: #f5f5f5
}

.sale-section .newsletter-box .newsletter-contain {
    background: linear-gradient(to right, #e1d7e5, #f0cfd2);
    padding: 80px
}

.sale-section .newsletter-box .newsletter-contain .newsletter-detail h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2));
    -webkit-background-clip: text;
    -webkit-text-fill-color: rgba(0, 0, 0, 0)
}

.sale-section .newsletter-box .newsletter-contain .newsletter-detail h5 {
    color: #404040;
    font-weight: 500;
    margin-bottom: 0;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-top: 13px;
    width: 40%;
    line-height: 1.5
}

.newsletter-section .newsletter-box {
    border-radius: 10px;
    position: relative;
    overflow: hidden
}

.newsletter-section .newsletter-box-2:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('1.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    z-index: -1
}

[dir=rtl] .newsletter-section .newsletter-box-2:after {
    transform: scaleX(-1);
    filter: FlipH
}

.newsletter-section .newsletter-box-3:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('2.jpg');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    z-index: -1
}

[dir=rtl] .newsletter-section .newsletter-box-3:after {
    transform: scaleX(-1);
    filter: FlipH
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h2 {
    font-weight: 700;
    color: #fff;
    margin-bottom: 10px
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail h5 {
    font-weight: 600;
    color: #ffbc5d;
    margin-bottom: calc(14px + 6*(100vw - 320px)/1600);
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box {
    position: relative
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::placeholder {
    font-size: 14px;
    color: #4a5568
}

@media(max-width: 360px) {

    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box ::placeholder {
        padding-left: 0
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
    height: calc(41px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    border: none;
    padding-left: 45px;
    padding-right: 140px
}

@media(max-width: 575px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
        padding-right: 42px
    }
}

[dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
    text-align: left
}

@media(max-width: 360px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box input {
        padding-left: 12px
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    padding: 8px;
    font-size: 15px;
    left: 8px;
    -webkit-text-stroke: 1px var(--theme-color);
    color: rgba(0, 0, 0, 0)
}

@media(max-width: 360px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow {
        display: none
    }
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .arrow::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn {
    top: 50%;
    transform: translateY(-50%);
    background-color: #ff4f4f;
    position: absolute;
    right: 3px;
    border-radius: 3px;
    height: 91%;
    border: none;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(8px + 13*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
    margin-left: 6px
}

[dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
    margin-left: unset;
    margin-right: 6px
}

@media(max-width: 575px) {
    .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
        margin-left: 0
    }

    [dir=rtl] .newsletter-section .newsletter-box .newsletter-contain .newsletter-detail .input-box .sub-btn i {
        margin-left: unset;
        margin-right: 0
    }
}

.newsletter-section-2 .newsletter-box {
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.newsletter-section-2 .newsletter-box .newsletter-detail {
    width: 100%;
    height: 100%;
    padding: calc(20px + 110*(100vw - 320px)/1600);
    z-index: 1
}

.newsletter-section-2 .newsletter-box .newsletter-detail h2 {
    font-size: calc(18px + 18*(100vw - 320px)/1600);
    margin-bottom: 10px
}

.newsletter-section-2 .newsletter-box .newsletter-detail h4 {
    margin-bottom: 8px;
    font-size: calc(15px + 5*(100vw - 320px)/1600);
    line-height: 1.3;
    font-weight: 300
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media(max-width: 767px) {
    .newsletter-section-2 .newsletter-box .newsletter-detail .download-app {
        display: block
    }
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
    margin-right: 15px;
    font-weight: 400
}

[dir=rtl] .newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
    margin-right: unset;
    margin-left: 15px
}

@media(max-width: 767px) {
    .newsletter-section-2 .newsletter-box .newsletter-detail .download-app h3 {
        margin-bottom: 10px
    }
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app .download-app-image {
    margin: 0 -3px;
    display: flex
}

.newsletter-section-2 .newsletter-box .newsletter-detail .download-app .download-app-image li {
    margin: 0 3px;
    display: flex
}

.newsletter-section-2 .newsletter-box .shape-box {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center
}

.newsletter-section-2 .newsletter-box .shape-box:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('circle.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: rounded infinite 30s linear;
    right: 0;
    top: 0;
    z-index: -1
}

.footer-newsletter .newsletter-detail {
    position: relative;
    padding-block: 26px
}

.footer-newsletter .newsletter-detail::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(https://admin.pixelstrap.com/cuba/landing/assets/images/nft/news-bg.webp);
    z-index: -1;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    opacity: 0
}

.footer-newsletter .newsletter-detail h2 {
    color: #fff;
    text-align: center;
    font-size: calc(28px + 12*(100vw - 320px)/1600);
    font-weight: 700
}

.footer-newsletter .newsletter-detail h2 span {
    color: var(--theme-color)
}

.footer-newsletter .newsletter-detail h5 {
    text-align: center;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    color: #bfbfbf;
    margin-bottom: calc(25px + 10*(100vw - 320px)/1600);
    margin-top: calc(11px + 4*(100vw - 320px)/1600)
}

.footer-newsletter .newsletter-detail .input-box {
    width: 40%;
    margin-inline: auto;
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

@media(max-width: 1180px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 60%
    }
}

@media(max-width: 730px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 80%
    }
}

@media(max-width: 480px) {
    .footer-newsletter .newsletter-detail .input-box {
        width: 100%
    }
}

.footer-newsletter .newsletter-detail .input-box .form-control {
    z-index: 0;
    height: calc(41px + 11*(100vw - 320px)/1600);
    border-radius: 0;
    border: none;
    padding-right: 144px
}

.footer-newsletter .newsletter-detail .input-box .sub-btn {
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--theme-color);
    position: absolute;
    right: 0;
    border-radius: 0;
    height: 100%;
    border: none;
    gap: 6px;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(8px + 13*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center
}

.offer-box {
    position: relative;
    z-index: 0;

}
.offer-box .offer-contain {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

@media(max-width: 991px) {
    .offer-box .offer-contain {
        display: block;
        text-align: center;
        background-color: rgba(255, 255, 255, .5)
    }
}

.offer-box .offer-contain .offer-detail h2 {
    text-transform: none;
    line-height: calc(27px + 16*(100vw - 320px)/1600);
    font-weight: 400
}

.offer-box .offer-contain .offer-detail p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: calc(4px + 8*(100vw - 320px)/1600)
}

.offer-box .offer-contain .offer-timing {
    margin-left: 24px
}

[dir=rtl] .offer-box .offer-contain .offer-timing {
    margin-left: unset;
    margin-right: 24px
}

@media(max-width: 360px) {
    .offer-box .offer-contain .offer-timing {
        margin-left: 0
    }

    [dir=rtl] .offer-box .offer-contain .offer-timing {
        margin-left: unset;
        margin-right: 0
    }
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul {
    padding-right: 0
}

.offer-box .offer-contain .offer-timing .time ul li {
    position: relative
}

.offer-box .offer-contain .offer-timing .time ul li+li {
    margin-left: 16px
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li {
    margin-left: unset;
    margin-right: 16px
}

.offer-box .offer-contain .offer-timing .time ul li+li::before {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -12px;
    font-size: 20px
}

[dir=rtl] .offer-box .offer-contain .offer-timing .time ul li+li::before {
    left: unset;
    right: -12px
}

.offer-box .offer-contain .offer-timing .time ul li .counter {
    background-color: #ff4f4f;
    color: #fff;
    border-radius: 5px
}

.offer-box .offer-contain .offer-timing .time ul li .counter div {
    width: calc(46px + 15*(100vw - 320px)/1600);
    height: calc(50px + 23*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16px + 8*(100vw - 320px)/1600);
    font-weight: 600
}

.offer-section .offer-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('10.png');
    background-repeat: no-repeat;
    background-size: cover;
    padding: calc(20px + 15*(100vw - 320px)/1600);
    border-radius: 6px
}

@media(max-width: 575px) {
    .offer-section .offer-box {
        display: block;
        text-align: center
    }
}

.offer-section .offer-box h2 {
    color: #fff;
    font-weight: 700;
    font-size: calc(24px + 16*(100vw - 320px)/1600);
    margin-top: -4px;
    margin-bottom: -5px
}

@media(max-width: 575px) {
    .offer-section .offer-box h2 {
        line-height: 1.3
    }
}

.offer-section .offer-box h2 span {
    font-weight: 500;
    font-size: calc(18px + 8*(100vw - 320px)/1600)
}

.add-to-cart-box {
    background-color: #f8f8f8;
    border-radius: 50px;
    position: relative;
    max-width: 250px
}

.add-to-cart-box .btn-add-cart {
    padding: calc(8px + 2*(100vw - 320px)/1600) 0;
    width: 100%;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    margin-top: 10px;
    color: #4a5568;
    border-radius: 50px;
    font-weight: 500
}

.add-to-cart-box .btn-add-cart .add-icon {
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 7*(100vw - 320px)/1600);
    height: calc(30px + 7*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 100%;
    color: var(--theme-color);
    position: absolute;
    right: 4px
}

.add-to-cart-box .btn-add-cart .add-icon.bg-light-orange {
    background-color: #f9f8f6
}

.add-to-cart-box .btn-add-cart .add-icon.bg-light-gray {
    background-color: #f8f8f8
}

@media(max-width: 480px) {
    .add-to-cart-box .btn-add-cart .add-icon {
        display: none
    }
}

.add-to-cart-box .btn-add-cart .add-icon i {
    font-size: 13px
}

.add-to-cart-box .qty-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    display: none
}

.add-to-cart-box .qty-box.open {
    display: block
}

.add-to-cart-box .qty-box .input-group {
    background-color: #f8f8f8;
    border-radius: 50px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.add-to-cart-box .qty-box .input-group.theme-bg-white {
    background-color: #fff
}

.add-to-cart-box .qty-box .input-group button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 100% !important
}

.add-to-cart-box .qty-box .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.add-to-cart-box .qty-box .input-group button:focus {
    box-shadow: none
}

.add-to-cart-box .qty-box .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.add-to-cart-btn-2 .btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(30px + 7*(100vw - 320px)/1600);
    height: calc(30px + 7*(100vw - 320px)/1600);
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #f7f7f7;
    padding: 0;
    border-radius: 100%;
    color: var(--theme-color)
}

[dir=rtl] .add-to-cart-btn-2 .btn {
    right: unset;
    left: 0
}

.add-to-cart-btn-2 .qty-box-2 {
    display: none;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: auto;
    margin-left: auto;
    max-width: 190px
}

[dir=rtl] .add-to-cart-btn-2 .qty-box-2 {
    left: unset;
    right: 0
}

.add-to-cart-btn-2 .qty-box-2.qty-box-3 {
    max-width: 203px
}

.add-to-cart-btn-2 .qty-box-2.open {
    display: block
}

.add-to-cart-btn-2 .qty-box-2 .input-group {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.add-to-cart-btn-2 .qty-box-2 .input-group button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 3px !important
}

.add-to-cart-btn-2 .qty-box-2 .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.add-to-cart-btn-2 .qty-box-2 .input-group button:focus {
    box-shadow: none
}

.add-to-cart-btn-2 .qty-box-2 .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.qty-box {
    margin-top: 10px;
    width: 100%;
    max-width: 250px
}

.qty-box .input-group {
    background-color: #f8f8f8;
    border-radius: 7px;
    padding: 4px;
    text-align: center;
    z-index: 0
}

.qty-box .input-group.theme-bg-white {
    background-color: #fff
}

.qty-box .input-group button {
    width: calc(26px + 9*(100vw - 320px)/1600);
    height: calc(26px + 9*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    background-color: #fff;
    z-index: 0;
    border-radius: 4px !important
}

.qty-box .input-group button i {
    font-size: 13px;
    color: var(--theme-color);
    margin-top: 1px
}

.qty-box .input-group button:focus {
    box-shadow: none
}

.qty-box .input-group input {
    height: auto;
    background-color: rgba(0, 0, 0, 0);
    border: none;
    padding: 0;
    text-align: center;
    font-size: 14px;
    color: #4a5568
}

.deal-timer {
    margin: 11px 0
}

.deal-timer.product-deal-timer {
    width: 290px;
    margin-top: 24px
}

.deal-timer.product-deal-timer ul {
    padding: calc(8px + 6*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 8px;
    border: none
}

.deal-timer.product-deal-timer ul li+li::before {
    left: -25px
}

[dir=rtl] .deal-timer.product-deal-timer ul li+li::before {
    left: unset;
    right: -25px
}

.deal-timer.product-deal-timer ul li .counter {
    text-align: center
}

.deal-timer.product-deal-timer ul li .counter>div {
    font-size: calc(18px + 2*(100vw - 320px)/1600)
}

.deal-timer .deal-title {
    font-weight: 600;
    margin-bottom: 7px;
    letter-spacing: .4px
}

.deal-timer ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 12px;
    border: 1px dashed var(--theme-color);
    text-align: center
}

.deal-timer ul li {
    position: relative
}

.deal-timer ul li+li::before {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -20px
}

[dir=rtl] .deal-timer ul li+li::before {
    left: unset;
    right: -20px
}

.deal-timer ul li .counter>div {
    display: flex;
    align-items: center
}

.deal-timer ul li .counter>div h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.deal-timer ul li .counter>div h6 {
    color: #4a5568;
    font-size: 13px
}

.category-menu {
    background-color: #f8f8f8;
    padding: calc(12px + 21*(100vw - 320px)/1600);
    border-radius: 5px
}

.category-menu-2 {
    background: linear-gradient(136.8deg, #f6f5f2 17.01%, #fdf7f0 93.97%)
}

.category-menu h3 {
    margin-bottom: 40px;
    font-weight: 600;
    position: relative;
    display: inline-block
}

.category-menu h3::before {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -8px;
    left: 0;
    background-color: var(--theme-color)
}

[dir=rtl] .category-menu h3::before {
    left: unset;
    right: 0
}

.category-menu ul {
    display: flex;
    flex-wrap: wrap;
    gap: 23px;
    border-bottom: 1px dashed rgba(74, 85, 104, .5)
}

.category-menu ul.value-list {
    margin-top: 35px;
    border: none
}

.category-menu ul li {
    display: block;
    width: 100%
}

.category-menu ul li.pb-30 {
    margin-bottom: 30px
}

.category-menu ul li .category-list {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(10px + 6*(100vw - 320px)/1600);
    align-items: center;
    color: #222
}

.category-menu ul li .category-list:hover h5 a {
    letter-spacing: .5px
}

.category-menu ul li .category-list:hover h5 a:before {
    width: 70px
}

.category-menu ul li .category-list svg {
    width: 25px;
    height: 25px;
    stroke: #222
}

.category-menu ul li .category-list img {
    width: 25px;
    height: 25px;
    object-fit: contain
}

.category-menu ul li .category-list h5 a {
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.category-menu ul li .category-list h5 a:hover {
    color: #222
}

.category-menu ul li .category-list h5 a::before {
    content: "";
    position: absolute;
    width: 0;
    height: 3px;
    bottom: 0;
    left: 0;
    opacity: .5;
    border-radius: 50px;
    background-color: var(--theme-color);
    z-index: -1;
    transition: all .3s ease-in-out
}

[dir=rtl] .category-menu ul li .category-list h5 a::before {
    left: unset;
    right: 0
}

.category-menu ul li .category-list i {
    margin-left: auto
}

.category-menu.menu-xl {
    position: sticky;
    top: 130px
}

.category-menu.menu-xl ul {
    gap: 28px;
    border-bottom: none
}

.category-menu.menu-xl ul li .category-list img {
    width: 35px;
    height: 35px
}

.category-menu.menu-xl ul li .category-list h5 {
    font-size: 17px
}

.product-border {
    border: 1px solid rgba(74, 85, 104, .3);
    border-radius: 10px;
    padding: 0 14px
}

.product-border.border-row .slick-slider .slick-list {
    margin: 0 -14px
}

.product-border.border-row .row>div:last-child {
    border-top: 1px solid #ddd
}

.product-border .slider-5-1 .slick-slide>.row {
    border-right: 1px solid rgba(74, 85, 104, .3);
    margin-left: 0
}

[dir=rtl] .product-border .slider-5-1 .slick-slide>.row {
    border-left: 1px solid rgba(74, 85, 104, .3);
    border-right: unset
}

.product-border>.product-box-slider>div>.row>div:nth-child(n+6) {
    border-top: 1px solid rgba(74, 85, 104, .3)
}

.product-border>.product-box-slider>div>.row>div:nth-child(5n+5) .product-box {
    border-right: none
}

[dir=rtl] .product-border>.product-box-slider>div>.row>div:nth-child(5n+5) .product-box {
    border-left: none;
    border-right: unset
}

@media screen and (max-width: 616px) {
    .product-border>.product-box-slider>div>.row>div:nth-child(5n+2) .product-box {
        border-right: none
    }

    [dir=rtl] .product-border>.product-box-slider>div>.row>div:nth-child(5n+2) .product-box {
        border-left: none;
        border-right: unset
    }
}

.product-box {
    padding: calc(8px + 6*(100vw - 320px)/1600);
    border-right: 1px solid rgba(74, 85, 104, .3);
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden
}

.product-box:hover .product-image a img {
    transform: scale(1.1)
}

.product-box:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.product-box.product-box-bg {
    background-color: #f8f8f8;
    border-radius: 5px;
    padding: calc(10px + 4*(100vw - 320px)/1600);
    border: none
}

.product-box.product-box-bg .qty-box .input-group {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(34, 34, 34, .04)
}

.product-box.product-box-bg+.product-box-bg {
    margin-top: 20px !important
}

@media(max-width: 575px) {
    .product-box.product-box-bg+.product-box-bg {
        margin-top: 10px !important
    }
}

.product-box.product-white-bg {
    background-color: #fff;
    border-radius: calc(9px + 7*(100vw - 320px)/1600);
    padding: calc(10px + 4*(100vw - 320px)/1600);
    border: 1px solid #eee
}

.product-box.product-white-bg .qty-box .input-group {
    background-color: #fff;
    box-shadow: 0 0 8px rgba(34, 34, 34, .04)
}

.product-box.product-white-bg:hover {
    box-shadow: 0 15px 70px rgba(0, 0, 0, .07)
}

.product-box .label-tag {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 5px 13px;
    background-color: #ffba00;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

.product-box .label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.product-box .label-tag span {
    font-weight: 700
}

.product-box .product-image {
    text-align: center;
    padding: 20px;
    position: relative
}

@media(max-width: 480px) {
    .product-box .product-image {
        padding: 8px
    }
}

.product-box .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .product-box .product-image .product-option {
        display: none
    }
}

.product-box .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.product-box .product-image .product-option li a {
    color: #222
}

.product-box .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box .product-image img {
    width: 100%;
    height: 140px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box .product-detail a {
    color: #222;
    display: block
}

.product-box .product-detail a:hover {
    color: #222
}

.product-box .product-detail a h6.name {
    font-weight: 600;
    line-height: 22px;
    height: 45px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-box .product-detail a h6.name-2 {
    -webkit-line-clamp: 1
}

.product-box .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.product-box .product-detail .product-rating h6 {
    font-weight: 500
}

.product-box .progress {
    height: 6px;
    border-radius: 0;
    margin-top: calc(14px + 8*(100vw - 320px)/1600)
}

.product-box .stock {
    font-size: 14px;
    color: var(--theme-color);
    margin-left: auto
}

.product-box .sold {
    font-weight: 600;
    margin-top: 3px;
    line-height: 21px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.product-box .sold .price {
    font-weight: 600;
    margin-top: 0
}

.product-box .sold del {
    font-weight: 400;
    margin-left: 6px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.product-box .sold.weight {
    font-size: 13px;
    margin: calc(5px + 3*(100vw - 320px)/1600) 0;
    line-height: normal
}

.product-box .qty-box {
    max-width: 210px
}

.product-box .counter-box {
    display: block;
    position: relative
}

.product-box .counter-box h6 {
    margin-top: 0
}

.product-box .counter-box .addtocart_btn .add-button,
.product-box .counter-box .addtocart_btn .add_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .add-button span,
.product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {

    .product-box .counter-box .addtocart_btn .add-button span,
    .product-box .counter-box .addtocart_btn .add_cart span {
        display: none
    }
}

.product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.product-box .counter-box .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box .price {
    margin-top: 16px;
    font-weight: 600
}

.product-list {
    border: 1px solid rgba(74, 85, 104, .3);
    border-radius: 5px;
    padding: calc(18px + 12*(100vw - 320px)/1600)
}

.product-list li {
    display: flex;
    align-items: center;
    height: 80px;
    position: relative
}

.product-list li+li {
    margin-top: 50px
}

@media(max-width: 575px) {
    .product-list li+li {
        margin-top: 44px
    }
}

@media(max-width: 360px) {
    .product-list li+li {
        margin-top: 30px
    }
}

.product-list li+li:after {
    content: "";
    position: absolute;
    top: -28px;
    right: 0;
    border-bottom: 1px dashed rgba(74, 85, 104, .3);
    width: calc(100% - 103px)
}

[dir=rtl] .product-list li+li:after {
    right: unset;
    left: 0
}

.product-list li .offer-product {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center
}

.product-list li .offer-product:hover .offer-image {
    transform: scale(1.1)
}

.product-list li .offer-product:hover .offer-detail a .name {
    color: var(--theme-color)
}

.product-list li .offer-product .offer-image {
    width: 80px
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image {
        width: 90px
    }
}

.product-list li .offer-product .offer-image img {
    width: 80px;
    height: 80px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

@media(max-width: 1660px) {
    .product-list li .offer-product .offer-image img {
        width: 90px;
        height: 70px
    }
}

@media(max-width: 575px) {
    .product-list li .offer-product .offer-image img {
        width: 70px;
        height: 70px
    }
}

.product-list li .offer-product .offer-detail {
    width: calc(100% - 80px);
    height: 80px;
    padding-left: calc(12px + 11*(100vw - 320px)/1600);
    position: relative;
    display: flex;
    align-items: center
}

[dir=rtl] .product-list li .offer-product .offer-detail {
    padding-left: unset;
    padding-right: calc(12px + 11*(100vw - 320px)/1600)
}

.product-list li .offer-product .offer-detail a {
    display: block;
    color: #222
}

.product-list li .offer-product .offer-detail a:hover {
    color: #222
}

.product-list li .offer-product .offer-detail a .name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-weight: 600;
    margin-top: -1px;
    transition: all .3s ease-in-out
}

.product-list li .offer-product .offer-detail span {
    font-size: 14px;
    margin-top: 5px;
    color: #4a5568;
    font-weight: 400
}

.product-list li .offer-product .offer-detail .price {
    margin-top: 6px;
    font-weight: 600;
    margin-bottom: -2px
}

.product-category {
    padding: calc(19px + 17*(100vw - 320px)/1600) calc(16px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.product-category .product-category-list {
    column-count: 2
}

[dir=rtl] .product-category .product-category-list {
    padding-left: unset;
    padding-right: 0
}

.product-category .product-category-list li {
    display: block;
    padding-left: 22px;
    font-size: 14px;
    color: #4a5568;
    position: relative;
    width: 140px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

[dir=rtl] .product-category .product-category-list li {
    padding-left: unset;
    padding-right: 22px
}

.product-category .product-category-list li::before {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    top: 50%;
    transform: rotate(45deg) translateY(-50%);
    left: 0;
    border: 1px solid #4a5568
}

[dir=rtl] .product-category .product-category-list li::before {
    left: unset;
    right: 8px
}

.product-category .product-category-list li+li {
    margin-top: calc(14px + 12*(100vw - 320px)/1600)
}

.product-category .product-category-list li:last-child a {
    display: flex;
    align-items: center
}

.product-category .product-category-list li:last-child a:hover {
    color: var(--theme-color)
}

.product-category .product-category-list li:last-child a i {
    margin-left: 8px
}

.product-category .product-category-list li:last-child::before {
    display: none
}

.product-slider {
    padding-bottom: 5px
}

.product-slider:hover .product-slider-image img {
    transform: scale(1.1) rotate(4deg)
}

.product-slider .product-slider-image {
    border-radius: 5px;
    overflow: hidden;
    display: block
}

.product-slider .product-slider-image img {
    transition: all .3s ease-in-out
}

.product-slider .product-slider-detail {
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    width: 90%;
    margin: -50px auto 0;
    padding: calc(20px + 5*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    border-radius: 5px;
    box-shadow: 0px 4px 10px rgba(47, 88, 80, .05);
    background-color: rgba(255, 255, 255, .8)
}

.product-slider .product-slider-detail>div {
    position: relative
}

.product-slider .product-slider-detail h3 {
    font-weight: 600;
    margin-bottom: calc(6px + 4*(100vw - 320px)/1600)
}

.product-slider .product-slider-detail h5 {
    margin-bottom: calc(4px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.product-slider .product-slider-detail h6 {
    margin-top: calc(4px + 6*(100vw - 320px)/1600);
    font-weight: 500
}

.product-slider .product-slider-detail .product-button {
    position: absolute;
    bottom: 0;
    right: 0
}

[dir=rtl] .product-slider .product-slider-detail .product-button {
    right: unset;
    left: 0
}

@media(max-width: 360px) {
    .product-slider .product-slider-detail .product-button {
        position: relative;
        margin-top: 10px;
        width: 100%;
        justify-content: center
    }
}

.top-selling-box .top-selling-title {
    border-bottom: 1px solid #e0e2e7;
    padding-bottom: calc(12px + 10*(100vw - 320px)/1600);
    margin-bottom: calc(24px + 12*(100vw - 320px)/1600);
    position: relative
}

.top-selling-box .top-selling-title::after {
    content: "";
    position: absolute;
    width: 120px;
    height: 2px;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color)
}

[dir=rtl] .top-selling-box .top-selling-title::after {
    left: unset;
    right: 0
}

.top-selling-box .top-selling-title h3 {
    font-size: calc(19px + 3*(100vw - 320px)/1600);
    font-weight: 600
}

.top-selling-box .top-selling-contain {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden
}

.top-selling-box .top-selling-contain+.top-selling-contain {
    margin-top: calc(14px + 16*(100vw - 320px)/1600)
}

.top-selling-box .top-selling-contain+.top-selling-contain:before {
    content: "";
    position: absolute;
    top: -15px;
    right: 0;
    width: calc(100% - 118px);
    border: 1px dashed rgba(74, 85, 104, .3)
}

[dir=rtl] .top-selling-box .top-selling-contain+.top-selling-contain:before {
    right: unset;
    left: 0
}

.top-selling-box .top-selling-contain:hover .top-selling-detail h5 {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain:hover .top-selling-detail .product-option {
    top: 0;
    opacity: 1
}

.top-selling-box .top-selling-contain:hover .top-selling-image img {
    transform: scale(1.1)
}

.top-selling-box .top-selling-contain .top-selling-image {
    overflow: hidden;
    width: calc(80px + 20*(100vw - 320px)/1600);
    height: calc(80px + 20*(100vw - 320px)/1600);
    border-radius: 5px
}

.top-selling-box .top-selling-contain .top-selling-image img {
    object-fit: contain;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: calc(15px + 3*(100vw - 320px)/1600);
    width: calc(100% - (80px + 20*(100vw - 320px)/1600));
    position: relative
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:hover {
    color: var(--theme-color)
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.top-selling-box .top-selling-contain .top-selling-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

[dir=rtl] .top-selling-box .top-selling-contain .top-selling-detail {
    padding-left: unset;
    padding-right: 18px
}

.top-selling-box .top-selling-contain .top-selling-detail a {
    display: block;
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a:hover {
    color: #222
}

.top-selling-box .top-selling-contain .top-selling-detail a h5 {
    margin-bottom: calc(2px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.top-selling-box .top-selling-contain .top-selling-detail h6 {
    margin-top: calc(7px + 6*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color)
}

.product-box-2 {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out
}

.product-box-2:hover .product-image img {
    transform: scale(1.1)
}

.product-box-2:hover .product-detail h6 {
    color: var(--theme-color)
}

.product-box-2:hover .product-detail .product-option {
    opacity: 1
}

.product-box-2+.product-box-2 {
    margin-top: calc(14px + 6*(100vw - 320px)/1600) !important
}

.product-box-2 .product-image {
    border-radius: 8px;
    overflow: hidden
}

.product-box-2 .product-image img {
    width: calc(86px + 44*(100vw - 320px)/1600);
    height: auto;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail {
    margin-left: 15px;
    width: calc(100% - 130px - 15px);
    position: relative;
    overflow: hidden
}

[dir=rtl] .product-box-2 .product-detail {
    margin-left: unset;
    margin-right: 15px
}

.product-box-2 .product-detail-2 {
    padding-left: 0;
    padding-right: 15px;
    text-align: right
}

.product-box-2 .product-detail-2 .rating {
    justify-content: flex-end
}

.product-box-2 .product-detail-2 .cart-icon {
    right: unset;
    left: 0
}

.product-box-2 .product-detail .product-option {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fff;
    opacity: 0;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail .product-option li a {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: 1px solid var(--theme-color);
    position: relative;
    z-index: 0;
    overflow: hidden
}

.product-box-2 .product-detail .product-option li a:hover {
    color: var(--theme-color)
}

.product-box-2 .product-detail .product-option li a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1
}

.product-box-2 .product-detail .product-option li a .feather {
    width: 20px;
    height: auto;
    margin-top: 1px
}

.product-box-2 .product-detail h6 {
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: calc(2px + 5*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    color: #222;
    transition: all .3s ease-in-out
}

.product-box-2 .product-detail h3 {
    color: var(--theme-color);
    font-weight: 600;
    margin-bottom: 12px
}

.product-box-2 .product-detail h5 {
    font-weight: 500;
    margin-top: calc(5px + 5*(100vw - 320px)/1600)
}

.product-box-2 .product-detail h5 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

.product-box-2 .product-detail .cart-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #f7f5f2;
    border-radius: 100%
}

.product-box-2 .product-detail .cart-icon svg {
    width: 20px;
    height: 20px;
    color: #4a5568;
    stroke-width: 1.5px
}

.middle-image {
    width: 100%;
    height: 100%
}

.middle-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.deal-contain {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .deal-contain {
        display: block
    }
}

.deal-contain .deal-image img {
    width: 250px;
    height: 250px;
    object-fit: contain
}

@media(max-width: 575px) {
    .deal-contain .deal-image img {
        width: 100%;
        height: 100%
    }
}

.deal-contain .deal-detail {
    padding-left: 25px;
    width: calc(100% - 250px)
}

[dir=rtl] .deal-contain .deal-detail {
    padding-left: unset;
    padding-right: 25px
}

@media(max-width: 575px) {
    .deal-contain .deal-detail {
        padding-left: 0;
        width: 100%;
        margin-top: 10px
    }
}

.deal-contain .deal-detail a {
    color: #222
}

.deal-contain .deal-detail a:hover {
    color: #222
}

.deal-contain .deal-detail .name {
    font-weight: 600;
    margin-bottom: calc(5px + 6*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 {
    font-weight: 500;
    margin-top: calc(7px + 7*(100vw - 320px)/1600)
}

.deal-contain .deal-detail h4 del {
    font-size: 14px;
    margin-left: 2px;
    color: #ff4f4f;
    font-weight: 600
}

[dir=rtl] .deal-contain .deal-detail h4 del {
    margin-left: unset;
    margin-right: 2px
}

[dir=rtl] .deal-contain .deal-detail .option-icon {
    padding-left: unset;
    padding-right: 0
}

.deal-contain .deal-detail .option-icon li+li {
    margin-left: 8px
}

[dir=rtl] .deal-contain .deal-detail .option-icon li+li {
    margin-left: unset;
    margin-right: 8px
}

.deal-contain .deal-detail .option-icon li a {
    width: calc(36px + 12*(100vw - 320px)/1600);
    height: calc(36px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    box-shadow: 0px 5.57831px 13.9458px rgba(0, 0, 0, .05);
    border-radius: 100%;
    color: #222
}

.deal-contain .deal-detail .option-icon li a svg {
    width: calc(14px + 4*(100vw - 320px)/1600);
    height: calc(14px + 4*(100vw - 320px)/1600)
}

.product-list-section.list-style>div {
    width: 100%
}

.product-list-section.list-style>div .product-box-3 {
    display: flex;
    align-items: center;
    padding: calc(14px + 10*(100vw - 320px)/1600)
}

.product-list-section.list-style>div .product-box-3 .product-header {
    width: 180px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-header {
        width: 100%
    }
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 {
        display: block
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: 20px;
    width: calc(100% - 180px)
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .span-name {
    display: none
}

[dir=rtl] .product-list-section.list-style>div .product-box-3 .product-footer {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 767px) {
    .product-list-section.list-style>div .product-box-3 .product-footer {
        padding: 0;
        width: 100%;
        margin-top: 20px
    }
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-content {
    display: block;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-list-section.list-style>div .product-box-3 .product-footer .product-detail .qty-box {
    width: unset
}

.product-box-3 {
    padding: calc(7px + 7*(100vw - 320px)/1600);
    position: relative;
    background-color: #f8f8f8;
    border-radius: 5px;
    transition: all .4s ease-in-out
}

.product-box-3.theme-bg-white {
    background-color: #fff
}

.product-box-3:hover {
    box-shadow: 0 0 8px rgba(34, 34, 34, .08)
}

.product-box-3:hover .product-header .product-image .product-option {
    bottom: 10px;
    opacity: 1
}

.product-box-3:hover .product-header .product-image img {
    transform: scale(1.1)
}

.product-box-3 .product-header {
    position: relative
}

.product-box-3 .product-header .product-image {
    text-align: center;
    padding: 20px;
    display: block
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image {
        padding: 8px
    }
}

.product-box-3 .product-header .product-image img {
    width: 100%;
    height: calc(100px + 40*(100vw - 320px)/1600);
    object-fit: contain;
    transition: all .3s ease-in-out
}

.product-box-3 .product-header .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 100%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 230px
}

@media(max-width: 480px) {
    .product-box-3 .product-header .product-image .product-option {
        display: none
    }
}

.product-box-3 .product-header .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.product-box-3 .product-header .product-image .product-option li a {
    color: #222
}

.product-box-3 .product-header .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-header .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-3 .product-header .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

[dir=rtl] .product-box-3 .product-header .product-header-top {
    left: unset;
    right: 0
}

.product-box-3 .product-header .product-header-top .label-new {
    position: relative;
    border-radius: 4px;
    padding: 3px 8px;
    color: #fff
}

.product-box-3 .product-header .product-header-top .label-new.bg-warning {
    background: linear-gradient(-90deg, #ffbf65 -14.53%, #ffad39 99.15%) !important
}

.product-box-3 .product-header .product-header-top .label-new.bg-theme {
    background: var(--theme-color2) !important
}

.product-box-3 .product-header .product-header-top .label-new label {
    font-size: 13px;
    margin-top: 1px;
    font-weight: 600
}

.product-box-3 .product-header .product-header-top .wishlist-button {
    position: relative;
    padding: 6px;
    margin-left: auto;
    background-color: #fff;
    box-shadow: 0 3px 3px rgba(34, 34, 34, .24);
    border-radius: 100%;
    z-index: 0
}

[dir=rtl] .product-box-3 .product-header .product-header-top .wishlist-button {
    margin-left: unset;
    margin-right: auto
}

.product-box-3 .product-header .product-header-top .wishlist-button .feather {
    width: 15px;
    height: 15px;
    color: #4a5568
}

.product-box-3 .product-header .product-header-top .close-button {
    position: relative;
    padding: 0;
    z-index: 0
}

.product-box-3 .product-header .product-header-top .close-button .feather {
    width: 20px;
    height: auto;
    color: #4a5568
}

.product-box-3 .product-footer .product-detail .span-name {
    font-size: 13px;
    color: #50607c;
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .product-detail .product-content {
    display: none
}

.product-box-3 .product-footer .product-detail a {
    color: #222
}

.product-box-3 .product-footer .product-detail a:hover {
    color: #222
}

.product-box-3 .product-footer .product-detail .name {
    font-weight: 500;
    line-height: calc(21px + 3*(100vw - 320px)/1600);
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-box-3 .product-footer .product-detail .unit {
    font-size: 13px;
    font-weight: 500;
    margin-top: calc(6px + 4*(100vw - 320px)/1600);
    color: #777
}

.product-box-3 .product-footer .price {
    margin-top: 6px;
    font-weight: 600
}

.product-box-3 .product-footer .price del {
    margin-left: 4px;
    font-weight: 400;
    color: #777;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.product-box-3 .product-footer .price span {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-section-3 .circle-box {
    position: relative
}

.product-section-3 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-section-3 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    animation: rounded 15s linear infinite
}

.product-section-3 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-section-3 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-section-3 .product-title {
    padding: 16px;
    text-align: center;
    background-color: var(--theme-color);
    color: #fff;
    border-radius: 8px 8px 0 0;
    border: 2px solid rgba(0, 0, 0, 0);
    background-size: contain;
    background-clip: border-box;
    background-position: 0 0;
    animation: shape 15s linear infinite
}

.product-section-3 .product-title.product-warning {
    background-color: rgba(0, 0, 0, 0);
    color: #222;
    margin: 0;
    border: none
}

.product-bg-image {
    background-image: url('bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%
}

@media screen and (max-width: 768px) {
    .bg-img {
        background-position-x: -1200px !important;
    }
}


.product-bg-image .product-box-4 {
    border: none;
    background-color: rgba(0, 0, 0, 0)
}

.product-bg-image .product-box-3:hover {
    box-shadow: none
}

.product-box-4 {
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    text-align: center
}

.product-box-4+.product-box-4 {
    margin-top: 20px !important
}

.product-box-4:hover .product-image img {
    transform: scale(1.08)
}

.product-box-4:hover .product-image .option li {
    opacity: 1;
    transform: translateY(10px)
}

.product-box-4:hover .product-image .option li:nth-child(1) {
    transition-delay: .1s
}

.product-box-4:hover .product-image .option li:nth-child(2) {
    transition-delay: .2s
}

.product-box-4:hover .product-image .option li:nth-child(3) {
    transition-delay: .3s
}

.product-box-4:hover .product-image .option li:nth-child(4) {
    transition-delay: .4s
}

.product-box-4:hover .product-detail a .name {
    color: var(--theme-color) !important;
    font-weight: 600
}

.product-box-4-3 {
    border: 2px solid var(--theme-color);
    border-radius: 0 0 8px 8px
}

@media(max-width: 1660px) {
    .product-box-4-3 {
        height: 90%
    }
}

@media(max-width: 991px) {
    .product-box-4-3 {
        height: auto
    }
}

.product-box-4 .circle-box {
    position: relative
}

.product-box-4 .circle-box .shape-circle {
    position: absolute;
    top: 0;
    left: 0
}

.product-box-4 .circle-box .shape-circle img {
    width: 100%;
    height: auto;
    margin: 0;
    animation: rounded 15s linear infinite
}

.product-box-4 .circle-box .shape-text {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    color: #fff
}

.product-box-4 .circle-box .shape-text h6 {
    display: block;
    margin: 0;
    font-weight: 500
}

.product-box-4 .custom-progressbar {
    margin-top: 26px;
    border-radius: 50px;
    height: 10px
}

.product-box-4 .custom-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-box-4 h5 {
    display: flex;
    margin-top: 6px
}

.product-box-4 h5 span {
    margin-left: 3px
}

.product-box-4 .product-image {
    position: relative
}

.product-box-4 .product-image-2 img {
    margin: 20px 0 !important
}

@media(max-width: 991px) {
    .product-box-4 .product-image-2 img {
        margin: 0 !important
    }
}

.product-box-4 .product-image img {
    width: 70%;
    height: calc(80px + 60*(100vw - 320px)/1600);
    margin: 8px auto 8px;
    object-fit: contain;
    transition: all .3s ease-in-out
}

@media(max-width: 480px) {
    .product-box-4 .product-image img {
        width: 80%
    }
}

@media(max-width: 360px) {
    .product-box-4 .product-image img {
        width: 100%;
        margin: 20px 0 0
    }
}

.product-box-4 .product-image img.product-image {
    width: 65%;
    height: auto;
    object-fit: unset;
    margin: 20px auto 0
}

.product-box-4 .product-image .option {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    margin: 0 -4px
}

[dir=rtl] .product-box-4 .product-image .option {
    padding-right: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option {
        margin: 0 -1px
    }
}

.product-box-4 .product-image .option li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    transform: translateY(40px);
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li {
        width: 30px;
        height: 30px;
        margin: 0 1px
    }
}

.product-box-4 .product-image .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-box-4 .product-image .option li a {
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-box-4 .product-image .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-box-4 .product-image .option li a .icli {
        font-size: 15px
    }
}

.product-box-4 .product-image .option li a .icli.iconly-Swap {
    transform: rotate(90deg)
}

.product-box-4 .product-detail {
    text-align: left;
    margin-top: 15px;
    position: relative
}

.product-box-4 .product-detail .addtocart_btn .add-button,
.product-box-4 .product-detail .addtocart_btn .add_cart {
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .add-button span,
.product-box-4 .product-detail .addtocart_btn .add_cart span {
    position: absolute;
    left: 8px;
    right: 0;
    bottom: -21px;
    font-size: 12px
}

.product-box-4 .product-detail .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0
}

.product-box-4 .product-detail .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.product-box-4 .product-detail .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.product-box-4 .product-detail .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.border-botonrect {
    border-radius: 25px
}

.product-box-4 .product-detail .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.product-box-4 .product-detail a {
    color: #222
}

.product-box-4 .product-detail a .name {
    width: 100%;
    margin-top: 5px;
    text-transform: capitalize;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    transition: all .3s ease-in-out;
    text-align: left
}

[dir=rtl] .product-box-4 .product-detail a .name {
    text-align: right
}

@media(max-width: 480px) {
    .product-box-4 .product-detail a .name {
        width: 100%
    }
}

.product-box-4 .product-detail .price {
    margin-top: 5px;
    font-weight: 500
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price {
        display: flex
    }
}

.product-box-4 .product-detail .price del {
    margin-left: 10px;
    color: #4a5568;
    font-weight: 400
}

[dir=rtl] .product-box-4 .product-detail .price del {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price del {
        margin-left: 5px
    }

    [dir=rtl] .product-box-4 .product-detail .price del {
        margin-left: unset;
        margin-right: 5px
    }
}

.product-box-4 .product-detail .buy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .buy-button {
        position: relative;
        bottom: unset;
        right: unset;
        width: 100%;
        margin-top: 12px;
        color: var(--theme-color);
        border-radius: 5px;
        border: 1px solid var(--theme-color)
    }
}

[dir=rtl] .product-box-4 .product-detail .buy-button {
    right: unset;
    left: 0
}

.product-box-4 .product-detail .buy-button i {
    font-size: 18px
}

.product-box-4 .product-detail .buy-button-2 {
    width: 53px
}

.product-box-4 .product-detail .sold-box {
    margin-top: 12px
}

.product-box-4 .product-detail .sold-box .progress {
    height: 8px;
    border-radius: 50px
}

.product-box-4 .product-detail .sold-box .progress .progress-bar {
    border-radius: 50px;
    background-color: var(--theme-color)
}

.product-box-4 .product-detail .sold-box h5 {
    margin-top: 6px
}

.product-box-4 .product-detail .sold-box h5 span {
    color: #000
}

.product-box-4 .product-detail .price-qty {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: calc(8px + 8*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty {
        display: block
    }
}

.product-box-4 .product-detail .price-qty .counter-number {
    display: inline-block
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        margin-bottom: 9px;
        width: 100%
    }
}

@media(max-width: 336px) {
    .product-box-4 .product-detail .price-qty .counter-number {
        display: block;
        width: 100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter {
        width: 100%
    }
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .counter-number .counter input {
        width: 100%
    }
}

@media(max-width: 480px) {

    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-left-minus,
    .product-box-4 .product-detail .price-qty .counter-number .counter .qty-right-plus {
        width: 85px
    }
}

.product-box-4 .product-detail .price-qty .buy-button {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 15px
}

[dir=rtl] .product-box-4 .product-detail .price-qty .buy-button {
    right: unset;
    left: 0
}

@media(max-width: 480px) {
    .product-box-4 .product-detail .price-qty .buy-button {
        width: 100%;
        margin-top: 0
    }
}

.product-box-4 .product-detail .price-qty .buy-button .icli {
    font-size: 24px
}

.product-box-4 .product-detail .price-qty .buy-button i {
    font-size: 16px
}

.product-box-4 .product-detail .counter-number-box {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    border: 1px solid #e1b254;
    border-radius: 5px;
    background-color: rgba(225, 178, 84, .1);
    padding: 5px
}

.product-box-4 .product-detail .counter-number-box span {
    margin-right: 6px;
    position: relative
}

.product-box-4 .product-detail .counter-number-box span:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    right: -8px;
    background-color: #e1b254
}

.product-box-4 .product-detail .counter-number-box input {
    width: 27px;
    height: unset;
    border: none;
    background-color: rgba(0, 0, 0, 0);
    position: relative
}

.product-box-4 .product-detail .counter-number-box .counter-arrow {
    background-color: #e1b254;
    color: #fff;
    padding: 3px 6px
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down,
.product-box-4 .product-detail .counter-number-box .counter-arrow .up {
    width: unset;
    height: unset;
    border: unset;
    font-size: unset;
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    color: #fff
}

.product-box-4 .product-detail .counter-number-box .counter-arrow .down:hover,
.product-box-4 .product-detail .counter-number-box .counter-arrow .up:hover {
    color: #fff
}

.product-box-5 .product-image {
    position: relative
}

.product-box-5 .product-image .bg-size {
    border-radius: 10px
}

.product-box-5 .product-image .wishlist-top {
    position: absolute;
    top: 10px;
    right: 10px;
    background-color: #fff;
    padding: 5px;
    border-radius: 5px
}

.product-box-5 .product-image .wishlist-top svg {
    width: 18px
}

.product-box-5 .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .product-box-5 .product-image .product-option {
        display: none
    }
}

.product-box-5 .product-image .product-option li {
    position: relative;
    width: 33.33%;
    text-align: center
}

.product-box-5 .product-image .product-option li a {
    color: #222
}

.product-box-5 .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.product-box-5 .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .product-box-5 .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.product-box-5 .product-image img {
    transition: all .3s ease-in-out;
    border-radius: 10px
}

.product-box-5:hover .product-image a img {
    transform: scale(1.1)
}

.product-box-5:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.product-box-5 .product-detail {
    padding-top: 10px;
    text-align: center
}

.product-box-5 .product-detail a {
    color: #222;
    display: block
}

.product-box-5 .product-detail a:hover {
    color: #222
}

.product-box-5 .product-detail a h5 {
    margin-bottom: 6px
}

.product-box-5 .product-detail a h5.name {
    font-weight: 600;
    line-height: 22px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    text-transform: capitalize
}

.product-box-5 .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.product-box-5 .product-detail .product-rating h6 {
    font-weight: 500
}

.product-box-5+.product-box-5 {
    margin-top: 30px !important
}

.product-section-2 .product-box-4 {
    display: flex;
    align-items: center;
    border: none;
    padding: 0
}

.product-section-2 .product-box-4:hover .product-details .option {
    opacity: 1
}

.product-section-2 .product-box-4:hover .product-details .option li {
    opacity: 1;
    transform: translateY(0)
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(1) {
    transition-delay: .1s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(2) {
    transition-delay: .2s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(3) {
    transition-delay: .3s
}

.product-section-2 .product-box-4:hover .product-details .option li:nth-child(4) {
    transition-delay: .4s
}

.product-section-2 .product-box-4 .product-image {
    width: calc(84px + 32*(100vw - 320px)/1600);
    height: calc(84px + 32*(100vw - 320px)/1600);
    border: 1px solid #ececec;
    border-radius: 12px;
    padding: 15px
}

.product-section-2 .product-box-4 .product-image-2 {
    width: 116px;
    height: 151px;
    border-radius: 8px
}

.product-section-2 .product-box-4 .product-image img {
    width: 100%;
    height: 100%;
    min-width: 90px;
    margin: 0;
    object-fit: contain
}

.product-section-2 .product-box-4 .product-details {
    text-align: left;
    padding-left: calc(15px + 10*(100vw - 320px)/1600);
    position: relative
}

[dir=rtl] .product-section-2 .product-box-4 .product-details {
    padding-left: unset;
    padding-right: calc(15px + 10*(100vw - 320px)/1600)
}

.product-section-2 .product-box-4 .product-details a {
    color: #222
}

.product-section-2 .product-box-4 .product-details a .name {
    font-weight: 300;
    margin: 5px 0;
    text-align: left
}

[dir=rtl] .product-section-2 .product-box-4 .product-details a .name {
    text-align: right
}

.product-section-2 .product-box-4 .product-details .price {
    color: var(--theme-color);
    font-weight: 500
}

.product-section-2 .product-box-4 .product-details .price del {
    color: #bfbfbf;
    font-weight: 400;
    margin-left: 5px
}

.product-section-2 .product-box-4 .product-details .option {
    top: 45%;
    transform: translateY(-50%);
    width: -moz-fit-content;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 15px;
    background-color: #fff;
    display: flex;
    align-items: center;
    opacity: 1;
    transition: all .4s ease-in-out;
    margin: 0 -4px
}

[dir=rtl] .product-section-2 .product-box-4 .product-details .option {
    left: unset;
    right: 10px
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option {
        left: 10px;
        margin: 0 -2px
    }
}

.product-section-2 .product-box-4 .product-details .option li {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    border: 1px solid var(--theme-color);
    margin: 0 4px;
    opacity: 0;
    transform: translateY(40px);
    transition: all .5s ease-in-out;
    position: relative;
    overflow: hidden
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li {
        width: 30px;
        height: 30px;
        margin: 0 2px
    }
}

.product-section-2 .product-box-4 .product-details .option li:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.product-section-2 .product-box-4 .product-details .option li a {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1
}

.product-section-2 .product-box-4 .product-details .option li a .icli {
    font-size: 20px;
    color: #000
}

@media(max-width: 480px) {
    .product-section-2 .product-box-4 .product-details .option li a .icli {
        font-size: 15px
    }
}

.product-section-2 .product-box-4 .product-details .option li a .icli.iconly-Swap {
    transform: rotate(90deg)
}

.book-product-box {
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden;
    border-radius: 5px
}

.book-product-box:hover .product-image .product-option {
    bottom: 15px;
    opacity: 1
}

.book-product-box .label-box {
    position: absolute;
    top: 0;
    left: 0;
    padding: 12px;
    z-index: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.book-product-box .label-box label {
    background-color: #ff4f4f;
    color: #fff;
    padding: calc(5px + 3*(100vw - 320px)/1600) calc(8px + 4*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600);
    text-transform: capitalize;
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: 1;
    border-radius: 2px
}

.book-product-box .label-tag {
    position: absolute;
    top: 24px;
    left: 0;
    padding: 5px 13px;
    background-color: #ffba00;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    z-index: 1
}

.book-product-box .label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.book-product-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    left: 44px;
    border-bottom: solid 15px #faba02;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.book-product-box .label-tag span {
    font-weight: 700
}

.book-product-box .product-image {
    text-align: center;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    position: relative
}

.book-product-box .product-image .product-option {
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: -5px;
    background-color: #fff;
    width: 70%;
    padding: 10px 5px;
    border-radius: 7px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .12);
    opacity: 0;
    transition: all .3s ease-in-out;
    max-width: 320px
}

@media(max-width: 480px) {
    .book-product-box .product-image .product-option {
        display: none
    }
}

.book-product-box .product-image .product-option li {
    position: relative;
    width: 33.33%
}

.book-product-box .product-image .product-option li a {
    color: #222
}

.book-product-box .product-image .product-option li a .feather {
    width: 17px;
    height: auto;
    color: #4a5568
}

.book-product-box .product-image .product-option li+li:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #4a5568;
    opacity: .3
}

[dir=rtl] .book-product-box .product-image .product-option li+li:after {
    left: unset;
    right: 0
}

.book-product-box .product-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transition: all .3s ease-in-out
}

.book-product-box .product-image .back {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: -30px;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease-in-out
}

.book-product-box .product-detail a {
    color: #222;
    display: block
}

.book-product-box .product-detail a:hover {
    color: #222
}

.book-product-box .product-detail a .name {
    font-weight: 600;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.book-product-box .product-detail .product-rating {
    flex-wrap: wrap;
    gap: calc(4px + 3*(100vw - 320px)/1600)
}

.book-product-box .product-detail .product-rating h6 {
    font-weight: 500
}

.book-product-box .progress {
    height: 6px;
    border-radius: 0;
    margin-top: calc(14px + 8*(100vw - 320px)/1600)
}

.book-product-box .stock {
    font-size: 14px;
    color: var(--theme-color);
    margin-left: auto
}

.book-product-box .sold {
    font-weight: 600;
    margin-top: 3px;
    line-height: 21px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.book-product-box .sold .price {
    font-weight: 600;
    color: var(--theme-color);
    margin-top: 0
}

.book-product-box .sold del {
    font-weight: 400;
    margin-left: 6px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.book-product-box .weight {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    line-height: normal;
    color: #4a5568;
    margin-bottom: calc(2px + 2*(100vw - 320px)/1600)
}

.book-product-box .byers {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    margin-block: calc(3px + 3*(100vw - 320px)/1600) 2px;
    color: #4a5568;
    font-weight: 400;
    line-height: normal
}

@media(max-width: 480px) {
    .book-product-box .byers {
        line-height: 1.5
    }
}

.book-product-box .byers span {
    color: #4a5568;
    font-weight: 400
}

.book-product-box .qty-box {
    max-width: 210px
}

.book-product-box .counter-box {
    display: block;
    position: relative
}

.book-product-box .counter-box h6 {
    margin-top: 0
}

.book-product-box .counter-box .addtocart_btn .add-button,
.book-product-box .counter-box .addtocart_btn .add_cart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 11px;
    background-color: var(--theme-color);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .add-button span,
.book-product-box .counter-box .addtocart_btn .add_cart span {
    position: relative;
    left: unset;
    right: unset;
    bottom: unset;
    font-size: 15px;
    margin-right: 8px
}

@media(max-width: 480px) {

    .book-product-box .counter-box .addtocart_btn .add-button span,
    .book-product-box .counter-box .addtocart_btn .add_cart span {
        display: none
    }
}

.book-product-box .counter-box .addtocart_btn .qty-box {
    display: none;
    transition: all .3s ease;
    z-index: 1;
    margin-top: 0;
    max-width: 155px
}

.book-product-box .counter-box .addtocart_btn .qty-box.open {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    transition: all .3s ease
}

.book-product-box .counter-box .addtocart_btn .input-group {
    box-shadow: 0 2px 4px 0 #dedede;
    border-radius: 2px;
    padding: 4px;
    text-align: center;
    z-index: 0;
    background-color: #fff
}

.book-product-box .counter-box .addtocart_btn .input-group .btn {
    padding: 7px 12px;
    font-size: 10px;
    line-height: 1;
    border-radius: 2px !important;
    background-color: #f8f8f8
}

.book-product-box .counter-box .addtocart_btn .input-group .btn i {
    font-size: 15px
}

.book-product-box .counter-box .addtocart_btn .input-group .form-control {
    padding: 2px;
    text-align: center;
    border-color: #f9f9f9
}

.book-product-box .price {
    margin-top: calc(10px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    font-size: 16px
}

.product-theme-box {
    padding: 10px;
    border: 1px solid #eee;
    border-radius: calc(10px + 5*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden;
    background-color: #fff
}

.dark .product-theme-box {
    border-color: rgba(119, 119, 119, .44)
}

.product-theme-box:hover .label-tag {
    left: 0
}

.product-theme-box .label-tag {
    position: absolute;
    top: 24px;
    left: -66px;
    padding: 5px 8px;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out;
    z-index: 1;
    background: linear-gradient(to right, var(--theme-color), var(--theme-color2))
}

.product-theme-box .label-tag::after,
.product-theme-box .label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    right: -15px;
    border-bottom: 15px solid var(--theme-color2);
    border-left: 15px solid rgba(0, 0, 0, 0);
    border-right: 15px solid rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-theme-box .label-tag::before {
    top: 0;
    transform: rotate(180deg)
}

.product-theme-box .label-tag::after {
    bottom: 0;
    transform: rotate(0)
}

.product-theme-box .label-tag .feather {
    width: 16px;
    height: 16px
}

.product-theme-box .label-tag span {
    margin-right: 5px;
    overflow: hidden;
    transition: width .3s ease-in-out
}

.product-theme-box .img-box {
    position: relative
}

.product-theme-box .img-box a {
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.product-theme-box .img-box .heart-icon {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .52);
    border-radius: 100%
}

.product-theme-box .img-box .heart-icon svg {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.product-theme-box .content-box {
    margin-top: 10px
}

.product-theme-box .content-box .top-content h5 {
    font-weight: 600;
    color: #222;
    margin-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.product-theme-box .content-box .top-content h6 {
    color: #999
}

.dark .product-theme-box .content-box .top-content h6 {
    color: #ddd
}

.product-theme-box .content-box .top-content h6 a {
    color: #222
}

.product-theme-box .price {
    margin-top: calc(1px + 3*(100vw - 320px)/1600);
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: calc(12px + 3*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content span {
    color: #999;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.dark .product-theme-box .bottom-content span {
    color: #ddd
}

.product-theme-box .bottom-content .btn {
    padding: 5px calc(11px + 4*(100vw - 320px)/1600);
    border: 1px solid var(--theme-color);
    color: var(--theme-color) !important;
    font-size: 14px;
    height: calc(34px + 4*(100vw - 320px)/1600)
}

.product-theme-box .bottom-content .btn-grp {
    display: flex;
    align-items: center;
    gap: 6px
}

.product-theme-box .bottom-content .btn-outline {
    background-color: #fff
}

.product-theme-box .bottom-content .btn-outline svg {
    width: calc(15px + 1*(100vw - 320px)/1600);
    height: calc(15px + 1*(100vw - 320px)/1600)
}

.product-theme-box .review-rating span {
    font-size: 13px;
    line-height: 1;
    margin-top: 1px
}

.featured-sec {
    background-image: url('bg.jpg');
    padding: calc(44px + 56*(100vw - 320px)/1600) 0
}

.featured-sec .feature-title {
    display: flex;
    align-items: center;
    height: 100%;
    margin-bottom: 0
}

.featured-sec .feature-title h2 {
    color: #fff
}

.featured-sec .feature-title p {
    color: rgba(255, 255, 255, .8);
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    margin-bottom: 0;
    margin-top: 12px;
    line-height: 1.5
}

.featured-sec .feature-title button {
    font-weight: 500;
    transition: all .3s ease-in-out;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    white-space: nowrap;
    line-height: 1;
    padding: 11px 19px;
    margin: 0;
    border-radius: 6px;
    display: flex;
    align-items: center;
    gap: 5px
}

.featured-sec .feature-title button .feather {
    width: 18px;
    height: 18px
}

.featured-sec .theme-box {
    background-color: #fff
}

.review-box:hover .review-profile .review-image {
    border-radius: 6px
}

.review-box .review-contain {
    margin-bottom: 40px
}

.review-box .review-contain h5 {
    font-size: 16px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 15px
}

.review-box .review-contain p {
    color: #4a5568;
    line-height: 27px;
    margin-bottom: 0
}

.review-box .review-profile {
    display: flex;
    align-items: center
}

.review-box .review-profile .review-image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.review-box .review-profile .review-detail {
    padding-left: 12px
}

[dir=rtl] .review-box .review-profile .review-detail {
    padding-left: unset;
    padding-right: 12px
}

.review-box .review-profile .review-detail h5 {
    font-size: 18px;
    margin-bottom: 7px;
    font-weight: 500;
    color: #222
}

.review-box .review-profile .review-detail h6 {
    font-size: 16px;
    font-weight: 500;
    color: #4a5568
}

.service-contain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .service-contain {
        display: none
    }
}

.service-contain .service-box {
    display: flex;
    align-items: center;
    position: relative
}

@media(max-width: 1366px) {
    .service-contain .service-box {
        width: 50%
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(-n+2) {
        margin-bottom: 15px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box:nth-child(3)::before {
        display: none
    }
}

@media(max-width: 767px) {
    .service-contain .service-box::before {
        display: none
    }
}

.service-contain .service-box+.service-box::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 50%;
    left: -104px;
    border: 1px dashed #c1c1c1
}

[dir=rtl] .service-contain .service-box+.service-box::before {
    left: unset;
    right: -104px
}

@media(max-width: 1660px) {
    .service-contain .service-box+.service-box::before {
        left: -70px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -70px
    }
}

@media(max-width: 1460px) {
    .service-contain .service-box+.service-box::before {
        left: -36px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -36px
    }
}

@media(max-width: 1366px) {
    .service-contain .service-box+.service-box::before {
        left: -31px
    }

    [dir=rtl] .service-contain .service-box+.service-box::before {
        left: unset;
        right: -31px
    }
}

.service-contain .service-box .service-image img {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    object-fit: contain
}

.service-contain .service-box .service-detail {
    margin-left: 20px
}

[dir=rtl] .service-contain .service-box .service-detail {
    margin-left: unset;
    margin-right: 20px
}

.service-contain .service-box .service-detail h5 {
    font-weight: 500;
    color: #222
}

.service-contain-2 {
    display: flex;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    background-color: rgba(191, 191, 191, .2);
    height: 100%;
    transition: all .3s ease-in-out
}

.service-contain-2:hover {
    background-color: var(--theme-color);
    color: white;
}

.service-contain-2:hover svg {
    fill: #fff
}

.service-contain-2:hover .service-detail h3,
.service-contain-2:hover .service-detail h6 {
    color: #fff
}

.service-contain-2 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    transition: all .3s ease-in-out
}

.service-contain-2 .service-detail {
    margin-left: 25px;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-2 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-2 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-2 .service-detail h6 {
    transition: all .3s ease-in-out
}

.service-contain-3 {
    display: flex;
    align-items: center;
    padding: calc(14px + 11*(100vw - 320px)/1600);
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
    transition: all .3s ease-in-out;
    position: relative
}

.service-contain-3:hover {
    background-color: var(--theme-color)
}

.service-contain-3:hover svg {
    fill: #fff
}

.service-contain-3:hover .service-detail h3,
.service-contain-3:hover .service-detail h6 {
    color: #fff
}

.service-contain-3::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .13
}

.service-contain-3 svg {
    width: 42px;
    height: 42px;
    fill: var(--theme-color);
    transition: all .3s ease-in-out
}

.service-contain-3 .service-detail {
    margin-left: 25px;
    transition: all .3s ease-in-out
}

[dir=rtl] .service-contain-3 .service-detail {
    margin-left: unset;
    margin-right: 25px
}

.service-contain-3 .service-detail h3 {
    letter-spacing: .8px;
    margin-bottom: 5px;
    transition: all .3s ease-in-out;
    font-weight: 600
}

.service-contain-3 .service-detail h6 {
    transition: all .3s ease-in-out
}

.coming-soon-section {
    width: 100vw;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url('coming-soon.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

.coming-soon-section .coming-box {
    text-align: center;
    z-index: 1
}

.coming-soon-section .coming-box .coming-text {
    width: 90%;
    margin: 12px auto 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-text {
        width: 100%
    }
}

.coming-soon-section .coming-box .coming-title h2 {
    font-size: calc(27px + 11*(100vw - 320px)/1600);
    font-weight: 400;
    margin-top: -5px
}

.coming-soon-section .coming-box .coming-timer {
    margin-top: 24px
}

.coming-soon-section .coming-box .coming-timer ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(16px + 12*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li {
    width: calc(62px + 28*(100vw - 320px)/1600);
    height: calc(62px + 28*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: calc(6px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-timer ul li+li::after {
    content: ":";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: calc(-10px + -7*(100vw - 320px)/1600);
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    color: var(--theme-color)
}

[dir=rtl] .coming-soon-section .coming-box .coming-timer ul li+li::after {
    left: unset;
    right: -17px
}

.coming-soon-section .coming-box .coming-timer ul li .counter {
    display: block;
    text-align: center
}

.coming-soon-section .coming-box .coming-timer ul li .counter>div {
    font-size: calc(22px + 5*(100vw - 320px)/1600);
    font-weight: 600;
    color: var(--theme-color);
    line-height: 1
}

.coming-soon-section .coming-box .coming-timer ul li .counter p {
    margin-bottom: 0;
    margin-top: 5px;
    color: #4a5568;
    font-size: calc(13px + 4*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain {
    margin-top: calc(19px + 19*(100vw - 320px)/1600)
}

.coming-soon-section .coming-box .coming-contain .coming-form {
    position: relative;
    width: 90%;
    margin: 22px auto 0;
    border-radius: 4px;
    overflow: hidden;
    border: 1px solid var(--theme-color)
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    border: none;
    border-radius: 0
}

[dir=rtl] .coming-soon-section .coming-box .coming-contain .coming-form .form-control {
    text-align: left
}

.coming-soon-section .coming-box .coming-contain .coming-form .form-control:focus {
    border-color: rgba(0, 0, 0, 0);
    background-color: #fff;
    box-shadow: none;
    color: #4a5568;
    z-index: 0
}

@media(max-width: 480px) {
    .coming-soon-section .coming-box .coming-contain .coming-form {
        width: 100%
    }
}

.coming-soon-section .coming-box .coming-contain .coming-form .coming-button {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    border: none;
    padding: 0 calc(15px + 10*(100vw - 320px)/1600);
    background: var(--theme-color2);
    color: #fff;
    font-weight: 700
}

.table:not(:last-child):last-child>* {
    border-bottom: none
}

.inner-title {
    margin-bottom: calc(32px + 23*(100vw - 320px)/1600);
    text-align: center
}

.inner-title h2 {
    font-size: calc(21px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    color: #222;
    padding-bottom: 20px;
    display: inline-block;
    text-transform: none;
    position: relative
}

.inner-title h2::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 1px;
    bottom: 0;
    background-color: var(--theme-color)
}

.inner-title h2 img {
    left: 50%;
    transform: translateX(-50%);
    bottom: -11px;
    position: absolute;
    background-color: #fff;
    z-index: 1;
    padding: 0 10px
}

.inner-title-2 {
    margin-bottom: calc(18px + 20*(100vw - 320px)/1600)
}

.inner-title-2 h3 {
    font-size: calc(24px + 6*(100vw - 320px)/1600);
    font-weight: 600
}

.section-404 .image-404 {
    text-align: center
}

.section-404 .image-404 img {
    width: 25%
}

@media(max-width: 1460px) {
    .section-404 .image-404 img {
        width: 40%
    }
}

@media(max-width: 991px) {
    .section-404 .image-404 img {
        width: 50%
    }
}

@media(max-width: 575px) {
    .section-404 .image-404 img {
        width: 70%
    }
}

.section-404 .contain-404 {
    width: 50%;
    text-align: center;
    margin: calc(20px + 25*(100vw - 320px)/1600) auto 0;
    font-family: "Public Sans", sans-serif
}

@media(max-width: 1660px) {
    .section-404 .contain-404 {
        width: 60%
    }
}

@media(max-width: 1199px) {
    .section-404 .contain-404 {
        width: 80%
    }
}

@media(max-width: 767px) {
    .section-404 .contain-404 {
        width: 100%
    }
}

.section-404 .contain-404 h3 {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    line-height: 1.5;
    font-weight: 400
}

.section-404 .contain-404 button {
    margin-top: calc(16px + 8*(100vw - 320px)/1600)
}

.cart-section .deliver-box {
    padding: 22px 18px;
    background-color: #f8f8f8;
    border-radius: 6px;
    position: relative;
    margin-bottom: calc(22px + 18*(100vw - 320px)/1600)
}

.cart-section .deliver-box .btn-close {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 18px
}

.cart-section .deliver-box h5:first-child {
    margin-bottom: 8px
}

.cart-section .deliver-box h5:last-child {
    font-weight: 500;
    line-height: 1.4
}

.cart-section .deliver-box h5:last-child a {
    text-decoration: underline;
    margin-left: 5px
}

.cart-section .cart-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600)
}

.cart-section .promo-code-box {
    margin-bottom: calc(18px + 4*(100vw - 320px)/1600)
}

.cart-section .promo-code-box .form-label {
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-section .total-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 28px;
    border: 1px solid #ececec
}

.cart-section .member-button {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    letter-spacing: 1.4px
}

.cart-section .special-seller-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    border-radius: 5px;
    border: 1px dashed #bfbfbf
}

.cart-section .special-seller-box h5 {
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 0;
    padding-bottom: 18px;
    border-bottom: 1px solid #4a5568;
    margin-bottom: 25px
}

.cart-section .special-seller-box .sub-total-table tbody tr td:last-child {
    font-weight: 500
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td {
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 26px
}

.cart-section .special-seller-box .sub-total-table tbody tr.sub-total td:last-child {
    text-align: right
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-title td {
    border: none;
    padding-top: 20px;
    padding-bottom: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td {
    border: none
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check {
    margin-bottom: 0
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input {
    width: 18px;
    height: 18px;
    margin-top: 2px;
    margin-right: 10px
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.cart-section .special-seller-box .sub-total-table tbody tr.shipping-list td .form-check .form-check-input:focus {
    box-shadow: none
}

.cart-section .cart-total-box {
    padding: 20px;
    background-color: #f8f8f8;
    border-radius: 6px;
    text-align: center
}

.cart-section .cart-total-box h3 {
    font-weight: bold;
    color: #222;
    margin-bottom: 15px
}

.cart-section .cart-total-box h6 {
    width: 100%;
    margin: 20px 0 10px;
    color: #222;
    font-weight: 500;
    font-size: 16px
}

.cart-section .cart-total-box p {
    margin: 0;
    font-size: 14px;
    letter-spacing: .5px;
    line-height: 1.4
}

.cart-section .cart-total-box .checkout-button {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-top: 12px
}

.cart-table {
    background-color: #fafafa;
    padding: calc(18px + 17*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.cart-table.cart-table-2 {
    background-color: rgba(0, 0, 0, 0);
    padding: 0
}

.cart-table.cart-table-2 table {
    margin-bottom: 0
}

.cart-table.cart-table-2 table thead tr th {
    font-size: 20px;
    font-weight: 500;
    color: #4a5568;
    padding: 0 22px 16px
}

.cart-table.cart-table-2 table tbody {
    border-top: 1px solid #ececec
}

.cart-table.cart-table-2 table tbody tr td {
    vertical-align: middle
}

.cart-table.cart-table-2 table tbody tr:first-child td {
    padding: 22px 16px
}

.cart-table table {
    margin-bottom: 0
}

.cart-table table tbody tr:last-child td {
    border: none;
    padding-bottom: 0
}

.cart-table table tbody tr:first-child td {
    padding-top: 0
}

.cart-table table tbody tr td {
    padding: calc(16px + 6*(100vw - 320px)/1600) 16px;
    min-width: calc(135px + 35*(100vw - 320px)/1600)
}

.cart-table table tbody tr td .table-title {
    margin-bottom: 12px;
    font-size: 14px;
    font-weight: 500
}

.cart-table table tbody tr td.product-detail:hover .product .product-image img {
    transform: scale(1.1)
}

.cart-table table tbody tr td.product-detail ul li+li {
    margin-bottom: 2px
}

.cart-table table tbody tr td.product-detail .product {
    display: flex;
    align-items: center;
    overflow: hidden
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product {
        align-items: flex-start
    }
}

.cart-table table tbody tr td.product-detail .product .product-image {
    width: 70px
}

@media(max-width: 1366px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 80px
    }
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 90px
    }
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 100px
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-image {
        width: 70px
    }
}

.cart-table table tbody tr td.product-detail .product .product-image img {
    transition: all .3s ease-in-out
}

.cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: calc(16px + 9*(100vw - 320px)/1600);
    margin-top: 0
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail {
    margin-left: unset;
    margin-right: calc(16px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .cart-table table tbody tr td.product-detail .product .product-detail ul {
    padding-right: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li {
    display: block;
    white-space: nowrap;
    margin-bottom: 8px;
    font-size: 14px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li+li {
    margin-bottom: calc(0px + 2*(100vw - 320px)/1600)
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .saving {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li span {
    font-weight: 500
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a {
    font-weight: 500;
    font-size: 16px;
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.name a:hover {
    color: #222
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li:nth-child(n+4) {
    display: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price {
    display: flex;
    align-items: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li .price h6 {
    margin-left: 8px;
    text-decoration: line-through
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
    border: 1px solid #ececec;
    border-radius: 5px;
    width: 62%
}

@media(max-width: 575px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width: 80%
    }
}

@media(max-width: 360px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box {
        width: 90%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button {
    padding: calc(3px + 7*(100vw - 320px)/1600) calc(10px + 8*(100vw - 320px)/1600);
    border: none
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity-price-box .cart_qty button input {
    padding: 10px 18px;
    border: none;
    text-align: center
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity {
    margin: 6px 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
    width: 50%
}

@media(max-width: 480px) {
    .cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price {
        width: 60%
    }
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button {
    width: calc(26px + 9*(100vw - 320px)/1600);
    height: calc(26px + 9*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty button i {
    margin-top: 2px
}

.cart-table table tbody tr td.product-detail .product .product-detail ul li.quantity .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

.cart-table table tbody tr td.price h5 {
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

.cart-table table tbody tr td.price h5 del {
    font-size: calc(13px + 3*(100vw - 320px)/1600);
    margin-left: 4px
}

[dir=rtl] .cart-table table tbody tr td.price h5 del {
    margin-left: unset;
    margin-right: 4px
}

.cart-table table tbody tr td.price h6 {
    margin-top: 5px;
    white-space: nowrap;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.cart-table table tbody tr td.saving {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color)
}

.cart-table table tbody tr td.quantity {
    width: 20%
}

.cart-table table tbody tr td .quantity-price {
    width: 62%
}

@media(max-width: 1460px) {
    .cart-table table tbody tr td .quantity-price {
        width: 80%
    }
}

@media(max-width: 1199px) {
    .cart-table table tbody tr td .quantity-price {
        width: 90%
    }
}

@media(max-width: 991px) {
    .cart-table table tbody tr td .quantity-price {
        width: 100%
    }
}

.cart-table table tbody tr td .quantity-price .cart_qty button {
    width: calc(29px + 6*(100vw - 320px)/1600);
    height: calc(29px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #e3e0e0;
    border-radius: 100% !important;
    padding: 0
}

.cart-table table tbody tr td .quantity-price .cart_qty button i {
    font-size: 14px;
    padding-top: 3px
}

.cart-table table tbody tr td .quantity-price .cart_qty input {
    padding: 0;
    border: none;
    text-align: center;
    background-color: rgba(0, 0, 0, 0)
}

.cart-table table tbody tr td.subtotal h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: 500;
    display: inline-block
}

.cart-table table tbody tr td.subtotal .btn-close {
    margin-left: 50px
}

.cart-table table tbody tr td.save-remove .save {
    font-weight: 400;
    white-space: nowrap;
    font-size: 16px;
    display: block;
    text-decoration: underline
}

.cart-table table tbody tr td.save-remove .save:hover {
    color: var(--theme-color)
}

.cart-table table tbody tr td.save-remove .remove {
    font-weight: 400;
    font-size: 15px;
    color: #bf2020;
    text-decoration: underline
}

.cart-table table tfoot {
    border-top: 1px solid #ececec
}

.cart-table table tfoot tr td:first-child {
    border: none
}

.cart-table table tfoot tr td:nth-child(2) {
    font-size: 16px;
    font-weight: 500;
    padding: 16px;
    border-left: 1px solid #ececec
}

.cart-table table tfoot tr td:last-child {
    font-size: 16px;
    font-weight: 500;
    border-right: 1px solid #ececec
}

.summery-box {
    border-radius: 5px;
    background-color: #f8f8f8
}

.summery-box .summery-header {
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ececec
}

.summery-box .summery-header h3 {
    font-weight: 600
}

.summery-box .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.summery-box .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .summery-box .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain {
    padding: 16px calc(16px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.summery-box .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.summery-box .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .summery-box .summery-contain ul {
    padding-right: 0
}

.summery-box .summery-contain ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.summery-box .summery-contain ul li:last-child {
    border-bottom: none
}

.summery-box .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain ul li h4 span {
    font-weight: 600
}

.summery-box .summery-contain {
    padding: calc(11px + 5*(100vw - 320px)/1600) calc(11px + 11*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.summery-box .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.summery-box .summery-contain::-webkit-scrollbar {
    width: 3px
}

.summery-box .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.summery-box .summery-contain li {
    padding: calc(6px + 4*(100vw - 320px)/1600) 0;
    display: flex;
    align-items: center
}

.summery-box .summery-contain li:last-child {
    border-bottom: none
}

.summery-box .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.summery-box .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.summery-box .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .summery-box .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.summery-box .summery-contain li h4 span {
    font-weight: 600
}

.summery-box .summery-total {
    padding: 0 calc(16px + 6*(100vw - 320px)/1600)
}

.summery-box .summery-total li {
    padding-top: 12px;
    display: flex;
    align-items: center
}

.summery-box .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.summery-box .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .summery-box .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.summery-box .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.summery-box .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.summery-box .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.summery-box .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.button-group {
    text-align: right;
    margin-top: calc(14px + 6*(100vw - 320px)/1600)
}

.button-group.cart-button {
    margin-top: 0;
    padding: 0 calc(16px + 6*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .button-group.cart-button ul {
    padding-right: 0
}

.button-group.cart-button ul li {
    width: 100%
}

.button-group ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: calc(7px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .button-group ul {
    padding-right: 0
}

.button-group ul.button-group-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(26px + 19*(100vw - 320px)/1600)
}

.button-group ul li button {
    width: 100%;
    font: inherit;
    letter-spacing: .04em;
    padding: calc(8px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600)
}

.button-group ul li button.shopping-button {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    background-color: #ececec;
    color: #000
}

.button-group ul li button.shopping-button i {
    margin-right: 8px
}

[dir=rtl] .button-group ul li button.shopping-button i {
    margin-right: unset;
    margin-left: 8px !important
}

.checkout-section .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    align-items: center
}

.checkout-section .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    transition: transform .2s ease-in-out
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: flex;
    align-items: center;
    width: 100%
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }
}

.checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: flex;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section .custom-navtab {
    display: flex;
    flex-wrap: wrap;
    gap: calc(0px + 24*(100vw - 320px)/1600);
    overflow: auto;
    position: sticky;
    top: 0
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab {
        display: flex;
        flex-wrap: nowrap
    }
}

.checkout-section .custom-navtab .nav-item {
    width: 100%;
    flex-basis: auto
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item {
        display: inline-block
    }

    .checkout-section .custom-navtab .nav-item+.nav-item {
        margin-left: 15px
    }
}

.checkout-section .custom-navtab .nav-item .nav-link {
    position: relative;
    text-align: left;
    border: 2px solid #ececec;
    padding: calc(10px + 8*(100vw - 320px)/1600);
    cursor: pointer
}

@media(max-width: 991px) {
    .checkout-section .custom-navtab .nav-item .nav-link {
        width: calc(195px + 25*(100vw - 320px)/1600)
    }
}

.checkout-section .custom-navtab .nav-item .nav-link::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 100%;
    bottom: 0;
    left: 0;
    background-color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    transition: .3s ease;
    border-radius: 4px
}

.checkout-section .custom-navtab .nav-item .nav-link.active {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    border: 2px solid var(--theme-color)
}

.checkout-section .custom-navtab .nav-item .nav-link.active::before {
    box-shadow: 0 4px 0px var(--theme-color);
    width: 100%
}

.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box h4,
.checkout-section .custom-navtab .nav-item .nav-link.active .nav-item-box i {
    color: var(--theme-color);
    z-index: 1;
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box {
    position: relative;
    display: flex;
    align-items: center
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box span {
    color: #4a5568;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: calc(0px + 5*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    width: calc(38px + 20*(100vw - 320px)/1600);
    height: auto;
    margin-left: auto
}

[dir=rtl] .checkout-section .custom-navtab .nav-item .nav-link .nav-item-box .lord-icon {
    margin-left: unset;
    margin-right: auto
}

.checkout-section .tab-content {
    background-color: #f8f8f8;
    height: 100%;
    padding: calc(26px + 9*(100vw - 320px)/1600) calc(12px + 13*(100vw - 320px)/1600)
}

.checkout-section .tab-content .tab-pane .tab-title {
    margin-bottom: calc(18px + 12*(100vw - 320px)/1600);
    font-size: calc(18px + 6*(100vw - 320px)/1600);
    color: #222
}

.checkout-section .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07)
}

.checkout-section .delivery-address-box>div {
    display: flex;
    position: relative
}

.checkout-section .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section .delivery-address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.checkout-section .delivery-address-box>div .delivery-address-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section .delivery-address-box>div .delivery-address-detail p,
.checkout-section .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section .delivery-address-box>div .delivery-address-detail p span,
.checkout-section .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section .add-address {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    border-radius: 8px
}

.checkout-section .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section .delivery-option .select-option {
        margin-top: 6px
    }
}

.checkout-section .delivery-option .date-box {
    position: relative
}

.checkout-section .delivery-option .date-box i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-category {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section .delivery-option .delivery-category {
        display: block
    }
}

.checkout-section .delivery-option .custom-form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section .delivery-option .delivery-items {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items {
        display: flex;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items {
        display: block
    }
}

.checkout-section .delivery-option .delivery-items h5 {
    letter-spacing: .5px;
    display: flex;
    align-items: center
}

.checkout-section .delivery-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {
    .checkout-section .delivery-option .delivery-items h5.items {
        margin-bottom: 5px
    }
}

.checkout-section .delivery-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section .delivery-option .delivery-items h5.charge {
        margin-top: 8px
    }
}

.checkout-section .delivery-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0, 0, 0, .25)
}

[dir=rtl] .checkout-section .delivery-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section .delivery-option .delivery-time {
    display: flex;
    align-items: center;
    height: 100%
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0, 0, 0, 0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.checkout-section .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 5px rgba(0, 0, 0, .1)
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section .credit-card-box .credit-detail {
    position: relative
}

.checkout-section .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section .payment-option {
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    border-radius: 8px;
    position: relative
}

.checkout-section .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section .payment-option img {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(17px + 28*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li {
    position: relative;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li:last-child .checkout-box::before {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 6px;
    background-color: #f8f8f8
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
    left: unset;
    right: 0
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon {
        display: none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-icon .lord-icon {
    width: 100%;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    padding: calc(14px + 15*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 8px;
    box-shadow: 0 0 8px #eee;
    margin-left: 66px;
    position: relative
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
    margin-left: unset;
    margin-right: 66px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left: 0
    }

    [dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box {
        margin-left: unset;
        margin-right: 0
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    content: "";
    position: absolute;
    top: 25px;
    left: -42px;
    width: 0;
    height: 115%;
    border-left: 1px dashed rgba(34, 34, 34, .18);
    z-index: -1
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
    left: unset;
    right: -42px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box::before {
        content: none
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title {
    margin-bottom: calc(9px + 8*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-title h4 {
    font-weight: 600;
    font-size: calc(16px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div {
    display: flex;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .label {
    right: unset;
    left: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 10px;
    width: calc(85% + -10*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail {
    margin-left: unset;
    margin-right: 10px;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail li {
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 {
    line-height: 1.4;
    margin-bottom: 0;
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail p span,
.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-address-box>div .delivery-address-detail h6 span {
    margin-right: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .add-address {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    height: 100%;
    text-align: center;
    cursor: pointer;
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    border-radius: 8px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

@media(max-width: 1460px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .select-option {
        margin-top: 6px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .date-box i {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 767px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-category {
        display: block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    min-height: auto
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check {
    padding-left: unset;
    padding-right: 1.5rem
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    font-size: calc(15px + 4*(100vw - 320px)/1600);
    padding-left: 12px;
    font-weight: 500
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .custom-form-check .form-check-label {
    padding-left: unset;
    padding-right: 12px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-date input {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time {
    display: flex;
    align-items: center;
    height: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500;
    border: 1px solid #ececec;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle i {
    -webkit-text-stroke: 1px #4a5568;
    color: rgba(0, 0, 0, 0);
    font-size: 18px;
    margin-right: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-toggle::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 6px 5px rgba(0, 0, 0, .1)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li a:active {
    color: #000;
    text-decoration: none;
    background-color: #ececec
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .delivery-option .delivery-time .dropdown-menu li+li {
    margin-top: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box {
    display: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box.show {
    display: block
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option {
    padding: calc(17px + 9*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 5px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
    display: flex;
    align-items: center;
    height: 100%
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display: flex;
        align-items: center
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items {
        display: block
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 {
    letter-spacing: .5px;
    display: flex;
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
    margin-bottom: 5px
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom: 0
    }
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items {
        margin-bottom: 5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.items span {
    text-decoration: underline
}

@media(max-width: 575px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5.charge {
        margin-top: 8px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-left: 7px;
    color: rgba(0, 0, 0, .25)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .future-box .future-option .delivery-items h5 i {
    margin-left: unset;
    margin-right: 7px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-button {
    padding: calc(14px + 6*(100vw - 320px)/1600) calc(15px + 10*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-method .custom-form-check label {
    font-weight: 500;
    font-size: 17px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-card-box .credit-detail {
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .credit-info label {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 500
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option {
    padding: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .17);
    border-radius: 8px;
    position: relative
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check .form-check-input {
    margin-top: 4px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option .form-check label {
    font-weight: 500;
    font-size: 18px;
    padding-left: 10px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .payment-option img {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    right: 20px;
    width: 60px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 20*(100vw - 320px)/1600);
    align-items: center
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    display: block;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button {
    color: #4a5568;
    position: relative;
    padding: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    transition: transform .2s ease-in-out
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 30px
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::before {
    top: 20%;
    transform: rotate(-180deg) translateY(-50%)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check {
    display: flex;
    align-items: center;
    width: 100%
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    font-weight: 500;
    color: #222;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: 16px 20px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
    padding-right: 0
}

@media(max-width: 480px) {
    .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label {
        margin-top: 5px
    }
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-right: calc(6px + 4*(100vw - 320px)/1600)
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-header .accordion-button .form-check .form-check-label .form-check-input {
    margin-left: calc(6px + 4*(100vw - 320px)/1600);
    margin-right: unset
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding-top: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review {
    margin: 0;
    line-height: 1.5;
    color: #4a5568
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .cod-review a:hover {
    color: var(--theme-color)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check {
    padding-left: unset;
    padding-right: 0
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check label {
    display: flex;
    align-items: center;
    font-size: calc(14px + 3*(100vw - 320px)/1600)
}

.checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .left-sidebar-checkout .checkout-detail-box>ul>li .checkout-box .checkout-detail .custom-accordion .accordion-item .accordion-collapse .accordion-body .custom-form-check input {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box {
    position: sticky;
    top: 110px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 {
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header {
    padding-bottom: calc(12px + 4*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header h3 {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    font-weight: 500;
    margin-left: auto;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a:hover {
    color: var(--theme-color)
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-header a {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    width: calc(41px + 11*(100vw - 320px)/1600);
    height: calc(41px + 11*(100vw - 320px)/1600);
    object-fit: contain;
    margin-right: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .checkout-image {
    margin-right: unset;
    margin-left: 10px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box {
    position: relative;
    overflow: hidden;
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .btn-apply {
    background: var(--theme-color);
    color: #fff;
    padding: 0 calc(16px + 14*(100vw - 320px)/1600);
    font-weight: 700;
    border: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain .coupon-cart .coupon-box .form-control {
    border: 2px solid var(--theme-color);
    padding: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul {
    padding-right: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li {
    padding: 10px 0;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain ul li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 10px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain {
    padding-bottom: 10px;
    padding: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-track {
    background-color: rgba(0, 0, 0, 0)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar {
    width: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain::-webkit-scrollbar-thumb {
    background-color: var(--theme-color);
    border-radius: 4px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li {
    padding: calc(6px + 2*(100vw - 320px)/1600) 0;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li:last-child {
    border-bottom: none
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    margin: 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 {
    font-size: 15px;
    color: #4a5568
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    color: #4a5568;
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4.price .shpping-contain {
    display: block;
    font-weight: 400;
    font-size: 13px;
    margin-top: 3px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-contain li h4 span {
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    margin-top: 0px;
    padding-top: 5px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total {
    padding: 0;
    padding-top: 5px
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li {
    padding-top: 8px;
    display: flex;
    align-items: center
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 {
    font-size: 17px;
    color: #222
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: auto
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4.price {
    margin-left: unset;
    margin-right: auto
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li h4 span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) {
    padding: calc(12px + 4*(100vw - 320px)/1600) 0
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:nth-child(4) h4 {
    font-weight: 600;
    color: var(--theme-color)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child {
    border-top: 1px solid #ececec;
    padding-top: calc(12px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .summery-box-2 .summery-total li:last-child h4 {
    font-weight: 600;
    font-size: calc(16px + 4*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer {
    margin-top: 24px;
    border-radius: 7px;
    background-color: #f8f8f8;
    padding: calc(14px + 15*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(9px + 3*(100vw - 320px)/1600);
    margin-bottom: calc(13px + 7*(100vw - 320px)/1600)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-icon {
    width: 20px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-title .offer-name h6 {
    font-weight: 600;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    line-height: 1;
    margin-bottom: -2px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    display: flex;
    flex-wrap: wrap;
    gap: calc(11px + 5*(100vw - 320px)/1600);
    height: 100%;
    overflow: hidden auto;
    max-height: 104px
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail {
    padding: 0
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li {
    display: block
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    color: #4a5568;
    line-height: 1.5;
    position: relative;
    padding-left: 23px;
    font-size: calc(13px + 0*(100vw - 320px)/1600);
    margin: 0
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p {
    padding-left: unset;
    padding-right: 23px
}

.checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 7px;
    width: 5px;
    height: 5px;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .checkout-section-2 .right-side-summery-box .checkout-offer .offer-detail li p::before {
    left: unset;
    right: 7px
}

.contact-box-section .left-sidebar-box .contact-image {
    text-align: center;
    margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image {
        margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-image img {
    width: 60%
}

@media(max-width: 1199px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width: 77%
    }
}

@media(max-width: 991px) {
    .contact-box-section .left-sidebar-box .contact-image img {
        width: 60%;
        margin-bottom: calc(25px + 39*(100vw - 320px)/1600)
    }
}

.contact-box-section .left-sidebar-box .contact-title {
    margin-bottom: calc(20px + 12*(100vw - 320px)/1600)
}

.contact-box-section .left-sidebar-box .contact-title h3 {
    position: relative;
    display: inline-block;
    font-size: calc(23px + 5*(100vw - 320px)/1600);
    font-weight: 600
}

.contact-box-section .left-sidebar-box .contact-title h3::after {
    content: "";
    position: absolute;
    width: 70%;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: var(--theme-color2)
}

[dir=rtl] .contact-box-section .left-sidebar-box .contact-title h3::after {
    left: unset;
    right: 0
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(2px + 3*(100vw - 320px)/1600);
    align-items: center;
    background-color: #f8f8f8;
    padding: calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(15px + 12*(100vw - 320px)/1600) calc(30px + 11*(100vw - 320px)/1600);
    position: relative;
    border-radius: 10px;
    margin-left: 22px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-icon {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    left: -21px;
    background-color: var(--theme-color);
    padding: 13px;
    border-radius: 7px;
    display: inherit;
    color: #fff
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title,
.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain {
    width: 100%
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-title h4 {
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-top: -2px
}

.contact-box-section .left-sidebar-box .contact-detail .contact-detail-box .contact-detail-contain p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568;
    margin-bottom: -5px
}

.contact-box-section .right-sidebar-box {
    padding: calc(21px + 39*(100vw - 320px)/1600);
    border-radius: 10px;
    background-color: #f8f8f8
}

.contact-box-section .right-sidebar-box .custom-form label {
    color: #4a5568;
    display: block;
    font-size: 16px;
    margin-bottom: calc(3px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600);
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input .form-control {
    padding: calc(15px + 5*(100vw - 320px)/1600) calc(41px + 11*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600) calc(15px + 5*(100vw - 320px)/1600)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input .form-control:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-input i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 0 calc(14px + 6*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-input i {
    left: unset;
    right: 0
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea {
    position: relative
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: 52px;
    border: none
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control {
    padding-left: unset;
    padding-right: 52px
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea .form-control:focus {
    background-color: #fff;
    border-color: rgba(0, 0, 0, 0)
}

.contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    padding: 18px 20px;
    display: flex;
    font-size: 18px;
    color: #4a5568
}

[dir=rtl] .contact-box-section .right-sidebar-box .custom-form .custom-textarea i {
    left: unset;
    right: 0
}

.map-section .map-box {
    margin-bottom: -6px;
    display: block
}

.map-section .map-box iframe {
    width: 100%;
    height: 350px
}

.log-in-section {
    overflow-x: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0
}

.log-in-section::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url('log-in-bg.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1
}

.log-in-section.otp-section {
    display: flex;
    align-items: center
}

.log-in-section .image-contain {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%
}

.log-in-section .log-in-form .form-control {
    border: none;
    border-radius: 25px;
    padding-left: 25px;
}

.log-in-section .inputs {
    margin: calc(-2px + -10*(100vw - 320px)/1600)
}

.log-in-section .inputs input {
    margin: calc(2px + 6*(100vw - 320px)/1600);
    border: none
}

.log-in-section .log-in-box {
    background-color: #f8f8f8;
    padding: calc(16px + 34*(100vw - 320px)/1600);
    border-radius: calc(8px + 4*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .logo-name {
    margin-bottom: calc(20px + 10*(100vw - 320px)/1600);
    margin-top: -10px
}

.log-in-section .log-in-box .logo-name a {
    font-size: calc(28px + 7*(100vw - 320px)/1600);
    font-weight: bold;
    color: #222;
    font-family: "Public Sans", sans-serif;
    display: block
}

.log-in-section .log-in-box .logo-name a img {
    width: calc(150px + 75*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title {
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h3 {
    margin-bottom: calc(1px + 5*(100vw - 320px)/1600);
    font-size: calc(18px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .log-in-title h4,
.log-in-section .log-in-box .log-in-title h5 {
    color: #4a5568;
    margin-top: 8px
}

.log-in-section .log-in-box .log-in-button {
    margin-top: 20px;
    padding: 1px 0
}

.log-in-section .log-in-box .log-in-button ul {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center
}

[dir=rtl] .log-in-section .log-in-box .log-in-button ul {
    padding-right: 0
}

.log-in-section .log-in-box .log-in-button ul li {
    display: block;
    width: 100%
}

.font-size-view-offer{
    font-size: calc(10px + 2*(100vw - 320px)/1600);
}

.log-in-section .log-in-box .log-in-button ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222;
    border-radius: 25px;
    padding: calc(10px + 6*(100vw - 320px)/1600) calc(18px + 12*(100vw - 320px)/1600);
    flex-wrap: wrap;
    gap: calc(8px + 2*(100vw - 320px)/1600);
    background-color: #fff
}

.log-in-section .log-in-box .log-in-button ul li a img {
    width: calc(18px + 6*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .forgot-box {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 360px) {
    .log-in-section .log-in-box .forgot-box {
        display: block
    }
}

.log-in-section .log-in-box .remember-box {
    display: flex;
    align-items: center
}

.log-in-section .log-in-box .remember-box .check-box {
    display: block;
    margin-top: -6px
}

.log-in-section .log-in-box .remember-box label {
    font-size: 16px
}

.log-in-section .log-in-box .remember-box label span {
    font-weight: 500;
    color: var(--theme-color)
}

.log-in-section .log-in-box .forgot-password {
    font-size: 16px;
    font-weight: 500;
    display: block
}

.log-in-section .log-in-box .forgot-password:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .other-log-in {
    margin-top: 15px;
    text-align: center;
    position: relative
}

.log-in-section .log-in-box .other-log-in::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    left: 0;
    background-color: #ddd;
    z-index: 0
}

.log-in-section .log-in-box .other-log-in h6 {
    color: #4a5568;
    position: relative;
    background-color: #f9f9f9;
    padding: 0 14px;
    display: inline-block;
    text-transform: uppercase
}

.log-in-section .log-in-box .sign-up-box {
    margin-top: 20px;
    text-align: center
}

.log-in-section .log-in-box .sign-up-box h4 {
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(0px + 3*(100vw - 320px)/1600)
}

.log-in-section .log-in-box .sign-up-box a {
    font-weight: 500;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    margin-bottom: -4px;
    display: block
}

.log-in-section .log-in-box .sign-up-box a:hover {
    color: var(--theme-color)
}

.log-in-section .log-in-box .contact-title {
    margin-bottom: 30px
}

.log-in-section .log-in-box .contact-title h2 {
    margin-bottom: 15px
}

.log-in-section .log-in-box .contact-title h5 {
    width: 53%;
    font-size: 18px;
    line-height: 1.3;
    color: #4a5568
}

.faq-contain {
    margin-bottom: calc(30px + 20*(100vw - 320px)/1600)
}

.faq-contain .faq-top-box {
    text-align: center;
    background-color: #f8f8f8;
    border-radius: 9px;
    padding: 28px 18px
}

.faq-contain .faq-top-box .faq-box-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 7px;
    margin: 0 auto 16px
}

.faq-contain .faq-top-box .faq-box-icon img {
    width: calc(36px + 9*(100vw - 320px)/1600);
    height: auto
}

.faq-contain .faq-top-box .faq-box-contain h3 {
    font-weight: 700
}

.faq-contain .faq-top-box .faq-box-contain p {
    margin: 17px 0 0;
    line-height: 1.6;
    color: #4a5568;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    margin-bottom: -4px
}

.faq-box-contain .faq-contain {
    margin-bottom: 0;
    position: sticky;
    top: 92px
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain {
        margin-bottom: calc(30px + 20*(100vw - 320px)/1600)
    }
}

.faq-box-contain .faq-contain h2 {
    font-weight: 700;
    font-size: calc(28px + 28*(100vw - 320px)/1600);
    line-height: 1.4
}

.faq-box-contain .faq-contain p {
    margin: calc(8px + 7*(100vw - 320px)/1600) 0 0;
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.5;
    color: #4a5568
}

@media(max-width: 1199px) {
    .faq-box-contain .faq-contain p {
        width: 70%
    }
}

@media(max-width: 991px) {
    .faq-box-contain .faq-contain p {
        width: 90%
    }
}

@media(max-width: 767px) {
    .faq-box-contain .faq-contain p {
        width: 100%;
        text-align: justify
    }
}

.faq-box-contain .faq-accordion .accordion {
    display: flex;
    flex-wrap: wrap;
    gap: calc(15px + 9*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item {
    width: 100%;
    border-radius: 7px;
    background-color: #f8f8f8;
    border: none;
    overflow: hidden
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    font-size: calc(16px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    line-height: 1.5;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: auto;
    transition: all .3s ease-in-out
}

[dir=rtl] .faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button i {
    margin-left: unset;
    margin-right: auto
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button::after {
    content: unset
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    font-weight: 700;
    color: var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) i {
    transform: rotate(180deg)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 0 calc(12px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: calc(12px + 4*(100vw - 320px)/1600)
}

.faq-box-contain .faq-accordion .accordion .accordion-item .accordion-collapse .accordion-body p:last-child {
    margin-bottom: -4px
}

.compare-section .compare-table {
    border: 1px solid #ddd;
    margin-bottom: 0
}

.compare-section .compare-table tr td,
.compare-section .compare-table tr th {
    min-width: 200px;
    border-right: 1px solid #ddd;
    padding: calc(12px + 4*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    text-align: center
}

.compare-section .compare-table tr td:first-child,
.compare-section .compare-table tr th:first-child {
    min-width: auto
}

.compare-section .compare-table tr th {
    font-size: 16px;
    font-weight: 500;
    color: var(--theme-color);
    background-color: #f8f8f8
}

.compare-section .compare-table tr td {
    font-size: 15px
}

.compare-section .compare-table tr td.title a {
    font-weight: 700;
    color: #222
}

.compare-section .compare-table tr td a {
    font-weight: 600
}

.compare-section .compare-table tr td a:hover {
    color: #222
}

.compare-section .compare-table tr td .compare-image {
    width: calc(105px + 25*(100vw - 320px)/1600);
    height: calc(105px + 25*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 5px;
    background-color: #f1f1f1;
    margin: 0 auto
}

.compare-section .compare-table tr td .compare-image img {
    width: 100%;
    height: calc(65px + 25*(100vw - 320px)/1600);
    object-fit: contain
}

.compare-section .compare-table tr td .price h5 {
    font-weight: 600;
    color: #222
}

.compare-section .compare-table tr td .price h5 del {
    font-weight: 400;
    font-size: 15px;
    margin-left: 4px;
    color: #777
}

.compare-section .compare-table tr td .price h5 span {
    margin-left: 4px;
    color: var(--theme-color)
}

.compare-section .compare-table tr td .compare-rating {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 5px
}

.compare-section .compare-table tr td .compare-rating span {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .compare-section .compare-table tr td .compare-rating span {
    margin-left: unset;
    padding-right: 5px
}

.compare-section .compare-table tr td .summary {
    color: #777;
    line-height: 1.5;
    margin-bottom: 0;
    font-size: 15px
}

.blog-section .left-sidebar-box {
    position: sticky;
    top: 20px
}

.blog-section .left-sidebar-box .left-search-box .search-box {
    position: relative
}

.blog-section .left-sidebar-box .left-search-box .search-box::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 60%;
    right: 51px;
    opacity: .3;
    background-color: #4a5568
}

.blog-section .left-sidebar-box .left-search-box .search-box input {
    padding: 8px 68px 8px 20px;
    background-color: #f8f8f8;
    border: none;
    height: 53px;
    border-radius: 7px
}

.blog-section .left-sidebar-box .left-search-box .search-box input:focus {
    border-color: #ced4da
}

.blog-section .left-sidebar-box .left-accordion-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item {
    border: none;
    padding: calc(18px + 7*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item+.accordion-item {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button {
    background-color: #f8f8f8;
    color: #222;
    font-weight: 700;
    padding: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    width: unset;
    height: unset;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    background-image: none;
    content: ""
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button::after {
    margin-left: unset;
    margin-right: auto
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:focus {
    border-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    box-shadow: none
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse {
    background-color: #f8f8f8
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body {
    padding: 0;
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box {
    display: flex;
    align-items: center
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box+.recent-box {
    margin-top: 20px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box:hover .recent-image img {
    transform: scale(1.1) rotate(4deg)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image {
    width: 110px;
    border-radius: 5px;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-image img {
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: 15px;
    width: calc(100% - 110px)
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail {
    padding-left: unset;
    padding-right: 15px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a:hover {
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail a h5 {
    font-weight: 600;
    line-height: 1.45;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 8px;
    color: #4a5568
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .recent-post-box .recent-box .recent-detail h6 .feather {
    width: 18px;
    height: 18px;
    stroke-width: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li {
    display: block;
    position: relative;
    transition: all .3s ease-in-out;
    z-index: 0;
    overflow: hidden;
    width: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li:first-child {
    padding-top: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a {
    display: block;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #222
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5 {
    color: #4a5568;
    font-weight: 600
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name h5,
.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    transition: all .3s ease-in-out
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .category-list-box ul li a .category-name span {
    width: 22px;
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #fff;
    background-color: var(--theme-color);
    padding: 4px 5px 3px;
    border-radius: 100%
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li {
    z-index: 0;
    padding: 4px 9px;
    border-radius: 3px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    position: relative;
    background-color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all .3s ease-in-out;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: 0
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover {
    border-color: rgba(0, 0, 0, 0)
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover::after {
    opacity: 1
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li:hover a {
    color: #fff
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-tags-box ul li a {
    font-size: calc(13px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    text-transform: capitalize
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li {
    margin-top: 30px
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li+li::after {
    top: -16px;
    width: calc(100% - 80px - (12px + 11*(100vw - 320px)/1600))
}

.blog-section .left-sidebar-box .left-accordion-box .accordion-item .accordion-collapse .accordion-body .product-list-2 li .offer-product .offer-detail a {
    color: #222
}

.blog-section .custom-border {
    border-bottom: 1px solid #ececec;
    padding-bottom: calc(20px + 30*(100vw - 320px)/1600);
    margin-bottom: calc(35px + 25*(100vw - 320px)/1600)
}

.blog-section .blog-box:hover .blog-image a {
    transform: scale(1.1) rotate(4deg)
}

.blog-section .blog-box .blog-image {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
    border-radius: 0
}

.blog-section .blog-box .blog-image a {
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-image label {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: unset;
    left: 0;
    border-radius: 0;
    background-color: #febc5c;
    color: #fff;
    padding: 10px 13px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 600
}

.blog-section .blog-box .blog-image label i {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 3px;
    color: #fff
}

.blog-section .blog-box .blog-contain {
    padding: 0 20px 20px
}

.blog-section .blog-box .blog-contain-2 {
    padding: 0
}

.blog-section .blog-box .blog-contain .blog-label {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center
}

.blog-section .blog-box .blog-contain .blog-label .time,
.blog-section .blog-box .blog-contain .blog-label .super {
    display: flex;
    align-items: center;
    color: #4a5568;
    text-transform: uppercase;
    font-size: 13px
}

.blog-section .blog-box .blog-contain .blog-label .time .feather,
.blog-section .blog-box .blog-contain .blog-label .super .feather {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: 4px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .time .feather,
[dir=rtl] .blog-section .blog-box .blog-contain .blog-label .super .feather {
    margin-right: unset;
    margin-left: 4px
}

.blog-section .blog-box .blog-contain .blog-label .time span,
.blog-section .blog-box .blog-contain .blog-label .super span {
    margin-top: 1px
}

.blog-section .blog-box .blog-contain a {
    color: #222
}

.blog-section .blog-box .blog-contain a:hover {
    color: #222
}

.blog-section .blog-box .blog-contain a h3 {
    margin: 10px 0 6px;
    font-weight: 600;
    line-height: 1.5;
    text-transform: capitalize;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    transition: all .3s ease-in-out
}

.blog-section .blog-box .blog-contain p {
    line-height: 1.8;
    color: #4a5568;
    margin-bottom: 0
}

@media(max-width: 1366px) {
    .blog-section .blog-box .blog-contain p {
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        overflow: hidden
    }
}

.blog-section .blog-box .blog-contain .blog-button {
    border: none;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 16px;
    display: flex;
    position: relative;
    z-index: 0;
    overflow: hidden;
    border-radius: 5px;
    padding: 10px 22px;
    color: var(--theme-color);
    transition: all .3s ease-in-out;
    margin-top: calc(8px + 14*(100vw - 320px)/1600);
    font-size: 14px
}

.blog-section .blog-box .blog-contain .blog-button:hover {
    background-color: rgba(var(--theme-color-rgb), 1);
    color: #fff
}

.blog-section .blog-box .blog-contain .blog-button i {
    margin-left: 10px;
    margin-top: 1px
}

[dir=rtl] .blog-section .blog-box .blog-contain .blog-button i {
    margin-left: unset;
    margin-right: 10px
}

.blog-section .blog-list {
    display: flex;
    align-items: center;
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list {
        display: block
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list {
        display: flex
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list {
        display: block
    }
}

.blog-section .blog-list:hover {
    box-shadow: 0 4px 9px rgba(34, 34, 34, .1)
}

.blog-section .blog-list:hover .blog-image img {
    transform: scale(1.1)
}

.blog-section .blog-list:hover .blog-contain a h3 {
    color: var(--theme-color)
}

.blog-section .blog-list:hover .blog-contain .blog-button {
    background-color: var(--theme-color);
    color: #fff
}

.blog-section .blog-list .blog-image {
    margin-bottom: -1px;
    width: 38%;
    transition: all .3s ease-in-out
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-image {
        width: 45%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image {
        width: 45%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image {
        width: 100%;
        height: auto;
        margin-bottom: 8px;
        text-align: center
    }
}

.blog-section .blog-list .blog-image img {
    transition: all .3s ease-in-out
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-image img {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-image img {
        width: auto
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-image img {
        width: 100%
    }
}

.blog-section .blog-list .blog-contain {
    padding: calc(10px + 15*(100vw - 320px)/1600);
    width: 62%
}

@media(max-width: 1399px) {
    .blog-section .blog-list .blog-contain {
        width: 55%
    }
}

@media(max-width: 1199px) {
    .blog-section .blog-list .blog-contain {
        width: 100%
    }
}

@media(max-width: 991px) {
    .blog-section .blog-list .blog-contain {
        width: 55%
    }
}

@media(max-width: 767px) {
    .blog-section .blog-list .blog-contain {
        width: 100%
    }
}

.blog-section .blog-detail-image {
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 55px 15px 40px;
    text-align: center;
    background: #fff;
    background: linear-gradient(0deg, white 0%, rgba(246, 246, 246, 0) 100%);
    color: #222
}

@media(max-width: 480px) {
    .blog-section .blog-detail-image .blog-image-contain {
        position: relative
    }
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li {
    text-transform: capitalize;
    position: relative
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: 30px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li {
    margin-left: unset;
    margin-right: 30px
}

.blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #222;
    left: -24px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-list li+li::before {
    right: -24px;
    left: unset
}

.blog-section .blog-detail-image .blog-image-contain h2 {
    margin: calc(10px + 4*(100vw - 320px)/1600) 0;
    font-weight: 700;
    font-size: calc(22px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: calc(10px + 13*(100vw - 320px)/1600);
    color: #777
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list {
    display: flex;
    align-items: center
}

.blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    width: 18px;
    height: 18px;
    margin-right: 3px
}

[dir=rtl] .blog-section .blog-detail-image .blog-image-contain .contain-comment-list li .user-list .feather {
    margin-right: unset;
    margin-left: 3px
}

.blog-section .blog-detail-contain p {
    color: #4a5568;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    line-height: calc(25px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain p .first {
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(55px + 15*(100vw - 320px)/1600);
    color: #4a5568;
    float: left;
    margin-right: calc(8px + 12*(100vw - 320px)/1600);
    margin-top: 8px
}

.blog-section .blog-detail-contain .blog-details-quote {
    padding: calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(18px + 42*(100vw - 320px)/1600) calc(62px + 118*(100vw - 320px)/1600);
    border-radius: 10px;
    margin-bottom: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #4a5568;
    position: relative;
    color: #fff
}

.blog-section .blog-detail-contain .blog-details-quote h3 {
    font-size: calc(18px + 10*(100vw - 320px)/1600);
    line-height: calc(24px + 11*(100vw - 320px)/1600);
    margin-bottom: calc(8px + 12*(100vw - 320px)/1600)
}

.blog-section .blog-detail-contain .blog-details-quote h5 {
    letter-spacing: 3px;
    color: #ddd;
    text-transform: uppercase
}

.blog-section .blog-detail-contain .blog-details-quote::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: calc(38px + 32*(100vw - 320px)/1600);
    color: var(--theme-color);
    top: calc(-6px + 32*(100vw - 320px)/1600);
    left: calc(15px + 72*(100vw - 320px)/1600)
}

.blog-section .leave-title {
    margin: 40px 0 9px
}

.blog-section .leave-title h3 {
    position: relative;
    font-weight: 700;
    z-index: 0;
    color: #4a5568;
    font-size: 22px
}

.blog-section .user-comment-box {
    margin-top: 24px
}

.blog-section .user-comment-box ul {
    display: flex;
    flex-wrap: wrap
}

[dir=rtl] .blog-section .user-comment-box ul {
    padding-left: unset;
    padding-right: 0
}

.blog-section .user-comment-box ul li {
    padding: 0px 0 50px;
    width: 100%;
    position: relative
}

.blog-section .user-comment-box ul li.li-padding {
    padding-left: calc(28px + 52*(100vw - 320px)/1600)
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li {
        padding: 0
    }
}

.blog-section .user-comment-box ul li .user-box {
    display: flex;
    align-items: flex-start
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box {
        display: block
    }
}

.blog-section .user-comment-box ul li .user-box .reply-button {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button {
    right: unset;
    left: 0
}

.blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 9px 0 0;
    color: #777
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .reply-button i {
    margin: -3px 0 0 9px
}

.blog-section .user-comment-box ul li .user-box .user-image {
    position: relative
}

.blog-section .user-comment-box ul li .user-box .user-image img {
    width: 60px;
    height: 60px;
    object-fit: cover;
    border-radius: 100%;
    overflow: hidden
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name {
    position: absolute;
    top: 0;
    left: 80px;
    width: 220px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-image .user-name {
    right: 80px;
    left: unset
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-image .user-name {
        top: 50%;
        transform: translateY(-50%)
    }
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h5 {
    font-weight: 600
}

.blog-section .user-comment-box ul li .user-box .user-image .user-name h6 {
    color: #4a5568;
    margin-bottom: 6px
}

.blog-section .user-comment-box ul li .user-box .user-contain {
    width: calc(100% - 70px);
    padding-left: 20px
}

[dir=rtl] .blog-section .user-comment-box ul li .user-box .user-contain {
    padding-left: unset;
    padding-right: 20px
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain {
        width: 100%;
        padding: 0;
        margin-top: 14px
    }
}

.blog-section .user-comment-box ul li .user-box .user-contain p {
    font-size: calc(13px + 2*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin-bottom: 0;
    margin-top: 50px;
    width: 85%
}

@media(max-width: 575px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        width: 100%
    }
}

@media(max-width: 480px) {
    .blog-section .user-comment-box ul li .user-box .user-contain p {
        margin: 0 0 35px
    }
}

.blog-section .leave-box {
    padding: calc(18px + 12*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    border-radius: 6px
}

.blog-section .leave-box .leave-comment .comment-notes p {
    line-height: 1.6
}

.blog-section .leave-box .leave-comment .save-comment-box {
    margin: 20px 0 0;
    display: flex;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check {
    display: flex;
    align-items: center
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check input {
    margin-top: -5px
}

@media(max-width: 659px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top: -21px
    }
}

@media(max-width: 341px) {
    .blog-section .leave-box .leave-comment .save-comment-box .form-check input {
        margin-top: -44px
    }
}

.blog-section .leave-box .leave-comment .save-comment-box .form-check .form-check-label {
    font-size: 15px;
    font-weight: 400;
    color: #4a5568
}

.blog-section .leave-box .leave-comment .blog-input .form-control {
    border: none
}

.blog-section .leave-box .leave-comment .blog-input .form-control:focus {
    background-color: #fff
}

.review-title h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title h2 {
    font-size: calc(26px + 14*(100vw - 320px)/1600);
    margin-bottom: calc(12px + 18*(100vw - 320px)/1600);
    width: 80%;
    line-height: 1.3;
    position: relative
}

@media(max-width: 480px) {
    .review-title h2 {
        width: 100%
    }
}

.review-title h2.center::before {
    left: 50%;
    transform: translateX(-50%);
    color: var(--theme-color)
}

.about-us-title h4 {
    font-size: calc(16px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    color: var(--theme-color);
    font-family: "Pacifico", cursive
}

.about-us-title h2 {
    font-size: calc(23px + 9*(100vw - 320px)/1600);
    margin-bottom: calc(28px + 13*(100vw - 320px)/1600);
    line-height: 1.3;
    position: relative
}

.about-us-title h2::before {
    content: "";
    position: absolute;
    width: calc(106px + 69*(100vw - 320px)/1600);
    height: 3px;
    bottom: calc(-7px + -1*(100vw - 320px)/1600);
    left: 0;
    background: #ffa53b
}

.about-us-title h2.center::before {
    left: 50%;
    transform: translateX(-50%)
}

.fresh-vegetable-section .fresh-image {
    margin-top: 30px;
    border-radius: calc(12px + 38*(100vw - 320px)/1600) 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image>div {
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image:hover>div {
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-image-2 {
    border-radius: 0 calc(12px + 38*(100vw - 320px)/1600);
    overflow: hidden;
    transition: all .3s ease-in-out
}

.fresh-vegetable-section .fresh-image-2>div {
    transition: all .3s ease-in-out;
    overflow: hidden
}

.fresh-vegetable-section .fresh-image-2:hover>div {
    transform: scale(1.05)
}

.fresh-vegetable-section .fresh-contain {
    height: 100%
}

.fresh-vegetable-section .fresh-contain p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.7;
    color: #4a5568;
    margin-bottom: calc(11px + 9*(100vw - 320px)/1600)
}

.fresh-vegetable-section .delivery-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

[dir=rtl] .fresh-vegetable-section .delivery-list ul {
    padding-right: 0
}

.fresh-vegetable-section .delivery-list ul li {
    width: 100%
}

.fresh-vegetable-section .delivery-list ul li .deliver-box {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(8px + 7*(100vw - 320px)/1600);
    align-items: flex-start;
    color: #4a5568
}

.fresh-vegetable-section .delivery-list ul li .deliver-box .feather {
    width: 17px;
    height: auto;
    margin-top: 3px
}

.fresh-vegetable-section .delivery-list ul li .deliver-box h6 {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    width: calc(100% - 17px)
}

.fresh-vegetable-section .delivery-box {
    display: flex;
    flex-wrap: wrap;
    gap: calc(15px + 15*(100vw - 320px)/1600);
    margin-top: 20px;
    align-items: center
}

.fresh-vegetable-section .delivery-box li .delivery-box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    margin-top: 0
}

.fresh-vegetable-section .delivery-box li .delivery-box .delivery-icon img {
    width: 30px;
    height: auto
}

.client-section {
    background-color: #f8f8f8
}

.client-section .clint-contain {
    background: #fff;
    padding: calc(27px + 23*(100vw - 320px)/1600);
    border-radius: calc(18px + 12*(100vw - 320px)/1600);
    position: relative
}

.client-section .clint-contain:hover .client-icon img {
    animation-name: bounce;
    animation-duration: 1s;
    animation-fill-mode: both
}

.client-section .clint-contain:hover h2 {
    opacity: .09;
    margin-right: 9px
}

.client-section .clint-contain:hover h4 {
    color: var(--theme-color)
}

.client-section .clint-contain .client-icon {
    width: calc(60px + 20*(100vw - 320px)/1600);
    height: calc(60px + 20*(100vw - 320px)/1600);
    margin-bottom: 14px;
    margin-top: -11px
}

.client-section .clint-contain .client-icon img {
    width: 74%;
    height: 100%;
    object-fit: contain
}

.client-section .clint-contain h2 {
    position: absolute;
    top: calc(14px + 10*(100vw - 320px)/1600);
    right: calc(24px + 10*(100vw - 320px)/1600);
    color: #4a5568;
    opacity: .05;
    font-size: calc(52px + 18*(100vw - 320px)/1600);
    font-weight: 800;
    transition: all .3s ease-in-out
}

[dir=rtl] .client-section .clint-contain h2 {
    right: unset;
    left: calc(24px + 10*(100vw - 320px)/1600)
}

.client-section .clint-contain h4 {
    font-size: calc(22px + 2*(100vw - 320px)/1600);
    margin-bottom: 7px;
    font-weight: 600;
    position: relative;
    transition: all .3s ease-in-out
}

.client-section .clint-contain p {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0 auto;
    line-height: 1.7;
    margin-bottom: -5px;
    transition: all .3s ease-in-out
}

.client-section .client-box .client-list {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.client-section .client-box .client-list li {
    width: 460px;
    position: relative
}

.team-section .team-box:hover .team-image img {
    transform: scale(1.1);
    filter: grayscale(0)
}

.team-section .team-box:hover .team-image .team-media {
    opacity: 1;
    right: 10px
}

.team-section .team-box .team-image {
    width: 50%;
    height: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
    margin: 0 auto
}

.team-section .team-box .team-image img {
    transition: all .3s ease-in-out;
    filter: grayscale(1)
}

.team-section .team-box .team-name {
    text-align: center;
    margin-top: 20px
}

.team-section .team-box .team-name h3 {
    font-size: calc(18px + 2*(100vw - 320px)/1600);
    letter-spacing: .7px;
    font-weight: 700
}

.team-section .team-box .team-name h5 {
    margin-top: 6px;
    letter-spacing: .5px;
    color: #4a5568
}

.team-section .team-box .team-name p {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.6;
    color: #4a5568;
    margin: 9px auto 14px;
    width: 80%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

@media(max-width: 360px) {
    .team-section .team-box .team-name p {
        width: 100%
    }
}

.team-section .team-box .team-name .team-media {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    position: relative;
    margin-top: 15px;
    justify-content: center;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    background-color: #ededed
}

.team-section .team-box .team-name .team-media li a.fb-bg {
    color: #4267b2;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.fb-bg:hover {
    background-color: #4267b2;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.twitter-bg {
    color: #00acee;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.twitter-bg:hover {
    background-color: #00acee;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.pint-bg {
    color: #c8232c;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.pint-bg:hover {
    background-color: #c8232c;
    color: #fff
}

.team-section .team-box .team-name .team-media li a.insta-bg {
    color: #f56040;
    transition: all .3s ease-in-out
}

.team-section .team-box .team-name .team-media li a.insta-bg:hover {
    background-color: #f56040;
    color: #fff
}

.review-section {
    background-color: #f8f8f8
}

.review-section .reviewer-box {
    background-color: #fff;
    padding: calc(18px + 16*(100vw - 320px)/1600);
    border-radius: 10px;
    z-index: 0;
    position: relative;
    overflow: hidden
}

.review-section .reviewer-box:hover i {
    color: var(--theme-color);
    font-size: 143px;
    opacity: .18;
    transform: rotate(7deg);
    bottom: -29px;
    right: -7px
}

.review-section .reviewer-box i {
    position: absolute;
    font-size: 106px;
    opacity: .05;
    z-index: -1;
    transform: rotate(15deg);
    bottom: -30px;
    right: -8px;
    transition: all .3s ease-in-out
}

[dir=rtl] .review-section .reviewer-box i {
    transform: rotate(-15deg) rotateY(183deg);
    left: -8px;
    right: unset
}

.review-section .reviewer-box h3 {
    font-weight: 400;
    margin: 10px 0 13px;
    font-size: 20px;
    line-height: 1.5
}

.review-section .reviewer-box p {
    color: #4a5568;
    line-height: 1.7;
    margin-bottom: 23px;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.review-section .reviewer-box .reviewer-profile {
    display: flex;
    flex-wrap: wrap;
    gap: calc(12px + 7*(100vw - 320px)/1600);
    align-items: center
}

.review-section .reviewer-box .reviewer-profile .reviewer-image {
    width: calc(65px + 10*(100vw - 320px)/1600);
    height: auto;
    border-radius: 8px;
    overflow: hidden
}

.review-section .reviewer-box .reviewer-profile .reviewer-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h4 {
    font-weight: 700;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.review-section .reviewer-box .reviewer-profile .reviewer-name h6 {
    color: #4a5568;
    margin-top: 6px
}

.chart-padding {
    background-color: #fff;
    padding: 20px;
    border-radius: 6px
}

.chart-title {
    margin-bottom: 20px
}

.chart-title h3 {
    font-size: 24px;
    font-weight: 600
}

.dashboard-title {
    margin-bottom: 22px
}

.dashboard-title h3 {
    font-size: 20px;
    line-height: 1.3;
    position: relative;
    font-weight: 600
}

.dashboard-title.dashboard-flex {
    display: flex
}

.dashboard-title.dashboard-flex button {
    margin-left: auto
}

.user-dashboard-section .dashboard-left-sidebar {
    background: #f8f8f8;
    box-shadow: 0 0 8px rgba(34, 34, 34, .14);
    border-radius: 10px;
    overflow: hidden;
    position: sticky;
    top: 107px;
    z-index: 0
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar {
        width: 300px;
        height: 100vh;
        position: fixed;
        top: 0;
        left: -320px;
        border-radius: 0;
        z-index: 10;
        overflow-y: auto;
        overflow-x: hidden;
        transition: all .3s ease-in-out
    }

    .user-dashboard-section .dashboard-left-sidebar.show {
        left: 0
    }
}

.user-dashboard-section .dashboard-left-sidebar .close-button {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    background: #f8f8f8;
    border-radius: 100%
}

.user-dashboard-section .dashboard-left-sidebar .close-button .close-sidebar {
    border: none;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0);
    color: #4a5568;
    padding: 2px 0 0
}

.user-dashboard-section .dashboard-left-sidebar .profile-box {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image {
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
    width: 100%;
    height: 150px;
    object-fit: cover
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image img {
        height: 120px
    }
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #222;
    opacity: .15
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .cover-image .cover-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain {
    padding: 0 15px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image {
    margin: 0 auto;
    text-align: center;
    margin-top: -50px;
    z-index: 1;
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image img {
    width: calc(93px + 15*(100vw - 320px)/1600);
    height: calc(93px + 15*(100vw - 320px)/1600);
    object-fit: contain;
    background-color: #f8f8f8;
    border-radius: 100%;
    padding: 5px;
    border: 1px solid #ececec;
    box-shadow: 2px 3px 8px rgba(34, 34, 34, .0032)
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 0;
    left: 55%;
    z-index: 1;
    background-color: #fff;
    border-radius: 100%;
    color: #4a5568
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i {
    position: relative
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-image .cover-icon i input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    opacity: 0;
    width: 35px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name {
    margin-top: calc(10px + 3*(100vw - 320px)/1600);
    text-align: center;
    padding-bottom: calc(12px + 6*(100vw - 320px)/1600);
    border-bottom: 1px solid #ddd
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h3 {
    font-size: calc(18px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    letter-spacing: .7px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 {
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    margin-top: 4px
}

.user-dashboard-section .dashboard-left-sidebar .profile-box .profile-contain .profile-name h6 span {
    margin: 0 8px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills {
    flex-wrap: wrap;
    gap: calc(2px + 5*(100vw - 320px)/1600);
    margin: calc(10px + 10*(100vw - 320px)/1600) 0 6px
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item {
    width: 100%;
    display: block
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #4a5568;
    width: 100%;
    text-align: left;
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 500;
    z-index: 0;
    overflow: hidden;
    border-radius: 0;
    display: flex;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link {
    padding: calc(10px + 3*(100vw - 320px)/1600) calc(19px + 4*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600) calc(10px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-left: 3px solid var(--theme-color);
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0);
    color: var(--theme-color)
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active,
[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link {
    border-right-width: 3px;
    border-right-style: solid;
    border-left-width: 0;
    border-left-style: solid
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link.active::before,
.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .show>.nav-link::before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    z-index: -1;
    opacity: .1
}

.user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    width: calc(18px + 1*(100vw - 320px)/1600);
    height: auto;
    margin-right: 10px
}

[dir=rtl] .user-dashboard-section .dashboard-left-sidebar .user-nav-pills .nav-item .nav-link .feather {
    margin-right: unset;
    margin-left: 10px
}

.user-dashboard-section .dashboard-right-sidebar {
    background-color: #f8f8f8;
    padding: calc(20px + 20*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar {
        height: auto
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box {
    padding: calc(12px + 8*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-bg-box+.dashboard-bg-box {
    margin-top: 24px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name h6 {
    font-size: 16px;
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-user-name p {
    margin: 0;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    line-height: 1.5;
    letter-spacing: .3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box {
    margin: 30px 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: 15px;
    background-color: #fff;
    padding: calc(16px + 9*(100vw - 320px)/1600);
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .08);
    align-items: center;
    position: relative;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain:hover .img-1 {
    width: calc(84px + 12*(100vw - 320px)/1600);
    transform: translateY(-50%) rotate(-7deg);
    opacity: .2;
    right: -19px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain img {
    width: calc(54px + 6*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    top: 50%;
    transform: translateY(-50%);
    width: calc(78px + 12*(100vw - 320px)/1600);
    position: absolute;
    opacity: .12;
    right: -30px;
    transition: all .3s ease-in-out;
    filter: grayscale(1)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .img-1 {
    right: unset;
    left: -30px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h5 {
    margin-bottom: calc(3px + 4*(100vw - 320px)/1600);
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .total-box .total-contain .total-detail h3 {
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title {
    border-bottom: 1px solid #ddd;
    padding-bottom: calc(5px + 5*(100vw - 320px)/1600);
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a {
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-content-title h4 a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail h6 {
    margin-bottom: calc(4px + 4*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-home .dashboard-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain {
    display: flex;
    flex-wrap: wrap;
    gap: calc(14px + 16*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 6*(100vw - 320px)/1600);
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon {
    position: relative;
    z-index: 0;
    color: var(--theme-color);
    padding: 9px;
    border-radius: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-icon::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: var(--theme-color);
    opacity: .1;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 {
    font-weight: 600;
    display: flex;
    align-items: center;
    letter-spacing: .6px;
    font-size: calc(17px + 3*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: linear-gradient(-90deg, #ff6b6b 0%, #ff4f4f 100%);
    padding: 4px 6px;
    border-radius: 4px;
    margin-left: calc(9px + 11*(100vw - 320px)/1600);
    font-weight: 600
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span {
    margin-left: unset;
    margin-right: calc(9px + 11*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h4 span.success-bg {
    background: var(--theme-color2)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .order-container .order-detail h6 {
    margin-top: 6px;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    letter-spacing: .6px;
    font-weight: 300;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    background-color: #f8f8f8;
    padding: calc(15px + 5*(100vw - 320px)/1600);
    margin-top: 30px;
    border-radius: 8px;
    align-items: center
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: block
    }
}

@media(max-width: 991px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: flex
    }
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail {
        display: block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail:hover .order-image img {
    transform: scale(1.1)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
    display: block
}

@media(max-width: 1199px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image {
        text-align: center;
        margin-bottom: calc(14px + 16*(100vw - 320px)/1600)
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-image img {
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a {
    display: block;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a:hover {
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap a h3 {
    font-weight: 600;
    margin-bottom: 6px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap p {
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 3*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li {
    width: 100%
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box {
    display: flex;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-order .order-contain .order-box .product-order-detail .order-wrap .product-size li .size-box h5 {
    font-weight: 600;
    margin-left: 8px;
    font-size: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box {
    border-radius: 8px;
    padding: calc(12px + 12*(100vw - 320px)/1600);
    background-color: #fff;
    box-shadow: 0 0 9px rgba(0, 0, 0, .07);
    position: relative;
    height: 100%;
    overflow: hidden
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div {
    display: flex;
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    position: absolute;
    top: 0;
    right: 0;
    background-color: var(--theme-color);
    padding: 2px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .label {
    right: unset;
    left: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check {
    margin-top: 3px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: calc(15px + 2*(100vw - 320px)/1600);
    margin-top: 2px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked {
    background-color: var(--theme-color);
    border-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .form-check .form-check-input:focus {
    box-shadow: none
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr:first-child td {
    padding-top: 0;
    font-weight: 600;
    font-size: calc(17px + 1*(100vw - 320px)/1600);
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td {
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    padding: 4px 0;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    min-width: 90px;
    padding-left: 8px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:first-child {
    padding-left: unset;
    padding-right: 8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td:last-child p {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    align-items: center;
    font-weight: 500;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box>div .address-table table tr td h4 span {
    background-color: var(--theme-color);
    padding: 4px 8px;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    letter-spacing: .8px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button {
    background-color: #f8f8f8;
    font-weight: 600
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button:hover {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: auto;
    margin-right: calc(6px + 2*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-address .address-box .button-group button .feather {
    margin-right: unset;
    margin-left: calc(6px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-address .add-address .address-link {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail {
    position: relative
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail:hover .edit-card {
    opacity: 1;
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card {
    background-color: #f9f9f9;
    cursor: pointer;
    padding: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 130px;
    background: #d2d2d2;
    color: #222;
    text-align: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail.add-card .card-details h5 {
    margin-bottom: 0;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details {
    height: 100%;
    color: #fff;
    padding: 30px 20px;
    border-radius: 5px;
    background-color: #4b77a0;
    background-image: repeating-linear-gradient(45deg, rgba(255, 255, 255, 0) 1px, rgba(255, 255, 255, 0.03) 2px, rgba(255, 255, 255, 0.04) 3px, rgba(255, 255, 255, 0.05) 4px), -webkit-linear-gradient(-245deg, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.card-visa {
    background-color: #777876
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details.debit-card {
    background-color: #86b8cf
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number {
    margin-bottom: 10px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .card-number h4 {
    color: #fff;
    font-size: calc(16px + 2*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail {
    display: flex;
    align-items: center;
    margin-top: calc(10px + 10*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title {
    margin-bottom: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .title span {
    display: block;
    color: rgba(255, 255, 255, .7);
    text-transform: uppercase;
    font-size: 12px;
    line-height: 1.3
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-bottom: 0;
    color: #fff;
    margin-left: 15px;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    font-weight: normal
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .date h3 {
    margin-left: 0;
    margin-right: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: auto
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary {
    margin-left: 0;
    margin-right: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .valid-detail .primary span {
    font-size: calc(12px + 2*(100vw - 320px)/1600);
    padding: 0;
    font-weight: 400;
    text-transform: capitalize
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: calc(10px + 15*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .name h5 {
    text-transform: uppercase;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: 0;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .card-details .name-detail .card-img {
    width: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    background-color: rgba(34, 34, 34, .8);
    border-radius: 5px;
    opacity: 0;
    transition: all .5s ease
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card {
        display: none
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .payment-card-detail .edit-card a {
    padding: 0 10px;
    text-transform: capitalize;
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
    display: none
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 10px
    }

    .user-dashboard-section .dashboard-right-sidebar .dashboard-card .edit-card-mobile a {
        padding: 0 10px;
        text-transform: capitalize;
        color: #222
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail {
        display: block
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    font-weight: 400;
    font-size: 16px;
    margin-right: 10px;
    display: flex;
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
    margin-right: unset;
    margin-left: 10px
}

@media(max-width: 360px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: 0
    }

    [dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 {
        margin-right: unset;
        margin-left: 0
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    background: var(--theme-color2);
    color: #fff;
    padding: 3px 8px;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 13px
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail h3 span {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-name-detail .profile-rating {
        margin-top: 3px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: auto;
    padding: 8px 14px;
    position: relative;
    z-index: 0;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 575px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a {
        margin-top: 10px
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile {
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 16*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul {
    padding-right: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box .feather {
    width: calc(18px + 2*(100vw - 320px)/1600);
    height: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .location-profile ul li .location-box h6 {
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-detail .profile-description p {
    margin: 20px 0 0;
    color: #4a5568;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about {
    margin-top: 20px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table {
    margin-bottom: 36px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td {
    vertical-align: middle;
    border: none;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    white-space: nowrap
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td:first-child {
    color: #4a5568
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a {
    display: flex;
    align-items: center
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a:hover {
    color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: calc(8px + 12*(100vw - 320px)/1600);
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 5px;
    position: relative;
    font-weight: 600;
    overflow: hidden;
    z-index: 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span {
    margin-left: unset;
    margin-right: calc(8px + 12*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-profile .profile-about .table tbody tr td a span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--theme-color2);
    opacity: .08;
    z-index: -1
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    z-index: 0;
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600);
    border-color: #ececec;
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form .form-control {
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(14px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    z-index: 0;
    border-radius: 0 calc(5px + 2*(100vw - 320px)/1600) calc(5px + 2*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
    border-radius: calc(5px + 2*(100vw - 320px)/1600) 0 0 calc(5px + 2*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-form button {
        font-weight: 500
    }
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: 14px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .form-select {
    background-color: #f8f8f8;
    width: auto;
    border: unset;
    background-position: right calc(9px + 3*(100vw - 320px)/1600) center;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(30px + 6*(100vw - 320px)/1600) calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: 15px;
    font-weight: 600;
    box-shadow: unset;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow: auto
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button {
    padding: 11px 18px 11px;
    border: 1px solid #ececec;
    color: #4a5568;
    border-radius: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li button.active {
    background-color: var(--theme-color);
    color: #fff
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: unset
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li+li button {
    border-left: 1px solid #ececec;
    border-right: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:first-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: 0 calc(5px + 1*(100vw - 320px)/1600) calc(5px + 1*(100vw - 320px)/1600) 0
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .select-filter-box .filter-box li:last-child button {
    border-radius: calc(5px + 1*(100vw - 320px)/1600) 0 0 calc(5px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table {
    margin-top: 28px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table {
    margin: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tbody {
    border-top: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    min-width: 130px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #222
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th:first-child,
.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:first-child {
    min-width: 90px;
    max-width: 90px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr th {
    padding: calc(11px + 4*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    font-weight: 500;
    font-size: calc(15px + 1*(100vw - 320px)/1600);
    border: unset;
    box-shadow: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(11px + 5*(100vw - 320px)/1600);
    border-bottom: 1px solid #eee;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    box-shadow: none
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:nth-child(3) {
    width: 480px;
    white-space: normal;
    min-width: 250px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr td:last-child {
    width: 200px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr img {
    width: 50px;
    height: 50px;
    object-fit: cover
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    background-color: #f8f8f8;
    width: auto;
    display: flex;
    border: 1px solid #ececec;
    align-items: center;
    gap: 6px;
    padding: calc(8px + 3*(100vw - 320px)/1600) calc(12px + 6*(100vw - 320px)/1600);
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    font-weight: 600;
    box-shadow: unset
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-toggle::after {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: block;
    margin: 0;
    border: unset;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    padding: 8px 16px
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu {
    background-color: #1d1d22
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li {
    display: block
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a {
    color: #4a5568;
    padding-inline: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li a:hover {
    color: #222;
    background-color: rgba(0, 0, 0, 0)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-top: 1px solid #eee
}

.dark .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119, 119, 119, .4392156863)
}

[dir=rtl] .user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr .download-dropdown .dropdown-menu li+li a {
    border-color: rgba(119, 119, 119, .4392156863)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-download .download-detail .download-table table tr:last-child td {
    padding-bottom: 0;
    border-bottom: unset
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box+.privacy-box {
    margin-top: 15px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box h6 {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    margin-bottom: 6px;
    line-height: 1.5
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box p {
    margin: 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch {
    position: absolute;
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(14, 153, 126, .1490196078);
    border: 1px solid #ddd
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background: var(--theme-color2);
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .switch:checked+label:before {
    left: 39px
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input {
    position: absolute;
    clip-path: circle(0%);
    opacity: 0
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label {
    width: 62px;
    height: 25px;
    position: relative;
    border-radius: 50px;
    cursor: pointer;
    background-color: rgba(var(--theme-color-rgb), 0.149);
    border: 1px solid rgba(var(--theme-color-rgb), 0.149)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before,
.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:after {
    display: inline-block;
    position: absolute
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input+label:before {
    width: 19px;
    height: 19px;
    content: "";
    border-radius: 100%;
    left: 2px;
    top: 2px;
    background-color: var(--theme-color);
    transition: all .3s ease-in-out
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label {
    background-color: var(--theme-color)
}

.user-dashboard-section .dashboard-right-sidebar .dashboard-privacy .privacy-box .switch-radio .form-check-input:checked+label:before {
    left: 39px;
    background: #fff
}

.order-detail .order-image {
    background-color: #f8f8f8;
    padding: 40px;
    border-radius: 8px;
    text-align: center
}

.order-detail .order-image img {
    width: 360px;
    margin: 0 auto
}

.order-detail .order-details-contain {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    background-color: #f8f8f8;
    padding: calc(14px + 6*(100vw - 320px)/1600);
    border-radius: 8px;
    height: 100%
}

.order-detail .order-details-contain .order-tracking-icon .feather {
    width: 25px;
    height: auto;
    stroke-width: 1.4px
}

.order-detail .order-details-contain .order-details-name h2 {
    font-size: calc(20px + 4*(100vw - 320px)/1600)
}

.order-detail .order-details-contain .order-details-name h4 {
    line-height: 1.4;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.order-detail .order-details-contain .order-details-name h5 {
    margin-bottom: 7px
}

.order-detail .order-details-contain .order-details-name img {
    margin-top: calc(6px + 6*(100vw - 320px)/1600);
    width: calc(160px + 40*(100vw - 320px)/1600)
}

.order-detail .progtrckr {
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    align-items: flex-start
}

@media(max-width: 575px) {
    .order-detail .progtrckr {
        display: inline;
        margin: 30px 0;
        overflow: hidden
    }
}

.order-detail .progtrckr li {
    display: inline-block;
    text-align: center;
    margin: 10px 0;
    position: relative
}

@media(max-width: 575px) {
    .order-detail .progtrckr li {
        margin: 0;
        width: 50% !important
    }
}

.order-detail .progtrckr li h5 {
    margin-top: 20px;
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    font-weight: 500
}

@media(max-width: 575px) {
    .order-detail .progtrckr li h5 {
        display: block;
        text-align: left;
        margin-top: 0
    }

    [dir=rtl] .order-detail .progtrckr li h5 {
        text-align: right
    }
}

.order-detail .progtrckr li:before {
    position: relative;
    top: -2px;
    float: left;
    left: 50% !important;
    line-height: 1;
    transform: translate(-50%, -50%) !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li:before {
        position: relative;
        top: 10px;
        float: left;
        left: -2px !important;
        line-height: 1;
        transform: translate(-50%, -50%) !important
    }

    [dir=rtl] .order-detail .progtrckr li:before {
        float: right;
        right: -32px !important;
        left: unset !important
    }
}

.order-detail .progtrckr li.progtrckr-todo {
    color: #4a5568;
    border-top: 4px solid #959595;
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo {
        position: relative;
        text-align: left;
        margin-left: 30px;
        align-items: flex-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        padding-left: 30px;
        border-top: unset;
        border-left: 4px solid #959595
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo {
        border-left: none;
        border-right: 4px solid #4a5568;
        margin-left: 0;
        margin-right: 30px;
        align-items: flex-end;
        padding-left: 0;
        padding-right: 30px;
        text-align: right
    }
}

.order-detail .progtrckr li.progtrckr-todo:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background: #959595;
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-todo:before {
        position: absolute;
        top: 10px;
        left: -17px;
        line-height: 1;
        transform: translateY(-50%)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-todo:before {
        left: unset;
        right: -17px
    }
}

.order-detail .progtrckr li.progtrckr-todo h6 {
    font-size: 13px;
    margin-top: 8px
}

.order-detail .progtrckr li.progtrckr-done {
    color: #222;
    border-top: 4px solid var(--theme-color);
    width: 100% !important
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done:first-of-type {
        padding-top: 5px
    }
}

@media(max-width: 575px) {
    .order-detail .progtrckr li.progtrckr-done {
        position: relative;
        text-align: left;
        margin-left: 30px;
        align-items: self-start;
        padding-bottom: calc(20px + 20*(100vw - 320px)/1600);
        border-top: unset;
        border-left: 4px solid var(--theme-color)
    }

    [dir=rtl] .order-detail .progtrckr li.progtrckr-done {
        margin-left: 0;
        margin-right: 30px;
        text-align: right;
        border-left: none;
        border-right: 4px solid var(--theme-color);
        align-items: flex-end
    }
}

.order-detail .progtrckr li.progtrckr-done:before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    padding-top: 2px;
    content: "";
    color: #fff;
    background-color: var(--theme-color);
    line-height: 35px;
    border: none;
    border-radius: 35px;
    font-size: 16px
}

.order-detail .progtrckr li.progtrckr-done h6 {
    font-size: 13px;
    margin-top: 8px;
    color: #4a5568
}

.order-tab-table {
    margin-bottom: 0
}

.order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-tab-table tbody {
    border-top: none !important
}

.order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table-section .order-navpills {
    flex-wrap: nowrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    overflow: auto hidden
}

.order-table-section .order-navpills .nav-item .nav-link {
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    padding: calc(11px + 3*(100vw - 320px)/1600) calc(17px + 7*(100vw - 320px)/1600);
    color: #4a5568;
    font-weight: 600;
    white-space: nowrap
}

.order-table-section .order-navpills .nav-item .nav-link.active {
    background: var(--theme-color2);
    color: #fff
}

.order-table-section .order-tab {
    margin-top: 22px
}

.order-table-section .order-tab .order-tab-table {
    margin-bottom: 0
}

.order-table-section .order-tab .order-tab-table thead tr th {
    text-align: center;
    background-color: #e7e7e7;
    color: #222;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(17px + 3*(100vw - 320px)/1600);
    font-weight: 400
}

.order-table-section .order-tab .order-tab-table tbody {
    border-top: none
}

.order-table-section .order-tab .order-tab-table tbody tr td {
    font-weight: 300;
    text-align: center;
    padding: calc(10px + 4*(100vw - 320px)/1600) calc(12px + 8*(100vw - 320px)/1600);
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    min-width: 160px;
    color: #777
}

.order-table table tbody tr td {
    vertical-align: middle
}

.order-success-2 tbody {
    border-top: none
}

.search-section .search-box {
    position: relative
}

.search-section .search-box .input-group .form-control:focus {
    z-index: 0
}

.search-section .search-box .input-group button {
    z-index: 0
}

.vendor-bottom {
    padding-bottom: 18px;
    border-bottom: 1px solid #ececec;
    margin-bottom: 16px
}

.vendor-detail-box {
    padding: calc(20px + 8*(100vw - 992px)/928);
    margin-bottom: 29px;
    border-radius: 9px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .13);
    background: #fff
}

@media(max-width: 991px) {
    .vendor-detail-box {
        padding: 0;
        box-shadow: none;
        margin-right: 0
    }
}

.vendor-detail-box .vendor-name .vendor-logo {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 3*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name .vendor-logo img {
    width: calc(80px + 9*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo h3 {
    font-weight: 600;
    text-transform: uppercase
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating {
    margin-top: 4px
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box .vendor-name .vendor-logo .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    color: #4a5568;
    margin-top: 15px
}

.vendor-detail-box .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box .vendor-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

[dir=rtl] .vendor-detail-box .vendor-tag ul {
    padding: 0
}

.vendor-detail-box .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box .vendor-share {
    display: flex;
    align-items: center
}

.vendor-detail-box .vendor-share h5 {
    font-weight: 600
}

.vendor-detail-box .vendor-share ul {
    margin-left: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px
}

[dir=rtl] .vendor-detail-box .vendor-share ul {
    padding: 0;
    margin-left: unset;
    margin-right: 15px
}

.vendor-detail-box .vendor-share ul li a {
    color: #4a5568;
    display: block;
    font-size: 16px;
    line-height: 1
}

.vendor-detail-box-2 {
    padding: calc(20px + 8*(100vw - 320px)/1600);
    margin-bottom: 50px;
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(34, 34, 34, 0.43);
    background: #fff;
    color: #000
}

.pdescriptiontxt {
 font-size: 0.7rem;
}

.vendor-detail-box-2 .vendor-logo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.vendor-detail-box-2 .vendor-logo img {
    width: 85%;
    height: auto;
    border-radius: 20px !important;
    /* -webkit-filter: invert(1) brightness(100); */
    /* filter: invert(1) brightness(100) */
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 26%
    }
}

@media(max-width: 480px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 35%
    }
}

@media(max-width: 360px) {
    .vendor-detail-box-2 .vendor-logo img {
        width: 50%
    }
}

.vendor-detail-box-2 .vendor-name {
    height: 100%
}

.vendor-detail-box-2 .vendor-name .vendor-list-name {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(6px + 6*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-name h3 {
    font-weight: 600;
    text-transform: uppercase;
    display: block
}

.vendor-detail-box-2 .vendor-name .vendor-rating .rating li .feather {
    width: calc(15px + 2*(100vw - 320px)/1600);
    height: auto
}

.vendor-detail-box-2 .vendor-name .vendor-rating span {
    font-size: calc(12px + 1*(100vw - 320px)/1600);
    color: #000
}

.vendor-detail-box-2 .vendor-name p {
    margin-bottom: -6px;
    line-height: 1.5;
    font-size: 14px;
    color: #000;
    margin-top: 11px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.vendor-detail-box-2 .vendor-tag h4 {
    text-transform: none;
    font-weight: 500;
    margin-bottom: 17px
}

.vendor-detail-box-2 .vendor-tag ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(7px + 5*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .vendor-tag ul li {
    background-color: #ececec;
    letter-spacing: .5px;
    padding: 4px 11px;
    border-radius: 3px;
    color: #222;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.vendor-detail-box-2 .share-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    text-align: center
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact {
        display: block
    }
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact>div {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        gap: 16px
    }
}

.vendor-detail-box-2 .share-contact .vendor-share h5 {
    display: block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-share ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 8px;
    flex-wrap: wrap;
    gap: 10px
}

[dir=rtl] .vendor-detail-box-2 .share-contact .vendor-share ul {
    padding: 0
}

.vendor-detail-box-2 .share-contact .vendor-share ul li {
    position: relative
}

.vendor-detail-box-2 .share-contact .vendor-share ul li a {
    color: #f1f1f1;
    font-size: 16px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vendor-detail-box-2 .share-contact .vendor-content {
    text-align: center;
    margin-top: 17px
}

@media(max-width: 767px) {
    .vendor-detail-box-2 .share-contact .vendor-content {
        margin-top: 0
    }
}

.vendor-detail-box-2 .share-contact .vendor-content h5 {
    text-align: center;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 600
}

.vendor-detail-box-2 .share-contact .vendor-content button {
    margin: 8px auto 0
}

.seller-poster-section .poster-box .poster-image {
    margin-bottom: 52px
}

.seller-poster-section .seller-button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 15px
}

.become-service .service-box {
    text-align: center;
    background: #f8f8f8;
    padding: 45px;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .05);
    transition: all .3s ease-in-out
}

.become-service .service-box:hover {
    transform: translateY(-10px)
}

.become-service .service-box:hover .service-svg svg {
    transform: scale(1.05);
    fill: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4 {
    color: var(--theme-color)
}

.become-service .service-box:hover .service-detail h4::after {
    width: 68%
}

.become-service .service-box .service-svg {
    width: 90px;
    height: 90px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 18px;
    border-radius: 5px
}

.become-service .service-box .service-svg svg {
    width: 60px;
    height: auto;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4 {
    font-weight: 600;
    display: inline-block;
    font-size: 19px;
    margin-bottom: 7px;
    text-transform: capitalize;
    position: relative;
    z-index: 0;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail h4::after {
    content: "";
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 4px;
    background-color: var(--theme-color);
    opacity: .3;
    z-index: -1;
    border-radius: 50px;
    transition: all .3s ease-in-out
}

.become-service .service-box .service-detail p {
    margin: 0;
    line-height: 1.5;
    color: #4a5568;
    transition: all .3s ease-in-out
}

.business-section {
    background-color: #f8f8f8
}

.business-section .business-contain {
    position: relative;
    z-index: 0
}

.business-section .business-contain::after {
    content: "";
    position: absolute;
    background-image: url('arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1
}

.business-section .business-contain>.row {
    margin-left: -50px;
    margin-right: -50px
}

.business-section .business-contain>.row>div {
    padding-left: 50px;
    padding-right: 50px
}

.business-section .business-contain>.row>div:last-child,
.business-section .business-contain>.row>div:first-child {
    margin-bottom: 40px
}

.business-section .business-contain>.row>div:nth-child(2) {
    margin-top: 40px
}

.business-section .business-contain .business-box {
    text-align: center;
    background-color: #fff;
    border-radius: 9px;
    padding: 35px;
    box-shadow: 0 0 8px rgba(34, 34, 34, .05);
    height: 100%;
    display: flex;
    align-items: center
}

.business-section .business-contain .business-box .business-number {
    width: 65px;
    height: 65px;
    background: #f8f8f8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 28px;
    border-radius: 5px
}

.business-section .business-contain .business-box .business-number h2 {
    color: var(--theme-color);
    font-size: 35px;
    font-weight: 500
}

.business-section .business-contain .business-box .business-detail h4 {
    margin-bottom: 10px;
    font-weight: 600
}

.business-section .business-contain .business-box .business-detail p {
    margin: 0;
    color: #4a5568;
    line-height: 1.6
}

.seller-grid-box {
    background-color: #fff;
    padding: calc(12px + 13*(100vw - 320px)/1600);
    border-radius: 14px;
    position: relative;
    box-shadow: 0 0 10px rgba(34, 34, 34, .43);
    display: block
}

.seller-grid-box .grid-contain .seller-contact-details {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-bottom: 25px
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact {
    display: flex;
    flex-wrap: nowrap;
    gap: 5px;
    align-items: flex-start;
    width: 100%
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .seller-icon i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25px;
    height: 25px;
    font-size: 16px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 {
    line-height: 1.6;
    color: #222
}

.seller-grid-box .grid-contain .seller-contact-details .seller-contact .contact-detail h5 span {
    color: #4a5568
}

.seller-grid-box .grid-contain .contain-name {
    display: flex;
    align-items: flex-end;
    justify-content: space-between
}

.seller-grid-box .grid-contain .contain-name h6 {
    color: #4a5568;
    margin-bottom: 1px
}

.seller-grid-box .grid-contain .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(5px + 3*(100vw - 320px)/1600);
    color: #222
}

.seller-grid-box .grid-contain .contain-name .product-rating {
    margin-bottom: calc(14px + 5*(100vw - 320px)/1600)
}

.seller-grid-box .grid-contain .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.102);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box .grid-contain .contain-name .grid-image {
    width: 100px;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: calc(10px + 5*(100vw - 320px)/1600);
    border-radius: calc(7px + 4*(100vw - 320px)/1600);
    box-shadow: 0 0 8px rgba(34, 34, 34, .07)
}

.seller-grid-box-1 .grid-image {
    display: flex;
    flex-wrap: nowrap;
    gap: 18px;
    align-items: center;
    margin-bottom: 20px
}

.seller-grid-box-1 .grid-image .image {
    width: 100px;
    height: 85px;
    border-radius: 11px
}

.seller-grid-box-1 .grid-image .contain-name {
    width: calc(100% - 66px - 18px)
}

.seller-grid-box-1 .grid-image .contain-name .since-number {
    margin-bottom: 1px;
    display: flex;
    align-items: center
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number {
        display: block
    }
}

.seller-grid-box-1 .grid-image .contain-name .since-number h6 {
    color: #4a5568
}

.seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: auto
}

[dir=rtl] .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
    margin-left: unset;
    margin-right: auto
}

@media(max-width: 480px) {
    .seller-grid-box-1 .grid-image .contain-name .since-number .product-rating {
        margin-top: 2px
    }
}

.seller-grid-box-1 .grid-image .contain-name h3 {
    font-size: calc(19px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: 10px
}

.seller-grid-box-1 .grid-image .contain-name .product-label {
    padding: 5px 10px;
    background-color: rgba(var(--theme-color-rgb), 0.1);
    font-size: 13px;
    letter-spacing: .5px;
    border-radius: 4px;
    color: var(--theme-color)
}

.seller-grid-box-1 .grid-contain .seller-category {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.seller-grid-box-1 .grid-contain .seller-category .product-image {
    display: flex;
    flex-wrap: nowrap
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li {
    width: calc(35px + 5*(100vw - 320px)/1600);
    height: calc(35px + 5*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 100%;
    padding: 4px;
    box-shadow: 0 0 2px rgba(34, 34, 34, .2);
    color: #4a5568;
    transition: all .3s ease-in-out
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:hover {
    transform: scale(1.1) translateY(-7px)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li:last-child {
    padding-top: 5px;
    font-size: calc(13px + 1*(100vw - 320px)/1600)
}

.seller-grid-box-1 .grid-contain .seller-category .product-image li+li {
    margin-left: calc(-19px + 5*(100vw - 320px)/1600)
}

.product-table {
    margin-bottom: 0
}

.product-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.product-table tbody {
    border-top: 1px solid #ececec !important
}

.product-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.product-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap;
    max-width: 190px
}

.product-table tbody tr td:nth-child(2) {
    max-width: 150px
}

.product-table tbody tr td:nth-child(2) h6 {
    color: #4a5568;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.product-table tbody tr td.product-image {
    width: 90px
}

.product-table tbody tr td.edit-delete .feather {
    width: 19px;
    stroke-width: 1.6px
}

.product-table tbody tr td.edit-delete .feather.edit {
    color: var(--theme-color)
}

.product-table tbody tr td.edit-delete .feather.delete {
    color: #ff7272;
    margin-left: 10px
}

[dir=rtl] .product-table tbody tr td.edit-delete .feather.delete {
    margin-left: unset;
    margin-right: 10px
}

.order-table {
    margin-bottom: 0
}

.order-table-2 tbody {
    border-top: none !important
}

.order-table-2 tbody tr td {
    text-align: left
}

.order-table thead tr th {
    text-align: center;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    white-space: nowrap;
    min-width: 90px
}

.order-table tbody {
    border-top: 1px solid #ececec
}

.order-table tbody tr:last-child td {
    border-bottom: none;
    padding-bottom: 0
}

.order-table tbody tr td {
    text-align: center;
    padding: 12px 15px;
    vertical-align: middle;
    white-space: nowrap
}

.order-table tbody tr td:nth-child(2) {
    color: #4a5568
}

.order-table tbody tr td label {
    padding: 3px 12px;
    font-size: 12px;
    border-radius: 50px
}

.order-table tbody tr td label.success {
    background-color: rgba(var(--theme-color-rgb), 0.1);
    color: var(--theme-color)
}

.order-table tbody tr td label.danger {
    background-color: rgba(255, 114, 114, .1);
    color: #ff7272
}

.order-table tbody tr td:first-child {
    font-weight: 600
}

.profile-tab ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: calc(15px + 6*(100vw - 320px)/1600)
}

.profile-tab ul li {
    display: flex;
    align-items: center;
    width: 100%
}

@media(max-width: 575px) {
    .profile-tab ul li {
        display: block
    }
}

.profile-tab ul li h5 {
    font-size: calc(14px + 2*(100vw - 320px)/1600)
}

.profile-tab ul li h5:first-child {
    width: 220px
}

.profile-tab ul li h5:last-child {
    color: #4a5568
}

@media(max-width: 575px) {
    .profile-tab ul li h5:last-child {
        margin-top: 8px
    }
}

.deactivate-box {
    padding: 15px 22px;
    background: rgba(255, 165, 59, .1);
    border: 1px dashed #ffa53b;
    border-radius: 7px;
    display: flex;
    flex-wrap: nowrap;
    gap: 17px;
    margin-bottom: 21px
}

.deactivate-box .deactivate-icon {
    width: 30px;
    height: 30px;
    background: rgba(254, 163, 72, .3);
    color: #fea348;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px
}

.deactivate-box .deactivate-contain h3 {
    font-weight: 600;
    margin-bottom: 5px
}

.deactivate-box .deactivate-contain h5 {
    color: #4a5568;
    margin-bottom: 10px
}

.deactivate-box .deactivate-contain a {
    font-size: 16px;
    font-weight: 600
}

.dashboard-privacy .privacy-box .custom-form-check-2 label {
    font-size: calc(15px + 3*(100vw - 320px)/1600)
}

.apexcharts-tooltip * {
    display: flex
}

.apexcharts-toolbar {
    z-index: 0
}

.post-question-box {
    margin-bottom: 32px
}

.post-question-box h4 {
    color: #222;
    font-weight: 500;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px
}

.post-question-box h4 a {
    width: auto;
    display: inline-block;
    font-size: calc(14px + 3*(100vw - 320px)/1600);
    font-weight: 500;
    border: none;
    border-radius: 6px;
    background-color: #f8f8f8;
    color: #222;
    padding: calc(9px + 3*(100vw - 320px)/1600) calc(16px + 6*(100vw - 320px)/1600)
}

html.dark .post-question-box h4 a {
    background-color: #1d1d22;
    color: #fff
}

.question-answer li {
    display: block;
    margin-bottom: 25px;
    padding-bottom: 19px;
    border-bottom: 1px solid #ececec
}

.question-answer li .question-box {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px
}

.question-answer li .question-box h5 {
    border: 1px solid #eee;
    background-color: #f8f8f8;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    height: 30px;
    padding-inline: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0
}

.question-answer li .question-box .link-dislike-box {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-left: auto
}

body.rtl .question-answer li .question-box .link-dislike-box {
    margin-left: unset;
    margin-right: auto
}

.question-answer li .question-box .link-dislike-box li {
    margin: 0;
    padding: 0;
    border: unset
}

.question-answer li .question-box .link-dislike-box li a span {
    display: flex;
    align-items: center;
    gap: 4px;
    color: rgba(74, 85, 104, .671)
}

.question-answer li .question-box .link-dislike-box li a span .feather {
    width: 16px;
    height: 16px
}

.question-answer li .answer-box {
    display: flex;
    gap: 15px
}

.question-answer li .answer-box h5 {
    border: 1px solid rgba(0, 0, 0, 0);
    background-color: var(--theme-color);
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    width: auto;
    padding-inline: 7px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 3px
}

.question-answer li .answer-box p {
    margin: 0;
    width: calc(100% - 15px - 30px);
    line-height: 1.5;
    color: #4a5568;
    letter-spacing: .6px
}

.question-answer li h6 {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .6px
}

.question-answer li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}

.question-answer li .report-text {
    text-align: right;
    font-size: 13px;
    color: rgba(74, 85, 104, .6);
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;
    margin-top: 7px
}

.question-answer li .report-text i {
    font-size: 15px
}

.custom-padding {
    padding-right: 10px
}

.custom-height {
    max-height: 190px;
    overflow-y: auto;
    height: 100%
}

.custom-height::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .14)
}

.custom-height::-webkit-scrollbar {
    width: 4px;
    background-color: #f5f5f5;
    border-radius: 50px
}

.custom-height::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: rgba(85, 85, 85, .5)
}

.shop-banner-contain {
    position: relative;
    border-radius: 8px
}

.shop-banner-contain .shop-banner-details {
    padding: calc(20px + 20*(100vw - 320px)/1600) calc(25px + 55*(100vw - 320px)/1600);
    width: 50%
}

@media(max-width: 1460px) {
    .shop-banner-contain .shop-banner-details {
        width: 60%
    }
}

@media(max-width: 991px) {
    .shop-banner-contain .shop-banner-details {
        width: 70%
    }
}

@media(max-width: 767px) {
    .shop-banner-contain .shop-banner-details {
        width: 80%;
        background: #fff;
        background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(246, 246, 246, 0) 100%)
    }
}

@media(max-width: 480px) {
    .shop-banner-contain .shop-banner-details {
        width: 100%
    }
}

.shop-banner-contain .shop-banner-details h5 {
    font-size: calc(13px + 5*(100vw - 320px)/1600);
    letter-spacing: 1.5px
}

.shop-banner-contain .shop-banner-details h2 {
    font-size: calc(24px + 34*(100vw - 320px)/1600);
    margin: calc(8px + 2*(100vw - 320px)/1600) 0;
    line-height: 1.2;
    font-weight: 700
}

.banner-description {
    margin-top: 28px
}

.banner-description p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.6
}

.category-title h3 {
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 18px;
    font-weight: 600;
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: var(--theme-color)
}

.category-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 6*(100vw - 320px)/1600)
}

[dir=rtl] .category-list {
    padding-right: 0
}

.category-list li {
    display: block;
    width: 100%
}

.category-list li .category-list-box {
    display: flex;
    align-items: center
}

.category-list li .category-list-box input {
    margin-top: -4px
}

.category-list li .category-list-box .form-check-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-left: 8px
}

.category-list li .category-list-box .form-check-label .name {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 80%
}

.category-list li .category-list-box .form-check-label .number {
    color: #777;
    font-size: calc(14px + 1*(100vw - 320px)/1600)
}

.irs {
    position: relative;
    display: block;
    -webkit-user-select: none;
    user-select: none;
    height: 55px
}

.irs .irs-line {
    position: relative;
    display: block;
    overflow: hidden;
    outline: none !important;
    height: 10px;
    top: 33px;
    background-color: #f9f8f6;
    border-radius: 50px
}

.irs .irs-line-left {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 0
}

.irs .irs-line-mid {
    width: 82%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    left: 9%
}

.irs .irs-line-right {
    width: 11%;
    height: 8px;
    position: absolute;
    display: block;
    top: 0;
    right: 0
}

.irs .irs-bar {
    width: 0;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    background-color: var(--theme-color)
}

.irs .irs-bar-edge {
    width: 14px;
    height: 10px;
    position: absolute;
    display: block;
    left: 0;
    top: 33px;
    border: 1px solid #428bca;
    border-right: 0;
    background: #428bca;
    background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%);
    border-radius: 16px 0 0 16px
}

.irs .irs-shadow {
    width: 0;
    height: 2px;
    position: absolute;
    display: none;
    left: 0;
    top: 38px;
    background: #222;
    opacity: .3;
    border-radius: 5px
}

.irs .irs-slider {
    width: 20px;
    height: 20px;
    position: absolute;
    display: block;
    z-index: 1;
    top: 28px;
    border: 3px solid #fff;
    background-color: var(--theme-color);
    border-radius: 100%;
    cursor: pointer
}

.irs .irs-slider .irs-slider.type_last {
    z-index: 2
}

.irs .irs-slider .irs-min {
    position: absolute;
    display: block;
    left: 0;
    cursor: default;
    color: #333;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 1px 5px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px
}

.irs .irs-max {
    position: absolute;
    display: block;
    right: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    top: 0;
    padding: 3px 7px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-min {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    cursor: default;
    color: #777;
    font-size: 12px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background: rgba(34, 34, 34, .1);
    border-radius: 3px;
    font-weight: 500
}

.irs .irs-from {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-to {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 13px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px 7px;
    background-color: var(--theme-color);
    border-radius: 3px;
    font-weight: 600
}

.irs .irs-single {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    cursor: default;
    white-space: nowrap;
    color: #fff;
    font-size: 14px;
    line-height: 1.333;
    text-shadow: none;
    padding: 1px 5px;
    background: var(--theme-color);
    border-radius: 3px
}

.irs .irs-grid {
    width: 100%;
    height: 20px;
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    height: 27px
}

.irs .irs-with-grid {
    height: 75px
}

.irs .irs-with-grid .irs-grid {
    display: block
}

.irs .irs-grid-pol {
    width: 1px;
    height: 8px;
    position: absolute;
    top: 0;
    left: 0;
    background: #222;
    opacity: .5;
    background: #428bca
}

.irs .irs-grid-pol.small {
    height: 4px;
    background: #999
}

.irs .irs-grid-text {
    position: absolute;
    bottom: 0;
    left: 0;
    white-space: nowrap;
    text-align: center;
    font-size: 9px;
    line-height: 9px;
    padding: 0 3px;
    color: #222;
    bottom: 5px;
    color: #99a4ac
}

.irs .irs-disable-mask {
    width: 102%;
    height: 100%;
    position: absolute;
    display: block;
    top: 0;
    left: -1%;
    cursor: default;
    z-index: 2
}

.irs .irs-disabled {
    opacity: .4
}

.irs .irs-hidden-input {
    position: absolute !important;
    display: block !important;
    top: 0 !important;
    left: 0 !important;
    width: 0 !important;
    height: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    outline: none !important;
    z-index: -9999 !important;
    background: none !important;
    border-style: solid !important;
    border-color: rgba(0, 0, 0, 0) !important
}

.irs .lt-ie9 .irs-disable-mask {
    background: #222;
    filter: alpha(opacity=0);
    cursor: not-allowed
}

.irs .lt-ie9 .irs-shadow {
    filter: alpha(opacity=30)
}

.irs .lt-ie9 .irs-min {
    background: #ccc
}

.irs .lt-ie9 .irs-max {
    background: #ccc
}

.irs .lt-ie9 .irs-from {
    background: #999
}

.irs .lt-ie9 .irs-to {
    background: #999
}

.irs .lt-ie9 .irs-single {
    background: #999
}

.js-range-slider {
    margin-top: 15px;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
    color: #222;
    width: 100%
}

.shop-section .left-box {
    position: sticky;
    top: 0;
    border-right: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box {
        width: 300px;
        height: 100%;
        border-right: unset;
        position: fixed;
        top: 0;
        left: -350px;
        background-color: #fff;
        z-index: 1041;
        transition: all .5s ease;
        overflow-x: scroll;
        overflow-y: auto;
        transition: all .3s ease-in-out
    }

    [dir=rtl] .shop-section .left-box {
        border-right: unset;
        border-left: unset;
        left: unset;
        right: -350px
    }
}

.shop-section .left-box.right-box {
    border-right: unset;
    border-left: 1px solid #ddd
}

[dir=rtl] .shop-section .left-box.right-box {
    border-left: unset;
    border-right: 1px solid #ddd
}

@media(max-width: 991px) {
    .shop-section .left-box.right-box {
        border-left: unset;
        left: unset;
        right: -350px
    }

    [dir=rtl] .shop-section .left-box.right-box {
        left: -350px;
        right: unset
    }
}

.shop-section .left-box.right-box.show {
    left: unset;
    right: 0
}

[dir=rtl] .shop-section .left-box.right-box.show {
    right: unset;
    left: 0
}

.shop-section .left-box.show {
    left: 0
}

[dir=rtl] .shop-section .left-box.show {
    right: 0;
    left: unset
}

.shop-section .left-box .shop-left-sidebar {
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar {
    padding-right: unset;
    padding-left: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: calc(16px + 10*(100vw - 320px)/1600);
    padding-right: unset
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
    padding-left: unset;
    padding-right: calc(16px + 10*(100vw - 320px)/1600)
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }

    [dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar {
        padding: calc(16px + 10*(100vw - 320px)/1600)
    }
}

.shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: auto;
    margin-left: 0
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar.shop-right-sidebar .back-button h3 i {
    margin-right: 0;
    margin-left: auto
}

.shop-section .left-box .shop-left-sidebar .back-button {
    display: none
}

@media(max-width: 991px) {
    .shop-section .left-box .shop-left-sidebar .back-button {
        display: block;
        margin-bottom: 26px
    }
}

.shop-section .left-box .shop-left-sidebar .back-button h3 {
    display: flex;
    align-items: center;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-right: 10px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .back-button h3 i {
    margin-left: 10px;
    margin-right: unset
}

.shop-section .left-box .shop-left-sidebar .search-box {
    position: relative;
    margin-bottom: 30px
}

.shop-section .left-box .shop-left-sidebar .search-box::after {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    border-left: 1px solid #ddd;
    font-size: 15px;
    padding: 0 18px;
    height: 60%;
    display: flex;
    align-items: center;
    color: #4a5568
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .search-box::after {
    right: unset;
    left: 0;
    border-left: unset;
    border-right: 1px solid #ddd
}

.shop-section .left-box .shop-left-sidebar .filter-category {
    margin-bottom: 25px
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0;
    padding: 0 0 8px 0
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title h2 {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    border-bottom: 1px solid var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a {
    display: block
}

.shop-section .left-box .shop-left-sidebar .filter-category .filter-title a:hover {
    color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .filter-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(10px + 5*(100vw - 320px)/1600);
    padding-top: 16px
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .filter-category ul {
    padding-right: 0
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li {
    padding: 9px 34px 9px 11px;
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .left-box .shop-left-sidebar .filter-category ul li a {
    color: #777
}

.shop-section .left-box .shop-left-sidebar .custom-accordion {
    display: flex;
    flex-wrap: wrap;
    gap: 25px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item {
    border: none;
    width: 100%
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button {
    font-size: 18px;
    padding: 0 0 8px 0;
    font-weight: 600;
    margin-bottom: 9px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button.collapsed::before {
    content: "";
    transform: rotate(180deg)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:focus {
    border-color: unset;
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::after {
    content: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    content: "";
    position: absolute;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    right: 5px;
    background-color: #f7f6f4;
    font-size: 15px;
    border-radius: 100%;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button::before {
    right: unset;
    left: 5px
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
    color: #222;
    background-color: rgba(0, 0, 0, 0);
    box-shadow: none
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span {
    position: relative
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-header .accordion-button span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: -8px;
    left: 0;
    background-color: var(--theme-color)
}

.shop-section .left-box .shop-left-sidebar .custom-accordion .accordion-item .accordion-collapse .accordion-body {
    padding: 16px 0 0
}

.shop-section .left-box .shop-left-sidebar .left-title {
    margin-bottom: 20px;
    margin-top: 32px
}

.shop-section .left-box .shop-left-sidebar .left-title h3 {
    font-weight: 700
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab {
    gap: calc(11px + 9*(100vw - 320px)/1600)
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item {
    width: 100%;
    height: 60px;
    background-color: #f7f6f3;
    border-radius: 6px;
    display: flex;
    overflow: hidden
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-weight: 500;
    color: #222;
    border-radius: unset;
    position: relative;
    text-align: left
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link {
    text-align: right
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover(not) img {
    width: 75px;
    height: 75px;
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .45
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link:hover img {
    width: 75px;
    height: 75px;
    transform: translateY(-50%) rotate(-4deg);
    right: -12px;
    opacity: .29
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active {
    color: #fff;
    background: linear-gradient(90.56deg, var(--theme-color1) 8.46%, var(--theme-color) 62.97%);
    font-size: 19px;
    font-weight: 600
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    height: 90px;
    position: absolute;
    right: -10px;
    filter: invert(1);
    opacity: .4
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link.active img {
    right: unset;
    left: -10px
}

.shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    top: 50%;
    transform: translateY(-50%);
    width: 70px;
    height: 70px;
    position: absolute;
    right: -10px;
    opacity: .1;
    transition: all .3s ease-in-out
}

[dir=rtl] .shop-section .left-box .shop-left-sidebar .custom-nav-tab .nav-item .nav-link img {
    right: unset;
    left: -10px
}

.shop-section .show-button {
    margin-bottom: 14px
}

.shop-section .show-button .filter-button {
    display: block;
    color: #fff
}

.shop-section .show-button .filter-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-button-group {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.shop-section .show-button .filter-button-group .sort-by-button {
    color: #fff;
    margin-left: auto
}

.shop-section .show-button .filter-button-group .sort-by-button a {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 600;
    padding: calc(6px + 2*(100vw - 320px)/1600) calc(9px + 3*(100vw - 320px)/1600);
    background-color: var(--theme-color);
    border-radius: 5px;
    display: inline-block
}

.shop-section .show-button .filter-dropdown {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 {
    display: flex;
    align-items: center
}

.shop-section .show-button .top-filter-menu-2 .sidebar-filter-menu a {
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown {
    display: flex;
    align-items: center
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .category-dropdown h5 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown {
    margin-right: 10px;
    margin-left: unset
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu-2 .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu-2 .grid-option {
    margin-left: auto
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 {
    margin-left: 0
}

@media(max-width: 767px) {
    .shop-section .show-button .top-filter-menu-2 .grid-option-2 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu-2 .grid-option-2 ul li.active img {
    filter: invert(1) brightness(100)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 7*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu-2 .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu-2 .grid-option ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu {
    display: flex;
    align-items: center
}

@media(max-width: 991px) {
    .shop-section .show-button .top-filter-menu {
        margin-top: 18px
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown {
    display: flex;
    align-items: center
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown h5 {
        display: none
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: 10px
}

[dir=rtl] .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
    margin-left: unset;
    margin-right: 10px
}

@media(max-width: 360px) {
    .shop-section .show-button .top-filter-menu .category-dropdown .dropdown {
        margin-left: 0
    }
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    background-color: #f6f5f2;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    padding: calc(9px + 1*(100vw - 320px)/1600) 15px;
    border-radius: 5px;
    color: #777;
    flex-wrap: wrap;
    gap: 10px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle::after {
    content: none
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-toggle i {
    margin-top: 2px
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li {
    display: block
}

.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:hover,
.shop-section .show-button .top-filter-menu .category-dropdown .dropdown .dropdown-menu li a:focus {
    background-color: rgba(0, 0, 0, 0)
}

.shop-section .show-button .top-filter-menu .grid-option {
    margin-left: auto
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option {
    margin-left: unset;
    margin-right: auto
}

.shop-section .show-button .top-filter-menu .grid-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 5*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .shop-section .show-button .top-filter-menu .grid-option ul {
    padding-right: 0
}

.shop-section .show-button .top-filter-menu .grid-option ul li {
    width: 35px;
    height: 35px;
    border-radius: 5px;
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%)
}

.shop-section .show-button .top-filter-menu .grid-option ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active {
    background: var(--theme-color)
}

.shop-section .show-button .top-filter-menu .grid-option ul li.active img {
    filter: invert(1) brightness(100)
}

.shop-section .show-button .filter-category {
    margin-bottom: 25px
}

.shop-section .show-button .filter-category ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6px + 9*(100vw - 320px)/1600);
    padding-top: 16px
}

.shop-section .show-button .filter-category ul li {
    padding: calc(6px + 3*(100vw - 320px)/1600) calc(28px + 6*(100vw - 320px)/1600) calc(6px + 3*(100vw - 320px)/1600) calc(7px + 4*(100vw - 320px)/1600);
    background-color: #f9f8f6;
    position: relative;
    border-radius: 4px
}

.shop-section .show-button .filter-category ul li:before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    right: 13px;
    color: #777;
    cursor: pointer
}

.shop-section .show-button .filter-category ul li a {
    color: #777
}

.shop-section .top-filter-category {
    width: 100%;
    height: 0;
    padding: 0 24px;
    background-color: #fff;
    box-shadow: 0 2px 9px rgba(34, 34, 34, .07);
    border-radius: 6px;
    margin-bottom: 0;
    overflow: hidden;
    transition: all .3s ease-in-out
}

.shop-section .top-filter-category.show {
    padding: 24px;
    height: auto;
    margin-bottom: 22px
}

.shop-section .top-filter-category>.row>div {
    border-right: 1px solid #ececec
}

[dir=rtl] .shop-section .top-filter-category>.row>div {
    border-right: unset;
    border-left: 1px solid #ececec
}

.shop-section .top-filter-category>.row>div:last-child {
    border: none
}

@media(max-width: 1199px) {
    .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: none
    }

    [dir=rtl] .shop-section .top-filter-category>.row>div:nth-child(4n-2) {
        border-right: unset;
        border-left: none
    }
}

@media(max-width: 767px) {
    .shop-section .top-filter-category>.row>div {
        border: none
    }
}



.category-slider-section .category-contain .category-contain-image {
    background: linear-gradient(149.8deg, #F6F5F2 17.21%, #FBFAF9 79.21%);
    padding: 22px;
    border-radius: 8px
}

.category-slider-section .category-contain .category-contain-image img {
    width: 150px;
    height: 150px;
    object-fit: contain;
    margin: 0 auto
}

.category-slider-section .category-contain .category-contain-name {
    margin-top: 12px;
    text-align: center
}

.category-slider-section .category-contain .category-contain-name h5 {
    color: #4a5568;
    font-weight: 500
}

.pt-25 {
    padding-top: 25px
}

.review-title-2 {
    border-top: 1px solid #ececec;
    padding-top: calc(13px + 12*(100vw - 320px)/1600);
    margin-top: calc(13px + 12*(100vw - 320px)/1600)
}

.review-title-2 h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    color: #222;
    font-weight: 400
}

.review-title-2 p {
    margin-bottom: calc(7px + 6*(100vw - 320px)/1600);
    margin-top: 3px;
    font-size: 15px;
    line-height: 1.6;
    color: #4a5568
}

.review-title-2 button {
    width: 100%;
    padding: 10px 14px;
    background-color: #f8f8f8 !important;
    color: #4a5568 !important;
    border: 1px solid #eee !important;
    font-size: 16px
}

.review-title-2 button:hover {
    background-color: #f8f8f8;
    color: #4a5568;
    border: 1px solid #ececec
}

.product-load-more .col-grid-box {
    display: none
}

.product-title {
    margin-top: 20px
}

.product-title h4 {
    font-weight: 600;
    margin-bottom: calc(10px + 2*(100vw - 320px)/1600);
    letter-spacing: .4px;
    font-size: calc(15px + 1*(100vw - 320px)/1600)
}

.product-title .checkout-img {
    width: calc(80% + -15*(100vw - 320px)/1600);
    height: auto
}

.vendor-box {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.vendor-box .vendor-contain {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 7px calc(16px + 10*(100vw - 320px)/1600);
    /* background-color: #fff; */
    align-items: center
}

.vendor-box .vendor-contain .vendor-image {
    width: 64px;
    height: auto
}

.vendor-box .vendor-contain .vendor-image img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.vendor-box .vendor-list {
    margin-top: calc(13px + 11*(100vw - 320px)/1600)
}

.vendor-box .vendor-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: calc(9px + 9*(100vw - 320px)/1600);
    align-items: center
}

[dir=rtl] .vendor-box .vendor-list ul {
    padding-right: 0
}

.vendor-box .vendor-list ul li {
    display: block
}

.vendor-box .vendor-list ul li .address-contact {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px
}

.vendor-box .vendor-list ul li .address-contact .feather {
    width: 20px;
    height: 20px;
    color: var(--theme-color)
}

.vendor-box .vendor-list ul li .address-contact h5 {
    font-weight: 600
}

.vendor-box .vendor-list ul li .address-contact h5 span {
    font-weight: 400;
    margin-left: 7px
}

.vendor-box .vendor-detail {
    margin: calc(13px + 15*(100vw - 320px)/1600) 0 0;
    line-height: 1.7;
    color: #4a5568;
    padding-bottom: calc(10px + 8*(100vw - 320px)/1600);
    border-bottom: 1px solid #ececec
}

.hot-line-number {
    padding: calc(12px + 21*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.hot-line-number h5 {
    font-weight: 600;
    margin-bottom: 4px
}

.hot-line-number h6 {
    color: #4a5568;
    margin-bottom: 17px
}

.hot-line-number h2 {
    font-weight: 600;
    font-size: 24px
}

.product-category {
    gap: 25px;
    padding: calc(12px + 21*(100vw - 320px)/1600)
}

.product-section .product-left-box {
    position: sticky;
    top: 0
}

.product-section .left-slider-image .sidebar-image {
    border-radius: 8px;
    overflow: hidden;
    background-color: #f8f8f8
}

.product-section .left-slider-image .sidebar-image img {
    width: auto;
    height: auto;
    cursor: pointer;
    object-fit: contain
}

.product-section .right-box-contain {
    position: sticky;
    top: 10px;
    left: 0
}

@media(max-width: 767px) {
    .product-section .right-box-contain {
        text-align: center
    }
}

.product-section .right-box-contain .offer-top {
    font-weight: 500;
    padding: calc(8px + 2*(100vw - 320px)/1600) calc(12px + 4*(100vw - 320px)/1600);
    background-color: rgba(255, 79, 79, .1);
    border-radius: 5px;
    color: #ff4f4f;
    display: inline-block;
    margin-bottom: 20px
}

.product-section .right-box-contain .name {
    font-weight: 700;
    margin-bottom: calc(10px + 5*(100vw - 320px)/1600);
    line-height: 1.5
}

.product-section .right-box-contain .price-rating {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-2 .custom-rate {
        margin-top: 5px
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box {
        display: block
    }
}

@media(max-width: 1460px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top: 0 !important
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .price-rating-box .custom-rate {
        margin-top: 10px !important
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .price-rating .custom-rate {
        margin-top: 10px;
        justify-content: center
    }
}

.product-section .right-box-contain .price-rating .price {
    font-weight: 600;
    font-size: calc(19px + 3*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price del {
    font-weight: 400;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin: 0 calc(0px + 2*(100vw - 320px)/1600)
}

.product-section .right-box-contain .price-rating .price span {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    font-weight: 500
}

.product-section .right-box-contain .price-rating .custom-rate ul li .feather {
    width: 16px;
    height: 16px
}

.product-section .right-box-contain .price-rating .custom-rate .review {
    font-size: 13px;
    margin-left: 12px
}

[dir=rtl] .product-section .right-box-contain .price-rating .custom-rate .review {
    margin-left: unset;
    margin-right: 12px
}

.product-section .right-box-contain .product-contain {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .product-contain p {
    color: #4a5568;
    line-height: 1.7;
    margin: calc(14px + 2*(100vw - 320px)/1600) 0 0;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    width: 80%
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-contain p {
        width: 100%
    }
}

.product-section .right-box-contain .product-package .select-package {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .product-package .select-package {
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .product-package .select-package {
    padding-right: 0
}

.product-section .right-box-contain .product-package .select-package li {
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package li a {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package li a.active {
    border: 1px solid var(--theme-color);
    background: var(--theme-color2);
    color: #fff
}

.product-section .right-box-contain .product-package .select-package .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: unset;
    margin: 0;
    opacity: 0;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label {
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package .form-check-input:checked~.form-check-label span {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.color li.active {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label {
    opacity: 1;
    border-color: #222
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-input:checked~.form-check-label span {
    background-color: rgba(0, 0, 0, 0)
}

.product-section .right-box-contain .product-package .select-package.color li .form-check-label {
    opacity: .7
}

.product-section .right-box-contain .product-package .select-package.circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 100%;
    color: #4a5568;
    padding: 3px;
    border: 1px solid rgba(154, 154, 154, .4);
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    transition: all .1s ease-in-out;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.circle li .form-check-label span {
    transition: all .1s ease-in-out;
    width: calc(30px + 4*(100vw - 320px)/1600);
    height: calc(30px + 4*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f8f8f8;
    color: #222;
    border-radius: 100%
}

.product-section .right-box-contain .product-package .select-package.product-radio-list {
    display: flex;
    align-items: center;
    gap: 15px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-input {
    border-color: rgba(154, 154, 154, .65)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check:hover .form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input {
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154, 154, 154, .4);
    position: relative;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: .3s ease-in-out;
    transform: scale(0)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:focus {
    box-shadow: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:active {
    filter: unset
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked::after {
    transform: scale(1)
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.product-section .right-box-contain .product-package .select-package.product-radio-list .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.product-section .right-box-contain .product-package .select-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.image li .form-check-label img {
    width: 65px;
    border-radius: 4px;
    cursor: pointer;
    height: 65px;
    padding: 0;
    overflow: hidden
}

.product-section .right-box-contain .product-package .select-package.rectangle li {
    transition: all .3s ease-in-out;
    min-height: unset;
    margin: 0;
    padding: 0;
    position: relative
}

.product-section .right-box-contain .product-package .select-package.rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.product-section .right-box-contain .product-package .select-package.rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label {
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease-in-out;
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.product-section .right-box-contain .product-package .select-package.rectangle li .form-check-label span {
    padding: 6px 11px;
    background-color: #f8f8f8;
    border-radius: 4px;
    transition: all .3s ease-in-out
}

.product-section .right-box-contain .product-package .select-package .disabled {
    overflow: hidden;
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.product-section .right-box-contain .product-package .select-package .disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none;
    z-index: 1
}

.product-section .right-box-contain .product-package .select-package .disabled a,
.product-section .right-box-contain .product-package .select-package .disabled button {
    cursor: default
}

.product-section .right-box-contain .product-package .select-package .disabled .form-check-input:checked~.form-check-label {
    background-color: #f8f8f8 !important;
    color: #4a5568 !important
}

.product-section .right-box-contain .note-box {
    display: flex;
    flex-wrap: nowrap;
    gap: calc(7px + 8*(100vw - 320px)/1600);
    align-items: center;
    margin-top: 20px
}

@media(max-width: 767px) {
    .product-section .right-box-contain .note-box {
        justify-content: center
    }
}

.product-section .right-box-contain .note-box .compare-button {
    background-color: #f8f8f8
}

.product-section .right-box-contain .note-box .cart-button {
    animation: shake 150ms 2 linear
}

.product-section .right-box-contain .note-box .product-qty {
    width: auto;
    margin-top: 0
}

@media(max-width: 360px) {
    .product-section .right-box-contain .note-box .product-qty {
        width: 160px
    }
}

.product-section .right-box-contain .note-box .product-qty .input-group {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%)
}

.product-section .right-box-contain .buy-now-button {
    margin-top: 20px;
    padding-bottom: 16px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .buy-now-button button {
    background-color: #ff7272
}

.product-section .right-box-contain .buy-box {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .buy-box .team-box {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span {
    display: flex;
    align-items: center
}

.product-section .right-box-contain .buy-box .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .buy-box {
        justify-content: center
    }
}

.product-section .right-box-contain .buy-box a {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    align-items: center;
    color: #777
}

.product-section .right-box-contain .buy-box a .feather {
    width: 17px;
    height: auto
}

.product-section .right-box-contain .feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    align-items: center;
    margin-top: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .feature-list .team-box {
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box input {
    margin-top: -7px;
    display: block
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span {
    display: flex;
    align-items: center
}

.product-section .right-box-contain .feature-list .team-box .form-check-label span a {
    text-decoration: underline;
    margin-left: 3px;
    color: #222
}

@media(max-width: 767px) {
    .product-section .right-box-contain .feature-list {
        justify-content: center
    }
}

.product-section .right-box-contain .feature-list a {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 3*(100vw - 320px)/1600);
    align-items: center;
    color: #222
}

.product-section .right-box-contain .feature-list a svg {
    width: 17px;
    height: 17px
}

.product-section .right-box-contain .pickup-box {
    padding-bottom: 20px;
    border-bottom: 1px solid #ececec
}

.product-section .right-box-contain .pickup-box .product-info {
    margin-top: 20px
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(8px + 9*(100vw - 320px)/1600);
    align-items: flex-start;
    text-align: left;
    display: inline-block;
    column-count: 2;
    background-color: #f9f9f9;
    padding: 15px;
    border-radius: 12px;
    width: 80%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list {
    text-align: right
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list {
        column-count: 1;
        padding: 15px
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
    display: flex
}

@media(max-width: 1500px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        width: 100%
    }
}

@media(max-width: 1450px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        column-count: 1;
        padding: 15px
    }
}

@media(max-width: 1199px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        column-count: 2;
        display: block;
        padding-bottom: 4px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 8px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 {
        display: flex;
        padding-bottom: 15px
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list-2 li {
        margin-bottom: 0
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
    width: 50%
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
    margin-bottom: 7px
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 li {
        margin-bottom: 0
    }
}

@media(max-width: 1366px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width: 80%
    }
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        width: 100%
    }
}

@media(max-width: 360px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list-3 {
        display: flex
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 13px;
    width: 100%;
    font-size: calc(14px + 1*(100vw - 320px)/1600);
    position: relative;
    color: #777
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: 0;
    padding-right: 13px
}

@media(max-width: 575px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        width: auto;
        margin-left: 18px
    }
}

@media(max-width: 480px) {
    .product-section .right-box-contain .pickup-box .product-info .product-info-list li {
        margin-left: unset;
        width: 100%;
        padding-left: unset
    }

    .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
        content: none !important
    }
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    left: 0;
    background-color: #4a5568;
    border-radius: 100%
}

[dir=rtl] .product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a {
    margin-left: 5px;
    color: #222;
    font-weight: 500
}

.product-section .right-box-contain .pickup-box .product-info .product-info-list li a+a {
    margin-left: 0
}

.product-section .right-box-contain .pickup-box .pickup-icon i {
    font-size: 20px;
    color: var(--theme-color)
}

.product-section .right-box-contain .pickup-box .pickup-detail h4 {
    width: 90%;
    font-weight: 400;
    margin-bottom: 5px;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    line-height: 1.6
}

@media(max-width: 767px) {
    .product-section .right-box-contain .pickup-box .pickup-detail h4 {
        width: 100%
    }
}

.product-section .right-box-contain .pickup-box .pickup-detail h6 {
    margin-top: 4px
}

.product-section .right-box-contain .pickup-box .pickup-detail a {
    margin-top: 0;
    color: var(--theme-color);
    display: inline-block
}

.product-section .right-box-contain .payment-option ul {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: calc(3px + 5*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .product-section .right-box-contain .payment-option ul {
        justify-content: center
    }
}

[dir=rtl] .product-section .right-box-contain .payment-option ul {
    padding-right: 0
}

.product-section .right-box-contain .progress-sec {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px
}

.product-section .right-box-contain .progress-sec .left-progressbar {
    margin-top: 18px
}

.product-section .right-box-contain .progress-sec .left-progressbar h6 {
    margin-bottom: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress {
    height: 10px
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.danger-progress .progress-bar {
    background-color: #ff7272
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.warning-progress .progress-bar {
    background-color: #ffa53b
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress.success-progress .progress-bar {
    background-color: var(--theme-color)
}

.product-section .right-box-contain .progress-sec .left-progressbar .progress-bar {
    background-color: var(--theme-color)
}

.product-section .product-main .slider-image {
    background-color: #f8f8f8
}

.product-section .product-main .slider-image img {
    width: 100%
}

.product-section .right-sidebar-box {
    position: sticky;
    top: 10px
}

.product-section .right-sidebar-box .product-right-sidebar li+li {
    margin-top: 0
}

.product-section .right-sidebar-box .product-right-sidebar li+li::after {
    top: -14px;
    width: calc(100% - 103px)
}

.related-product-2 .related-product .product-title-2 {
    margin-top: 0
}

.related-product-2 .related-product .product-title-2 h4 {
    font-size: calc(21px + 4*(100vw - 320px)/1600);
    font-weight: 600;
    margin-bottom: calc(16px + 5*(100vw - 320px)/1600)
}

.related-product-2 .related-box {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 15px
}

@media(max-width: 1577px) {
    .related-product-2 .related-box {
        flex-wrap: wrap
    }
}

.related-product-2 .related-box .related-image {
    touch-action: pan-x;
    overflow: auto;
    padding-bottom: 13px
}

.related-product-2 .related-box .related-image>ul {
    display: flex;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: calc(25px + 10*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li {
    width: 100%;
    min-width: 200px;
    position: relative
}

.related-product-2 .related-box .related-image>ul>li+li {
    margin: 0 !important
}

.related-product-2 .related-box .related-image>ul>li+li::before {
    content: "+";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    left: calc(-18px + -8*(100vw - 320px)/1600);
    font-size: calc(14px + 6*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .related-image>ul>li a {
    display: block;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .image-box {
    background-color: #f8f8f8;
    width: calc(136px + 34*(100vw - 320px)/1600);
    height: calc(136px + 34*(100vw - 320px)/1600);
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check {
    position: absolute;
    top: 8px;
    left: 8px;
    padding: 0
}

.related-product-2 .related-box .related-image>ul>li a .image-box .form-check .checkbox_animated::after {
    border: 1px solid #4a5567;
    border-radius: 3px
}

.related-product-2 .related-box .related-image>ul>li a .related-content {
    margin-top: 12px;
    padding: 0 calc(4px + 8*(100vw - 320px)/1600)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h5 {
    font-size: 15px;
    line-height: 1.2;
    color: #222;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 {
    margin-top: 5px;
    color: var(--theme-color)
}

.related-product-2 .related-box .related-image>ul>li a .related-content h6 del {
    color: #4a5568;
    margin-left: 4px;
    font-size: 13px
}

.related-product-2 .related-box .related-image>ul>li .product-box .product-detail a h6 {
    font-size: 16px;
    height: auto
}

.related-product-2 .related-box .bundle-list {
    gap: 15px;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.related-product-2 .related-box .bundle-list>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px
}

.related-product-2 .related-box .bundle-list>ul>li {
    width: 100%;
    display: block
}

.related-product-2 .related-box .bundle-list>ul>li .form-check {
    display: flex;
    padding: 0;
    margin-bottom: 0;
    align-items: center
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .checkbox_animated {
    margin-top: -4px
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span {
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li .form-check .form-check-label span span {
    color: #222;
    font-weight: 600
}

.related-product-2 .related-box .bundle-list>ul>li.content {
    margin-top: calc(0px + 15*(100vw - 320px)/1600)
}

.related-product-2 .related-box .bundle-list>ul>li.content h5 {
    font-size: 17px;
    font-weight: 600;
    color: #4a5568
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 {
    margin-top: 8px;
    font-weight: 700
}

.related-product-2 .related-box .bundle-list>ul>li.content h4 del {
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-left: 5px;
    font-weight: 400
}

.sticky-bottom-cart {
    position: fixed;
    bottom: -160px;
    width: 100%;
    z-index: 9;
    background-color: #fff;
    padding: calc(11px + -5*(100vw - 320px)/1600) 0;
    box-shadow: 0 0 3px 1px rgba(34, 34, 34, .06);
    transition: all .3s ease
}

.sticky-bottom-cart .cart-content {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media(max-width: 575px) {
    .sticky-bottom-cart .cart-content {
        display: block
    }
}

.sticky-bottom-cart .product-image {
    display: flex;
    align-items: center
}

@media(max-width: 575px) {
    .sticky-bottom-cart .product-image {
        display: none
    }
}

.sticky-bottom-cart .product-image img {
    width: 60px;
    height: 70px;
    object-fit: cover;
    object-position: top
}

.sticky-bottom-cart .product-image .content {
    margin-left: 12px;
    color: #222;
    margin-top: 0
}

[dir=rtl] .sticky-bottom-cart .product-image .content {
    margin-left: 0;
    margin-right: 12px
}

@media(max-width: 991px) {
    .sticky-bottom-cart .product-image .content {
        display: none
    }
}

@media(max-width: 480px) {
    .sticky-bottom-cart .product-image .content {
        display: block
    }
}

.sticky-bottom-cart .product-image .content h5,
.sticky-bottom-cart .product-image .content h6 {
    margin-bottom: 0
}

.sticky-bottom-cart .product-image .content h5 {
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize
}

.sticky-bottom-cart .product-image .content h6 {
    font-size: 15px;
    margin-top: 6px
}

.sticky-bottom-cart .product-image .content h6 del {
    margin-left: 7px;
    color: #4a5568
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 del {
    margin-left: unset;
    margin-right: 7px
}

.sticky-bottom-cart .product-image .content h6 span {
    color: var(--theme-color);
    margin-left: 5px
}

[dir=rtl] .sticky-bottom-cart .product-image .content h6 span {
    margin-left: 0;
    margin-right: 5px
}

.sticky-bottom-cart .selection-section {
    display: flex;
    align-items: center;
    margin: 0 25px 0 auto
}

@media(max-width: 575px) {
    .sticky-bottom-cart .selection-section {
        display: none
    }
}

.sticky-bottom-cart .selection-section .form-control {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
    text-transform: capitalize;
    color: #222
}

.sticky-bottom-cart .selection-section .form-control:focus {
    box-shadow: none
}

.sticky-bottom-cart .selection-section .product-qty {
    height: 51px
}

.sticky-bottom-cart .selection-section .product-qty .input-group button {
    height: 100%
}

.sticky-bottom-cart .selection-section .form-group {
    width: 300px;
    margin-left: 10px;
    margin-right: 10px
}

@media(max-width: 1199px) {
    .sticky-bottom-cart .selection-section .form-group {
        width: 190px
    }
}

@media(max-width: 767px) {
    .sticky-bottom-cart .selection-section .form-group {
        margin-right: 0;
        width: unset
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a {
    padding: 12px 40px
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.sticky-bottom-cart .add-btn a.wishlist-btn {
    display: none;
    background-color: #f8f8f8;
    color: #222
}

.sticky-bottom-cart .add-btn a.wishlist-btn:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a.wishlist-btn {
        display: flex
    }
}

@media(max-width: 575px) {
    .sticky-bottom-cart .add-btn a+a {
        margin-left: 8px
    }

    [dir=rtl] .sticky-bottom-cart .add-btn a+a {
        margin-right: 8px;
        margin-left: unset
    }
}

.sticky-bottom-cart .add-btn a i {
    margin-right: 7px
}

[dir=rtl] .sticky-bottom-cart .add-btn a i {
    margin-right: unset;
    margin-left: 7px
}

.stickyCart {
    padding-bottom: 94px
}

.stickyCart .theme-option-2 {
    bottom: calc(74px + 16*(100vw - 320px)/1600)
}

@media(max-width: 575px) {
    .stickyCart {
        padding-bottom: 0
    }
}

.stickyCart .sticky-bottom-cart {
    bottom: 0;
    transition: all .3s ease
}

.stickyCart .recently-purchase.show {
    bottom: 110px
}

.stickyCart .tap-top {
    bottom: 110px
}

.theme-product-section .product-left-box .product-title .name {
    font-weight: 700;
    line-height: 1.5;
    margin: 0
}

.theme-product-section .product-left-box .product-title .title-content-list {
    margin-top: 8px;
    margin-bottom: 18px
}

.theme-product-section .product-left-box .product-title .title-content-list>li {
    position: relative
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: 15px;
    margin-left: 8px
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li {
    padding-left: unset;
    padding-right: 15px;
    margin-left: unset;
    margin-right: 8px
}

.theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 4px;
    left: 0;
    background-color: #ddd;
    border-radius: 100%
}

[dir=rtl] .theme-product-section .product-left-box .product-title .title-content-list>li+li::before {
    left: unset;
    right: 0
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #777;
    display: inline-block;
    font-size: calc(15px + 2*(100vw - 320px)/1600);
    font-weight: 400
}

.dark .theme-product-section .product-left-box .product-title .title-content-list>li .content {
    color: #ddd
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a {
    color: #222;
    font-weight: 500;
    text-decoration: underline
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content a .feather {
    width: 18px;
    height: 18px;
    margin-right: 5px
}

.theme-product-section .product-left-box .product-title .title-content-list>li .content .feather {
    width: 17px;
    height: 17px
}

.theme-product-section .product-left-box .product-title p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    color: #4a5568;
    margin: 0
}

.theme-product-section .product-left-box .theme-option-box {
    margin-top: calc(18px + 12*(100vw - 320px)/1600);
    position: relative;
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option::after {
    opacity: .3
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-image-option .theme-image-icon {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image {
    opacity: 1
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:first-child {
    animation: product-fade 100ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(2) {
    animation: product-fade 200ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(3) {
    animation: product-fade 300ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(4) {
    animation: product-fade 400ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box:hover .theme-option-image .product-theme-option li:nth-child(5) {
    animation: product-fade 500ms ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option {
    position: relative;
    z-index: 0;
    border-radius: calc(8px + 4*(100vw - 320px)/1600);
    overflow: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: #222;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    transition: opacity .1s ease-in-out
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon {
    opacity: 0;
    transition: opacity .1s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(38px + 12*(100vw - 320px)/1600);
    height: calc(38px + 12*(100vw - 320px)/1600);
    border-radius: 100%;
    background-color: #fff;
    z-index: 2;
    border: unset;
    position: absolute;
    color: #222;
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-image-option .theme-image-icon .feather {
    width: calc(16px + 4*(100vw - 320px)/1600);
    height: calc(16px + 4*(100vw - 320px)/1600)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image {
    position: absolute;
    right: calc(10px + 10*(100vw - 576px)/1344);
    z-index: 3;
    opacity: 0;
    top: calc(10px + 10*(100vw - 576px)/1344)
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image {
        position: relative;
        inset: unset;
        margin-top: 12px
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
    margin: 0;
    display: grid;
    gap: 7px
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option {
        display: flex
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li {
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li:hover .theme-option-list {
    opacity: 1;
    visibility: visible;
    left: -125px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
    color: var(--theme-color);
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    border-radius: 5px;
    position: relative;
    z-index: 0;
    background-color: #fff;
    overflow: hidden
}

@media(max-width: 575px) {
    .theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon {
        background-color: #222
    }
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.product-theme-icon .feather {
    width: calc(18px + 4*(100vw - 576px)/1344);
    height: calc(18px + 4*(100vw - 576px)/1344)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(34px + 8*(100vw - 576px)/1344);
    height: calc(34px + 8*(100vw - 576px)/1344);
    z-index: 0;
    color: #fff;
    overflow: hidden;
    border-radius: 5px;
    gap: 5px;
    position: relative;
    background-color: var(--theme-color);
    padding: 0
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a.layout-grid .feather {
    width: 18px;
    height: 18px
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    margin: 0;
    cursor: pointer
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li a .form-check-input:checked~.feather {
    fill: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -110px;
    transition: all .3s ease-in-out;
    opacity: 0;
    visibility: hidden
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul {
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: -1px 0 10px rgba(34, 34, 34, .071), 5px 20px 40px rgba(34, 34, 34, .039);
    background-color: #fff;
    padding: 10px 6px 10px 12px;
    border-radius: 6px 0 0 6px;
    position: relative
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    border-left: 15px solid #fff;
    border-top: 21px solid rgba(0, 0, 0, 0);
    border-bottom: 21px solid rgba(0, 0, 0, 0);
    z-index: 1;
    top: 50%;
    transform: translateY(-50%);
    right: -15px;
    text-shadow: -1px 0 10px rgba(34, 34, 34, .071), 5px 20px 40px rgba(34, 34, 34, .039)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a {
    display: block;
    color: rgba(34, 34, 34, .839)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a:hover {
    color: var(--theme-color)
}

.theme-product-section .product-left-box .theme-option-box .theme-option-image .product-theme-option li .theme-option-list ul li a .feather {
    width: 20px;
    height: 20px;
    stroke-width: 1.8px
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain {
        text-align: unset
    }
}

.theme-product-section .right-box-contain .main-right-box-contain {
    border: 1px solid #ececec;
    border-radius: 6px;
    padding: calc(20px + 4*(100vw - 320px)/1600) calc(15px + 9*(100vw - 320px)/1600);
    background-color: #f8f8f8
}

.dark .theme-product-section .right-box-contain .main-right-box-contain {
    border-color: rgba(119, 119, 119, .44);
    background-color: rgba(34, 34, 34, .9411764706)
}

.theme-product-section .right-box-contain .product-contain p {
    width: 100%
}

.theme-product-section .right-box-contain .product-package+.product-package {
    margin-top: calc(22px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package h4 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(9px + 9*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block;
    box-shadow: unset;
    padding: calc(8px + .00375*(100vw - 320px)) calc(12px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .price-rating .price {
    font-size: 26px
}

.theme-product-section .right-box-contain .note-box {
    border-bottom: 1px solid #ececec;
    padding-bottom: 16px;
    margin-top: 15px;
    flex-wrap: wrap
}

.dark .theme-product-section .right-box-contain .note-box {
    border-color: rgba(119, 119, 119, .44)
}

.theme-product-section .right-box-contain .note-box .cart-button {
    font-size: calc(14px + 4*(100vw - 320px)/1600);
    width: 100%
}

.theme-product-section .right-box-contain .note-box .cart-button.border-btn {
    border: 1px solid var(--theme-color);
    color: var(--theme-color);
    padding: 12px
}

.theme-product-section .right-box-contain .note-box .cart-button.fill-btn {
    background-color: var(--theme-color);
    color: #fff;
    border: 1px solid rgba(0, 0, 0, 0);
    padding: 12px
}

@media(max-width: 400px) {
    .theme-product-section .right-box-contain .deal-timer.product-deal-timer {
        width: 100%
    }
}

.dark .theme-product-section .right-box-contain .buy-box {
    border-color: rgba(119, 119, 119, .44)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .buy-box {
        justify-content: unset
    }
}

.theme-product-section .right-box-contain .product-rating span {
    font-size: 13px;
    font-weight: 400;
    letter-spacing: .5px;
    line-height: 1
}

.theme-product-section .right-box-contain .pickup-box {
    margin-top: 20px;
    padding: 0;
    border: unset
}

.theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
    align-items: unset;
    text-align: unset;
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

@media(max-width: 1199px) {
    .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list.product-info-list-2 {
        column-count: unset
    }
}

.dark .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    color: #ddd
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li {
    padding-left: unset;
    padding-right: 13px
}

[dir=rtl] .theme-product-section .right-box-contain .pickup-box .product-info .product-info-list li::after {
    left: unset;
    right: 0
}

.theme-product-section .right-box-contain .discount-box {
    background-color: #f8f8f8;
    padding: calc(12px + 11*(100vw - 320px)/1600) calc(18px + 5*(100vw - 320px)/1600);
    border-radius: calc(6px + 3*(100vw - 320px)/1600);
    border: 1px solid #ececec
}

.dark .theme-product-section .right-box-contain .discount-box {
    border-color: rgba(119, 119, 119, .44);
    background-color: #222323
}

.theme-product-section .right-box-contain .discount-box h4 {
    font-weight: 600;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px
}

.theme-product-section .right-box-contain .discount-box h4 span {
    color: var(--theme-color);
    font-weight: 600;
    text-transform: capitalize;
    position: relative;
    padding: 7px calc(9px + 3*(100vw - 320px)/1600);
    border-radius: 5px;
    z-index: 0
}

.theme-product-section .right-box-contain .discount-box h4 span::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    opacity: .1;
    border-radius: 5px
}

.theme-product-section .right-box-contain .discount-box p {
    line-height: 1.5;
    font-size: calc(14px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(16px + 8*(100vw - 320px)/1600);
    color: #4a5568
}

.theme-product-section .right-box-contain .discount-box .discount-btn {
    background: var(--theme-color);
    color: #fff;
    border-radius: 5px;
    border: none;
    font-size: 16px;
    letter-spacing: 1.1px;
    padding: calc(10px + 2*(100vw - 320px)/1600) calc(16px + 13*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .deal-timer.product-deal-timer ul {
    background-color: #fff
}

.theme-product-section .right-box-contain .vendor-box {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain {
    padding: 12px calc(13px + 4*(100vw - 320px)/1600);
    background-color: #fff;
    margin-bottom: 27px;
    border-radius: calc(6px + 3*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-contain .vendor-image {
    width: calc(58px + 14*(100vw - 320px)/1600);
    height: calc(58px + 14*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .vendor-box .vendor-name h5 {
    font-size: calc(16px + 2*(100vw - 320px)/1600);
    margin-bottom: calc(5px + -5*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list {
    display: grid;
    gap: calc(8px + 4*(100vw - 320px)/1600)
}

.theme-product-section .right-box-contain .license-list .form-check {
    min-height: unset;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0;
    position: relative
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input {
    float: unset;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label::before {
    opacity: .1
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle {
    border-color: var(--theme-color);
    background-color: #fff
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-input:checked~.form-check-label .circle-box .circle::before {
    transform: translate(-50%, -50%) scale(1)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label {
    cursor: pointer;
    position: relative;
    border-radius: 11px;
    overflow: hidden;
    z-index: 0;
    width: 100%;
    transition: all .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box {
    display: flex;
    align-items: center;
    gap: 7px
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    width: calc(16px + 2*(100vw - 320px)/1600);
    height: calc(16px + 2*(100vw - 320px)/1600);
    background-color: #fff;
    border-radius: 100%;
    position: relative;
    border: 1px solid #ececec;
    transition: all .1s ease-in-out
}

.dark .theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle {
    border-color: rgba(119, 119, 119, .44)
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .circle-box .circle::before {
    content: "";
    position: absolute;
    width: calc(10px + 2*(100vw - 320px)/1600);
    height: calc(10px + 2*(100vw - 320px)/1600);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: transform .1s ease-in-out
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name {
    margin: 0;
    font-size: calc(15px + 3*(100vw - 320px)/1600);
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 7px - (16px + 2*(100vw - 320px)/1600));
    font-weight: 500;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .name span {
    color: #222
}

.theme-product-section .right-box-contain .license-list .form-check .form-check-label .license-content {
    line-height: 1.5;
    color: #4a5568
}

.theme-product-section .right-box-contain .license-list .accordion-item {
    background-color: rgba(0, 0, 0, 0);
    border: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    position: relative;
    border: 1px solid rgba(74, 85, 104, .169);
    border-radius: 11px;
    padding: 16px;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
    width: 100%;
    transition: all .1s ease-in-out;
    color: #222;
    box-shadow: none;
    font-size: 18px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: unset;
    top: 0;
    left: 0;
    background-color: var(--theme-color);
    z-index: -1;
    margin: 0;
    opacity: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) {
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed) .feather {
    transform: rotate(-180deg)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button:not(.collapsed)::after {
    opacity: .15;
    transform: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-button .feather {
    transition: all .3s ease-in-out;
    width: 20px;
    height: 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse {
    margin-top: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body {
    background-color: #fff;
    border: 1px solid rgba(74, 85, 104, .169);
    border-radius: 11px;
    padding: 16px 20px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    display: flex;
    flex-wrap: wrap;
    gap: calc(5px + 8*(100vw - 320px)/1600)
}

@media(max-width: 767px) {
    .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
        justify-content: center
    }
}

body.rtl .theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package {
    padding-right: 0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li a,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li button {
    padding: 6px 11px;
    border: 1px solid #ececec;
    border-radius: 4px;
    display: block;
    color: #4a5568;
    font-size: 14px;
    transition: all .3s ease-in-out;
    background: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover {
    border: 1px solid rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover button,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li:hover img {
    border-color: rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active {
    border: 1px solid var(--theme-color);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active button,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.active img {
    background: var(--theme-color);
    color: #fff;
    font-weight: 600
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled {
    position: relative;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    opacity: .6 !important;
    pointer-events: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
    left: 0;
    background-color: #ff7272;
    width: 100%;
    height: 1px;
    cursor: default;
    -webkit-user-select: none;
    user-select: none
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled a,
.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .select-package li.disabled button {
    cursor: default
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li {
    opacity: .7
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li.active {
    opacity: 1;
    border-color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .color li button {
    width: 36px !important;
    height: 36px !important
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 100% !important;
    padding: 3px;
    transition: all .3s ease-in-out
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .circle li button {
    width: 35px;
    height: 35px;
    background-color: #f8f8f8;
    border-radius: 100%;
    color: #4a5568;
    padding: 0;
    border: unset;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check {
    margin: 0;
    padding: 0;
    min-height: auto;
    display: flex;
    align-items: center;
    gap: 8px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-input {
    border-color: rgba(154, 154, 154, .65)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check:hover .form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check+.form-check {
    margin-left: 15px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    float: unset;
    margin: 0;
    width: 16px;
    height: 16px;
    background-color: #f8f8f8;
    border: 1px solid rgba(154, 154, 154, .4);
    position: relative
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input::after {
    content: "";
    position: relative;
    width: 12px;
    height: 12px;
    background-color: var(--theme-color);
    border-radius: 100%;
    transition: .3s ease-in-out;
    transform: scale(0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:focus {
    box-shadow: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:active {
    filter: unset
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked {
    background-color: #fff;
    border-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked::after {
    transform: scale(1)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-input:checked~.form-check-label {
    color: #222
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-check .form-check-label {
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    margin-top: 1px;
    color: #4a5568;
    cursor: pointer
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .form-select {
    background: linear-gradient(187.77deg, #fafafa 5.52%, #f8f8f8 94%);
    border-radius: 7px;
    border: 1px solid #eee;
    display: inline-block
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px;
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 5px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .image li.active img {
    background: rgba(0, 0, 0, 0)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li {
    border: 1px solid rgba(154, 154, 154, .4);
    border-radius: 6px;
    padding: 3px
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li:hover button {
    color: #222;
    background-color: #f1f0f0
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li.active button {
    color: #fff;
    background-color: var(--theme-color)
}

.theme-product-section .right-box-contain .license-list .accordion-item .accordion-collapse .accordion-body.product-package .rectangle li button {
    background-color: #f8f8f8;
    border: unset
}

.product-label-group {
    position: absolute;
    top: 24px;
    left: 0
}

.product-label-group .product-label-tag {
    padding: 5px 13px;
    background-color: #ff7272;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    position: relative;
    z-index: 1;
    width: max-content
}

.product-label-group .product-label-tag::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 0;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(180deg);
    z-index: 1
}

.product-label-group .product-label-tag::after {
    content: "";
    position: absolute;
    width: 15px;
    height: 15px;
    top: 16px;
    right: -15px;
    border-bottom: solid 15px #ff7272;
    border-left: solid 15px rgba(0, 0, 0, 0);
    border-right: solid 15px rgba(0, 0, 0, 0);
    transform: rotate(0);
    z-index: 1
}

.product-label-group .product-label-tag span {
    font-weight: 700
}

.product-label-group .product-label-tag.warning-label-tag {
    background-color: #ffba00
}

.product-label-group .product-label-tag.warning-label-tag::before,
.product-label-group .product-label-tag.warning-label-tag::after {
    border-bottom-color: #ffba00
}

.product-label-group .product-label-tag+.product-label-tag {
    margin-top: 13px
}

.product-count ul {
    display: inline-flex;
    align-items: center;
    gap: 3px 15px;
    margin-bottom: 16px;
    flex-wrap: wrap
}

.product-count ul li {
    display: flex;
    align-items: center;
    gap: 10px
}

.product-count ul li .feather {
    stroke: var(--theme-color);
    width: 20px;
    height: 20px
}

.product-count ul li h6 {
    font-size: 16px
}

.share-option {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ececec
}

.share-option ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px
}

@media(max-width: 767px) {
    .share-option ul {
        justify-content: center
    }
}

.share-option ul li {
    display: block
}

.share-option ul li:hover a {
    transform: translateY(-4px)
}

.share-option ul li a {
    display: block;
    text-align: center;
    font-size: 18px;
    color: #4a5568;
    transition: all .5s ease
}

.share-option ul li a:hover {
    color: var(--theme-color);
    transition: all .5s ease
}

.dynamic-checkout {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
    max-width: 600px
}

.dynamic-checkout>* {
    width: 100%
}

.dynamic-checkout button {
    width: 100%;
    color: #fff;
    text-transform: uppercase
}

.dynamic-checkout button.border-theme-color {
    border: 1px solid var(--theme-color);
    background-color: rgba(0, 0, 0, 0);
    color: var(--theme-color);
    transition: none
}

.dynamic-checkout button.border-theme-color .spinning::before {
    border-right: 3px solid #1aa488
}

.dynamic-checkout button:hover {
    background-color: var(--theme-color);
    border-color: var(--theme-color);
    color: #fff
}

.dynamic-checkout button i {
    animation: ring 4s .7s ease-in-out infinite;
    line-height: 1;
    margin-top: -3px;
    font-size: 19px
}

[dir=rtl] .slick-slider {
    direction: ltr
}

[dir=rtl] .slick-slider .slick-list .slick-track>* {
    direction: rtl
}

[dir=rtl] .slick-slide {
    float: left
}

[dir=rtl] ul {
    padding-right: 0
}

.name, .price , h5 {
  text-transform: capitalize !important;
}

.price-flash {
  font-size: 1.3rem !important;
}


/* Styles for desktop */
@media (min-width: 1024px) {
  .bpWebchat {
    right: 70px !important;
  }

  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 8rem !important;
    right: 1.3rem !important;
    width: calc(34px + 10*(100vw - 320px)/1600) !important;
    height: calc(34px + 10*(100vw - 320px)/1600) !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}

/* Styles for tablets and mobiles */
@media (max-width: 1023px) {


  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 7.5rem !important;
    right: 0.5rem !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}/* Styles for desktop */
@media (min-width: 1024px) {
  .bpWebchat {
    right: 70px !important;
  }

  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 5rem !important;
    right: 1.3rem !important;
    width: calc(34px + 10*(100vw - 320px)/1600) !important;
    height: calc(34px + 10*(100vw - 320px)/1600) !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}

/* Styles for tablets and mobiles */
@media (max-width: 1023px) {


  .bpFab {
    z-index: 9998;
    position: fixed;
    bottom: 10rem !important;
    right: 0.5rem !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 9999px !important;

  }

  .bpReset .bpFabContainer {
    background: #e63118 !important;
  }

  .bpFabIcon {
    background-color: #fff !important;
  }
}


.header-table {
  background-color: #ffffff !important;
}

/*!****************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/seasonal-themes.css ***!
  \****************************************************************************************************************************************************************************************************************************/
/* ============================================
   SEASONAL THEMES - CSS ANIMATIONS & EFFECTS
   La Pieza.DO - Sistema de Temas Estacionales
   ============================================ */

/* ============================================
   CSS VARIABLES (Set by SeasonalThemeService)
   ============================================ */
:root {
  --seasonal-primary: #E63118;
  --seasonal-secondary: #003b76;
  --seasonal-accent: #ff6262;
  --seasonal-background: #ffffff;
  --seasonal-text: #1a1a1a;
  --seasonal-gradient: linear-gradient(135deg, #E63118 0%, #ec6f6f 100%);
  --seasonal-gradient-hover: linear-gradient(135deg, #c42a14 0%, #E63118 100%);
  --seasonal-shadow: rgba(230, 49, 24, 0.3);
}

/* ============================================
   SNOWFALL EFFECT - Handled by JavaScript
   See SeasonalThemeService.startSnowfall()
   ============================================ */
/* No CSS needed - particles created dynamically */

/* ============================================
   CONFETTI EFFECT (Black Friday, Celebrations)
   ============================================ */
.effect-confetti::after {
  content: '';
  position: fixed;
  top: -10px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect fill='%23FFD700' x='0' y='0' width='3' height='8' rx='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect fill='%23FF4500' x='0' y='0' width='3' height='8' rx='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect fill='%2300BFFF' x='0' y='0' width='3' height='8' rx='1'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect fill='%2332CD32' x='0' y='0' width='3' height='8' rx='1'/%3E%3C/svg%3E");
  background-size: 15px 15px;
  animation: confettiFall 8s linear infinite;
  opacity: 0.9;
}

@keyframes confettiFall {
  0% {
    background-position: 0px -20px, 100px -40px, 200px -10px, 300px -30px;
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(-5deg);
  }
  75% {
    transform: rotate(3deg);
  }
  100% {
    background-position: 50px 100vh, 150px 100vh, 250px 100vh, 350px 100vh;
    transform: rotate(0deg);
  }
}

/* ============================================
   HEARTS EFFECT (Valentine's, Mother's Day)
   ============================================ */
.effect-hearts::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23E91E63'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF69B4'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z'/%3E%3C/svg%3E");
  background-size: 25px 25px, 18px 18px;
  animation: heartsFloat 12s ease-in-out infinite;
  opacity: 0.7;
}

@keyframes heartsFloat {
  0% {
    background-position: 0px 100vh, 150px 100vh;
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  90% {
    opacity: 0.7;
  }
  100% {
    background-position: 100px -50px, 250px -50px;
    opacity: 0;
  }
}

/* ============================================
   FLAGS/BANNERS EFFECT (Independence, Restoration)
   ============================================ */
.effect-flags::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  pointer-events: none;
  z-index: 5;
  background: repeating-linear-gradient(
    90deg,
    transparent 0px,
    transparent 30px,
    #002D62 30px,
    #002D62 60px,
    transparent 60px,
    transparent 90px,
    #CE1126 90px,
    #CE1126 120px
  );
  animation: flagsWave 3s ease-in-out infinite;
  opacity: 0.15;
}

.effect-flags::after {
  content: '🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴 🇩🇴';
  position: fixed;
  top: 5px;
  left: 0;
  width: 100%;
  font-size: 24px;
  text-align: center;
  pointer-events: none;
  z-index: 5;
  animation: flagsSlide 20s linear infinite;
  white-space: nowrap;
}

@keyframes flagsWave {
  0%, 100% { transform: translateY(0) scaleY(1); }
  50% { transform: translateY(5px) scaleY(1.1); }
}

@keyframes flagsSlide {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* ============================================
   STARS EFFECT (New Year, General Celebrations)
   Subtle twinkling stars in corners only
   ============================================ */
.effect-stars::before {
  content: '✨';
  position: fixed;
  top: 80px;
  right: 50px;
  font-size: 20px;
  pointer-events: none;
  z-index: 5;
  animation: starsTwinkle 2s ease-in-out infinite;
  opacity: 0.7;
}

.effect-stars::after {
  content: '⭐';
  position: fixed;
  top: 150px;
  left: 30px;
  font-size: 16px;
  pointer-events: none;
  z-index: 5;
  animation: starsTwinkle 2.5s ease-in-out infinite 0.5s;
  opacity: 0.6;
}

@keyframes starsTwinkle {
  0%, 100% { opacity: 0.4; transform: scale(0.9); }
  50% { opacity: 0.8; transform: scale(1.1); }
}

/* ============================================
   LEAVES EFFECT (Easter, Mother's Day, Halloween)
   ============================================ */
.effect-leaves::after {
  content: '';
  position: fixed;
  top: -20px;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%234CAF50'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23FF9800'%3E%3Cpath d='M17 8C8 10 5.9 16.17 3.82 21.34l1.89.66.95-2.3c.48.17.98.3 1.34.3C19 20 22 3 22 3c-1 2-8 2.25-13 3.25S2 11.5 2 13.5s1.75 3.75 1.75 3.75C7 8 17 8 17 8z'/%3E%3C/svg%3E");
  background-size: 30px 30px, 25px 25px;
  animation: leavesFall 15s linear infinite;
  opacity: 0.5;
}

@keyframes leavesFall {
  0% {
    background-position: 0px -30px, 200px -50px;
    transform: rotate(0deg);
  }
  25% { transform: rotate(15deg); }
  50% { transform: rotate(-10deg); }
  75% { transform: rotate(5deg); }
  100% {
    background-position: 100px 100vh, 300px 100vh;
    transform: rotate(0deg);
  }
}

/* ============================================
   FIREWORKS EFFECT (New Year, Independence)
   ============================================ */
.effect-fireworks::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background:
    radial-gradient(circle at 20% 30%, #FFD700 0%, transparent 3%),
    radial-gradient(circle at 80% 20%, #FF4500 0%, transparent 3%),
    radial-gradient(circle at 50% 50%, #00BFFF 0%, transparent 3%),
    radial-gradient(circle at 70% 70%, #32CD32 0%, transparent 3%);
  animation: fireworksBurst 4s ease-out infinite;
  opacity: 0;
}

@keyframes fireworksBurst {
  0% {
    opacity: 0;
    transform: scale(0.1);
  }
  10% {
    opacity: 1;
    transform: scale(1);
  }
  30% {
    opacity: 0.8;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(2);
  }
}

/* ============================================
   THEME: CHRISTMAS
   ============================================ */
.theme-christmas {
  --seasonal-primary: #c41e3a;
  --seasonal-secondary: #165B33;
  --seasonal-accent: #FFD700;
}

.theme-christmas .header-top,
.theme-christmas .top-nav {
  background: linear-gradient(135deg, #c41e3a 0%, #165B33 100%) !important;
  border-bottom: 3px solid #FFD700;
}

.theme-christmas .seasonal-banner {
  background: linear-gradient(135deg, #c41e3a 0%, #165B33 100%);
  position: relative;
  overflow: hidden;
}

.theme-christmas .seasonal-banner::before {
  content: '🎄 ❄️ 🎁 ⭐ 🎄 ❄️ 🎁 ⭐ 🎄 ❄️ 🎁 ⭐';
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  animation: christmasScroll 20s linear infinite;
  font-size: 20px;
  opacity: 0.3;
}

@keyframes christmasScroll {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* Christmas Lights Border - Random Color Swap via JS */
.theme-christmas .home-section-2 {
  position: relative;
  border-top: none !important;
}

.theme-christmas .home-section-2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: repeating-linear-gradient(
    90deg,
    var(--xmas-light-1, #FF0000) 0px, var(--xmas-light-1, #FF0000) 20px,
    var(--xmas-light-2, #00FF00) 20px, var(--xmas-light-2, #00FF00) 40px,
    var(--xmas-light-3, #FFD700) 40px, var(--xmas-light-3, #FFD700) 60px,
    var(--xmas-light-4, #0000FF) 60px, var(--xmas-light-4, #0000FF) 80px
  );
  animation: lightsGlow 0.5s ease-in-out infinite alternate;
  z-index: 1;
}

@keyframes lightsGlow {
  0% { filter: brightness(1); }
  100% { filter: brightness(1.3); }
}

/* Corner Ornaments Christmas */
.theme-christmas .corner-ornament-tl::before {
  content: '🎄';
  position: fixed;
  top: 10px;
  left: 10px;
  font-size: 40px;
  z-index: 5;
  animation: ornamentSwing 2s ease-in-out infinite;
}

.theme-christmas .corner-ornament-tr::after {
  content: '⭐';
  position: fixed;
  top: 10px;
  right: 10px;
  font-size: 40px;
  z-index: 5;
  animation: ornamentGlow 1.5s ease-in-out infinite alternate;
}

@keyframes ornamentSwing {
  0%, 100% { transform: rotate(-10deg); }
  50% { transform: rotate(10deg); }
}

@keyframes ornamentGlow {
  0% { filter: drop-shadow(0 0 5px #FFD700); }
  100% { filter: drop-shadow(0 0 15px #FFD700); }
}

/* ============================================
   THEME: BLACK FRIDAY
   ============================================ */
.theme-black_friday {
  --seasonal-primary: #000000;
  --seasonal-secondary: #FFD700;
  --seasonal-accent: #FF4500;
}

.theme-black_friday .header-top,
.theme-black_friday .top-nav {
  background: linear-gradient(135deg, #000000 0%, #333333 50%, #000000 100%) !important;
  border-bottom: 3px solid #FFD700;
}

.theme-black_friday .seasonal-banner {
  background: #000000;
  position: relative;
  overflow: hidden;
}

.theme-black_friday .seasonal-banner::before {
  content: '🔥 BLACK FRIDAY 🔥';
  position: absolute;
  top: 50%;
  left: 0;
  width: 200%;
  transform: translateY(-50%);
  animation: blackFridayFlash 0.5s ease-in-out infinite alternate;
  font-size: 24px;
  font-weight: bold;
  color: #FFD700;
  text-shadow: 0 0 10px #FF4500;
}

@keyframes blackFridayFlash {
  0% { opacity: 0.7; text-shadow: 0 0 10px #FF4500; }
  100% { opacity: 1; text-shadow: 0 0 30px #FFD700, 0 0 60px #FF4500; }
}

/* Pulsing Price Tags */
.theme-black_friday .fire-button,
.theme-black_friday .btn-primary {
  animation: pricePulse 1s ease-in-out infinite;
}

@keyframes pricePulse {
  0%, 100% { transform: scale(1); box-shadow: 0 0 10px #FFD700; }
  50% { transform: scale(1.05); box-shadow: 0 0 25px #FFD700, 0 0 50px #FF4500; }
}

/* ============================================
   THEME: VALENTINE'S DAY
   ============================================ */
.theme-valentines {
  --seasonal-primary: #E91E63;
  --seasonal-secondary: #FF69B4;
  --seasonal-accent: #FFB6C1;
}

.theme-valentines .header-top,
.theme-valentines .top-nav {
  background: linear-gradient(135deg, #E91E63 0%, #FF69B4 100%) !important;
}

.theme-valentines .seasonal-banner {
  background: linear-gradient(135deg, #E91E63 0%, #FF69B4 100%);
}

/* Floating Hearts Animation */
.theme-valentines .corner-ornament-tl::before,
.theme-valentines .corner-ornament-tr::after,
.theme-valentines .corner-ornament-bl::before,
.theme-valentines .corner-ornament-br::after {
  content: '💕';
  position: fixed;
  font-size: 30px;
  z-index: 5;
  animation: heartBeat 1s ease-in-out infinite;
}

.theme-valentines .corner-ornament-tl::before { top: 10px; left: 10px; }
.theme-valentines .corner-ornament-tr::after { top: 10px; right: 10px; content: '💖'; }
.theme-valentines .corner-ornament-bl::before { bottom: 10px; left: 10px; content: '💗'; }
.theme-valentines .corner-ornament-br::after { bottom: 10px; right: 10px; content: '💝'; }

@keyframes heartBeat {
  0%, 100% { transform: scale(1); }
  25% { transform: scale(1.1); }
  50% { transform: scale(1); }
  75% { transform: scale(1.2); }
}

/* ============================================
   THEME: INDEPENDENCE / RESTORATION (RD)
   ============================================ */
.theme-independence,
.theme-restoration {
  --seasonal-primary: #002D62;
  --seasonal-secondary: #CE1126;
  --seasonal-accent: #FFFFFF;
}

.theme-independence .header-top,
.theme-independence .top-nav,
.theme-restoration .header-top,
.theme-restoration .top-nav {
  background: linear-gradient(135deg, #002D62 0%, #CE1126 100%) !important;
  position: relative;
}

/* Dominican Flag Stripe */
.theme-independence .header-top::after,
.theme-restoration .header-top::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: linear-gradient(90deg,
    #002D62 0%, #002D62 25%,
    #FFFFFF 25%, #FFFFFF 50%,
    #CE1126 50%, #CE1126 75%,
    #FFFFFF 75%, #FFFFFF 100%
  );
}

/* Patriotic Ribbon */
.theme-independence .seasonal-banner,
.theme-restoration .seasonal-banner {
  background: repeating-linear-gradient(
    45deg,
    #002D62 0px, #002D62 20px,
    #FFFFFF 20px, #FFFFFF 40px,
    #CE1126 40px, #CE1126 60px,
    #FFFFFF 60px, #FFFFFF 80px
  );
  background-size: 200% 100%;
  animation: patrioticWave 10s linear infinite;
}

@keyframes patrioticWave {
  0% { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}

/* ============================================
   THEME: MOTHER'S DAY
   ============================================ */
.theme-mothers_day {
  --seasonal-primary: #9C27B0;
  --seasonal-secondary: #E91E63;
  --seasonal-accent: #FFB6C1;
}

.theme-mothers_day .header-top,
.theme-mothers_day .top-nav {
  background: linear-gradient(135deg, #9C27B0 0%, #E91E63 100%) !important;
}

/* Flower Decorations */
.theme-mothers_day .corner-ornament-tl::before { content: '🌸'; }
.theme-mothers_day .corner-ornament-tr::after { content: '🌺'; }
.theme-mothers_day .corner-ornament-bl::before { content: '🌷'; }
.theme-mothers_day .corner-ornament-br::after { content: '💐'; }

.theme-mothers_day .corner-ornament-tl::before,
.theme-mothers_day .corner-ornament-tr::after,
.theme-mothers_day .corner-ornament-bl::before,
.theme-mothers_day .corner-ornament-br::after {
  position: fixed;
  font-size: 35px;
  z-index: 5;
  animation: flowerBloom 3s ease-in-out infinite;
}

.theme-mothers_day .corner-ornament-tl::before { top: 10px; left: 10px; }
.theme-mothers_day .corner-ornament-tr::after { top: 10px; right: 10px; }
.theme-mothers_day .corner-ornament-bl::before { bottom: 10px; left: 10px; }
.theme-mothers_day .corner-ornament-br::after { bottom: 10px; right: 10px; }

@keyframes flowerBloom {
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.2) rotate(10deg); }
}

/* ============================================
   THEME: FATHER'S DAY
   ============================================ */
.theme-fathers_day {
  --seasonal-primary: #1565C0;
  --seasonal-secondary: #0D47A1;
  --seasonal-accent: #FFD700;
}

.theme-fathers_day .header-top,
.theme-fathers_day .top-nav {
  background: linear-gradient(135deg, #1565C0 0%, #0D47A1 100%) !important;
  border-bottom: 3px solid #FFD700;
}

/* Trophy Decorations */
.theme-fathers_day .corner-ornament-tl::before { content: '🏆'; }
.theme-fathers_day .corner-ornament-tr::after { content: '👔'; }
.theme-fathers_day .corner-ornament-bl::before { content: '🎖️'; }
.theme-fathers_day .corner-ornament-br::after { content: '⭐'; }

.theme-fathers_day .corner-ornament-tl::before,
.theme-fathers_day .corner-ornament-tr::after,
.theme-fathers_day .corner-ornament-bl::before,
.theme-fathers_day .corner-ornament-br::after {
  position: fixed;
  font-size: 35px;
  z-index: 5;
  animation: trophyShine 2s ease-in-out infinite;
}

.theme-fathers_day .corner-ornament-tl::before { top: 10px; left: 10px; }
.theme-fathers_day .corner-ornament-tr::after { top: 10px; right: 10px; }
.theme-fathers_day .corner-ornament-bl::before { bottom: 10px; left: 10px; }
.theme-fathers_day .corner-ornament-br::after { bottom: 10px; right: 10px; }

@keyframes trophyShine {
  0%, 100% { filter: brightness(1); transform: scale(1); }
  50% { filter: brightness(1.3) drop-shadow(0 0 10px #FFD700); transform: scale(1.1); }
}

/* ============================================
   THEME: NEW YEAR
   ============================================ */
.theme-new_year {
  --seasonal-primary: #FFD700;
  --seasonal-secondary: #C0C0C0;
  --seasonal-accent: #4169E1;
}

.theme-new_year .header-top,
.theme-new_year .top-nav {
  background: linear-gradient(135deg, #0a0a2e 0%, #1a1a4e 100%) !important;
  border-bottom: 3px solid #FFD700;
}

/* Sparkle Effect */
.theme-new_year .seasonal-banner {
  background: linear-gradient(135deg, #0a0a2e 0%, #1a1a4e 100%);
  position: relative;
}

.theme-new_year .seasonal-banner::after {
  content: '🎆 🥂 ✨ 🎉 🎆 🥂 ✨ 🎉';
  position: absolute;
  top: 50%;
  left: 0;
  width: 200%;
  transform: translateY(-50%);
  animation: newYearSparkle 15s linear infinite;
  font-size: 24px;
}

@keyframes newYearSparkle {
  0% { transform: translateY(-50%) translateX(0); }
  100% { transform: translateY(-50%) translateX(-50%); }
}

/* ============================================
   THEME: HALLOWEEN
   ============================================ */
.theme-halloween {
  --seasonal-primary: #FF6600;
  --seasonal-secondary: #1a1a1a;
  --seasonal-accent: #800080;
}

.theme-halloween body,
.theme-halloween .header-top,
.theme-halloween .top-nav {
  background: linear-gradient(135deg, #1a1a1a 0%, #2d1f3d 100%) !important;
}

.theme-halloween .seasonal-banner {
  background: linear-gradient(135deg, #FF6600 0%, #800080 100%);
}

/* Spooky Decorations */
.theme-halloween .corner-ornament-tl::before { content: '🎃'; }
.theme-halloween .corner-ornament-tr::after { content: '👻'; }
.theme-halloween .corner-ornament-bl::before { content: '🦇'; }
.theme-halloween .corner-ornament-br::after { content: '💀'; }

.theme-halloween .corner-ornament-tl::before,
.theme-halloween .corner-ornament-tr::after,
.theme-halloween .corner-ornament-bl::before,
.theme-halloween .corner-ornament-br::after {
  position: fixed;
  font-size: 40px;
  z-index: 5;
  animation: spookyFloat 3s ease-in-out infinite;
}

.theme-halloween .corner-ornament-tl::before { top: 10px; left: 10px; animation-delay: 0s; }
.theme-halloween .corner-ornament-tr::after { top: 10px; right: 10px; animation-delay: 0.5s; }
.theme-halloween .corner-ornament-bl::before { bottom: 10px; left: 10px; animation-delay: 1s; }
.theme-halloween .corner-ornament-br::after { bottom: 10px; right: 10px; animation-delay: 1.5s; }

@keyframes spookyFloat {
  0%, 100% { transform: translateY(0) rotate(0deg); }
  25% { transform: translateY(-10px) rotate(-5deg); }
  75% { transform: translateY(-5px) rotate(5deg); }
}

/* ============================================
   SEASONAL BANNER COMPONENT
   ============================================ */
.seasonal-announcement-bar {
  position: relative;
  width: 100%;
  padding: 8px 20px;
  background: var(--seasonal-gradient);
  color: white;
  text-align: center;
  font-weight: 600;
  font-size: 14px;
  overflow: hidden;
  z-index: 100;
}

.seasonal-announcement-bar .marquee {
  display: inline-block;
  animation: marqueeScroll 30s linear infinite;
  white-space: nowrap;
}

@keyframes marqueeScroll {
  0% { transform: translateX(100%); }
  100% { transform: translateX(-100%); }
}

/* Decorative Icons Animation */
.seasonal-icon {
  display: inline-block;
  animation: iconBounce 1s ease-in-out infinite;
}

.seasonal-icon:nth-child(odd) {
  animation-delay: 0.2s;
}

@keyframes iconBounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

/* ============================================
   RESPONSIVE ADJUSTMENTS
   ============================================ */
@media (max-width: 768px) {
  .effect-snowfall::before,
  .effect-confetti::after,
  .effect-hearts::before,
  .effect-leaves::after {
    opacity: 0.4; /* Reduce intensity on mobile */
  }

  .corner-ornament-tl::before,
  .corner-ornament-tr::after,
  .corner-ornament-bl::before,
  .corner-ornament-br::after {
    font-size: 25px !important;
  }

  .seasonal-announcement-bar {
    font-size: 12px;
    padding: 6px 15px;
  }
}

/* Disable effects on reduced motion preference */
@media (prefers-reduced-motion: reduce) {
  .effect-snowfall::before,
  .effect-confetti::after,
  .effect-hearts::before,
  .effect-leaves::after,
  .effect-stars::before,
  .effect-fireworks::before,
  .effect-flags::before,
  .effect-flags::after {
    animation: none !important;
  }

  .corner-ornament-tl::before,
  .corner-ornament-tr::after,
  .corner-ornament-bl::before,
  .corner-ornament-br::after {
    animation: none !important;
  }
}

/*!************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/swiper.css ***!
  \************************************************************************************************************************************************************************************************************************/
/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */

/* FONT_START */
@font-face {
  font-family: 'swiper-icons';
  src: url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');
  font-weight: 400;
  font-style: normal;
}
/* FONT_END */
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}
:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}
.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}
.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}
.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-horizontal {
  touch-action: pan-y;
}
.swiper-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}
.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  backface-visibility: hidden;
}
/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}
.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: '';
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}
/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */

/*!***********************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/swiper/modules/free-mode.css ***!
  \***********************************************************************************************************************************************************************************************************************************/
.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

/*!**********************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/styles.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */



html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }

/* Modal z-index overrides to ensure it appears above all content */
.modal-backdrop { z-index: 19990 !important; }
.modal { z-index: 20000 !important; }

/* Angular Material Datepicker z-index - MUST be above modals */
.cdk-overlay-container {
  z-index: 20500 !important;
}

.cdk-overlay-pane {
  z-index: 20500 !important;
}

.cdk-overlay-backdrop {
  z-index: 20450 !important;
}

/* Newsletter modal - backdrop behind, modal in front */
.newsletter-backdrop {
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 20400 !important;
}

.cdk-global-overlay-wrapper:has(.newsletter-modal) {
  z-index: 20600 !important;
}

.newsletter-modal {
  z-index: 20600 !important;
}

.mat-datepicker-popup {
  z-index: 20500 !important;
}

.mat-datepicker-content {
  z-index: 20500 !important;
}

.mat-datepicker-content-container {
  z-index: 20500 !important;
}

/* ========================================
   GLOBAL PRODUCT CARD FIXES (product-box-4)
   ======================================== */

/* Fix product name truncation - show 3 lines instead of 1 */
.product-box-4 .product-detail a .name {
  -webkit-line-clamp: 3 !important;
  -webkit-box-orient: vertical;
  display: -webkit-box !important;
  overflow: hidden;
  text-overflow: ellipsis;
  min-height: 3.75em;
  line-height: 1.25em;
  margin-bottom: 8px;
}

/* Ensure rating stars are visible and styled */
.product-box-4 .product-detail .rating {
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  display: flex !important;
  gap: 2px;
}

.product-box-4 .product-detail .rating li {
  display: inline-block;
}

.product-box-4 .product-detail .rating li svg,
.product-box-4 .product-detail .rating svg {
  width: 16px;
  height: 16px;
  color: #ffa500;
}

/* Ensure price is visible and styled properly */
.product-box-4 .product-detail .price {
  font-size: 18px;
  font-weight: 600;
  color: #e63118;
  margin: 8px 0 12px 0;
  display: block !important;
}

/* Ensure the product card has enough height */
.product-box-4 {
  min-height: 358px;
  display: flex;
  flex-direction: column;
}

.product-box-4 .product-footer {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 10px;
}

/* ========================================
   NEW PRODUCTS COMPONENT - HORIZONTAL LAYOUT
   Override for product-section-2 .product-box-4
   ======================================== */

/* Force horizontal layout for new-products component */
.product-section-2 .product-box-4 {
  display: flex !important;
  align-items: center !important;
  flex-direction: row !important;
  border: none !important;
  padding: 0 !important;
  min-height: auto !important;
  text-align: left !important;
}

.product-section-2 .product-box-4 + .product-box-4 {
  margin-top: 20px !important;
}

/* Product image on the LEFT with border */
.product-section-2 .product-box-4 .product-image {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 100px !important;
  min-height: 100px !important;
  max-height: 100px !important;
  border: 1px solid #ddd !important;
  border-radius: 12px !important;
  padding: 15px !important;
  flex-shrink: 0 !important;
  display: block !important;
  margin: 0 !important;
}

.product-section-2 .product-box-4 .product-image img {
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  object-fit: contain !important;
}

/* Product details on the RIGHT */
.product-section-2 .product-box-4 .product-details {
  flex: 1 !important;
  text-align: left !important;
  padding-left: 20px !important;
  position: relative;
}

.product-section-2 .product-box-4 .product-details .rating {
  display: flex !important;
  gap: 2px !important;
  margin: 0 0 5px 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.product-section-2 .product-box-4 .product-details .rating li {
  font-size: 12px !important;
  line-height: 1 !important;
}

.product-section-2 .product-box-4 .product-details a {
  color: #222 !important;
}

.product-section-2 .product-box-4 .product-details a .name {
  font-weight: 500 !important;
  margin: 5px 0 !important;
  font-size: 14px !important;
  line-height: 1.3 !important;
  text-align: left !important;
  -webkit-line-clamp: 2 !important;
  min-height: auto !important;
}

.product-section-2 .product-box-4 .product-details .price {
  color: #e63118 !important;
  font-weight: 600 !important;
  margin: 5px 0 !important;
  font-size: 14px !important;
}

.product-section-2 .product-box-4 .product-details .option {
  display: flex !important;
  gap: 8px !important;
  margin: 5px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  opacity: 0 !important;
  transition: all 0.4s ease-in-out !important;
}

.product-section-2 .product-box-4:hover .product-details .option {
  opacity: 1 !important;
}

.product-section-2 .product-box-4 .option li {
  width: 35px !important;
  height: 35px !important;
  background-color: #fff !important;
  border-radius: 50% !important;
  border: 1px solid #e63118 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  overflow: hidden !important;
}

.product-section-2 .product-box-4 .option li::before {
  content: '' !important;
  position: absolute !important;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
  background-color: #e63118 !important;
  opacity: 0.1 !important;
  z-index: -1 !important;
}

.product-section-2 .product-box-4 .option li a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 1 !important;
}

.product-section-2 .product-box-4 .option li a .icli {
  font-size: 18px !important;
  color: #000 !important;
}

/* ========================================
   EFECTO DE PULSADO (ACTIVE) PARA BOTONES
   ======================================== */

/* Efecto de pulsado para botones de carrito */
.buy-box,
.addcart-button,
.btn-cart,
.cart-button,
[class*="iconly-Buy"] {
  transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease !important;
  cursor: pointer;
}

.buy-box:active,
.addcart-button:active,
.btn-cart:active,
.cart-button:active,
[class*="iconly-Buy"]:active {
  transform: scale(0.92) !important;
  opacity: 0.85 !important;
}

/* Contenedor del botón de carrito con efecto de pulsado */
.buy-box:active {
  transform: scale(0.9) !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

/* Efecto de pulsado global para todos los botones .btn */
.btn:active {
  transform: scale(0.96) !important;
  opacity: 0.9 !important;
}

/* Efecto para botones de acciones de producto (comprar, agregar al carrito, solicitar) */
.right-box-contain .btn:active,
.product-buttons .btn:active,
.product-information .btn:active {
  transform: scale(0.96) translateY(1px) !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15) !important;
}

/* Efecto de pulsado para botones de cantidad */
.qty-left-minus:active,
.qty-right-plus:active {
  transform: scale(0.9) !important;
  opacity: 0.8 !important;
}

/* Efecto de pulsado para botón de wishlist y compare */
.right-box-contain button:active {
  transform: scale(0.97) !important;
}

/* ========================================
   FIX: Desactivar bg-overlay global en móvil
   El menú de categorías usa su propio overlay
   ======================================== */
@media (max-width: 767px) {
  /* Ocultar bg-overlay global en móvil */
  footer ~ .bg-overlay,
  .bg-overlay {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* Fix: Category dropdown debe estar por encima del header y barra de búsqueda */
  .header-2 .header-nav-left .category-dropdown,
  .category-dropdown {
    z-index: 9999 !important;
  }

  /* Fix: Overlay del menú de categorías por encima del header */
  .category-menu-overlay,
  .category-overlay-mobile {
    z-index: 9990 !important;
  }

  /* Fix: Header con z-index menor cuando el menú está abierto */
  .header-2 {
    z-index: 1000 !important;
  }
}

/* ========================================
   SHEPHERD.JS TOUR CUSTOM STYLES
   ======================================== */

/* Tour modal overlay */
.shepherd-modal-overlay-container {
  z-index: 99998 !important;
}

/* Tour popup container */
.shepherd-element {
  z-index: 99999 !important;
  max-width: 400px !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.25) !important;
  border: none !important;
  overflow: hidden;
}

/* Tour content area */
.shepherd-content {
  background: #ffffff !important;
  border-radius: 16px !important;
  padding: 0 !important;
}

/* Tour header */
.shepherd-header {
  background: linear-gradient(135deg, #e63118 0%, #ff6b4a 100%) !important;
  padding: 20px 24px !important;
  border-bottom: none !important;
}

.shepherd-title {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  margin: 0 !important;
}

/* Cancel button (X) */
.shepherd-cancel-icon {
  color: rgba(255, 255, 255, 0.8) !important;
  font-size: 24px !important;
  transition: all 0.2s ease !important;
}

.shepherd-cancel-icon:hover {
  color: #ffffff !important;
}

/* Tour text/body */
.shepherd-text {
  padding: 24px !important;
  color: #374151 !important;
  font-size: 15px !important;
  line-height: 1.6 !important;
}

/* Tour footer with buttons */
.shepherd-footer {
  padding: 16px 24px 24px !important;
  border-top: 1px solid #f0f0f0 !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}

/* Primary button */
.shepherd-button-primary {
  background: linear-gradient(135deg, #e63118 0%, #ff6b4a 100%) !important;
  color: #ffffff !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 4px 12px rgba(230, 49, 24, 0.25) !important;
}

.shepherd-button-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 6px 16px rgba(230, 49, 24, 0.35) !important;
}

.shepherd-button-primary:active {
  transform: translateY(0) !important;
}

/* Secondary button */
.shepherd-button-secondary {
  background: #f3f4f6 !important;
  color: #6b7280 !important;
  border: none !important;
  padding: 12px 24px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  cursor: pointer !important;
  transition: all 0.3s ease !important;
}

.shepherd-button-secondary:hover {
  background: #e5e7eb !important;
  color: #374151 !important;
}

/* Arrow pointing to element */
.shepherd-arrow {
  border-color: #ffffff !important;
}

.shepherd-arrow:before {
  background: #ffffff !important;
  border: none !important;
}

/* Important step highlight (for addresses tab) */
.shepherd-step-important .shepherd-content {
  border: 2px solid #e63118 !important;
}

.shepherd-step-important .shepherd-text {
  background: #fef2f2 !important;
}

.shepherd-step-important .shepherd-text::before {
  content: "⚠️ ";
  font-size: 18px;
}

/* Welcome step without attachment (centered modal) */
.shepherd-element[data-shepherd-step-id="welcome"],
.shepherd-element[data-shepherd-step-id="complete"] {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}

.shepherd-element[data-shepherd-step-id="welcome"] .shepherd-header,
.shepherd-element[data-shepherd-step-id="complete"] .shepherd-header {
  text-align: center !important;
}

.shepherd-element[data-shepherd-step-id="welcome"] .shepherd-text,
.shepherd-element[data-shepherd-step-id="complete"] .shepherd-text {
  text-align: center !important;
}

.shepherd-element[data-shepherd-step-id="welcome"] .shepherd-footer,
.shepherd-element[data-shepherd-step-id="complete"] .shepherd-footer {
  justify-content: center !important;
}

/* Mobile responsive */
@media (max-width: 768px) {
  .shepherd-element {
    max-width: calc(100vw - 32px) !important;
    margin: 16px !important;
  }

  .shepherd-header {
    padding: 16px 20px !important;
  }

  .shepherd-text {
    padding: 20px !important;
    font-size: 14px !important;
  }

  .shepherd-footer {
    padding: 12px 20px 20px !important;
    flex-direction: column !important;
  }

  .shepherd-button-primary,
  .shepherd-button-secondary {
    width: 100% !important;
    text-align: center !important;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./src/assets/css/vendors/font-awesome.css?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************/
/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa {
    font-family: var(--fa-style-family, "Font Awesome 6 Free");
    font-weight: var(--fa-style, 900)
}

.fa,
.fas,
.fa-solid,
.far,
.fa-regular,
.fal,
.fa-light,
.fat,
.fa-thin,
.fad,
.fa-duotone,
.fab,
.fa-brands {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: var(--fa-display, inline-block);
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto
}

.fa-1x {
    font-size: 1em
}

.fa-2x {
    font-size: 2em
}

.fa-3x {
    font-size: 3em
}

.fa-4x {
    font-size: 4em
}

.fa-5x {
    font-size: 5em
}

.fa-6x {
    font-size: 6em
}

.fa-7x {
    font-size: 7em
}

.fa-8x {
    font-size: 8em
}

.fa-9x {
    font-size: 9em
}

.fa-10x {
    font-size: 10em
}

.fa-2xs {
    font-size: .625em;
    line-height: .1em;
    vertical-align: .225em
}

.fa-xs {
    font-size: .75em;
    line-height: .0833333337em;
    vertical-align: .125em
}

.fa-sm {
    font-size: .875em;
    line-height: .0714285718em;
    vertical-align: .0535714295em
}

.fa-lg {
    font-size: 1.25em;
    line-height: .05em;
    vertical-align: -.075em
}

.fa-xl {
    font-size: 1.5em;
    line-height: .0416666682em;
    vertical-align: -0.125em
}

.fa-2xl {
    font-size: 2em;
    line-height: .03125em;
    vertical-align: -0.1875em
}

.fa-fw {
    text-align: center;
    width: 1.25em
}

.fa-ul {
    list-style-type: none;
    margin-left: var(--fa-li-margin, 2.5em);
    padding-left: 0
}

.fa-ul>li {
    position: relative
}

.fa-li {
    left: calc(var(--fa-li-width, 2em)*-1);
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit
}

.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, 0.08em);
    padding: var(--fa-border-padding, 0.2em 0.25em 0.15em)
}

.fa-pull-left {
    float: left;
    margin-right: var(--fa-pull-margin, 0.3em)
}

.fa-pull-right {
    float: right;
    margin-left: var(--fa-pull-margin, 0.3em)
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1))
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1))
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out)
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear)
}

.fa-spin-reverse {
    --fa-animation-direction: reverse
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8))
}

@media(prefers-reduced-motion: reduce) {

    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation-delay: -1ms;
        animation-duration: 1ms;
        animation-iteration-count: 1;
        transition-delay: 0s;
        transition-duration: 0s
    }
}

@keyframes fa-beat {

    0%,
    90% {
        transform: scale(1)
    }

    45% {
        transform: scale(var(--fa-beat-scale, 1.25))
    }
}

@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0)
    }

    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0)
    }

    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em))
    }

    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0)
    }

    57% {
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em))
    }

    64% {
        transform: scale(1, 1) translateY(0)
    }

    100% {
        transform: scale(1, 1) translateY(0)
    }
}

@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, 0.4)
    }
}

@keyframes fa-beat-fade {

    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1)
    }

    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125))
    }
}

@keyframes fa-flip {
    50% {
        transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg))
    }
}

@keyframes fa-shake {
    0% {
        transform: rotate(-15deg)
    }

    4% {
        transform: rotate(15deg)
    }

    8%,
    24% {
        transform: rotate(-18deg)
    }

    12%,
    28% {
        transform: rotate(18deg)
    }

    16% {
        transform: rotate(-22deg)
    }

    20% {
        transform: rotate(22deg)
    }

    32% {
        transform: rotate(-12deg)
    }

    36% {
        transform: rotate(12deg)
    }

    40%,
    100% {
        transform: rotate(0deg)
    }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.fa-rotate-90 {
    transform: rotate(90deg)
}

.fa-rotate-180 {
    transform: rotate(180deg)
}

.fa-rotate-270 {
    transform: rotate(270deg)
}

.fa-flip-horizontal {
    transform: scale(-1, 1)
}

.fa-flip-vertical {
    transform: scale(1, -1)
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1)
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, none))
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em
}

.fa-stack-1x,
.fa-stack-2x {
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: var(--fa-stack-z-index, auto)
}

.fa-stack-1x {
    line-height: inherit
}

.fa-stack-2x {
    font-size: 2em
}

.fa-inverse {
    color: var(--fa-inverse, #fff)
}

.fa-0::before {
    content: "\30 "
}

.fa-1::before {
    content: "\31 "
}

.fa-2::before {
    content: "\32 "
}

.fa-3::before {
    content: "\33 "
}

.fa-4::before {
    content: "\34 "
}

.fa-5::before {
    content: "\35 "
}

.fa-6::before {
    content: "\36 "
}

.fa-7::before {
    content: "\37 "
}

.fa-8::before {
    content: "\38 "
}

.fa-9::before {
    content: "\39 "
}

.fa-a::before {
    content: "A"
}

.fa-address-book::before {
    content: ""
}

.fa-contact-book::before {
    content: ""
}

.fa-address-card::before {
    content: ""
}

.fa-contact-card::before {
    content: ""
}

.fa-vcard::before {
    content: ""
}

.fa-align-center::before {
    content: ""
}

.fa-align-justify::before {
    content: ""
}

.fa-align-left::before {
    content: ""
}

.fa-align-right::before {
    content: ""
}

.fa-anchor::before {
    content: ""
}

.fa-angle-down::before {
    content: ""
}

.fa-angle-left::before {
    content: ""
}

.fa-angle-right::before {
    content: ""
}

.fa-angle-up::before {
    content: ""
}

.fa-angles-down::before {
    content: ""
}

.fa-angle-double-down::before {
    content: ""
}

.fa-angles-left::before {
    content: ""
}

.fa-angle-double-left::before {
    content: ""
}

.fa-angles-right::before {
    content: ""
}

.fa-angle-double-right::before {
    content: ""
}

.fa-angles-up::before {
    content: ""
}

.fa-angle-double-up::before {
    content: ""
}

.fa-ankh::before {
    content: ""
}

.fa-apple-whole::before {
    content: ""
}

.fa-apple-alt::before {
    content: ""
}

.fa-archway::before {
    content: ""
}

.fa-arrow-down::before {
    content: ""
}

.fa-arrow-down-1-9::before {
    content: ""
}

.fa-sort-numeric-asc::before {
    content: ""
}

.fa-sort-numeric-down::before {
    content: ""
}

.fa-arrow-down-9-1::before {
    content: ""
}

.fa-sort-numeric-desc::before {
    content: ""
}

.fa-sort-numeric-down-alt::before {
    content: ""
}

.fa-arrow-down-a-z::before {
    content: ""
}

.fa-sort-alpha-asc::before {
    content: ""
}

.fa-sort-alpha-down::before {
    content: ""
}

.fa-arrow-down-long::before {
    content: ""
}

.fa-long-arrow-down::before {
    content: ""
}

.fa-arrow-down-short-wide::before {
    content: ""
}

.fa-sort-amount-desc::before {
    content: ""
}

.fa-sort-amount-down-alt::before {
    content: ""
}

.fa-arrow-down-wide-short::before {
    content: ""
}

.fa-sort-amount-asc::before {
    content: ""
}

.fa-sort-amount-down::before {
    content: ""
}

.fa-arrow-down-z-a::before {
    content: ""
}

.fa-sort-alpha-desc::before {
    content: ""
}

.fa-sort-alpha-down-alt::before {
    content: ""
}

.fa-arrow-left::before {
    content: ""
}

.fa-arrow-left-long::before {
    content: ""
}

.fa-long-arrow-left::before {
    content: ""
}

.fa-arrow-pointer::before {
    content: ""
}

.fa-mouse-pointer::before {
    content: ""
}

.fa-arrow-right::before {
    content: ""
}

.fa-arrow-right-arrow-left::before {
    content: ""
}

.fa-exchange::before {
    content: ""
}

.fa-arrow-right-from-bracket::before {
    content: ""
}

.fa-sign-out::before {
    content: ""
}

.fa-arrow-right-long::before {
    content: ""
}

.fa-long-arrow-right::before {
    content: ""
}

.fa-arrow-right-to-bracket::before {
    content: ""
}

.fa-sign-in::before {
    content: ""
}

.fa-arrow-rotate-left::before {
    content: ""
}

.fa-arrow-left-rotate::before {
    content: ""
}

.fa-arrow-rotate-back::before {
    content: ""
}

.fa-arrow-rotate-backward::before {
    content: ""
}

.fa-undo::before {
    content: ""
}

.fa-arrow-rotate-right::before {
    content: ""
}

.fa-arrow-right-rotate::before {
    content: ""
}

.fa-arrow-rotate-forward::before {
    content: ""
}

.fa-redo::before {
    content: ""
}

.fa-arrow-trend-down::before {
    content: ""
}

.fa-arrow-trend-up::before {
    content: ""
}

.fa-arrow-turn-down::before {
    content: ""
}

.fa-level-down::before {
    content: ""
}

.fa-arrow-turn-up::before {
    content: ""
}

.fa-level-up::before {
    content: ""
}

.fa-arrow-up::before {
    content: ""
}

.fa-arrow-up-1-9::before {
    content: ""
}

.fa-sort-numeric-up::before {
    content: ""
}

.fa-arrow-up-9-1::before {
    content: ""
}

.fa-sort-numeric-up-alt::before {
    content: ""
}

.fa-arrow-up-a-z::before {
    content: ""
}

.fa-sort-alpha-up::before {
    content: ""
}

.fa-arrow-up-from-bracket::before {
    content: ""
}

.fa-arrow-up-long::before {
    content: ""
}

.fa-long-arrow-up::before {
    content: ""
}

.fa-arrow-up-right-from-square::before {
    content: ""
}

.fa-external-link::before {
    content: ""
}

.fa-arrow-up-short-wide::before {
    content: ""
}

.fa-sort-amount-up-alt::before {
    content: ""
}

.fa-arrow-up-wide-short::before {
    content: ""
}

.fa-sort-amount-up::before {
    content: ""
}

.fa-arrow-up-z-a::before {
    content: ""
}

.fa-sort-alpha-up-alt::before {
    content: ""
}

.fa-arrows-left-right::before {
    content: ""
}

.fa-arrows-h::before {
    content: ""
}

.fa-arrows-rotate::before {
    content: ""
}

.fa-refresh::before {
    content: ""
}

.fa-sync::before {
    content: ""
}

.fa-arrows-up-down::before {
    content: ""
}

.fa-arrows-v::before {
    content: ""
}

.fa-arrows-up-down-left-right::before {
    content: ""
}

.fa-arrows::before {
    content: ""
}

.fa-asterisk::before {
    content: "\*"
}

.fa-at::before {
    content: "\@"
}

.fa-atom::before {
    content: ""
}

.fa-audio-description::before {
    content: ""
}

.fa-austral-sign::before {
    content: ""
}

.fa-award::before {
    content: ""
}

.fa-b::before {
    content: "B"
}

.fa-baby::before {
    content: ""
}

.fa-baby-carriage::before {
    content: ""
}

.fa-carriage-baby::before {
    content: ""
}

.fa-backward::before {
    content: ""
}

.fa-backward-fast::before {
    content: ""
}

.fa-fast-backward::before {
    content: ""
}

.fa-backward-step::before {
    content: ""
}

.fa-step-backward::before {
    content: ""
}

.fa-bacon::before {
    content: ""
}

.fa-bacteria::before {
    content: ""
}

.fa-bacterium::before {
    content: ""
}

.fa-bag-shopping::before {
    content: ""
}

.fa-shopping-bag::before {
    content: ""
}

.fa-bahai::before {
    content: ""
}

.fa-baht-sign::before {
    content: ""
}

.fa-ban::before {
    content: ""
}

.fa-cancel::before {
    content: ""
}

.fa-ban-smoking::before {
    content: ""
}

.fa-smoking-ban::before {
    content: ""
}

.fa-bandage::before {
    content: ""
}

.fa-band-aid::before {
    content: ""
}

.fa-barcode::before {
    content: ""
}

.fa-bars::before {
    content: ""
}

.fa-navicon::before {
    content: ""
}

.fa-bars-progress::before {
    content: ""
}

.fa-tasks-alt::before {
    content: ""
}

.fa-bars-staggered::before {
    content: ""
}

.fa-reorder::before {
    content: ""
}

.fa-stream::before {
    content: ""
}

.fa-baseball::before {
    content: ""
}

.fa-baseball-ball::before {
    content: ""
}

.fa-baseball-bat-ball::before {
    content: ""
}

.fa-basket-shopping::before {
    content: ""
}

.fa-shopping-basket::before {
    content: ""
}

.fa-basketball::before {
    content: ""
}

.fa-basketball-ball::before {
    content: ""
}

.fa-bath::before {
    content: ""
}

.fa-bathtub::before {
    content: ""
}

.fa-battery-empty::before {
    content: ""
}

.fa-battery-0::before {
    content: ""
}

.fa-battery-full::before {
    content: ""
}

.fa-battery::before {
    content: ""
}

.fa-battery-5::before {
    content: ""
}

.fa-battery-half::before {
    content: ""
}

.fa-battery-3::before {
    content: ""
}

.fa-battery-quarter::before {
    content: ""
}

.fa-battery-2::before {
    content: ""
}

.fa-battery-three-quarters::before {
    content: ""
}

.fa-battery-4::before {
    content: ""
}

.fa-bed::before {
    content: ""
}

.fa-bed-pulse::before {
    content: ""
}

.fa-procedures::before {
    content: ""
}

.fa-beer-mug-empty::before {
    content: ""
}

.fa-beer::before {
    content: ""
}

.fa-bell::before {
    content: ""
}

.fa-bell-concierge::before {
    content: ""
}

.fa-concierge-bell::before {
    content: ""
}

.fa-bell-slash::before {
    content: ""
}

.fa-bezier-curve::before {
    content: ""
}

.fa-bicycle::before {
    content: ""
}

.fa-binoculars::before {
    content: ""
}

.fa-biohazard::before {
    content: ""
}

.fa-bitcoin-sign::before {
    content: ""
}

.fa-blender::before {
    content: ""
}

.fa-blender-phone::before {
    content: ""
}

.fa-blog::before {
    content: ""
}

.fa-bold::before {
    content: ""
}

.fa-bolt::before {
    content: ""
}

.fa-zap::before {
    content: ""
}

.fa-bolt-lightning::before {
    content: ""
}

.fa-bomb::before {
    content: ""
}

.fa-bone::before {
    content: ""
}

.fa-bong::before {
    content: ""
}

.fa-book::before {
    content: ""
}

.fa-book-atlas::before {
    content: ""
}

.fa-atlas::before {
    content: ""
}

.fa-book-bible::before {
    content: ""
}

.fa-bible::before {
    content: ""
}

.fa-book-journal-whills::before {
    content: ""
}

.fa-journal-whills::before {
    content: ""
}

.fa-book-medical::before {
    content: ""
}

.fa-book-open::before {
    content: ""
}

.fa-book-open-reader::before {
    content: ""
}

.fa-book-reader::before {
    content: ""
}

.fa-book-quran::before {
    content: ""
}

.fa-quran::before {
    content: ""
}

.fa-book-skull::before {
    content: ""
}

.fa-book-dead::before {
    content: ""
}

.fa-bookmark::before {
    content: ""
}

.fa-border-all::before {
    content: ""
}

.fa-border-none::before {
    content: ""
}

.fa-border-top-left::before {
    content: ""
}

.fa-border-style::before {
    content: ""
}

.fa-bowling-ball::before {
    content: ""
}

.fa-box::before {
    content: ""
}

.fa-box-archive::before {
    content: ""
}

.fa-archive::before {
    content: ""
}

.fa-box-open::before {
    content: ""
}

.fa-box-tissue::before {
    content: ""
}

.fa-boxes-stacked::before {
    content: ""
}

.fa-boxes::before {
    content: ""
}

.fa-boxes-alt::before {
    content: ""
}

.fa-braille::before {
    content: ""
}

.fa-brain::before {
    content: ""
}

.fa-brazilian-real-sign::before {
    content: ""
}

.fa-bread-slice::before {
    content: ""
}

.fa-briefcase::before {
    content: ""
}

.fa-briefcase-medical::before {
    content: ""
}

.fa-broom::before {
    content: ""
}

.fa-broom-ball::before {
    content: ""
}

.fa-quidditch::before {
    content: ""
}

.fa-quidditch-broom-ball::before {
    content: ""
}

.fa-brush::before {
    content: ""
}

.fa-bug::before {
    content: ""
}

.fa-bug-slash::before {
    content: ""
}

.fa-building::before {
    content: ""
}

.fa-building-columns::before {
    content: ""
}

.fa-bank::before {
    content: ""
}

.fa-institution::before {
    content: ""
}

.fa-museum::before {
    content: ""
}

.fa-university::before {
    content: ""
}

.fa-bullhorn::before {
    content: ""
}

.fa-bullseye::before {
    content: ""
}

.fa-burger::before {
    content: ""
}

.fa-hamburger::before {
    content: ""
}

.fa-bus::before {
    content: ""
}

.fa-bus-simple::before {
    content: ""
}

.fa-bus-alt::before {
    content: ""
}

.fa-business-time::before {
    content: ""
}

.fa-briefcase-clock::before {
    content: ""
}

.fa-c::before {
    content: "C"
}

.fa-cake-candles::before {
    content: ""
}

.fa-birthday-cake::before {
    content: ""
}

.fa-cake::before {
    content: ""
}

.fa-calculator::before {
    content: ""
}

.fa-calendar::before {
    content: ""
}

.fa-calendar-check::before {
    content: ""
}

.fa-calendar-day::before {
    content: ""
}

.fa-calendar-days::before {
    content: ""
}

.fa-calendar-alt::before {
    content: ""
}

.fa-calendar-minus::before {
    content: ""
}

.fa-calendar-plus::before {
    content: ""
}

.fa-calendar-week::before {
    content: ""
}

.fa-calendar-xmark::before {
    content: ""
}

.fa-calendar-times::before {
    content: ""
}

.fa-camera::before {
    content: ""
}

.fa-camera-alt::before {
    content: ""
}

.fa-camera-retro::before {
    content: ""
}

.fa-camera-rotate::before {
    content: ""
}

.fa-campground::before {
    content: ""
}

.fa-candy-cane::before {
    content: ""
}

.fa-cannabis::before {
    content: ""
}

.fa-capsules::before {
    content: ""
}

.fa-car::before {
    content: ""
}

.fa-automobile::before {
    content: ""
}

.fa-car-battery::before {
    content: ""
}

.fa-battery-car::before {
    content: ""
}

.fa-car-crash::before {
    content: ""
}

.fa-car-rear::before {
    content: ""
}

.fa-car-alt::before {
    content: ""
}

.fa-car-side::before {
    content: ""
}

.fa-caravan::before {
    content: ""
}

.fa-caret-down::before {
    content: ""
}

.fa-caret-left::before {
    content: ""
}

.fa-caret-right::before {
    content: ""
}

.fa-caret-up::before {
    content: ""
}

.fa-carrot::before {
    content: ""
}

.fa-cart-arrow-down::before {
    content: ""
}

.fa-cart-flatbed::before {
    content: ""
}

.fa-dolly-flatbed::before {
    content: ""
}

.fa-cart-flatbed-suitcase::before {
    content: ""
}

.fa-luggage-cart::before {
    content: ""
}

.fa-cart-plus::before {
    content: ""
}

.fa-cart-shopping::before {
    content: ""
}

.fa-shopping-cart::before {
    content: ""
}

.fa-cash-register::before {
    content: ""
}

.fa-cat::before {
    content: ""
}

.fa-cedi-sign::before {
    content: ""
}

.fa-cent-sign::before {
    content: ""
}

.fa-certificate::before {
    content: ""
}

.fa-chair::before {
    content: ""
}

.fa-chalkboard::before {
    content: ""
}

.fa-blackboard::before {
    content: ""
}

.fa-chalkboard-user::before {
    content: ""
}

.fa-chalkboard-teacher::before {
    content: ""
}

.fa-champagne-glasses::before {
    content: ""
}

.fa-glass-cheers::before {
    content: ""
}

.fa-charging-station::before {
    content: ""
}

.fa-chart-area::before {
    content: ""
}

.fa-area-chart::before {
    content: ""
}

.fa-chart-bar::before {
    content: ""
}

.fa-bar-chart::before {
    content: ""
}

.fa-chart-column::before {
    content: ""
}

.fa-chart-gantt::before {
    content: ""
}

.fa-chart-line::before {
    content: ""
}

.fa-line-chart::before {
    content: ""
}

.fa-chart-pie::before {
    content: ""
}

.fa-pie-chart::before {
    content: ""
}

.fa-check::before {
    content: ""
}

.fa-check-double::before {
    content: ""
}

.fa-check-to-slot::before {
    content: ""
}

.fa-vote-yea::before {
    content: ""
}

.fa-cheese::before {
    content: ""
}

.fa-chess::before {
    content: ""
}

.fa-chess-bishop::before {
    content: ""
}

.fa-chess-board::before {
    content: ""
}

.fa-chess-king::before {
    content: ""
}

.fa-chess-knight::before {
    content: ""
}

.fa-chess-pawn::before {
    content: ""
}

.fa-chess-queen::before {
    content: ""
}

.fa-chess-rook::before {
    content: ""
}

.fa-chevron-down::before {
    content: ""
}

.fa-chevron-left::before {
    content: ""
}

.fa-chevron-right::before {
    content: ""
}

.fa-chevron-up::before {
    content: ""
}

.fa-child::before {
    content: ""
}

.fa-church::before {
    content: ""
}

.fa-circle::before {
    content: ""
}

.fa-circle-arrow-down::before {
    content: ""
}

.fa-arrow-circle-down::before {
    content: ""
}

.fa-circle-arrow-left::before {
    content: ""
}

.fa-arrow-circle-left::before {
    content: ""
}

.fa-circle-arrow-right::before {
    content: ""
}

.fa-arrow-circle-right::before {
    content: ""
}

.fa-circle-arrow-up::before {
    content: ""
}

.fa-arrow-circle-up::before {
    content: ""
}

.fa-circle-check::before {
    content: ""
}

.fa-check-circle::before {
    content: ""
}

.fa-circle-chevron-down::before {
    content: ""
}

.fa-chevron-circle-down::before {
    content: ""
}

.fa-circle-chevron-left::before {
    content: ""
}

.fa-chevron-circle-left::before {
    content: ""
}

.fa-circle-chevron-right::before {
    content: ""
}

.fa-chevron-circle-right::before {
    content: ""
}

.fa-circle-chevron-up::before {
    content: ""
}

.fa-chevron-circle-up::before {
    content: ""
}

.fa-circle-dollar-to-slot::before {
    content: ""
}

.fa-donate::before {
    content: ""
}

.fa-circle-dot::before {
    content: ""
}

.fa-dot-circle::before {
    content: ""
}

.fa-circle-down::before {
    content: ""
}

.fa-arrow-alt-circle-down::before {
    content: ""
}

.fa-circle-exclamation::before {
    content: ""
}

.fa-exclamation-circle::before {
    content: ""
}

.fa-circle-h::before {
    content: ""
}

.fa-hospital-symbol::before {
    content: ""
}

.fa-circle-half-stroke::before {
    content: ""
}

.fa-adjust::before {
    content: ""
}

.fa-circle-info::before {
    content: ""
}

.fa-info-circle::before {
    content: ""
}

.fa-circle-left::before {
    content: ""
}

.fa-arrow-alt-circle-left::before {
    content: ""
}

.fa-circle-minus::before {
    content: ""
}

.fa-minus-circle::before {
    content: ""
}

.fa-circle-notch::before {
    content: ""
}

.fa-circle-pause::before {
    content: ""
}

.fa-pause-circle::before {
    content: ""
}

.fa-circle-play::before {
    content: ""
}

.fa-play-circle::before {
    content: ""
}

.fa-circle-plus::before {
    content: ""
}

.fa-plus-circle::before {
    content: ""
}

.fa-circle-question::before {
    content: ""
}

.fa-question-circle::before {
    content: ""
}

.fa-circle-radiation::before {
    content: ""
}

.fa-radiation-alt::before {
    content: ""
}

.fa-circle-right::before {
    content: ""
}

.fa-arrow-alt-circle-right::before {
    content: ""
}

.fa-circle-stop::before {
    content: ""
}

.fa-stop-circle::before {
    content: ""
}

.fa-circle-up::before {
    content: ""
}

.fa-arrow-alt-circle-up::before {
    content: ""
}

.fa-circle-user::before {
    content: ""
}

.fa-user-circle::before {
    content: ""
}

.fa-circle-xmark::before {
    content: ""
}

.fa-times-circle::before {
    content: ""
}

.fa-xmark-circle::before {
    content: ""
}

.fa-city::before {
    content: ""
}

.fa-clapperboard::before {
    content: ""
}

.fa-clipboard::before {
    content: ""
}

.fa-clipboard-check::before {
    content: ""
}

.fa-clipboard-list::before {
    content: ""
}

.fa-clock::before {
    content: ""
}

.fa-clock-four::before {
    content: ""
}

.fa-clock-rotate-left::before {
    content: ""
}

.fa-history::before {
    content: ""
}

.fa-clone::before {
    content: ""
}

.fa-closed-captioning::before {
    content: ""
}

.fa-cloud::before {
    content: ""
}

.fa-cloud-arrow-down::before {
    content: ""
}

.fa-cloud-download::before {
    content: ""
}

.fa-cloud-download-alt::before {
    content: ""
}

.fa-cloud-arrow-up::before {
    content: ""
}

.fa-cloud-upload::before {
    content: ""
}

.fa-cloud-upload-alt::before {
    content: ""
}

.fa-cloud-meatball::before {
    content: ""
}

.fa-cloud-moon::before {
    content: ""
}

.fa-cloud-moon-rain::before {
    content: ""
}

.fa-cloud-rain::before {
    content: ""
}

.fa-cloud-showers-heavy::before {
    content: ""
}

.fa-cloud-sun::before {
    content: ""
}

.fa-cloud-sun-rain::before {
    content: ""
}

.fa-clover::before {
    content: ""
}

.fa-code::before {
    content: ""
}

.fa-code-branch::before {
    content: ""
}

.fa-code-commit::before {
    content: ""
}

.fa-code-compare::before {
    content: ""
}

.fa-code-fork::before {
    content: ""
}

.fa-code-merge::before {
    content: ""
}

.fa-code-pull-request::before {
    content: ""
}

.fa-coins::before {
    content: ""
}

.fa-colon-sign::before {
    content: ""
}

.fa-comment::before {
    content: ""
}

.fa-comment-dollar::before {
    content: ""
}

.fa-comment-dots::before {
    content: ""
}

.fa-commenting::before {
    content: ""
}

.fa-comment-medical::before {
    content: ""
}

.fa-comment-slash::before {
    content: ""
}

.fa-comment-sms::before {
    content: ""
}

.fa-sms::before {
    content: ""
}

.fa-comments::before {
    content: ""
}

.fa-comments-dollar::before {
    content: ""
}

.fa-compact-disc::before {
    content: ""
}

.fa-compass::before {
    content: ""
}

.fa-compass-drafting::before {
    content: ""
}

.fa-drafting-compass::before {
    content: ""
}

.fa-compress::before {
    content: ""
}

.fa-computer-mouse::before {
    content: ""
}

.fa-mouse::before {
    content: ""
}

.fa-cookie::before {
    content: ""
}

.fa-cookie-bite::before {
    content: ""
}

.fa-copy::before {
    content: ""
}

.fa-copyright::before {
    content: ""
}

.fa-couch::before {
    content: ""
}

.fa-credit-card::before {
    content: ""
}

.fa-credit-card-alt::before {
    content: ""
}

.fa-crop::before {
    content: ""
}

.fa-crop-simple::before {
    content: ""
}

.fa-crop-alt::before {
    content: ""
}

.fa-cross::before {
    content: ""
}

.fa-crosshairs::before {
    content: ""
}

.fa-crow::before {
    content: ""
}

.fa-crown::before {
    content: ""
}

.fa-crutch::before {
    content: ""
}

.fa-cruzeiro-sign::before {
    content: ""
}

.fa-cube::before {
    content: ""
}

.fa-cubes::before {
    content: ""
}

.fa-d::before {
    content: "D"
}

.fa-database::before {
    content: ""
}

.fa-delete-left::before {
    content: ""
}

.fa-backspace::before {
    content: ""
}

.fa-democrat::before {
    content: ""
}

.fa-desktop::before {
    content: ""
}

.fa-desktop-alt::before {
    content: ""
}

.fa-dharmachakra::before {
    content: ""
}

.fa-diagram-next::before {
    content: ""
}

.fa-diagram-predecessor::before {
    content: ""
}

.fa-diagram-project::before {
    content: ""
}

.fa-project-diagram::before {
    content: ""
}

.fa-diagram-successor::before {
    content: ""
}

.fa-diamond::before {
    content: ""
}

.fa-diamond-turn-right::before {
    content: ""
}

.fa-directions::before {
    content: ""
}

.fa-dice::before {
    content: ""
}

.fa-dice-d20::before {
    content: ""
}

.fa-dice-d6::before {
    content: ""
}

.fa-dice-five::before {
    content: ""
}

.fa-dice-four::before {
    content: ""
}

.fa-dice-one::before {
    content: ""
}

.fa-dice-six::before {
    content: ""
}

.fa-dice-three::before {
    content: ""
}

.fa-dice-two::before {
    content: ""
}

.fa-disease::before {
    content: ""
}

.fa-divide::before {
    content: ""
}

.fa-dna::before {
    content: ""
}

.fa-dog::before {
    content: ""
}

.fa-dollar-sign::before {
    content: "\$"
}

.fa-dollar::before {
    content: "\$"
}

.fa-usd::before {
    content: "\$"
}

.fa-dolly::before {
    content: ""
}

.fa-dolly-box::before {
    content: ""
}

.fa-dong-sign::before {
    content: ""
}

.fa-door-closed::before {
    content: ""
}

.fa-door-open::before {
    content: ""
}

.fa-dove::before {
    content: ""
}

.fa-down-left-and-up-right-to-center::before {
    content: ""
}

.fa-compress-alt::before {
    content: ""
}

.fa-down-long::before {
    content: ""
}

.fa-long-arrow-alt-down::before {
    content: ""
}

.fa-download::before {
    content: ""
}

.fa-dragon::before {
    content: ""
}

.fa-draw-polygon::before {
    content: ""
}

.fa-droplet::before {
    content: ""
}

.fa-tint::before {
    content: ""
}

.fa-droplet-slash::before {
    content: ""
}

.fa-tint-slash::before {
    content: ""
}

.fa-drum::before {
    content: ""
}

.fa-drum-steelpan::before {
    content: ""
}

.fa-drumstick-bite::before {
    content: ""
}

.fa-dumbbell::before {
    content: ""
}

.fa-dumpster::before {
    content: ""
}

.fa-dumpster-fire::before {
    content: ""
}

.fa-dungeon::before {
    content: ""
}

.fa-e::before {
    content: "E"
}

.fa-ear-deaf::before {
    content: ""
}

.fa-deaf::before {
    content: ""
}

.fa-deafness::before {
    content: ""
}

.fa-hard-of-hearing::before {
    content: ""
}

.fa-ear-listen::before {
    content: ""
}

.fa-assistive-listening-systems::before {
    content: ""
}

.fa-earth-africa::before {
    content: ""
}

.fa-globe-africa::before {
    content: ""
}

.fa-earth-americas::before {
    content: ""
}

.fa-earth::before {
    content: ""
}

.fa-earth-america::before {
    content: ""
}

.fa-globe-americas::before {
    content: ""
}

.fa-earth-asia::before {
    content: ""
}

.fa-globe-asia::before {
    content: ""
}

.fa-earth-europe::before {
    content: ""
}

.fa-globe-europe::before {
    content: ""
}

.fa-earth-oceania::before {
    content: ""
}

.fa-globe-oceania::before {
    content: ""
}

.fa-egg::before {
    content: ""
}

.fa-eject::before {
    content: ""
}

.fa-elevator::before {
    content: ""
}

.fa-ellipsis::before {
    content: ""
}

.fa-ellipsis-h::before {
    content: ""
}

.fa-ellipsis-vertical::before {
    content: ""
}

.fa-ellipsis-v::before {
    content: ""
}

.fa-envelope::before {
    content: ""
}

.fa-envelope-open::before {
    content: ""
}

.fa-envelope-open-text::before {
    content: ""
}

.fa-envelopes-bulk::before {
    content: ""
}

.fa-mail-bulk::before {
    content: ""
}

.fa-equals::before {
    content: "\="
}

.fa-eraser::before {
    content: ""
}

.fa-ethernet::before {
    content: ""
}

.fa-euro-sign::before {
    content: ""
}

.fa-eur::before {
    content: ""
}

.fa-euro::before {
    content: ""
}

.fa-exclamation::before {
    content: "\!"
}

.fa-expand::before {
    content: ""
}

.fa-eye::before {
    content: ""
}

.fa-eye-dropper::before {
    content: ""
}

.fa-eye-dropper-empty::before {
    content: ""
}

.fa-eyedropper::before {
    content: ""
}

.fa-eye-low-vision::before {
    content: ""
}

.fa-low-vision::before {
    content: ""
}

.fa-eye-slash::before {
    content: ""
}

.fa-f::before {
    content: "F"
}

.fa-face-angry::before {
    content: ""
}

.fa-angry::before {
    content: ""
}

.fa-face-dizzy::before {
    content: ""
}

.fa-dizzy::before {
    content: ""
}

.fa-face-flushed::before {
    content: ""
}

.fa-flushed::before {
    content: ""
}

.fa-face-frown::before {
    content: ""
}

.fa-frown::before {
    content: ""
}

.fa-face-frown-open::before {
    content: ""
}

.fa-frown-open::before {
    content: ""
}

.fa-face-grimace::before {
    content: ""
}

.fa-grimace::before {
    content: ""
}

.fa-face-grin::before {
    content: ""
}

.fa-grin::before {
    content: ""
}

.fa-face-grin-beam::before {
    content: ""
}

.fa-grin-beam::before {
    content: ""
}

.fa-face-grin-beam-sweat::before {
    content: ""
}

.fa-grin-beam-sweat::before {
    content: ""
}

.fa-face-grin-hearts::before {
    content: ""
}

.fa-grin-hearts::before {
    content: ""
}

.fa-face-grin-squint::before {
    content: ""
}

.fa-grin-squint::before {
    content: ""
}

.fa-face-grin-squint-tears::before {
    content: ""
}

.fa-grin-squint-tears::before {
    content: ""
}

.fa-face-grin-stars::before {
    content: ""
}

.fa-grin-stars::before {
    content: ""
}

.fa-face-grin-tears::before {
    content: ""
}

.fa-grin-tears::before {
    content: ""
}

.fa-face-grin-tongue::before {
    content: ""
}

.fa-grin-tongue::before {
    content: ""
}

.fa-face-grin-tongue-squint::before {
    content: ""
}

.fa-grin-tongue-squint::before {
    content: ""
}

.fa-face-grin-tongue-wink::before {
    content: ""
}

.fa-grin-tongue-wink::before {
    content: ""
}

.fa-face-grin-wide::before {
    content: ""
}

.fa-grin-alt::before {
    content: ""
}

.fa-face-grin-wink::before {
    content: ""
}

.fa-grin-wink::before {
    content: ""
}

.fa-face-kiss::before {
    content: ""
}

.fa-kiss::before {
    content: ""
}

.fa-face-kiss-beam::before {
    content: ""
}

.fa-kiss-beam::before {
    content: ""
}

.fa-face-kiss-wink-heart::before {
    content: ""
}

.fa-kiss-wink-heart::before {
    content: ""
}

.fa-face-laugh::before {
    content: ""
}

.fa-laugh::before {
    content: ""
}

.fa-face-laugh-beam::before {
    content: ""
}

.fa-laugh-beam::before {
    content: ""
}

.fa-face-laugh-squint::before {
    content: ""
}

.fa-laugh-squint::before {
    content: ""
}

.fa-face-laugh-wink::before {
    content: ""
}

.fa-laugh-wink::before {
    content: ""
}

.fa-face-meh::before {
    content: ""
}

.fa-meh::before {
    content: ""
}

.fa-face-meh-blank::before {
    content: ""
}

.fa-meh-blank::before {
    content: ""
}

.fa-face-rolling-eyes::before {
    content: ""
}

.fa-meh-rolling-eyes::before {
    content: ""
}

.fa-face-sad-cry::before {
    content: ""
}

.fa-sad-cry::before {
    content: ""
}

.fa-face-sad-tear::before {
    content: ""
}

.fa-sad-tear::before {
    content: ""
}

.fa-face-smile::before {
    content: ""
}

.fa-smile::before {
    content: ""
}

.fa-face-smile-beam::before {
    content: ""
}

.fa-smile-beam::before {
    content: ""
}

.fa-face-smile-wink::before {
    content: ""
}

.fa-smile-wink::before {
    content: ""
}

.fa-face-surprise::before {
    content: ""
}

.fa-surprise::before {
    content: ""
}

.fa-face-tired::before {
    content: ""
}

.fa-tired::before {
    content: ""
}

.fa-fan::before {
    content: ""
}

.fa-faucet::before {
    content: ""
}

.fa-fax::before {
    content: ""
}

.fa-feather::before {
    content: ""
}

.fa-feather-pointed::before {
    content: ""
}

.fa-feather-alt::before {
    content: ""
}

.fa-file::before {
    content: ""
}

.fa-file-arrow-down::before {
    content: ""
}

.fa-file-download::before {
    content: ""
}

.fa-file-arrow-up::before {
    content: ""
}

.fa-file-upload::before {
    content: ""
}

.fa-file-audio::before {
    content: ""
}

.fa-file-code::before {
    content: ""
}

.fa-file-contract::before {
    content: ""
}

.fa-file-csv::before {
    content: ""
}

.fa-file-excel::before {
    content: ""
}

.fa-file-export::before {
    content: ""
}

.fa-arrow-right-from-file::before {
    content: ""
}

.fa-file-image::before {
    content: ""
}

.fa-file-import::before {
    content: ""
}

.fa-arrow-right-to-file::before {
    content: ""
}

.fa-file-invoice::before {
    content: ""
}

.fa-file-invoice-dollar::before {
    content: ""
}

.fa-file-lines::before {
    content: ""
}

.fa-file-alt::before {
    content: ""
}

.fa-file-text::before {
    content: ""
}

.fa-file-medical::before {
    content: ""
}

.fa-file-pdf::before {
    content: ""
}

.fa-file-powerpoint::before {
    content: ""
}

.fa-file-prescription::before {
    content: ""
}

.fa-file-signature::before {
    content: ""
}

.fa-file-video::before {
    content: ""
}

.fa-file-waveform::before {
    content: ""
}

.fa-file-medical-alt::before {
    content: ""
}

.fa-file-word::before {
    content: ""
}

.fa-file-zipper::before {
    content: ""
}

.fa-file-archive::before {
    content: ""
}

.fa-fill::before {
    content: ""
}

.fa-fill-drip::before {
    content: ""
}

.fa-film::before {
    content: ""
}

.fa-filter::before {
    content: ""
}

.fa-filter-circle-dollar::before {
    content: ""
}

.fa-funnel-dollar::before {
    content: ""
}

.fa-filter-circle-xmark::before {
    content: ""
}

.fa-fingerprint::before {
    content: ""
}

.fa-fire::before {
    content: ""
}

.fa-fire-extinguisher::before {
    content: ""
}

.fa-fire-flame-curved::before {
    content: ""
}

.fa-fire-alt::before {
    content: ""
}

.fa-fire-flame-simple::before {
    content: ""
}

.fa-burn::before {
    content: ""
}

.fa-fish::before {
    content: ""
}

.fa-flag::before {
    content: ""
}

.fa-flag-checkered::before {
    content: ""
}

.fa-flag-usa::before {
    content: ""
}

.fa-flask::before {
    content: ""
}

.fa-floppy-disk::before {
    content: ""
}

.fa-save::before {
    content: ""
}

.fa-florin-sign::before {
    content: ""
}

.fa-folder::before {
    content: ""
}

.fa-folder-minus::before {
    content: ""
}

.fa-folder-open::before {
    content: ""
}

.fa-folder-plus::before {
    content: ""
}

.fa-folder-tree::before {
    content: ""
}

.fa-font::before {
    content: ""
}

.fa-football::before {
    content: ""
}

.fa-football-ball::before {
    content: ""
}

.fa-forward::before {
    content: ""
}

.fa-forward-fast::before {
    content: ""
}

.fa-fast-forward::before {
    content: ""
}

.fa-forward-step::before {
    content: ""
}

.fa-step-forward::before {
    content: ""
}

.fa-franc-sign::before {
    content: ""
}

.fa-frog::before {
    content: ""
}

.fa-futbol::before {
    content: ""
}

.fa-futbol-ball::before {
    content: ""
}

.fa-soccer-ball::before {
    content: ""
}

.fa-g::before {
    content: "G"
}

.fa-gamepad::before {
    content: ""
}

.fa-gas-pump::before {
    content: ""
}

.fa-gauge::before {
    content: ""
}

.fa-dashboard::before {
    content: ""
}

.fa-gauge-med::before {
    content: ""
}

.fa-tachometer-alt-average::before {
    content: ""
}

.fa-gauge-high::before {
    content: ""
}

.fa-tachometer-alt::before {
    content: ""
}

.fa-tachometer-alt-fast::before {
    content: ""
}

.fa-gauge-simple::before {
    content: ""
}

.fa-gauge-simple-med::before {
    content: ""
}

.fa-tachometer-average::before {
    content: ""
}

.fa-gauge-simple-high::before {
    content: ""
}

.fa-tachometer::before {
    content: ""
}

.fa-tachometer-fast::before {
    content: ""
}

.fa-gavel::before {
    content: ""
}

.fa-legal::before {
    content: ""
}

.fa-gear::before {
    content: ""
}

.fa-cog::before {
    content: ""
}

.fa-gears::before {
    content: ""
}

.fa-cogs::before {
    content: ""
}

.fa-gem::before {
    content: ""
}

.fa-genderless::before {
    content: ""
}

.fa-ghost::before {
    content: ""
}

.fa-gift::before {
    content: ""
}

.fa-gifts::before {
    content: ""
}

.fa-glasses::before {
    content: ""
}

.fa-globe::before {
    content: ""
}

.fa-golf-ball-tee::before {
    content: ""
}

.fa-golf-ball::before {
    content: ""
}

.fa-gopuram::before {
    content: ""
}

.fa-graduation-cap::before {
    content: ""
}

.fa-mortar-board::before {
    content: ""
}

.fa-greater-than::before {
    content: "\>"
}

.fa-greater-than-equal::before {
    content: ""
}

.fa-grip::before {
    content: ""
}

.fa-grip-horizontal::before {
    content: ""
}

.fa-grip-lines::before {
    content: ""
}

.fa-grip-lines-vertical::before {
    content: ""
}

.fa-grip-vertical::before {
    content: ""
}

.fa-guarani-sign::before {
    content: ""
}

.fa-guitar::before {
    content: ""
}

.fa-gun::before {
    content: ""
}

.fa-h::before {
    content: "H"
}

.fa-hammer::before {
    content: ""
}

.fa-hamsa::before {
    content: ""
}

.fa-hand::before {
    content: ""
}

.fa-hand-paper::before {
    content: ""
}

.fa-hand-back-fist::before {
    content: ""
}

.fa-hand-rock::before {
    content: ""
}

.fa-hand-dots::before {
    content: ""
}

.fa-allergies::before {
    content: ""
}

.fa-hand-fist::before {
    content: ""
}

.fa-fist-raised::before {
    content: ""
}

.fa-hand-holding::before {
    content: ""
}

.fa-hand-holding-dollar::before {
    content: ""
}

.fa-hand-holding-usd::before {
    content: ""
}

.fa-hand-holding-droplet::before {
    content: ""
}

.fa-hand-holding-water::before {
    content: ""
}

.fa-hand-holding-heart::before {
    content: ""
}

.fa-hand-holding-medical::before {
    content: ""
}

.fa-hand-lizard::before {
    content: ""
}

.fa-hand-middle-finger::before {
    content: ""
}

.fa-hand-peace::before {
    content: ""
}

.fa-hand-point-down::before {
    content: ""
}

.fa-hand-point-left::before {
    content: ""
}

.fa-hand-point-right::before {
    content: ""
}

.fa-hand-point-up::before {
    content: ""
}

.fa-hand-pointer::before {
    content: ""
}

.fa-hand-scissors::before {
    content: ""
}

.fa-hand-sparkles::before {
    content: ""
}

.fa-hand-spock::before {
    content: ""
}

.fa-hands::before {
    content: ""
}

.fa-sign-language::before {
    content: ""
}

.fa-signing::before {
    content: ""
}

.fa-hands-asl-interpreting::before {
    content: ""
}

.fa-american-sign-language-interpreting::before {
    content: ""
}

.fa-asl-interpreting::before {
    content: ""
}

.fa-hands-american-sign-language-interpreting::before {
    content: ""
}

.fa-hands-bubbles::before {
    content: ""
}

.fa-hands-wash::before {
    content: ""
}

.fa-hands-clapping::before {
    content: ""
}

.fa-hands-holding::before {
    content: ""
}

.fa-hands-praying::before {
    content: ""
}

.fa-praying-hands::before {
    content: ""
}

.fa-handshake::before {
    content: ""
}

.fa-handshake-angle::before {
    content: ""
}

.fa-hands-helping::before {
    content: ""
}

.fa-handshake-simple-slash::before {
    content: ""
}

.fa-handshake-alt-slash::before {
    content: ""
}

.fa-handshake-slash::before {
    content: ""
}

.fa-hanukiah::before {
    content: ""
}

.fa-hard-drive::before {
    content: ""
}

.fa-hdd::before {
    content: ""
}

.fa-hashtag::before {
    content: "\#"
}

.fa-hat-cowboy::before {
    content: ""
}

.fa-hat-cowboy-side::before {
    content: ""
}

.fa-hat-wizard::before {
    content: ""
}

.fa-head-side-cough::before {
    content: ""
}

.fa-head-side-cough-slash::before {
    content: ""
}

.fa-head-side-mask::before {
    content: ""
}

.fa-head-side-virus::before {
    content: ""
}

.fa-heading::before {
    content: ""
}

.fa-header::before {
    content: ""
}

.fa-headphones::before {
    content: ""
}

.fa-headphones-simple::before {
    content: ""
}

.fa-headphones-alt::before {
    content: ""
}

.fa-headset::before {
    content: ""
}

.fa-heart::before {
    content: ""
}

.fa-heart-crack::before {
    content: ""
}

.fa-heart-broken::before {
    content: ""
}

.fa-heart-pulse::before {
    content: ""
}

.fa-heartbeat::before {
    content: ""
}

.fa-helicopter::before {
    content: ""
}

.fa-helmet-safety::before {
    content: ""
}

.fa-hard-hat::before {
    content: ""
}

.fa-hat-hard::before {
    content: ""
}

.fa-highlighter::before {
    content: ""
}

.fa-hippo::before {
    content: ""
}

.fa-hockey-puck::before {
    content: ""
}

.fa-holly-berry::before {
    content: ""
}

.fa-horse::before {
    content: ""
}

.fa-horse-head::before {
    content: ""
}

.fa-hospital::before {
    content: ""
}

.fa-hospital-alt::before {
    content: ""
}

.fa-hospital-wide::before {
    content: ""
}

.fa-hospital-user::before {
    content: ""
}

.fa-hot-tub-person::before {
    content: ""
}

.fa-hot-tub::before {
    content: ""
}

.fa-hotdog::before {
    content: ""
}

.fa-hotel::before {
    content: ""
}

.fa-hourglass::before {
    content: ""
}

.fa-hourglass-2::before {
    content: ""
}

.fa-hourglass-half::before {
    content: ""
}

.fa-hourglass-empty::before {
    content: ""
}

.fa-hourglass-end::before {
    content: ""
}

.fa-hourglass-3::before {
    content: ""
}

.fa-hourglass-start::before {
    content: ""
}

.fa-hourglass-1::before {
    content: ""
}

.fa-house::before {
    content: ""
}

.fa-home::before {
    content: ""
}

.fa-home-alt::before {
    content: ""
}

.fa-home-lg-alt::before {
    content: ""
}

.fa-house-chimney::before {
    content: ""
}

.fa-home-lg::before {
    content: ""
}

.fa-house-chimney-crack::before {
    content: ""
}

.fa-house-damage::before {
    content: ""
}

.fa-house-chimney-medical::before {
    content: ""
}

.fa-clinic-medical::before {
    content: ""
}

.fa-house-chimney-user::before {
    content: ""
}

.fa-house-chimney-window::before {
    content: ""
}

.fa-house-crack::before {
    content: ""
}

.fa-house-laptop::before {
    content: ""
}

.fa-laptop-house::before {
    content: ""
}

.fa-house-medical::before {
    content: ""
}

.fa-house-user::before {
    content: ""
}

.fa-home-user::before {
    content: ""
}

.fa-hryvnia-sign::before {
    content: ""
}

.fa-hryvnia::before {
    content: ""
}

.fa-i::before {
    content: "I"
}

.fa-i-cursor::before {
    content: ""
}

.fa-ice-cream::before {
    content: ""
}

.fa-icicles::before {
    content: ""
}

.fa-icons::before {
    content: ""
}

.fa-heart-music-camera-bolt::before {
    content: ""
}

.fa-id-badge::before {
    content: ""
}

.fa-id-card::before {
    content: ""
}

.fa-drivers-license::before {
    content: ""
}

.fa-id-card-clip::before {
    content: ""
}

.fa-id-card-alt::before {
    content: ""
}

.fa-igloo::before {
    content: ""
}

.fa-image::before {
    content: ""
}

.fa-image-portrait::before {
    content: ""
}

.fa-portrait::before {
    content: ""
}

.fa-images::before {
    content: ""
}

.fa-inbox::before {
    content: ""
}

.fa-indent::before {
    content: ""
}

.fa-indian-rupee-sign::before {
    content: ""
}

.fa-indian-rupee::before {
    content: ""
}

.fa-inr::before {
    content: ""
}

.fa-industry::before {
    content: ""
}

.fa-infinity::before {
    content: ""
}

.fa-info::before {
    content: ""
}

.fa-italic::before {
    content: ""
}

.fa-j::before {
    content: "J"
}

.fa-jedi::before {
    content: ""
}

.fa-jet-fighter::before {
    content: ""
}

.fa-fighter-jet::before {
    content: ""
}

.fa-joint::before {
    content: ""
}

.fa-k::before {
    content: "K"
}

.fa-kaaba::before {
    content: ""
}

.fa-key::before {
    content: ""
}

.fa-keyboard::before {
    content: ""
}

.fa-khanda::before {
    content: ""
}

.fa-kip-sign::before {
    content: ""
}

.fa-kit-medical::before {
    content: ""
}

.fa-first-aid::before {
    content: ""
}

.fa-kiwi-bird::before {
    content: ""
}

.fa-l::before {
    content: "L"
}

.fa-landmark::before {
    content: ""
}

.fa-language::before {
    content: ""
}

.fa-laptop::before {
    content: ""
}

.fa-laptop-code::before {
    content: ""
}

.fa-laptop-medical::before {
    content: ""
}

.fa-lari-sign::before {
    content: ""
}

.fa-layer-group::before {
    content: ""
}

.fa-leaf::before {
    content: ""
}

.fa-left-long::before {
    content: ""
}

.fa-long-arrow-alt-left::before {
    content: ""
}

.fa-left-right::before {
    content: ""
}

.fa-arrows-alt-h::before {
    content: ""
}

.fa-lemon::before {
    content: ""
}

.fa-less-than::before {
    content: "\<"
}

.fa-less-than-equal::before {
    content: ""
}

.fa-life-ring::before {
    content: ""
}

.fa-lightbulb::before {
    content: ""
}

.fa-link::before {
    content: ""
}

.fa-chain::before {
    content: ""
}

.fa-link-slash::before {
    content: ""
}

.fa-chain-broken::before {
    content: ""
}

.fa-chain-slash::before {
    content: ""
}

.fa-unlink::before {
    content: ""
}

.fa-lira-sign::before {
    content: ""
}

.fa-list::before {
    content: ""
}

.fa-list-squares::before {
    content: ""
}

.fa-list-check::before {
    content: ""
}

.fa-tasks::before {
    content: ""
}

.fa-list-ol::before {
    content: ""
}

.fa-list-1-2::before {
    content: ""
}

.fa-list-numeric::before {
    content: ""
}

.fa-list-ul::before {
    content: ""
}

.fa-list-dots::before {
    content: ""
}

.fa-litecoin-sign::before {
    content: ""
}

.fa-location-arrow::before {
    content: ""
}

.fa-location-crosshairs::before {
    content: ""
}

.fa-location::before {
    content: ""
}

.fa-location-dot::before {
    content: ""
}

.fa-map-marker-alt::before {
    content: ""
}

.fa-location-pin::before {
    content: ""
}

.fa-map-marker::before {
    content: ""
}

.fa-lock::before {
    content: ""
}

.fa-lock-open::before {
    content: ""
}

.fa-lungs::before {
    content: ""
}

.fa-lungs-virus::before {
    content: ""
}

.fa-m::before {
    content: "M"
}

.fa-magnet::before {
    content: ""
}

.fa-magnifying-glass::before {
    content: ""
}

.fa-search::before {
    content: ""
}

.fa-magnifying-glass-dollar::before {
    content: ""
}

.fa-search-dollar::before {
    content: ""
}

.fa-magnifying-glass-location::before {
    content: ""
}

.fa-search-location::before {
    content: ""
}

.fa-magnifying-glass-minus::before {
    content: ""
}

.fa-search-minus::before {
    content: ""
}

.fa-magnifying-glass-plus::before {
    content: ""
}

.fa-search-plus::before {
    content: ""
}

.fa-manat-sign::before {
    content: ""
}

.fa-map::before {
    content: ""
}

.fa-map-location::before {
    content: ""
}

.fa-map-marked::before {
    content: ""
}

.fa-map-location-dot::before {
    content: ""
}

.fa-map-marked-alt::before {
    content: ""
}

.fa-map-pin::before {
    content: ""
}

.fa-marker::before {
    content: ""
}

.fa-mars::before {
    content: ""
}

.fa-mars-and-venus::before {
    content: ""
}

.fa-mars-double::before {
    content: ""
}

.fa-mars-stroke::before {
    content: ""
}

.fa-mars-stroke-right::before {
    content: ""
}

.fa-mars-stroke-h::before {
    content: ""
}

.fa-mars-stroke-up::before {
    content: ""
}

.fa-mars-stroke-v::before {
    content: ""
}

.fa-martini-glass::before {
    content: ""
}

.fa-glass-martini-alt::before {
    content: ""
}

.fa-martini-glass-citrus::before {
    content: ""
}

.fa-cocktail::before {
    content: ""
}

.fa-martini-glass-empty::before {
    content: ""
}

.fa-glass-martini::before {
    content: ""
}

.fa-mask::before {
    content: ""
}

.fa-mask-face::before {
    content: ""
}

.fa-masks-theater::before {
    content: ""
}

.fa-theater-masks::before {
    content: ""
}

.fa-maximize::before {
    content: ""
}

.fa-expand-arrows-alt::before {
    content: ""
}

.fa-medal::before {
    content: ""
}

.fa-memory::before {
    content: ""
}

.fa-menorah::before {
    content: ""
}

.fa-mercury::before {
    content: ""
}

.fa-message::before {
    content: ""
}

.fa-comment-alt::before {
    content: ""
}

.fa-meteor::before {
    content: ""
}

.fa-microchip::before {
    content: ""
}

.fa-microphone::before {
    content: ""
}

.fa-microphone-lines::before {
    content: ""
}

.fa-microphone-alt::before {
    content: ""
}

.fa-microphone-lines-slash::before {
    content: ""
}

.fa-microphone-alt-slash::before {
    content: ""
}

.fa-microphone-slash::before {
    content: ""
}

.fa-microscope::before {
    content: ""
}

.fa-mill-sign::before {
    content: ""
}

.fa-minimize::before {
    content: ""
}

.fa-compress-arrows-alt::before {
    content: ""
}

.fa-minus::before {
    content: ""
}

.fa-subtract::before {
    content: ""
}

.fa-mitten::before {
    content: ""
}

.fa-mobile::before {
    content: ""
}

.fa-mobile-android::before {
    content: ""
}

.fa-mobile-phone::before {
    content: ""
}

.fa-mobile-button::before {
    content: ""
}

.fa-mobile-screen-button::before {
    content: ""
}

.fa-mobile-alt::before {
    content: ""
}

.fa-money-bill::before {
    content: ""
}

.fa-money-bill-1::before {
    content: ""
}

.fa-money-bill-alt::before {
    content: ""
}

.fa-money-bill-1-wave::before {
    content: ""
}

.fa-money-bill-wave-alt::before {
    content: ""
}

.fa-money-bill-wave::before {
    content: ""
}

.fa-money-check::before {
    content: ""
}

.fa-money-check-dollar::before {
    content: ""
}

.fa-money-check-alt::before {
    content: ""
}

.fa-monument::before {
    content: ""
}

.fa-moon::before {
    content: ""
}

.fa-mortar-pestle::before {
    content: ""
}

.fa-mosque::before {
    content: ""
}

.fa-motorcycle::before {
    content: ""
}

.fa-mountain::before {
    content: ""
}

.fa-mug-hot::before {
    content: ""
}

.fa-mug-saucer::before {
    content: ""
}

.fa-coffee::before {
    content: ""
}

.fa-music::before {
    content: ""
}

.fa-n::before {
    content: "N"
}

.fa-naira-sign::before {
    content: ""
}

.fa-network-wired::before {
    content: ""
}

.fa-neuter::before {
    content: ""
}

.fa-newspaper::before {
    content: ""
}

.fa-not-equal::before {
    content: ""
}

.fa-note-sticky::before {
    content: ""
}

.fa-sticky-note::before {
    content: ""
}

.fa-notes-medical::before {
    content: ""
}

.fa-o::before {
    content: "O"
}

.fa-object-group::before {
    content: ""
}

.fa-object-ungroup::before {
    content: ""
}

.fa-oil-can::before {
    content: ""
}

.fa-om::before {
    content: ""
}

.fa-otter::before {
    content: ""
}

.fa-outdent::before {
    content: ""
}

.fa-dedent::before {
    content: ""
}

.fa-p::before {
    content: "P"
}

.fa-pager::before {
    content: ""
}

.fa-paint-roller::before {
    content: ""
}

.fa-paintbrush::before {
    content: ""
}

.fa-paint-brush::before {
    content: ""
}

.fa-palette::before {
    content: ""
}

.fa-pallet::before {
    content: ""
}

.fa-panorama::before {
    content: ""
}

.fa-paper-plane::before {
    content: ""
}

.fa-paperclip::before {
    content: ""
}

.fa-parachute-box::before {
    content: ""
}

.fa-paragraph::before {
    content: ""
}

.fa-passport::before {
    content: ""
}

.fa-paste::before {
    content: ""
}

.fa-file-clipboard::before {
    content: ""
}

.fa-pause::before {
    content: ""
}

.fa-paw::before {
    content: ""
}

.fa-peace::before {
    content: ""
}

.fa-pen::before {
    content: ""
}

.fa-pen-clip::before {
    content: ""
}

.fa-pen-alt::before {
    content: ""
}

.fa-pen-fancy::before {
    content: ""
}

.fa-pen-nib::before {
    content: ""
}

.fa-pen-ruler::before {
    content: ""
}

.fa-pencil-ruler::before {
    content: ""
}

.fa-pen-to-square::before {
    content: ""
}

.fa-edit::before {
    content: ""
}

.fa-pencil::before {
    content: ""
}

.fa-pencil-alt::before {
    content: ""
}

.fa-people-arrows-left-right::before {
    content: ""
}

.fa-people-arrows::before {
    content: ""
}

.fa-people-carry-box::before {
    content: ""
}

.fa-people-carry::before {
    content: ""
}

.fa-pepper-hot::before {
    content: ""
}

.fa-percent::before {
    content: "\%"
}

.fa-percentage::before {
    content: "\%"
}

.fa-person::before {
    content: ""
}

.fa-male::before {
    content: ""
}

.fa-person-biking::before {
    content: ""
}

.fa-biking::before {
    content: ""
}

.fa-person-booth::before {
    content: ""
}

.fa-person-dots-from-line::before {
    content: ""
}

.fa-diagnoses::before {
    content: ""
}

.fa-person-dress::before {
    content: ""
}

.fa-female::before {
    content: ""
}

.fa-person-hiking::before {
    content: ""
}

.fa-hiking::before {
    content: ""
}

.fa-person-praying::before {
    content: ""
}

.fa-pray::before {
    content: ""
}

.fa-person-running::before {
    content: ""
}

.fa-running::before {
    content: ""
}

.fa-person-skating::before {
    content: ""
}

.fa-skating::before {
    content: ""
}

.fa-person-skiing::before {
    content: ""
}

.fa-skiing::before {
    content: ""
}

.fa-person-skiing-nordic::before {
    content: ""
}

.fa-skiing-nordic::before {
    content: ""
}

.fa-person-snowboarding::before {
    content: ""
}

.fa-snowboarding::before {
    content: ""
}

.fa-person-swimming::before {
    content: ""
}

.fa-swimmer::before {
    content: ""
}

.fa-person-walking::before {
    content: ""
}

.fa-walking::before {
    content: ""
}

.fa-person-walking-with-cane::before {
    content: ""
}

.fa-blind::before {
    content: ""
}

.fa-peseta-sign::before {
    content: ""
}

.fa-peso-sign::before {
    content: ""
}

.fa-phone::before {
    content: ""
}

.fa-phone-flip::before {
    content: ""
}

.fa-phone-alt::before {
    content: ""
}

.fa-phone-slash::before {
    content: ""
}

.fa-phone-volume::before {
    content: ""
}

.fa-volume-control-phone::before {
    content: ""
}

.fa-photo-film::before {
    content: ""
}

.fa-photo-video::before {
    content: ""
}

.fa-piggy-bank::before {
    content: ""
}

.fa-pills::before {
    content: ""
}

.fa-pizza-slice::before {
    content: ""
}

.fa-place-of-worship::before {
    content: ""
}

.fa-plane::before {
    content: ""
}

.fa-plane-arrival::before {
    content: ""
}

.fa-plane-departure::before {
    content: ""
}

.fa-plane-slash::before {
    content: ""
}

.fa-play::before {
    content: ""
}

.fa-plug::before {
    content: ""
}

.fa-plus::before {
    content: "\+"
}

.fa-add::before {
    content: "\+"
}

.fa-plus-minus::before {
    content: ""
}

.fa-podcast::before {
    content: ""
}

.fa-poo::before {
    content: ""
}

.fa-poo-storm::before {
    content: ""
}

.fa-poo-bolt::before {
    content: ""
}

.fa-poop::before {
    content: ""
}

.fa-power-off::before {
    content: ""
}

.fa-prescription::before {
    content: ""
}

.fa-prescription-bottle::before {
    content: ""
}

.fa-prescription-bottle-medical::before {
    content: ""
}

.fa-prescription-bottle-alt::before {
    content: ""
}

.fa-print::before {
    content: ""
}

.fa-pump-medical::before {
    content: ""
}

.fa-pump-soap::before {
    content: ""
}

.fa-puzzle-piece::before {
    content: ""
}

.fa-q::before {
    content: "Q"
}

.fa-qrcode::before {
    content: ""
}

.fa-question::before {
    content: "\?"
}

.fa-quote-left::before {
    content: ""
}

.fa-quote-left-alt::before {
    content: ""
}

.fa-quote-right::before {
    content: ""
}

.fa-quote-right-alt::before {
    content: ""
}

.fa-r::before {
    content: "R"
}

.fa-radiation::before {
    content: ""
}

.fa-rainbow::before {
    content: ""
}

.fa-receipt::before {
    content: ""
}

.fa-record-vinyl::before {
    content: ""
}

.fa-rectangle-ad::before {
    content: ""
}

.fa-ad::before {
    content: ""
}

.fa-rectangle-list::before {
    content: ""
}

.fa-list-alt::before {
    content: ""
}

.fa-rectangle-xmark::before {
    content: ""
}

.fa-rectangle-times::before {
    content: ""
}

.fa-times-rectangle::before {
    content: ""
}

.fa-window-close::before {
    content: ""
}

.fa-recycle::before {
    content: ""
}

.fa-registered::before {
    content: ""
}

.fa-repeat::before {
    content: ""
}

.fa-reply::before {
    content: ""
}

.fa-mail-reply::before {
    content: ""
}

.fa-reply-all::before {
    content: ""
}

.fa-mail-reply-all::before {
    content: ""
}

.fa-republican::before {
    content: ""
}

.fa-restroom::before {
    content: ""
}

.fa-retweet::before {
    content: ""
}

.fa-ribbon::before {
    content: ""
}

.fa-right-from-bracket::before {
    content: ""
}

.fa-sign-out-alt::before {
    content: ""
}

.fa-right-left::before {
    content: ""
}

.fa-exchange-alt::before {
    content: ""
}

.fa-right-long::before {
    content: ""
}

.fa-long-arrow-alt-right::before {
    content: ""
}

.fa-right-to-bracket::before {
    content: ""
}

.fa-sign-in-alt::before {
    content: ""
}

.fa-ring::before {
    content: ""
}

.fa-road::before {
    content: ""
}

.fa-robot::before {
    content: ""
}

.fa-rocket::before {
    content: ""
}

.fa-rotate::before {
    content: ""
}

.fa-sync-alt::before {
    content: ""
}

.fa-rotate-left::before {
    content: ""
}

.fa-rotate-back::before {
    content: ""
}

.fa-rotate-backward::before {
    content: ""
}

.fa-undo-alt::before {
    content: ""
}

.fa-rotate-right::before {
    content: ""
}

.fa-redo-alt::before {
    content: ""
}

.fa-rotate-forward::before {
    content: ""
}

.fa-route::before {
    content: ""
}

.fa-rss::before {
    content: ""
}

.fa-feed::before {
    content: ""
}

.fa-ruble-sign::before {
    content: ""
}

.fa-rouble::before {
    content: ""
}

.fa-rub::before {
    content: ""
}

.fa-ruble::before {
    content: ""
}

.fa-ruler::before {
    content: ""
}

.fa-ruler-combined::before {
    content: ""
}

.fa-ruler-horizontal::before {
    content: ""
}

.fa-ruler-vertical::before {
    content: ""
}

.fa-rupee-sign::before {
    content: ""
}

.fa-rupee::before {
    content: ""
}

.fa-rupiah-sign::before {
    content: ""
}

.fa-s::before {
    content: "S"
}

.fa-sailboat::before {
    content: ""
}

.fa-satellite::before {
    content: ""
}

.fa-satellite-dish::before {
    content: ""
}

.fa-scale-balanced::before {
    content: ""
}

.fa-balance-scale::before {
    content: ""
}

.fa-scale-unbalanced::before {
    content: ""
}

.fa-balance-scale-left::before {
    content: ""
}

.fa-scale-unbalanced-flip::before {
    content: ""
}

.fa-balance-scale-right::before {
    content: ""
}

.fa-school::before {
    content: ""
}

.fa-scissors::before {
    content: ""
}

.fa-cut::before {
    content: ""
}

.fa-screwdriver::before {
    content: ""
}

.fa-screwdriver-wrench::before {
    content: ""
}

.fa-tools::before {
    content: ""
}

.fa-scroll::before {
    content: ""
}

.fa-scroll-torah::before {
    content: ""
}

.fa-torah::before {
    content: ""
}

.fa-sd-card::before {
    content: ""
}

.fa-section::before {
    content: ""
}

.fa-seedling::before {
    content: ""
}

.fa-sprout::before {
    content: ""
}

.fa-server::before {
    content: ""
}

.fa-shapes::before {
    content: ""
}

.fa-triangle-circle-square::before {
    content: ""
}

.fa-share::before {
    content: ""
}

.fa-arrow-turn-right::before {
    content: ""
}

.fa-mail-forward::before {
    content: ""
}

.fa-share-from-square::before {
    content: ""
}

.fa-share-square::before {
    content: ""
}

.fa-share-nodes::before {
    content: ""
}

.fa-share-alt::before {
    content: ""
}

.fa-shekel-sign::before {
    content: ""
}

.fa-ils::before {
    content: ""
}

.fa-shekel::before {
    content: ""
}

.fa-sheqel::before {
    content: ""
}

.fa-sheqel-sign::before {
    content: ""
}

.fa-shield::before {
    content: ""
}

.fa-shield-blank::before {
    content: ""
}

.fa-shield-alt::before {
    content: ""
}

.fa-shield-virus::before {
    content: ""
}

.fa-ship::before {
    content: ""
}

.fa-shirt::before {
    content: ""
}

.fa-t-shirt::before {
    content: ""
}

.fa-tshirt::before {
    content: ""
}

.fa-shoe-prints::before {
    content: ""
}

.fa-shop::before {
    content: ""
}

.fa-store-alt::before {
    content: ""
}

.fa-shop-slash::before {
    content: ""
}

.fa-store-alt-slash::before {
    content: ""
}

.fa-shower::before {
    content: ""
}

.fa-shrimp::before {
    content: ""
}

.fa-shuffle::before {
    content: ""
}

.fa-random::before {
    content: ""
}

.fa-shuttle-space::before {
    content: ""
}

.fa-space-shuttle::before {
    content: ""
}

.fa-sign-hanging::before {
    content: ""
}

.fa-sign::before {
    content: ""
}

.fa-signal::before {
    content: ""
}

.fa-signal-5::before {
    content: ""
}

.fa-signal-perfect::before {
    content: ""
}

.fa-signature::before {
    content: ""
}

.fa-signs-post::before {
    content: ""
}

.fa-map-signs::before {
    content: ""
}

.fa-sim-card::before {
    content: ""
}

.fa-sink::before {
    content: ""
}

.fa-sitemap::before {
    content: ""
}

.fa-skull::before {
    content: ""
}

.fa-skull-crossbones::before {
    content: ""
}

.fa-slash::before {
    content: ""
}

.fa-sleigh::before {
    content: ""
}

.fa-sliders::before {
    content: ""
}

.fa-sliders-h::before {
    content: ""
}

.fa-smog::before {
    content: ""
}

.fa-smoking::before {
    content: ""
}

.fa-snowflake::before {
    content: ""
}

.fa-snowman::before {
    content: ""
}

.fa-snowplow::before {
    content: ""
}

.fa-soap::before {
    content: ""
}

.fa-socks::before {
    content: ""
}

.fa-solar-panel::before {
    content: ""
}

.fa-sort::before {
    content: ""
}

.fa-unsorted::before {
    content: ""
}

.fa-sort-down::before {
    content: ""
}

.fa-sort-desc::before {
    content: ""
}

.fa-sort-up::before {
    content: ""
}

.fa-sort-asc::before {
    content: ""
}

.fa-spa::before {
    content: ""
}

.fa-spaghetti-monster-flying::before {
    content: ""
}

.fa-pastafarianism::before {
    content: ""
}

.fa-spell-check::before {
    content: ""
}

.fa-spider::before {
    content: ""
}

.fa-spinner::before {
    content: ""
}

.fa-splotch::before {
    content: ""
}

.fa-spoon::before {
    content: ""
}

.fa-utensil-spoon::before {
    content: ""
}

.fa-spray-can::before {
    content: ""
}

.fa-spray-can-sparkles::before {
    content: ""
}

.fa-air-freshener::before {
    content: ""
}

.fa-square::before {
    content: ""
}

.fa-square-arrow-up-right::before {
    content: ""
}

.fa-external-link-square::before {
    content: ""
}

.fa-square-caret-down::before {
    content: ""
}

.fa-caret-square-down::before {
    content: ""
}

.fa-square-caret-left::before {
    content: ""
}

.fa-caret-square-left::before {
    content: ""
}

.fa-square-caret-right::before {
    content: ""
}

.fa-caret-square-right::before {
    content: ""
}

.fa-square-caret-up::before {
    content: ""
}

.fa-caret-square-up::before {
    content: ""
}

.fa-square-check::before {
    content: ""
}

.fa-check-square::before {
    content: ""
}

.fa-square-envelope::before {
    content: ""
}

.fa-envelope-square::before {
    content: ""
}

.fa-square-full::before {
    content: ""
}

.fa-square-h::before {
    content: ""
}

.fa-h-square::before {
    content: ""
}

.fa-square-minus::before {
    content: ""
}

.fa-minus-square::before {
    content: ""
}

.fa-square-parking::before {
    content: ""
}

.fa-parking::before {
    content: ""
}

.fa-square-pen::before {
    content: ""
}

.fa-pen-square::before {
    content: ""
}

.fa-pencil-square::before {
    content: ""
}

.fa-square-phone::before {
    content: ""
}

.fa-phone-square::before {
    content: ""
}

.fa-square-phone-flip::before {
    content: ""
}

.fa-phone-square-alt::before {
    content: ""
}

.fa-square-plus::before {
    content: ""
}

.fa-plus-square::before {
    content: ""
}

.fa-square-poll-horizontal::before {
    content: ""
}

.fa-poll-h::before {
    content: ""
}

.fa-square-poll-vertical::before {
    content: ""
}

.fa-poll::before {
    content: ""
}

.fa-square-root-variable::before {
    content: ""
}

.fa-square-root-alt::before {
    content: ""
}

.fa-square-rss::before {
    content: ""
}

.fa-rss-square::before {
    content: ""
}

.fa-square-share-nodes::before {
    content: ""
}

.fa-share-alt-square::before {
    content: ""
}

.fa-square-up-right::before {
    content: ""
}

.fa-external-link-square-alt::before {
    content: ""
}

.fa-square-xmark::before {
    content: ""
}

.fa-times-square::before {
    content: ""
}

.fa-xmark-square::before {
    content: ""
}

.fa-stairs::before {
    content: ""
}

.fa-stamp::before {
    content: ""
}

.fa-star::before {
    content: ""
}

.fa-star-and-crescent::before {
    content: ""
}

.fa-star-half::before {
    content: ""
}

.fa-star-half-stroke::before {
    content: ""
}

.fa-star-half-alt::before {
    content: ""
}

.fa-star-of-david::before {
    content: ""
}

.fa-star-of-life::before {
    content: ""
}

.fa-sterling-sign::before {
    content: ""
}

.fa-gbp::before {
    content: ""
}

.fa-pound-sign::before {
    content: ""
}

.fa-stethoscope::before {
    content: ""
}

.fa-stop::before {
    content: ""
}

.fa-stopwatch::before {
    content: ""
}

.fa-stopwatch-20::before {
    content: ""
}

.fa-store::before {
    content: ""
}

.fa-store-slash::before {
    content: ""
}

.fa-street-view::before {
    content: ""
}

.fa-strikethrough::before {
    content: ""
}

.fa-stroopwafel::before {
    content: ""
}

.fa-subscript::before {
    content: ""
}

.fa-suitcase::before {
    content: ""
}

.fa-suitcase-medical::before {
    content: ""
}

.fa-medkit::before {
    content: ""
}

.fa-suitcase-rolling::before {
    content: ""
}

.fa-sun::before {
    content: ""
}

.fa-superscript::before {
    content: ""
}

.fa-swatchbook::before {
    content: ""
}

.fa-synagogue::before {
    content: ""
}

.fa-syringe::before {
    content: ""
}

.fa-t::before {
    content: "T"
}

.fa-table::before {
    content: ""
}

.fa-table-cells::before {
    content: ""
}

.fa-th::before {
    content: ""
}

.fa-table-cells-large::before {
    content: ""
}

.fa-th-large::before {
    content: ""
}

.fa-table-columns::before {
    content: ""
}

.fa-columns::before {
    content: ""
}

.fa-table-list::before {
    content: ""
}

.fa-th-list::before {
    content: ""
}

.fa-table-tennis-paddle-ball::before {
    content: ""
}

.fa-ping-pong-paddle-ball::before {
    content: ""
}

.fa-table-tennis::before {
    content: ""
}

.fa-tablet::before {
    content: ""
}

.fa-tablet-android::before {
    content: ""
}

.fa-tablet-button::before {
    content: ""
}

.fa-tablet-screen-button::before {
    content: ""
}

.fa-tablet-alt::before {
    content: ""
}

.fa-tablets::before {
    content: ""
}

.fa-tachograph-digital::before {
    content: ""
}

.fa-digital-tachograph::before {
    content: ""
}

.fa-tag::before {
    content: ""
}

.fa-tags::before {
    content: ""
}

.fa-tape::before {
    content: ""
}

.fa-taxi::before {
    content: ""
}

.fa-cab::before {
    content: ""
}

.fa-teeth::before {
    content: ""
}

.fa-teeth-open::before {
    content: ""
}

.fa-temperature-empty::before {
    content: ""
}

.fa-temperature-0::before {
    content: ""
}

.fa-thermometer-0::before {
    content: ""
}

.fa-thermometer-empty::before {
    content: ""
}

.fa-temperature-full::before {
    content: ""
}

.fa-temperature-4::before {
    content: ""
}

.fa-thermometer-4::before {
    content: ""
}

.fa-thermometer-full::before {
    content: ""
}

.fa-temperature-half::before {
    content: ""
}

.fa-temperature-2::before {
    content: ""
}

.fa-thermometer-2::before {
    content: ""
}

.fa-thermometer-half::before {
    content: ""
}

.fa-temperature-high::before {
    content: ""
}

.fa-temperature-low::before {
    content: ""
}

.fa-temperature-quarter::before {
    content: ""
}

.fa-temperature-1::before {
    content: ""
}

.fa-thermometer-1::before {
    content: ""
}

.fa-thermometer-quarter::before {
    content: ""
}

.fa-temperature-three-quarters::before {
    content: ""
}

.fa-temperature-3::before {
    content: ""
}

.fa-thermometer-3::before {
    content: ""
}

.fa-thermometer-three-quarters::before {
    content: ""
}

.fa-tenge-sign::before {
    content: ""
}

.fa-tenge::before {
    content: ""
}

.fa-terminal::before {
    content: ""
}

.fa-text-height::before {
    content: ""
}

.fa-text-slash::before {
    content: ""
}

.fa-remove-format::before {
    content: ""
}

.fa-text-width::before {
    content: ""
}

.fa-thermometer::before {
    content: ""
}

.fa-thumbs-down::before {
    content: ""
}

.fa-thumbs-up::before {
    content: ""
}

.fa-thumbtack::before {
    content: ""
}

.fa-thumb-tack::before {
    content: ""
}

.fa-ticket::before {
    content: ""
}

.fa-ticket-simple::before {
    content: ""
}

.fa-ticket-alt::before {
    content: ""
}

.fa-timeline::before {
    content: ""
}

.fa-toggle-off::before {
    content: ""
}

.fa-toggle-on::before {
    content: ""
}

.fa-toilet::before {
    content: ""
}

.fa-toilet-paper::before {
    content: ""
}

.fa-toilet-paper-slash::before {
    content: ""
}

.fa-toolbox::before {
    content: ""
}

.fa-tooth::before {
    content: ""
}

.fa-torii-gate::before {
    content: ""
}

.fa-tower-broadcast::before {
    content: ""
}

.fa-broadcast-tower::before {
    content: ""
}

.fa-tractor::before {
    content: ""
}

.fa-trademark::before {
    content: ""
}

.fa-traffic-light::before {
    content: ""
}

.fa-trailer::before {
    content: ""
}

.fa-train::before {
    content: ""
}

.fa-train-subway::before {
    content: ""
}

.fa-subway::before {
    content: ""
}

.fa-train-tram::before {
    content: ""
}

.fa-tram::before {
    content: ""
}

.fa-transgender::before {
    content: ""
}

.fa-transgender-alt::before {
    content: ""
}

.fa-trash::before {
    content: ""
}

.fa-trash-arrow-up::before {
    content: ""
}

.fa-trash-restore::before {
    content: ""
}

.fa-trash-can::before {
    content: ""
}

.fa-trash-alt::before {
    content: ""
}

.fa-trash-can-arrow-up::before {
    content: ""
}

.fa-trash-restore-alt::before {
    content: ""
}

.fa-tree::before {
    content: ""
}

.fa-triangle-exclamation::before {
    content: ""
}

.fa-exclamation-triangle::before {
    content: ""
}

.fa-warning::before {
    content: ""
}

.fa-trophy::before {
    content: ""
}

.fa-truck::before {
    content: ""
}

.fa-truck-fast::before {
    content: ""
}

.fa-shipping-fast::before {
    content: ""
}

.fa-truck-medical::before {
    content: ""
}

.fa-ambulance::before {
    content: ""
}

.fa-truck-monster::before {
    content: ""
}

.fa-truck-moving::before {
    content: ""
}

.fa-truck-pickup::before {
    content: ""
}

.fa-truck-ramp-box::before {
    content: ""
}

.fa-truck-loading::before {
    content: ""
}

.fa-tty::before {
    content: ""
}

.fa-teletype::before {
    content: ""
}

.fa-turkish-lira-sign::before {
    content: ""
}

.fa-try::before {
    content: ""
}

.fa-turkish-lira::before {
    content: ""
}

.fa-turn-down::before {
    content: ""
}

.fa-level-down-alt::before {
    content: ""
}

.fa-turn-up::before {
    content: ""
}

.fa-level-up-alt::before {
    content: ""
}

.fa-tv::before {
    content: ""
}

.fa-television::before {
    content: ""
}

.fa-tv-alt::before {
    content: ""
}

.fa-u::before {
    content: "U"
}

.fa-umbrella::before {
    content: ""
}

.fa-umbrella-beach::before {
    content: ""
}

.fa-underline::before {
    content: ""
}

.fa-universal-access::before {
    content: ""
}

.fa-unlock::before {
    content: ""
}

.fa-unlock-keyhole::before {
    content: ""
}

.fa-unlock-alt::before {
    content: ""
}

.fa-up-down::before {
    content: ""
}

.fa-arrows-alt-v::before {
    content: ""
}

.fa-up-down-left-right::before {
    content: ""
}

.fa-arrows-alt::before {
    content: ""
}

.fa-up-long::before {
    content: ""
}

.fa-long-arrow-alt-up::before {
    content: ""
}

.fa-up-right-and-down-left-from-center::before {
    content: ""
}

.fa-expand-alt::before {
    content: ""
}

.fa-up-right-from-square::before {
    content: ""
}

.fa-external-link-alt::before {
    content: ""
}

.fa-upload::before {
    content: ""
}

.fa-user::before {
    content: ""
}

.fa-user-astronaut::before {
    content: ""
}

.fa-user-check::before {
    content: ""
}

.fa-user-clock::before {
    content: ""
}

.fa-user-doctor::before {
    content: ""
}

.fa-user-md::before {
    content: ""
}

.fa-user-gear::before {
    content: ""
}

.fa-user-cog::before {
    content: ""
}

.fa-user-graduate::before {
    content: ""
}

.fa-user-group::before {
    content: ""
}

.fa-user-friends::before {
    content: ""
}

.fa-user-injured::before {
    content: ""
}

.fa-user-large::before {
    content: ""
}

.fa-user-alt::before {
    content: ""
}

.fa-user-large-slash::before {
    content: ""
}

.fa-user-alt-slash::before {
    content: ""
}

.fa-user-lock::before {
    content: ""
}

.fa-user-minus::before {
    content: ""
}

.fa-user-ninja::before {
    content: ""
}

.fa-user-nurse::before {
    content: ""
}

.fa-user-pen::before {
    content: ""
}

.fa-user-edit::before {
    content: ""
}

.fa-user-plus::before {
    content: ""
}

.fa-user-secret::before {
    content: ""
}

.fa-user-shield::before {
    content: ""
}

.fa-user-slash::before {
    content: ""
}

.fa-user-tag::before {
    content: ""
}

.fa-user-tie::before {
    content: ""
}

.fa-user-xmark::before {
    content: ""
}

.fa-user-times::before {
    content: ""
}

.fa-users::before {
    content: ""
}

.fa-users-gear::before {
    content: ""
}

.fa-users-cog::before {
    content: ""
}

.fa-users-slash::before {
    content: ""
}

.fa-utensils::before {
    content: ""
}

.fa-cutlery::before {
    content: ""
}

.fa-v::before {
    content: "V"
}

.fa-van-shuttle::before {
    content: ""
}

.fa-shuttle-van::before {
    content: ""
}

.fa-vault::before {
    content: ""
}

.fa-vector-square::before {
    content: ""
}

.fa-venus::before {
    content: ""
}

.fa-venus-double::before {
    content: ""
}

.fa-venus-mars::before {
    content: ""
}

.fa-vest::before {
    content: ""
}

.fa-vest-patches::before {
    content: ""
}

.fa-vial::before {
    content: ""
}

.fa-vials::before {
    content: ""
}

.fa-video::before {
    content: ""
}

.fa-video-camera::before {
    content: ""
}

.fa-video-slash::before {
    content: ""
}

.fa-vihara::before {
    content: ""
}

.fa-virus::before {
    content: ""
}

.fa-virus-covid::before {
    content: ""
}

.fa-virus-covid-slash::before {
    content: ""
}

.fa-virus-slash::before {
    content: ""
}

.fa-viruses::before {
    content: ""
}

.fa-voicemail::before {
    content: ""
}

.fa-volleyball::before {
    content: ""
}

.fa-volleyball-ball::before {
    content: ""
}

.fa-volume-high::before {
    content: ""
}

.fa-volume-up::before {
    content: ""
}

.fa-volume-low::before {
    content: ""
}

.fa-volume-down::before {
    content: ""
}

.fa-volume-off::before {
    content: ""
}

.fa-volume-xmark::before {
    content: ""
}

.fa-volume-mute::before {
    content: ""
}

.fa-volume-times::before {
    content: ""
}

.fa-vr-cardboard::before {
    content: ""
}

.fa-w::before {
    content: "W"
}

.fa-wallet::before {
    content: ""
}

.fa-wand-magic::before {
    content: ""
}

.fa-magic::before {
    content: ""
}

.fa-wand-magic-sparkles::before {
    content: ""
}

.fa-magic-wand-sparkles::before {
    content: ""
}

.fa-wand-sparkles::before {
    content: ""
}

.fa-warehouse::before {
    content: ""
}

.fa-water::before {
    content: ""
}

.fa-water-ladder::before {
    content: ""
}

.fa-ladder-water::before {
    content: ""
}

.fa-swimming-pool::before {
    content: ""
}

.fa-wave-square::before {
    content: ""
}

.fa-weight-hanging::before {
    content: ""
}

.fa-weight-scale::before {
    content: ""
}

.fa-weight::before {
    content: ""
}

.fa-wheelchair::before {
    content: ""
}

.fa-whiskey-glass::before {
    content: ""
}

.fa-glass-whiskey::before {
    content: ""
}

.fa-wifi::before {
    content: ""
}

.fa-wifi-3::before {
    content: ""
}

.fa-wifi-strong::before {
    content: ""
}

.fa-wind::before {
    content: ""
}

.fa-window-maximize::before {
    content: ""
}

.fa-window-minimize::before {
    content: ""
}

.fa-window-restore::before {
    content: ""
}

.fa-wine-bottle::before {
    content: ""
}

.fa-wine-glass::before {
    content: ""
}

.fa-wine-glass-empty::before {
    content: ""
}

.fa-wine-glass-alt::before {
    content: ""
}

.fa-won-sign::before {
    content: ""
}

.fa-krw::before {
    content: ""
}

.fa-won::before {
    content: ""
}

.fa-wrench::before {
    content: ""
}

.fa-x::before {
    content: "X"
}

.fa-x-ray::before {
    content: ""
}

.fa-xmark::before {
    content: ""
}

.fa-close::before {
    content: ""
}

.fa-multiply::before {
    content: ""
}

.fa-remove::before {
    content: ""
}

.fa-times::before {
    content: ""
}

.fa-y::before {
    content: "Y"
}

.fa-yen-sign::before {
    content: ""
}

.fa-cny::before {
    content: ""
}

.fa-jpy::before {
    content: ""
}

.fa-rmb::before {
    content: ""
}

.fa-yen::before {
    content: ""
}

.fa-yin-yang::before {
    content: ""
}

.fa-z::before {
    content: "Z"
}

.sr-only,
.fa-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.sr-only-focusable:not(:focus),
.fa-sr-only-focusable:not(:focus) {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/css/fonts/fa-regular-400.woff2") format("woff2"), url("/assets/css/fonts/fa-regular-400.ttf") format("truetype")
}

.far,
.fa-regular {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"
}

@font-face {
    font-family: "Font Awesome 6 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("/assets/css/fonts/fa-brands-400.woff2") format("woff2"), url("/assets/css/fonts/fa-brands-400.ttf") format("truetype")
}

.fab,
.fa-brands {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa-42-group:before {
    content: ""
}

.fa-innosoft:before {
    content: ""
}

.fa-500px:before {
    content: ""
}

.fa-accessible-icon:before {
    content: ""
}

.fa-accusoft:before {
    content: ""
}

.fa-adn:before {
    content: ""
}

.fa-adversal:before {
    content: ""
}

.fa-affiliatetheme:before {
    content: ""
}

.fa-airbnb:before {
    content: ""
}

.fa-algolia:before {
    content: ""
}

.fa-alipay:before {
    content: ""
}

.fa-amazon:before {
    content: ""
}

.fa-amazon-pay:before {
    content: ""
}

.fa-amilia:before {
    content: ""
}

.fa-android:before {
    content: ""
}

.fa-angellist:before {
    content: ""
}

.fa-angrycreative:before {
    content: ""
}

.fa-angular:before {
    content: ""
}

.fa-app-store:before {
    content: ""
}

.fa-app-store-ios:before {
    content: ""
}

.fa-apper:before {
    content: ""
}

.fa-apple:before {
    content: ""
}

.fa-apple-pay:before {
    content: ""
}

.fa-artstation:before {
    content: ""
}

.fa-asymmetrik:before {
    content: ""
}

.fa-atlassian:before {
    content: ""
}

.fa-audible:before {
    content: ""
}

.fa-autoprefixer:before {
    content: ""
}

.fa-avianex:before {
    content: ""
}

.fa-aviato:before {
    content: ""
}

.fa-aws:before {
    content: ""
}

.fa-bandcamp:before {
    content: ""
}

.fa-battle-net:before {
    content: ""
}

.fa-behance:before {
    content: ""
}

.fa-behance-square:before {
    content: ""
}

.fa-bilibili:before {
    content: ""
}

.fa-bimobject:before {
    content: ""
}

.fa-bitbucket:before {
    content: ""
}

.fa-bitcoin:before {
    content: ""
}

.fa-bity:before {
    content: ""
}

.fa-black-tie:before {
    content: ""
}

.fa-blackberry:before {
    content: ""
}

.fa-blogger:before {
    content: ""
}

.fa-blogger-b:before {
    content: ""
}

.fa-bluetooth:before {
    content: ""
}

.fa-bluetooth-b:before {
    content: ""
}

.fa-bootstrap:before {
    content: ""
}

.fa-bots:before {
    content: ""
}

.fa-btc:before {
    content: ""
}

.fa-buffer:before {
    content: ""
}

.fa-buromobelexperte:before {
    content: ""
}

.fa-buy-n-large:before {
    content: ""
}

.fa-buysellads:before {
    content: ""
}

.fa-canadian-maple-leaf:before {
    content: ""
}

.fa-cc-amazon-pay:before {
    content: ""
}

.fa-cc-amex:before {
    content: ""
}

.fa-cc-apple-pay:before {
    content: ""
}

.fa-cc-diners-club:before {
    content: ""
}

.fa-cc-discover:before {
    content: ""
}

.fa-cc-jcb:before {
    content: ""
}

.fa-cc-mastercard:before {
    content: ""
}

.fa-cc-paypal:before {
    content: ""
}

.fa-cc-stripe:before {
    content: ""
}

.fa-cc-visa:before {
    content: ""
}

.fa-centercode:before {
    content: ""
}

.fa-centos:before {
    content: ""
}

.fa-chrome:before {
    content: ""
}

.fa-chromecast:before {
    content: ""
}

.fa-cloudflare:before {
    content: ""
}

.fa-cloudscale:before {
    content: ""
}

.fa-cloudsmith:before {
    content: ""
}

.fa-cloudversify:before {
    content: ""
}

.fa-cmplid:before {
    content: ""
}

.fa-codepen:before {
    content: ""
}

.fa-codiepie:before {
    content: ""
}

.fa-confluence:before {
    content: ""
}

.fa-connectdevelop:before {
    content: ""
}

.fa-contao:before {
    content: ""
}

.fa-cotton-bureau:before {
    content: ""
}

.fa-cpanel:before {
    content: ""
}

.fa-creative-commons:before {
    content: ""
}

.fa-creative-commons-by:before {
    content: ""
}

.fa-creative-commons-nc:before {
    content: ""
}

.fa-creative-commons-nc-eu:before {
    content: ""
}

.fa-creative-commons-nc-jp:before {
    content: ""
}

.fa-creative-commons-nd:before {
    content: ""
}

.fa-creative-commons-pd:before {
    content: ""
}

.fa-creative-commons-pd-alt:before {
    content: ""
}

.fa-creative-commons-remix:before {
    content: ""
}

.fa-creative-commons-sa:before {
    content: ""
}

.fa-creative-commons-sampling:before {
    content: ""
}

.fa-creative-commons-sampling-plus:before {
    content: ""
}

.fa-creative-commons-share:before {
    content: ""
}

.fa-creative-commons-zero:before {
    content: ""
}

.fa-critical-role:before {
    content: ""
}

.fa-css3:before {
    content: ""
}

.fa-css3-alt:before {
    content: ""
}

.fa-cuttlefish:before {
    content: ""
}

.fa-d-and-d:before {
    content: ""
}

.fa-d-and-d-beyond:before {
    content: ""
}

.fa-dailymotion:before {
    content: ""
}

.fa-dashcube:before {
    content: ""
}

.fa-deezer:before {
    content: ""
}

.fa-delicious:before {
    content: ""
}

.fa-deploydog:before {
    content: ""
}

.fa-deskpro:before {
    content: ""
}

.fa-dev:before {
    content: ""
}

.fa-deviantart:before {
    content: ""
}

.fa-dhl:before {
    content: ""
}

.fa-diaspora:before {
    content: ""
}

.fa-digg:before {
    content: ""
}

.fa-digital-ocean:before {
    content: ""
}

.fa-discord:before {
    content: ""
}

.fa-discourse:before {
    content: ""
}

.fa-dochub:before {
    content: ""
}

.fa-docker:before {
    content: ""
}

.fa-draft2digital:before {
    content: ""
}

.fa-dribbble:before {
    content: ""
}

.fa-dribbble-square:before {
    content: ""
}

.fa-dropbox:before {
    content: ""
}

.fa-drupal:before {
    content: ""
}

.fa-dyalog:before {
    content: ""
}

.fa-earlybirds:before {
    content: ""
}

.fa-ebay:before {
    content: ""
}

.fa-edge:before {
    content: ""
}

.fa-edge-legacy:before {
    content: ""
}

.fa-elementor:before {
    content: ""
}

.fa-ello:before {
    content: ""
}

.fa-ember:before {
    content: ""
}

.fa-empire:before {
    content: ""
}

.fa-envira:before {
    content: ""
}

.fa-erlang:before {
    content: ""
}

.fa-ethereum:before {
    content: ""
}

.fa-etsy:before {
    content: ""
}

.fa-evernote:before {
    content: ""
}

.fa-expeditedssl:before {
    content: ""
}

.fa-facebook:before {
    content: ""
}

.fa-facebook-f:before {
    content: ""
}

.fa-facebook-messenger:before {
    content: ""
}

.fa-facebook-square:before {
    content: ""
}

.fa-fantasy-flight-games:before {
    content: ""
}

.fa-fedex:before {
    content: ""
}

.fa-fedora:before {
    content: ""
}

.fa-figma:before {
    content: ""
}

.fa-firefox:before {
    content: ""
}

.fa-firefox-browser:before {
    content: ""
}

.fa-first-order:before {
    content: ""
}

.fa-first-order-alt:before {
    content: ""
}

.fa-firstdraft:before {
    content: ""
}

.fa-flickr:before {
    content: ""
}

.fa-flipboard:before {
    content: ""
}

.fa-fly:before {
    content: ""
}

.fa-font-awesome:before {
    content: ""
}

.fa-font-awesome-flag:before {
    content: ""
}

.fa-font-awesome-logo-full:before {
    content: ""
}

.fa-fonticons:before {
    content: ""
}

.fa-fonticons-fi:before {
    content: ""
}

.fa-fort-awesome:before {
    content: ""
}

.fa-fort-awesome-alt:before {
    content: ""
}

.fa-forumbee:before {
    content: ""
}

.fa-foursquare:before {
    content: ""
}

.fa-free-code-camp:before {
    content: ""
}

.fa-freebsd:before {
    content: ""
}

.fa-fulcrum:before {
    content: ""
}

.fa-galactic-republic:before {
    content: ""
}

.fa-galactic-senate:before {
    content: ""
}

.fa-get-pocket:before {
    content: ""
}

.fa-gg:before {
    content: ""
}

.fa-gg-circle:before {
    content: ""
}

.fa-git:before {
    content: ""
}

.fa-git-alt:before {
    content: ""
}

.fa-git-square:before {
    content: ""
}

.fa-github:before {
    content: ""
}

.fa-github-alt:before {
    content: ""
}

.fa-github-square:before {
    content: ""
}

.fa-gitkraken:before {
    content: ""
}

.fa-gitlab:before {
    content: ""
}

.fa-gitter:before {
    content: ""
}

.fa-glide:before {
    content: ""
}

.fa-glide-g:before {
    content: ""
}

.fa-gofore:before {
    content: ""
}

.fa-golang:before {
    content: ""
}

.fa-goodreads:before {
    content: ""
}

.fa-goodreads-g:before {
    content: ""
}

.fa-google:before {
    content: ""
}

.fa-google-drive:before {
    content: ""
}

.fa-google-pay:before {
    content: ""
}

.fa-google-play:before {
    content: ""
}

.fa-google-plus:before {
    content: ""
}

.fa-google-plus-g:before {
    content: ""
}

.fa-google-plus-square:before {
    content: ""
}

.fa-google-wallet:before {
    content: ""
}

.fa-gratipay:before {
    content: ""
}

.fa-grav:before {
    content: ""
}

.fa-gripfire:before {
    content: ""
}

.fa-grunt:before {
    content: ""
}

.fa-guilded:before {
    content: ""
}

.fa-gulp:before {
    content: ""
}

.fa-hacker-news:before {
    content: ""
}

.fa-hacker-news-square:before {
    content: ""
}

.fa-hackerrank:before {
    content: ""
}

.fa-hashnode:before {
    content: ""
}

.fa-hips:before {
    content: ""
}

.fa-hire-a-helper:before {
    content: ""
}

.fa-hive:before {
    content: ""
}

.fa-hooli:before {
    content: ""
}

.fa-hornbill:before {
    content: ""
}

.fa-hotjar:before {
    content: ""
}

.fa-houzz:before {
    content: ""
}

.fa-html5:before {
    content: ""
}

.fa-hubspot:before {
    content: ""
}

.fa-ideal:before {
    content: ""
}

.fa-imdb:before {
    content: ""
}

.fa-instagram:before {
    content: ""
}

.fa-instagram-square:before {
    content: ""
}

.fa-instalod:before {
    content: ""
}

.fa-intercom:before {
    content: ""
}

.fa-internet-explorer:before {
    content: ""
}

.fa-invision:before {
    content: ""
}

.fa-ioxhost:before {
    content: ""
}

.fa-itch-io:before {
    content: ""
}

.fa-itunes:before {
    content: ""
}

.fa-itunes-note:before {
    content: ""
}

.fa-java:before {
    content: ""
}

.fa-jedi-order:before {
    content: ""
}

.fa-jenkins:before {
    content: ""
}

.fa-jira:before {
    content: ""
}

.fa-joget:before {
    content: ""
}

.fa-joomla:before {
    content: ""
}

.fa-js:before {
    content: ""
}

.fa-js-square:before {
    content: ""
}

.fa-jsfiddle:before {
    content: ""
}

.fa-kaggle:before {
    content: ""
}

.fa-keybase:before {
    content: ""
}

.fa-keycdn:before {
    content: ""
}

.fa-kickstarter:before {
    content: ""
}

.fa-kickstarter-k:before {
    content: ""
}

.fa-korvue:before {
    content: ""
}

.fa-laravel:before {
    content: ""
}

.fa-lastfm:before {
    content: ""
}

.fa-lastfm-square:before {
    content: ""
}

.fa-leanpub:before {
    content: ""
}

.fa-less:before {
    content: ""
}

.fa-line:before {
    content: ""
}

.fa-linkedin:before {
    content: ""
}

.fa-linkedin-in:before {
    content: ""
}

.fa-linode:before {
    content: ""
}

.fa-linux:before {
    content: ""
}

.fa-lyft:before {
    content: ""
}

.fa-magento:before {
    content: ""
}

.fa-mailchimp:before {
    content: ""
}

.fa-mandalorian:before {
    content: ""
}

.fa-markdown:before {
    content: ""
}

.fa-mastodon:before {
    content: ""
}

.fa-maxcdn:before {
    content: ""
}

.fa-mdb:before {
    content: ""
}

.fa-medapps:before {
    content: ""
}

.fa-medium:before {
    content: ""
}

.fa-medium-m:before {
    content: ""
}

.fa-medrt:before {
    content: ""
}

.fa-meetup:before {
    content: ""
}

.fa-megaport:before {
    content: ""
}

.fa-mendeley:before {
    content: ""
}

.fa-microblog:before {
    content: ""
}

.fa-microsoft:before {
    content: ""
}

.fa-mix:before {
    content: ""
}

.fa-mixcloud:before {
    content: ""
}

.fa-mixer:before {
    content: ""
}

.fa-mizuni:before {
    content: ""
}

.fa-modx:before {
    content: ""
}

.fa-monero:before {
    content: ""
}

.fa-napster:before {
    content: ""
}

.fa-neos:before {
    content: ""
}

.fa-nimblr:before {
    content: ""
}

.fa-node:before {
    content: ""
}

.fa-node-js:before {
    content: ""
}

.fa-npm:before {
    content: ""
}

.fa-ns8:before {
    content: ""
}

.fa-nutritionix:before {
    content: ""
}

.fa-octopus-deploy:before {
    content: ""
}

.fa-odnoklassniki:before {
    content: ""
}

.fa-odnoklassniki-square:before {
    content: ""
}

.fa-old-republic:before {
    content: ""
}

.fa-opencart:before {
    content: ""
}

.fa-openid:before {
    content: ""
}

.fa-opera:before {
    content: ""
}

.fa-optin-monster:before {
    content: ""
}

.fa-orcid:before {
    content: ""
}

.fa-osi:before {
    content: ""
}

.fa-padlet:before {
    content: ""
}

.fa-page4:before {
    content: ""
}

.fa-pagelines:before {
    content: ""
}

.fa-palfed:before {
    content: ""
}

.fa-patreon:before {
    content: ""
}

.fa-paypal:before {
    content: ""
}

.fa-perbyte:before {
    content: ""
}

.fa-periscope:before {
    content: ""
}

.fa-phabricator:before {
    content: ""
}

.fa-phoenix-framework:before {
    content: ""
}

.fa-phoenix-squadron:before {
    content: ""
}

.fa-php:before {
    content: ""
}

.fa-pied-piper:before {
    content: ""
}

.fa-pied-piper-alt:before {
    content: ""
}

.fa-pied-piper-hat:before {
    content: ""
}

.fa-pied-piper-pp:before {
    content: ""
}

.fa-pied-piper-square:before {
    content: ""
}

.fa-pinterest:before {
    content: ""
}

.fa-pinterest-p:before {
    content: ""
}

.fa-pinterest-square:before {
    content: ""
}

.fa-pix:before {
    content: ""
}

.fa-playstation:before {
    content: ""
}

.fa-product-hunt:before {
    content: ""
}

.fa-pushed:before {
    content: ""
}

.fa-python:before {
    content: ""
}

.fa-qq:before {
    content: ""
}

.fa-quinscape:before {
    content: ""
}

.fa-quora:before {
    content: ""
}

.fa-r-project:before {
    content: ""
}

.fa-raspberry-pi:before {
    content: ""
}

.fa-ravelry:before {
    content: ""
}

.fa-react:before {
    content: ""
}

.fa-reacteurope:before {
    content: ""
}

.fa-readme:before {
    content: ""
}

.fa-rebel:before {
    content: ""
}

.fa-red-river:before {
    content: ""
}

.fa-reddit:before {
    content: ""
}

.fa-reddit-alien:before {
    content: ""
}

.fa-reddit-square:before {
    content: ""
}

.fa-redhat:before {
    content: ""
}

.fa-renren:before {
    content: ""
}

.fa-replyd:before {
    content: ""
}

.fa-researchgate:before {
    content: ""
}

.fa-resolving:before {
    content: ""
}

.fa-rev:before {
    content: ""
}

.fa-rocketchat:before {
    content: ""
}

.fa-rockrms:before {
    content: ""
}

.fa-rust:before {
    content: ""
}

.fa-safari:before {
    content: ""
}

.fa-salesforce:before {
    content: ""
}

.fa-sass:before {
    content: ""
}

.fa-schlix:before {
    content: ""
}

.fa-scribd:before {
    content: ""
}

.fa-searchengin:before {
    content: ""
}

.fa-sellcast:before {
    content: ""
}

.fa-sellsy:before {
    content: ""
}

.fa-servicestack:before {
    content: ""
}

.fa-shirtsinbulk:before {
    content: ""
}

.fa-shopify:before {
    content: ""
}

.fa-shopware:before {
    content: ""
}

.fa-simplybuilt:before {
    content: ""
}

.fa-sistrix:before {
    content: ""
}

.fa-sith:before {
    content: ""
}

.fa-sitrox:before {
    content: ""
}

.fa-sketch:before {
    content: ""
}

.fa-skyatlas:before {
    content: ""
}

.fa-skype:before {
    content: ""
}

.fa-slack:before {
    content: ""
}

.fa-slack-hash:before {
    content: ""
}

.fa-slideshare:before {
    content: ""
}

.fa-snapchat:before {
    content: ""
}

.fa-snapchat-ghost:before {
    content: ""
}

.fa-snapchat-square:before {
    content: ""
}

.fa-soundcloud:before {
    content: ""
}

.fa-sourcetree:before {
    content: ""
}

.fa-speakap:before {
    content: ""
}

.fa-speaker-deck:before {
    content: ""
}

.fa-spotify:before {
    content: ""
}

.fa-square-font-awesome:before {
    content: ""
}

.fa-square-font-awesome-stroke:before {
    content: ""
}

.fa-font-awesome-alt:before {
    content: ""
}

.fa-squarespace:before {
    content: ""
}

.fa-stack-exchange:before {
    content: ""
}

.fa-stack-overflow:before {
    content: ""
}

.fa-stackpath:before {
    content: ""
}

.fa-staylinked:before {
    content: ""
}

.fa-steam:before {
    content: ""
}

.fa-steam-square:before {
    content: ""
}

.fa-steam-symbol:before {
    content: ""
}

.fa-sticker-mule:before {
    content: ""
}

.fa-strava:before {
    content: ""
}

.fa-stripe:before {
    content: ""
}

.fa-stripe-s:before {
    content: ""
}

.fa-studiovinari:before {
    content: ""
}

.fa-stumbleupon:before {
    content: ""
}

.fa-stumbleupon-circle:before {
    content: ""
}

.fa-superpowers:before {
    content: ""
}

.fa-supple:before {
    content: ""
}

.fa-suse:before {
    content: ""
}

.fa-swift:before {
    content: ""
}

.fa-symfony:before {
    content: ""
}

.fa-teamspeak:before {
    content: ""
}

.fa-telegram:before {
    content: ""
}

.fa-telegram-plane:before {
    content: ""
}

.fa-tencent-weibo:before {
    content: ""
}

.fa-the-red-yeti:before {
    content: ""
}

.fa-themeco:before {
    content: ""
}

.fa-themeisle:before {
    content: ""
}

.fa-think-peaks:before {
    content: ""
}

.fa-tiktok:before {
    content: ""
}

.fa-trade-federation:before {
    content: ""
}

.fa-trello:before {
    content: ""
}

.fa-tumblr:before {
    content: ""
}

.fa-tumblr-square:before {
    content: ""
}

.fa-twitch:before {
    content: ""
}

.fa-twitter:before {
    content: ""
}

.fa-twitter-square:before {
    content: ""
}

.fa-typo3:before {
    content: ""
}

.fa-uber:before {
    content: ""
}

.fa-ubuntu:before {
    content: ""
}

.fa-uikit:before {
    content: ""
}

.fa-umbraco:before {
    content: ""
}

.fa-uncharted:before {
    content: ""
}

.fa-uniregistry:before {
    content: ""
}

.fa-unity:before {
    content: ""
}

.fa-unsplash:before {
    content: ""
}

.fa-untappd:before {
    content: ""
}

.fa-ups:before {
    content: ""
}

.fa-usb:before {
    content: ""
}

.fa-usps:before {
    content: ""
}

.fa-ussunnah:before {
    content: ""
}

.fa-vaadin:before {
    content: ""
}

.fa-viacoin:before {
    content: ""
}

.fa-viadeo:before {
    content: ""
}

.fa-viadeo-square:before {
    content: ""
}

.fa-viber:before {
    content: ""
}

.fa-vimeo:before {
    content: ""
}

.fa-vimeo-square:before {
    content: ""
}

.fa-vimeo-v:before {
    content: ""
}

.fa-vine:before {
    content: ""
}

.fa-vk:before {
    content: ""
}

.fa-vnv:before {
    content: ""
}

.fa-vuejs:before {
    content: ""
}

.fa-watchman-monitoring:before {
    content: ""
}

.fa-waze:before {
    content: ""
}

.fa-weebly:before {
    content: ""
}

.fa-weibo:before {
    content: ""
}

.fa-weixin:before {
    content: ""
}

.fa-whatsapp:before {
    content: ""
}

.fa-whatsapp-square:before {
    content: ""
}

.fa-whmcs:before {
    content: ""
}

.fa-wikipedia-w:before {
    content: ""
}

.fa-windows:before {
    content: ""
}

.fa-wirsindhandwerk:before {
    content: ""
}

.fa-wsh:before {
    content: ""
}

.fa-wix:before {
    content: ""
}

.fa-wizards-of-the-coast:before {
    content: ""
}

.fa-wodu:before {
    content: ""
}

.fa-wolf-pack-battalion:before {
    content: ""
}

.fa-wordpress:before {
    content: ""
}

.fa-wordpress-simple:before {
    content: ""
}

.fa-wpbeginner:before {
    content: ""
}

.fa-wpexplorer:before {
    content: ""
}

.fa-wpforms:before {
    content: ""
}

.fa-wpressr:before {
    content: ""
}

.fa-xbox:before {
    content: ""
}

.fa-xing:before {
    content: ""
}

.fa-xing-square:before {
    content: ""
}

.fa-y-combinator:before {
    content: ""
}

.fa-yahoo:before {
    content: ""
}

.fa-yammer:before {
    content: ""
}

.fa-yandex:before {
    content: ""
}

.fa-yandex-international:before {
    content: ""
}

.fa-yarn:before {
    content: ""
}

.fa-yelp:before {
    content: ""
}

.fa-yoast:before {
    content: ""
}

.fa-youtube:before {
    content: ""
}

.fa-youtube-square:before {
    content: ""
}

.fa-zhihu:before {
    content: ""
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
:root,
:host {
    --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"
}

@font-face {
    font-family: "Font Awesome 6 Free";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("/assets/css/fonts/fa-solid-900.woff2") format("woff2"), url("/assets/css/fonts/fa-solid-900.ttf") format("truetype")
}

.fas,
.fa-solid {
    font-family: "Font Awesome 6 Free";
    font-weight: 900
}

/*!
 * Font Awesome Free 6.0.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2022 Fonticons, Inc.
 */
.fa.fa-glass:before {
    content: ""
}

.fa.fa-envelope-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-o:before {
    content: ""
}

.fa.fa-star-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-o:before {
    content: ""
}

.fa.fa-remove:before {
    content: ""
}

.fa.fa-close:before {
    content: ""
}

.fa.fa-gear:before {
    content: ""
}

.fa.fa-trash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-trash-o:before {
    content: ""
}

.fa.fa-home:before {
    content: ""
}

.fa.fa-file-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-o:before {
    content: ""
}

.fa.fa-clock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-clock-o:before {
    content: ""
}

.fa.fa-arrow-circle-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-down:before {
    content: ""
}

.fa.fa-arrow-circle-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-up:before {
    content: ""
}

.fa.fa-play-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-play-circle-o:before {
    content: ""
}

.fa.fa-repeat:before {
    content: ""
}

.fa.fa-rotate-right:before {
    content: ""
}

.fa.fa-refresh:before {
    content: ""
}

.fa.fa-list-alt {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-list-alt:before {
    content: ""
}

.fa.fa-dedent:before {
    content: ""
}

.fa.fa-video-camera:before {
    content: ""
}

.fa.fa-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-picture-o:before {
    content: ""
}

.fa.fa-photo {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-photo:before {
    content: ""
}

.fa.fa-image {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-image:before {
    content: ""
}

.fa.fa-map-marker:before {
    content: ""
}

.fa.fa-pencil-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pencil-square-o:before {
    content: ""
}

.fa.fa-edit {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-edit:before {
    content: ""
}

.fa.fa-share-square-o:before {
    content: ""
}

.fa.fa-check-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-square-o:before {
    content: ""
}

.fa.fa-arrows:before {
    content: ""
}

.fa.fa-times-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-circle-o:before {
    content: ""
}

.fa.fa-check-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-check-circle-o:before {
    content: ""
}

.fa.fa-mail-forward:before {
    content: ""
}

.fa.fa-expand:before {
    content: ""
}

.fa.fa-compress:before {
    content: ""
}

.fa.fa-eye {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eye-slash {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-warning:before {
    content: ""
}

.fa.fa-calendar:before {
    content: ""
}

.fa.fa-arrows-v:before {
    content: ""
}

.fa.fa-arrows-h:before {
    content: ""
}

.fa.fa-bar-chart:before {
    content: ""
}

.fa.fa-bar-chart-o:before {
    content: ""
}

.fa.fa-twitter-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gears:before {
    content: ""
}

.fa.fa-thumbs-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-up:before {
    content: ""
}

.fa.fa-thumbs-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-thumbs-o-down:before {
    content: ""
}

.fa.fa-heart-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-heart-o:before {
    content: ""
}

.fa.fa-sign-out:before {
    content: ""
}

.fa.fa-linkedin-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin-square:before {
    content: ""
}

.fa.fa-thumb-tack:before {
    content: ""
}

.fa.fa-external-link:before {
    content: ""
}

.fa.fa-sign-in:before {
    content: ""
}

.fa.fa-github-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lemon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lemon-o:before {
    content: ""
}

.fa.fa-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-square-o:before {
    content: ""
}

.fa.fa-bookmark-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bookmark-o:before {
    content: ""
}

.fa.fa-twitter {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook:before {
    content: ""
}

.fa.fa-facebook-f {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-f:before {
    content: ""
}

.fa.fa-github {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-feed:before {
    content: ""
}

.fa.fa-hdd-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hdd-o:before {
    content: ""
}

.fa.fa-hand-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-right:before {
    content: ""
}

.fa.fa-hand-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-left:before {
    content: ""
}

.fa.fa-hand-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-up:before {
    content: ""
}

.fa.fa-hand-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-o-down:before {
    content: ""
}

.fa.fa-globe:before {
    content: ""
}

.fa.fa-tasks:before {
    content: ""
}

.fa.fa-arrows-alt:before {
    content: ""
}

.fa.fa-group:before {
    content: ""
}

.fa.fa-chain:before {
    content: ""
}

.fa.fa-cut:before {
    content: ""
}

.fa.fa-files-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-files-o:before {
    content: ""
}

.fa.fa-floppy-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-floppy-o:before {
    content: ""
}

.fa.fa-save {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-save:before {
    content: ""
}

.fa.fa-navicon:before {
    content: ""
}

.fa.fa-reorder:before {
    content: ""
}

.fa.fa-magic:before {
    content: ""
}

.fa.fa-pinterest {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pinterest-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus:before {
    content: ""
}

.fa.fa-money:before {
    content: ""
}

.fa.fa-unsorted:before {
    content: ""
}

.fa.fa-sort-desc:before {
    content: ""
}

.fa.fa-sort-asc:before {
    content: ""
}

.fa.fa-linkedin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linkedin:before {
    content: ""
}

.fa.fa-rotate-left:before {
    content: ""
}

.fa.fa-legal:before {
    content: ""
}

.fa.fa-tachometer:before {
    content: ""
}

.fa.fa-dashboard:before {
    content: ""
}

.fa.fa-comment-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comment-o:before {
    content: ""
}

.fa.fa-comments-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-comments-o:before {
    content: ""
}

.fa.fa-flash:before {
    content: ""
}

.fa.fa-clipboard:before {
    content: ""
}

.fa.fa-lightbulb-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-lightbulb-o:before {
    content: ""
}

.fa.fa-exchange:before {
    content: ""
}

.fa.fa-cloud-download:before {
    content: ""
}

.fa.fa-cloud-upload:before {
    content: ""
}

.fa.fa-bell-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-o:before {
    content: ""
}

.fa.fa-cutlery:before {
    content: ""
}

.fa.fa-file-text-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-text-o:before {
    content: ""
}

.fa.fa-building-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-building-o:before {
    content: ""
}

.fa.fa-hospital-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hospital-o:before {
    content: ""
}

.fa.fa-tablet:before {
    content: ""
}

.fa.fa-mobile:before {
    content: ""
}

.fa.fa-mobile-phone:before {
    content: ""
}

.fa.fa-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-o:before {
    content: ""
}

.fa.fa-mail-reply:before {
    content: ""
}

.fa.fa-github-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-folder-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-o:before {
    content: ""
}

.fa.fa-folder-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-folder-open-o:before {
    content: ""
}

.fa.fa-smile-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-smile-o:before {
    content: ""
}

.fa.fa-frown-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-frown-o:before {
    content: ""
}

.fa.fa-meh-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-meh-o:before {
    content: ""
}

.fa.fa-keyboard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-keyboard-o:before {
    content: ""
}

.fa.fa-flag-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-flag-o:before {
    content: ""
}

.fa.fa-mail-reply-all:before {
    content: ""
}

.fa.fa-star-half-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-o:before {
    content: ""
}

.fa.fa-star-half-empty {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-empty:before {
    content: ""
}

.fa.fa-star-half-full {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-star-half-full:before {
    content: ""
}

.fa.fa-code-fork:before {
    content: ""
}

.fa.fa-chain-broken:before {
    content: ""
}

.fa.fa-unlink:before {
    content: ""
}

.fa.fa-calendar-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-o:before {
    content: ""
}

.fa.fa-maxcdn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-html5 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-css3 {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-unlock-alt:before {
    content: ""
}

.fa.fa-minus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-minus-square-o:before {
    content: ""
}

.fa.fa-level-up:before {
    content: ""
}

.fa.fa-level-down:before {
    content: ""
}

.fa.fa-pencil-square:before {
    content: ""
}

.fa.fa-external-link-square:before {
    content: ""
}

.fa.fa-compass {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-down:before {
    content: ""
}

.fa.fa-toggle-down {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-down:before {
    content: ""
}

.fa.fa-caret-square-o-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-up:before {
    content: ""
}

.fa.fa-toggle-up {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-up:before {
    content: ""
}

.fa.fa-caret-square-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-right:before {
    content: ""
}

.fa.fa-toggle-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-right:before {
    content: ""
}

.fa.fa-eur:before {
    content: ""
}

.fa.fa-euro:before {
    content: ""
}

.fa.fa-gbp:before {
    content: ""
}

.fa.fa-usd:before {
    content: "\$"
}

.fa.fa-dollar:before {
    content: "\$"
}

.fa.fa-inr:before {
    content: ""
}

.fa.fa-rupee:before {
    content: ""
}

.fa.fa-jpy:before {
    content: ""
}

.fa.fa-cny:before {
    content: ""
}

.fa.fa-rmb:before {
    content: ""
}

.fa.fa-yen:before {
    content: ""
}

.fa.fa-rub:before {
    content: ""
}

.fa.fa-ruble:before {
    content: ""
}

.fa.fa-rouble:before {
    content: ""
}

.fa.fa-krw:before {
    content: ""
}

.fa.fa-won:before {
    content: ""
}

.fa.fa-btc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitcoin:before {
    content: ""
}

.fa.fa-file-text:before {
    content: ""
}

.fa.fa-sort-alpha-asc:before {
    content: ""
}

.fa.fa-sort-alpha-desc:before {
    content: ""
}

.fa.fa-sort-amount-asc:before {
    content: ""
}

.fa.fa-sort-amount-desc:before {
    content: ""
}

.fa.fa-sort-numeric-asc:before {
    content: ""
}

.fa.fa-sort-numeric-desc:before {
    content: ""
}

.fa.fa-youtube-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-xing-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-youtube-play:before {
    content: ""
}

.fa.fa-dropbox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-overflow {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-instagram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-flickr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-adn {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bitbucket-square:before {
    content: ""
}

.fa.fa-tumblr {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-tumblr-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-long-arrow-down:before {
    content: ""
}

.fa.fa-long-arrow-up:before {
    content: ""
}

.fa.fa-long-arrow-left:before {
    content: ""
}

.fa.fa-long-arrow-right:before {
    content: ""
}

.fa.fa-apple {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-windows {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-android {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-linux {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dribbble {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skype {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-foursquare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-trello {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gratipay {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gittip:before {
    content: ""
}

.fa.fa-sun-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sun-o:before {
    content: ""
}

.fa.fa-moon-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-moon-o:before {
    content: ""
}

.fa.fa-vk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-renren {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pagelines {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stack-exchange {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-right:before {
    content: ""
}

.fa.fa-arrow-circle-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-arrow-circle-o-left:before {
    content: ""
}

.fa.fa-caret-square-o-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-caret-square-o-left:before {
    content: ""
}

.fa.fa-toggle-left {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-toggle-left:before {
    content: ""
}

.fa.fa-dot-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-dot-circle-o:before {
    content: ""
}

.fa.fa-vimeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-try:before {
    content: ""
}

.fa.fa-turkish-lira:before {
    content: ""
}

.fa.fa-plus-square-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-plus-square-o:before {
    content: ""
}

.fa.fa-slack {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wordpress {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-openid {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-institution:before {
    content: ""
}

.fa.fa-bank:before {
    content: ""
}

.fa.fa-mortar-board:before {
    content: ""
}

.fa.fa-yahoo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-stumbleupon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-delicious {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-digg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-pp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-drupal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-joomla {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-behance-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-steam-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-automobile:before {
    content: ""
}

.fa.fa-cab:before {
    content: ""
}

.fa.fa-spotify {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-deviantart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-soundcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-file-pdf-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-pdf-o:before {
    content: ""
}

.fa.fa-file-word-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-word-o:before {
    content: ""
}

.fa.fa-file-excel-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-excel-o:before {
    content: ""
}

.fa.fa-file-powerpoint-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-powerpoint-o:before {
    content: ""
}

.fa.fa-file-image-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-image-o:before {
    content: ""
}

.fa.fa-file-photo-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-photo-o:before {
    content: ""
}

.fa.fa-file-picture-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-picture-o:before {
    content: ""
}

.fa.fa-file-archive-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-archive-o:before {
    content: ""
}

.fa.fa-file-zip-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-zip-o:before {
    content: ""
}

.fa.fa-file-audio-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-audio-o:before {
    content: ""
}

.fa.fa-file-sound-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-sound-o:before {
    content: ""
}

.fa.fa-file-video-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-video-o:before {
    content: ""
}

.fa.fa-file-movie-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-movie-o:before {
    content: ""
}

.fa.fa-file-code-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-file-code-o:before {
    content: ""
}

.fa.fa-vine {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-codepen {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-jsfiddle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-life-bouy:before {
    content: ""
}

.fa.fa-life-buoy:before {
    content: ""
}

.fa.fa-life-saver:before {
    content: ""
}

.fa.fa-support:before {
    content: ""
}

.fa.fa-circle-o-notch:before {
    content: ""
}

.fa.fa-rebel {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ra:before {
    content: ""
}

.fa.fa-resistance {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-resistance:before {
    content: ""
}

.fa.fa-empire {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ge:before {
    content: ""
}

.fa.fa-git-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-git {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hacker-news {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator-square:before {
    content: ""
}

.fa.fa-yc-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc-square:before {
    content: ""
}

.fa.fa-tencent-weibo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-qq {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-weixin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wechat:before {
    content: ""
}

.fa.fa-send:before {
    content: ""
}

.fa.fa-paper-plane-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-paper-plane-o:before {
    content: ""
}

.fa.fa-send-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-send-o:before {
    content: ""
}

.fa.fa-circle-thin {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-circle-thin:before {
    content: ""
}

.fa.fa-header:before {
    content: ""
}

.fa.fa-futbol-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-futbol-o:before {
    content: ""
}

.fa.fa-soccer-ball-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-soccer-ball-o:before {
    content: ""
}

.fa.fa-slideshare {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-twitch {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yelp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-newspaper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-newspaper-o:before {
    content: ""
}

.fa.fa-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-wallet {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-visa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-mastercard {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-discover {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-amex {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-paypal {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-stripe {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bell-slash-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-bell-slash-o:before {
    content: ""
}

.fa.fa-trash:before {
    content: ""
}

.fa.fa-copyright {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-eyedropper:before {
    content: ""
}

.fa.fa-area-chart:before {
    content: ""
}

.fa.fa-pie-chart:before {
    content: ""
}

.fa.fa-line-chart:before {
    content: ""
}

.fa.fa-lastfm {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-lastfm-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ioxhost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-angellist {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-cc:before {
    content: ""
}

.fa.fa-ils:before {
    content: ""
}

.fa.fa-shekel:before {
    content: ""
}

.fa.fa-sheqel:before {
    content: ""
}

.fa.fa-buysellads {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-connectdevelop {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-dashcube {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-forumbee {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-leanpub {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-sellsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-shirtsinbulk {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-simplybuilt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-skyatlas {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-diamond {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-diamond:before {
    content: ""
}

.fa.fa-transgender:before {
    content: ""
}

.fa.fa-intersex:before {
    content: ""
}

.fa.fa-transgender-alt:before {
    content: ""
}

.fa.fa-facebook-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-facebook-official:before {
    content: ""
}

.fa.fa-pinterest-p {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-whatsapp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-hotel:before {
    content: ""
}

.fa.fa-viacoin {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-medium {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-y-combinator {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yc:before {
    content: ""
}

.fa.fa-optin-monster {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opencart {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-expeditedssl {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-battery-4:before {
    content: ""
}

.fa.fa-battery:before {
    content: ""
}

.fa.fa-battery-3:before {
    content: ""
}

.fa.fa-battery-2:before {
    content: ""
}

.fa.fa-battery-1:before {
    content: ""
}

.fa.fa-battery-0:before {
    content: ""
}

.fa.fa-object-group {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-object-ungroup {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-sticky-note-o:before {
    content: ""
}

.fa.fa-cc-jcb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-cc-diners-club {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-clone {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hourglass-o:before {
    content: ""
}

.fa.fa-hourglass-1:before {
    content: ""
}

.fa.fa-hourglass-half:before {
    content: ""
}

.fa.fa-hourglass-2:before {
    content: ""
}

.fa.fa-hourglass-3:before {
    content: ""
}

.fa.fa-hand-rock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-rock-o:before {
    content: ""
}

.fa.fa-hand-grab-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-grab-o:before {
    content: ""
}

.fa.fa-hand-paper-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-paper-o:before {
    content: ""
}

.fa.fa-hand-stop-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-stop-o:before {
    content: ""
}

.fa.fa-hand-scissors-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-scissors-o:before {
    content: ""
}

.fa.fa-hand-lizard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-lizard-o:before {
    content: ""
}

.fa.fa-hand-spock-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-spock-o:before {
    content: ""
}

.fa.fa-hand-pointer-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-pointer-o:before {
    content: ""
}

.fa.fa-hand-peace-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-hand-peace-o:before {
    content: ""
}

.fa.fa-registered {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-creative-commons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gg-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-odnoklassniki-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-get-pocket {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wikipedia-w {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-safari {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-chrome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-firefox {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-opera {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-internet-explorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-television:before {
    content: ""
}

.fa.fa-contao {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-500px {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-amazon {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-calendar-plus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-plus-o:before {
    content: ""
}

.fa.fa-calendar-minus-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-minus-o:before {
    content: ""
}

.fa.fa-calendar-times-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-times-o:before {
    content: ""
}

.fa.fa-calendar-check-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-calendar-check-o:before {
    content: ""
}

.fa.fa-map-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-map-o:before {
    content: ""
}

.fa.fa-commenting:before {
    content: ""
}

.fa.fa-commenting-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-commenting-o:before {
    content: ""
}

.fa.fa-houzz {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-vimeo:before {
    content: ""
}

.fa.fa-black-tie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fonticons {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-reddit-alien {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-edge {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-credit-card-alt:before {
    content: ""
}

.fa.fa-codiepie {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-modx {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fort-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-usb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-product-hunt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-mixcloud {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-scribd {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pause-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-pause-circle-o:before {
    content: ""
}

.fa.fa-stop-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-stop-circle-o:before {
    content: ""
}

.fa.fa-bluetooth {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-bluetooth-b {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-gitlab {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpbeginner {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpforms {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-envira {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wheelchair-alt:before {
    content: ""
}

.fa.fa-question-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-question-circle-o:before {
    content: ""
}

.fa.fa-volume-control-phone:before {
    content: ""
}

.fa.fa-asl-interpreting:before {
    content: ""
}

.fa.fa-deafness:before {
    content: ""
}

.fa.fa-hard-of-hearing:before {
    content: ""
}

.fa.fa-glide {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-glide-g {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-signing:before {
    content: ""
}

.fa.fa-viadeo {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-viadeo-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-snapchat-ghost:before {
    content: ""
}

.fa.fa-snapchat-square {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-pied-piper {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-first-order {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-yoast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-themeisle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-official:before {
    content: ""
}

.fa.fa-google-plus-circle {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-google-plus-circle:before {
    content: ""
}

.fa.fa-font-awesome {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-fa:before {
    content: ""
}

.fa.fa-handshake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-handshake-o:before {
    content: ""
}

.fa.fa-envelope-open-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-envelope-open-o:before {
    content: ""
}

.fa.fa-linode {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-address-book-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-book-o:before {
    content: ""
}

.fa.fa-vcard:before {
    content: ""
}

.fa.fa-address-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-address-card-o:before {
    content: ""
}

.fa.fa-vcard-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-vcard-o:before {
    content: ""
}

.fa.fa-user-circle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-circle-o:before {
    content: ""
}

.fa.fa-user-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-user-o:before {
    content: ""
}

.fa.fa-id-badge {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license:before {
    content: ""
}

.fa.fa-id-card-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-id-card-o:before {
    content: ""
}

.fa.fa-drivers-license-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-drivers-license-o:before {
    content: ""
}

.fa.fa-quora {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-free-code-camp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-telegram {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-thermometer-4:before {
    content: ""
}

.fa.fa-thermometer:before {
    content: ""
}

.fa.fa-thermometer-3:before {
    content: ""
}

.fa.fa-thermometer-2:before {
    content: ""
}

.fa.fa-thermometer-1:before {
    content: ""
}

.fa.fa-thermometer-0:before {
    content: ""
}

.fa.fa-bathtub:before {
    content: ""
}

.fa.fa-s15:before {
    content: ""
}

.fa.fa-window-maximize {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-restore {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle:before {
    content: ""
}

.fa.fa-window-close-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-window-close-o:before {
    content: ""
}

.fa.fa-times-rectangle-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-times-rectangle-o:before {
    content: ""
}

.fa.fa-bandcamp {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-grav {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-etsy {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-imdb {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-ravelry {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-eercast:before {
    content: ""
}

.fa.fa-snowflake-o {
    font-family: "Font Awesome 6 Free";
    font-weight: 400
}

.fa.fa-snowflake-o:before {
    content: ""
}

.fa.fa-superpowers {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-wpexplorer {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}

.fa.fa-meetup {
    font-family: "Font Awesome 6 Brands";
    font-weight: 400
}