@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap");

:root {
    scroll-behavior: smooth;
}

* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}

a:hover,
a:focus,
a:active {
    text-decoration: none;
}

button,
a {
    text-decoration: none;
    transition: 0.4s linear;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
body,
html {
    height: 100%;
    width: 100%;
}

body {
    font-family: "Libre Baskerville", serif;
    font-family: "Inter", sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    background: #000;
}
body.add-fix{
    overflow: hidden;
}
.container {
    max-width: 1598px;
}

.main-wrapper {
    height: 100%;
    width: 100%;

}
/* **** Header **** */
header {
    position: absolute;
    top: -136px;
    left: 0;
    right: 0;
    background: transparent;
    padding: 38px 0;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
/* header.sticky{
    position: fixed;
    top: 0;
    background-color: #000;
    padding: 20px 0;
} */
header .container {
    max-width: 1662px;
}
header .navbar-brand {
    float: none;
    height: auto;
    padding: 0;
}
header .navbar-brand img {
    max-width: 100%;
    height: 45px;
}
.navbar {
    background: transparent;
    position: relative;
    width: 100%;
    left: 0;
    top: 0;
    border: none;
    border-radius: 0;
    margin: 0;
    padding: 0px 0;
    align-items: center;
    z-index: 120;
    transition: 0.4s linear;
    -webkit-transition: 0.4s linear;
}
.navbar .navbar-nav {
    margin: 0;
    margin-left: auto;
    flex-flow: nowrap;
    align-items: center;
    gap: 24px;
}
.navbar .navbar-nav .nav-item .nav-link {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 16px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
}
.navbar .navbar-nav .nav-item .navbar-toggler {
    width: 60px;
    height: 60px;
    background-color: transparent;
    border: none;
    outline: none;
    padding: 0;
    border-radius: 0;
}

.navbar .navbar-nav .nav-item .navbar-toggler:focus {
    outline: none;
    border: none;
    box-shadow: none;
}
.navbar .navbar-nav .nav-item .navbar-toggler img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
/* **** End Header **** */

.menu-sidebar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100vh;
    width: 100%;
    transform: translateX(100%);
    z-index: 16;
    overflow: hidden;
}
.menu-sidebar .sidebar-bg {
    height: 100%;
    width: 100%;
}
.menu-sidebar .sidebar-bg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: bottom;
    /* transform: scale(1.5); */
}

