html {
    --main-background-color: #2a2d47;
    --main-foreground-color: white;
    --highlight-background-color: #83bdff;
    --highlight-foreground-color: #0b2533;
    --gallery-background-color: white;
    --gallery-color: var(--main-background-color);
    --gallery-caption-color: var(--highlight-background-color);
    --price-background-color: black;
    --price-row-background-color: var(--main-background-color);
    --price-row-alternate-background-color: #012638;
    --price-color: white;
    --tech-spec-alternate-background: #012638;
    --contact-panel-form-background: var(--main-background-color);
}

.dotted-section.dotted-subtitles .plain-bar{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.dotted-section.dotted-subtitles .plain-bar h3 {
    width: 70%;
    font-size: 1rem;
}

.dotted-section.dotted-subtitles .plain-bar h2,
.dotted-section.dotted-subtitles .plain-bar h3 {
    color: white!important;
}

.dotted-section.dotted-subtitles h2.text-center{
    color: var(--highlight-foreground-color)!important;
}

.dotted-section .dot-container-content,
.dotted-section h3{
    color: var(--main-background-color)!important;
}

.custom-slider-background .dot-container-item,
.custom-slider-background .dot-container,
.custom-slider-background .splide.gallery{
    background-color: var(--main-background-color)!important;
}

.custom-slider-background p,
.custom-slider-background h2,
.custom-slider-background .dot-container-item-dot{
    color: white!important;
}

.plain-bar-description{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.plain-bar-description h3{
    width: 70%;
    text-align: center;
    font-size: 1rem!important;
    text-transform: initial;
}

.custom-slider-background .dot-container-item{
    color: white!important;
}

.custom-accessory .plain-bar h2{
    color: white!important;
}

.custom-accessory .dot-container-item,
.custom-accessory .dot-container,
.custom-accessory .splide.gallery{
    background-color: black!important;
}

.custom-accessory p,
.custom-accessory h2,
.custom-accessory .dot-container-item-dot{
    color: white!important;
}

.custom-accessory .dot-container-item{
    color: white!important;
}

.gallery-custom-within{
    background: var(--main-background-color)!important;
}

.gallery-custom-within .splide.gallery{
    background: var(--main-background-color)!important;
}

.tech-spec {
    background-color: #013145;
    color: white;
}

.contact-panel-form-input:only-child label{
    color: #ee1c25!important;
}

.contact-panel-form-row .agreement-trigger{
    color: #ee1c25!important;
}

.req {
    color: #ee1c25!important;
}

.footer{
    margin-top: 0!important;
}

.my-spin-container{
    display: flex;
    justify-content: space-between;
}

.assets-container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex-grow: 1;
    height: 80px;
    white-space: nowrap;
}

.assets-container a{
    display: flex;
}

.assets-container .download-file-span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24px;
    height: 24px;
    background-color: #0B2533;
    border-radius: 5px;
    margin-right: 10px;
}

.assets-container p {
    display: flex;
    align-items: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #0b2533;
    font-weight: 900;
    line-height: 100%;
    margin: 0;
}

.assets-container img{
    height: 50%;
}

.mobile-app-container{
    display: flex;
}

.mobile-app-container .app-logo-container{
    display: flex;
    align-items: center;
    color: #0b2533;
    font-weight: 900;
    line-height: 100%;
    text-transform: uppercase;
    text-decoration: none;
}

.mobile-app-container .app-logo-container img{
    display: block;
    max-width: 40px;
    margin-left: 10px;
}

.qr-codes{
    height: 80px;
}

.system-logo{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-left: 20px;
}

.qr-container{
    display: flex;
    align-items: center;
    height: 80px;
}

.qr-container img{
    width: 80px;
}

.reply-container{
    padding-right: 10px;
    height: 25%;
}

.assets-container a{
    text-decoration: none;
}

.system-button{
    cursor: pointer;
}

@media only screen and (max-width: 1100px) {
    .my-spin-container{
        display: flex;
        flex-direction: column;
    }

    .assets-container{
        flex-direction: row;
        justify-content: space-evenly;
    }

    .mobile-app-container{
        display: flex;
        justify-content: space-evenly;
    }

    .intro-section .order-offer-container{
        display: flex;
        justify-content: center;
        padding-bottom: 10px;
    }
}

.custom-color{
    color: #F9E701;
    font-weight: bold;
}