:root {
    scroll-behavior: smooth;
    --gradr-color: #f56900;
}

body {
    font-family: 'Open Sans', -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

img {
    max-width: 100%;
    height: auto;
}

.text-gradr {
    color: var(--gradr-color) !important;
}
.btn-gradr {
    --bs-btn-color: #fff;
    --bs-btn-bg: #f56900;
    --bs-btn-border-color: #f56900;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #d85d00;
    --bs-btn-hover-border-color: #d85d00;
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #d85d00;
    --bs-btn-active-border-color: #d85d00;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: #f56900;
    --bs-btn-disabled-border-color: #f56900;
}

.text-underline-hover {
    text-decoration: none;
}

.text-underline-hover:hover {
    text-decoration: underline;
}

#main {
    padding-top: 0;
}

.home-hero {
    position: relative;
    height: 380px;
    background: #000;
}
.home-hero:before {
    box-shadow: inset 0 5rem 30rem rgba(0, 0, 0, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}
.home-hero video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    opacity: 0.6;
}
.carousel-caption {
    bottom: 20px;
    text-align: left;
}
.carousel-caption h3 {
    background: #1d90d3;
    background: linear-gradient(135deg,#4642e9,#1da2c5);
    display: inline-block;
    padding: 10px;
    font-size: 1.25rem;
    font-weight: 400;
}
.carousel-caption p {
    background-color: rgba(0, 0, 0, 0.80);
    display: inline-block;
    padding: 10px;
    color: #FFF;
}

#main .featured-img {
    background-image: url(//theme.zdassets.com/theme_assets/705560/a83b610f6117ccf8f3d4a414ffe9da16bf2cf43b.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}

#main .featured-img .container {
    padding-top: 108px;
    padding-bottom: 45px;
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFF;
}

.home-product-item {
    position: relative;
}
.home-product-item > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 2rem;
}
.home-product-item div {
    padding-left: 60px;
}


.featured-product-item {
    position: relative;
}
.featured-product-item > i {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 3.5rem;
}
.featured-product-item div {
    padding-left: 80px;
}


.navbar {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0);
}
.navbar.fixed-top {
    position: fixed;
    top: 0;
    z-index: 999;
}
.navbar.fixed-top {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .3);
}
.navbar-light .navbar-nav .nav-link {
    color: #000;
}

.navbar-light.bg-light {
    background-color: #FFF !important;
}

@media (min-width: 992px) {
    .navbar .dropdown-menu.p-lg-4 {
        width: 600px;
    }
}

#featureCarousel .carousel-indicators {
    bottom: -3rem;
}
#featureCarousel .carousel-indicators li {
    background-color: #575757;
    width: 12px;
    height: 12px;
    border-radius: 50%;
}

.product-row {
    position: relative;
}
.product-row .product-col {
    padding-top: 36px;
    padding-bottom: 36px;
}
.product-row:nth-child(2) {
    border-top: 1px solid #eee;
}

.product-row.blue .point,
.product-row.blue .product-col {
    border-color: #109cd9;
}
.product-row.blue .product-col:first-child,
.product-row.blue .product-col:last-child {
    border-color: #109cd9;
}
.product-row .product-col .product-img {
    text-align: center;
}
.product-row hr {
    margin: 0;
    margin-top: -1px;
}
.product-row .product-col:first-child {
    -webkit-order: 1;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-top: 0;
}
.product-row .product-col:last-child {
    -webkit-order: 0;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0;
}

.bg-blue {
    background-color: #109cd9;
}

h3.title {
    font-size: 1.12rem;
    font-weight: 600;
}

.featured-bottom-item {
    position: relative;
}
.featured-bottom-item > i {
    position: absolute;
    top: 0;
    left: 20px;
    font-size: 1.5rem;
}
.featured-bottom-item div {
    padding-left: 60px;
}

