.light-blue-block {
    background: var(--extra-light-blue-color)!important;
}

.extra-light-blue-block {
    background: var(--light-blue-color)!important;
}

.blue-semi-transparent-rounded-squares-block {
    background: url(/blog/wp-content/themes/dragon24/assets/img/blue-semi-transparent-rounded-squares.svg) 50% 50% / cover no-repeat!important;
}

.white-block {
    background: var(--white-color)!important;
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ui-container {
    width: 100%;
    max-width: 1500px;
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
}

@media only screen and (min-width: 771px) and (max-width: 1024px) {
    .ui-container {
        max-width: 970px;
    }
}

@media only screen and (min-width: 577px) and (max-width: 770px) {
    .ui-container {
        max-width: 756px;
        padding-right: 18px;
        padding-left: 18px;
    }
}

@media only screen and (max-width: 576px) {
    .ui-container {
        max-width: 572px;
        padding-right: 16px;
        padding-left: 16px;
    }
}

/*.ui-container > :first-child {
    margin-top: 0
}

.ui-container > :last-child {
    margin-bottom: 0
}*/

.ui-mt-xs-1 {
    margin-top: 4px;
}

.ui-mb-xs-1 {
    margin-bottom: 4px;
}

.ui-mt-xs-2 {
    margin-top: 8px;
}

.ui-mb-xs-2 {
    margin-bottom: 8px;
}

.ui-mt-xs-3 {
    margin-top: 12px;
}

.ui-mb-xs-3 {
    margin-bottom: 12px;
}

.ui-mt-sm-1 {
    margin-top: 18px;
}

.ui-mb-sm-1 {
    margin-bottom: 18px;
}

.ui-mt-sm-2 {
    margin-top: 20px;
}

.ui-mb-sm-2 {
    margin-bottom: 20px;
}

.ui-mt-sm-3 {
    margin-top: 24px;
}

.ui-mb-sm-3 {
    margin-bottom: 24px;
}

.ui-mt-md-1 {
    margin-top: 32px;
}

.ui-mb-md-1 {
    margin-bottom: 32px;
}

.ui-mt-lg-1 {
    margin-top: 40px;
}

.ui-mb-lg-1 {
    margin-bottom: 40px;
}

.ui-mt-lg-2 {
    margin-top: 60px;
}

.ui-mb-lg-2 {
    margin-bottom: 60px;
}

.ui-mt-lg-3 {
    margin-top: 80px;
}

.ui-mb-lg-3 {
    margin-bottom: 80px;
}

.ui-mt-xl-1 {
    margin-top: 100px;
}

.ui-mb-xl-1 {
    margin-bottom: 100px;
}

.ui-mt-xl-2 {
    margin-top: 120px;
}

.ui-mb-xl-2 {
    margin-bottom: 120px;
}

.ui-mt-xl-3 {
    margin-top: 140px;
}

.ui-mb-xl-3 {
    margin-bottom: 140px;
}

.ui-pt-xs-1 {
    padding-top: 4px;
}

.ui-pb-xs-1 {
    padding-bottom: 4px;
}

.ui-pt-xs-2 {
    padding-top: 8px;
}

.ui-pb-xs-2 {
    padding-bottom: 8px;
}

.ui-pt-xs-3 {
    padding-top: 12px;
}

.ui-pb-xs-3 {
    padding-bottom: 12px;
}

.ui-pt-sm-1 {
    padding-top: 16px;
}

.ui-pb-sm-1 {
    padding-bottom: 16px;
}

.ui-pt-sm-2 {
    padding-top: 20px;
}

.ui-pb-sm-2 {
    padding-bottom: 20px;
}

.ui-pt-sm-3 {
    padding-top: 24px;
}

.ui-pb-sm-3 {
    padding-bottom: 24px;
}

.ui-pt-md-1 {
    padding-top: 32px;
}

.ui-pb-md-1 {
    padding-bottom: 32px;
}

.ui-pt-lg-1 {
    padding-top: 40px;
}

.ui-pb-lg-1 {
    padding-bottom: 40px;
}

.ui-pt-lg-2 {
    padding-top: 60px;
}

.ui-pb-lg-2 {
    padding-bottom: 60px;
}

.ui-pt-lg-3 {
    padding-top: 80px;
}

.ui-pb-lg-3 {
    padding-bottom: 80px;
}

.ui-pt-xl-1 {
    padding-top: 100px;
}

.ui-pb-xl-1 {
    padding-bottom: 100px;
}

.ui-pt-xl-2 {
    padding-top: 120px;
}

.ui-pb-xl-2 {
    padding-bottom: 120px;
}

.ui-pt-xl-3 {
    padding-top: 140px;
}

.ui-pb-xl-3 {
    padding-bottom: 140px;
}

@media only screen and (max-width: 1024px) {
    .ui-mt-xl-1 {
        margin-top: 80px;
    }

    .ui-mb-xl-1 {
        margin-bottom: 80px;
    }

    .ui-mt-xl-2 {
        margin-top: 100px;
    }

    .ui-mb-xl-2 {
        margin-bottom: 100px;
    }

    .ui-mt-xl-3 {
        margin-top: 120px;
    }

    .ui-mb-xl-3 {
        margin-bottom: 120px;
    }

    .ui-pt-xl-1 {
        padding-top: 80px;
    }

    .ui-pb-xl-1 {
        padding-bottom: 80px;
    }

    .ui-pt-xl-2 {
        padding-top: 100px;
    }

    .ui-pb-xl-2 {
        padding-bottom: 100px;
    }

    .ui-pt-xl-3 {
        padding-top: 120px;
    }

    .ui-pb-xl-3 {
        padding-bottom: 120px;
    }
}

@media only screen and (max-width: 770px) {
    .ui-mt-lg-3 {
        margin-top: 60px;
    }

    .ui-mb-lg-3 {
        margin-bottom: 60px;
    }

    .ui-mt-xl-1 {
        margin-top: 60px;
    }

    .ui-mb-xl-1 {
        margin-bottom: 60px;
    }

    .ui-mt-xl-2 {
        margin-top: 80px;
    }

    .ui-mb-xl-2 {
        margin-bottom: 80px;
    }

    .ui-mt-xl-3 {
        margin-top: 100px;
    }

    .ui-mb-xl-3 {
        margin-bottom: 100px;
    }

    .ui-pt-lg-3 {
        padding-top: 60px;
    }

    .ui-pb-lg-3 {
        padding-bottom: 60px;
    }

    .ui-pt-xl-1 {
        padding-top: 60px;
    }

    .ui-pb-xl-1 {
        padding-bottom: 60px;
    }

    .ui-pt-xl-2 {
        padding-top: 80px;
    }

    .ui-pb-xl-2 {
        padding-bottom: 80px;
    }

    .ui-pt-xl-3 {
        padding-top: 100px;
    }

    .ui-pb-xl-3 {
        padding-bottom: 100px;
    }
}

@media only screen and (max-width: 576px) {
    .ui-mt-lg-2 {
        margin-top: 40px;
    }

    .ui-mb-lg-2 {
        margin-bottom: 40px;
    }

    .ui-mt-xl-1 {
        margin-top: 40px;
    }

    .ui-mb-xl-1 {
        margin-bottom: 40px;
    }

    .ui-mt-xl-2 {
        margin-top: 60px;
    }

    .ui-mb-xl-2 {
        margin-bottom: 60px;
    }

    .ui-mt-xl-3 {
        margin-top: 80px;
    }

    .ui-mb-xl-3 {
        margin-bottom: 80px;
    }

    .ui-pt-lg-2 {
        padding-top: 40px;
    }

    .ui-pb-lg-2 {
        padding-bottom: 40px;
    }

    .ui-pt-xl-1 {
        padding-top: 40px;
    }

    .ui-pb-xl-1 {
        padding-bottom: 40px;
    }

    .ui-pt-xl-2 {
        padding-top: 60px;
    }

    .ui-pb-xl-2 {
        padding-bottom: 60px;
    }

    .ui-pt-xl-3 {
        padding-top: 80px;
    }

    .ui-pb-xl-3 {
        padding-bottom: 80px;
    }
}