@font-face {
    font-family: infab;
    src: url(../fonts/400.woff);
    font-weight: 400;
}

@font-face {
    font-family: infab;
    src: url(../fonts/600.woff);
    font-weight: 600;
}

@font-face {
    font-family: infab;
    src: url(../fonts/700.woff);
    font-weight: 700;
}

* {
    box-sizing: border-box;
}

html {}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
    color: #303952;
    font-family: infab;
    font-weight: 400;
    font-size: 16px;
    background-color: #dfe6e9;
    letter-spacing: -0.5px;
}

section {
    position: relative;
}

a,
a * {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-decoration: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.scroll-fade {
    transition: opacity 1s ease;
}

.trans {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.trans7 {
    -webkit-transition: all 0.7s ease;
    -o-transition: all 0.7s ease;
    transition: all 0.7s ease;
}

.gre {
    background: linear-gradient(135deg, rgba(52, 31, 151, 1) 0%, rgba(3, 102, 176, 1) 49%, rgba(26, 136, 201, 1) 100%);

}

a:hover {
    text-decoration: none;
}

button:focus,
input:focus,
textarea:focus {
    outline: none;
    box-shadow: none;
}

img {
    width: 100%;
    display: block;
}

input,
button {
    outline: none;
    box-shadow: none;
}

p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    /* line-height: 22px; */
    line-height: 26px;
    letter-spacing: -0.5px;

}

b {}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    font-weight: 600;
}

h1 {
    line-height: 60px;

}

section {
    padding: 100px 0px;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

section.normal {
    min-height: auto;
}

.container {
    width: 90%;
    max-width: 1290px;
    margin: 0px auto;
}

.rel {
    position: relative;
}

.abs {
    position: absolute;
}

.bgcmn {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.btn {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 14px;
    padding: 13px 45px 12px 20px;
    border-radius: 20px;
    border: solid 2px #fff;
    backdrop-filter: blur(2px);
    display: table;
    background-image: url(../img/arrow-right.svg);
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 90% 50%;
    box-shadow: 0px 13px 27px -5px rgba(50, 50, 93, 0.25), 0px 8px 16px -8px rgba(0, 0, 0, 0.3), 0px -6px 16px -6px rgba(0, 0, 0, 0.025);
}

.btn:after,
.navbar a:after {
    content: '';
    position: absolute;
    right: 9px;
    top: 7px;
    width: 26px;
    height: 26px;
    background-image: url(../img/lift-white.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 75%;
    transform: rotate(-90deg);
    border: solid 2px #341f97;
    border-radius: 50px;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #341f97;
}

.btn:hover {
    background-size: 0px;
}

.btn:hover:after,
.navbar a:hover:after {
    opacity: 1;
}

.btn.white {
    background-color: #fff;
    color: #181818;
}

.btn.empty {
    color: #fff;
    background-image: url(../img/arrow-right-white.svg);
}

.btn.revert {
    color: #181818;
    border: solid 1px #cedadf;
    background-color: #fff;
}

.btn.empty:after {
    background-image: url(../img/lift-blue.gif);
    border-color: #fff;
    background-color: #fff;
}

.flex {
    display: flex;
}

.jcsp {
    justify-content: space-between;
}

.aic {
    align-items: center;
}

header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;

    background: transparent;

    transition:
        background 0.6s ease,
        transform 0.6s ease,
        opacity 0.6s ease;
}

header.scrolled {
    position: fixed;
    background: #ffffff;
    animation: slideDown 0.6s ease forwards;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

header.scrolled .container {
    height: 60px;
    margin-top: 0px;
}

.brand {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 99;
}

.brand img {
    width: 90px;
}

header.scrolled .brand {
    top: 20px;
    left: 20px;
}

header .brand:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    width: calc(100% + 40px);
    height: 0;
    background-color: #341f97;
    z-index: -1;
    -webkit-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

header.scrolled .brand:before {
    height: calc(100% + 40px);
}

header .container {
    height: 100px;
    justify-content: end;
    margin-top: 20px;
}

.navbar {}

.navbar a {
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0;
    font-size: 16px;
    height: 60px;
    display: inline-block;
    line-height: 60px;
    padding: 0px 30px 0px 20px;
    background-position: 90% 50%;
    border: solid 0px #fff;
}

.navbar a:hover {
    background-size: 10px;
}

.navbar a:after {
    background-image: url(../img/lift-white.gif);
    border: 0;
    right: 5px;
    top: 19px;
    width: 18px;
    height: 18px;
}

header.scrolled .navbar a {
    color: #34495e;
}

header.scrolled .navbar a:hover {
    color: #341f97;
}

header .navbar a.act::after {
    /* color: #341f97; */
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    top: 19px;
    right: 0;
    background-image: url(../img/lift-white.gif);
    background-color: var(--col1);
    opacity: 1;
    transform: rotate(90deg);
}


header.scrolled .navbar a:after {
    background-image: url(../img/lift-white.gif);
} 

.navbar a span {
    display: inline-block;
}

.navbar a:hover span {
    animation: waveUp 0.6s ease-in-out infinite;
}

@keyframes waveUp {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-2px);
    }
}



.menu-toggle {
    display: none;
    width: 45px;
    height: 45px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 1001;
}

.menu-toggle span {
    display: block;
    width: 28px;
    height: 3px;
    background: #fff;
    margin: 6px auto;
    transition: .3s;
}

/* Scrolled header */

header.scrolled .menu-toggle span {
    background: #34495e;
}


.banner {
    background-color: #341f97;
    overflow: hidden;
}

.banner .child {
    background-image: url(../img/banner-bg.jpg);
}

.banner .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    filter: brightness(0.5);
}

