:root {
    --white-color: #fff;
    --black-color: #000;
}

/* UX-Builder */
.uxb-wrapper .swiper-slide {display: none;}
.uxb-wrapper .swiper-wrapper:not(:has(.uxb-selected)) .swiper-slide:nth-child(1), .uxb-wrapper .swiper-wrapper .swiper-slide.uxb-selected, .uxb-wrapper .swiper-wrapper .swiper-slide:has(.uxb-selected) {display: block;}



.fw-100, .h-100 :is(h1, h2, h3, h4, h5, h6), .a-100 * {font-weight: 100 !important;}
.fw-200, .h-200 :is(h1, h2, h3, h4, h5, h6), .a-200 * {font-weight: 200 !important;}
.fw-300, .h-300 :is(h1, h2, h3, h4, h5, h6), .a-300 * {font-weight: 300 !important;}
.fw-400, .h-400 :is(h1, h2, h3, h4, h5, h6), .a-400 * {font-weight: 400 !important;}
.fw-500, .h-500 :is(h1, h2, h3, h4, h5, h6), .a-500 * {font-weight: 500 !important;}
.fw-600, .h-600 :is(h1, h2, h3, h4, h5, h6), .a-600 * {font-weight: 600 !important;}
.fw-700, .h-700 :is(h1, h2, h3, h4, h5, h6), .a-700 * {font-weight: 700 !important;}
.fw-800, .h-800 :is(h1, h2, h3, h4, h5, h6), .a-800 * {font-weight: 800 !important;}
.fw-900, .h-900 :is(h1, h2, h3, h4, h5, h6), .a-900 * {font-weight: 900 !important;}

.banner .fs-xxsmall, .fs-xxsmall {font-size: 0.6em}
.banner .fs-xsmall, .fs-xsmall {font-size: 0.7em}
.banner .fs-smaller, .fs-smaller {font-size: 0.8em}
.banner .fs-small, .fs-small {font-size: 0.9em}
.banner .fs-large, .fs-large {font-size: 1.5em}
.banner .fs-larger, .fs-larger {font-size: 2em}
.banner .fs-xlarge, .fs-xlarge {font-size: 3em}
.banner .fs-xxlarge, .fs-xxlarge {font-size: 4em}
.banner .fs-xxxlarge, .fs-xxxlarge {font-size: 5em}

.ms-icon-large {font-size: large}
.ms-icon-larger {font-size: larger}
.ms-icon-xlarge {font-size: x-large}
.ms-icon-xxlarge {font-size: xx-large}
.ms-icon-xxxlarge {font-size: xxx-large}

.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.text-justify {text-align: justify;}

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

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

.fit-content {width: fit-content;}
.fit-content.text-center {margin-left:auto !important;margin-right: auto !important;}
.fit-content.text-right {margin-left: auto;}