.menu-sidebar .close-navbar-toggler {
    position: absolute;
    right: 48px;
    top: 32px;
    border: none;
    background-color: transparent;
    border: none;
    z-index: 98;
}
.menu-sidebar .close-navbar-toggler img {
    max-width: 100%;
}
.menu-sidebar .navbar-block{
    position: absolute;
    right: 120px;
    top: 0;
    bottom: 0;
    padding: 40px 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.menu-sidebar .navbar-nav {
    background-image: url("../images/navbar-bg.jpg");
    width: 210px;
    height: 660px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 30px;
}
.menu-sidebar .navbar-nav .navbar-brand img {
    max-width: 145px;
    display: table;
    margin: 0 auto 40px;
}
.menu-sidebar .navbar-nav ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    row-gap: 20px;
    margin: 20px 0;
}
.menu-sidebar .navbar-nav ul li {
    width: 50%;
}
.menu-sidebar .navbar-nav .nav-link {
    display: table;
    width: 50%;
    padding: 0;
    background-color: transparent;
    border: none;
    box-shadow: none;
}
.menu-sidebar .navbar-nav ul li .nav-link {
    margin: 0 auto;
    width: fit-content;
}
.menu-sidebar .navbar-nav .nav-link .icon {
    background-image: url("../images/lift-number-bg.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 60.194px;
    height: 61.635px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin: 0 auto 8px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu-sidebar .navbar-nav .nav-link .icon span {
    display: block;
    background: linear-gradient(161deg, #000 21.67%, #080808 39.61%, #202020 67.33%, #484848 103.2%, #6e6e6e 132.54%);
    filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.6));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    font-size: 24px;
    font-weight: 600;
}
.menu-sidebar .navbar-nav .nav-link .icon img {
    max-width: 15px;
}
.menu-sidebar .navbar-nav .nav-link.active .icon,
.menu-sidebar .navbar-nav .nav-link:hover .icon {
    background-image: url("../images/lift-number-bg-hover.svg");
}
.menu-sidebar .navbar-nav .nav-link .text img {
    max-width: 100%;
    margin: 0 auto;
    display: table;
}
.menu-sidebar .contact-btn {
    display: table;
    margin: 0 auto 0;
}
.menu-sidebar .contact-btn img {
    max-width: 65px;
}
.menu-sidebar .navbar-nav ul li:hover .menu-detail,
.menu-sidebar .navbar-nav .nav-link:hover .menu-detail {
    opacity: 1;
    visibility: visible;
}
.menu-sidebar .menu-detail {
    background: #000;
    position: fixed;
    left: 0;
    height: 100%;
    width: 72%;
    top: 0;
    background: linear-gradient(271deg, rgba(0, 0, 0, 0) 4.66%, rgba(0, 0, 0, 0.4) 28.94%, #000 88.08%);
    padding: 150px 80px 80px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menu-sidebar .menu-detail h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 72px;
    font-style: normal;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: 1.44px;
    margin: 0 0 36px;
    text-align: left;
}
.menu-sidebar .menu-detail p {
    color: rgba(221, 221, 221, 0.87);
    font-family: Inter;
    font-size: 40px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    max-width: 691px;
    text-align: left;
    margin: 0;
}

/* **** Hero **** */
.hero-wrp {
    overflow: hidden;
    height: 100vh;
    min-height: 700px;
    width: 100%;
    position: relative;
}
.hero-animation {
    height: 100%;
    width: 100%;
    overflow: hidden;
    pointer-events: none;
}
.hero-wrp .thumb-img {
    height: 100vh;
    width: 236px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 9;
}
.hero-wrp .thumb-img img {
    max-width: 100%;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}
.hero-wrp .thumb-img.right-thumb {
    right: 0;
    left: auto;
}
.hero-wrp .thumb-img.right-thumb img {
    object-position: left;
}
.hero-wrp .lift-indoor {
    position: absolute;
    height: 100%;
    width: 100%;
}
.hero-wrp .lift-indoor img {
    height: 100%;
    width: 100%;
}
.left-door {
    position: absolute;
    left: 236px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: calc(50% - 235px);
    z-index: 8;
    /* transform: translateX(-100%); */
}
.left-door img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.right-door {
    position: absolute;
    right: 236px;
    top: 0;
    bottom: 0;
    height: 100%;
    width: calc(50% - 235px);
    z-index: 8;
    /* transform: translateX(100%); */
}
.right-door img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.loader-img {
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    top: 0;
    bottom: 0;
    z-index: 7;
    opacity: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.loader-img img {
    max-width: 100%;
}
.hero-overlay {
    background: linear-gradient(181deg, rgba(0, 0, 0, 0.6) 5.85%, rgba(0, 0, 0, 0.4) 31.05%, #000 92.41%);
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    opacity: 0;
    transition: all 0.3s linear;
    pointer-events: none;
}

.hero-wrp .hero-detail {
    position: absolute;
    z-index: 14;
    left: 0;
    right: 0;
    bottom: 80px;
}
.hero-wrp .hero-detail .description {
    max-width: 1148px;
}
.hero-wrp .hero-detail h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px;
    letter-spacing: 1.92px;
    margin: 0 0 30px;
    transform: translateY(300px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.hero-wrp .hero-detail p {
    color: rgba(221, 221, 221, 0.87);
    font-size: 56px;
    font-style: italic;
    font-weight: 400;
    letter-spacing: 1.12px;
    margin: 0 0 56px;
    transform: translateY(150px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.hero-wrp .hero-detail ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    transform: translateY(200px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
/* **** End Hero **** */

.btn-primary {
    color: #1e1e1e;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 12px;
    background: #fff;
    padding: 20px 24px;
    border: 1px solid #fff;
    display: table;
}
.btn-primary:hover {
    background-color: #264a90;
    color: #fff;
    border-color: #264a90;
}
.btn-secondary {
    color: #fff;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    border-radius: 12px;
    line-height: normal;
    text-transform: uppercase;
    padding: 20px 24px;
    border: 1px solid #fff;
    display: table;
}
.btn-secondary:hover {
    background-color: #fff;
    color: #000;
}
.btn-small {
    padding: 13px 24px;
    font-size: 16px;
    line-height: 22px;
}

/* **** About **** */
.about-wrp {
    padding: 80px 0;
}
.about-wrp .description {
    max-width: 1171px;
    margin-left: auto;
}
.about-wrp .description p {
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    line-height: 54px;
    letter-spacing: 0.8px;
    margin: 0 0 32px;
}
/* **** End About **** */

/* **** Products **** */
.product-wrp {
    padding: 80px 0;
}
.product-wrp .product-marquee {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}
.product-wrp .product-marquee .product-box {
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    display: flex;
    gap: 40px;
    width: 1015px;
    min-width: 1015px;
}
.product-wrp .product-marquee .product-box .box-img {
    width: 467px;
    min-width: 467px;
    height: 523px;
    border-radius: 8px;
    overflow: hidden;
}
.product-wrp .product-marquee .product-box .box-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.product-wrp .product-marquee .product-box .product-detail {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
}
.product-wrp .product-marquee .product-box h6 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.32px;
    margin: 0 0 8px;
}
.product-wrp .product-marquee .product-box h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 8px;
}
.product-wrp .product-marquee .product-box p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin: 0;
}
.product-wrp .product-marquee .product-box h3 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.48px;
    margin: 0 0 8px;
}
.product-wrp .product-marquee .product-box ul {
    padding-left: 24px;
    margin: 0 0 24px;
}
.product-wrp .product-marquee .product-box ul li {
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-style: italic;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.4px;
    margin: 0;
    list-style: disc;
}
.product-wrp .marquee-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.product-wrp .product-track {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: scroll-left 40s linear infinite;
}
.product-wrp .marquee-container:hover .product-track {
    animation-play-state: paused;
}
.product-wrp .product-marquee {
    display: flex;
    gap: 40px;
}
.product-wrp .product-box {
    flex-shrink: 0;
    width: 1015px;
    min-width: 1015px;
}
@keyframes scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}

/* **** End Products **** */

/* **** Services **** */
.services-wrp{
    overflow: hidden;
}
.services-wrp .services-block {
    display: flex;
    align-items: flex-start;
}
.services-wrp .services-block .row {
    margin: 0;
}
.services-wrp .services-block .row .col-md-6 {
    padding: 0;
}
.services-wrp .services-img {
    width: 100%;
    height: 100%;
}
.services-wrp .services-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.services-wrp .services-detail {
    padding: 80px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-flow: column;
    height: 100%;
    gap: 24px;
}
.services-wrp .services-detail .top-detail h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 16px;
}
.services-wrp .services-detail .top-detail p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0;
}
.services-wrp .services-detail .bottom-detail ul li {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin: 0 0 24px;
    color: rgba(255, 255, 255, 0.5);
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.64px;
}
.services-wrp .services-detail .bottom-detail ul li span {
    padding: 6px 0;
}
.services-wrp .services-detail .bottom-detail ul li:last-child {
    margin: 0;
}
.services-wrp .services-detail .bottom-detail .list-detail h3 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 32px;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0 0 12px;
}
.services-wrp .services-detail .bottom-detail .list-detail p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin: 0;
}
/* **** End Services **** */

