@media (min-width: 1200px) {

    .index-container {
        max-width: 1140px;
    }
}

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


.index-no-padding {
    padding: 0 !important;
}

.index-main-Loader {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90vh;
}

.index-main-Loader .index-spinner {
    animation: rotate 1s linear infinite;
    background: linear-gradient(90deg, rgba(253, 183, 26, 1) 0%, rgba(0, 129, 87, 0.40) 100%);
    border-radius: 50%;
    height: 138px;
    width: 138px;
    position: relative;
}

.index-main-Loader .index-spinner::before,
.index-main-Loader .index-spinner::after {
    content: '';
    position: absolute;
}

.index-main-Loader .index-spinner::before {
    border-radius: 50%;
    background:
        linear-gradient(0deg, hsla(0, 0%, 100%, 1) 50%, hsla(0, 0%, 100%, 0.9) 100%) 0% 0%,
        linear-gradient(90deg, hsla(0, 0%, 100%, 0.9) 0%, hsla(0, 0%, 100%, 0.6) 100%) 100% 0%,
        linear-gradient(180deg, hsla(0, 0%, 100%, 0.6) 0%, hsla(0, 0%, 100%, 0.3) 100%) 100% 100%,
        linear-gradient(360deg, hsla(0, 0%, 100%, 0.3) 0%, hsla(0, 0%, 100%, 0) 100%) 0% 100%;
    background-repeat: no-repeat;
    background-size: 50% 50%;
    top: -1px;
    bottom: -1px;
    left: -1px;
    right: -1px;
}

.index-main-Loader .index-spinner::after {
    background: #fff;
    border-radius: 50%;
    top: 8%;
    bottom: 8%;
    left: 8%;
    right: 8%;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.index-bg-white {
    background-color: #fff;
}

.index-max-height {
    min-height: calc(93vh - 107px);
}