/* Checkbox Switch */
.checkbox-switch {position:relative;display: block;width: 60px;height: 28px;}
.checkbox-switch input {opacity: 0;width: 0;height: 0;}
.checkbox-switch .switch-slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;border-radius:30px}
.checkbox-switch .switch-slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 4px;bottom: 4px;background-color: white;-webkit-transition: .4s;transition: .4s;border-radius:100%}
.checkbox-switch input:checked + .switch-slider {background-color: #2196F3;}
.checkbox-switch input:focus + .switch-slider {box-shadow: 0 0 1px #2196F3;}
.checkbox-switch input:checked + .switch-slider:before {-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}



.ms-tabs {display: flex;flex-flow: row wrap;}
.ms-tabs .tab-nav {display: flex;width: 100%;}
.ms-tabs .tab-nav.nav-vertical {flex-flow: column;width: 200px;}
.ms-tabs .tab-nav a {text-decoration: none;padding: 10px 30px 10px 20px;display: block;border-bottom: 1px solid #ddd;font-weight:bold;color:#666;}
.ms-tabs .tab-nav a.active{color: #000;background: #fff;}

.ms-tabs .tab-contents {width: 100%;}
.ms-tabs .nav-vertical+.tab-contents {flex: 1;border-left: 1px solid #c6c6c6;padding: 20px;background-color: #fff;}
.ms-tabs .tab-content{display: none;}
.ms-tabs .tab-content.active{display: block;}

.ms-row {display:flex;flex-flow: row wrap;}
.ms-row .col {margin: 0;padding: 0 15px 30px;position: relative;width: 100%;box-sizing: border-box;}
.sm-1 {flex-basis: 8.3333%;max-width: 8.3333%;}
.sm-2 {flex-basis: 16.6667%;max-width: 16.6667%;}
.sm-3 {flex-basis: 25%;max-width: 25%;}
.sm-4 {flex-basis: 33.3333%;max-width: 33.3333%;}
.sm-5 {flex-basis: 41.6667%;max-width: 41.6667%;}
.sm-6 {flex-basis: 50%;max-width: 50%;}
.sm-7 {flex-basis: 58.3333%;max-width: 58.3333%;}
.sm-8 {flex-basis: 66.6667%;max-width: 66.6667%;}
.sm-9 {flex-basis: 75%;max-width: 75%;}
.sm-10 {flex-basis: 83.3333%;max-width: 83.3333%;}
.sm-11 {flex-basis: 91.6667%;max-width: 91.6667%;}
.sm-12 {flex-basis: 100%;max-width: 100%;}











/* Swiper Slide */
.swiper-slide {overflow: hidden;transition: opacity 1000ms cubic-bezier(0.25, 1, 0.5, 1);}
.swiper-button {position: absolute;top:50%; transform: translatey(-50%);display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;z-index: 9;cursor: pointer;font-size: 20px;transition: 0.3s all;opacity: 0.5;}
.arrows-hidden .swiper-button {opacity: 0;}
.arrows-hidden:hover .swiper-button {opacity: 0.7;}
.swiper .swiper-button:hover {opacity: 1;}
/* Arrows Position */
.swiper-button.next {right: 10px;}
.swiper-button.prev {left: 10px;}
.arrows-top .swiper-button, .arrows-top-left .swiper-button, .arrows-top-right .swiper-button, .arrows-top-center .swiper-button {top:10px; transform: translatey(0)}
.arrows-top-left .swiper-button.next, .arrows-bottom-left .swiper-button.next {left: 60px;right: auto;}
.arrows-top-right .swiper-button.prev, .arrows-bottom-right .swiper-button.prev {right: 60px;left: auto;}
.arrows-top-center .swiper-button.next, .arrows-bottom-center .swiper-button.next {right: calc(50% - 45px);}
.arrows-top-center .swiper-button.prev, .arrows-bottom-center .swiper-button.prev {left: calc(50% - 45px);} 
.arrows-bottom .swiper-button, .arrows-bottom-left .swiper-button, .arrows-bottom-right .swiper-button, .arrows-bottom-center .swiper-button  {top:auto;bottom:10px; transform: translatey(0)}

/* Arrows Icon */
.swiper-button:after {font-family: "Font Awesome 6 Free";font-weight: 900;}
.swiper-button.next:after {content: "\f054";}
.swiper-button.prev:after {content: "\f053";}
.arrows-long .swiper-button.next:after {content: "\f061";}
.arrows-long .swiper-button.prev:after {content: "\f060";}
.arrows-angles .swiper-button.next:after {content: "\f101";}
.arrows-angles .swiper-button.prev:after {content: "\f100";}
.arrows-caret .swiper-button.next:after {content: "\f0da";}
.arrows-caret .swiper-button.prev:after {content: "\f0d9";}

/* Arrows Color */
.swiper-button, .arrows-circle.arrows-white .swiper-button, .arrows-square.arrows-white .swiper-button, .arrows-rounded.arrows-white .swiper-button,
.swiper-pagination-fraction {color: var(--black-color);}
.arrows-primary .swiper-button, .pagination-primary.swiper-pagination-fraction {color: var(--primary-color);}
.arrows-secondary .swiper-button, .pagination-secondary.swiper-pagination-fraction  {color: var(--secondary-color);}
.arrows-success .swiper-button, .pagination-success.swiper-pagination-fraction {color: var(--success-color);}
.arrows-alert .swiper-button, .pagination-alert.swiper-pagination-fraction {color: var(--alert-color);}
.arrows-white .swiper-button {color: var(--white-color);}

.arrows-circle .swiper-button, .arrows-square .swiper-button, .arrows-rounded .swiper-button {background-color: var(--black-color);color: var(--white-color);}
.arrows-circle.arrows-primary .swiper-button, .arrows-square.arrows-primary .swiper-button, .arrows-rounded.arrows-primary .swiper-button {background-color: var(--primary-color);color: var(--black-color);}
.arrows-circle.arrows-secondary .swiper-button, .arrows-square.arrows-secondary .swiper-button, .arrows-rounded.arrows-secondary .swiper-button {background-color: var(--secondary-color);color: var(--black-color);}
.arrows-circle.arrows-success .swiper-button, .arrows-square.arrows-success .swiper-button, .arrows-rounded.arrows-success .swiper-button {background-color: var(--success-color);color: var(--black-color);}
.arrows-circle.arrows-alert .swiper-button, .arrows-square.arrows-alert .swiper-button, .arrows-rounded.arrows-alert .swiper-button {background-color: var(--alert-color);color: var(--black-color);}
.arrows-circle.arrows-white .swiper-button, .arrows-square.arrows-white .swiper-button, .arrows-rounded.arrows-white .swiper-button {background-color: var(--white-color);color: var(--black-color);}

.arrows-light .arrows-circle .swiper-button, .arrows-light .arrows-square .swiper-button, .arrows-light .arrows-rounded .swiper-button {color: var(--white-color);}
.arrows-light .arrows-circle.arrows-white .swiper-button, .arrows-light .arrows-square.arrows-white .swiper-button, .arrows-light .arrows-rounded.arrows-white .swiper-button {color: var(--black-color);}

/* Arrows Style */
.arrows-circle .swiper-button, .arrows-o-circle .swiper-button {border-radius: 100%;}
.arrows-rounded .swiper-button, .arrows-o-rounded .swiper-button {border-radius: 8px;}
.arrows-o-circle .swiper-button, .arrows-o-square .swiper-button, .arrows-o-rounded .swiper-button {border: 2px solid currentColor;}

.swiper-pagination-bullet {width: 10px;height: 10px;display:inline-block;border-radius:100%;background: var(--black-color);opacity:0.25;margin:4px;}
.pagination-light .swiper-pagination-bullet {background:var(--white-color);}
.swiper-pagination-bullet-active{opacity: 1}
.swiper-pagination-bullets.pagination-right, .swiper-pagination-bullets.pagination-left {display: flex;flex-flow: column;gap: 4px;}

.swiper-pagination-progressbar {position:absolute;background:rgba(0,0,0,0.25);width:100%;height: 4px;}
.pagination-light.swiper-pagination-progressbar {background:rgba(255,255,255,0.25);}
.swiper-pagination-progressbar.pagination-right,.swiper-pagination-progressbar.pagination-left {width:4px;height:100%;}
.swiper-pagination-progressbar-fill {background: #000;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
.pagination-primary .swiper-pagination-bullet-active, .pagination-primary.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .scrollbar-primary .swiper-scrollbar-drag {background-color: var(--primary-color);}
.pagination-secondary .swiper-pagination-bullet-active, .pagination-secondary.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .scrollbar-secondary .swiper-scrollbar-drag {background-color: var(--secondary-color);}
.pagination-success .swiper-pagination-bullet-active, .pagination-success.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .scrollbar-success .swiper-scrollbar-drag {background-color: var(--success-color);}
.pagination-alert .swiper-pagination-bullet-active, .pagination-alert.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .scrollbar-alert .swiper-scrollbar-drag {background-color: var(--alert-color);}
.pagination-white .swiper-pagination-bullet-active, .pagination-white.swiper-pagination-progressbar .swiper-pagination-progressbar-fill, .scrollbar-white .swiper-scrollbar-drag {background-color: var(--white-color);}

.pagination-top, .pagination-bottom {left: 50%;transform: translateX(-50%);}
.pagination-left, .pagination-right {top: 50%;transform: translateY(-50%);}
.pagination-top, .pagination-top-left, .pagination-top-right {top:0;}
.pagination-bottom, .pagination-bottom-left, .pagination-bottom-right {bottom:0;}
.pagination-right, .pagination-top-right, .pagination-bottom-right {right:0px;}

.swiper-scrollbar {position:relative;touch-action:none;background:rgba(0,0,0,0.1)}
.scrollbar-light.swiper-scrollbar {background:rgba(255,255,255,0.1)}
.swiper-scrollbar-disabled > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}
.swiper-horizontal > .swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left: 0;bottom: 0;top: auto;z-index:50;height: 4px;width: 100%;}
.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical > .swiper-scrollbar{position:absolute;left: auto;right: 0;top: 0;z-index:50;width: 4px;height: 100%;}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background: #000;left:0;top:0}

.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-scrollbar-lock{display:none}

.swiper-slide div {height:100%;}
.swiper-grid .swiper-slide img {width: 100%;height: 100%;object-fit: cover;}

.swiper-coverflow.swiper {overflow: visible;}

.swiper-thumbs .swiper-slide {opacity: 0.5;}
.swiper-thumbs .swiper-slide.swiper-slide-thumb-active {opacity: 1;}








@media (min-width: 550px) {
    .md-1 {flex-basis: 8.3333%;max-width: 8.3333%;}
    .md-2 {flex-basis: 16.6667%;max-width: 16.6667%;}
    .md-3 {flex-basis: 25%;max-width: 25%;}
    .md-4 {flex-basis: 33.3333%;max-width: 33.3333%;}
    .md-5 {flex-basis: 41.6667%;max-width: 41.6667%;}
    .md-6 {flex-basis: 50%;max-width: 50%;}
    .md-7 {flex-basis: 58.3333%;max-width: 58.3333%;}
    .md-8 {flex-basis: 66.6667%;max-width: 66.6667%;}
    .md-9 {flex-basis: 75%;max-width: 75%;}
    .md-10 {flex-basis: 83.3333%;max-width: 83.3333%;}
    .md-11 {flex-basis: 91.6667%;max-width: 91.6667%;}
    .md-12 {flex-basis: 100%;max-width: 100%;}
}
@media (min-width: 850px) {
    .lg-1 {flex-basis: 8.3333%;max-width: 8.3333%;}
    .lg-2 {flex-basis: 16.6667%;max-width: 16.6667%;}
    .lg-3 {flex-basis: 25%;max-width: 25%;}
    .lg-4 {flex-basis: 33.3333%;max-width: 33.3333%;}
    .lg-5 {flex-basis: 41.6667%;max-width: 41.6667%;}
    .lg-6 {flex-basis: 50%;max-width: 50%;}
    .lg-7 {flex-basis: 58.3333%;max-width: 58.3333%;}
    .lg-8 {flex-basis: 66.6667%;max-width: 66.6667%;}
    .lg-9 {flex-basis: 75%;max-width: 75%;}
    .lg-10 {flex-basis: 83.3333%;max-width: 83.3333%;}
    .lg-11 {flex-basis: 91.6667%;max-width: 91.6667%;}
    .lg-12 {flex-basis: 100%;max-width: 100%;}
}