/* **** Testimonials **** */
.testimonials-wrp {
    padding: 120px 0 80px;
}
.testimonials-wrp .testimonials-title {
    padding: 0 0 80px;
}
.testimonials-wrp .testimonials-title h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 32px;
}
.testimonials-wrp .testimonials-title p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 32px;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0;
    max-width: 1171px;
}
.testimonials-wrp .marquee-container {
    overflow: hidden;
    width: 100%;
    position: relative;
}
.testimonials-wrp .testimonials-track {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: scroll-left 12s linear infinite;
}
.testimonials-wrp .marquee-container:hover .testimonials-track {
    animation-play-state: paused;
}
.testimonials-wrp .testimonials-marquee {
    display: flex;
    gap: 40px;
}
.testimonials-wrp .testimonials-box {
    flex-shrink: 0;
    width: 510px;
    min-width: 510px;
    display: flex;
    height: 359px;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex-shrink: 0;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.1);
    gap: 24px;
}
.testimonials-wrp .testimonials-box p {
    color: rgba(255, 255, 255, 0.7);
    font-size: 28px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.56px;
    margin: 0;
}
.testimonials-wrp .testimonials-box h5 {
    color: rgba(255, 255, 255, 0.89);
    font-family: "Libre Baskerville";
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.48px;
    margin: 0 0 8px;
}
.testimonials-wrp .testimonials-box h6 {
    color: rgba(255, 255, 255, 0.5);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    margin: 0;
}
/* **** End Testimonials **** */