.banner .container {
    height: 100vh;
    padding-top: 22%;
}

.banner h1 {
    color: #fff;
    font-size: 64px;
    line-height: 60px;
}

.banner h2 {
    color: #fff;
    margin: 20px 0px 50px 0px;
    font-size: 20px;
}

.btnbar {
    width: max-content;
}

.btnbar .btn.white {
    margin-right: 20px;
}

.fade-up {
    opacity: 0;
    transform: translateY(40px);
    filter: blur(8px);
    animation: fadeUp 0.8s ease forwards;
}

.delay-1 {
    animation-delay: 0.2s;
}

.delay-2 {
    animation-delay: 0.6s;
}

.delay-3 {
    animation-delay: 1s;
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
        filter: blur(8px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
        filter: blur(0);
    }
}

.banner .abs1 {
    bottom: 0;
    width: auto;
    height: 80%;
    right: 16%;
    z-index: 2;
    animation: workerAnim 7.5s ease-in-out infinite;
}

@keyframes workerAnim {

    /* Hidden on right */
    0% {
        opacity: 0;
        filter: blur(15px);
        transform: translateX(150px);
    }

    /* Arrive */
    12% {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0);
    }

    /* Stay visible */
    52% {
        opacity: 1;
        filter: blur(0);
        transform: translateX(0);
    }

    /* Leave */
    80% {
        opacity: 0;
        filter: blur(15px);
        transform: translateX(150px);
    }

    /* 1.5s pause while hidden */
    100% {
        opacity: 0;
        filter: blur(15px);
        transform: translateX(150px);
    }
}

.banner .abs2 {
    bottom: -16px;
    width: auto;
    height: 60%;
    right: 0;
    z-index: 1;
}

