.talkback {
    display: flex;
}
img.bg-homepage {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
}

/* --------------popup------------- */
.popup {
    padding: 0 !important;
}

.popup-close {
    background: none;
    border: 0 none !important;
    color: #838383;
    font-size: 34px;
    line-height: 1;
    opacity: 1;
    float: right;
    position: absolute;
    right: 4px;
    top: -5px;
}
.popup img {
    width: 100%;
}
/* --------------popup close------------- */

.number-bg {
    background: -webkit-radial-gradient(#2f4eff, #182780 90%);
    background: -moz-radial-gradient(#2f4eff, #182780 90%);
    background: -ms-radial-gradient(#2f4eff, #182780 90%);
    background: -o-radial-gradient(#2f4eff, #182780 90%);
    background: radial-gradient(#2f4eff, #182780 90%);
}
#preloader {
    background: #e7e7e7;
    height: 100vh;
    position: fixed;
    z-index: 50;
}
.lining2 {
    display: none;
}
.lining3 {
    display: none;
}
* {
    padding: 0;
    margin: 0;
    text-decoration: none;
    list-style: none;
    box-sizing: border-box;
    font-family: nunito;
}
a {
    text-decoration: none !important;
}
.pulse {
    animation: pulse 4s infinite ease-in-out alternate;
}
.pulse2 {
    animation: pulse2 3s infinite ease-in-out alternate;
}
.mobile-line2 {
    display: none;
}
.icon-box img {
    width: 32px;
    height: 32px;
    object-fit: cover;
}
#particles-js {
    width: 100%;
    height: calc(100vh - 130px);
    background: 0 0;
    position: absolute;
    top: 54px;
    opacity: 0.15;
    z-index: 0;
}
body {
    font-family: Poppins;
}
.main {
    position: relative;
    padding-bottom: 100px;
}
.main svg {
    position: absolute;
    bottom: -50px;
    width: 100%;
    z-index: 0;
}
.box {
    background: 0 0;
    color: #3d3b3b;
    padding: 10px 90px 10px 90px;
    display: flex;
    justify-content: space-between;
    transition: 0.5s;
    position: fixed;
    width: 100%;
    border-bottom: 1px solid #ddd;
    z-index: 1;
}
.box ul {
    margin: 0;
    display: flex;
    align-items: center;
}
.box ul li {
    border-right: 1px solid #b5b5b5;
    padding: 0 10px;
}
.box ul li a {
    text-decoration: none;
    color: #494949;
    font-size: 14px;
}
.box ul li a i {
    margin-right: 10px;
}
.box ul li a img {
    width: 14px;
    height: 14px;
    object-fit: cover;
}
.flags {
    display: flex;
    align-items: center;
}
.right-box {
    display: flex;
    border-left: 1px solid #b5b5b5;
    border-right: 1px solid #b5b5b5;
    margin-right: 20px;
}
.right-box .icon-contact i {
    margin: 0 8px;
}
.icon-contact {
    padding: 0 25px;
    color: #777;
}
.icon-contact a {
    color: #494949;
}
.talkback a {
    text-decoration: none;
    color: #494949;
}
.navigations {
    height: 85px;
    display: flex;
    flex-wrap: wrap;
    position: fixed;
    width: 100%;
    padding: 0 115px;
    margin-top: 45px;
    justify-content: space-between;
    align-items: center;
    transition: all 0.5s ease;
    z-index: 2;
}
.logo {
    height: 100%;
    line-height: 80px;
}
.logo img {
    height: 100%;
    width: 100px;
    object-fit: cover;
}
img.luinsoft-logo {
    width: 115px;
    height: 100%;
}
img.luinsoft-logo2 {
    width: 115px;
    height: 50px;
}
.company-name {
    display: none;
    position: relative;
}
.company-name span {
    background: linear-gradient(to right, #2f4eff 0, #ff0b3d 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: "Dancing Script", cursive;
    font-size: 30px;
}
.company-name .left-quote::before {
    content: "\f10d";
    font-size: 14px;
    font-style: italic;
    position: absolute;
    top: 4px;
    left: 117px;
    color: #aa5270;
}
.company-name .right-quotes::before {
    content: "\f10e";
    font-size: 14px;
    font-style: italic;
    position: absolute;
    top: 4px;
    right: 120px;
    color: #4479e7;
}
.menu ul {
    margin: 0;
}
.menu ul li {
    display: inline-block;
    margin: 0 12px;
    padding: 8px;
    position: relative;
}
.menu ul li a {
    color: #000;
    text-decoration: none;
    font-size: 14px;
    letter-spacing: 1px;
    padding: 8px;
    font-family: Poppins;
    font-weight: 500;
}
.menu ul li a:hover {
    transition: 0.4s;
    color: red;
}
.menu ul li a.active {
    color: red;
}
.menu-btn {
    display: none;
}
#menuclick {
    display: none;
}
#top-header {
    height: 45px;
    position: relative;
    width: 100%;
    transition: 0.6s;
}
.fixeds {
    position: fixed;
    width: 100%;
    background: #fff;
    transition: all 0.3s ease !important;
    box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
    z-index: 500;
    color: #404040;
    margin-top: 0;
}
.fixeds ~ .nav {
    transition: all 0.5s ease-in;
}
.fixeds .logo,
.fixeds .menu-icon {
    transition: all 0.5s ease-in;
}
.left-content-box {
    margin: 230px auto 150px;
}
.left-content-box .main-title {
    font-family: Poppins;
    font-size: 16px;
    font-style: italic;
    font-weight: 500;
    color: #303030;
}
h2.box-title {
    font-size: 22px;
    font-weight: 500;
    line-height: 40px;
    font-family: poppins;
    color: #7a7a7a;
    margin: 0 0 12px 0;
}
.box-title label {
    background: #0e28bc;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 33px;
    font-weight: 700;
    font-family: poppins;
    margin: 0;
}
.blue-btn {
    text-decoration: none;
    background: -webkit-linear-gradient(220deg, #2f4eff, #2f8fff);
    background: -moz-linear-gradient(220deg, #2f4eff, #2f8fff);
    background: -ms-linear-gradient(220deg, #2f4eff, #2f8fff);
    background: -o-linear-gradient(220deg, #2f4eff, #2f8fff);
    background: linear-gradient(220deg, #2f4eff, #2f8fff);
    color: #fff;
    padding: 10px 20px;
    border-radius: 21px;
    box-shadow: 0 7px 35px 0 rgb(47 97 255);
    width: 165px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
}
.blue-btn:hover {
    background: -webkit-linear-gradient(220deg, #0026ff, #3693ff);
    background: -moz-linear-gradient(220deg, #0026ff, #3693ff);
    background: -ms-linear-gradient(220deg, #0026ff, #3693ff);
    background: -o-linear-gradient(220deg, #0026ff, #3693ff);
    background: linear-gradient(220deg, #0026ff, #3693ff);
    color: #fff;
}
.blue-btn i {
    font-size: 14px;
}
.red-btn {
    text-decoration: none;
    background: -webkit-linear-gradient(264deg, #b51f43, #ff003d);
    background: -moz-linear-gradient(264deg, #b51f43, #ff003d);
    background: -ms-linear-gradient(264deg, #b51f43, #ff003d);
    background: -o-linear-gradient(264deg, #b51f43, #ff003d);
    background: linear-gradient(264deg, #b51f43, #ff003d);
    color: #fff;
    padding: 10px 20px;
    border-radius: 21px;
    box-shadow: 0 7px 35px 0 rgb(224 11 90);
    width: 165px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.red-btn:hover {
    background: -webkit-linear-gradient(264deg, #fa144b, #ff003d);
    background: -moz-linear-gradient(264deg, #fa144b, #ff003d);
    background: -ms-linear-gradient(264deg, #fa144b, #ff003d);
    background: -o-linear-gradient(264deg, #fa144b, #ff003d);
    background: linear-gradient(264deg, #fa144b, #ff003d);
    color: #fff;
}
.red-btn i {
    font-size: 14px;
}
.left-content-box p {
    width: 90%;
    text-align: justify;
    margin-bottom: 37px;
    font-size: 16px;
    line-height: 28px;
    color: #7c7c7c;
}
.content {
    background-repeat: no-repeat;
    background-size: cover;
    height: calc(100vh-44px);
    width: 100%;
    overflow: hidden;
}
.spacing {
    padding: 80px 0;
    margin-bottom: 80px;
    overflow: hidden;
    overflow-x: hidden;
}
.box-title2 {
    padding: 0 30px;
    line-height: 52px;
    font-weight: 700;
    font-size: 30px;
    font-family: poppins;
    position: relative;
    margin-bottom: 23px;
}
.box-title2::before {
    content: "";
    width: 6px;
    height: 76%;
    position: absolute;
    background: #1382ff;
    top: 13px;
    left: 0;
    border-radius: 21px;
}
.content-box p {
    margin-bottom: 40px;
    line-height: 30px;
    font-size: 16px;
    color: #6f6f6f;
}
.content-box {
    padding: 0 30px;
}
.innovative-company {
    padding: 55px 0 0 45px;
}
.abstract {
    width: 30%;
    height: 38%;
    object-fit: cover;
    position: absolute;
    right: -199px;
}
.border-img img {
    width: 100%;
}
.border-img {
    position: relative;
}
img.innovative-img {
    position: absolute;
    top: 48px;
    left: 92px;
    max-width: 390px;
    height: 285px;
    border-top-left-radius: 48px;
    border-bottom-left-radius: 48px;
}
section.wrapper {
    padding-bottom: 80px;
}
.content-heading {
    text-align: center;
    margin-bottom: 80px;
}
.content-heading .section-title {
    font-size: 25px;
    font-family: Poppins;
    font-weight: 600;
    display: inline-block;
    position: relative;
    color: #5c6060;
}
.content-heading .section-title::before {
    content: "";
    width: 60%;
    height: 6px;
    position: absolute;
    background: #c94b4a;
    background: linear-gradient(286deg, #ff2f2f, #2f8fff);
    transform: translateX(-50%);
    left: 50%;
    bottom: -60%;
    border-radius: 21px;
}
.background {
    background-size: cover;
    position: relative;
}
img.smart-object {
    position: absolute;
    left: -222px;
    top: -7px;
    width: 32%;
}
img.smart-object2 {
    position: absolute;
    right: 0;
    top: 149px;
    width: 60%;
    overflow: hidden;
    z-index: -1;
}

/*  */
/* Free Service */
/* .servicecards-wrapper {
    display: flex;
    justify-content: space-between;
} */
.service-card {
    /* width: 280px; */
    height: 260px;
    border-radius: 15px;
    padding: 1.5rem;
    background: white;
    position: relative;
    display: flex;
    align-items: flex-end;
    transition: 0.4s ease-out;
    box-shadow: 0px 7px 10px rgba(0, 0, 0, 10%);
}
.service-card:hover {
    transform: translateY(20px);
}
.service-card:hover:before {
    opacity: 1;
}
.service-card:hover .service-info {
    opacity: 1;
    transform: translateY(0px);
}
.service-card:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 2;
    transition: 0.5s;
    opacity: 0;
}
.service-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 15px;
}
.service-card .service-info {
    position: relative;
    z-index: 3;
    color: white;
    opacity: 0;
    transform: translateY(30px);
    transition: 0.5s;
}
.service-card .service-info h2 {
    margin: 0px;
}
.service-card .service-info p {
    letter-spacing: 1px;
    font-size: 15px;
    margin-top: 8px;
}
.service-card .service-info a {
    padding: 0.6rem;
    outline: none;
    border: none;
    border-radius: 3px;
    background: white;
    color: black;
    font-weight: bold;
    cursor: pointer;
    transition: 0.4s ease;
}
.service-card .service-info a:hover {
    background: dodgerblue;
    color: white;
}
/* ----------------- */

/*------------- offer package ----------  */

.packageoffer-img img {
    width: 100%;
}
.packageoffer-title h4,
p {
    font-family: "Poppins";
}
.packageoffer-title {
    padding: 0 20px;
}
.packageoffer-title h4 {
    color: #494949;
    margin-bottom: 20px;
}
.packageoffer-title p {
    line-height: 27px;
    font-size: 14px;
    color: #656565;
}
/* ----------------------------- */
.services-box {
    background: #fff;
    position: relative;
    padding: 100px 20px 87px;
    text-align: center;
    height: 340px;
    margin-bottom: 105px;
    border-radius: 21px;
    transition: all 0.4s ease;
    box-shadow: rgb(10 36 120 / 15%) 0 5px 49px 0;
}
.bottom-margin {
    margin-bottom: 135px;
}
img.star1 {
    position: absolute;
    top: -56px;
    width: 65px;
    object-fit: cover;
    right: -10px;
}
img.star2 {
    position: absolute;
    bottom: -48px;
    width: 65px;
    left: -1px;
    object-fit: cover;
}
img.innovative-border {
    height: 382px;
    width: 100%;
    padding: 0 44px;
}
.illustration-box img {
    width: 100%;
}
.illustration-box {
    margin: 180px auto 150px;
    text-align: center;
}
.background-illustr {
    border-radius: 50%;
    height: 400px;
    width: 400px;
    display: inline-block;
}
.background-illustr-icons {
    position: relative;
}
.background-illustr-icons img:nth-child(1) {
    width: 650px;
    position: relative;
    left: -90px;
}
.background-illustr-icons img:nth-child(2) {
    position: absolute;
    top: 89px;
    width: 75%;
    right: 6px;
}
.background-illustr-icons img:nth-child(3) {
    position: absolute;
    top: 375px;
    right: 126px;
    width: 10%;
}
.background-illustr-icons .web img:nth-child(1) {
    position: absolute;
    top: 312px;
    left: -35px;
    width: 21%;
}
.background-illustr-icons .web img:nth-child(2) {
    position: absolute;
    top: 321px;
    left: -24px;
    width: 20%;
}
.background-illustr-icons .web img:nth-child(3) {
    position: absolute;
    top: 334px;
    left: -12px;
    width: 22%;
}
.background-illustr-icons .web img:nth-child(4) {
    position: absolute;
    top: 290px;
    left: -2px;
    width: 37%;
}
.background-illustr-icons .development {
    position: absolute;
    bottom: 205px;
    right: -201px;
    width: 100px;
    display: inline;
    height: 100px;
}
.background-illustr-icons .development img:nth-child(1) {
    position: absolute;
    top: 17px;
    width: 20%;
    left: -93px;
}
.background-illustr-icons .development img:nth-child(2) {
    position: absolute;
    top: 17px;
    width: 18%;
    left: -29px;
}
.background-illustr-icons .development img:nth-child(3) {
    position: absolute;
    top: -5px;
    width: 22%;
    left: -53px;
}
.slideupDown {
    animation: slideupDown 4s linear 0s alternate infinite;
}
.textupdown {
    animation: textupdown 1.6s linear 0s alternate infinite;
}
.textupdown2 {
    animation: textupdown2 1.6s linear 0s alternate infinite;
}
.textupdown3 {
    animation: textupdown3 1.6s linear 0s alternate infinite;
}
@keyframes textupdown {
    from {
        top: 17px;
        left: -83px;
    }
    to {
        top: 0;
        left: -55px;
    }
}
@keyframes textupdown3 {
    from {
        top: 0;
        left: -55px;
    }
    to {
        top: 17px;
        left: -83px;
    }
}
@keyframes textupdown2 {
    from {
        top: 17px;
    }
    to {
        top: 40px;
    }
}
@keyframes slideupDown {
    from {
        bottom: 0;
    }
    to {
        bottom: 50px;
        left: -180px;
    }
}
.moveupDown {
    animation: moveupDown 1.2s linear 0s alternate infinite;
}
.moveupDown2 {
    animation: moveupDown2 1.6s linear 0s alternate infinite;
}
.moveupDown3 {
    animation: moveupDown3 1.8s linear 0s alternate infinite;
}
@keyframes moveupDown {
    from {
        top: 280px;
    }
    to {
        bottom: 30px;
    }
}
@keyframes moveupDown2 {
    from {
        top: 290px;
    }
    to {
        bottom: 30px;
    }
}
@keyframes moveupDown3 {
    from {
        top: 300px;
    }
    to {
        bottom: 30px;
    }
}
.stretch {
    animation: stretch 2s ease-out 0s alternate infinite;
}
@keyframes stretch {
    from {
        height: 13%;
    }
    to {
        height: 18%;
    }
}
.glide {
    animation: glide 3s ease-in-out alternate infinite;
    transition: 0.5s ease-in-out;
}
.glide2 {
    animation: glide2 3s ease-in-out alternate infinite;
    transition: 0.5s ease-in-out;
}
.glide3 {
    animation: glide3 3s ease-in-out alternate infinite;
    transition: 0.5s ease-in-out;
}
@keyframes glide {
    from {
        bottom: 10px;
        top: 208px;
    }
    to {
        bottom: 0;
        top: 300px;
    }
}
@keyframes glide2 {
    from {
        bottom: 10px;
        left: 126px;
    }
    to {
        left: 126px;
        top: 202px;
    }
}
@keyframes glide3 {
    from {
        left: 137px;
        top: 95px;
    }
    to {
        top: 95px;
        left: 190px;
    }
}
.service-iconbox {
    width: 128px;
    height: 128px;
    background: #f4f6fd;
    background: #dfe6ff;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    line-height: 125px;
    position: absolute;
    top: -61px;
    left: 31%;
    border-radius: 50%;
}
.services-box label {
    margin-bottom: 30px;
    font-weight: 600;
    color: #252525;
    font-size: 20px;
    font-family: poppins;
}
.service-iconbox img {
    width: 55%;
    height: 55%;
}
.services-box p {
    color: #6e6e6e;
}
.rotatebox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.services-box .rotatebox {
    width: 84%;
    height: 84%;
    left: 8%;
    top: 8%;
}
.rotatebox .roundbox {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}
.rotatebox > .roundbox {
    width: 18px;
    height: 18px;
    border: 3px solid #fff;
    border-radius: 50%;
}
.dblue-color {
    background: #2f4eff;
    filter: drop-shadow(4px 5px 4px rgba(47, 78, 255, 0.3));
}
.blue-color {
    background: #2f8fff;
    filter: drop-shadow(4px 5px 4px rgba(47, 143, 255, 0.3));
}
.red-color {
    background-color: #ff003d;
    filter: drop-shadow(4px 5px 4px rgba(255, 0, 61, 0.3));
}
.rotatebox > svg {
    width: 18px;
}
.service-iconbox .rotatebox {
    transform: rotate(-15deg);
    animation: rotatebox_1 3s infinite linear;
    animation-play-state: paused;
}
.service-iconbox .rotatebox:nth-child(2) {
    transform: rotate(180deg);
    animation: rotatebox_2 3s infinite linear;
    animation-play-state: paused;
}
.service-iconbox .rotatebox:nth-child(3) {
    transform: rotate(90deg);
    animation: rotatebox_3 3s infinite linear;
    animation-play-state: paused;
}
.services-box:hover .rotatebox,
.services-box:hover
    .rotatebox:nth-child(2)
    .services-box:hover
    .rotatebox:nth-child(3) {
    animation-play-state: running;
}
.services-box:hover {
    background: -webkit-linear-gradient(180deg, #2f4eff, #2f8fff);
    background: -moz-linear-gradient(180deg, #2f4eff, #2f8fff);
    background: -ms-linear-gradient(180deg, #2f4eff, #2f8fff);
    background: -o-linear-gradient(180deg, #2f4eff, #2f8fff);
    background: linear-gradient(180deg, #2f4eff, #2f8fff);
    color: #fff;
    transition: all 0.4s linear;
}
.services-box:hover label,
.services-box:hover p {
    color: #fff;
}
@keyframes rotatebox_1 {
    0% {
        transform: rotate(-15deg);
    }
    100% {
        transform: rotate(345deg);
    }
}
@keyframes rotatebox_2 {
    0% {
        transform: rotate(225deg);
    }
    100% {
        transform: rotate(585deg);
    }
}
@keyframes rotatebox_3 {
    0% {
        transform: rotate(110deg);
    }
    100% {
        transform: rotate(470deg);
    }
}
.inventory-bg {
    background: -webkit-radial-gradient(#2f4eff, #182780 60%);
    background: -moz-radial-gradient(#2f4eff, #182780 60%);
    background: -ms-radial-gradient(#2f4eff, #182780 60%);
    background: -o-radial-gradient(#2f4eff, #182780 60%);
    background: radial-gradient(#2f4eff, #182780 60%);
    position: relative;
    overflow: hidden;
}
.inventory-img img {
    width: 100%;
}
.inventory-img .laptop {
    margin-left: 119px;
    margin-top: -80px;
    height: 100%;
}
.inventory-content {
    width: 75%;
}
.inventory-leftbox {
    color: #fff;
}
.inventory-content p {
    line-height: 30px;
    margin-bottom: 40px;
}
.inventory-leftbox label {
    margin-bottom: 25px;
    font-family: poppins;
    font-size: 30px;
}
.spacing2 {
    padding: 120px 0;
}
.inventory-animation {
    margin: 0;
    font-weight: 100;
    background: radial-gradient(#2f4eff, #182780);
    background-color: #00f;
    -webkit-overflow-y: hidden;
    -moz-overflow-y: hidden;
}
.inventory-img .phone {
    position: absolute;
    left: -25px;
    bottom: 45px;
    width: 50%;
}
.light {
    position: absolute;
    width: 0;
    opacity: 0.75;
    background-color: #705757;
    box-shadow: #02b7ff 0 0 20px 2px;
    opacity: 0;
    top: 100vh;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.x1 {
    -webkit-animation: floatUp 4s infinite linear;
    -moz-animation: floatUp 4s infinite linear;
    -o-animation: floatUp 4s infinite linear;
    animation: floatUp 4s infinite linear;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.x2 {
    -webkit-animation: floatUp 7s infinite linear;
    -moz-animation: floatUp 7s infinite linear;
    -o-animation: floatUp 7s infinite linear;
    animation: floatUp 7s infinite linear;
    -webkit-transform: scale(1.6);
    -moz-transform: scale(1.6);
    -o-transform: scale(1.6);
    transform: scale(1.6);
    left: 15%;
}
.x3 {
    -webkit-animation: floatUp 2.5s infinite linear;
    -moz-animation: floatUp 2.5s infinite linear;
    -o-animation: floatUp 2.5s infinite linear;
    animation: floatUp 2.5s infinite linear;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    left: -15%;
}
.x4 {
    -webkit-animation: floatUp 4.5s infinite linear;
    -moz-animation: floatUp 4.5s infinite linear;
    -o-animation: floatUp 4.5s infinite linear;
    animation: floatUp 4.5s infinite linear;
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    left: -34%;
}
.x5 {
    -webkit-animation: floatUp 8s infinite linear;
    -moz-animation: floatUp 8s infinite linear;
    -o-animation: floatUp 8s infinite linear;
    animation: floatUp 8s infinite linear;
    -webkit-transform: scale(2.2);
    -moz-transform: scale(2.2);
    -o-transform: scale(2.2);
    transform: scale(2.2);
    left: -57%;
}
.x6 {
    -webkit-animation: floatUp 3s infinite linear;
    -moz-animation: floatUp 3s infinite linear;
    -o-animation: floatUp 3s infinite linear;
    animation: floatUp 3s infinite linear;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    left: -81%;
}
.x7 {
    -webkit-animation: floatUp 5.3s infinite linear;
    -moz-animation: floatUp 5.3s infinite linear;
    -o-animation: floatUp 5.3s infinite linear;
    animation: floatUp 5.3s infinite linear;
    -webkit-transform: scale(3.2);
    -moz-transform: scale(3.2);
    -o-transform: scale(3.2);
    transform: scale(3.2);
    left: 37%;
}
.x8 {
    -webkit-animation: floatUp 4.7s infinite linear;
    -moz-animation: floatUp 4.7s infinite linear;
    -o-animation: floatUp 4.7s infinite linear;
    animation: floatUp 4.7s infinite linear;
    -webkit-transform: scale(1.7);
    -moz-transform: scale(1.7);
    -o-transform: scale(1.7);
    transform: scale(1.7);
    left: 62%;
}
.x9 {
    -webkit-animation: floatUp 4.1s infinite linear;
    -moz-animation: floatUp 4.1s infinite linear;
    -o-animation: floatUp 4.1s infinite linear;
    animation: floatUp 4.1s infinite linear;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    transform: scale(0.9);
    left: 85%;
}
@-webkit-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        top: 0;
        opacity: 0.8;
    }
    75% {
        opacity: 1;
    }
    100% {
        top: -100vh;
        opacity: 0;
    }
}
@-moz-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        top: 0;
        opacity: 0.8;
    }
    75% {
        opacity: 1;
    }
    100% {
        top: -100vh;
        opacity: 0;
    }
}
@-o-keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        top: 0;
        opacity: 0.8;
    }
    75% {
        opacity: 1;
    }
    100% {
        top: -100vh;
        opacity: 0;
    }
}
@keyframes floatUp {
    0% {
        top: 100vh;
        opacity: 0;
    }
    25% {
        opacity: 1;
    }
    50% {
        top: 0;
        opacity: 0.8;
    }
    75% {
        opacity: 1;
    }
    100% {
        top: -100vh;
        opacity: 0;
    }
}
.how-we-work-wrapper {
    position: relative;
}
.how-we-work-wrapper svg {
    position: absolute;
    bottom: -250px;
}
.grey-bg {
    background-color: #f2f2f2;
    padding-bottom: 210px;
}
.how-we-work-title {
    margin: 40px auto 80px;
    width: 40%;
    text-align: center;
    line-height: 30px;
    color: #6e6e6e;
}
.how-we-work-box {
    text-align: center;
    background: #fff;
    padding: 20px;
    width: 200px;
    height: 200px;
    border-radius: 21px;
    position: relative;
    box-shadow: 0 3px 26px 0 rgb(0 0 0 / 16%);
}
.boxes {
    transform: rotate(45deg);
    display: inline-block;
}
.how-we-work-info {
    transform: rotate(-45deg);
    display: table-cell;
    width: 200px;
    height: 160px;
}
.numbers {
    position: absolute;
    top: -80px;
    transform: rotate(-45deg);
    z-index: -1;
    color: #d6d4d2;
    font-weight: 700;
    right: 52px;
}
.numbers label {
    font-family: Poppins;
    font-size: 93px;
}
.how-we-work-info img {
    margin-bottom: 16px;
    width: 45%;
    height: 45%;
}
.how-we-work-info label {
    margin-bottom: 0;
    line-height: 30px;
    font-size: 18px;
    font-weight: 600;
    display: block;
    font-family: poppins;
}
.how-we-work-box.top-spacing {
    margin-top: 110px;
    margin-left: 90px;
}
.workcolor1:hover {
    background: #d3ba2c;
    color: #fff;
    transition: all 0.6s ease;
}
.workcolor1:hover .work-no-color1 {
    color: #f8e059;
}
.workcolor2:hover {
    background: #d96b02;
    color: #fff;
    transition: all 0.6s ease;
}
.workcolor2:hover .work-no-color2 {
    color: #ff7d00;
}
.workcolor3:hover {
    background: #2cb9c3;
    color: #fff;
    transition: all 0.6s ease;
}
.workcolor3:hover .work-no-color3 {
    color: #69e9f2;
}
.workcolor4:hover {
    background: #2e24c3;
    color: #fff;
    transition: all 0.6s ease;
}
.workcolor4.background .work-no-color4 {
    color: #3224e9;
}
.how-we-work-wrapper .rocket {
    position: absolute;
    right: 15px;
    width: 6%;
    top: 222px;
}
.we-work-box {
    display: flex;
    justify-content: space-around;
    padding: 0 20px;
}
.bottom-box {
    padding-top: 241px;
}
img.workline {
    position: absolute;
    width: 100%;
    top: 215px;
}
.mobile-line {
    display: none;
}
.why-choose-box {
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
    border-radius: 21px;
    background: #fff;
}
.why-chooseno-box {
    display: inline-block;
    background: linear-gradient(45deg, #2f4eff, #2f8fff);
    color: #fff;
    font-size: 30px;
    padding: 22px;
    border-top-left-radius: 21px;
    border-bottom-right-radius: 21px;
    box-shadow: 0 3px 19px 0 rgb(51 145 255 / 75%);
}
.why-choose-contents img {
    margin-bottom: 35px;
}
.why-choose-contents h5 {
    margin-bottom: 24px;
    font-family: Poppins;
    color: #2f8fff;
    font-weight: 600;
}
.why-choose-contents {
    text-align: center;
    padding: 20px;
}
.animation-area {
    width: 100%;
    height: 120vh;
    position: absolute;
    z-index: -1;
}
.box-area {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.box-area li {
    position: absolute;
    display: block;
    list-style: none;
    width: 15px;
    height: 15px;
    background: rgba(48, 34, 206, 0.5);
    animation: animate 20s linear infinite;
    bottom: -150px;
    border-radius: 5px;
}
.box-area li:nth-child(1) {
    left: 93%;
    width: 15px;
    height: 15px;
    animation-delay: 5s;
}
.box-area li:nth-child(2) {
    left: 4%;
    width: 20px;
    height: 20px;
    animation-delay: 5.5s;
    animation-duration: 10s;
}
.box-area li:nth-child(3) {
    bottom: -28px;
    left: 70%;
    width: 15px;
    height: 15px;
    animation-delay: 5.5s;
}
.box-area li:nth-child(4) {
    left: 70%;
    width: 15px;
    height: 15px;
    animation-delay: 0s;
    animation-duration: 15s;
}
.box-area li:nth-child(5) {
    left: 63%;
    width: 20px;
    height: 20px;
    animation-delay: 0s;
}
.box-area li:nth-child(6) {
    left: 15%;
    width: 20px;
    height: 20px;
    animation-delay: 3.5s;
}
@keyframes animate {
    0% {
        transform: translateY(0) rotate(0);
        opacity: 2;
    }
    25% {
        transform: translateY(-250px) rotate(120deg);
        opacity: 3;
    }
    50% {
        transform: translateY(-400px) rotate(180deg);
        opacity: 4;
    }
    75% {
        transform: translateY(-650px) rotate(240deg);
        opacity: 5;
    }
    100% {
        transform: translateY(-800px) rotate(360deg);
        opacity: 0;
    }
}
.background-illustr-icons img:nth-child(1) .number-bg {
    background: -webkit-radial-gradient(#2f4eff, #182780 90%);
    background: -moz-radial-gradient(#2f4eff, #182780 90%);
    background: -ms-radial-gradient(#2f4eff, #182780 90%);
    background: -o-radial-gradient(#2f4eff, #182780 90%);
    background: radial-gradient(#2f4eff, #182780 90%);
}
.happycustomer-content {
    text-align: center;
    color: #fff;
    font-family: poppins;
}
.happycustomer-content h4 {
    font-size: 30px;
}
.happy-customer {
    text-align: center;
}
.happycustomer-imgbox img {
    width: 73%;
    height: 58px;
    object-fit: cover;
}
.happycustomer-imgbox {
    width: 92px;
    height: 92px;
    display: inline-block;
    border: 6px solid #fff;
    border-radius: 15px;
    padding: 12px 0;
    background: #fff;
    margin-bottom: 15px;
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 22%);
}
.chooseus-imgbox {
    text-align: initial;
    margin-bottom: 26px;
}
.chooseus-imgbox img {
    width: 76px;
    height: 100%;
}
.chooseus-content {
    text-align: initial;
}
.chooseus-box {
    padding: 45px 40px 40px 40px;
    position: relative;
    cursor: pointer;
    z-index: 0;
    background: #fff;
    border-radius: 21px;
    margin-bottom: 25px;
    box-shadow: -1px 0 20px 4px rgb(0 0 0 / 15%);
}
.chooseus-content label {
    margin-bottom: 20px;
    line-height: 30px;
    font-size: 16px;
    font-weight: 600;
    font-family: poppins;
}
.chooseus-content p {
    font-size: 15px;
    color: #3a3a3a;
}
.chooseus-box:hover::before {
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -1;
}
.faq-imgbox img {
    width: 100%;
    height: 100%;
    padding: 25px;
}
.faq-heading h4 {
    font-family: poppins;
    font-size: 30px;
    font-weight: 700;
}
.faq-heading::after {
    content: "";
    width: 61px;
    height: 5px;
    border-radius: 8px;
    background-color: linear-gradient(286deg, #ff2f2f, #2f8fff);
    position: absolute;
}
.faq-rightbox {
    padding: 0 0 0 20px;
}
.faq-heading {
    margin-bottom: 36px;
}
.accord-items {
    border-radius: 0.4rem;
    margin-bottom: 1rem;
    border: 0 !important;
    border-bottom: 2px dotted #707070 !important;
}
.accordian-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0;
    font-family: Poppins;
    color: #000;
    font-size: 16px;
    font-weight: 500;
}
.accordian-link i {
    color: #e7d577;
    padding: 0.5rem;
}
.accordian-link .fa-minus {
    display: none;
}
.answers {
    max-height: 0;
    overflow: hidden;
    position: relative;
    transition: max-height 650ms;
    font-size: 12px;
    line-height: 26px;
    font-family: Poppins;
}
.accordion-item:target .answers {
    max-height: 20rem;
}
.accordion-item:target .accordian-link .fa-plus {
    display: none;
}
.accordian-link .fa-plus {
    color: #449aff;
    font-weight: 600;
}
.accordian-link .fa-minus {
    color: red;
}
.accordion-item:target .accordian-link .fa-minus {
    display: block;
}
section.spacing.faq-bg {
    padding-bottom: 158px;
}
.faq-wrapper {
    position: relative;
}
.faq-wrapper svg {
    position: absolute;
    bottom: -265px;
    z-index: 0;
}
.accordion-ul {
    width: 100%;
}
.accordion-li {
    border-radius: 6px;
    background-color: #fff;
    border-bottom: 1px solid #ececec;
}
.accordion-head::after {
    content: "\002B";
    color: #292929;
    font-weight: 700;
    float: right;
    margin-left: 5px;
    position: absolute;
    right: 16px;
    font-size: 20px;
}
.opened:after {
    content: "\2212";
    color: #fff;
    font-size: 20px;
}
.accordion-head {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 2rem 2rem 2rem 1rem;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    border: none;
    position: relative;
    font-family: poppins;
    text-align: left;
    outline: 0;
    font-size: 15px;
    font-weight: 600;
    transition: 0.4s;
}
.accordion-head.opened {
    background-color: #f46969;
    color: #fff;
    border-radius: 10px;
}
.accordion-body {
    background-color: #fff;
    transition: max-height 0.3s ease-out;
    line-height: 26px;
    font-size: 12px;
    font-family: poppins;
    padding: 1rem;
    transition: max-height 650ms;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #606060;
    display: none;
}
.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 1rem 1rem 0;
    width: 100%;
    height: 80px;
    border: none;
    font-family: poppins;
    text-align: left;
    outline: 0;
    font-size: 16px;
    font-weight: 500;
    transition: 0.4s;
}
.accordion:hover,
.actives {
    background-color: #f46969;
    color: #fff;
    border-radius: 12px;
}
.accordion:after {
    content: "\002B";
    color: #292929;
    font-weight: 700;
    float: right;
    margin-left: 5px;
}
.actives:after {
    content: "\2212";
    color: #fff;
    font-size: 18px;
}
.panel {
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.panel p {
    line-height: 26px;
    font-size: 12px;
    font-family: poppins;
    padding: 1rem;
    transition: max-height 650ms;
    margin: 0;
    font-weight: 500;
    letter-spacing: 0.25px;
    color: #606060;
}
.contact-bg {
    background: #4e4e4e;
}
.txt-white {
    color: #fff !important;
}
.homepage-contact-wrapper {
    position: relative;
    padding: 10px;
}
.homepage-contact-contentbox {
    margin-bottom: 25px;
}
.homepage-contact-contentbox span {
    color: #000;
    font-family: poppins;
    font-size: 14px;
}
.homepage-contact-wrapper svg {
    position: absolute;
    top: -275px;
    width: 100%;
    height: 307px;
    z-index: -1;
}
.form-group .form-control {
    padding: 10px;
    font-size: 16px;
}
.input-border {
    border-radius: 10px !important;
}
.form-group label {
    color: #273fac;
    font-family: poppins;
    font-size: 15px;
    margin-bottom: 14px;
    font-weight: 600;
}
.homepage-form {
    margin-bottom: 20px;
}
.homepage-contact-contentbox h4 {
    font-size: 30px;
    font-family: poppins;
    font-weight: 600;
    margin-bottom: 30px;
    color: #273fac;
    position: relative;
}
.homepage-contact-contentbox h4::before {
    content: "";
    width: 90px;
    height: 5px;
    background: linear-gradient(286deg, #ff2f2f, #2f8fff);
    bottom: -14px;
    position: absolute;
    border-radius: 21px;
}
.homepage-contact-img {
    position: absolute;
    right: 44px;
    top: -136px;
    width: 50% !important;
    display: inline-block;
    z-index: 0;
}
.homepage-contact-img img {
    width: 100%;
    height: 100%;
}
.forms {
    padding: 25px;
    border-radius: 21px;
    box-shadow: 0 0 12px 0 rgb(0 0 0 / 19%);
    width: 100%;
}
.homepage-form textarea {
    height: 150px;
    background: 0 0;
}
.input-boxes input {
    position: relative;
}
.input-boxes i {
    position: absolute;
    top: 55px;
    right: 28px;
}
button.getintouch-btn {
    background: -webkit-linear-gradient(220deg, #0026ff, #3693ff);
    background: -moz-linear-gradient(220deg, #0026ff, #3693ff);
    background: -ms-linear-gradient(220deg, #0026ff, #3693ff);
    background: -o-linear-gradient(220deg, #0026ff, #3693ff);
    background: linear-gradient(220deg, #0026ff, #3693ff);
    color: #fff;
    padding: 10px 40px;
    border-radius: 10px;
    border: none;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
}
.contact-b {
    overflow: visible;
}
span.map-names img {
    width: 27px;
}
img.nepflag-space {
    margin-right: 13px;
    width: 17px;
    height: 17px;
}
.footer-wrapper {
    background-image: linear-gradient(
        rgba(47, 85, 255, 0.5),
        rgba(47, 85, 255, 0.5)
    );
    position: relative;
}
.footer-wrapper::before {
    content: "";
    background-image: url(../images/footer-bg.jpg);
    width: 100%;
    height: 100%;
    top: 0;
    position: absolute;
    left: 0;
    z-index: -1;
    background-size: contain;
}
.footer-logo-box {
    display: inline-block;
    position: relative;
    margin-bottom: 38px;
}
.footer-logo {
    position: absolute;
    top: -11px;
    right: 10px;
    left: 10px;
}
img.ribbon {
    width: 100%;
    height: 100%;
}
.footer-info p {
    font-size: 14px;
    font-family: poppins;
    color: #fff;
    line-height: 27px;
    margin-bottom: 32px;
}
.links {
    text-align: inherit;
    padding: 90px 0 0 30px;
}
.links ul {
    padding: 0;
    font-family: poppins;
    font-size: 16px;
    font-weight: 500;
}
.links li a {
    color: #fff;
}
.links h5 {
    margin-bottom: 25px;
    color: #fff;
    font-family: Poppins;
}
.links ul li {
    margin-bottom: 25px;
    color: #fff;
}
.footer-icons-box {
    font-family: poppins;
    color: #fff;
    margin-bottom: 90px;
}
.footer-icons-box h5 {
    margin-bottom: 26px;
}
.icon-box a {
    margin-right: 36px;
}
.footer-contactbox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.fbox {
    width: 45px;
    height: 42px;
    background: #fff;
    border-radius: 10px;
    display: inline-block;
    margin-right: 15px;
}
.fbox i {
    font-size: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 44px;
    color: #2b49d1;
}
.details span {
    font-size: 14px;
    font-family: poppins;
    color: #fff;
}
.subscribe-icons {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.subscribe-content h5 {
    color: #fff;
    margin-bottom: 20px;
    font-family: poppins;
}
.newsletter-btn {
    background: -webkit-linear-gradient(118deg, #ec003a, #a4082f);
    background: -moz-linear-gradient(118deg, #ec003a, #a4082f);
    background: -ms-linear-gradient(118deg, #ec003a, #a4082f);
    background: -o-linear-gradient(118deg, #ec003a, #a4082f);
    background: linear-gradient(118deg, #ec003a, #a4082f);
    color: #fff;
    padding: 11px;
    border-radius: 8px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border: none;
}
img.flag-space {
    margin-right: 8px;
    width: 17px;
    height: 13px;
    object-fit: cover;
}
.copyright-box {
    display: flex;
    background: #2040ce;
    padding: 15px 30px;
    justify-content: space-between;
}
.copyright-box span {
    color: #fff;
    font-family: poppins;
    font-size: 12px;
}
.homepage-form .form-group input {
    background: rgba(255, 255, 255, 0.3);
}
.input-subscribe {
    display: flex;
}
.input-subscribe input {
    height: 100%;
    margin-bottom: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.emails-box {
    width: 158px;
    overflow-wrap: break-word;
}
.footerflag {
    display: inline-grid;
}
.footerflag .nepflag-space {
    margin-bottom: 12px;
}
.right-spacing {
    margin-right: 8px;
}
.footerflag-details {
    display: inline-grid;
}
.menu ul li a::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%) scaleX(0);
    -webkit-transform: translateX(-50%) scaleX(0);
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    width: 100%;
    height: 2px;
    background: #3175ff;
    -webkit-transition: transform 250ms;
    transition: transform 250ms;
}
.menu ul li a:hover::after {
    transform: translateX(-50%) scaleX(1);
    -webkit-transform: translateX(-50%) scaleX(1);
}
.rotate-animation-icons img {
    width: 56px;
    object-fit: cover;
    display: inline;
}
.rotate-animation-icons img {
    position: absolute;
}
.rotate-animation {
    position: relative;
    width: 500px;
    height: 500px;
}
.rotate-animation-icons {
    height: 100%;
    animation: rotation 60s linear infinite;
}
@keyframes rotation {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rotationss {
    100% {
        transform: scaley(5px);
    }
}
.rotate-animation-icons img {
    width: 56px;
    object-fit: cover;
    display: inline;
}
.rotate-animation-icons img:nth-child(1) {
    top: 0;
    left: 42%;
}
.rotate-animation-icons img:nth-child(2) {
    top: 25%;
    right: 0;
}
.rotate-animation-icons img:nth-child(3) {
    top: 70%;
    left: 70%;
}
.rotate-animation-icons img:nth-child(4) {
    top: 25%;
    left: 0;
}
.rotate-animation-icons img:nth-child(5) {
    top: 70%;
    left: 10%;
}
.ceo-iconbox a img {
    width: 47px;
    height: 47px;
    object-fit: cover;
    margin-right: 20px;
}
.shp1 {
    background: #4479c2;
    width: 150px;
    height: 150px;
    position: absolute;
    top: -77px;
    left: -87px;
    border-radius: 50%;
    opacity: 0.5;
}
.shp2 {
    background: #4479c2;
    width: 150px;
    height: 150px;
    position: absolute;
    bottom: -77px;
    right: -87px;
    border-radius: 50%;
    opacity: 0.5;
}
.pulse {
    animation: pulse 4s infinite ease-in-out alternate;
}
.pulse2 {
    animation: pulse2 3s infinite ease-in-out alternate;
}
@keyframes pulse {
    from {
        transform: scale(0.8);
    }
    to {
        transform: scale(1.2);
    }
}
@keyframes pulse2 {
    from {
        transform: scale(0.8);
    }
    to {
        transform: scale(1.2);
    }
}
.main-content {
    position: relative;
    padding: 14rem 0;
    z-index: 0;
}
img.illustrate-img {
    position: absolute;
    top: 0;
    right: -385px;
}
img.illustrate-img {
    position: absolute;
    top: 0;
    right: 13px;
    width: 470px !important;
}
.pages-banner {
    height: 100vh;
    width: 100%;
    position: relative;
    z-index: -1;
}
.banner-box {
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 60%;
    left: 50%;
    text-align: center;
}
.pages-heading {
    font-size: 38px;
    font-family: Poppins;
    font-weight: 600;
}
.pages-info {
    margin-bottom: 35px;
}
.breadcrumbs {
    font-weight: 600;
    font-family: poppins;
}
.ceo-name {
    margin-bottom: 30px;
    position: relative;
}
.ceo-name h4 {
    font-size: 40px;
    text-transform: uppercase;
    margin-bottom: 14px;
    color: #fff;
    font-weight: 700;
}
.ceo-msg p {
    line-height: 27px;
    width: 380px;
    display: inline-block;
    margin-bottom: 36px;
    font-size: 16px;
    color: #fff;
}
.ceo-contact {
    color: #fff;
    margin-bottom: 30px;
}
.ceo-name span {
    font-size: 27px;
    font-family: Poppins;
    position: relative;
    color: #0ff;
}
.ceo-name span::before {
    content: "";
    width: 100%;
    height: 4px;
    background: #2f5aff;
    position: absolute;
    bottom: 0;
}
.ceo-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 47px;
    border-top-left-radius: 13px;
    border-bottom-right-radius: 13px;
    object-position: top;
}
.ceo-message-box {
    text-align: inherit;
    padding: 57px 0 57px 141px;
}
.ceo-box {
    padding-top: 45px;
}
.ceo-img {
    position: relative;
    height: 450px;
    padding: 20px;
}
.ceo-img::before {
    content: "";
    position: absolute;
    border: 27px solid #21b5ff;
    width: 450px;
    height: 380px;
    top: -40px;
    left: -40px;
    border-radius: 35px;
    z-index: -1;
}
.ceo-img::after {
    content: "";
    position: absolute;
    border: 27px solid #21b5ff;
    width: 171px;
    height: 171px;
    bottom: -40px;
    right: -40px;
    border-radius: 35px;
}
.our-team-img {
    position: relative;
    width: 252px;
    height: 252px;
}
.our-team-img img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}
.team-links {
    position: absolute;
    bottom: -9px;
    left: 28%;
}
.team-links a {
    background: linear-gradient(161deg, #2f4eff, #2f8fff);
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    line-height: 37px;
}
.team-details {
    padding: 60px 30px 0;
    text-align: center;
}
.team-details h5 {
    font-family: Poppins;
    color: #2f4eff;
    font-weight: 600;
    font-size: 18px;
}
.team-details span {
    font-family: Poppins;
    font-weight: 500;
    color: #5e5f64;
    font-size: 13px;
}
.bg-grey {
    background: #f6f6f6;
    background: radial-gradient(#2f4eff, #182780 90%);
    position: relative;
    z-index: 0;
}
.teambox-wrapper {
    position: relative;
    height: 100%;
    width: 100%;
    margin-bottom: 140px;
}
.our-team-wrapper {
    padding-top: 100px;
}
.ourteam-box {
    position: absolute;
    padding: 7.45rem 2rem 2rem;
    text-align: center;
    box-shadow: 0 0 29px 0 rgb(0 0 0 / 15%);
    border-radius: 21px;
    background-position: 0 41%;
    width: 100%;
    transition: all 0.4s ease;
    transform: rotateY(0);
    backface-visibility: hidden;
}
.ourteam-box-icons {
    background: #003876;
    width: 100%;
    padding: 9.45rem 2rem 2rem;
    text-align: center;
    border-radius: 21px;
    box-shadow: 0 0 29px 0 rgb(0 0 0 / 15%);
    transform: rotateY(180deg);
    backface-visibility: hidden;
    transition: all 0.4s ease;
}
.teambox-wrapper:hover .ourteam-box {
    transform: rotateY(-180deg);
    width: 100%;
}
.teambox-wrapper:hover .ourteam-box-icons {
    transform: rotateY(0);
    top: 0;
}
.ourteam-details {
    font-family: poppins;
}
.team-name {
    font-weight: 600;
    margin-bottom: 15px;
}
.team-post {
    font-weight: 500;
    color: #2f8fff;
}
img.shelf {
    width: 82%;
}
.team-email {
    font-size: 15px;
    font-family: inherit;
}
.imgbox-wrapper img {
    width: 200px;
    border-radius: 50%;
    height: 200px;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 29px;
    object-fit: cover;
    transition: all 0.4s ease;
    border: 8px solid #fff;
}
.team-iconbox img {
    margin: 0 15px;
    width: 45px;
    object-fit: cover;
    image-rendering: -webkit-optimize-contrast;
}
.bannerwrapper-box {
    width: 100%;
    height: 100vh;
    padding-top: 137px;
}
.banner-img {
    background: #f4f6fd;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.banner-img img {
    width: 100%;
    height: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.center-heading .section-title {
    font-weight: 400;
    font-size: 28px;
    color: #3b566e;
    letter-spacing: 1.1px;
    line-height: 38px;
    margin-bottom: 20px;
    font-family: poppins;
}
.center-heading.colored .section-title {
    color: #fff;
}
.center-text {
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    color: #6f8ba4;
    line-height: 28px;
    letter-spacing: 1px;
    margin-bottom: 50px;
}
.center-text.colored {
    color: #c7e5ff;
}
.center-text p {
    margin-bottom: 30px;
}
.services-small-item {
    height: 450px;
    display: block;
    background: linear-gradient(135deg, #89acff 0, #002ab0 100%);
    box-shadow: 0 2px 48px 0 rgba(0, 0%, 0%, 15%);
    border-radius: 15px;
    padding: 40px 28px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    z-index: 2;
    margin-bottom: 30px;
    overflow: hidden;
}
.services-small-item:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 5px;
    background-image: linear-gradient(135deg, #89acff 0, #002ab0 100%);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    opacity: 0;
}
.services-small-item.active:before,
.services-small-item:hover:before {
    opacity: 1;
    visibility: unset;
}
.services-small-item.active .servicebox-bg {
    visibility: unset;
    opacity: 1;
}
.services-small-item.active .icon:before,
.services-small-item:hover .icon:before {
    opacity: 0.26;
}
.services-small-item.active .icon i,
.services-small-item:hover .icon i {
    background: -webkit-linear-gradient(#fff, #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.services-small-item.active .services-title,
.services-small-item:hover .services-title {
    color: #fff;
}
.services-small-item.active p,
.services-small-item:hover p {
    color: #fff;
}
.services-small-item.active .button i,
.services-small-item:hover .button i {
    background-image: linear-gradient(135deg, #fff 0, #fff 100%) !important;
    color: #2b708b !important;
}
.services-small-item:hover {
    margin-top: -15px;
}
.services-small-item .icon {
    width: 139px;
    height: 113px;
    margin: auto;
    position: relative;
    margin-bottom: 40px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-small-item .icon i {
    display: block;
    height: 67px;
    line-height: 67px;
    position: absolute;
    width: 100%;
    top: 22px;
    z-index: 2;
    font-size: 40px;
    background-image: linear-gradient(135deg, #7ea1f8 0, #0d36b7 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-small-item .services-title {
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    letter-spacing: 0.7px;
    font-family: poppins;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.services-small-item p {
    height: 125px;
    font-weight: 400;
    font-size: 13px;
    font-family: poppins;
    color: #fff;
    letter-spacing: 0.88px;
    line-height: 26px;
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    margin-bottom: 30px;
}
.services-small-item .button {
    position: relative;
    z-index: 2;
}
.servicebox-bg {
    position: absolute;
    bottom: 100px;
}
.services-small-item:hover .servicebox-bg {
    visibility: unset;
}
.services-small-item .button i {
    width: 42px;
    height: 42px;
    background-image: linear-gradient(135deg, #80a3fa 0, #13547a 100%);
    line-height: 42px;
    text-align: center;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    color: #fff;
    padding-left: 3px;
}
.services-small-item:hover + .item-bg {
    bottom: 30px;
}
.item-bg {
    content: "";
    position: absolute;
    width: 80%;
    height: 15px;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    z-index: 1;
    background: #fff;
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.06);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.icon img {
    width: 100%;
}
.grey-background {
    background: #f5f7fd;
}
.blog-btn {
    color: red;
    font-family: poppins;
    border-radius: 8px;
    letter-spacing: 0.7px;
    font-size: 14px;
    font-weight: 500;
}
.blog-btn:hover {
    text-shadow: 0 0 14px #ce5937;
    color: red;
}
.blog-button {
    text-align: end;
}
.postedby {
    display: flex;
    justify-content: space-between;
}
.postedby span {
    font-family: poppins;
    font-size: 0.875rem;
    color: #666;
    font-weight: 500;
}
.blog-share a i {
    margin: 0 5px;
}
.blog-title a {
    font-size: 2.2rem;
    line-height: 45px;
}
.blog-innerimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-innerimg {
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
}
.postedby label {
    color: #2f5fff;
    font-size: 14px;
    text-transform: uppercase;
}
.comments-title {
    font-family: Montserrat, sans-serif;
    font-size: 1.125rem;
    margin-bottom: 1.25rem;
    font-weight: 700;
}
.comment-box {
    margin-bottom: 2rem;
}
button.comment-btn {
    padding: 0.625rem 1.25rem;
    border: none;
    background: #cb0000;
    color: #fff;
    border-radius: 0.375rem;
    margin-top: 0.938rem;
}
.mission-img img {
    width: 100%;
}
.rockets-img {
    text-align: center;
}
.rockets-img .rocketimg {
    width: 305px;
    height: 700px;
    object-fit: cover;
}
.mission-vision-wrapper {
    position: relative;
}
.ourmission label {
    font-family: poppins;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}
.ourmission p {
    font-size: 13px;
    font-family: poppins;
    line-height: 28px;
    color: #fff;
}
.ourmission {
    position: absolute;
    top: 154px;
    width: 360px;
}
.vision-wrapper {
    width: 360px;
    position: absolute;
    bottom: 24px;
    right: 0;
}
.vision-wrapper p {
    line-height: 28px;
    font-family: poppins;
    font-size: 13px;
    color: #fff;
}
.vision-wrapper label {
    font-family: poppins;
    color: #fff;
    font-size: 24px;
    margin-bottom: 10px;
}
img.cloud {
    width: 100%;
    position: absolute;
    top: -14.375rem;
    opacity: 0.4;
}
.bg-flow {
    overflow: unset;
}
.main-vision svg {
    position: absolute;
    bottom: -6.75rem;
}
.main-vision {
    position: relative;
}
.dark-bg {
    background: #1b2664;
}
img.goals {
    width: 25rem;
    position: absolute;
    right: 4.375rem;
    top: -3rem;
}
img.lining {
    width: 337px;
    left: 161px;
    top: 143px;
    height: 111px;
    position: absolute;
    object-fit: contain;
}
img.lining4 {
    position: absolute;
    object-fit: contain;
    top: 345px;
    height: 65px;
    right: 373px;
}
.getintouch-img {
    width: 88%;
    padding: 40px;
}
.gmap_canvas iframe {
    border-radius: 15px;
}
.mapouter {
    padding: 2rem;
    border: 1px solid #dadada;
    border-radius: 16px;
    position: relative;
}
.mapouter .map-names {
    position: absolute;
    top: -22px;
    left: 50%;
    transform: translateX(-50px);
    background: #fff;
    padding: 5px;
    font-size: 20px;
    font-family: poppins;
    font-weight: 500;
}
h4.offices {
    font-weight: 600;
    font-family: Poppins;
    margin-bottom: 60px;
    text-align: center;
}
.contactusbox {
    background: #faebd7;
}
.contactpage-iconbox {
    background: #7fffd4;
    padding: 10px;
}
.contactinfos {
    text-align: center;
    font-family: poppins;
}
.contact-color {
    border-right: 1px solid;
    background: #1240a2;
    color: #fff;
    border-left: 1px solid;
}
.contact-color2 {
    background: #1240a2;
}
.contact-color2 .contactinfos {
    color: #fff;
}
.contactinfos h2 {
    font-family: poppins;
    font-size: 25px;
    margin-bottom: 17px;
}
.contactinfos p {
    font-size: 14px;
    text-align: initial;
}
.maps-contact {
    position: relative;
}
.contactpage-wrapper {
    padding: 5rem;
}
.contact-form-icon input {
    position: relative;
    background: 0 0;
}
.contact-form-icon i {
    position: absolute;
    top: 15px;
    right: 29px;
    color: #949494;
}
img.contact-formbg {
    position: absolute;
    opacity: 0.1;
}
.flag-contacts {
    display: flex;
    justify-content: center;
}
.flag-contacts img {
    width: 30px;
    height: 18px;
    object-fit: cover;
}
.flag-contacts-flags img {
    display: block;
    margin: 0 15px 20px 0;
}
.servicespage-tabs ul li a {
    padding: 20px 30px;
    display: block;
    font-family: Poppins;
    color: #000;
    position: relative;
    font-size: 15px;
    transition: all 0.3s ease;
    border-radius: 12px;
}
.servicespage-tabs ul li a::before {
    font: var(--fa-font-solid);
    content: "\f105";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
    transition: all 0.3s ease;
    font-size: 18px;
}
.servicespage-tabs ul li a:hover {
    background: linear-gradient(45deg, #0a52ff, #4278fffa);
    color: #fff;
    padding-left: 40px;
    transition: all 0.3s ease;
}
.servicespage-tabs ul {
    padding: 0;
    box-shadow: 0 0 12px 5px rgb(0 0 0 / 15%);
    border-radius: 12px;
}
img.service-pageimg {
    width: 100%;
    height: 90%;
    object-fit: cover;
    margin-bottom: 30px;
}
h2.services-heading {
    font-family: Poppins;
    font-weight: 700;
    margin-bottom: 30px;
}
.services-pagewrapper p {
    color: #6b6b84;
    font-size: 17px;
    line-height: 1.8;
}
.facts-lists ul li {
    margin-bottom: 12px;
    font-weight: 600;
    color: #6b6b84;
    position: relative;
    padding-left: 20px;
    list-style: block;
}
.keypoints label {
    font-size: 24px;
    font-family: poppins;
    margin-bottom: 18px;
    font-weight: 500;
}
.active-service {
    background: linear-gradient(45deg, #0a52ff, #4278fffa);
    color: #fff !important;
}
.services-page-title {
    font-size: 1.5rem;
    font-family: Poppins;
    font-weight: 500;
    margin-bottom: 1rem;
}
.servicespage-tabs {
    padding: 0 25px;
}
@media screen and (max-width: 920px) {
    .background-illustr-icons .development img:nth-child(3) {
        width: 7%;
    }
    @keyframes textupdown3 {
        from {
            top: -8px;
            left: -53px;
        }
        to {
            top: -2px;
            left: -70px;
        }
    }
    .background-illustr-icons .development {
        position: absolute;
        bottom: -34px;
        right: -273px;
        width: 70%;
        display: inline;
    }
    .background-illustr-icons .development img:nth-child(1) {
        width: 7%;
    }
    .background-illustr-icons .development img:nth-child(2) {
        width: 7%;
    }
    @keyframes textupdown {
        from {
            top: 0;
            left: -60px;
        }
        to {
            top: -10px;
            left: -40px;
        }
    }
    @keyframes textupdown2 {
        from {
            top: -7px;
        }
        to {
            top: 15px;
        }
    }
    .links.contact-mb {
        margin-bottom: 70px;
    }
    .links.contact-mb {
        display: flex;
        justify-content: space-between;
    }
    .subscribe-content {
        margin-bottom: 60px;
    }
    .pages-banner {
        height: unset;
    }
    .bannerwrapper-box {
        height: unset;
    }
    img.illustrate-img {
        top: 35px;
        right: -20px;
        width: 435px !important;
        height: 277px;
    }
    .pages-heading {
        font-size: 30px;
    }
    .content-heading .section-title {
        font-size: 20px;
    }
    .get-in-touch {
        font-size: 24px;
    }
    .get-in-touch::before {
        width: 8%;
    }
    .section-tittle h2 {
        font-size: 30px;
    }
    #particles-js {
        height: calc(100vh - 703px);
        z-index: 0;
    }
    img.lining {
        display: none;
    }
    .lining2 {
        width: 200px;
        position: absolute;
        left: 104px;
        height: 176px;
        object-fit: contain;
        top: 47px;
        display: unset;
    }
    .lining3 {
        position: absolute;
        height: 299px;
        right: 170px;
        object-fit: contain;
        top: 101px;
        display: unset;
    }
    .lining4 {
        display: none;
    }
    .box {
        padding: 10px 40px 10px 25px;
    }
    .box ul li a {
        font-size: 12px;
    }
    .icon-contact {
        margin: 0;
    }
    .navigations {
        padding: 0 25px;
    }
    .menu ul li a {
        font-size: 12px;
    }
    nav {
        background: #fff;
    }
    h2.box-title {
        font-size: 18px;
    }
    .background-illustr-icons img:nth-child(1) {
        width: 410px;
        left: -10px;
        top: 123px;
    }
    .background-illustr-icons img:nth-child(2) {
        position: absolute;
        top: 168px;
        width: 62%;
        right: 34px;
    }
    .background-illustr-icons img:nth-child(3) {
        position: absolute;
        top: 361px;
        right: 112px;
        width: 10%;
    }
    @keyframes slideupDown {
        from {
            top: 150px;
            left: -150px;
        }
        to {
            bottom: 430px;
            left: -190px;
        }
    }
    .background-illustr-icons .web img:nth-child(1) {
        position: absolute;
        top: 319px;
        left: 18px;
        width: 17%;
    }
    .background-illustr-icons .web img:nth-child(2) {
        position: absolute;
        top: 321px;
        left: 25px;
        width: 17%;
    }
    .background-illustr-icons .web img:nth-child(3) {
        position: absolute;
        top: 324px;
        left: 34px;
        width: 18%;
    }
    .background-illustr-icons .web img:nth-child(4) {
        position: absolute;
        top: 299px;
        left: 37px;
        width: 31%;
    }
    .background-illustr {
        width: 100%;
        display: inline-block;
    }
    .left-content-box p {
        font-size: 16px;
    }
    .illustration-box {
        margin: 165px auto 150px;
    }
    .mobile-line2 {
        display: none;
        width: 100%;
        display: block;
        position: absolute;
        top: 121px;
        z-index: 0;
    }
    .ceo-message-box {
        padding: 0;
    }
    .ceo-img {
        width: 100%;
        height: 100%;
    }
    .ceo-img::before {
        border: 20px solid #21b5ff;
        width: 260px;
        height: 261px;
        top: -40px;
        left: -40px;
    }
    .ceo-img::after {
        border: 19px solid #21b5ff;
        width: 129px;
        height: 117px;
        bottom: -30px;
        right: -5px;
    }
    .ceo-msg p {
        padding: 0;
        width: 100%;
        font: 13px;
    }
    .getintouch-img {
        display: none;
    }
    .ourmission {
        position: absolute;
        top: 40px;
        left: -40px;
        width: 210px;
    }
    .vision-wrapper {
        width: 210px;
        position: absolute;
        top: 94px;
        right: -62px;
    }
    img.goals {
        width: 10rem;
    }
    .links.contact-mb {
        padding: 0;
    }
    .inventory-img .phone {
        position: absolute;
        left: -12px;
        bottom: 121px;
        width: 50%;
    }
    .homepage-contact-contentbox h4 {
        font-size: 22px;
    }
    .how-we-work-title {
        width: 80%;
    }
    img.innovative-border {
        height: 330px;
        padding: 0;
    }
    img.innovative-img {
        top: 35px;
        left: 35px;
        max-width: 288px;
        height: 259px;
        border-top-left-radius: 38px;
        border-bottom-left-radius: 38px;
    }
    .box-title2 {
        padding: 0 0 0 30px;
        font-size: 21px;
    }
    .innovative-company {
        padding: 0 0 0 25px;
    }
    .red-btn {
        font-size: 15px;
        border-radius: 15px;
        width: 143px;
        height: 43px;
    }
    .blue-btn {
        font-size: 15px;
        border-radius: 15px;
        width: 143px;
        height: 43px;
    }
    .services-box label {
        margin-bottom: 27px;
        font-size: 18px;
    }
    .inventory-content {
        width: 100%;
    }
    .mobile-line2 {
        display: none;
    }
    .how-we-work-info img {
        width: 46%;
        height: 54%;
        object-fit: cover;
    }
    .how-we-work-info {
        width: 200px;
        height: 107px;
    }
    .how-we-work-info label {
        font-size: 14px;
    }
    .how-we-work-box {
        width: 168px;
        height: 168px;
    }
    .inventory-img .laptop {
        width: 441px;
        height: 539px;
        object-fit: contain;
        margin-left: 0;
    }
    .main svg {
        bottom: -40px;
        z-index: 1;
    }
    .how-we-work-wrapper svg {
        bottom: -237px;
    }
    .faq-wrapper svg {
        bottom: -221px;
    }
    .box ul li {
        padding: 0 6px;
    }
}
@media screen and (max-width: 820px) {
    .box ul li {
        margin: 0 0;
        border-right: 1px solid #b5b5b5;
        padding: 0;
    }
    .form-group label {
        font-size: 14px;
    }
    .pages-banner {
        height: unset;
    }
    .bannerwrapper-box {
        height: unset;
    }
    img.illustrate-img {
        right: -52px;
        height: 207px;
    }
    .inventory-img .laptop {
        width: 100%;
        height: 100%;
    }
    .ourmission {
        position: absolute;
        top: 40px;
        left: -30px;
        width: 210px;
    }
    .vision-wrapper {
        width: 210px;
        position: absolute;
        top: 94px;
        right: -40px;
    }
    .material-icons.md-60 {
        font-size: 48px;
    }
    .contactinfos h2 {
        font-size: 22px;
    }
    .contactinfos p {
        font-size: 13px;
    }
    .flag-contacts img {
        width: 18px;
        height: 16px;
    }
    .footer-icons-box {
        font-family: poppins;
        color: #fff;
        margin-bottom: 60px;
    }
    .subscribe-content {
        margin-bottom: 50px;
    }
    .ceo-msg p {
        font-size: 16px;
    }
    .ceo-img::before {
        border: 18px solid #21b5ff;
        width: 240px;
        height: 240px;
        top: -29px;
        left: -28px;
    }
    .ceo-img::after {
        border: 18px solid #21b5ff;
        width: 110px;
        height: 107px;
        bottom: -21px;
        right: 12px;
    }
    img.innovative-img {
        position: absolute;
        top: 38px;
        left: 38px;
        max-width: 272px;
        height: 217px;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    img.innovative-border {
        height: 100%;
        width: 100%;
    }
    .box-title2 {
        padding: 0 0 0 25px;
        line-height: 38px;
        font-size: 19px;
        margin-bottom: 20px;
    }
    .content-box p {
        margin-bottom: 30px;
        line-height: 30px;
        font-size: 15px;
    }
    .innovative-company {
        padding: 20px 0 0 45px;
    }
    .red-btn {
        padding: 10px 20px;
        border-radius: 14px;
        width: 135px;
        height: 38px;
        font-size: 14px;
    }
    .red-btn i {
        font-size: 12px;
    }
    .blue-btn {
        padding: 10px 20px;
        border-radius: 14px;
        width: 135px;
        height: 38px;
        font-size: 14px;
    }
    .blue-btn i {
        font-size: 12px;
    }
    .inventory-content {
        width: 100%;
    }
    .inventory-leftbox label {
        margin-bottom: 17px;
        font-size: 25px;
    }
    .inventory-content p {
        margin-bottom: 25px;
        font-size: 15px;
    }
    .inventory-img .laptop {
        margin-left: 73px;
        margin-top: 0;
    }
    .inventory-img .phone {
        bottom: 109px;
        width: 43%;
        left: 39px;
    }
    .phone {
        display: block;
    }
    .how-we-work-box {
        width: 155px;
        height: 155px;
    }
    .how-we-work-info {
        width: 124px;
        height: 100px;
    }
    .how-we-work-info img {
        margin-bottom: 14px;
        width: 50px;
        height: 50px;
    }
    .how-we-work-info label {
        line-height: 30px;
        font-size: 13px;
    }
    .how-we-work-title {
        width: 50%;
    }
    .how-we-work-wrapper svg {
        bottom: -224px;
    }
    .content-heading .section-title {
        font-size: 22px;
    }
    .box {
        padding: 10px 20px;
        display: flex;
    }
    .box ul li a {
        font-size: 13px;
        padding: 0 10px;
    }
    .icon-contact {
        margin-right: 0;
        padding: 0;
    }
    .talkback a {
        font-size: 14px;
    }
    /* .navigations {
        padding: 0 40px;
    } */
    .menu ul li {
        margin: 0;
    }
    .menu ul li a {
        font-size: 12px;
    }
    .accordian-link {
        font-size: 14px;
    }
    .rockets-img .rocketimg {
        width: 294px;
        height: 693px;
        object-fit: cover;
    }
    img.goals {
        width: 8rem;
        position: absolute;
        right: 4.375rem;
        top: -3rem;
    }
    .accordion {
        font-size: 12px;
    }
}
@media screen and (max-width: 768px) {
    .background-illustr-icons .development {
        bottom: -55px;
        right: -231px;
    }
    .background-illustr-icons .development img:nth-child(2) {
        width: 6%;
    }
    img.lining {
        display: none;
    }
    .lining2 {
        width: 337px;
        left: 161px;
        top: 143px;
        height: 111px;
        position: absolute;
        object-fit: contain;
    }
    .lining2 {
        width: 337px;
        left: 36px;
        top: 48px;
        height: 170px;
        position: absolute;
        object-fit: contain;
    }
    .lining3 {
        width: 95px;
        position: absolute;
        height: 276px;
        right: 183px;
        object-fit: contain;
        top: 101px;
    }
    .ourmission {
        position: absolute;
        top: 40px;
        left: -20px;
        width: 210px;
    }
    .vision-wrapper {
        width: 210px;
        position: absolute;
        top: 94px;
        right: -30px;
    }
    .ceo-img::before {
        left: -27px;
    }
    .ceo-img {
        margin-bottom: 36px;
    }
    .ceo-message-box {
        padding-top: 50px;
    }
    .menu {
        position: fixed;
        top: 82px;
        left: -100%;
        background: rgb(241 241 241);
        height: 100vh;
        width: 100%;
        text-align: center;
        overflow-y: scroll;
        transition: all 0.4s ease;
    }
    .workline {
        display: none;
    }
    img.mobile-line2 {
        display: block;
    }
    #menuclick:checked ~ .menu {
        left: 0;
    }
    #menuclick:checked ~ .menu-btn i::before {
        content: "\f00d";
    }
    .menu ul li {
        display: block;
        margin: 40px 0;
        font-size: 20px;
        display: block;
    }
    .menu ul li a.active {
        color: red;
        background: 0 0;
    }
    .menu-btn {
        display: block;
    }
    .menu-btn i {
        color: #3d3939;
        font-size: 20px;
        cursor: pointer;
    }
    .main svg {
        bottom: 19px;
    }
    .we-work-box {
        flex-wrap: wrap;
    }
    .homepage-contact-img {
        position: relative;
        display: none;
    }
    .border-img {
        position: relative;
        text-align: center;
        margin-bottom: 72px;
    }
    img.innovative-img {
        top: 36px;
        left: 34px;
        max-width: 278px;
        height: 220px;
        border-top-left-radius: 33px;
        border-bottom-left-radius: 33px;
    }
    .box-title2 {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 40px;
    }
    .background-illustr {
        height: 300px;
        width: 300px;
    }
    .homepage-contact-img {
        position: absolute;
        right: -26px;
        top: 0;
        width: 100% !important;
        display: inline-block;
        opacity: 0.1;
        z-index: -1;
    }
    .background-illustr-icons img:nth-child(1) {
        width: 350px;
        left: -10px;
        top: 123px;
    }
    .background-illustr-icons img:nth-child(2) {
        position: absolute;
        top: 177px;
        width: 51%;
        right: 57px;
    }
    .background-illustr-icons img:nth-child(3) {
        position: absolute;
        top: 323px;
        right: 112px;
        width: 8%;
    }
    .background-illustr-icons .web img:nth-child(1) {
        position: absolute;
        top: 300px;
        left: 12px;
        width: 15%;
        image-rendering: pixelated;
    }
    .background-illustr-icons .web img:nth-child(2) {
        position: absolute;
        top: 309px;
        left: 22px;
        width: 13%;
    }
    .background-illustr-icons .web img:nth-child(3) {
        position: absolute;
        top: 274px;
        left: 26px;
        width: 16%;
        image-rendering: pixelated;
    }
    .background-illustr-icons .web img:nth-child(4) {
        position: absolute;
        top: 271px;
        left: 31px;
        width: 30%;
        image-rendering: pixelated;
    }
    .left-content-box {
        margin: 145px auto 150px;
    }
    .navigations {
        margin: 0;
    }
    .fixeds {
        top: 0;
    }
    h2.box-title {
        font-size: 18px;
        line-height: 30px;
    }
    .left-content-box p {
        font-size: 14px;
        width: 100%;
    }
    .blue-btn {
        width: 135px;
        height: 46px;
        font-size: 14px;
    }
    .blue-btn i {
        font-size: 12px;
    }
    #particles-js {
        height: 75%;
    }
    .bottom-box {
        padding: 0;
    }
    .boxes {
        margin-bottom: 100px;
    }
    .box-title2 {
        font-size: 20px;
    }
    .innovative-company {
        padding: 0;
    }
    .content-box p {
        font-size: 14px;
        margin-bottom: 35px;
    }
    .box-title2::before {
        height: 69%;
    }
    .red-btn {
        width: 142px;
        height: 44px;
        font-size: 14px;
    }
    .main svg {
        bottom: -25px;
    }
    .content-heading .section-title {
        font-size: 21px;
    }
    .how-we-work-wrapper {
        top: -30px;
    }
    .contact-b {
        overflow: hidden;
    }
    .inventory-img {
        text-align: end;
    }
    .inventory-img .laptop {
        margin: 0;
    }
    .how-we-work-title {
        margin: 40px 0 80px;
        width: 100%;
    }
    .chooseus-content label {
        font-size: 18px;
    }
    .inventory-content {
        width: 100%;
    }
    .inventory-leftbox label {
        margin-bottom: 20px;
    }
    .inventory-content p {
        font-size: 15px;
    }
    .happy-customer {
        margin-bottom: 40px;
    }
    .faq-wrapper svg {
        position: absolute;
        bottom: -135px;
        z-index: 0;
    }
    .faq-imgbox {
        margin-bottom: 40px;
    }
    .grey-bg {
        padding-bottom: 83px;
    }
    .how-we-work-wrapper svg {
        bottom: -116px;
    }
    .subscribe-icons {
        display: block;
    }
    .footer-icons-box {
        margin-bottom: 40px;
    }
    .icon-box a img {
        width: 34px;
        height: 34px;
        object-fit: cover;
    }
    .subscribe-content {
        margin-bottom: 40px;
    }
    .inventory-img .phone {
        position: absolute;
        left: -12px;
        bottom: 120px;
        width: 40%;
    }
    .illustration-box {
        margin: 157px auto 0;
        text-align: center;
    }
    .how-we-work-info img {
        margin-bottom: 14px;
        width: 55px;
        height: 55px;
    }
    .how-we-work-info {
        width: 120px;
        height: 50px;
    }
    .how-we-work-wrapper .rocket {
        position: absolute;
        right: 1px;
        width: 6%;
        top: 111px;
        transform: rotate(255deg);
        z-index: 1;
    }
    .links.contact-mb {
        display: flex;
        justify-content: space-between;
    }
    .footer-contactbox {
        width: 240px;
    }
    @keyframes slideupDown {
        from {
            top: 175px;
            left: -150px;
        }
        to {
            bottom: 450px;
            left: -190px;
        }
    }
    .background-illustr-icons .development img:nth-child(3) {
        position: absolute;
        top: -5px;
        width: 6%;
        left: -53px;
    }
    @keyframes textupdown3 {
        from {
            top: 5px;
            left: -43px;
        }
        to {
            top: 16px;
            left: -70px;
        }
    }
}
@media screen and (max-width: 540px) {
    .background-illustr-icons .development img:nth-child(3) {
        width: 4%;
    }
    @keyframes textupdown {
        from {
            top: 20px;
            left: -83px;
        }
        to {
            top: 5px;
            left: -45px;
        }
    }
    @keyframes moveupDown {
        from {
            top: 280px;
        }
        to {
            bottom: 30px;
        }
    }
    @keyframes moveupDown2 {
        from {
            top: 290px;
        }
        to {
            bottom: 30px;
        }
    }
    @keyframes moveupDown3 {
        from {
            top: 200px;
        }
        to {
            bottom: 500px;
        }
    }
    .background-illustr-icons .development img:nth-child(1) {
        width: 4%;
    }
    .background-illustr-icons .development img:nth-child(2) {
        width: 4%;
    }
    .background-illustr-icons .development {
        bottom: 145px;
        right: -318px;
    }
    .bg-homepage {
        display: none;
    }
    .links.contact-mb {
        display: unset;
    }
    .emails-box {
        width: 100%;
        overflow-wrap: break-word;
    }
    .pages-banner {
        height: 421px;
    }
    .bannerwrapper-box {
        height: 74vh;
        padding-top: 159px;
    }
    .banner-box {
        top: 70%;
    }
    .banner-img img {
        width: 100%;
        height: 100%;
    }
    img.illustrate-img {
        position: absolute;
        width: 225px;
        bottom: 33%;
        right: -182px;
        top: -5px;
    }
    .illustrate-img.serviceilltrate-image {
        height: 141px;
        top: 47px;
        transform: translateX(-5px);
    }
    .banner-img {
        background: #f4f6fd;
        width: 100%;
        height: 71%;
    }
    .contactpage-wrapper {
        padding: 2rem;
    }
    .our-team-wrapper {
        padding: 20px;
    }
    .ceo-message-box {
        padding: 20px;
    }
    .menu {
        position: fixed;
        top: 187px;
        left: -100%;
        background: rgb(241 241 241);
        height: calc(100vh - 157px);
        width: 100%;
        text-align: center;
        overflow-y: scroll;
        transition: all 0.4s ease;
    }
    .navigations {
        padding: 25px 12px 0;
        margin: 0;
        height: auto;
        border-image: linear-gradient(80deg, rgb(255 63 11), rgb(49 109 255)) 9;
        border-bottom: 6px solid;
        box-shadow: 1px 0 10px rgb(0 0 0 / 10%);
    }
    .left-content-box {
        padding: 0 20px;
        margin: 290px auto 0;
    }
    h2.box-title {
        font-size: 18px;
        line-height: 35px;
    }
    .box-title label {
        font-size: 30px;
    }
    .left-content-box p {
        width: 100%;
        text-align: justify;
        font-size: 16px;
    }
    #particles-js {
        width: 100%;
        height: calc(100vh - 45px);
        background: 0 0;
        position: absolute;
        top: 54px;
        opacity: 0.15;
        z-index: 0;
    }
    .border-img .innovative-border {
        width: 100%;
        height: 100%;
        padding: 30px;
    }
    img.innovative-img {
        top: 74px;
        left: 75px;
        max-width: 393px;
        height: 309px;
        border-top-left-radius: 44px;
        border-bottom-left-radius: 44px;
    }
    .innovative-company {
        padding: 20px;
    }
    .services {
        padding: 20px;
    }
    .service-iconbox {
        left: 35%;
    }
    .content-box p {
        font-size: 16px;
    }
    .inventory-img img {
        width: 70%;
        display: inline-block;
    }
    .inventory-img .phone {
        position: absolute;
        top: 284px;
        left: -27px;
        width: 35%;
    }
    .lining2 {
        display: none;
    }
    .lining3 {
        display: none;
    }
    .inventory-leftbox label {
        margin-bottom: 34px;
        font-family: poppins;
        font-size: 24px;
    }
    .inventory-leftbox {
        padding: 20px;
    }
    .ordering3 {
        order: 1;
        flex: 1 0 100%;
        text-align: end;
    }
    .ordering2 {
        order: 1;
        flex: 1 0 100%;
        text-align: center;
    }
    .company-name {
        display: block;
    }
    img.smart-object {
        position: absolute;
        left: -1px;
        top: 1363px;
        width: 99%;
    }
    .illustration-box {
        margin: 100px auto 0;
        text-align: center;
    }
    .how-we-work-box {
        width: 200px;
        height: 200px;
    }
    .how-we-work-info {
        width: 131px;
        height: 131px;
    }
    .how-we-work-info img {
        margin-bottom: 14px;
        width: 70px;
        height: 70px;
    }
    .links {
        text-align: center;
        padding: 0;
    }
    .pages-heading {
        font-size: 28px;
    }
    .breadcrumbs {
        font-size: 14px;
    }
    .pages-info {
        margin-bottom: 35px;
        font-size: 14px;
    }
    .vision-wrapper {
        position: unset;
        width: 100%;
    }
    .ourmission {
        position: unset;
        width: 100%;
    }
    .footer-contactbox {
        display: unset;
    }
    .fbox {
        margin-bottom: 15px;
    }
    .details {
        margin-bottom: 15px;
    }
    .mobile-line2 {
        display: none !important;
    }
    .support-company-area .right-caption {
        padding: 50px 20px;
    }
    .mission-vision-wrapper {
        padding: 20px;
    }
    .items {
        padding: 20px;
    }
    .news-item {
        max-width: 100%;
    }
    .how-we-work-title {
        padding: 0 20px;
    }
    .background-illustr {
        height: 100%;
        width: 100%;
    }
    .background-illustr-icons img:nth-child(1) {
        width: 100%;
        left: 0;
        top: 0;
    }
    .background-illustr-icons img:nth-child(2) {
        position: absolute;
        top: 66px;
        width: 47%;
        right: 139px;
    }
    .background-illustr-icons img:nth-child(3) {
        position: absolute;
        top: 299px;
        width: 6%;
        right: 225px;
    }
    .background-illustr-icons .web img:nth-child(1) {
        position: absolute;
        top: 228px;
        left: 49px;
        width: 13%;
        image-rendering: pixelated;
    }
    .background-illustr-icons .web img:nth-child(2) {
        position: absolute;
        top: 241px;
        left: 63px;
        width: 13%;
    }
    .background-illustr-icons .web img:nth-child(3) {
        position: absolute;
        top: 228px;
        left: 74px;
        width: 12%;
        image-rendering: pixelated;
    }
    .background-illustr-icons .web img:nth-child(4) {
        position: absolute;
        top: 228px;
        left: 68px;
        width: 24%;
        image-rendering: pixelated;
    }
    .left-content-box .main-title {
        font-size: 15px;
    }
}
@media screen and (max-width: 414px) {
    .background-illustr-icons .development {
        bottom: 85px;
        right: -248px;
    }
    @keyframes textupdown {
        from {
            top: 17px;
            left: -63px;
        }
        to {
            top: 1px;
            left: -45px;
        }
    }
    .illustrate-img.serviceilltrate-image {
        right: -190px;
    }
    .get-in-touch {
        font-size: 21px;
    }
    .pages-banner {
        height: 352px;
    }
    .bannerwrapper-box {
        height: 48vh;
    }
    img.illustrate-img {
        width: 225px;
        height: 133px;
        top: 21px;
    }
    .pages-info {
        font-size: 13px;
    }
    .pages-heading {
        font-size: 21px;
    }
    .menu {
        top: 157px;
    }
    .mobile-switch {
        position: absolute;
        top: 37px;
        transform: rotate(-45deg);
        font-size: 93px;
        font-family: poppins;
        z-index: -1;
        color: #d6d4d2;
        font-weight: 700;
        left: -240px;
    }
    .mobile-line {
        width: 100%;
        height: 87%;
        left: 15px;
        top: 203px;
        position: absolute;
        object-fit: cover;
        display: block;
    }
    img.workline {
        display: none;
    }
    .rocket {
        display: none;
    }
    .logo {
        height: 100%;
        line-height: 0;
    }
    img.innovative-img {
        top: 67px;
        left: 63px;
        max-width: 275px;
        height: 215px;
        border-top-left-radius: 30px;
        border-bottom-left-radius: 30px;
    }
    .background-illustr-icons img:nth-child(2) {
        position: absolute;
        top: 48px;
        width: 47%;
        right: 103px;
    }
    .background-illustr-icons img:nth-child(3) {
        position: absolute;
        top: 227px;
        width: 7%;
        right: 169px;
    }
    .background-illustr-icons .web img:nth-child(4) {
        top: 173px;
        left: 51px;
    }
    .background-illustr-icons .web img:nth-child(1),
    .background-illustr-icons .web img:nth-child(2),
    .background-illustr-icons .web img:nth-child(3) {
        display: none;
    }
    .inventory-img .phone {
        position: absolute;
        top: 211px;
        left: -3px;
        width: 35%;
    }
}
@media screen and (max-width: 393px) {
    .background-illustr-icons .development {
        bottom: 80px;
        right: -242px;
    }
    .illustrate-img.serviceilltrate-image {
        right: -195px;
    }
    img.innovative-img {
        height: 205px;
        width: 263px;
        top: 61px;
        left: 62px;
        border-top-left-radius: 28px;
        border-bottom-left-radius: 28px;
    }
    .service-iconbox {
        left: 31%;
    }
    .inventory-img .phone {
        top: 204px;
    }
    .bannerwrapper-box {
        height: 49vh;
    }
    .pages-banner {
        height: 340px;
    }
    .banner-box {
        top: 73%;
    }
    .background-illustr-icons img:nth-child(3) {
        top: 215px;
        width: 7%;
        right: 159px;
    }
    .background-illustr-icons .web img:nth-child(1),
    .background-illustr-icons .web img:nth-child(2),
    .background-illustr-icons .web img:nth-child(3) {
        display: none;
    }
    .background-illustr-icons .web img:nth-child(4) {
        position: absolute;
        top: 160px;
        left: 48px;
        width: 24%;
    }
}
@media screen and (max-width: 375px) {
    img.innovative-img {
        height: 190px;
        width: 248px;
    }
    .banner-img {
        height: 172px;
    }
    .background-illustr-icons .development {
        bottom: 65px;
        right: -227px;
    }
    @keyframes textupdown3 {
        from {
            top: -5px;
            left: -38px;
        }
        to {
            top: 15px;
            left: -65px;
        }
    }
}
@media screen and (max-width: 360px) {
    .background-illustr-icons .development {
        bottom: 61px;
        right: -220px;
    }
    .navigations {
        padding: 13px 12px 0;
    }
    .service-iconbox {
        left: 28%;
    }
    img.innovative-img {
        height: 175px;
        max-width: 232px;
        left: 62px;
        top: 63px;
        border-top-left-radius: 25px;
        border-bottom-left-radius: 25px;
    }
    .company-name span {
        font-size: 26px;
    }
    .company-name .left-quote::before {
        font-size: 12px;
        left: 109px;
    }
    .company-name .right-quotes::before {
        font-size: 12px;
        right: 115px;
    }
    .logo {
        height: 100%;
        line-height: 65px;
    }
    .mobile-line {
        height: 83%;
    }
}
.container .pricing__table {
    display: block;
    padding: 20px;
    background: #ccc;
    overflow: hidden;
    width: 300px;
    margin: 10px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.container .pricing__table:nth-child(1) {
    background-image: linear-gradient(135deg, #fccf31 10%, #f55555 100%);
}
.container .pricing__table:nth-child(2) {
    background-image: linear-gradient(135deg, #f761a1 10%, #8c1bab 100%);
}
.container .pricing__table:nth-child(3) {
    background-image: linear-gradient(135deg, #43cbff 10%, #9708cc 100%);
}
.container .pricing__table:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
    z-index: 100;
}
.pricing__table .icon {
    display: block;
    width: 70px;
    height: 70px;
    background: #fff;
    text-align: center;
    line-height: 70px;
    font-size: 2.2em;
    margin: 20px auto;
    border-radius: 50px;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
}
.pricing__table .icon span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -moz-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -ms-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -o-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
.pricing__table .type-01 {
    color: #fccf31;
}
.pricing__table .type-02 {
    color: #f761a1;
}
.pricing__table .type-03 {
    color: #43cbff;
}
.heading {
    color: #fff;
    text-align: center;
    text-transform: capitalize;
    font-weight: lighter;
    padding: 10px;
    font-size: 1.2em;
}
.service__price {
    color: #fff;
    text-align: center;
    font-size: 3em;
}
.service__price .dollar__sign {
    font-size: 0.6em;
    margin-left: -10px;
}
.features__list {
    list-style: none;
    display: block;
    margin: 20px auto;
    width: 80%;
}
.features__list li {
    color: #fff;
    text-align: center;
    display: block;
    text-transform: capitalize;
    font-weight: lighter;
    font-size: 0.9em;
    height: 30px;
    line-height: 30px;
}
.order__button {
    border: none;
    display: block;
    width: 70%;
    height: 40px;
    margin: 5px auto;
    border-radius: 50px;
    -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -ms-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
    font-family: Roboto, sans-serif;
    text-transform: capitalize;
    color: rgba(0, 0, 0, 0.5);
    background: #fff;
    cursor: pointer;
}
.order__button:focus {
    outline: 0;
}