.breadcrumbs-bar {
    background-color: #f1f1f1;
    margin-bottom: 30px;
}
.breadcrumbs-bar .breadcrumb {
    background-color: transparent;
}
.helpcenter-sidebar {
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.helpcenter-sidebar li {
    font-size: 0.9rem;
}
.helpcenter-block-item {
    padding: 18px 18px 18px 80px;
    position: relative;
}
.helpcenter-block-item:hover {
    background-color: #f1f1f1;
    text-decoration: none;
}
.helpcenter-block-item > .fa {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 2.5rem;
}
.helpcenter-block-item .fa-user,
.page-header .fa-user {
    color: #afafba;
}
.helpcenter-block-item .fa-sliders,
.page-header .fa-sliders {
    color: #109cd9;
}
.helpcenter-block-item .fa-desktop,
.page-header .fa-desktop {
    color: #e4388e;
}
.helpcenter-block-item .fa-chart-line,
.page-header .fa-chart-line {
    color: #27418e;
}
.helpcenter-block-item .fa-plug,
.page-header .fa-plug {
    color: #ec771a;
}
.helpcenter-block-item .fa-cogs,
.page-header .fa-cogs {
    color: #fac51f;
}
.helpcenter-block-item .fa-question-circle,
.page-header .fa-question-circle {
    color: #1b1a3a;
}

.page-header {
    position: relative;
    padding-left: 60px;
}
.page-header .fa {
    position: absolute;
    top: 10px;
    left: 0;
    font-size: 2.3rem;
}


.breadcrumb-item+.breadcrumb-item::before {
    content: ">";
}

.collapsible-sidebar-title[aria-expanded="true"] .fa-chevron-down {
    display: none;
}
.collapsible-sidebar-title[aria-expanded="false"] .fa-close {
    display: none;
}

@media (min-width: 768px) {
    h1 {
        font-size: 2.25rem;
    }
    .carousel-caption {
        bottom: 100px;
    }
    .carousel-caption h3 {
        font-size: 2.25rem;
    }
    .carousel-caption p {
        font-size: 1.125em;
    }
    .product-row .product-col {
        border-right: 6px solid;
        padding-top: 72px;
        padding-bottom: 72px;
        -webkit-flex: 0 0 50%;
        -moz-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
    .product-row .product-col .product-img,
    .product-row .product-col .product-post {
        width: 85%;
    }
    .product-row .product-col .right {
        margin-left: auto;
    }
    .product-row .point {
        border: 4px solid;
        border-radius: 50%;
        background-color: #fff;
        width: 24px;
        height: 24px;
        position: absolute;
        top: 72px;
        left: 50%;
        z-index: 100;
        margin-left: -12px;
    }
    .product-row .product-col.last,
    .product-row .product-col:last-child {
        border-right: none;
        border-left: 6px solid;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex
    }
    .product-row .product-col:first-child {
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        padding-top: 72px
    }
    .product-row .product-col:last-child {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .product-row .product-col.last {
        -webkit-order: 1;
        -moz-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .product-row .product-col.first {
        border-right: 6px solid;
        border-left: none;
        -webkit-order: 0;
        -moz-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0
    }
    .home-hero {
        height: 75vh;
    }
    .navbar {
        top: 32px;
    }
}

@media (min-width: 992px) {
    #main .featured-img .container {
        padding-top: 168px;
    }
    .helpcenter:not(.page-id-5) #main .featured-img .container {
        padding-top: 122px;
    }
    .helpcenter-sidebar {
        border: 0;
    }
    .collapsible-sidebar-title .fa {
        display: none;
    }
}

.w-50px { width: 50px !important; }
.w-55px { width: 55px !important; }
.w-60px {  width: 60px !important; }
.w-65px {  width: 65px !important; }
.w-70px {  width: 70px !important; }
.w-75px {  width: 75px !important; }
.w-80px {  width: 80px !important; }
.w-85px {  width: 85px !important; }
.w-90px {  width: 90px !important; }
.w-95px {  width: 95px !important; }
.w-100px {  width: 100px !important; }
.w-200px {  width: 200px !important; }
.h-50px { height: 50px !important; }
.h-55px { height: 55px !important; }
.h-60px {  height: 60px !important; }
.h-65px {  height: 65px !important; }
.h-70px {  height: 70px !important; }
.h-75px {  height: 75px !important; }
.h-80px {  height: 80px !important; }
.h-85px {  height: 85px !important; }
.h-90px {  height: 90px !important; }
.h-95px {  height: 95px !important; }
.h-100px {  height: 100px !important; }
.h-200px {  height: 200px !important; }

.top-10px { top: 10px !important; }
.top-15px { top: 15px !important; }
.top-20px { top: 20px !important; }
.end-10px { right: 10px !important; }
.end-15px { right: 15px !important; }
.end-20px { right: 20px !important; }
.bottom-10px { bottom: 10px !important; }
.bottom-15px { bottom: 15px !important; }
.bottom-20px { bottom: 20px !important; }
.start-10px { left: 10px !important; }
.start-15px { left: 15px !important; }
.start-20px { left: 20px !important; }

.fs-10px { font-size: 10px !important; }
.fs-11px { font-size: 11px !important; }
.fs-12px { font-size: 12px !important; }
.fs-13px { font-size: 13px !important; }
.fs-14px { font-size: 14px !important; }
.fs-15px { font-size: 15px !important; }
.fs-16px { font-size: 16px !important; }
.fs-normal { font-size: normal !important; }
.fs-medium { font-size: medium !important; }
.fs-small { font-size: small !important; }
.fs-xsmall { font-size: x-small !important; }
.fs-xxsmall { font-size: xx-small !important; }
.fs-large { font-size: large !important; }
.fs-xlarge { font-size: xx-large !important; }
.fs-xxlarge { font-size: x-large !important; }

.w-0 { width: 0 !important; }
.h-0 { height: 0 !important; }

.mt-6 { margin-top: 6rem !important; }
.pt-6 { padding-top: 6rem !important; }

@media (min-width: 576px) {
    .border-sm-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-sm-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .w-sm-50px { width: 50px !important; }
    .w-sm-55px { width: 55px !important; }
    .w-sm-60px {  width: 60px !important; }
    .w-sm-65px {  width: 65px !important; }
    .w-sm-70px {  width: 70px !important; }
    .w-sm-75px {  width: 75px !important; }
    .w-sm-80px {  width: 80px !important; }
    .w-sm-85px {  width: 85px !important; }
    .w-sm-90px {  width: 90px !important; }
    .w-sm-95px {  width: 95px !important; }
    .w-sm-100px {  width: 100px !important; }
    .h-sm-50px { height: 50px !important; }
    .h-sm-55px { height: 55px !important; }
    .h-sm-60px {  height: 60px !important; }
    .h-sm-65px {  height: 65px !important; }
    .h-sm-70px {  height: 70px !important; }
    .h-sm-75px {  height: 75px !important; }
    .h-sm-80px {  height: 80px !important; }
    .h-sm-85px {  height: 85px !important; }
    .h-sm-90px {  height: 90px !important; }
    .h-sm-95px {  height: 95px !important; }
    .h-sm-100px {  height: 100px !important; }

    .w-sm-0 { width: 0 !important; }
    .w-sm-25  { width: 25% !important; }
    .w-sm-50  { width: 50% !important; }
    .w-sm-75  { width: 75% !important; }
    .w-sm-100  { width: 100% !important; }
    .w-sm-auto  { width: auto !important; }
    .mw-sm-100  { max-width: 100% !important; }
    .vw-sm-100  { width: 100vw !important; }
    .min-vw-sm-100  { min-width: 100vw !important; }
    .h-0-25  { height: 0 !important; }
    .h-sm-25  { height: 25% !important; }
    .h-sm-50  { height: 50% !important; }
    .h-sm-75  { height: 75% !important; }
    .h-sm-100  { height: 100% !important; }
    .h-sm-auto  { height: auto !important; }
    .mh-sm-100  { max-height: 100% !important; }
    .vh-sm-100  { height: 100vh !important; }
    .min-vh-sm-100 { min-height: 100vh !important; }

    .fs-sm-10px { font-size: 10px !important; }
    .fs-sm-11px { font-size: 11px !important; }
    .fs-sm-12px { font-size: 12px !important; }
    .fs-sm-13px { font-size: 13px !important; }
    .fs-sm-14px { font-size: 14px !important; }
    .fs-sm-15px { font-size: 15px !important; }
    .fs-sm-16px { font-size: 16px !important; }
    .fs-sm-normal { font-size: normal !important; }
    .fs-sm-medium { font-size: medium !important; }
    .fs-sm-small { font-size: small !important; }
    .fs-sm-xsmall { font-size: x-small !important; }
    .fs-sm-xxsmall { font-size: xx-small !important; }
    .fs-sm-large { font-size: large !important; }
    .fs-sm-xlarge { font-size: xx-large !important; }
    .fs-sm-xxlarge { font-size: x-large !important; }

    .mt-sm-6 { margin-top: 6rem !important; }
    .pt-sm-6 { padding-top: 6rem !important; }
}
@media (min-width: 768px) {
    .border-md-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-md-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .w-md-50px { width: 50px !important; }
    .w-md-55px { width: 55px !important; }
    .w-md-60px {  width: 60px !important; }
    .w-md-65px {  width: 65px !important; }
    .w-md-70px {  width: 70px !important; }
    .w-md-75px {  width: 75px !important; }
    .w-md-80px {  width: 80px !important; }
    .w-md-85px {  width: 85px !important; }
    .w-md-90px {  width: 90px !important; }
    .w-md-95px {  width: 95px !important; }
    .w-md-100px {  width: 100px !important; }
    .h-md-50px { height: 50px !important; }
    .h-md-55px { height: 55px !important; }
    .h-md-60px {  height: 60px !important; }
    .h-md-65px {  height: 65px !important; }
    .h-md-70px {  height: 70px !important; }
    .h-md-75px {  height: 75px !important; }
    .h-md-80px {  height: 80px !important; }
    .h-md-85px {  height: 85px !important; }
    .h-md-90px {  height: 90px !important; }
    .h-md-95px {  height: 95px !important; }
    .h-md-100px {  height: 100px !important; }

    .w-md-0 { width: 0 !important; }
    .w-md-25  { width: 25% !important; }
    .w-md-50  { width: 50% !important; }
    .w-md-75  { width: 75% !important; }
    .w-md-100  { width: 100% !important; }
    .w-md-auto  { width: auto !important; }
    .mw-md-100  { max-width: 100% !important; }
    .vw-md-100  { width: 100vw !important; }
    .min-vw-md-100  { min-width: 100vw !important; }
    .h-md-0  { height: 0 !important; }
    .h-md-25  { height: 25% !important; }
    .h-md-50  { height: 50% !important; }
    .h-md-75  { height: 75% !important; }
    .h-md-100  { height: 100% !important; }
    .h-md-auto  { height: auto !important; }
    .mh-md-100  { max-height: 100% !important; }
    .vh-md-100  { height: 100vh !important; }
    .min-vh-md-100 { min-height: 100vh !important; }

    .fs-md-10px { font-size: 10px !important; }
    .fs-md-11px { font-size: 11px !important; }
    .fs-md-12px { font-size: 12px !important; }
    .fs-md-13px { font-size: 13px !important; }
    .fs-md-14px { font-size: 14px !important; }
    .fs-md-15px { font-size: 15px !important; }
    .fs-md-16px { font-size: 16px !important; }
    .fs-md-normal { font-size: normal !important; }
    .fs-md-medium { font-size: medium !important; }
    .fs-md-small { font-size: small !important; }
    .fs-md-xsmall { font-size: x-small !important; }
    .fs-md-xxsmall { font-size: xx-small !important; }
    .fs-md-large { font-size: large !important; }
    .fs-md-xlarge { font-size: xx-large !important; }
    .fs-md-xxlarge { font-size: x-large !important; }

    .mt-md-6 { margin-top: 6rem !important; }
    .pt-md-6 { padding-top: 6rem !important; }
}
@media (min-width: 992px) {
    .border-lg-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-lg-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .w-lg-50px { width: 50px !important; }
    .w-lg-55px { width: 55px !important; }
    .w-lg-60px {  width: 60px !important; }
    .w-lg-65px {  width: 65px !important; }
    .w-lg-70px {  width: 70px !important; }
    .w-lg-75px {  width: 75px !important; }
    .w-lg-80px {  width: 80px !important; }
    .w-lg-85px {  width: 85px !important; }
    .w-lg-90px {  width: 90px !important; }
    .w-lg-95px {  width: 95px !important; }
    .w-lg-100px {  width: 100px !important; }
    .h-lg-50px { height: 50px !important; }
    .h-lg-55px { height: 55px !important; }
    .h-lg-60px {  height: 60px !important; }
    .h-lg-65px {  height: 65px !important; }
    .h-lg-70px {  height: 70px !important; }
    .h-lg-75px {  height: 75px !important; }
    .h-lg-80px {  height: 80px !important; }
    .h-lg-85px {  height: 85px !important; }
    .h-lg-90px {  height: 90px !important; }
    .h-lg-95px {  height: 95px !important; }
    .h-lg-100px {  height: 100px !important; }

    .w-lg-0  { width: 0!important; }
    .w-lg-25  { width: 25% !important; }
    .w-lg-50  { width: 50% !important; }
    .w-lg-75  { width: 75% !important; }
    .w-lg-100  { width: 100% !important; }
    .w-lg-auto  { width: auto !important; }
    .mw-lg-100  { max-width: 100% !important; }
    .vw-lg-100  { width: 100vw !important; }
    .min-vw-lg-100  { min-width: 100vw !important; }
    .h-lg-0  { height: 0 !important; }
    .h-lg-25  { height: 25% !important; }
    .h-lg-50  { height: 50% !important; }
    .h-lg-75  { height: 75% !important; }
    .h-lg-100  { height: 100% !important; }
    .h-lg-auto  { height: auto !important; }
    .mh-lg-100  { max-height: 100% !important; }
    .vh-lg-100  { height: 100vh !important; }
    .min-vh-lg-100 { min-height: 100vh !important; }

    .fs-lg-10px { font-size: 10px !important; }
    .fs-lg-11px { font-size: 11px !important; }
    .fs-lg-12px { font-size: 12px !important; }
    .fs-lg-13px { font-size: 13px !important; }
    .fs-lg-14px { font-size: 14px !important; }
    .fs-lg-15px { font-size: 15px !important; }
    .fs-lg-16px { font-size: 16px !important; }
    .fs-lg-normal { font-size: normal !important; }
    .fs-lg-medium { font-size: medium !important; }
    .fs-lg-small { font-size: small !important; }
    .fs-lg-xsmall { font-size: x-small !important; }
    .fs-lg-xxsmall { font-size: xx-small !important; }
    .fs-lg-large { font-size: large !important; }
    .fs-lg-xlarge { font-size: xx-large !important; }
    .fs-lg-xxlarge { font-size: x-large !important; }

    .mt-lg-6 { margin-top: 6rem !important; }
    .pt-lg-6 { padding-top: 6rem !important; }
}
@media (min-width: 1200px) {
    .border-xl-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-xl-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .w-xl-50px { width: 50px !important; }
    .w-xl-55px { width: 55px !important; }
    .w-xl-60px {  width: 60px !important; }
    .w-xl-65px {  width: 65px !important; }
    .w-xl-70px {  width: 70px !important; }
    .w-xl-75px {  width: 75px !important; }
    .w-xl-80px {  width: 80px !important; }
    .w-xl-85px {  width: 85px !important; }
    .w-xl-90px {  width: 90px !important; }
    .w-xl-95px {  width: 95px !important; }
    .w-xl-100px {  width: 100px !important; }
    .h-xl-50px { height: 50px !important; }
    .h-xl-55px { height: 55px !important; }
    .h-xl-60px {  height: 60px !important; }
    .h-xl-65px {  height: 65px !important; }
    .h-xl-70px {  height: 70px !important; }
    .h-xl-75px {  height: 75px !important; }
    .h-xl-80px {  height: 80px !important; }
    .h-xl-85px {  height: 85px !important; }
    .h-xl-90px {  height: 90px !important; }
    .h-xl-95px {  height: 95px !important; }
    .h-xl-100px {  height: 100px !important; }

    .w-xl-0 { width: 0 !important; }
    .w-xl-25  { width: 25% !important; }
    .w-xl-50  { width: 50% !important; }
    .w-xl-75  { width: 75% !important; }
    .w-xl-100  { width: 100% !important; }
    .w-xl-auto  { width: auto !important; }
    .mw-xl-100  { max-width: 100% !important; }
    .vw-xl-100  { width: 100vw !important; }
    .min-vw-xl-100  { min-width: 100vw !important; }
    .h-xl-0  { height: 0 !important; }
    .h-xl-25  { height: 25% !important; }
    .h-xl-50  { height: 50% !important; }
    .h-xl-75  { height: 75% !important; }
    .h-xl-100  { height: 100% !important; }
    .h-xl-auto  { height: auto !important; }
    .mh-xl-100  { max-height: 100% !important; }
    .vh-xl-100  { height: 100vh !important; }
    .min-vh-xl-100 { min-height: 100vh !important; }

    .fs-xl-10px { font-size: 10px !important; }
    .fs-xl-11px { font-size: 11px !important; }
    .fs-xl-12px { font-size: 12px !important; }
    .fs-xl-13px { font-size: 13px !important; }
    .fs-xl-14px { font-size: 14px !important; }
    .fs-xl-15px { font-size: 15px !important; }
    .fs-xl-16px { font-size: 16px !important; }
    .fs-xl-normal { font-size: normal !important; }
    .fs-xl-medium { font-size: medium !important; }
    .fs-xl-small { font-size: small !important; }
    .fs-xl-xsmall { font-size: x-small !important; }
    .fs-xl-xxsmall { font-size: xx-small !important; }
    .fs-xl-large { font-size: large !important; }
    .fs-xl-xlarge { font-size: xx-large !important; }
    .fs-xl-xxlarge { font-size: x-large !important; }

    .mt-xl-6 { margin-top: 6rem !important; }
    .pt-xl-6 { padding-top: 6rem !important; }
}
@media (min-width: 1400px) {
    .border-xxl-start {
        border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .border-xxl-end {
        border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }
    .ps-xxl-6 {
        padding-left: 6rem !important;
    }
    .ms-xxl-6 {
        margin-left: 6rem !important;
    }

    .w-xxl-50px { width: 50px !important; }
    .w-xxl-55px { width: 55px !important; }
    .w-xxl-60px {  width: 60px !important; }
    .w-xxl-65px {  width: 65px !important; }
    .w-xxl-70px {  width: 70px !important; }
    .w-xxl-75px {  width: 75px !important; }
    .w-xxl-80px {  width: 80px !important; }
    .w-xxl-85px {  width: 85px !important; }
    .w-xxl-90px {  width: 90px !important; }
    .w-xxl-95px {  width: 95px !important; }
    .w-xxl-100px {  width: 100px !important; }
    .h-xxl-50px { height: 50px !important; }
    .h-xxl-55px { height: 55px !important; }
    .h-xxl-60px {  height: 60px !important; }
    .h-xxl-65px {  height: 65px !important; }
    .h-xxl-70px {  height: 70px !important; }
    .h-xxl-75px {  height: 75px !important; }
    .h-xxl-80px {  height: 80px !important; }
    .h-xxl-85px {  height: 85px !important; }
    .h-xxl-90px {  height: 90px !important; }
    .h-xxl-95px {  height: 95px !important; }
    .h-xxl-100px {  height: 100px !important; }

    .w-xxl-0 { width: 0 !important; }
    .w-xxl-25  { width: 25% !important; }
    .w-xxl-50  { width: 50% !important; }
    .w-xxl-75  { width: 75% !important; }
    .w-xxl-100  { width: 100% !important; }
    .w-xxl-auto  { width: auto !important; }
    .mw-xxl-100  { max-width: 100% !important; }
    .vw-xxl-100  { width: 100vw !important; }
    .min-vw-xxl-100  { min-width: 100vw !important; }
    .h-xxl-0  { height: 0 !important; }
    .h-xxl-25  { height: 25% !important; }
    .h-xxl-50  { height: 50% !important; }
    .h-xxl-75  { height: 75% !important; }
    .h-xxl-100  { height: 100% !important; }
    .h-xxl-auto  { height: auto !important; }
    .mh-xxl-100  { max-height: 100% !important; }
    .vh-xxl-100  { height: 100vh !important; }
    .min-vh-xxl-100 { min-height: 100vh !important; }

    .fs-xxl-10px { font-size: 10px !important; }
    .fs-xxl-11px { font-size: 11px !important; }
    .fs-xxl-12px { font-size: 12px !important; }
    .fs-xxl-13px { font-size: 13px !important; }
    .fs-xxl-14px { font-size: 14px !important; }
    .fs-xxl-15px { font-size: 15px !important; }
    .fs-xxl-16px { font-size: 16px !important; }
    .fs-xxl-normal { font-size: normal !important; }
    .fs-xxl-medium { font-size: medium !important; }
    .fs-xxl-small { font-size: small !important; }
    .fs-xxl-xsmall { font-size: x-small !important; }
    .fs-xxl-xxsmall { font-size: xx-small !important; }
    .fs-xxl-large { font-size: large !important; }
    .fs-xxl-xlarge { font-size: xx-large !important; }
    .fs-xxl-xxlarge { font-size: x-large !important; }

    .mt-xxl-6 { margin-top: 6rem !important; }
    .pt-xxl-6 { padding-top: 6rem !important; }
}