.banner .abs3 {
    width: auto;
    height: 80%;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.abt-banner .container {
    padding-top: 14%;
}

.abt-banner h6 {
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    display: table;
    margin-bottom: 10px;
}

.abt-banner .hilights {
    z-index: 2;
}

.abt-banner .hilights span {
    display: inline-block;
    background-color: #341f97;
    color: #fff;
    border-radius: 20px;
    padding: 15px 20px;
    margin-right: 10px;
    font-size: 15px;
    background-image: url(../img/tick-white.png);
    background-repeat: no-repeat;
    background-position: 12px 50%;
    background-size: 17px;
    padding-left: 35px;
    border: solid 1px #ffffff21;
}

.col-10 {
    width: 10%;
}

.col-12 {
    width: 12%;
}

.col-20 {
    width: 20%;
}

.col-30 {
    width: 30%;
}

.col-40 {
    width: 40%;
}

.col-48 {
    width: 48%;
}

.col-50 {
    width: 50%;
}

.col-60 {
    width: 60%;
}

.col-70 {
    width: 70%;
}

.title {
    font-size: 45px;
    line-height: 50px;
    font-weight: 600;
    letter-spacing: -2px;
    text-transform: capitalize;
}

.title.center {
    text-align: center;
}

.c-white {
    color: #fff;
}

h1.c-blue {}

.c-blue {
    color: #341f97;
}

.subtitle {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.subtitle.center {
    text-align: center;
}

.why-lift {}

.why-lift p {
    margin: 20px 0px 30px 0px;
}

.why-lift .col-30 {
    padding-left: 40px;
}

.why-lift .title span {
    font-size: 61px;
    text-transform: uppercase;
}

.why-lift .lift-swit {}

.why-lift .lift-swit .technician {
    bottom: 0;
    left: -29%;
    width: auto;
    height: 220px;
}

.why-lift .four-block {
    flex-wrap: wrap;
    width: 97%;
    float: right;
}

.why-lift .four-block .item {
    width: calc(50% - 10px);
    background-color: #341f97;
    color: #fff;
    margin-bottom: 20px;
    border-radius: 15px;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

.why-lift .four-block .item:nth-child(3),
.why-lift .four-block .item:nth-child(4) {
    margin-bottom: 0;
}

.why-lift .four-block .item img {
    width: auto;
    height: 60px;
    margin-bottom: 19px;
}

.why-lift .four-block .item h1,
.why-lift .four-block .item h2 {
    font-size: 40px;
}

.why-lift .four-block .item p {
    margin: 0px;
}

.program {
    background-color: #341f97;
}

.program .listbox {
    margin: 0;
    list-style: none;
    background-color: #fff;
    width: 50%;
    padding: 30px;
    margin-top: 30px;
    border-radius: 20px;
    margin-bottom: 50px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

.program .listbox li {
    padding: 12px 0px;
    font-size: 15px;
}

.program .listbox li img {
    width: 16px;
    margin-right: 10px;
}

.program .listbox li span {
    width: 25%;
    display: inline-block;
    background-image: url(../img/arrow-right.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: 10px;
    margin-right: 50px;
}

.program .abs {
    right: 5%;
    top: 0;
    width: auto;
    height: 100%;
}

.home-abt {}

.home-abt .title {
    margin-bottom: 50px;
}

.home-abt .training-grid {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 16px;
    width: 100%;
    margin: auto;
}

.home-abt .training-grid:before {
    content: '';
    position: absolute;
    left: -20px;
    top: -20px;
    width: 200px;
    height: 200px;
    background-color: #341f97;
    z-index: 0;
    border-radius: 20px;
}

.home-abt .grid-item.large {
    grid-row: 1 / 3;
    /* span both rows */
}

.home-abt .grid-item {
    overflow: hidden;
    border-radius: 10px;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.home-abt .grid-item.large {
    height: 464px;
    animation: t-bgmove 5s infinite alternate;
}

.home-abt .grid-item.small {
    height: 224px;
    animation: t-bgmove2 5s infinite alternate;
}

.home-abt .grid-item.small.small2 {
    animation: t-bgmove3 5s infinite alternate;
}

@keyframes t-bgmove {
    from {
        background-position: left center;
    }

    to {
        background-position: right center;
    }
}

@keyframes t-bgmove2 {
    from {
        background-position: top left;
    }

    to {
        background-position: bottom right;
    }
}

@keyframes t-bgmove3 {
    from {
        background-position: bottom left;
    }

    to {
        background-position: top right;
    }
}

.home-abt .col-50:last-child {
    padding-left: 50px;
}

.home-abt .col-50:last-child h3 {
    margin-bottom: 20px;
    font-size: 24px;
    font-weight: 600;
}

.home-abt .col-50:last-child .btn {
    margin-top: 30px;
}

.ifra {
    padding-top: 0;
}

.ifra .infra-logo {
    width: 130px;
    margin-bottom: 20px;
}

.ifra ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 30px;
}

.ifra ul li {
    margin-bottom: 20px;
    padding-left: 17px;
    font-size: 18px;
    position: relative;
    font-weight: 600;
}

.ifra ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 5px;
    width: 3px;
    height: 65%;
    background-color: #3b3fa2;
}

.marqueeblock {
    background-color: #341f97;
    border-radius: 20px;
    padding: 0px;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 90px;
}

.marqueeblock:last-child {
    margin-top: 50px;
}

.marqueeblock h1 {
    padding: 30px;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.logo-marquee {
    width: 100%;
    overflow: hidden;
    position: relative;

}

.logo-track {
    display: flex;
    align-items: center;
    gap: 30px;
    width: max-content;
    animation: marquee 12s linear infinite;
    will-change: transform;
    margin-bottom: 40px;
}

.logo-track.logo-track2 {
    animation: marquee2 12s linear infinite;
}

.logo-track img {
    height: 60px;
    width: auto;
    display: block;
    flex-shrink: 0;
    border-radius: 20px;
}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 15px));
    }
}

@keyframes marquee2 {
    from {
        transform: translateX(calc(-50% - 15px));
    }

    to {
        transform: translateX(0);
    }
}

.qc {
    background-image: url(../img/qc.jpg);
}

.qc .btn {
    margin: 0px auto;
    margin-top: 50px;
}

footer {
    padding: 100px 0px 40px 0px;
    background-color: #341f97;
    color: #fff;
}

footer .f-logo {
    width: 90px;
}

footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer ul.loc,
footer ul.get {
    margin-top: 50px;
}

footer ul li.head {
    padding-bottom: 15px;
    font-size: 25px;
    font-weight: 600;
}

footer ul li a.phone {
    color: #fff;
    font-size: 23px;
}

footer ul li a {
    color: #fff;
}

footer ul.menu li a {
    background-image: url(../img/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center right;
    padding-right: 20px;
}

footer ul li a:hover {
    opacity: 0.7;
}

footer ul li.social a {
    width: 30px;
    margin-right: 20px;
}

footer .copy {
    text-align: center;
    opacity: 0.8;
    font-size: 15px;
    border-top: solid 1px #ffffff29;
    margin-top: 50px;
    padding-top: 30px;
}

h5.intro {
    font-size: 16px;
    text-align: center;
    padding: 20px 25%;
}

.crclm {
    display: block;
    background: var(--col1);
}

.crclm .cards {
    margin-top: 20px;
    flex-wrap: wrap;
}

.crclm .cards .card {
    background-color: #fff;
    border-radius: 10px;
    overflow: hidden;
    width: 32%;
}

.crclm .cards .card:nth-child(4),
.crclm .cards .card:nth-child(5),
.crclm .cards .card:nth-child(6) {
    margin-top: 20px;
}

.crclm .cards .card:nth-child(6) {
    justify-content: center;
    background-image: url(../img/t-bg4.jpg);
}

.crclm .cards .card .head {
    background-color: #341f97;
    color: #fff;
    padding: 20px 0px 20px 0px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;

}

.crclm .cards .card .head .name {
    width: 100%;
    font-size: 14px;
    color: #ffffffc4;
    padding-left: 30px;

}

.crclm .cards .card .head .name span {
    font-size: 21px;
    font-weight: 600;
    display: block;
    color: #ffffffd6;
    padding-top: 10px;

}

.crclm .cards .card ul {
    padding: 30px;
}

.crclm .cards .card ul li {
    margin-bottom: 15px;
    font-size: 15px;
    position: relative;
    padding-left: 10px;
}

.crclm .cards .card ul li:before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 4px;
    height: 4px;
    background-color: #341f97;
    border-radius: 10px;
}

.crclm .cards .card ul li:last-child {
    margin-bottom: 0;
}

.skills {
    margin-top: 50px;
}

.skills {
    gap: 50px;
}

.skills .col-40,
.skills .col-60 {
    background-color: #fff;
    border-radius: 10px;
    padding: 30px;
}

.skills .col-40 .list {
    gap: 14px;
    flex-wrap: wrap;
}

.skills span {
    display: block;
    font-size: 15px;
    margin: 5px 0px;
    padding: 10px 15px;
    border-radius: 15px;
    border: solid 2px #c1cace;
    background-image: url(../img/arrow-right.png);
    background-repeat: no-repeat;
    background-position: 11px 50%;
    background-size: 12px;
    padding-left: 28px;
}

.skills h4 {
    font-weight: 600;
    font-size: 21px;
    color: #341f97;
    margin-bottom: 20px;
}

.skills .item {
    padding-left: 85px;
    padding-bottom: 30px;
}

.skills .item:last-child {
    padding-bottom: 0;
}

.skills .item img {
    width: 50px;
    position: absolute;
    left: 0;
    top: 8px;
}

.skills .item h3 {
    color: #341f97;
    margin-bottom: 5px;

}

.skills .item p {}

.lbd {
    background-position: center bottom;
}

.lbd .lbdbox {
    margin-top: 50px;
    gap: 50px;
}

.lbd .lbdbox .item {
    width: 33%;
    color: #fff;
    border-radius: 10px;
    padding: 30px;
    background-color: #ffffff1a;
    backdrop-filter: blur(5px);
    position: relative;
}

.lbd .lbdbox .item h2 {
    margin-bottom: 25px;
    line-height: 27px;
}

.lbd .lbdbox .item p {
    background-image: url(../img/arrow-right-white.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: 0% 3px;
    padding-left: 30px;
}

.wha {
    background-color: #fff;
}

.wha .jobs {
    gap: 50px;
}

.wha .jobs h3 {
    font-weight: 600;
    font-size: 21px;
    color: #341f96;
    margin-bottom: 20px;
}

.wha .jobs ul {}

.wha .jobs ul li {
    display: flex;
    justify-content: space-between;
    padding: 15px 0px;
    border-bottom: solid 1px #cccccc78;
    font-weight: 600;
}

.wha .jobs ul li span {
    text-transform: uppercase;
    font-size: 11px;
    letter-spacing: 0px;
    background-color: #eae5ff;
    border-radius: 20px;
    padding: 6px 10px;
}

.wha .jobs .col-50 {
    border: solid 1px #ccc;
    border-radius: 10px;
    padding: 30px;
}

.wha .jobs ul li:last-child {
    padding-bottom: 0;
    border: 0;
}

.wha .jobs ul li img {
    width: 30px;
    margin-right: 10px;
}

.wha .jobs ul li .flex {
    align-items: center;
}

.apply-now {
    cursor: pointer;
}

.apply-popup {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.35s ease;
    z-index: 9999;
}

.apply-popup.active {
    opacity: 1;
    visibility: visible;
}

.popup-content {
    width: 100%;
    max-width: 500px;
    background: #fff;
    border-radius: 18px;
    padding: 35px;
    position: relative;
    transform: translateY(30px);
    transition: 0.35s ease;
    box-shadow: 0 20px 60px rgba(52, 31, 151, 0.2);
}

.apply-popup.active .popup-content {
    transform: translateY(0);
}

.popup-content h2 {
    color: #341f97;
    text-align: center;
    margin-bottom: 25px;
    font-size: 32px;
}

.close-popup {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 38px;
    height: 38px;
    border: none;
    background: #dfe6e9;
    color: #341f97;
    border-radius: 50%;
    font-size: 24px;
    cursor: pointer;
    transition: 0.3s;
}

.close-popup:hover {
    background: #341f97;
    color: #fff;
}

.form-group {
    margin-bottom: 15px;
}

.form-group input,
.form-group textarea {
    width: 100%;
    padding: 14px 16px;
    border: 2px solid #dfe6e9;
    border-radius: 10px;
    font-size: 15px;
    transition: 0.3s;
    outline: none;
    box-sizing: border-box;
}

.form-group textarea {
    min-height: 120px;
    resize: vertical;
}

.form-group input:focus,
.form-group textarea:focus {
    border-color: #341f97;
}

.submit-btn {
    width: 100%;
    border: none;
    background: #341f97;
    color: #fff;
    padding: 15px;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 25px rgba(52, 31, 151, 0.3);
}

/* #Mobie Only */
@media (max-width: 767px) {



    .brand img {
        width: 60px;
    }

    section {
        padding: 50px 0px;
        min-height: unset;
    }

    header .container {
        height: 50px;

    }



    .skills.flex {
        flex-wrap: wrap;
    }

    .skills .col-40,
    .skills .col-60 {
        width: 100%;
    }

    .abt-cta h2 {
        padding: 0% 10px !important;
    }

    .abt-banner .hilights span {
        margin-bottom: 5px;
    }

    footer {
        font-size: 14px;
        padding: 70px 0px 40px 0px;
    }

    footer .copy {
        margin-top: 30px;
        padding-top: 30px;
    }

    footer ul.loc,
    footer ul.get {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    footer ul li.head {
        font-size: 22px;
    }

    footer ul li a.phone {
        font-size: 18px;
    }

    footer ul li.head {
        padding-bottom: 5px;
    }

    footer ul.menu li a {
        padding: 3px;
    }

    .why-lift .lift-swit .technician {
        height: 140px;
    }


    /*-------------- Menu -----------------*/

    .menu-toggle {
        display: block;
    }

    .navbar {
        position: fixed;
        top: 0;
        right: -100%;
        width: 280px;
        height: 100vh;
        background: var(--col1);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 90px 25px 30px;
        transition: .4s ease;
        box-shadow: -5px 0 20px rgba(0, 0, 0, .15);
        z-index: 1000;
    }

    .navbar.active {
        right: 0;
    }

    /* .menu-toggle.active {
       color: #FFF;
    } */

    header.scrolled .menu-toggle.active span {
        background: #FFF;
    }


    header.scrolled .navbar a {
        color: #fff;
    }

    .navbar a {
        color: #ffffff;
        width: 100%;
        height: auto;
        line-height: normal;
        padding: 18px 0;
        border-bottom: 1px solid #ffffff4a;
        font-size: 15px;
    }

    .navbar a:after {
        display: none;
    }

    .navbar a:hover {
        color: #341f97;
        background: none;
    }

    /* Hamburger Animation */

    .menu-toggle.active span:nth-child(1) {
        transform: translateY(9px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
        transform: translateY(-9px) rotate(-45deg);
    }


    body.menu-open {
        overflow: hidden;
    }

    .subtitle {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .why-lift .four-block .item h2 {
        font-size: 28px;
        line-height: 38px;
        margin-bottom: 10px;
    }

    .why-lift .lift-swit .technician {
        left: -12%;
    }

    .why-lift .four-block {
        width: 100%;
    }


    .title {
        font-size: 26px;
        line-height: 34px;
    }

    .why-lift .title span {
        font-size: 36px;
        line-height: 40px;
    }

    .why-lift p {
        margin: 10px 0px 15px 0px;
    }

    .program .listbox {
        width: 100%;
    }

    .program {
        padding-bottom: 90vw;
    }

    .program .abs {
        right: 0%;
        top: unset;
        width: 100%;
        height: auto;
        bottom: 0;
    }

    .home-abt .grid-item.large {
        height: 300px;
    }

    .home-abt .grid-item.small {
        height: 140px;
    }

    .home-abt .col-50:last-child {
        padding-left: 0px;
        padding-top: 30px;
    }

    .ifra ul {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .ifra ul li {
        margin-bottom: 10px;
    }

    .marqueeblock:last-child {
        margin-top: 20px;
    }

    .marqueeblock h1 {
        padding: 10px;
        text-align: center;
    }

    .banner h1 {
        color: #fff;
        font-size: 32px;
        line-height: 37px;
        padding-top: 70px;
        position: relative;
        z-index: 50;
    }

    .banner .abs1 {
        height: 90%;
    }

    .banner h2 {
        margin: 5px 0px 20px 0px;
        z-index: 50;
        position: relative;
    }

    .banner .video {
        height: 100%;
        object-fit: cover;
    }

    .btn-wrap-banner {
        position: relative;
        z-index: 50;
    }

    .banner .container {
        height: 60vh;
        padding-top: 22%;
    }

    .banner img.abs.abs1 {
        filter: brightness(60%) !important;
    }

    .abt-banner h1 {
        padding-top: 0;
    }

    .popup-content {
        padding: 20px;
    }

    .popup-content h2 {
        font-size: 24px;
    }





}

/* #Desktop Only */
@media (min-width: 768px) {}