/* **** Footer **** */
footer {
    position: relative;
}
footer .footer-img {
    position: relative;
    height: 100vh;
    width: 100%;
}
footer .footer-img:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, #000 7.59%, rgba(0, 0, 0, 0.6) 68.95%, rgba(0, 0, 0, 0.6) 94.15%);
}
footer .footer-img img {
    width: 100%;
    height: 100%;
}
footer .footer-block {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 80px;
}
footer .footer-detail {
    margin: 0 0 56px;
}
footer .footer-detail h2 {
    color: #fff;
    font-family: "Libre Baskerville";
    font-size: 72px;
    font-weight: 700;
    line-height: 86px;
    letter-spacing: 1.44px;
    max-width: 1103px;
    margin: 0 0 30px;
}
footer .footer-detail p {
    color: rgba(221, 221, 221, 0.87);
    font-size: 40px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    margin: 0 0 30px;
}
footer .footer-detail ul {
    display: flex;
    align-items: center;
    gap: 16px;
}
footer .footer-detail ul li a {
    display: block;
}
footer .footer-detail ul li a img {
    max-width: 100%;
}
footer .copyright p {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}
footer .copyright .copylinks {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 16px;
}
footer .copyright .copylinks a {
    color: rgba(221, 221, 221, 0.8);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0;
}
/* **** End Footer **** */

