header {
    position: fixed;
    z-index: 9;
    width: 100%;
    background: rgba(5, 3, 8, 0.48);
backdrop-filter: blur(12px);
}
nav.navbar {
  padding: 0;
}
a.navbar-brand {
    padding: 0;
}
.text-orange span{
    color: #EF550A !important;
}
nav.navbar .contain-fluid {
    width: 100%;
    display: flex;
    flex-wrap: inherit;
    align-items: center;
    justify-content: space-between;
    padding: 64px 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.16);
    position: relative;
}
nav.navbar .contain-fluid .active-bar {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 64px;
    height: 1px;
    z-index: 9;
    background: #fff;
    transition: all .5s cubic-bezier(0.64, -0.24, 0.25, 1.47);
}
.nav-item{
    padding: 4px 0 4px;
    margin: 0 24px;
}
.navbar-nav .nav-link,
.nav-link {
    color: #FFF;
    text-align: center;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-transform: uppercase;
    padding:  0 !important;
    margin: 0 !important;
    position: relative;
    
}

.navbar-nav .nav-link:hover, .nav-link:hover {
    text-underline-position: under;
    text-decoration: none;
    color: #EF550A !important;
}
.navbar-nav .nav-link:before, .nav-link:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    background: #ef550a;
    bottom: -47px;
    opacity: 0;
    transition: all .5s cubic-bezier(0.64, -0.24, 0.25, 1.47);
    z-index: 9;

}
.navbar-nav .nav-link:hover:before, .nav-link:hover:before {
    bottom: -52px;
    opacity: 1;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link{
    color: #fff;
}
nav.navbar .btn {
    min-width: 10px;
}

section.hero-section {
    text-align: center;
    padding: 150px 24px;
    align-items: center;
    justify-content: center;
    display: flex;
    height: 100vh;
    position: relative;
    margin-top: 0;
    overflow: visible;
}

section.hero-section .hero-text {
    max-width: 900px;
}

section.hero-section .hero-text h3 {
    margin: auto;
    margin-top: 48px;
    margin-bottom: 32px;
    max-width: 667px;
}

section.hero-section .hero-text .btn {
    margin: 0 24px;
}

.video-controler {
    position: absolute;
    z-index: -1;
    width: 100%;
    overflow: hidden;
    bottom: 0;
    transform: translate(0px, 50%);
}

.video-controler video {
    width: 100%;
}
.video-controler:before, .video-controler:after {
    content: '';
    background: linear-gradient(180deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    height: 200px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    width: 100%;
}
.video-controler:after {
    top: inherit;
    bottom: 0;
    background: linear-gradient(0deg, #000 40%, rgba(0, 0, 0, 0.00) 100%);
    height: 60%;
}

.partner-logo {
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}



/* .strip-animation span {
    display: inline-block;
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
    transform: translate(20%, 100%);
    position: relative;
    z-index: 1;
    opacity: 0;
} */
/* .strip-animation span:before {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateY(-40%);
    transition: transform 0.6s cubic-bezier(0.65, 0.02, 0.23, 1);
} */
/* .strip-animation span.strip-row {
    overflow: hidden;
    display: block;
    transform: none;
    opacity: 1;
} */

.strip-animation span.strip-row:before {
    display: none;
}
.strip-animation span.animate {
    transform: translate(0, 0);
    opacity: 1;
}
.strip-animation .animate:before {
    transform: translateY(100%);
}


[data-aos][data-aos][data-aos-duration="3500"], body[data-aos-duration="3500"] [data-aos] {
    transition-duration: 3.5s;
}

[data-aos=zoom-in-up] {
    transform: translate3d(0,100px,0) scale(0);
}
[data-aos=zoom-in-up].aos-animate {
    opacity: 1;
    transform: translateZ(0) scale(1);
}

.section-title {
    max-width: 672px;
    margin: auto;
    text-align: center;
    margin-bottom: 64px;
}
.section-title img{
    margin-bottom: 32px;
}

.service-content h3 {
    margin-bottom: 32px;
}

.service-content p {
    margin-bottom: 16px;
}

.service-box {
    border-radius: 4px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    display: flex;
    padding: 32px 24px;
    align-items: flex-start;
    gap: 24px;
    align-self: stretch;
    margin-bottom: 32px;
}
.service-box p {
    margin-bottom: 8px;
}
.service-box p.body-text-mini {
    margin: 0;
}
.service-content p {
    transform: translateZ(0) scale(1);
}


.process-box {
    border-radius: 4px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    display: flex;
    padding: 32px 24px;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
}

.process-box p {
    margin: 0;
}
.process-box div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
}

.process-box p.body-text-mini {
    letter-spacing: 0.14px;
}

section.section-bg {
    background-image: url(../images/service-bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
}
.section-bg-2{

    background-image: url(../images/section-bg.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
}
.section-bg-2:after {
    content: '';
    background: linear-gradient(0deg, #000 0%, rgba(0, 0, 0, 0.00) 100%);
    width: 100%;
    position: absolute;
    left: 0;
    height: 100px;
    bottom: 0;
}
.process-listing {
    margin-bottom: 48px;
    position: relative;
}

p.process-box-title {
    color: #0D9AFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 136%;
    letter-spacing: 0.16px;
    margin: 0;
    position: absolute;
    z-index: 9;
    top: 50%;
    transform: translate(0%, -50%);
    right: calc(100% + 24px + 24px);
    width: 100%;
    margin-left: 0;
    text-align: right;
}
.right-point p.process-box-title {
    left: calc(100% + 24px + 24px);
    right: inherit;
    text-align: left;
}
p.process-box-title:after {
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    content: '';
    background: #150320;
    border-width: 4px;
    border-color: #0D9AFF;
    border-style: groove;
    position: absolute;
    left: 0;
    z-index: 9;
    border-radius: 20px;
}
.left-point p.process-box-title:after {
    right: -36px;
    left: inherit;
}
.right-point p.process-box-title:after {
    left: -36px;
    right: inherit;
}

[data-aos^=fade].process-road, .process-road {
    background: linear-gradient(180deg, rgba(145, 209, 255, 0.00) -0.67%, #0D9AFF 21.35%, #A2D8FF 48.62%, #0D9AFF 76.41%, rgba(145, 209, 255, 0.00) 100%);
    position: absolute;
    left: 0;
    right: 0;
    width: 8px;
    height: 100%;
    padding: 0;
    margin: auto;
    transform: translateZ(0) !important;
    max-height: 0;
    transition: all .6s ease-in-out !important;

}
.process-road.aos-animate {
    max-height: 2000px;
    transition-delay: 1s !important;
}

section.process-section .col-md-6 {
    padding: 0 24px;
}
.references-project-showcase img {
    width: 75%;
    transition: all .4s ease-in-out ;
    transition-delay: .3s ;
    margin-top: 48px;
    margin: auto;
    border-radius: 4px;
}
.references-project-showcase .swiper-slide-active img {
    width: 100%;
    margin-top: 0px;
}

.references-project-showcase .swiper-slide {
    display: flex;
}

.why-lift-box {
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 4px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

.why-lift-text-box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    text-align: center;
}

.why-lift-text-box p{
    width: 100%;
}

section.why-lift-section {
    display: flex;
    align-items: center;
}

.package-box {
    display: flex;
    width: 100%;
    padding: 32px 24px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    border-radius: 4px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
    text-align: center;
}
hr {
    width: 100%;
    border-color: rgba(255, 255, 255, 0.16);
    margin: 0;
}

.package-box ul {
    display: flex;
    align-items: flex-start;
    /* gap: 24px; */
    align-self: stretch;
    flex-wrap: wrap;
    text-align: left;
    margin: 0;
}

.package-box ul li {
    width: 33.3%;
    display: flex;
    margin-bottom: 26px;
    align-items: self-start;
    gap: 10px;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
    line-height: 136%;
}


.brand-box {
    display: flex;
    padding: 32px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
    flex: 1 0 0;
    width: 50%;
    min-width: calc(50% - 24px);
    min-height: 156px;
    border-radius: 4px;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(12px);
}

.references-brands {
    display: inline-flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}

.modal-dialog {
    max-width: 672px;
}

.modal .modal-footer .btn {
        font-weight: 500;
/*    font-size: 14px;*/
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    height: 52px;
    background: linear-gradient(269.4deg, #7B0580 0%, #180469 100%);
    border-radius: 4px;
    width: 100%;
    margin: 0 0;
}