/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 02 2024 | 17:38:43 */
.sticky-section-container {
    align-items: center;
    background-color: #b14d00;
    display: flex;
    height: 100vh;
    overflow: hidden;
    position: relative
}

.sticky-section-container .progress-bar {
    background: #1a3430;
    border: 6px solid #121212;
    border-radius: 200px;
    bottom: 50%;
    display: inline-block;
    height: 411px;
    position: absolute;
    right: 2rem;
    transform: translateY(50%);
    width: 36px;
    z-index: 1
}

@media (width >= 1400px) {
    .sticky-section-container .progress-bar {
        border: 10px solid #121212;
        height: 646px;
        right: 25%;
        width: 86px
    }
}

.sticky-section-container .progress-bar img {
    bottom: -82px;
    height: auto;
    left: -320px;
    max-width: unset;
    object-fit: cover;
    opacity: .3;
    position: absolute;
    width: 632px;
    z-index: -1
}

@media (width >= 1400px) {
    .sticky-section-container .progress-bar img {
        bottom: -142px;
        left: -462px;
        width: 984px
    }
}

.sticky-section-container .progress-bar span {
    align-items: center;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    width: 100%
}

.sticky-section-container .progress-bar span span {
    bottom: 0
}

.sticky-section-container .progress-bar span .complete {
    opacity: 0;
    visibility: hidden;
    width: 12px;
    z-index: 1
}

@media (width >= 1400px) {
    .sticky-section-container .progress-bar span .complete {
        width: 24px
    }
}

.sticky-section-container .progress-bar span.bar-1 {
    border-bottom-left-radius: 200px;
    border-bottom-right-radius: 200px;
    bottom: 0;
    height: 18%;
    overflow: hidden
}

.sticky-section-container .progress-bar span.bar-1 span {
    background-color: #944900
}

.sticky-section-container .progress-bar span.bar-2 {
    bottom: 18%;
    height: 35%
}

.sticky-section-container .progress-bar span.bar-2 span {
    background-color: #cf6500
}

.sticky-section-container .progress-bar span.bar-3 {
    bottom: 53%;
    height: 18%
}

.sticky-section-container .progress-bar span.bar-3 span {
    background-color: #ff7d00
}

.sticky-section-container .progress-bar span.bar-4 {
    border-top-left-radius: 200px;
    border-top-right-radius: 200px;
    bottom: 71%;
    height: 18%
}

.sticky-section-container .progress-bar span.bar-4 span {
    background-color: #ff4715
}

.sticky-section-container .progress-bar .up-arrow {
    bottom: 22%;
    left: 50%;
    position: absolute;
    transform: translateX(-50%);
    width: 16px
}

@media (width >= 1400px) {
    .sticky-section-container .progress-bar .up-arrow {
        width: 32px
    }
}

.sticky-section-container .progress-bar .stars {
    left: -48px;
    opacity: 0;
    position: absolute;
    top: 1%;
    visibility: hidden;
    width: 101px
}

@media (width >= 1400px) {
    .sticky-section-container .progress-bar .stars {
        left: -68px;
        top: 5%;
        width: 202px
    }
}

.full-width .sticky-section-container .title-container,.sticky-section-container .container,.sticky-section-container .full-width .title-container {
    height: 100%
}

.sticky-section-container ul {
    height: 100%;
    max-width: 80%;
    position: relative;
	z-index: 1;
}

@media (width >= 1400px) {
    .sticky-section-container ul {
        max-width: 760px
    }
}

.sticky-section-container li {
    align-items: flex-start;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 32px;
    inset: 0;
    justify-content: center;
    opacity: 0;
    position: absolute
}

.sticky-section-container .h1,.sticky-section-container h1 {
    font-family: Museo Sans,sans-serif;
    font-size: 2.25rem;
	color: #fff;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1;
    text-align: left;
    -webkit-text-decoration-skip-ink: none;
    text-decoration-skip-ink: none;
    text-underline-position: from-font
}

@media (width >= 768px) {
    .sticky-section-container .h1,.sticky-section-container h1 {
        font-size: 4.875rem
    }
}

.sticky-section-container .btn-text {
    background-color: #121212;
    border: none;
    border-radius: 8px;
    color: #fff;
    font-family: Inter,sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    opacity: 1;
    padding: 16px 40px;
    text-align: center;
    transition: opacity .2s ease-in-out
}

.sticky-section-container .btn-text:is(:hover,:focus,:active) {
    opacity: .8
}

.sticky-section-container .desc {
    font-family: Museo Sans,sans-serif;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.14
}

.sticky-section-container .container {
	--bs-gutter-x: 2rem;
    --bs-gutter-y: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: calc(var(--bs-gutter-x)*.5);
    padding-right: calc(var(--bs-gutter-x)*.5);
    width: 100%;
	max-width: 1140px;
}

@media (width >= 768px) {
    .sticky-section-container .desc {
        font-size: 3rem
    }
}

.sticky-section-container .sticky-section-nav {
    display: none;
    gap: 8px;
    margin-top: 60px
}

.sticky-section-container .sticky-section-nav button {
    background-color: initial;
    border: none;
    color: #000
}

.sticky-section-container .sticky-section-1 .desc {
    font-family: Inter,sans-serif;
    font-size: 1.125rem;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.74375rem
}