/* **** Coming Soon Page **** */
.inner-header {
    padding: 0;
    background-color: transparent;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
}
.inner-header .navbar {
    padding: 16px 0;
    border-bottom: 1px solid #fff;
}
.inner-header .navbar .navbar-brand {
    display: table;
    margin: 0 auto;
}
.inner-header .navbar img {
    max-width: 100%;
}
.coming-wrp {
    height: 100vh;
    min-height: 750px;
    width: 100%;
    background-image: url("../images/comming-soon-bg.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    padding: 150px 0 60px;
}
.coming-wrp:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(181deg, rgba(0, 0, 0, 0.6) 5.85%, rgba(0, 0, 0, 0.4) 31.05%, #000 92.41%);
}
.coming-wrp .detail {
    position: relative;
    z-index: 5;
}
.coming-wrp .detail h1 {
    color: #fff;
    text-align: center;
    font-family: "Libre Baskerville";
    font-size: 96px;
    font-style: normal;
    font-weight: 700;
    line-height: 120px; /* 125% */
    letter-spacing: 1.92px;
    margin: 0 0 30px;
}
.coming-wrp .detail h4 {
    color: rgba(221, 221, 221, 0.87);
    text-align: center;
    font-family: Inter;
    font-size: 40px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.8px;
    margin: 0 0 30px;
}
.coming-wrp .detail p {
    color: rgba(221, 221, 221, 0.87);
    text-align: center;
    font-family: Inter;
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    max-width: 1214px;
    margin: 0 auto 48px;
}
.coming-wrp .detail h5 {
    color: rgba(221, 221, 221, 0.87);
    text-align: center;
    font-family: Inter;
    font-size: 32px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0 0 32px;
}
.coming-wrp .detail ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.coming-wrp .detail ul li a {
    text-transform: unset;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 15px 24px 15px 12px;
    font-size: 20px;
    line-height: 26px;
}
.coming-wrp .detail ul li a img {
    max-width: 100%;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.coming-wrp .detail ul li a.btn-primary:hover img {
    filter: brightness(1) invert(1);
}
.coming-wrp .detail ul li a.btn-secondary:hover img {
    filter: brightness(1) invert(1);
}
.coming-wrp .detail .loader {
    max-width: 210px;
    margin: 0 auto 130px;
}
.coming-wrp .detail .loader img {
    max-width: 100%;
}
/* **** End Coming Soon Page **** */




/* **** ABout ***** */

.about-banner-wrp .about-detail {
    position: absolute;
    z-index: 14;
    left: 0;
    right: 0;
    bottom: 80px;
}
.about-banner-wrp .about-detail .description {
    max-width: 1151px;
    margin: 0 auto;
    text-align: center;
}
.about-banner-wrp .about-detail .description h2 {
    color: #fff;
    text-align: center;
    font-family: "Libre Baskerville";
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 1.28px;
    margin: 0 0 8px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
     transform: translateY(300px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.about-banner-wrp .about-detail .description p {
    color: #fff;
    text-align: center;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: 0.64px;
    margin: 0 0 64px;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.about-banner-wrp .about-detail .description p.text1{
    transform: translateY(150px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.about-banner-wrp .about-detail .description p.text2{
    transform: translateY(200px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.about-banner-wrp .about-detail .description p:last-child {
    margin: 0;
}
/* **** End ABout ***** */



/* **** Story **** */
.story-wrp{
    padding: 80px 0;
}
.story-wrp .story-title h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 24px;
}
.story-wrp .story-title p{
    color: rgba(221, 221, 221, 0.7);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.56px;
    max-width: 455px;
    margin: 0;
}
.story-wrp .description p{
    color: rgba(221, 221, 221, 0.7);
    font-size: 28px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.56px;
    margin: 0 0 32px;
}
.story-wrp .description p b{
    font-weight: 700;
    color: rgba(221, 221, 221, 0.8);
}
.story-wrp .description p:last-child{margin: 0;}
/* **** End Story **** */



/* **** Mission & Vision **** */
.mission-vision-wrp{
    padding: 40px 0 80px;
}
.mission-vision-wrp .mission-box{
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    display: flex;
    min-height: 359px;
    height: 100%;
    padding: 20px;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    flex: 1 0 0;
}
.mission-vision-wrp .mission-box .box-icon{
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 48px;
    width: 48px;
}
.mission-vision-wrp .mission-box .box-icon img{
    max-width: 100%;
    opacity: 0.5;
}
.mission-vision-wrp .mission-box h3{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 28px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.56px;
    margin: 0 0 16px;
}
.mission-vision-wrp .mission-box p{
    color:  rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.4px;
    margin: 0;
}
.mission-vision-wrp .mission-box ul{
    padding-left: 24px;
}
.mission-vision-wrp .mission-box ul li{
    color:  rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0.4px;
    list-style: disc;
}
/* **** End Mission & Vision **** */


/* **** About Company **** */
.about-company-wrp .company-block .row{
    margin: 0;
}
.about-company-wrp .company-block .row .col-md-6{
    padding: 0;
}
.about-company-wrp .company-block .company-img img{
    width: 100%;
}
.about-company-wrp .company-block .company-detail{
    padding: 80px;
    height: 100%;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.about-company-wrp .company-block .company-detail .title h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 16px;
}
.about-company-wrp .company-block .company-detail .title p{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.64px;
    margin: 0;
}
.about-company-wrp .company-block .company-detail .description ul li{
    border-left: 3px solid #FFF;
    padding-left: 32px;
    margin: 0 0 32px;
}
.about-company-wrp .company-block .company-detail .description ul li:last-child{
    margin: 0;
}
.about-company-wrp .company-block .company-detail .description ul li h4{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
    margin: 0 0 12px;
}
.about-company-wrp .company-block .company-detail .description ul li p{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    margin: 0;
}
.about-company-wrp .company-block .company-detail .description .inner-title{
    border-left: 3px solid #FFF;
    padding-left: 32px;
    margin: 0 0 48px;
}
.about-company-wrp .company-block .company-detail .description .inner-title h4{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
    margin: 0 0 12px;
}
.about-company-wrp .company-block .company-detail .description .inner-title p{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
    margin: 0;
}
.about-company-wrp .company-block .company-detail .description h6{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0.4px;
    margin: 0;
}
/* **** End About Company **** */



/* **** partners **** */
.partners-wrp{
    padding: 80px 0;
}
.partners-wrp .partner-title h2{
    color:  rgba(255, 255, 255, 0.7);
    text-align: center;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0;
}
.partners-wrp .marquee-container {
    overflow: hidden;
    width: 100%;
    position: relative;
    margin: 40px 0 0;
}
.partners-wrp .partner-track {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: partner-scroll-left 40s linear infinite;
}
.partners-wrp .partner-track.lefttoright {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: partner-scroll-right 40s linear infinite;
}
.partners-wrp .marquee-container:hover .partner-track {
    animation-play-state: paused;
}
.partners-wrp .partner-marquee {
    display: flex;
    gap: 40px;
}
.partners-wrp .partner-marquee img{
    max-width: 100%;
}
@keyframes partner-scroll-left {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(-50%);
    }
}
@keyframes partner-scroll-right {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(0%);
    }
}
/* **** End partners **** */



/* ***** Services Page **** */
.service-block .service-img{
    padding: 40px 0;
}
.service-block .service-img img{
    max-width: 100%;
    width: 100%;
    border-radius: 24px;
}
.service-block .service-detail{
    padding: 80px 0;
}
.service-block .service-title{
    display: flex;
    align-items: flex-start;
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
}
.service-block .service-title h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.96px;
    margin: 0 0 40px;
}
.service-block .service-title p{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0.56px;
    max-width: 700px;
}
.service-block .service-title small{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.36px;
}
.service-block .service-box{
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    padding: 20px;
    margin: 0 0 40px auto;
    max-width: 560px;
}
.service-block .service-box:last-child{
    margin: 0 0 0 auto;
}
.service-block .service-box h4{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.56px;
    margin: 0 0 40px;
}
.service-block .service-box ul{
    padding-left: 24px;
}
.service-block .service-box ul li{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.4px;
    list-style: disc;
}


.service-plan-wrp{
    padding: 80px 0;
    text-align: center;
}
.service-plan-wrp h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 56px;
    font-weight: 700;
    letter-spacing: 1.12px;
    margin: 0 0 40px;
}
.service-plan-wrp p{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 28px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: 0.56px;
    margin: 0 0 40px;
}
.service-plan-wrp ul{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}
.service-plan-wrp ul li a{
    color:  rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-style: italic;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.48px;
    padding: 16px 24px 16px 16px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    display: flex;
    align-items: center;
    gap: 16px;
}
.service-plan-wrp ul li a:hover{
    background-color: rgba(255, 255, 255, 0.4);
    border-color: rgba(255, 255, 255, 0.4);
}
/* ***** End Services Page **** */



/* **** Lift Page **** */
.about-banner-wrp.lift-banner-wrp .about-detail .description{
    max-width: 100%;
}
.lifts-block{
    padding: 40px 0;
}
.lifts-block .lifts-title{
    padding: 40px 0 80px;
}
.lifts-block .lifts-title .row{
    align-items: flex-end;
}
.lifts-block .lifts-title h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0.96px;
    margin: 0 0 32px;
}
.lifts-block .lifts-title p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 28px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.56px;
    margin: 0;
}
.lifts-block .lifts-title .btn-secondary{
    margin-left: auto;
}
.lifts-block .lifts-img{
    position: relative;
}
.lifts-block .lifts-img img{
    width: 100%;
    border-radius: 32px;
}
.lifts-block .lifts-img .lift-feature-block{
    position: absolute;
    right: 32px;
    bottom: 32px;
}
.lifts-block .lifts-img .feature-box{
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.20);
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(50px);
    padding: 20px;
    margin: 0 0 20px;
    width: 510px;
}
.lifts-block .lifts-img .feature-box:last-child{
    margin: 0;
}
.lifts-block .lifts-img .feature-box h4{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.56px;
    margin: 0 0 40px;
}
.lifts-block .lifts-img .feature-box ul{
    padding-left: 24px;
}
.lifts-block .lifts-img .feature-box ul li{
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.4px;
    list-style: disc;
}
/* **** Lift **** */



/* **** Blog **** */
.blog-wrp{
    padding: 80px 0 40px;
}
.blog-wrp .row{
    margin: 0 -20px;
    row-gap: 40px;
}
.blog-wrp .row .col-lg-4{
    padding: 0 20px;
}
.blog-box{
    padding: 0 0 40px;
}
.blog-box .box-img{
    height: 300px;
    margin: 0 0 16px;
}
.blog-box .box-img img{
    height: 100%;
    width: 100%;
    border-radius: 16px;
    object-fit: cover;
    object-position: center;
}
.blog-box .detail h3{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 24px;
    line-height: 34px;
    font-weight: 700;
    letter-spacing: 0.48px;
    margin: 0 0 16px;
}
.blog-box .detail p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.36px;
    margin: 0 0 16px;
}
.blog-box .detail a.btn-read{
    color: rgba(255, 255, 255, 0.3);
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 0.4px;
}
/* **** End Blog **** */



