.wrapper1440 {
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    width: 100%;
}

.padding-top {
    padding-top: 100px;
}

.padding-bottom {
    padding-bottom: 100px;
}

.padding-bottom200 {
    padding-bottom: 178px;
}

.z-1 {
    z-index: 1;
}

/* text color */
.RoyalPurple-text {
    color: var(--RoyalPurple--color);
}
.secondary-color {
    color: var(--secondary--color);
}

.DeepOrange-text {
    color: var(--DeepOrange--color);
}

.ForestGreen-text {
    color: var(--ForestGreen--color);
}

.OliveGreen-text {
    color: var(--OliveGreen--color);
}

.HotPink-text {
    color: var(--HotPink--color);
}

.brightPurple-text {
    color: var(--BrightPurple--color);
}

.brightGreen-text {
    color: var(--BrightGreen--color);
}

.brightBlue-text {
    color: var(--brightBlue--color);
}

/* Bg */
.DeepOrange-bg {
    background-color: var(--DeepOrange--color);
}

.ForestGreen-bg {
    background-color: var(--ForestGreen--color);
}

.light-DeepOrange-bg {
    background-color: var(--Light--DeepOrange--color);
}
.light-lightpista-bg {
    background-color: var(--bg--lightpista--color);
}

.background-fff {
    background-color: var(--White--color);
}

.TealBlue-bg {
    background-color: var(--TealBlue--color);
}
.TealBlue-bg2 {
    background-color: var(--TealBlue2--color);
}

.DeepTealBlue-bg {
    background-color: var(--DeepTealBlue--color);
}

.navyBlue-bg {
    background-color: var(--navyBlue--color);
}

.lightyellow-bg {
    background-color: var(--bg--lightyellow--color);
}

.OliveGreen-bg {
    background-color: var(--OliveGreen--color);
}

.DeepGreen-bg {
    background-color: var(--DeepGreen--color);
}

.HotPink-bg {
    background-color: var(--HotPink--color);
}

.RoyalPurple-bg {
    background-color: var(--RoyalPurple--color);
}

.DeepPurple-bg {
    background-color: var(--DeepPurple--color);
}

.SoftOrange-bg {
    background-color: var(--SoftOrange--color);
}

.Mustard-bg {
    background-color: var(--Mustard--color);
}

.Mustard-text {
    color: var(--Mustard--color);
}

.Beige-bg {
    background-color: var(--Beige--color);
}

.sky-bg {
    background-color: var(--sky--color);
}

.lightPurple-bg {
    background-color: var(--bg--lightPurple--color);
}

.lightGreen-bg {
    background-color: var(--light--Green--color);
}

.pista-bg {
    background-color: var(--pista--color);
}

.lightpink-bg {
    background-color: var(--bg--lightpink--color);
}

.skyblue-bg {
    background-color: var(--bg--skyblue--color);
}

.lightorange-bg {
    background-color: var(--Light--orange--color);
}

/* strokes */
.orange-stroke {
    border: 2px solid var(--DeepOrange--color);
}

.purple-stroke {
    border: 2px solid var(--RoyalPurple--color) !important;
}

.green-stroke {
    border: 2px solid var(--ForestGreen--color);
}

.teal-stroke {
    border: 2px solid var(--TealBlue--color);
}

.mustard-stroke {
    border: 2px solid var(--Mustard--color) !important;
}

.hotpink-stroke {
    border: 2px solid var(--HotPink--color);
}

.teal-overlay-bg {
    background-color: #287A96;
}

.mustard-overlay-bg {
    background-color: #C97D19;
}

.orange-overlay-bg {
    background-color: #CE3901;
}
.height260{
    height: 260px;
}
@media screen and (max-width: 1440px) {
    .padding-top {
        padding-top: 80px;
    }

    .padding-bottom {
        padding-bottom: 80px;
    }
}

@media screen and (max-width: 1199px) {
    .padding-top {
        padding-top: 70px;
    }

    .padding-bottom {
        padding-bottom: 70px;
    }
}

@media screen and (max-width: 991px) {
    .padding-top {
        padding-top: 60px;
    }

    .padding-bottom {
        padding-bottom: 60px;
    }
}

@media screen and (max-width: 767px) {
    .padding-top {
        padding-top: 50px;
    }

    .padding-bottom {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 575px) {
    .padding-top {
        padding-top: 40px;
    }

    .padding-bottom {
        padding-bottom: 40px;
    }
}