.flex-container.bg-gutter {
    padding: 0 15px
}

.splunk-flex-container {
    position: relative;
    background-repeat: no-repeat !important;
    background-position: 0 100%, 100% 0, top 0px left 18% !important;
    
}

.splunk-flex-container[data-background-position=bottom] {
    background-position: bottom !important
}

.splunk-flex-container[data-background-position=top] {
    background-position: top !important
}

.splunk-flex-container[data-background-position=left] {
    background-position: 0 !important
}

.splunk-flex-container[data-background-position=right] {
    background-position: 100% !important
}

.splunk-flex-container.full-WidthContainer {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw)
}

.splunk-flex-container.full-WidthContainer .container {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.splunk-flex-container .gradient-bottom-border-bg,
.splunk-flex-container .gradient-top-border-bg {
    position: absolute;
    width: 100%;
    height: 1px;
    left: 0;
    z-index: 30;
    background: linear-gradient(-30deg, #f99d1c 8.98%, #f99c1c 9.4%, #f4781f 21.71%, #f16221 31.74%, #f05a22 38.17%, #ee1d62 64.89%, #ce0070 76.39%)
}

.splunk-flex-container .gradient-bottom-border-bg {
    bottom: 0
}

.splunk-flex-container .gradient-top-border-bg {
    top: 0
}

.splunk-flex-container.thick-border .gradient-bottom-border-bg,
.splunk-flex-container.thick-border .gradient-top-border-bg {
    height: 4px
}

.splunk-flex-container.border-color-splunk-gradient.thick-border {
    border-width: 0 !important
}

.splunk-flex-container .px-small {
    padding-left: 7.5px !important;
    padding-right: 7.5px !important
}

.splunk-flex-container .px-normal {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.splunk-flex-container.border-color-splunk-gray-lightest {
    border-color: #f0f3f7 !important
}

.splunk-flex-container.border-color-splunk-gradient {
    border-color: linear-gradient(-30deg, #f99d1c 8.98%, #f99c1c 9.4%, #f4781f 21.71%, #f16221 31.74%, #f05a22 38.17%, #ee1d62 64.89%, #ce0070 76.39%) !important
}

.splunk-flex-container.border-color-splunk-gray-light {
    border-color: #d5dce5 !important
}

.splunk-flex-container .background-video {
    position: absolute;
    height: 100%;
    pointer-events: none;
    z-index: 0;
    top: 0;
    overflow: hidden
}

.splunk-flex-container .background-video video {
    min-width: 100%;
    min-height: 100%
}

.splunk-flex-container .flex-item {
    position: relative;
    padding-left: 15px;
    padding-right: 15px
}

.splunk-flex-container .flex-item.no-padding {
    padding-right: 0px;
    padding-left: 0px
}

.splunk-flex-container .flex-item:not([class*=col-]):not([class*=w-]) {
    -ms-flex-preferred-size: 0 !important;
    flex-basis: 0 !important
}

.splunk-flex-container .flex-item img {
    width: 100%
}

.splunk-flex-container .flex-item .customer-quote__carousel .customer-quote__left .customer-quote__left-content img,
.splunk-flex-container .flex-item .slick-dots .hc-indicator-content img {
    width: auto !important
}

.splunk-flex-container .w-content {
    -webkit-box-flex: 0 !important;
    -ms-flex: 0 !important;
    flex: 0 !important;
    padding-left: 0;
    padding-right: 0
}

@media (max-width:767px) {
    .splunk-flex-container .w-content {
        -webkit-box-flex: 100% !important;
        -ms-flex: 100% !important;
        flex: 100% !important
    }
    .splunk-flex-container .w-content .splunk-btn.spacing-right {
        margin-right: 0px
    }
}

.splunk-flex-container .thick-border .gradient-bottom-border-bg,
.splunk-flex-container .thick-border .gradient-top-border-bg {
    height: 4px !important;
    line-height: 4px !important
}

.splunk-flex-container.bg-gutters {
    margin: 0 15px
}

@media (max-width:767px) {
    .splunk-flex-container .justify-content-center {
        text-align: center
    }
}

.splunk-flex-container .avoidMobileFitContent .w-content {
    -webkit-box-flex: 100% !important;
    -ms-flex: 100% !important;
    flex: 100% !important
}

.splunk-flex-container .row-gap-15 {
    row-gap: 15px
}

.splunk-flex-container .row-gap-20 {
    row-gap: 20px
}

.splunk-flex-container .row-gap-40 {
    row-gap: 40px
}

@media (min-width:768px) {
    .splunk-flex-container .row-gap-md-0 {
        row-gap: 0px
    }
    .splunk-flex-container .row-gap-md-20 {
        row-gap: 20px
    }
    .splunk-flex-container .row-gap-md-40 {
        row-gap: 40px
    }
    .splunk-flex-container .row-gap-md-80 {
        row-gap: 80px
    }
}

@media (max-width:767px) {
    .padding-top-sm-mobile {
        padding-top: 15px !important
    }
    .padding-bottom-sm-mobile {
        padding-bottom: 15px !important
    }
    .padding-top-md-mobile {
        padding-top: 20px !important
    }
    .padding-bottom-md-mobile {
        padding-bottom: 20px !important
    }
    .padding-top-lg-mobile {
        padding-top: 40px !important
    }
    .padding-bottom-lg-mobile {
        padding-bottom: 40px !important
    }
}

@media (max-width:767px) {
    .px-mobile-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

@media (min-width:768px) {
    .px-desktop-0 {
        padding-left: 0 !important;
        padding-right: 0 !important
    }
}

.on-view.container-animate {
    -webkit-animation: var(--defaultAnimation);
    animation: var(--defaultAnimation)
}

@media (max-width:768px) {
    .on-view.mobile__animation {
        -webkit-animation: var(--mobileanimation) !important;
        animation: var(--mobileanimation) !important
    }
}

@media (max-width:768px) {
    .on-view .disable-mobile__animation {
        -webkit-animation: unset !important;
        animation: unset !important
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .tabletEmptyDiv {
        display: none
    }
}