/* **** Blog Detail **** */
.blog-detail-banner-wrp .about-detail .description{
    margin: 0;
    text-align: left;
}
.blog-detail-banner-wrp .about-detail .description h6{
    color: #FFF;
    font-size: 32px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0.64px;
    margin: 0 0 8px;
    transform: translateY(300px);
    opacity: 0;
    transition: transform 1s ease, opacity 1s ease;
}
.blog-detail-banner-wrp .about-detail .description h2{
    text-align: left;
    margin: 0;
}


.blog-detail-wrp{
    padding: 40px 0 80px;
}
.blog-detail-wrp .blog-img{
    margin: 0 0 80px;
}
.blog-detail-wrp .blog-img img{
    width: 100%;
    border-radius: 24px;
}
.blog-detail-wrp .blog-info{
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.blog-detail-wrp .blog-info p{
    color: #FFF;
    font-size: 28px;
    font-weight: 400;
    line-height: 37px;
    letter-spacing: 0.56px;
    margin: 0;
}
.blog-detail-wrp .blog-block{
    max-width: 1328px;
    margin: 0 auto;
}
.blog-detail-wrp .purpose-block{
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.blog-detail-wrp .purpose-block h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 32px;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0.64px;
    margin: 0 0 24px;
}
.blog-detail-wrp .purpose-block p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.48px;
    margin: 0 0 32px;
}
.blog-detail-wrp .purpose-block p:last-child{
    margin: 0;
}
.blog-detail-wrp .purpose-block ul{
    margin: 0 0 32px;
}
.blog-detail-wrp .purpose-block ul li{
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.48px;
    position: relative;
    padding-left: 32px;
}
.blog-detail-wrp .purpose-block ul li:before{
    position: absolute;
    content: "🔹";
    left: 0;
    top: 0;
    font-size: 24px;
}


.consider-block{
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.consider-block h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.64px;
    margin: 0 0 24px;
}
.consider-block p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.48px;
    margin: 0 0 20px;
}
.consider-block .consider-table{
    padding: 0 40px;
}
.consider-block .consider-table table{
    margin: 0;
}
.consider-block .consider-table table tr th{
    color: rgba(255, 255, 255, 0.7);
    font-size: 20px;
    font-style: italic;
    font-weight: 500;
    line-height: 27px;
    letter-spacing: 0.4px;
    padding: 12px 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.10);
}
.consider-block .consider-table table tbody tr td{
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.36px;
    padding: 12px 16px;
    border: none;
}

.blog-detail{
     padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.blog-detail h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 32px;
    font-weight: 400;
    letter-spacing: 0.64px;
    margin: 0 0 24px;
}
.blog-detail p{
    color: rgba(255, 255, 255, 0.7);
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.48px;
    margin: 0 0 24px;
}
.blog-detail p:last-child{
    margin: 0;
}
.blog-detail ul{
    padding-left: 24px;
    margin: 0 0 24px;
}
.blog-detail ul li{
    color: rgba(255, 255, 255, 0.8);
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.4px;
    list-style: disc;
}

.blog-description p{
    color: #FFF;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
    line-height: 135%;
    letter-spacing: 0.56px;
    margin: 0 0 24px;
}
.blog-description p:last-child{
    margin: 0;
}
.related-product-wrp{
    padding: 80px 0;
}
.related-product-wrp .related-title{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
    padding: 0 0 80px;
}
.related-product-wrp .related-title h2{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 48px;
    font-weight: 700;
    line-height: 64px;
    letter-spacing: 0.96px;
    margin: 0;
}
.btn-mobile{display: none;}
/* **** End Blog Detail **** */



/* **** Contact ***** */
.contact-wrp{
    padding: 80px 0;
}
.contact-wrp .contact-form{
    max-width: 900px;
    margin: 0 auto;
}
.contact-wrp .form-group{
    margin: 0 0 24px;
}
.contact-wrp .form-group label{
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.36px;
    margin: 0 0 6px;
}
.contact-wrp .form-group .form-control{
    color: rgba(255, 255, 255, 0.4);
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.36px;
    padding: 16px 20px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.10);
    border: none;
    box-shadow: none;
    outline: none;
    resize: none;
}
.contact-wrp .btn-primary{
    display: block;
    width: 100%;
    text-align: center;
}
/* **** End Contact ***** */



/* **** Privacy Policy **** */
.privacy-policy-wrp{
    padding: 40px 0 80px;
}
.privacy-policy-wrp .container{
    max-width: 1358px;
}
.privacy-policy-wrp .detail{
    padding: 0 0 40px;
    margin: 0 0 40px;
    border-bottom: 1px solid  rgba(255, 255, 255, 0.2);;
}
.privacy-policy-wrp .detail:last-child{
    padding: 0;
    margin: 0;
    border: none;
}
.privacy-policy-wrp .detail h3{
    color: #FFF;
    font-family: "Libre Baskerville";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 43px;
    letter-spacing: 0.64px;
    margin: 0;
}
.privacy-policy-wrp .detail p{
    color: rgba(255, 255, 255, 0.4);
    font-size: 24px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 0.48px;
    margin: 24px 0;
}
.privacy-policy-wrp .detail p:last-child{
    margin: 24px 0 0;
}
.privacy-policy-wrp .detail ul{
    margin: 24px 0;
    padding-left: 32px;
}
.privacy-policy-wrp .detail ul li{
    color: rgba(255, 255, 255, 0.4);
    font-size: 24px;
    font-weight: 400;
    line-height: 40px;
    letter-spacing: 0.48px;
    list-style: disc;
}
/* **** End Privacy Policy **** */




.page-chenge-loader{
    height: 100vh;
    width: 100%;
    border-top:30px solid #fff;
    position: absolute;
    left: 0;
    top: 100vh;
    opacity: 0;
    z-index: -1;
    pointer-events: none;
}
.page-chenge-loader img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}