@import url('./bootstrap.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.1/css/all.min.css');
@import url('./aos.css');
@import url('./root.css');
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


/* width */

::-webkit-scrollbar {
    width: 8px;
}


/* Track */

::-webkit-scrollbar-track {
    background: var(--white);
}


/* Handle */

::-webkit-scrollbar-thumb {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

html,
body {
    background: var(--body-bg);
    max-width: 100%;
    overflow-x: hidden;
}

header {
    background: #fff;
    padding: 20px 0;
    transition: 0.5s ease-in-out all;
}

header .menu {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

header .menu nav .menu-main-wrapper {
    margin: 0;
    display: flex;
    gap: 10px;
    background: transparent;
    width: 100%;
    border: 1px solid #E1E1E1;
    padding: 0;
    border-radius: 10px;
    width: fit-content;
    position: relative;
    z-index: 10;
}

header .menu nav .menu-main-wrapper li {
    list-style: none;
    display: flex;
    align-items: center;
}

header .menu nav .menu-main-wrapper li a {
    color: #838383;
    font-family: var(--primary-font);
    font-size: 14px;
    text-decoration: none;
    transition: 0.5s ease-in-out all;
    padding: 10px 20px;
    border-radius: 8px;
}

header .menu nav .menu-main-wrapper li .btn-group a:after {
    background: url('../img/dropdown-arrow.svg');
    border: none;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    background-position: right;
    left: 0;
    top: 0;
    content: "";
    background-position: 95% 50%;
    background-size: 12px;
}

header .menu nav .menu-main-wrapper li .btn-group a:hover:after {
    filter: brightness(0) invert(1);
}

header .menu nav .menu-main-wrapper li a:hover {
    color: var(--white) !important;
    background: var(--primary-color);
}

header .menu nav .menu-main-wrapper li a.show {
    color: var(--white) !important;
    background: var(--primary-color);
}

header .menu nav .menu-main-wrapper li .btn-group a.show:after {
    filter: brightness(0) invert(1);
}

header .menu nav {
    display: flex;
    align-items: center;
    gap: 20px;
}

header .menu nav .menu-btn {
    text-decoration: none;
    color: #fff;
    padding: 10px 25px;
    border-radius: 10px;
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 15;
}

#banner {
    padding: 100px 0 400px 0;
    background: radial-gradient(var(--radial-gr-01), var(--radial-gr-02));
    position: relative;
}

#banner .col-lg-12 * {
    margin: 0;
}

#banner h2 *,
#banner h2 {
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 130px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2em;
}

#bouncing-heading-id span {
    display: inline-block;
}

#text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#banner p {
    color: var(--white);
    font-family: var(--primary-font);
    text-align: center;
    font-weight: 700;
    font-size: 40px;
}

#banner h4 {
    color: var(--white);
    text-align: center;
    font-weight: 700;
    font-size: 24px;
    font-family: var(--poppin-font);
    margin-top: 108px !important;
}

#banner .rocket {
    position: absolute;
    top: 220px;
    right: 245px;
    transition: 0.1s;
}

#banner .col-lg-12 {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

#banner h4 span {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(293deg, var(--primary-color), var(--ext-color));
    font-weight: 800;
    display: inline-block;
    padding-left: 5px;
}

#banner a {
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid var(--white);
    padding: 12px 80px;
    width: fit-content;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(3px);
    background: #22222280;
    overflow: hidden;
}

#banner a:before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(288deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#banner a:after {
    content: "";
    right: 0;
    bottom: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#banner a:hover:after,
#banner a:hover:before {
    width: 50%;
}

#banner .clouds {
    position: absolute;
    width: 100%;
    height: 631px;
    bottom: -250px;
    left: 0;
    z-index: 1;
}

#banner .clouds div {
    width: 100%;
    height: 100%;
    background-position: 0 0;
    background-repeat: repeat;
    position: absolute;
    top: 0;
    left: 0;
    animation: cloudani 300s infinite linear;
}

#banner .clouds div+div {
    animation: cloudani 300s infinite linear reverse;
}

@keyframes cloudani {
    0% {
        background-position: 0 0;
    }
    100% {
        background-position: 8000px 0;
    }
}

#services {
    padding: 39px 0 100px 0;
    position: relative;
    z-index: 5;
    background: #ffffff !important;
}

#services .row:nth-child(1) h3 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 55px;
    line-height: 1.2em;
}

#services .row:nth-child(1) .ribbon {
    font-family: var(--primary-font);
    color: var(--white);
    background: linear-gradient(54deg, #fe4c3a, #fd2a55);
    border-radius: 6px;
    padding: 8px 16px;
    transform: translate(45px, -21px) rotate(-4deg);
    display: inline-block;
    font-weight: bold;
    backdrop-filter: blur(3px);
    box-shadow: aliceblue;
    letter-spacing: 1px;
    word-spacing: 1px;
    border: 1px solid var(--white);
}

#services .row:nth-child(1) .icon-heading {
    display: flex;
    gap: 13px;
}

#services .row:nth-child(1) .icon-heading .icon {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    --size: 56px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

#services .row:nth-child(1) .icon-heading h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 24px;
}

#services .row:nth-child(1) .icon-heading p {
    margin: 0;
}

#services .row:nth-child(1) p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 76%;
    padding-top: 20px;
}

#services .row .heading-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

#services .row:nth-child(1) .col-lg-6:nth-child(2) {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 25px;
}

#services .row:nth-child(2) {
    padding: 60px 0;
}

#services .row .heading-btn h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 35px;
    line-height: 1.2em;
}

#services .row .heading-btn a {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 44px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

#services .row .heading-btn a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#services .row .heading-btn a:after {
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#services .row .heading-btn a:hover:before,
#services .row .heading-btn a:hover:after {
    width: 100%;
}

#services .row .heading-btn a:hover {
    color: var(--white);
}

#services .row .service-box-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 80px;
}

#services .row .service-box-wrapper .service-item {
    background: var(--white);
    border-radius: 20px;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transition: 0.5s ease-in-out all;
    border: 2px solid transparent;
}

#services .row .service-box-wrapper .service-item h5 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 26px;
    line-height: 1.2em;
    transition: 0.5s ease-in-out all;
}

#services .row .service-box-wrapper .service-item ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#services .row .service-box-wrapper .service-item ul li {
    list-style: none;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
}

#services .row .service-box-wrapper .service-item ul li:before {
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #4A4A4A;
    width: var(--size);
    height: var(--size);
    position: absolute;
    --size: 3px;
    border-radius: 50%;
    min-width: var(--size);
    min-height: var(--size);
    max-width: var(--size);
    max-height: var(--size);
}

#services .row .service-box-wrapper .service-item:hover {
    border: 2px solid var(--primary-color);
    box-shadow: #002fe94f 3px 11px 14px;
}

#services .row .service-box-wrapper .service-item:hover h5 {
    color: var(--primary-color);
}

#video {
    background: var(--off-white);
    padding: 100px 0px;
}

#video h2 {
    margin: 0 0 10px 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#video p {
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 84%;
}

#video .ct-slider {
    margin-top: 60px;
}

#video .ct-slider .vide-box {
    display: flex;
    gap: 38px;
    background: var(--white);
    border-radius: 20px;
    overflow: hidden;
}

#video .ct-slider .vide-box .video {
    position: relative;
    flex: 0 0 58%;
}

#video .ct-slider .vide-box .video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

#video .ct-slider .vide-box .video .videobtn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

#video .ct-slider .vide-box .video .videobtn p {
    margin: 0 auto;
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    width: 100%;
}

#video .ct-slider .vide-box .content {
    width: 100%;
    flex: 0 0 39%;
    padding: 35px 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
}

#video .ct-slider .vide-box .content h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    margin-top: 25px;
}

#video .ct-slider .vide-box .content span {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: flex-start;
}

#video .ct-slider .vide-box .content p {
    width: fit-content;
    padding: 0;
    text-align: left;
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 14px;
    font-weight: 400;
}

#video .ct-slider .vide-box .content a {
    text-decoration: none;
    color: #fff;
    padding: 18px 80px;
    border-radius: 7px;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: fit-content;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
}

#video .ct-slider .carousel-control-prev-icon {
    background: none;
}

#video .ct-slider .carousel-control-prev {
    justify-content: flex-start;
    transform: translateX(-25px);
    opacity: 1;
}

#video .ct-slider .carousel-control-next {
    justify-content: flex-end;
    opacity: 1;
    transform: translateX(5px);
}

#video .ct-slider .carousel-control-next-icon {
    background: none;
}


/* Marquee css */

#marquee .wrapper {
    width: 100%;
    height: 200px;
    position: relative;
    margin: auto;
    overflow: hidden;
    display: flex;
    padding: 29px 0;
}

#marquee .box {
    width: 160px;
    height: 140px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;
    border-radius: 10px;
    margin: 0;
    left: -100px;
}

#marquee .boxes {
    width: 100%;
    height: 100%;
    display: flex;
}

#leaders {
    padding: 100px 0;
    overflow: hidden;
}

#leaders h2 {
    margin: 0 0 10px 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    text-align: center;
}

#leaders p {
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    width: 72%;
}

#leaders .box img {
    width: 100px;
}

#services.tecnologies {
    padding: 0 !important;
    background: transparent !important;
}

.tecnologies p {
    width: 71% !important;
}

#stacks {
    padding: 60px 0;
    margin-bottom: -100px;
}

#stacks h2 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
    margin-bottom: 100px;
}

#stacks .stack-box {
    background: #ffffff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 20px;
    width: fit-content;
    padding: 30px;
    transition: 0.5s ease-in-out all;
    width: 88%;
    height: 100%;
}

#stacks .stack-box h3 {
    margin: 0;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    margin-top: 25px;
}

#stacks .stack-box img {
    margin-top: -90px;
    border: 1px solid #242424;
    padding: 10px;
    border-radius: 15px;
    display: block;
    transform: rotate(354deg) !important;
}

#stacks .stack-box ul {
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

#stacks .stack-box ul li {
    list-style: none;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 0;
}

#stacks .stack-box ul li:before {
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #4A4A4A;
    width: var(--size);
    height: var(--size);
    position: absolute;
    --size: 3px;
    border-radius: 50%;
    min-width: var(--size);
    min-height: var(--size);
    max-width: var(--size);
    max-height: var(--size);
    display: none;
}

#stacks .stack-box a {
    text-decoration: none;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: fit-content;
    position: relative;
    color: var(--primary-color);
}

#stacks .stack-box a:before {
    content: "";
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    transition: 0.5s ease-in-out all;
}

#stacks .stack-box a:hover:before {
    width: 0;
}

#stacks .stack-box:hover {
    box-shadow: #002fe94f -1px 10px 14px;
}

#stacks .stack-box:hover a:before {
    width: 0;
}

#banner:before {
    width: 100%;
    height: 20%;
    content: "";
    position: absolute;
    left: 0;
    bottom: -36px;
    background: rgb(30, 30, 30);
    background: linear-gradient(73deg, rgba(30, 30, 30, 1) 0%, rgba(175, 175, 175, 1) 61%, rgba(0, 0, 0, 1) 100%);
    z-index: 2;
    opacity: 0;
}

#industry {
    padding: 60px 0;
}

#industry h3 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
}

#industry p {
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 60%;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 40px;
}

#industry .industry-box {
    display: flex;
    gap: 33px;
    align-items: center;
    background: var(--white);
    border-radius: 20px;
    padding: 30px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 33px;
    width: 97%;
    transition: 0.5s ease-in-out all;
    border: 1px solid transparent;
    height: 100%;
}

#industry .industry-box .content {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    width: fit-content;
    gap: 10px;
}

#industry .industry-box .content p {
    width: 100%;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 90%;
}

#industry .industry-box h4 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
}

#industry .industry-box .content a {
    text-decoration: none;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: fit-content;
    position: relative;
    color: var(--primary-color);
}

#industry .industry-box .content a:before {
    content: "";
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    transition: 0.5s ease-in-out all;
}

#industry .industry-box:hover .content a:before {
    width: 0;
}

#industry .industry-box:hover {
    box-shadow: #002fe94f -1px 10px 14px;
    border: 1px solid var(--primary-color);
}

#industry .col-lg-6 {
    margin-bottom: 30px;
}

#librarius {
    background: url(../img/lib-bg.jpg) no-repeat, #fffaea4f;
    background-position: center center;
    background-size: cover;
    padding: 100px 0px;
}

#librarius .slider .slider-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: center;
    width: 100% !important;
}

#librarius .slider .slider-item h2 {
    margin: 0;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
    width: 100%;
}

#librarius .slider .slider-item p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    padding-right: 500px;
}

#librarius .slider .slider-item .inner-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

#librarius .slider .slider-item .inner-content .btn a {
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    text-decoration: none;
    border: 2px solid var(--primary-color);
    border-radius: 50px;
    padding: 8px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    position: relative;
    transition: 1s ease-in-out background;
}

#librarius .slider .slider-item .inner-content .btn {
    all: unset;
    display: flex;
    gap: 10px;
}

#librarius .slider .slider-item .inner-content .btn a:hover {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    color: var(--white);
}

#librarius .slider .slider-item .inner-content .icons {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    padding-right: 50px;
}

#librarius .slider .slider-item .inner-content .icons h4 {
    margin: 0;
    color: var(--slider-text);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
}

#librarius .slider .slider-item .text-box {
    background: var(--white);
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 5px;
    padding: 5px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 5px;
}

#librarius .slider .slider-item .text-box h4 {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#librarius .slider .slider-item .text-box p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
}

#librarius .slider .slider-item .row {
    width: 100%;
}

#librarius .slider .slider-item .row a {
    text-decoration: none;
    color: var(--white);
    padding: 18px 80px;
    border-radius: 7px;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: fit-content;
    position: relative;
    z-index: 99;
    overflow: hidden;
}

#librarius .progress {
    position: absolute;
    top: 0;
    width: 230px;
    right: 0;
    transform: translate(-50px, 47px);
    background-image: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    border-radius: 0px !important;
    height: 7px;
}

#librarius .slick-arrow {
    position: absolute;
    right: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    --size: 54px;
    width: var(--size) !important;
    height: var(--size) !important;
    min-width: var(--size) !important;
    border-radius: 50%;
    min-height: var(--size) !important;
    max-width: var(--size) !important;
    max-height: var(--size) !important;
    display: block;
    top: 0;
    font-size: 0;
    border: 2px solid transparent;
    z-index: 5;
}

#librarius .slick-prev {
    transform: translate(-360px, 22px);
    border-color: var(--primary-color);
    background: linear-gradient(54deg, #002fe93d, #0071e945);
}

#librarius .slick-next {
    transform: translate(-290px, 22px);
}

#librarius .slick-arrow:before {
    background: url('../img/slider-next-icon.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44%;
}

#librarius .slick-next:before {
    background: url('../img/slider-previous-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44%;
}

#librarius .progress {
    display: block;
    height: 6px;
    overflow: hidden;
    background-color: #E1E1E1;
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
}

#librarius .content {
    margin: auto;
    padding: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
}

#librarius .slider {
    margin: 0;
    position: relative;
}

#librarius .image {
    padding: 10px;
}

#librarius .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

#librarius .content .slick-track {
    display: flex;
    align-items: center;
}

header .menu nav .menu-main-wrapper li .active {
    color: var(--secondary-color);
    font-weight: 700;
}

#cta {
    background: linear-gradient(45deg, #1F1F1F, #3D3D3D);
    padding: 10px 0 0 0;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

#cta h4 {
    margin: 0;
    text-align: left;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    width: 100%;
}

#cta p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: #CDCDCD;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    padding-right: 181px;
}

#cta a {
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 18px;
    text-decoration: none;
    border: 1px solid var(--white);
    padding: 12px 80px;
    width: fit-content;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(3px);
    background: #22222280;
    overflow: hidden;
    display: block;
}

#cta a:before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(288deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#cta a:after {
    content: "";
    right: 0;
    bottom: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#cta a:hover:before,
#cta a:hover:after {
    width: 100%;
}

#cta .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

#services.custom-app {
    padding: 100px 0;
    background: transparent !important;
}

#services.custom-app .row:nth-child(1) p {
    width: 68%;
}

#stages {
    overflow: hidden;
}

#stages .stage-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
}

#stages .stage-row span {
    width: 100%;
    background: var(--slider-text);
    height: 2px;
}

#stages .stage-row h5 {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 24px;
    font-weight: bold;
    width: 12%;
    text-align: center;
}

#stages .container {
    padding: 60px 0;
}

#stages .container h3 {
    margin: 0 0 40px 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    text-align: center;
}

#stages .container p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 76%;
}

#stages .container a {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 100px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    width: fit-content;
}

#stages .container a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#stages .container a:after {
    content: "";
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#stages .container a:hover:after,
#stages .container a:hover:before {
    width: 100%;
}

#stages .container a * {
    position: relative;
    z-index: 3;
}

#stages .container a:hover * {
    color: var(--white);
}

#stages .container .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
    align-items: baseline;
}

#services.testimonial-heading {
    background: var(--off-white) !important;
    padding: 100px 0;
}

#services.testimonial-heading .row:nth-child(1) .ribbon {
    transform: translate(282px, -31px) rotate(-4deg);
}

#services.testimonial-heading .row:nth-child(1) p {
    width: 71%;
}

#testimonial {
    background: var(--off-white);
    padding-bottom: 100px;
}

#testimonial .slick-track {
    display: flex;
    gap: 25px;
}

#testimonial .content {
    overflow: hidden;
    position: relative;
    padding-bottom: 2px;
}

#testimonial .content .icon-box-ct {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

#testimonial .content .icon-box-ct span img {
    margin: 0 -22px -15px -22px;
}

#testimonial .content .icon-box-ct h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 18px;
    line-height: 1.2em;
}

#testimonial .content .icon-box-ct p {
    margin: 0 !important;
    color: var(--heading-color) !important;
    font-family: var(--primary-font) !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.2em !important;
    width: 100% !important;
}

#testimonial .content .icon-box-ct .text {
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#testimonial .content .testimonial-item {
    background: var(--white);
    border-radius: 25px;
    padding: 25px 40px;
}

#testimonial .content .testimonial-item p {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.7em;
    margin: 0;
    width: 82%;
    margin: 10px 0 30px 0;
}

#testimonial .progress {
    position: absolute;
    top: 50%;
    width: 230px;
    right: 0;
    background-image: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    border-radius: 0px !important;
    height: 7px;
    transform: translateX(-60px);
}

#testimonial .slick-arrow {
    position: absolute;
    right: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    --size: 54px;
    width: var(--size) !important;
    height: var(--size) !important;
    min-width: var(--size) !important;
    border-radius: 50%;
    min-height: var(--size) !important;
    max-width: var(--size) !important;
    max-height: var(--size) !important;
    display: block;
    bottom: 0;
    font-size: 0;
    border: 0;
    z-index: 5;
}

#testimonial .slick-prev {
    transform: translate(-394px, 0);
    border-color: var(--primary-color);
    background: linear-gradient(54deg, #fd28567a, #ff4c3bba);
}

#testimonial .slick-next {
    transform: translate(-320px, 0px);
}

#testimonial .slick-arrow:before {
    background: url('../img/slider-previous-icon.svg');
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    content: "";
    transform: translate(-50%, -50%) rotate(180deg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44%;
}

#testimonial .slick-next:before {
    background: url('../img/slider-previous-icon.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 44%;
    transform: translate(-50%, -50%) rotate(0deg);
}

#testimonial .progress {
    display: block;
    height: 6px;
    overflow: hidden;
    background-color: #E1E1E1;
    background-repeat: no-repeat;
    background-size: 0 100%;
    transition: background-size 0.4s ease-in-out;
}

#testimonial .barandarrow {
    position: relative;
    height: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 50px;
    justify-content: flex-end;
}

#testimonial .barandarrow h6 {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
    width: fit-content;
}

#cta.cta-02 .col-lg-7 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: center;
}

#cta.cta-02 img {
    margin-left: -200px;
}

#services.sharing-knowledge {
    padding: 100px 0;
    background: transparent !important;
}

#services.sharing-knowledge .row:nth-child(1) p {
    width: 100%;
    padding-right: 140px;
}

#services.sharing-knowledge .row:nth-child(1) .ribbon {
    transform: translate(110px, -15px) rotate(-4deg);
}

#knowledge {
    padding-bottom: 100px;
}

#knowledge .knowledge-box {
    background: var(--white);
    border-radius: 20px;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 0px 33px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    transition: 0.3s ease-in-out all;
}

#knowledge .knowledge-box .icon {
    flex: 0 0 6%;
}

#knowledge .knowledge-box .content {
    flex: 0 0 87%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#knowledge .knowledge-box .arrow-btn {
    flex: 0 0 4%;
}

#knowledge .col-lg-12 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#knowledge .knowledge-box .content h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    transition: 0.2s ease-in-out all;
}

#knowledge .knowledge-box .content p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    transition: 0.2s ease-in-out all;
}

#knowledge .knowledge-box .arrow-btn span {
    --size: 50px;
    width: var(--size);
    height: var(--size);
    background: var(--icon-bg);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

#knowledge .knowledge-box:hover {
    background: var(--heading-color);
}

#knowledge .knowledge-box:hover .content h3 {
    color: var(--white);
}

#knowledge .knowledge-box:hover .content p {
    color: var(--white);
}

#knowledge a {
    margin: 15px 0 0 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 100px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    width: fit-content;
}

#knowledge a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#knowledge a:after {
    content: "";
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#knowledge a:hover:after,
#knowledge a:hover:before {
    width: 100%;
}

#knowledge a span {
    position: relative;
    z-index: 5;
    transition: 0.5s ease-in-out all;
}

#knowledge a:hover {
    color: var(--white);
}

#faq {
    background: #ffffff;
    padding: 100px 0;
}

#faq h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 55px;
    line-height: 1.2em;
    text-align: center;
}

#faq #faqAccordion {
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 0;
}

#faq .accordion-item {
    background: transparent !important;
    border: none !important;
    border-bottom: 2px solid var(--icon-bg) !important;
}

#faq .accordion-item button {
    background: transparent;
    border: none !important;
    padding: 30px 0;
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    text-align: left;
    box-shadow: none !important;
}

#faq .accordion-button:focus {
    box-shadow: none;
}

#faq .accordion-body {
    padding: 0 0 20px 0;
}

#faq .accordion-item:last-child {
    border-bottom: none !important;
}

#faq .accordion-button:after {
    background: #E0E0E0;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    border-radius: 50%;
    transition: 0.5s ease-in-out all;
    background-image: url('../img/acord-plus.png');
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
}

#faq .accordion-button.active:after {
    background-image: url('../img/acord-minus.png');
}

footer {
    background: var(--heading-color);
    padding: 60px 0 40px 0;
}

footer .footer-box h4 {
    margin: 0;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 30px;
}

footer .footer-box ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

footer .footer-box ul li {
    list-style: none;
}

footer .footer-box ul li a {
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    text-decoration: none;
    position: relative;
}

footer .footer-box ul li a:before {
    width: 0;
    height: 1px;
    background: var(--white);
    left: 0;
    bottom: 0;
    position: absolute;
    content: "";
    transition: 0.5s ease-in-out all;
}

footer .footer-box ul li a:hover:before {
    width: 100%;
}

footer .footer-box .info-box {
    display: flex;
    gap: 10px;
}

footer .footer-box .info-box .content a:nth-child(2) {
    margin: 0;
    color: #CDCDCD;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 12px;
    margin-bottom: 0;
    text-decoration: none;
    display: block;
    width: 80%;
}

footer .footer-box .info-box .content a:nth-child(1) {
    margin: 0;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 16px;
    text-decoration: none;
    position: relative;
    display: block;
    width: fit-content;
}

footer .footer-box .info-box .content a:nth-child(1):before {
    content: "";
    left: 0;
    bottom: 4px;
    width: 0;
    height: 1px;
    background: var(--white);
    position: absolute;
    transition: 0.5s ease-in-out all;
}

footer .footer-box .info-box .content a:nth-child(1):hover:before {
    width: 100%;
}

footer .footer-box .info-box:nth-child(4) a {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

footer .footer-box .info-box:nth-child(4) a:before {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color)) !important;
}

footer .footer-box .book-btn {
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid var(--white);
    padding: 12px 65px;
    width: fit-content;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(3px);
    background: #22222280;
    overflow: hidden;
    display: block;
    margin-top: 25px;
}

footer .footer-box .info-box:nth-child(3) {
    margin: 15px 0;
}

footer .footer-box .book-btn:before {
    content: "";
    left: 0;
    bottom: 0;
    background: linear-gradient(288deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

footer .footer-box .book-btn:after {
    content: "";
    right: 0;
    bottom: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 0;
    height: 100%;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

footer .footer-box .book-btn:hover:before,
footer .footer-box .book-btn:hover:after {
    width: 100%;
}

footer #copyrigth {
    margin-top: 35px;
}

footer #copyrigth ul {
    margin: 0;
    padding: 0;
    display: flex;
    gap: 14px;
    align-items: center;
}

footer #copyrigth .row {
    display: flex;
    align-items: center;
}

footer #copyrigth ul li {
    list-style: none;
}

footer #copyrigth ul li a,
footer #copyrigth ul li a * {
    fill: var(--white);
    font-size: 20px;
    transition: 0.5s ease-in-out all;
}

footer #copyrigth ul li a:hover,
footer #copyrigth ul li a:hover * {
    fill: var(--primary-color);
    transform: translateY(-5px);
}

footer #copyrigth p {
    text-align: center;
    margin: 0;
    color: #CDCDCD;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 0;
    text-decoration: none;
    display: block;
    width: 100%;
}

footer #copyrigth .col-lg-3:nth-child(3) {
    display: flex;
    justify-content: end;
}

footer .col-lg-9 .col-lg-3:nth-child(4) {
    display: flex;
    justify-content: flex-end;
}

footer .col-lg-9 .col-lg-3:nth-child(3) {
    display: flex;
    justify-content: end;
}

footer .col-lg-9 .col-lg-3:nth-child(2) {
    display: flex;
    justify-content: center;
}

footer .col-lg-9 .col-lg-3:nth-child(1) {
    display: flex;
    justify-content: flex-start;
    padding-left: 45px;
}

header .logo {
    overflow: hidden;
    height: 100%;
    display: flex;
    align-items: center;
}

an {
    overflow: hidden;
    display: block;
}

an inan {
    display: block;
}

#services .row:nth-child(1) .icon-heading .icon img {
    animation: ct_floating 2s ease-in-out alternate infinite;
    display: block;
}

.hover {
    display: block;
}

@keyframes ct_floating {
    from {
        transform: translate(0, -5px);
    }
    65% {
        transform: translate(0, 5px);
    }
    to {
        transform: translate(0, -0px);
    }
}

#stages .stage-row h5 span {
    all: unset;
}

.cursor {
    position: absolute;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    z-index: 9;
    transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    transform: scale(0.8);
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
}

.cursor-follower {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 100%;
    z-index: 10;
    border: 2px solid var(--primary-color);
    background-color: transparent;
    transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) background;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    transform: translate(4px, 4px);
}

.cursor.active {
    opacity: 0.3;
    transform: scale(5);
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    transition: 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.5s cubic-bezier(0.75, -1.27, 0.3, 2.33) opacity;
}

.cursor.active-drag {
    opacity: 0.8;
}

.cursor p {
    font-family: var(--primary-font);
    color: var(--white);
    font-size: 1px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(2);
    opacity: 0;
}

.cursor.active-drag p {
    opacity: 1;
}

.cursor-follower.active {
    opacity: 0.5;
    transform: scale(0);
}

header .menu nav .menu-btn:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

header .menu nav .menu-btn:hover:before {
    width: 0;
}

header .menu nav .menu-btn:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

header .menu nav .menu-btn:hover:after {
    transform: translate(-50%, 50%) scale(3);
}

#video .ct-slider .vide-box .content a:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#video .ct-slider .vide-box .content a:hover:before {
    width: 0;
}

#video .ct-slider .vide-box .content a:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

#video .ct-slider .vide-box .content a:hover:after {
    transform: translate(-50%, 50%) scale(10);
}

#video .ct-slider .vide-box .content a span {
    position: relative;
    z-index: 5;
}

#librarius .slider .slider-item .row a:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#librarius .slider .slider-item .row a:hover:before {
    width: 0;
}

#librarius .slider .slider-item .row a:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

#librarius .slider .slider-item .row a:hover:after {
    transform: translate(-50%, 50%) scale(10);
}

#librarius .slider .slider-item .row a * {
    position: relative;
    z-index: 5;
}

header .menu nav .menu-btn span {
    position: relative;
    z-index: 5;
}

header .menu nav .menu-main-wrapper li .dropdown-menu {
    background: var(--white);
    border: 1px solid var(--primary-color);
    padding: 5px;
    box-shadow: #002fe980 -1px 1px 5px;
    margin-top: 47px;
    width: max-content;
    margin-left: -84px;
    gap: 4px;
    flex-direction: column;
}

header .menu nav .menu-main-wrapper li .dropdown-menu li {
    padding: 5px 10px;
    transition: 0.5s ease-in-out all;
    position: relative;
    background: transparent;
    border-radius: 5px;
}

header .menu nav .menu-main-wrapper li .dropdown-menu li a {
    position: relative;
    cursor: pointer;
    display: flex;
    gap: 7px;
    width: 100%;
}

header .menu nav .menu-main-wrapper li .dropdown-menu:before {
    content: "";
    right: 14px;
    top: -8px;
    width: 20px;
    height: 9px;
    background: var(--white);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    position: absolute;
}

header .menu nav .menu-main-wrapper li .dropdown-menu li:hover {
    background: var(--off-white);
}

header .menu nav .menu-main-wrapper li .dropdown-menu li * {
    transition: 0.5s ease-in-out all;
}

header .menu nav .menu-main-wrapper li .dropdown-menu li:hover * {
    color: var(--primary-color);
    stroke: var(--primary-color);
}

#mobile-header #bg-menu-mobile {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    will-change: transform;
    z-index: 99;
    transform: translateX(100%);
    opacity: 1;
}

#mobile-header ul {
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    list-style: none;
    color: #fff;
    z-index: 999;
    padding: 0 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

#mobile-header ul li {
    margin-bottom: 0;
    left: 0;
    cursor: pointer;
    position: relative;
    transform: translateX(100%);
    padding-left: 20px;
}

#mobile-header ul li:hover {
    color: #111;
    -webkit-transition: all .1s ease-in-out;
    -moz-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
}


/* hang burger */

#mobile-header #hamburger {
    width: 40px;
    height: 29px;
    position: relative;
    margin: 0;
    cursor: pointer;
    top: 0;
    right: 0;
    background-color: transparent;
    z-index: 999;
}

#industry .industry-box .img img {
    width: 100%;
    height: auto;
}

#industry .industry-box .img {
    flex: 0 0 30%;
}

#mobile-header #hamburger span {
    z-index: 3;
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    border-radius: 5px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .20s ease-in-out;
    -moz-transition: .20s ease-in-out;
    -o-transition: .20s ease-in-out;
    transition: .25s ease-in-out;
}

#mobile-header #hamburger span:nth-child(1) {
    top: 0px;
}

#mobile-header #hamburger span:nth-child(2) {
    top: 12px;
}

#mobile-header #hamburger span:nth-child(3) {
    top: 24px;
}

#mobile-header #hamburger.open span:nth-child(1) {
    top: 14px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    background-color: #fff;
}

#mobile-header #hamburger.open span:nth-child(2) {
    opacity: 0;
    left: -30px;
    -webkit-transition: .16s ease-in-out;
    -moz-transition: .16s ease-in-out;
    -o-transition: .16s ease-in-out;
    transition: .16s ease-in-out;
}

#mobile-header #hamburger.open span:nth-child(3) {
    top: 14px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    background-color: #fff;
}

#mobile-header .submenu-ul {
    display: flex;
    top: 0;
    left: 0;
    width: 100%;
    background-color: var(--radial-gr-01);
    z-index: 999;
    opacity: 1;
    transform: translateY(-110%);
    transition: 0.5s ease-in-out all;
    gap: 9px;
    margin-top: 5px;
    padding: 8px 0;
    height: fit-content;
}

#mobile-header .sub-menu-wrapper {
    overflow: hidden;
    display: block;
    height: 0px;
    margin-left: -21px;
}

#mobile-header .sub-menu-wrapper.active {
    height: 100%;
}

#mobile-header .sub-menu-wrapper.active .submenu-ul {
    transform: translateY(0%);
}

#mobile-header .submenu-ul li {
    overflow: hidden;
    transform: none !important;
    left: 0;
    padding: 5px 20px;
    transition: 0.3s ease-in-out all;
    border-bottom: 2px solid var(--white);
}

#mobile-header .submenu-ul li a {
    transform: translateY(-110%);
    transition: 1.5s ease-in-out all;
    display: block;
}

#mobile-header .sub-menu-wrapper.active .submenu-ul li a {
    transform: translateY(0%);
}

#mobile-header .submenu-ul li:hover {
    color: #111;
    transition: color 0.2s ease-in-out;
}

#menu-mobile {
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 99;
    display: flex;
    align-items: baseline;
    padding-top: 150px;
    transform: translateX(100%);
    top: 0;
}

#mobile-header ul li a {
    color: var(--white);
    text-decoration: none;
    font-family: var(--primary-font);
    font-size: 30px;
    font-weight: 500;
}

#mobile-header .submenu-ul li a {
    font-size: 20px !important;
}

#mobile-header .submenu-ul li:last-child {
    border-bottom: 0;
}

#mobile-header #hamburger.open span {
    background: var(--white);
}

#mobile-header ul li.submenu a {
    position: relative;
}

#mobile-header ul li.submenu a:before {
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    width: 15px;
    height: 10px;
    background: var(--white);
    position: absolute;
    content: "";
    right: 0;
    top: 50%;
    transform: translate(148%, -36%) rotate(180deg);
    transition: 0.5s ease-in-out all;
}

#mobile-header ul li.submenu li a:before {
    display: none;
}

#mobile-header {
    display: none;
}

#mobile-header ul li.submenu a.active:before {
    transform: translate(148%, -36%) rotate(0deg);
}

header .menu nav .menu-main-wrapper li .dropdown-menu a {
    all: unset;
}

header .menu nav .menu-main-wrapper li .dropdown-menu a:after {
    display: none;
}

#mobile-header ul li.active {
    background: var(--white);
}

#mobile-header ul li.active a {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

.dotes {
    --size: 582px;
    width: var(--size);
    height: var(--size);
    -webkit-mask-size: var(--size) var(--size);
    mask-size: var(--size) var(--size);
    background-color: rgba(26, 26, 26, .05);
    -webkit-mask-image: url(../img/dots.svg);
    mask-image: url(../img/dots.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    position: absolute;
}

#banner.service-page {
    padding: 60px 0 100px 0;
    background: transparent;
}

#banner.service-page .dotes.dote01 {
    right: -117px;
    top: -106px;
    animation: ct-float 3s ease-in-out infinite;
}

#banner.service-page .dotes.dote02 {
    left: 32%;
    top: 21%;
    --size: 692px;
    animation: ct-float 6s ease-in-out infinite;
}

#banner.service-page p {
    color: var(--text-color);
    font-size: 28px;
}

@keyframes ct-float {
    0% {
        transform: translatey(0px);
    }
    50% {
        transform: translatey(-10px);
    }
    100% {
        transform: translatey(0px);
    }
}

.order-package-box {
    box-shadow: 0 30px 50px hsla(0, 0%, 83%, .2);
    background: var(--white);
    border-radius: 100px 16px;
    padding: 30px;
    margin: 0 50px;
}

#order-package {
    position: relative;
    z-index: 2;
}

.order-package-box .heading-icon {
    display: flex;
    gap: 20px;
    align-items: center;
}

.order-package-box .heading-icon .icon {
    width: 150px;
}

.order-package-box .heading-icon .icon img {
    width: 100%;
}

.order-package-box .heading-icon .heading h3 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    margin: 0;
}

.order-package-box p {
    margin: 10px 0 20px 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

.order-package-box .text-div:nth-child(even) {
    margin: 25px 0;
}

.order-package-box .text-div h4 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 20px;
    line-height: 1.2em;
    margin: 0;
    position: relative;
    padding-left: 10px;
}

.order-package-box .text-div h4:before {
    content: "";
    left: 0;
    top: 50%;
    background: var(--heading-color);
    --size: 5px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    border-radius: 50%;
    transform: translateY(-50%);
}

.order-package-box .text-div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.order-package-box .text-div p {
    margin: 0;
}

.order-package-box .pric-btn {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin-top: 40px;
    padding-right: 30px;
}

.order-package-box .pric-btn a {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 85px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

.order-package-box .pric-btn a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 2;
    transition: 0.5s ease-in-out all;
}

.order-package-box .pric-btn a:after {
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 2;
    transition: 0.5s ease-in-out all;
}

.order-package-box .pric-btn a:hover:before,
.order-package-box .pric-btn a:hover:after {
    width: 100%;
}

.order-package-box .pric-btn a span {
    position: relative;
    z-index: 5;
    transition: 0.5s ease-in-out all;
}

.order-package-box .pric-btn a:hover span {
    color: var(--white);
}

.order-package-box .pric-btn .pric {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2px;
}

.order-package-box .pric-btn .pric p {
    margin: 0;
    padding-left: 12px;
}

.order-package-box .pric-btn .pric h6 {
    margin: 0;
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 42px;
}

.order-package-box:nth-child(even) {
    margin: 100px 50px;
}

.order-package-box.order-01 {
    position: relative;
}

.order-package-box.order-01 .dotes.dote01 {
    left: -42%;
    animation: ct-float 3s ease-in-out infinite;
}

.order-package-box.order-02 {
    position: relative;
}

.order-package-box.order-02 .dotes.dote01 {
    top: -20%;
    right: -42%;
    animation: ct-float 3s ease-in-out infinite;
}

.order-package-box.order-02 .dotes.dote02 {
    bottom: -18%;
    left: -42%;
    animation: ct-float 3s ease-in-out infinite;
}

.order-package-box.order-03 {
    position: relative;
}

.order-package-box.order-03 .dotes.dote01 {
    right: -44%;
    bottom: 10%;
    animation: ct-float 3s ease-in-out infinite;
}

.order-package-box.order-04 {
    position: relative;
}

.order-package-box.order-04 .dotes.dote01 {
    left: -42%;
    animation: ct-float 3s ease-in-out infinite;
}

.cta-service-01 img {
    width: 70%;
}

#stacks.service-stacks {
    padding: 150px 0 80px 0;
    position: relative;
}

#stacks.service-stacks .dotes.dote01 {
    left: -12%;
    bottom: -20%;
    animation: ct-float 3s ease-in-out infinite;
}

#stacks.service-stacks .dotes.dote02 {
    top: -33%;
    right: -14%;
    animation: ct-float 3s ease-in-out infinite;
}

#stacks.service-stacks .stack-box {
    height: 100%;
}

#stacks.service-stacks .stack-box li:before {
    display: none;
}

#stacks.service-stacks .stack-box li {
    padding-left: 0;
}

#stacks.service-stacks .stack-box ul {
    gap: 20px;
}

.tipsbox {
    box-shadow: 0 30px 40px 0 hsla(0, 0%, 87%, .2);
    border-radius: 50px 10px;
    background: var(--white);
    width: fit-content;
    transition: 0.5s ease-in-out all;
    height: 100%;
}

.tipsbox .img {
    height: auto;
    border-radius: 50px 10px;
    overflow: hidden;
    background-color: #838383;
    text-align: center;
}

.tipsbox .content {
    padding: 20px 30px 35px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}

.tipsbox .content h4 {
    margin: 0;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 25px;
    line-height: 1.2em;
}

#industry .tipsbox .content p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 80%;
    padding-top: 0;
    text-align: left;
    padding-bottom: 0;
}

#industry .tipsbox .content a {
    text-decoration: none;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: fit-content;
    position: relative;
    color: var(--primary-color);
}

#industry .tipsbox .content a:before {
    content: "";
    left: 0;
    bottom: 3px;
    width: 100%;
    height: 2px;
    background: var(--primary-color);
    position: absolute;
    transition: 0.5s ease-in-out all;
}

#industry .tipsbox .content a:hover:before {
    width: 0;
}

.tipsbox:hover {
    box-shadow: #002fe94f -1px 10px 14px;
}

#industry.tips {
    padding: 100px 0;
    position: relative;
}

#industry.tips .dotes.dote01 {
    top: -28%;
    left: -6%;
    animation: ct-float 3s ease-in-out infinite;
}

#industry.tips .dotes.dote02 {
    top: 8%;
    right: -11%;
    animation: ct-float 3s ease-in-out infinite;
}

.tipsbox .img img {
    transition: 0.2s ease-in-out all;
}

.tipsbox:hover .img img {
    scale: 1.05;
}

#stacks.service-stacks .col-lg-4 {
    position: relative;
    z-index: 2;
}

.tipsbox .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#mobile-header ul::-webkit-scrollbar {
    width: 0;
}

.dropdown-menu.show {
    display: flex;
}

header .menu nav .menu-main-wrapper li .dropdown-menu li .active * {
    font-weight: 700;
    stroke-width: 2px;
}

#industry.tips.acceleration {
    background: var(--off-white);
    overflow: hidden;
}

#industry.tips.programe {
    padding: 0 0 100px 0;
}

#industry.tips.programe .tipsbox .content ul {
    margin: 0;
    padding: 0;
}

#industry.tips.programe .tipsbox .content ul li {
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#industry.tips.programe .tipsbox .content h4 {
    font-size: 30px;
}

#industry.tips.programe .tipsbox .img {
    background: transparent;
}

#industry.tips.programe .tipsbox .img img {
    width: 90%;
    padding-top: 10px;
}

#banner .website-info-box a {
    all: unset;
    margin: 0;
    text-align: left;
    padding: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
}

.website-info-box {
    display: flex;
    align-items: center;
    gap: 18px;
    width: 100%;
    justify-content: flex-start;
    padding-bottom: 20px;
}

#banner .website-info-box h5 {
    margin: 0;
    text-align: left;
    padding: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: bold;
}

#banner .website-info-box a:hover {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

#form {
    background: linear-gradient(45deg, #1F1F1F, #3D3D3D);
    padding: 100px 0;
    overflow: hidden;
    position: relative;
    z-index: 5;
}

#form .form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#form .form .filed-warraper {
    display: flex;
    gap: 20px;
}

#form .form .filed-warraper .filed {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 5px;
}

#form .form .filed-warraper .filed input {
    border-radius: 4px;
    padding: 0 10px;
    background-color: var(--white);
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    height: 50px;
    line-height: 50px;
    text-align: left;
    width: 100%;
    box-shadow: none;
    outline: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#form .form .filed-warraper .filed label {
    color: var(--white);
    margin: 0;
    font-family: var(--primary-font);
    font-weight: 700;
    font-size: 16px;
    line-height: 1.2em;
    text-align: left;
}

#form .form .filed-warraper .filed span {
    display: none;
}

#form .form .filed-warraper .filed textarea {
    border-radius: 4px;
    padding: 0 10px;
    background-color: var(--white);
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    height: 200px;
    line-height: 50px;
    text-align: left;
    width: 100%;
    box-shadow: none;
    outline: 0;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

#form .form .chckbox {
    display: flex;
    align-items: center;
    gap: 9px;
}

#form .form .chckbox label {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--white);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#form .form .chckbox input {
    display: none;
}

#form .form .chckbox input+label {
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    width: fit-content;
}

#form .form .chckbox input+label:before {
    content: "";
    --size: 23px;
    position: absolute;
    left: 0;
    top: 0;
    width: var(--size);
    height: var(--size);
    border: 1px solid var(--white);
    background-color: transparent;
    transition: background-color 0.3s, border-color 0.3s;
    border-radius: 5px;
}

#form .form .chckbox input:checked+label:before {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
}

#form .form .chckbox input:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 0px;
    color: white;
    font-size: 16px;
}

#form .form .submit-btn button {
    font-size: 18px;
    line-height: 20px;
    font-weight: 600;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .05);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    border: 2px solid #fff;
    border-radius: 4px;
    padding: 0;
    color: var(--white);
    width: 50%;
    height: 50px;
    background: transparent;
    font-family: var(--primary-font);
    transition: 0.5s ease-in-out all;
}

#form .form .submit-btn button:hover {
    background: var(--primary-color);
}

#form h4 {
    margin: 0;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 42px;
    line-height: 1.2em;
    text-align: left;
    margin-bottom: 40px;
}

#form .col-lg-5 {
    display: flex;
    align-items: center;
    justify-content: end;
}

#what_will {
    background: var(--off-white);
    padding: 0 0 100px 0;
    position: relative;
}

#what_will h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#what_will .box-icon {
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 30px 40px 0 hsla(0, 0%, 87%, .2);
    padding: 20px;
    width: 100%;
}

#what_will .box-icon p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: 84%;
}

#what_will .row:nth-child(3) {
    margin-top: 30px;
}

#what_will .row:nth-child(2) {
    margin-top: 40px;
}

#what_will .row:nth-child(4) {
    margin-top: 80px;
}

#what_will #awrds h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    text-align: left;
}

#what_will #awrds p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    width: 84%;
    margin-top: 10px;
}

#what_will #awrds .logos-box-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#what_will #awrds .logos-box-wrapper .logos-box-ct {
    flex: 0 0 23%;
    background: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    box-shadow: 0 30px 40px hsla(0, 0%, 87%, .2);
    padding: 20px 0;
    transition: 0.5s ease-in-out all;
}

#what_will #awrds .logos-box-wrapper .logos-box-ct:hover {
    scale: 1.1;
}

#what_will .dotes.dote01 {
    bottom: 0;
    left: 0;
    animation: ct-float 3s ease-in-out infinite;
}

#what_will .dotes.dote02 {
    right: -8%;
    top: 0;
    animation: ct-float 3s ease-in-out infinite;
}

#what_will .container {
    position: relative;
    z-index: 5;
}

#banner.service-page #expericeboxes {
    position: relative;
    margin: 65px 80px 0 80px;
}

#banner.service-page #expericeboxes .expericeboxe {
    background-color: var(--white);
    border-radius: 10px;
    overflow: hidden;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 1px 0px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 100%;
    justify-content: space-between;
    transition: 0.5s ease-in-out all;
}

#banner.service-page #expericeboxes .col-lg-12 .expericeboxe {
    flex-direction: row;
}

#banner.service-page #expericeboxes .expericeboxe p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 90%;
    text-align: left;
}

#banner.service-page #expericeboxes .expericeboxe h5 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    text-align: left;
}

#banner.service-page #expericeboxes .expericeboxe .content {
    display: flex;
    flex-direction: column;
    gap: 11px;
}

#banner.service-page #expericeboxes .expericeboxe .img {
    width: 317px;
    transform: translateY(44px);
    transition: 0.5s ease-in-out all;
}

#banner.service-page #expericeboxes .col-lg-12 .expericeboxe .img img {
    width: 100%;
    height: 100%;
}

#banner.service-page #expericeboxes .col-lg-12 {
    margin-bottom: 22px;
}

#banner.service-page #expericeboxes .expericeboxe:hover .img {
    transform: translateY(30px);
}

#banner.service-page #expericeboxes .expericeboxe:hover {
    box-shadow: var(--primary-color) 0px 0px 1px 1px;
}

#what_will.expertise {
    padding: 100px 0;
}

#cta.idea-page img {
    width: 73%;
    position: relative;
    display: block;
    top: 120px;
    margin-top: -131px;
}

#product-market-fit {
    padding-bottom: 100px;
}

#product-market-fit h4 {
    margin: 0 0 20px 0;
    font-family: var(--secondary-font);
    font-size: 60px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2em;
    color: var(--heading-color);
}

#product-market-fit p {
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    margin: 0;
    width: 100%;
}

#product-market-fit .container .row {
    margin: 0 120px;
}

#product-market-fit .numbers-ol {
    margin: 15px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#product-market-fit .numbers-ol li {
    list-style: none;
    font-family: var(--primary-font);
    font-size: 20px;
    text-align: left;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--heading-color);
    position: relative;
}

#product-market-fit .numbers-ol {
    counter-reset: numbered-list;
}

#product-market-fit .numbers-ol li {
    counter-increment: numbered-list;
    display: flex;
    align-items: center;
}

#product-market-fit .numbers-ol li:before {
    content: counter(numbered-list);
    display: inline-block;
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    font-size: 14px;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: var(--primary-color);
    border-radius: 50%;
    margin-right: 10px;
}

#product-market-fit img {
    width: auto;
    height: auto;
    margin: 30px 0;
    box-shadow: 0 30px 50px hsla(0, 0%, 83%, .2);
    border-radius: 10px 50px;
}

#product-market-fit img.img-circle {
    box-shadow: none;
    border-radius: none;
}

#product-market-fit h5 {
    font-family: var(--primary-font);
    font-size: 20px;
    text-align: left;
    font-weight: 700;
    margin: 0;
    line-height: 1.2em;
    color: var(--heading-color);
    position: relative;
}

#product-market-fit .ul-color {
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#product-market-fit .ul-color li {
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    margin: 0;
    width: 100%;
}

#product-market-fit .ul-color li span:nth-child(1) {
    min-width: 100px;
    font-size: 16px;
    text-align: center;
    padding: 4px 6px;
    margin-right: 15px;
    margin-bottom: 0;
    background-color: #9ed571;
    line-height: 24px;
    font-weight: 700;
    color: #fff;
    border-radius: 6px;
    width: 100%;
    flex: 0;
}

#product-market-fit .ul-color li {
    display: flex;
    align-items: baseline;
}

#product-market-fit .ul-color li:nth-child(2) span:nth-child(1) {
    background: #f0c96d;
}

#product-market-fit .ul-color li:nth-child(3) span:nth-child(1) {
    background: #ef936a;
}

#product-market-fit .ul-color li:nth-child(4) span:nth-child(1) {
    background: #b877d1;
}

#product-market-fit .ul-color li:nth-child(5) span:nth-child(1) {
    background: #68a1e1;
}

#product-market-fit .color-li-blue {
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#product-market-fit .color-li-blue li {
    list-style: none;
    font-family: var(--primary-font);
    font-size: 23px;
    text-align: left;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--heading-color);
    position: relative;
    display: flex;
    align-items: center;
}

#product-market-fit .color-li-blue li:before {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    content: "";
    border: 10px solid #80dcd6;
    border-radius: 50%;
    display: inline-block;
}

#product-market-fit .color-li-yellow {
    margin: 15px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#product-market-fit .color-li-yellow li {
    list-style: none;
    font-family: var(--primary-font);
    font-size: 23px;
    text-align: left;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--heading-color);
    position: relative;
    display: flex;
    align-items: center;
}

#product-market-fit .color-li-yellow li:before {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    content: "";
    border: 10px solid var(--primary-color);
    border-radius: 50%;
    display: inline-block;
}

#product-market-fit h6 {
    margin: 40px 0 0 0;
    font-family: var(--primary-font);
    font-size: 70px;
    text-align: left;
    font-weight: 700;
    line-height: 1.2em;
    color: var(--heading-color);
}

#product-market-fit p .yellow {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

#product-market-fit .li-yellow-dotes {
    margin: 25px 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#product-market-fit .li-yellow-dotes li {
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 400;
    color: var(--text-color);
    font-size: 16px;
    margin: 0;
    width: 100%;
    list-style: none;
}

#product-market-fit .li-yellow-dotes li:before {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: var(--primary-color);
    margin-top: 4px;
    margin-right: 14px;
}

#product-market-fit .ct-spacer {
    display: block;
    margin-top: 20px;
}

#stages.design-page h3 {
    margin: 0;
    color: var(--heading-color);
}

#stages.design-page ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#stages.design-page ul li {
    list-style: none;
    position: relative;
    padding-left: 12px;
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

#stages.design-page ul li:before {
    --size: 6px;
    width: var(--size);
    height: var(--size);
    background: var(--heading-color);
    content: "";
    display: inline-flex;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 8px;
}

#fundamental_stages {
    position: relative;
    z-index: 5;
    margin-top: 50px;
}

#fundamental_stages h6 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
}

#fundamental_stages .fundaental-boxes-warpper {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin: 30px 0;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe {
    max-width: 100%;
    color: #fff;
    box-shadow: 0 30px 40px hsla(0, 0%, 87%, .2);
    border-radius: 10px;
    padding: 13px 5px 5px;
    background: #3671A8;
    transition: 0.5s ease-in-out all;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content p {
    margin: 0;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content {
    position: relative;
    color: #4a4a4a;
    background-color: var(--white);
    border-radius: 6px 0px 6px 6px;
    padding: 13px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    gap: 12px;
    transition: 1s ease-in-out all;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .heading {
    padding: 0 13px 13px 13px;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .heading h3 {
    margin: 0;
    text-align: left;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .heading span {
    margin: 0;
    text-align: left;
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
    opacity: 0.6;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 100%;
    right: 0;
    border-bottom: 40px solid #fff;
    border-left: 230px solid transparent;
    transition: 0.5s ease-in-out all;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe:hover {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe:hover .content:before {
    border-bottom: 0px solid #fff;
    border-left: 0px solid transparent;
}

#fundamental_stages .fundaental-boxes-warpper .fundaental-boxe:hover .content {
    border-radius: 6px;
}

#fundamental_stages .fn-last-text {
    margin: 0;
    color: var(--text-color) !important;
    font-family: var(--primary-font) !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    width: 100%;
    text-align: left;
}

#stages.design-page {
    margin-top: -40px;
}

#banner.mvp-page h2,
#banner.mvp-page h2 * {
    font-size: 110px;
}

#knowledge.mvp-page {
    margin-top: -20px;
}

#knowledge.mvp-page .knowledge-box {
    padding: 0;
    overflow: hidden;
}

#knowledge.mvp-page .knowledge-box .icon {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--primary-color);
    border-radius: 0 50% 50% 0;
    padding: 30px 22px;
}

#stacks.service-stacks #content {
    margin-top: 80px;
}

#stacks.service-stacks #content h5 {
    margin: 0;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
    width: 100%;
}

#stacks.service-stacks #content p {
    list-style: none;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin: 0;
}

#stacks.service-stacks #content ol {
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#stacks.service-stacks #content ol li {
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    margin: 0;
}

#stacks.service-stacks .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 23px;
    justify-content: center;
}

#Customer {
    position: relative;
    z-index: 5;
    margin: -30px 0 100px 0;
}

#Customer .row:nth-child(even) {
    margin-top: 80px;
}

#Customer h4 {
    margin: 0 0 15px 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    width: 100%;
}

#Customer p {
    margin: 0 auto;
    text-align: center;
    width: 70%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#Customer .col-lg-12:nth-child(2) {
    margin-top: 60px;
}

#Customer .customer-box {
    background-color: var(--white);
    box-shadow: 0 30px 40px hsla(0, 0%, 87%, .2);
    border-radius: 10px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#Customer .col-lg-6:nth-child(4n - 3),
#Customer .col-lg-6:nth-child(4n - 2) {
    margin-bottom: 30px;
}

#Customer .customer-box .cutomer-icon-box {
    display: flex;
    align-items: center;
}

#Customer .customer-box .cutomer-icon-box h6 {
    margin: 0;
    text-align: left;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2em;
    width: 100%;
}

#Customer .customer-box .customer-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#Customer .customer-box .customer-content p {
    margin: 0;
    text-align: left;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#Customer .customer-box .customer-content ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#Customer .customer-box .customer-content ul li:before {
    content: "";
    --size: 6px;
    width: var(--size);
    height: var(--size);
    background: var(--text-color);
    border-radius: 50%;
    display: inline-block;
    margin-right: 5px;
}

#Customer .customer-box .customer-content ul li {
    display: flex;
    align-items: center;
    margin: 0;
    text-align: left;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    list-style: none;
    position: relative;
}

header .menu nav .menu-main-wrapper li .active .dropdown-menu * {
    font-weight: 400;
}

header .menu nav .menu-main-wrapper li .active .drop-down-main {
    color: var(--secondary-color);
}

#header {
    height: 82px;
}

#header header {
    position: fixed;
    width: 100%;
    z-index: 99;
}

#header header.header-fixed {
    padding: 10px 0;
}

#banner.industries-page {
    background: var(--white);
    padding: 60px 0;
}

#banner.industries-page h2,
#banner.industries-page h2 * {
    text-align: left;
    font-size: 89px;
    margin: 0;
}

#banner.industries-page .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px;
}

#banner.industries-page p {
    text-align: left;
    font-size: 30px;
    color: var(--text-color);
    margin: 0;
}

#banner.industries-page img {
    width: 100%;
    height: auto;
}

#banner-industries-02 {
    background: linear-gradient(45deg, #1F1F1F, #3D3D3D);
}

#banner-industries-02 img {
    mix-blend-mode: lighten;
}

#banner-industries-02 h2,
#banner-industries-02 h2 * {
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 60px;
    text-align: left;
    font-weight: 400;
    line-height: 1.2em;
    margin: 0;
}

#banner-industries-02 h5 {
    text-align: left;
    font-size: 30px;
    color: var(--white);
    margin: 0;
}

#banner-industries-02 p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: #CDCDCD;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    padding-right: 0;
    width: 88%;
}

#banner-industries-02 .col-lg-6 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 30px;
}

#stacks.service-stacks.industries-page {
    padding: 0 0 80px 0;
}

#banner.industries-inner-page {
    background: var(--white);
    padding: 60px 0 0 0;
}

#banner.industries-inner-page h2,
#banner.industries-inner-page h2 * {
    font-size: 120px;
    text-align: left;
    padding: 0 !important;
    margin: 0 !important;
}

#banner.industries-inner-page .col-lg-12 {
    align-items: baseline;
}

#banner.industries-inner-page .content_img {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

#banner.industries-inner-page .content_img ul {
    margin: 0;
    display: flex;
    flex-direction: column;
    padding: 0;
    gap: 20px;
}

#banner.industries-inner-page .content_img ul li {
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-size: 25px;
    font-weight: 600;
    padding-right: 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

#banner.industries-inner-page .content_img ul li span svg,
#banner.industries-inner-page .content_img ul li span svg * {
    --size: 41px;
    width: var(--size);
    height: var(--size);
}

#banner.industries-inner-page .content_img a {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 70px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

#banner.industries-inner-page .content_img a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#banner.industries-inner-page .content_img a:after {
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#banner.industries-inner-page .content_img a:hover:before,
#banner.industries-inner-page .content_img a:hover:after {
    width: 100%;
}

#banner.industries-inner-page .content_img a:hover {
    color: var(--white);
}

#banner.industries-inner-page .content_img .content {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 40px;
}

#banner.industries-inner-page .content_img .img img {
    width: 100%;
    height: auto;
}

#banner.industries-inner-page .content_img .img {
    width: 38%;
}

#workwith {
    background: var(--off-white);
    padding: 100px 0;
}

#workwith .work-boxes-wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 60px;
}

#workwith .work-boxes-wrapper .work-boxe {
    box-shadow: 0 30px 40px 0 hsla(0, 0%, 87%, .2);
    background-color: var(--white);
    border-radius: 10px 100px 10px 10px;
    display: flex;
    gap: 20px;
    transition: 0.2s ease-in-out all;
    justify-content: space-between;
    overflow: hidden;
}

#workwith .work-boxes-wrapper .work-boxe .content {
    flex: 0 0 50%;
    display: flex;
    flex-direction: column;
    padding: 20px;
    justify-content: center;
    gap: 30px;
}

#workwith .work-boxes-wrapper .work-boxe .content h5 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    text-align: left;
}

#workwith .work-boxes-wrapper .work-boxe .content p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#workwith .work-boxes-wrapper .work-boxe .img img {
    width: 85%;
    object-fit: cover;
}

#workwith .work-boxes-wrapper .work-boxe .img {
    display: flex;
    justify-content: end;
    align-items: center;
}

#workwith h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#workwith .work-boxes-wrapper .work-boxe:nth-child(even) .img {
    justify-content: flex-start;
}

#workwith .work-boxes-wrapper .work-boxe:hover {
    box-shadow: 0 0px 3px 0 var(--primary-color);
}

#marketplace_types .marketplace_types_box_wrapper {
    display: flex;
    flex-direction: column;
    gap: 40px;
    margin-top: 60px;
}

#marketplace_types {
    padding: 100px 0;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box {
    box-shadow: 0 30px 40px 0 hsla(0, 0%, 87%, .2);
    border-radius: 20px;
    background-color: var(--white);
    position: relative;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    transition: 0.2s ease-in-out all;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 30px;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
    text-align: left;
    position: relative;
    width: fit-content;
    z-index: 2;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul {
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: 60% 54%;
    gap: 10px;
    width: 100%;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .img {
    flex: 0 0 30%;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li {
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    position: relative;
    padding-left: 10px;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li:before {
    --size: 4px;
    width: var(--size);
    height: var(--size);
    background: var(--text-color);
    content: "";
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    top: 10px;
    transform: translateY(0%);
    left: 0;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4:before {
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    position: absolute;
    height: 12px;
    z-index: -1;
    transition: 0.4s ease-in-out all;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box:hover .content h4:before {
    bottom: 60%;
}

#marketplace_types .marketplace_types_box_wrapper .marketplace_types_box:hover {
    box-shadow: 0 0px 3px 0 var(--primary-color);
}

#marketplace_types h5 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#marketplace_partners {
    background: var(--off-white);
    position: relative;
    overflow: hidden;
}

#marketplace_partners .marketplace_partners_wrapper {
    display: flex;
    width: 100%;
    min-width: 100% !important;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    z-index: 999;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg {
    background: url('https://www.urlaunched.com/images/industriesMarketplace/partners/bg1_desktop.webp');
    flex: 0 0 100%;
    background-position: center center !important;
    background-size: cover !important;
    height: 100vh;
    min-height: 100vh;
    display: flex;
    align-items: center;
    background-repeat: no-repeat !important;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg:nth-child(2) {
    background: url('https://www.urlaunched.com/images/industriesMarketplace/partners/bg2_desktop.webp');
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg:nth-child(3) {
    background: url('https://www.urlaunched.com/images/industriesMarketplace/partners/bg3_desktop.webp');
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg:nth-child(4) {
    background: url('https://www.urlaunched.com/images/industriesMarketplace/partners/bg4_desktop.webp');
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner {
    display: flex;
    align-items: center;
    width: 1300px;
    margin: 0 auto;
    height: 100vh;
    gap: 60px;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex: 0 0 50%;
    justify-content: center;
    align-items: center;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
    text-decoration: none;
    color: #fff;
    padding: 18px 80px;
    border-radius: 7px;
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    display: block;
    width: fit-content;
    margin-top: 0;
    position: relative;
    overflow: hidden;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a:hover:before {
    width: 0;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a:hover:after {
    transform: translate(-50%, 50%) scale(10);
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a span {
    position: relative;
    z-index: 5;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content img {
    width: 60%;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box {
    box-shadow: 0 8px 24px 0 rgba(0, 0, 0, .071);
    border-radius: 16px;
    background-color: var(--white);
    padding: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
    gap: 12px;
    width: 63%;
    margin-top: 40px;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box p {
    width: fit-content;
    padding: 0;
    text-align: left;
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 400;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box h6 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 17px;
    line-height: 1.2em;
    margin-top: 0;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn {
    display: flex;
    gap: 20px;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn img {
    width: 19%;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn img:hover {
    transform: translateY(-5px) scale(1.05);
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img img {
    width: 85%;
}

#marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box span {
    margin-top: -64px;
    filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .1));
}

#marketplace_partners h5 {
    margin: 0 0 40px 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#stacks.service-stacks.industries-page.market-place-page {
    padding: 100px 0;
}

#cta.cta-marketplace img {
    margin: -100px 0 -30px 0;
}

#otherindustries {
    background: var(--off-white);
    padding: 100px 0 0 0;
    position: relative;
}

#otherindustries h6 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 55px;
    line-height: 1.2em;
    text-align: center;
}

#otherindustries .col-lg-4 {
    display: flex;
    flex-direction: column;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

#otherindustries .col-lg-4 img {
    width: 100%;
    height: 300px;
    object-fit: contain;
}

#otherindustries .col-lg-4 h4 {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    text-align: center;
}

#otherindustries .col-lg-4 a {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    background: #2222221c;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 80px;
    border: 2px solid var(--white);
    box-shadow: rgba(0, 0, 0, 0.3) 0px 0px 2px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

#otherindustries .col-lg-4 a:before {
    content: "";
    left: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#otherindustries .col-lg-4 a:after {
    content: "";
    right: 0;
    width: 0;
    height: 100%;
    background: #242424;
    position: absolute;
    z-index: 1;
    transition: 0.5s ease-in-out all;
}

#otherindustries .col-lg-4 a:hover:before,
#otherindustries .col-lg-4 a:hover:after {
    width: 100%;
}

#otherindustries .col-lg-12 .row {
    margin-top: 60px;
}

#otherindustries .col-lg-4 a span {
    position: relative;
    z-index: 5;
}

#otherindustries .col-lg-4 a:hover {
    color: var(--white);
}

#otherindustries .dotes.dote01 {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.5);
}

#otherindustries .container {
    position: relative;
    z-index: 5;
}

.timelinepagestages {
    margin-top: -60px;
}

.timelinepagestages .col-lg-7 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
}

.timelinepagestages .col-lg-7 p {
    font-size: 19px !important;
}

#timeline .time-line-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 50px;
    margin: 0 120px;
}

#timeline .time-line-wrapper .time-line-box {
    position: relative;
    z-index: 1;
    background-color: var(--white);
    box-shadow: 0 30px 40px hsla(0, 0%, 87%, .2);
    border-radius: 10px;
    padding: 25px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}

#timeline .time-line-wrapper .time-line-box .timeline-icon {
    --size: 50px;
    width: var(--size);
    height: var(--size);
    background: var(--primary-color);
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: -120px;
    top: 0;
}

#timeline .time-line-wrapper .time-line-box .timeline-icon img {
    width: 55%;
}

#timeline .col-lg-12 {
    position: relative;
}

#timeline .col-lg-12 .time-line-line01 {
    display: block;
    width: 2px;
    height: 100%;
    background: #e7e7e7;
    position: absolute;
    left: 36px;
}

#timeline .col-lg-12 .time-line-line02 {
    display: block;
    width: 2px;
    height: 0%;
    background: var(--primary-color);
    position: absolute;
    left: 36px;
}

#timeline .time-line-wrapper .time-line-box .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#timeline .time-line-wrapper .time-line-box .content h3 {
    margin: 0;
    color: #00000075;
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 600;
    font-size: 12px;
}

#timeline .time-line-wrapper .time-line-box .content h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 700;
    font-size: 30px;
}

#timeline .time-line-wrapper .time-line-box .content p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
}

#timeline .time-line-wrapper .time-line-box .img-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}

#timeline .time-line-wrapper .time-line-box .img-content a {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    text-align: left;
    font-weight: 700;
    font-size: 65px;
    text-decoration: none;
    line-height: 1;
}

#timeline .time-line-wrapper .time-line-box .img-content img {
    width: 50%;
    border-radius: 15px;
}

#timeline {
    padding-bottom: 100px;
}

#banner.contactus {
    background: url('../img/contact-us-banner.png') no-repeat;
    background-position: center;
    background-size: 100%;
    background-color: var(--radial-gr-02);
    padding: 150px 0;
}

#form.contact-page {
    background: transparent;
}

#form.contact-page h4 {
    color: var(--heading-color);
}

#form.contact-page .form .filed-warraper .filed label {
    color: var(--heading-color);
}

#form.contact-page .form .submit-btn button {
    color: var(--heading-color);
    border: 2px solid var(--heading-color);
}

#form.contact-page .form .submit-btn button:hover {
    color: var(--white);
}

#form.contact-page .form .filed-warraper .filed input {
    border: 1px solid var(--heading-color);
}

#form.contact-page .form .filed-warraper .filed textarea {
    border: 1px solid var(--heading-color) !important;
}

#form.contact-page .form .chckbox input+label:before {
    border: 1px solid var(--heading-color);
}

#form.contact-page .form .chckbox label {
    color: var(--heading-color);
}

#form.contact-page .mapswrapper {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    min-height: 400px;
}

#form.contact-page .mapswrapper iframe {
    width: 100%;
    height: 100%;
    min-height: 400px;
}

#privacy-content {
    margin-bottom: 100px;
}

#privacy-content .col-lg-12 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#privacy-content .col-lg-12 p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#privacy-content .col-lg-12 h3 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 20px;
    line-height: 1.2em;
    text-align: left;
}

#privacy-content .col-lg-12 div {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#privacy-content .col-lg-12 ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#privacy-content .col-lg-12 ul li {
    list-style: none;
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#privacy-content .col-lg-12 a {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: 0.5s ease-in-out all;
}

#privacy-content .col-lg-12 a:hover {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

#privacy-content .col-lg-12 .ul-dote li {
    padding-left: 10px;
    position: relative;
}

#privacy-content .col-lg-12 .ul-dote li:before {
    content: "";
    left: 0;
    top: 9px;
    position: absolute;
    --size: 5px;
    background: var(--text-color);
    border-radius: 50%;
    width: var(--size);
    height: var(--size);
}

#banner.mvp-inner-page .row:nth-child(2) {
    margin-top: 60px;
}

#banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box {
    width: 100%;
    border-radius: 10px;
    background-color: var(--white);
    box-shadow: rgb(0 0 0 / 4%) 1.95px 1.95px 2.6px;
    display: flex;
    justify-content: space-between;
    padding: 20px;
    align-items: center;
}

#banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box h5 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    margin: 0;
}

#banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
}

#banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#tecknologies_mvp-inn-page h5 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 70px;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
}

#tecknologies_mvp-inn-page p {
    margin: 20px 0 40px 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: center;
    padding: 0 300px;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box {
    position: relative;
    background-color: var(--white);
    box-shadow: 0 30px 40px hsla(0, 0%, 87%, .2);
    border-radius: 16px 100px 16px 16px;
    padding: 20px 10px 10px 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box h5 {
    text-align: left;
    font-size: 25px;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box ul li {
    list-style: none;
    padding-left: 10px;
    position: relative;
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: left;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box ul li:before {
    content: "";
    left: 0;
    top: 10px;
    --size: 4px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    background: var(--heading-color);
    border-radius: 50%;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box .content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

#tecknologies_mvp-inn-page .col-lg-6 {
    margin-bottom: 21px;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box .img {
    display: flex;
    justify-content: flex-end;
    align-items: end;
}

#stages .container .col-lg-6 img {
    width: 80%;
}

#packages {
    padding: 80px 0;
}

#packages .pakage-box {
    border: 1px solid var(--primary-color);
    background: #F1F5FF;
    border-radius: 12px;
    text-align: center;
    padding: 40px 20px 40px;
    transition: all .3s ease-in-out;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
    height: 100%;
}

#packages .pakage-box h3 {
    margin: 0;
    text-align: center;
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    width: 100%;
    color: var(--heading-color);
}

#packages .pakage-box .price-box {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
}

#packages .pakage-box .price-box h5 {
    margin: 0;
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 70px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2em;
}

#packages .pakage-box .price-box .discoutprice p {
    padding: 0;
    display: flex;
    flex-direction: column;
    margin: 0;
    text-align: center;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
    width: 100%;
    color: var(--heading-color);
    gap: 2px;
}

#packages .pakage-box .price-box .discoutprice p span {
    text-decoration: line-through;
    opacity: 0.7;
}

#packages .pakage-box .ul {
    max-height: 260px;
    overflow-y: scroll;
    padding: 5px 0;
    border-left: 1px solid #c3b4b46e;
    border-top: 1px solid #c3b4b46e;
    border-bottom: 1px solid #c3b4b46e;
    border-radius: 11px;
    overflow-x: hidden;
}

#packages .pakage-box .ul ul {
    padding: 0 20px;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

#packages .pakage-box .ul ul li {
    text-align: left;
    position: relative;
    list-style: none;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    padding: 0 10px;
}

#packages .pakage-box .ul ul li:before {
    content: "";
    left: 0;
    top: 9px;
    --size: 4px;
    width: var(--size);
    height: var(--size);
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    position: absolute;
    border-radius: 50%;
}

#packages .pakage-box .button a {
    text-decoration: none;
    color: #fff;
    padding: 14px 36px;
    border-radius: 9px;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 15;
    display: block;
    width: fit-content;
}

#packages .pakage-box .button a:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#packages .pakage-box .button a:hover:before {
    width: 0;
}

#packages .pakage-box .button a:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

#packages .pakage-box .button a:hover:after {
    transform: translate(-50%, 50%) scale(8);
}

#packages .pakage-box .button a span {
    position: relative;
    z-index: 5;
}

#packages .pakage-box .button {
    display: flex;
    justify-content: center;
}

#packages .pakage-box .contact-info {
    display: flex;
    justify-content: center;
    height: 100%;
    gap: 14px;
    align-items: center;
    background: #ffffff82;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid #0065e9;
    height: fit-content;
}

#packages .pakage-box .contact-info span {
    display: block;
    width: 2px;
    height: 45px;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
}

#packages .pakage-box .contact-info p {
    text-align: center;
    margin: 0;
    padding: 0;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 14px;
    line-height: 1.2em;
    width: 100%;
    color: var(--heading-color);
}

#packages .pakage-box .contact-info a {
    text-decoration: none;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
    display: block;
    width: fit-content;
    position: relative;
    color: var(--primary-color);
}

#packages .pakage-box .contact-info div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#packages .col-lg-4 {
    margin-bottom: 30px;
}

#packages #nav-tabContent {
    margin-top: 60px;
}

#packages #nav-tab {
    display: flex;
    justify-content: center;
    border: none;
    gap: 20px;
}

#packages #nav-tab button {
    background: transparent;
    border: 2px solid #393939;
    border-radius: 8px;
    margin: 0;
    text-align: center;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--heading-color);
    padding: 10px 30px;
    transition: 0.5s ease-in-out all;
    text-transform: uppercase;
}

#packages #nav-tab button.active {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    color: #fff;
}

#packages .col-lg-12:nth-child(2) {
    margin-top: 20px;
}

#packages .col-lg-12:nth-child(1) h3 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
}

#packages .col-lg-12:nth-child(1) p {
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 60%;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 40px;
}

#packages .pakage-box:hover {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
}

#packages .pakage-box:hover * {
    color: #fff !important;
}

#packages .pakage-box:hover .price-box h5 {
    background: #fff;
}

#packages .pakage-box:hover .ul {
    border-color: #fff;
}

#packages .pakage-box:hover .ul ul li:before {
    background: #fff;
}

#packages .pakage-box * {
    transition: 0.2s ease-in-out all;
}

#stacks .col-lg-4 {
    margin-bottom: 100px;
}

#portfolio .pr-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px;
}

#portfolio .pr-wrapper .pr-image-item {
    flex: 0 0 23%;
    border-radius: 15px;
    overflow: hidden;
    height: 220px;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
}

#portfolio .pr-wrapper .pr-image-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s ease-in-out all;
}

#portfolio #nav-tab {
    display: flex;
    justify-content: center;
    border: none;
    gap: 20px;
}

#portfolio #nav-tab button {
    background: transparent;
    border: 2px solid #393939;
    border-radius: 8px;
    margin: 0;
    text-align: center;
    font-family: var(--primary-font);
    font-weight: 500;
    font-size: 18px;
    line-height: 1.2em;
    color: var(--heading-color);
    padding: 10px 30px;
    transition: 0.5s ease-in-out all;
    text-transform: uppercase;
}

#portfolio #nav-tab button.active {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    color: #fff;
}

#portfolio #nav-tabContent {
    margin-top: 50px;
}

#portfolio {
    padding-bottom: 80px;
}

#portfolio .col-lg-12:nth-child(2) {
    margin-top: 50px;
}

#portfolio #web .pr-image-item .img,
#portfolio #digitalmarketing .pr-image-item .img {
    width: 100%;
    height: 100%;
    background-size: 100%;
    background-position: 100% 0%;
    transition: 3s ease-in-out all;
}

#portfolio #web .pr-image-item .img:hover,
#portfolio #digitalmarketing .pr-image-item .img:hover {
    background-position: 100% 100%;
}

#portfolio #web .pr-image-item,
#portfolio #digitalmarketing .pr-image-item {
    height: 300px;
}

#portfolio #video-animation {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px;
}

#portfolio #video-animation .video-box {
    flex: 1 0 23%;
    height: 180px;
    overflow: hidden;
    border-radius: 15px;
    position: relative;
    cursor: pointer;
}

#portfolio #video-animation .video-box iframe {
    display: none;
}

#portfolio #video-animation .video-box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#portfolio #video-animation .video-box:before {
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    --size: 50px;
    width: var(--size);
    height: var(--size);
    position: absolute;
    background: url(../img/play-icon.png), #ff000000;
    border-radius: 50%;
    border: 2px solid #fff;
    background-position: 68% 50%;
    background-size: 75%;
    background-repeat: no-repeat;
    transition: 0.5s ease-in-out all;
    cursor: pointer;
}

#portfolio #video-animation .video-box:hover:before {
    background: url(../img/play-icon.png), #0038e9;
    background-position: 68% 50%;
    background-size: 75%;
}

.portfolio-video-pop {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 80vh;
    background: radial-gradient(var(--radial-gr-01), var(--radial-gr-02));
    z-index: -1;
    border-radius: 20px;
    opacity: 0;
    transition: 0.5s ease-in-out all;
    padding: 20px;
}

.portfolio-video-pop:before {
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    width: 100%;
    height: 100%;
    background: #0000009c;
    position: absolute;
    z-index: -1;
}

.portfolio-video-pop * {
    position: relative;
    z-index: 5;
}

.portfolio-video-pop .pop-close {
    position: absolute;
    right: -18px;
    top: -23px;
    --size: 50px;
    width: var(--size);
    height: var(--size);
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    border-radius: 50%;
    z-index: 9;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: 35px;
    padding-bottom: 5px;
    cursor: pointer;
}

.portfolio-video-pop.active {
    opacity: 1;
    z-index: 99;
}

#image-pop {
    display: flex;
    align-items: center;
    justify-content: center;
}

#image-pop img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    border-radius: 20px;
}

#portfolio h3 {
    margin: 0;
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 45px;
    line-height: 1.2em;
}

#portfolio p {
    margin: 0 auto;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 60%;
    padding-top: 20px;
    text-align: center;
    padding-bottom: 0;
}

#portfolio .pr-wrapper .pr-image-item:hover img {
    scale: 1.15;
}

#stages.about_us {
    background: var(--off-white);
    padding-top: 80px;
    margin-bottom: 80px;
}

#stages.about_us h5 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 40px;
    line-height: 1.2em;
}

#stages.about_us a {
    text-decoration: none;
    color: #fff;
    padding: 15px 50px;
    border-radius: 10px;
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 15;
}

#stages.about_us a:before {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    content: "";
    position: absolute;
    z-index: -1;
    transition: 0.5s ease-in-out all;
}

#stages.about_us a:hover:before {
    width: 0;
}

#stages.about_us a:after {
    width: 50px;
    height: 50px;
    bottom: 0;
    left: 50%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    content: "";
    z-index: 1;
    position: absolute;
    border-radius: 50%;
    transform: translate(-50%, 50%) scale(0);
    transition: 1s ease-in-out all;
}

#stages.about_us a:hover:after {
    transform: translate(-50%, 50%) scale(3);
}

#new-form {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00000099;
    opacity: 0;
    transition: 0.5s ease-in-out all;
}

#new-form .container {
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    padding: 20px;
    border-radius: 15px;
    position: relative;
}

#new-form .container .col-lg-6 img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

#new-form .container .form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#new-form .container .form .filed-warraper {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#new-form .container .form .filed-warraper .filed {
    display: flex;
    flex-direction: column;
}

#new-form .container .form .filed-warraper .filed span {
    position: absolute;
    display: none;
}

#new-form .container .form .filed-warraper :where(input,
select,
textarea) {
    width: 100%;
    background: #ffffff;
    height: 50px;
    border: none;
    box-shadow: none;
    outline: 0;
    border-radius: 6px;
    padding: 10px 12px;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
}

#new-form .container .form .filed-warraper :where(label) {
    color: #fff;
    font-family: var(--primary-font);
    font-size: 17px;
}

#new-form .container .form .filed-warraper textarea {
    height: 150px;
}

#new-form .container .form .filed-warraper :where(input,
select,
textarea):focus {
    background: #000000;
    color: #fff;
}

#new-form .container button {
    color: var(--white);
    font-family: var(--primary-font);
    font-weight: 600;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid var(--white);
    padding: 12px 65px;
    position: relative;
    z-index: 2;
    backdrop-filter: blur(3px);
    background: transparent;
    overflow: hidden;
    display: block;
    margin-top: 0;
    width: 100%;
    border-radius: 10px;
}

#new-form .container button:hover {
    background: #000;
}

#new-form .container h4 {
    margin: 0;
    text-align: left;
    color: #ffffff;
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    margin-bottom: 25px;
}

#new-form #new-form-close {
    position: absolute;
    --size: 35px;
    width: var(--size);
    height: var(--size);
    background: #ffffff;
    z-index: 5;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 30px;
    right: -14px;
    top: -17px;
    font-weight: bold;
    padding-bottom: 6px;
    cursor: pointer;
}

#new-form.active {
    z-index: 99999;
    opacity: 1;
}

.form-pop-open {
    cursor: pointer;
}

#banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box .img path:nth-child(1) {
    fill: #004de9;
}

#tecknologies_mvp-inn-page .mvp-inner-page-box .img path:nth-child(1) {
    fill: #004de9;
}

#stacks.service-page {
    padding-bottom: 100px;
    padding-top: 0;
}

#banner.about_us {
    padding-bottom: 0 !important;
}

#stages.about_us.about-page {
    background: #fbfbfb;
    padding: 80px 0;
    margin-bottom: 0;
}

#tecknologies_mvp-inn-page {
    padding-bottom: 80px;
}

#web-pop img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

#digital-marketing-pop img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#about_banner {
    height: 50vh;
    position: relative;
    overflow: hidden;
}

#about_banner .banner-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 71%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scale: 1.12;
}

#about_banner :where(.container,
.row,
.col-lg-12) {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#about_banner h2,
#about_banner h2 span {
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 130px;
    text-align: center;
    font-weight: 400;
    line-height: 1.2em;
    margin-bottom: 0;
}

#about_banner .banner-image:before {
    content: "";
    left: 0;
    top: 0;
    background: #ffffff4f;
    --size: 100%;
    width: var(--size);
    height: var(--size);
    position: absolute;
}

#our_mission {
    background: var(--off-white);
    padding: 80px 0;
}

#our_mission .mission-inner-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    position: relative;
    justify-content: end;
}

#our_mission .mission-inner-box .ribbon-mission {
    position: absolute;
    width: 60%;
    height: 79%;
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    clip-path: polygon(68% 0%, 100% 0%, 35% 100%, 0% 100%);
    left: 0;
    bottom: 0;
    z-index: 2;
    transform: translate(0, 0px) rotate(0deg);
    box-shadow: rgb(50 50 93 / 86%) 0px 30px 60px -12px inset, rgb(0 0 0 / 67%) 0px 18px 36px -18px inset;
}

#our_mission .mission-inner-box .icon-logo {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
    width: fit-content;
}

#our_mission .mission-inner-box .icon-logo img {
    --size: 80px;
    width: var(--size);
    height: var(--size);
}

#our_mission .mission-inner-box .icon-logo h4 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    margin: 0;
}

#our_mission .mission-inner-box .mission-inner-content {
    width: 90%;
    clip-path: polygon(32% 0, 100% 0%, 100% 100%, 0% 100%);
    padding: 20px 20px 20px 210px;
    position: relative;
    background: rgb(0, 0, 0);
    background: linear-gradient(132deg, rgb(0 0 0) 29%, rgba(255, 255, 255, 1) 34%);
    min-height: 184px;
    display: flex;
    align-items: center;
}

#our_mission .mission-inner-box .mission-inner-content p {
    margin: 0;
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    text-align: right;
}

#our_mission .mission-inner-box .ribbon-mission-small {
    position: absolute;
    width: 20%;
    height: 36%;
    background: linear-gradient(143deg, var(--primary-color), var(--ext-color));
    left: 0;
    bottom: 0;
    z-index: 1;
    transform: translate(0px, 0px) rotate(0deg);
    clip-path: polygon(0 0, 0% 100%, 100% 100%);
    box-shadow: rgb(0 0 0 / 19%) 0px -23px 25px 0px inset, rgb(0 0 0 / 0%) 0px -36px 30px 0px inset, rgb(0 0 0 / 39%) 0px -79px 40px 0px inset, rgb(0 0 0) 0px 2px 1px, rgb(0 0 0) 0px 4px 2px, rgb(0 0 0) 0px 8px 4px, rgb(0 0 0) 0px 16px 8px, rgb(0 0 0) 0px 32px 16px;
}

#our_mission .mission-inner-box .inner {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 40px;
    overflow: hidden;
}

#our_mission .mission-inner-box .inner .border-line {
    position: absolute;
    width: 100%;
    height: 88%;
    background: #ffffff00;
    z-index: 3;
    pointer-events: none;
    bottom: 0;
}

#our_mission .mission-inner-box .inner .border-line:before {
    content: "";
    left: 0;
    bottom: 0;
    width: 2px;
    height: 96%;
    background: #fff;
    position: absolute;
    transform: translate(180px, 50px) rotate(43deg);
}

#our_mission .mission-inner-box .inner .border-line:after {
    content: "";
    right: 0;
    top: 0;
    width: 2px;
    height: 112%;
    background: #fff;
    position: absolute;
    transform: translate(-158px, -69px) rotate(90deg);
}

#our_mission .mission-inner-box .inner .border-line span {
    --size: 20px;
    position: absolute;
    right: 0;
    top: 90px;
    width: var(--size);
    height: var(--size);
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    border-radius: 50%;
    z-index: 2;
}

#our_mission .mission-inner-box h3 {
    width: 100%;
    text-align: left;
    margin: 0;
    -webkit-text-stroke: 1px var(--heading-color);
    color: transparent;
    font-family: var(--secondary-font);
    font-weight: bold;
    font-size: 70px;
    line-height: 1.2em;
}

#our_mission .row {
    gap: 50px;
    display: flex;
}

#our_mission .row .col-lg-6 {
    flex: 0 0 48%;
}

#our_mission .container {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

#our_mission .row:nth-child(1) .col-lg-6:nth-child(1) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 200px;
    gap: 20px;
}

#our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    margin: 0;
}

#our_mission .row:nth-child(1) .col-lg-6:nth-child(1) p {
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 100%;
    margin: 0;
}

#stages.about_us.about-page .container {
    padding: 0;
}

#our_mission .mission-inner-box .icon-logo .lottie-icon {
    --size: 80px;
    width: var(--size);
    height: var(--size);
    mix-blend-mode: color-burn;
}

#achivements {
    padding: 80px 0;
}

#achivements h4 {
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 50px;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
}

#achivements p {
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 60%;
    text-align: center;
    margin: 0 auto;
}

#achivements .col-lg-12:nth-child(2) {
    margin-top: 25px;
}

#achivements .img {
    width: 100%;
    height: 60vh;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    left: 0;
    background-attachment: fixed;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}

#achivements .img:before {
    content: "";
    left: 50%;
    top: 50%;
    height: 100%;
    width: 100%;
    background: #00000061;
    position: absolute;
    transform: translate(-50%, -50%);
}

#achivements .col-lg-12 .row {
    position: relative;
    z-index: 2;
    overflow: hidden;
    max-width: 1320px;
    margin: -120px auto 0 auto;
}

#achivements .col-lg-12 .row .achivement-box {
    background: linear-gradient(54deg, var(--primary-color), var(--ext-color));
    padding: 20px;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    height: 100%;
}

#achivements .col-lg-12 .row .achivement-box .lottie-icon {
    mix-blend-mode: lighten;
    --size: 100px;
    width: var(--size);
    height: var(--size);
}

#achivements .col-lg-12 .row .achivement-box h5 {
    color: #fff;
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
    line-height: 1.2em;
    margin: 0;
    text-align: center;
}

#achivements .col-lg-12 .row .achivement-box .counter {
    text-align: left;
    margin: 0;
    color: #ffffff;
    font-family: var(--secondary-font);
    font-weight: 500;
    font-size: 30px;
    line-height: 1.2em;
}

#achivements .col-lg-12 .row .col-lg-3:nth-child(2) .lottie-icon {
    scale: 1.6;
    transform: translate(14px, -15px);
}

#achivements .col-lg-12 .row .achivement-box .counter-wrapper {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

#achivements .col-lg-12 .row .achivement-box span {
    text-align: left;
    margin: 0;
    color: #ffffff;
    font-family: var(--primary-font);
    font-weight: 400;
    font-size: 14px;
    line-height: 1.2em;
}

#achivements .col-lg-12.ex {
    max-width: 1320px;
    margin: 0 auto;
}


/* ---------- */

#banner_marquee .banner-marquee-row {
    position: absolute;
    width: 100%;
    overflow: hidden;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    padding: 20px 0;
    transform: rotate(1.2deg);
    top: 0;
    left: 0;
}

#banner_marquee .marquee {
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    width: 100%;
}

#banner_marquee .marquee-content {
    display: flex;
    white-space: nowrap;
    gap: 40px;
    align-items: center;
}

#banner_marquee .banner-marquee-row:nth-child(2) {
    transform: rotate(-3deg);
}

#banner_marquee {
    width: 100%;
    padding: 0 0;
    height: 117px;
    position: relative;
}

#banner_marquee .marquee-content h2 {
    color: var(--off-white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 30px;
    line-height: 1.2em;
    text-align: center;
    margin: 0;
}

#services_catogries {
    padding: 80px 0;
}

#services_catogries h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1.2em;
    text-align: center;
}

#services_catogries .sct-box {
    width: 100%;
    height: 100%;
    padding: 20px;
    border-radius: 15px;
    background: linear-gradient(45deg, #fe3e46, #fd3849);
    padding: 40px 40px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: baseline;
    position: relative;
    overflow: hidden;
    transition: 0.5s ease-in-out all;
}

#services_catogries .sct-box img {
    width: 100px;
}

#services_catogries .row:nth-child(2) {
    margin-top: 60px;
}

#services_catogries .col-lg-7:nth-child(3),
#services_catogries .col-lg-5:nth-child(4) {
    margin-top: 25px;
}

#services_catogries .sct-box h3 {
    margin: 0;
    text-align: left;
    color: var(--off-white);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
}

#services_catogries .sct-box p {
    text-align: left;
    color: var(--off-white);
    font-family: var(--primary-font);
    margin: 0;
    width: 85%;
}

#about_services {
    margin: 80px 0;
}

#about_services img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}

#about_services h3 {
    margin: 0;
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 15px;
    text-align: left;
    font-weight: bolder;
    line-height: 1.2em;
    margin-bottom: 0;
    text-transform: uppercase;
}

#about_services h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 60px;
    line-height: 1;
    text-align: left;
    margin-top: 15px;
    margin-bottom: 20px;
}

#about_services p {
    margin: 0;
    text-align: left;
    padding: 0;
    width: 100%;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 400;
    width: 93%;
}

#about_services .col-lg-6 {
    display: flex;
    flex-direction: column;
    gap: 0;
    justify-content: center;
}

#service-video {
    width: 100%;
    height: 80vh;
    padding: 20px 20px;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

#service-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 1px 4px;
    border-radius: 20px;
}

#service_timeline {
    padding: 80px 0;
    background: var(--off-white);
    margin-bottom: 80px;
}

#service_timeline h3 {
    margin: 0;
    font-family: var(--secondary-font);
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-size: 25px;
    font-weight: bolder;
    line-height: 1.2em;
    margin-bottom: 0;
    text-transform: uppercase;
    text-align: center;
}

#service_timeline h4 {
    margin: 0;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 50px;
    line-height: 1.2em;
    text-align: center;
}

#service_timeline .col-lg-12 .row {
    margin-top: 60px;
    position: relative;
}

#service_timeline .col-lg-12 .row .col-lg-3 {
    display: flex;
    flex-direction: column;
    align-items: anchor-center;
    gap: 19px;
    position: relative;
}

#service_timeline .col-lg-12 .row .col-lg-3 img {
    --size: 70px;
    width: var(--size);
    height: var(--size);
    background: #ff000000;
    border-radius: 50%;
    border: 1px solid #0000004a;
    padding: 10px;
    object-fit: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    mix-blend-mode: multiply;
}

#service_timeline .col-lg-12 .row .col-lg-3 h2 {
    margin: 0;
    color: transparent;
    font-family: var(--secondary-font);
    font-weight: bold;
    font-size: 30px;
    line-height: 1;
    text-align: center;
    -webkit-text-stroke: 1px #242424c9;
    background: #f6f6f6;
    padding: 0 10px;
}

#service_timeline .col-lg-12 .row .col-lg-3 p {
    text-align: center;
    color: var(--heading-color);
    font-family: var(--primary-font);
    font-size: 20px;
    width: 100%;
    margin: -12px 0 0 0;
}

#service_timeline .col-lg-12 .row:before {
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    background: #0000004a;
    transform: translateY(105px);
}

#services_catogries.web-services .sct-box img {
    background: #fff;
    padding: 10px;
    border-radius: 10px;
}

#services_catogries .sct-box:hover {
    transform: skew(2deg, 2deg);
    background: linear-gradient(45deg, #fd3a48, #fd3c47);
}

footer #copyrigth ul a {
    --size: 20px;
    width: var(--size);
    height: var(--size);
    display: flex;
    align-items: center;
    justify-content: center;
}

footer #copyrigth ul a * {
    width: 100%;
    height: 100%;
}

#new-form .container .form .filed-warraper :where(input,
select,
textarea):focus::placeholder {
    color: #fff;
}

header .logo a {
    display: block;
    width: 200px;
}

#teammember {
    padding: 100px 0;
}

#teammember .img {
    border-radius: 8px;
    overflow: hidden;
}

#teammember .img img {
    width: 100%;
    height: 100%;
}

#teammember .team-member {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#teammember .team-info * {
    margin: 0;
}

#teammember .team-info {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

#teammember .team-info h3 {
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(51deg, var(--primary-color), var(--ext-color));
    font-family: var(--primary-font);
    font-weight: bold;
    font-size: 25px;
}

#teammember .team-info p {
    color: var(--text-color);
    font-family: var(--primary-font);
    font-size: 16px;
    font-weight: 500;
}

#teammember .row {
    row-gap: 30px;
}


/* Responsive */

@media (min-width: 600px) and (max-width: 1400px) {
    #banner .rocket {
        right: 0;
    }
    #services .row:nth-child(1) p {
        width: 83% !important;
    }
    #librarius .slider .slider-item .row a {
        padding: 24px 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }
    #librarius .slider .slider-item .col-lg-2.col-6 an,
    #librarius .slider .slider-item .col-lg-2.col-6 inan {
        height: 100%;
    }
    #cta h4 {
        font-size: 35px;
    }
    #cta p {
        padding-right: 50px;
    }
    #services.custom-app .row:nth-child(1) p {
        width: 79% !important;
    }
    #stages .stage-row h5 {
        width: 18%;
    }
    #cta.cta-02 img {
        margin-left: -50px;
    }
    #services.sharing-knowledge .row:nth-child(1) p {
        padding-right: 0;
        width: 100% !important;
    }
    #knowledge .knowledge-box .content {
        flex: 0 0 86%;
    }
    footer .footer-box .book-btn {
        padding: 10px 35px;
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 100px;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
        border-bottom: 40px solid #fff;
        border-left: 189px solid transparent;
    }
    #banner.industries-page h2,
    #banner.industries-page h2 * {
        font-size: 80px;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 100px;
    }
    #new-form .container h4 {
        font-size: 25px;
    }
    #new-form .container .form .filed-warraper :where(label) {
        font-size: 16px;
    }
    #new-form .container .form .filed-warraper :where(input,
    select,
    textarea) {
        font-size: 16px;
        height: 40px;
    }
    #new-form .container .form .filed-warraper textarea {
        height: 120px;
    }
    #new-form .container button {
        font-size: 15px;
    }
    #new-form .container .col-lg-6 {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    #our_mission .row .col-lg-6 {
        flex: 0 0 48.3%;
    }
    #our_mission .row {
        gap: 30px;
    }
    #our_mission .mission-inner-box .inner .border-line:before {
        transform: translate(146px, 50px) rotate(39deg);
    }
    #our_mission .mission-inner-box .inner .border-line:after {
        transform: translate(-117px, -75px) rotate(90deg);
    }
    #our_mission .mission-inner-box .inner .border-line span {
        top: 85px;
    }
}

@media (min-width: 600px) and (max-width: 1280px) {
    #industry .industry-box .img img {
        width: 109px;
    }
    .cursor-wrapper {
        display: none;
    }
    header .menu nav .menu-main-wrapper {
        gap: 8px;
    }
    #banner h2 *,
    #banner h2 {
        font-size: 80px;
    }
    #banner .rocket {
        width: 350px;
        right: 0;
        top: 130px;
    }
    #banner h2 {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 9px;
        line-height: 1.2em;
        padding: 0 50px;
    }
    #banner p {
        font-size: 35px;
        padding: 0;
    }
    #banner h4 {
        margin-top: 60px !important;
    }
    #banner {
        padding: 100px 0 250px 0;
    }
    #banner .clouds {
        height: 450px;
        bottom: -150px;
    }
    #services .row:nth-child(1) h3 {
        font-size: 40px;
    }
    #services .row:nth-child(1) .icon-heading h4 {
        font-size: 20px;
    }
    #services .row:nth-child(1) p {
        width: 91%;
    }
    #services .row .heading-btn h3 {
        font-size: 30px;
    }
    #services .row .heading-btn a {
        font-size: 14px;
    }
    #services .row .service-box-wrapper .service-item h5 {
        font-size: 18px;
    }
    #services .row .service-box-wrapper .service-item ul li {
        font-size: 13px;
    }
    #services {
        padding: 39px 0 60px 0;
    }
    #video {
        padding: 60px 0;
    }
    #video h2 {
        font-size: 40px;
    }
    #video p {
        font-size: 14px;
    }
    #leaders {
        padding: 60px 0;
    }
    #leaders h2 {
        font-size: 30px;
    }
    #leaders p {
        font-size: 14px;
    }
    .tecnologies p {
        width: 85% !important;
    }
    #stacks h2 {
        font-size: 40px;
    }
    #stacks .stack-box {
        padding: 20px;
        height: 100%;
    }
    #stacks .stack-box h3 {
        font-size: 20px;
    }
    #stacks .stack-box ul {
        margin: 15px 0;
    }
    #stacks .stack-box ul li {
        font-size: 14px;
    }
    #stacks .stack-box a {
        font-size: 14px;
    }
    #industry {
        padding: 0 0 60px 0;
    }
    #industry h3 {
        font-size: 40px;
    }
    #industry p {
        font-size: 14px;
    }
    #industry .industry-box {
        flex-direction: column;
        align-items: baseline;
        gap: 10px;
    }
    #industry .industry-box h4 {
        font-size: 20px;
    }
    #industry .industry-box .content p {
        font-size: 14px;
    }
    #industry .industry-box .content a {
        font-size: 14px;
    }
    #librarius {
        padding: 60px 0;
    }
    #librarius .slider .slider-item h2 {
        font-size: 40px;
    }
    #librarius .slider .slider-item p {
        font-size: 14px;
    }
    #librarius .slider .slider-item .inner-content .btn a {
        font-size: 13px;
    }
    #librarius .slider .slider-item .text-box h4 {
        font-size: 12px;
    }
    #librarius .slider .slider-item .text-box {
        height: 100%;
    }
    #librarius .slider .slider-item .col-lg-2.col-6 an {
        height: 100%;
    }
    #librarius .slider .slider-item .col-lg-2.col-6 an inan {
        height: 100%;
    }
    #librarius .slider .slider-item .text-box p {
        font-size: 12px;
    }
    #librarius .slider .slider-item .row a {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 17px 0;
        height: 100%;
    }
    #cta h4 {
        font-size: 30px;
    }
    #cta p {
        padding-right: 0;
        font-size: 14px;
    }
    #cta a {
        font-size: 14px;
        padding: 10px 50px;
    }
    #services.custom-app .row:nth-child(1) p {
        width: 82%;
    }
    #services.custom-app {
        padding: 60px 0;
    }
    #stages .stage-row h5 {
        font-size: 20px;
        width: 22%;
    }
    #stages .container h3 {
        font-size: 30px;
    }
    #stages .container {
        padding: 40px 0;
    }
    #stages .container p {
        width: 100%;
        font-size: 14px;
    }
    #stages .container a {
        font-size: 14px;
        padding: 15px 60px;
    }
    #services.testimonial-heading .row:nth-child(1) p {
        width: 85%;
    }
    #services.testimonial-heading {
        padding: 60px 0;
    }
    #testimonial .content .icon-box-ct h3 {
        font-size: 16px;
    }
    #testimonial .content .testimonial-item p {
        font-size: 14px;
    }
    #testimonial {
        padding-bottom: 60px;
    }
    #cta.cta-02 img {
        margin-left: -80px;
    }
    #services.sharing-knowledge {
        padding: 60px 0;
    }
    #services.sharing-knowledge .row:nth-child(1) p {
        padding-right: 0;
    }
    #services .row:nth-child(1) .icon-heading .icon {
        min-width: var(--size);
    }
    #knowledge .knowledge-box {
        gap: 15px;
    }
    #knowledge .knowledge-box .content h3 {
        font-size: 20px;
    }
    #knowledge .knowledge-box .content p {
        font-size: 14px;
    }
    #knowledge .knowledge-box .content {
        flex: 0 0 83%;
    }
    #knowledge {
        padding-bottom: 60px;
    }
    #knowledge a {
        font-size: 14px;
        padding: 15px 60px;
    }
    #faq {
        padding: 60px 0;
    }
    #faq h3 {
        font-size: 40px;
    }
    #faq #faqAccordion {
        margin-top: 40px;
    }
    #faq .accordion-item button {
        padding: 20px 0;
        font-size: 20px;
    }
    #faq .accordion-body {
        font-size: 14px;
    }
    #faq .accordion-button:after {
        --size: 30px;
    }
    footer {
        padding: 40px 0 20px 0;
    }
    footer .footer-box .info-box .content a:nth-child(1) {
        font-size: 14px;
    }
    footer .footer-box .info-box .content a:nth-child(2) {
        font-size: 10px;
    }
    footer .footer-box h4 {
        font-size: 18px;
    }
    footer .footer-box ul li a {
        font-size: 13px;
    }
    footer .footer-box .book-btn {
        font-size: 14px;
        padding: 10px 40px;
    }
    footer #copyrigth ul li a,
    footer #copyrigth ul li a * {
        font-size: 16px;
    }
    footer #copyrigth p {
        font-size: 13px;
    }
    footer .col-lg-9 .col-lg-3:nth-child(4) {
        padding-right: 40px;
    }
    header .menu nav .menu-main-wrapper li a {
        padding: 10px 16px;
        font-size: 13px;
    }
    header .menu nav .menu-main-wrapper li .btn-group a:after {
        background-position: 96% 50%;
    }
    header .menu nav .menu-btn {
        font-size: 11px;
        padding: 12px 20px;
    }
    #banner.service-page {
        padding: 60px 0;
    }
    #banner.service-page p {
        font-size: 20px;
        padding: 0 50px;
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 70px;
    }
    .order-package-box {
        position: relative;
    }
    .order-package-box .dotes {
        z-index: -1 !important;
    }
    .tipsbox {
        width: auto;
    }
    .tipsbox .img {
        height: 200px;
    }
    .tipsbox:hover .img img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    .tipsbox .content h4 {
        font-size: 20px;
    }
    #industry .tipsbox .content p {
        font-size: 14px;
        width: 100%;
    }
    .tipsbox .content {
        padding: 20px 20px 28px;
    }
    #stacks.service-stacks .stack-box {
        width: 100%;
    }
    header .menu nav .menu-main-wrapper li .dropdown-menu {
        margin-left: -100px;
    }
    #industry.tips.programe .tipsbox .content h4 {
        font-size: 20px;
    }
    #industry.tips.programe .tipsbox .content ul li {
        font-size: 14px;
    }
    #what_will h4 {
        font-size: 40px;
    }
    #what_will .box-icon p {
        font-size: 14px;
        width: 100%;
    }
    #what_will #awrds .logos-box-wrapper .logos-box-ct {
        flex: 0 0 22%;
    }
    #banner.service-page #expericeboxes {
        margin: 60px 0 0 0;
    }
    #banner.service-page #expericeboxes .expericeboxe {
        padding: 15px;
    }
    #banner.service-page #expericeboxes .expericeboxe p {
        padding: 0;
        font-size: 14px;
    }
    #banner.service-page #expericeboxes .expericeboxe h5 {
        font-size: 20px;
    }
    #product-market-fit .container .row {
        margin: 0 80px;
    }
    #product-market-fit img {
        width: 100%;
    }
    #product-market-fit h6 {
        font-size: 50px;
    }
    #product-market-fit {
        padding-bottom: 60px;
    }
    #fundamental_stages .fundaental-boxes-warpper {
        flex-wrap: wrap;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe {
        flex: 0 0 30%;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content p {
        padding: 0;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
        border-bottom: 40px solid #fff;
        border-left: 266px solid transparent;
    }
    #cta.idea-page img {
        width: 90%;
    }
    #stacks.service-stacks #content h5 {
        font-size: 18px;
    }
    #stacks.service-stacks #content p {
        font-size: 13px;
    }
    #stacks.service-stacks #content ol li {
        font-size: 13px;
    }
    #stacks.service-stacks #content ol {
        gap: 5px;
    }
    #stacks.service-stacks .col-lg-6 {
        gap: 20px;
    }
    #header {
        height: 82px;
    }
    #banner.industries-page h2,
    #banner.industries-page h2 * {
        font-size: 40px;
        padding: 0;
    }
    #banner.industries-page p {
        font-size: 18px;
    }
    #banner.industries-page {
        padding: 30px 0 20px 0;
    }
    #banner-industries-02 h2,
    #banner-industries-02 h2 * {
        font-size: 30px;
    }
    #banner-industries-02 h5 {
        font-size: 18px;
    }
    #banner-industries-02 p {
        font-size: 14px;
        width: 100%;
    }
    #banner-industries-02 .col-lg-6 {
        gap: 15px;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 85px;
    }
    #banner.industries-inner-page .content_img .content {
        margin-top: 20px;
    }
    #banner.industries-inner-page .content_img ul li {
        font-size: 20px;
    }
    #banner.industries-inner-page .content_img ul li span svg,
    #banner.industries-inner-page .content_img ul li span svg * {
        --size: 30px;
    }
    #banner.industries-inner-page .content_img a {
        font-size: 16px;
    }
    #workwith {
        padding: 60px 0;
    }
    #workwith h4 {
        font-size: 48px;
    }
    #workwith .work-boxes-wrapper .work-boxe .content h5 {
        font-size: 30px;
    }
    #workwith .work-boxes-wrapper .work-boxe .content p {
        font-size: 14px;
    }
    #workwith .work-boxes-wrapper .work-boxe .content {
        gap: 15px;
    }
    #marketplace_types {
        padding: 60px 0;
    }
    #marketplace_types h5 {
        font-size: 40px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4 {
        font-size: 25px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content {
        gap: 20px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li {
        font-size: 12px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul {
        grid-template-columns: 54% 55%;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .img {
        width: 34%;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .img img {
        width: 100%;
    }
    #marketplace_partners h5 {
        font-size: 40px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4:before {
        height: 6px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner {
        width: 90%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box {
        width: 100%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content {
        gap: 25px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box p {
        font-size: 16px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box h6 {
        font-size: 16px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content img {
        width: 40%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn img {
        width: 29%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
        font-size: 15px;
    }
    #stacks.service-stacks.industries-page.market-place-page {
        padding: 60px 0;
    }
    #otherindustries {
        padding: 60px 0 0 0;
    }
    #otherindustries h6 {
        font-size: 40px;
    }
    #otherindustries .col-lg-4 h4 {
        font-size: 20px;
    }
    #otherindustries .col-lg-4 a {
        font-size: 16px;
    }
    .timelinepagestages .col-lg-7 p {
        font-size: 14px !important;
    }
    .timelinepagestages {
        margin: -31px 50px 0 150px;
    }
    #timeline .time-line-wrapper .time-line-box .content h4 {
        font-size: 20px;
    }
    #timeline .time-line-wrapper .time-line-box .content p {
        font-size: 14px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content a {
        font-size: 40px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box h5 {
        font-size: 20px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box p {
        padding: 0;
        font-size: 14px;
    }
    #tecknologies_mvp-inn-page h5 {
        font-size: 50px;
    }
    #tecknologies_mvp-inn-page p {
        padding: 0 100px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box h5 {
        font-size: 20px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box .content {
        gap: 10px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box ul li {
        font-size: 14px;
    }
    #packages {
        padding: 50px 0;
    }
    #packages .col-lg-12:nth-child(1) h3 {
        font-size: 35px;
    }
    #packages #nav-tab button {
        font-size: 14px;
    }
    #packages .pakage-box h3 {
        font-size: 20px;
    }
    #packages .pakage-box .price-box h5 {
        font-size: 44px;
    }
    #packages .pakage-box .price-box .discoutprice p {
        font-size: 12px;
    }
    #packages .pakage-box .price-box {
        gap: 30px;
    }
    #packages .pakage-box .ul ul li {
        font-size: 14px;
    }
    #packages .pakage-box .button a {
        font-size: 14px;
        padding: 10px 30px;
    }
    #packages .pakage-box .contact-info {
        flex-direction: column;
    }
    #packages .pakage-box .contact-info span {
        width: 60%;
        height: 1px;
    }
    #portfolio h3 {
        font-size: 40px;
    }
    #portfolio p {
        width: 80%;
    }
    #portfolio #nav-tab button {
        font-size: 16px;
        padding: 9px 20px;
    }
    #portfolio .pr-wrapper .pr-image-item img {
        height: 100%;
        object-fit: cover;
    }
    #stages.about_us h5 {
        font-size: 30px;
    }
    #new-form .container h4 {
        font-size: 20px;
    }
    #new-form .container .form .filed-warraper :where(input,
    select,
    textarea) {
        font-size: 14px;
        height: 31px;
        padding: 0 10px;
    }
    #new-form .container .form .filed-warraper :where(label) {
        font-size: 14px;
    }
    #new-form .container .form .filed-warraper textarea {
        height: 100px;
        padding: 10px 10px;
    }
    #new-form .container button {
        padding: 8px 0;
        font-size: 14px;
    }
    #leaders.home-leader {
        padding-top: 160px;
    }
    #stages.about_us.home-about {
        padding-top: 180px;
    }
    #our_mission .row .col-lg-6 {
        flex: 0 0 48.9%;
    }
    #our_mission .row {
        gap: 20px;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) {
        padding-right: 0;
    }
    #our_mission .mission-inner-box .mission-inner-content {
        padding: 20px 20px 20px 167px;
        background: linear-gradient(129deg, rgb(0 0 0) 30%, rgba(255, 255, 255, 1) 38%);
    }
    #our_mission .mission-inner-box .mission-inner-content p {
        font-size: 14px;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 {
        font-size: 50px;
    }
    #our_mission .mission-inner-box .icon-logo h4 {
        font-size: 25px;
    }
    #our_mission .mission-inner-box .icon-logo .lottie-icon {
        --size: 70px;
    }
    #our_mission .mission-inner-box .icon-logo {
        gap: 0px;
    }
    #our_mission .mission-inner-box .ribbon-mission {
        height: 70%;
    }
    #our_mission .mission-inner-box .inner .border-line:before {
        transform: translate(137px, 41px) rotate(38deg);
    }
    #our_mission .mission-inner-box .inner .border-line:after {
        transform: translate(-64px, -79px) rotate(90deg);
    }
    #our_mission .mission-inner-box .inner .border-line span {
        top: 70px;
    }
    #our_mission .mission-inner-box h3 {
        font-size: 50px;
    }
    #achivements h4 {
        font-size: 40px;
    }
    #achivements p {
        font-size: 14px;
        width: 70%;
    }
    #achivements .img {
        height: 50vh;
    }
    #achivements .col-lg-12 .row .achivement-box h5 {
        font-size: 20px;
    }
    #achivements .col-lg-12 .row .achivement-box .counter {
        font-size: 25px;
    }
    #achivements .col-lg-12 .row .achivement-box span {
        font-size: 12px;
    }
    #achivements .col-lg-12 .row .achivement-box .lottie-icon {
        --size: 65px;
    }
    #achivements .col-lg-12 .row .col-lg-3:nth-child(2) .lottie-icon {
        transform: translate(8px, -12px);
    }
    #our_mission .container {
        max-width: 960px;
    }
    #about_services h4 {
        font-size: 45px;
    }
    #about_services h3 {
        font-size: 12px;
    }
    #about_services p {
        font-size: 14px;
        width: 100%;
    }
    #about_banner {
        height: 35vh;
    }
    #about_banner h2,
    #about_banner h2 span {
        font-size: 90px;
    }
    #banner_marquee .marquee-content h2 {
        font-size: 20px;
    }
    #service-video {
        height: 65vh;
    }
    #services_catogries h4 {
        font-size: 45px;
    }
    #services_catogries .sct-box h3 {
        font-size: 20px;
    }
    #services_catogries .sct-box p {
        width: 100%;
        font-size: 14px;
    }
    #service_timeline h4 {
        font-size: 40px;
    }
    #service_timeline h3 {
        font-size: 20px;
    }
    #service_timeline .col-lg-12 .row .col-lg-3 p {
        font-size: 16px;
    }
    #service_timeline .col-lg-12 .row .col-lg-3 h2 {
        font-size: 25px;
    }
}

@media (min-width: 600px) and (max-width: 1000px) {
    header {
        display: none;
    }
    #mobile-header {
        display: block;
        background: radial-gradient(var(--radial-gr-01), var(--radial-gr-02));
        padding: 20px 0;
    }
    #mobile-header .col-6:nth-child(2) {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    #mobile-header .logo {
        background: var(--white);
        width: 160px;
        padding: 7px;
        border-radius: 7px;
        position: relative;
        z-index: 9999;
        transition: 0.5s ease-in-out all;
    }
    #banner {
        padding: 40px 0 212px 0;
    }
    #banner h2 *,
    #banner h2 {
        font-size: 65px;
    }
    #banner p {
        font-size: 25px;
    }
    #banner .rocket {
        width: 280px;
        top: 0;
    }
    #services .row:nth-child(1) h3 {
        font-size: 30px;
    }
    #services .row:nth-child(1) h3 an {
        display: block;
    }
    #services .row:nth-child(1) .ribbon {
        font-size: 14px;
    }
    #services .row:nth-child(1) .col-lg-6 {
        display: flex;
        flex-direction: column;
        align-items: baseline;
    }
    #services .row:nth-child(1) .icon-heading {
        width: 100%;
    }
    #services .row:nth-child(1) p {
        width: 100%;
    }
    #services .row:nth-child(2) {
        padding: 40px 0;
    }
    #services .row .heading-btn h3 {
        font-size: 20px;
    }
    #services .row .heading-btn a {
        padding: 12px 25px;
    }
    #services .row .service-box-wrapper {
        gap: 30px;
    }
    #services .row .service-box-wrapper .service-item {
        padding: 20px;
    }
    #services .row .service-box-wrapper .service-item h5 {
        font-size: 14px;
    }
    #services .row .service-box-wrapper .service-item ul li {
        font-size: 12px;
    }
    #video h2 {
        font-size: 30px;
    }
    #video .ct-slider .vide-box .content h4 {
        font-size: 25px;
    }
    #video .ct-slider .vide-box .content img {
        width: 80px;
    }
    #video .ct-slider .vide-box .content span img {
        width: 20px;
    }
    #video .ct-slider .vide-box .content p {
        font-size: 11px;
    }
    #video .ct-slider .vide-box .content a {
        font-size: 12px;
        padding: 10px 30px;
        margin-top: 10px;
    }
    #services .row:nth-child(1) p {
        width: 100% !important;
    }
    #stacks h2 {
        font-size: 30px;
    }
    #stacks .stack-box {
        width: 100%;
    }
    #stacks .col-lg-3 {
        margin-bottom: 121px;
    }
    #stacks .col-lg-3:last-child {
        margin-bottom: 0;
    }
    #librarius .slider .slider-item p {
        padding-right: 250px;
    }
    #librarius .progress {
        transform: translate(-50px, 70px);
    }
    #librarius .slick-arrow {
        --size: 40px;
    }
    #librarius .slick-next {
        transform: translate(-290px, 50px);
    }
    #librarius {
        padding: 0 0 60px 0;
    }
    #librarius .slider {
        padding-top: 60px;
    }
    #librarius .slick-prev {
        transform: translate(-343px, 50px);
    }
    #librarius .slider .slider-item .col-lg-2.col-6 {
        margin-bottom: 30px;
    }
    #librarius .slider .slider-item .text-box {
        padding: 20px;
    }
    #cta .col-lg-6 {
        margin-top: 40px;
    }
    #cta .col-lg-6 img {
        width: 52%;
    }
    #stages .stage-row h5 {
        width: 35%;
    }
    #stages .stages:nth-child(odd) .container .row.content-row {
        flex-direction: column-reverse;
    }
    #stages .container .row.content-row img {
        width: 300px;
        object-position: left;
    }
    #knowledge .knowledge-box .content h3 {
        font-size: 15px;
    }
    #knowledge .knowledge-box .content {
        flex: 0 0 68%;
    }
    #services.testimonial-heading .row:nth-child(1) .ribbon {
        transform: translate(140px, -20px) rotate(-4deg);
    }
    #cta.cta-02 .col-lg-7 {
        margin-top: 40px;
    }
    #cta.cta-02 img {
        margin-left: 0;
    }
    #services .row:nth-child(1) .icon-heading {
        align-items: center;
    }
    #services.testimonial-heading .row:nth-child(1) .ribbon {
        transform: translate(140px, -20px) rotate(-4deg);
    }
    #cta.cta-02 .col-lg-7 {
        margin-top: 40px;
    }
    #cta.cta-02 img {
        margin-left: 0;
    }
    #services .row:nth-child(1) .icon-heading {
        align-items: center;
    }
    footer .col-lg-9 .col-lg-3:nth-child(1) {
        padding-left: 15px;
    }
    footer .col-lg-9 .col-lg-3:nth-child(2) {
        justify-content: flex-start;
    }
    footer .col-lg-9 .col-lg-3:nth-child(3) {
        justify-content: flex-start;
    }
    footer .col-lg-9 .col-lg-3:nth-child(4) {
        justify-content: flex-start;
        padding-right: 0;
    }
    footer .col-lg-9 .col-lg-3 {
        margin-top: 30px;
    }
    footer .footer-box h4 {
        margin-bottom: 15px;
    }
    footer .footer-box-row {
        flex-direction: column-reverse;
        gap: 25px;
    }
    #industry .industry-box {
        width: 100%;
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 50px;
    }
    #banner.service-page p {
        padding: 0 0;
    }
    .order-package-box {
        margin: 0;
    }
    .order-package-box:nth-child(even) {
        margin: 60px 0;
    }
    .order-package-box .heading-icon .heading h3 {
        font-size: 25px;
    }
    .order-package-box .heading-icon .icon {
        width: 100px;
    }
    .order-package-box p {
        font-size: 14px;
    }
    .order-package-box .text-div h4 {
        font-size: 18px;
    }
    .order-package-box .text-div:nth-child(even) {
        margin: 20px 0;
    }
    .order-package-box .pric-btn a {
        font-size: 16px;
        padding: 15px 40px;
    }
    .order-package-box .pric-btn .pric h6 {
        font-size: 30px;
    }
    #industry.tips {
        padding: 60px 0;
    }
    .tipsbox .img {
        height: 400px;
    }
    #industry.tips .col-lg-4:nth-child(even) {
        margin: 40px 0;
    }
    #services.custom-app .row:nth-child(1) p {
        width: 100% !important;
    }
    #industry.tips.programe .col-lg-4.col-md-4.col-12 {
        margin: 0;
    }
    #industry.tips.programe .tipsbox .img img {
        width: 100%;
        height: auto;
    }
    #industry.tips.programe .tipsbox .img {
        height: auto;
    }
    #industry.tips.programe .tipsbox .content h4 {
        font-size: 16px;
    }
    #industry.tips.programe .tipsbox .content ul li {
        font-size: 12px;
    }
    #industry.tips.programe .tipsbox .content {
        gap: 5px;
    }
    #industry.tips.programe {
        padding: 0 0 60px 0;
    }
    #form {
        padding: 60px 0;
    }
    #form h4 {
        font-size: 30px;
    }
    #form .col-lg-5 {
        justify-content: flex-start;
    }
    #form .row {
        flex-direction: column-reverse;
        gap: 25px;
    }
    #what_will h4 {
        font-size: 30px;
    }
    #what_will .col-lg-3:nth-child(2) {
        margin-bottom: 20px;
    }
    #what_will .row:nth-child(3) {
        margin-top: 20px;
    }
    #what_will .row:nth-child(3) .col-lg-4:nth-child(2) {
        margin-bottom: 20px;
    }
    #what_will .row:nth-child(4) {
        margin-top: 40px;
    }
    #what_will #awrds h3 {
        font-size: 30px;
    }
    #what_will #awrds p {
        width: 100%;
        font-size: 14px;
    }
    #what_will #awrds .col-lg-8 {
        margin-top: 30px;
    }
    #what_will {
        padding: 0 0 60px 0;
    }
    #banner .website-info-box h5 {
        font-size: 14px;
    }
    #banner .website-info-box a {
        font-size: 14px;
    }
    #stages .stages .container .row.content-row {
        gap: 30px;
    }
    #banner.service-page #expericeboxes .expericeboxe {
        flex-direction: row;
    }
    #banner.service-page #expericeboxes .col-lg-6 {
        margin-bottom: 22px;
    }
    #banner.service-page #expericeboxes .expericeboxe .img {
        width: 250px;
    }
    #product-market-fit .container .row {
        margin: 0 20px;
    }
    #product-market-fit h6 {
        font-size: 30px;
    }
    #product-market-fit .color-li-yellow li,
    #product-market-fit .color-li-blue li {
        font-size: 18px;
    }
    #product-market-fit .color-li-yellow li:before,
    #product-market-fit .color-li-blue li:before {
        width: 20px;
        height: 20px;
        border-width: 6px;
    }
    #product-market-fit h4 {
        font-size: 40px;
    }
    #product-market-fit .numbers-ol li {
        font-size: 16px;
    }
    #product-market-fit .numbers-ol li:before {
        width: 20px;
        height: 20px;
        font-size: 11px;
        line-height: 20px;
    }
    #product-market-fit p {
        font-size: 14px;
    }
    #product-market-fit .ul-color li span:nth-child(1) {
        font-size: 14px;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe {
        flex: 0 0 42%;
    }
    #knowledge.mvp-page .knowledge-box .content {
        padding: 20px 0;
    }
    #stacks.service-stacks #content {
        flex-direction: column-reverse;
        margin-top: 0;
    }
    #Customer .col-lg-6:nth-child(4n - 3),
    #Customer .col-lg-6:nth-child(4n - 2) {
        margin-bottom: 0;
    }
    #Customer .col-lg-6 {
        margin-bottom: 30px !important;
    }
    #Customer .row:nth-child(even) {
        margin-top: 40px;
    }
    #Customer {
        margin: -30px 0 40px 0;
    }
    #Customer h4 {
        font-size: 30px;
    }
    #Customer p {
        font-size: 14px;
        width: 90%;
    }
    #Customer .customer-box .cutomer-icon-box h6 {
        font-size: 20px;
    }
    #Customer .customer-box .customer-content p {
        font-size: 14px;
        width: 80%;
    }
    #Customer .customer-box .customer-content ul li {
        font-size: 14px;
    }
    #header {
        display: none;
    }
    #mobile-header-section {
        height: 85px;
    }
    #mobile-header-section #mobile-header {
        position: fixed;
        width: 100%;
        transition: 0.5s ease-in-out all;
        z-index: 99;
    }
    #mobile-header-section #mobile-header.header-fixed {
        padding: 10px 0;
    }
    #mobile-header.header-fixed .logo {
        width: 120px;
    }
    #banner.industries-page img {
        width: 100%;
    }
    #banner.industries-page .col-lg-6:nth-child(2) {
        align-items: end;
    }
    #banner.industries-page p {
        font-size: 16px;
        width: 100%;
    }
    #banner.industries-page h2,
    #banner.industries-page h2 * {
        font-size: 30px;
    }
    #banner-industries-02 h2,
    #banner-industries-02 h2 * {
        font-size: 25px;
    }
    #banner-industries-02 .col-lg-6 {
        margin-top: 50px;
    }
    #banner-industries-02 img {
        width: 50%;
    }
    #stacks.service-stacks.industries-page {
        padding: 60px 0;
    }
    #stacks.service-stacks.industries-page .col-lg-4:nth-child(odd) {
        margin: 100px 0;
    }
    #stacks.service-stacks.industries-page .col-lg-4:nth-child(even) {
        margin: 0;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 50px;
    }
    #banner.industries-inner-page .content_img ul li {
        font-size: 16px;
    }
    #banner.industries-inner-page .content_img ul li span svg,
    #banner.industries-inner-page .content_img ul li span svg * {
        --size: 25px;
    }
    #banner.industries-inner-page .content_img a {
        padding: 10px 30px;
        font-size: 14px;
    }
    #banner.industries-inner-page .content_img .img {
        width: 50%;
    }
    #workwith h4 {
        font-size: 35px;
    }
    #workwith .work-boxes-wrapper .work-boxe {
        flex-direction: column;
    }
    #workwith .work-boxes-wrapper .work-boxe:nth-child(odd) {
        flex-direction: column-reverse;
    }
    #workwith .work-boxes-wrapper .work-boxe .img img {
        width: 50%;
    }
    #workwith .work-boxes-wrapper .work-boxe .img {
        justify-content: flex-start !important;
    }
    #workwith .work-boxes-wrapper .work-boxe .content h5 {
        font-size: 20px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
        padding: 15px 30px;
    }
    #otherindustries .col-lg-4 a {
        padding: 10px 30px;
    }
    #otherindustries .col-lg-4 h4 {
        font-size: 14px;
    }
    .timelinepagestages {
        margin: -60px 0 0 0;
    }
    .timelinepagestages .row.content-row {
        flex-direction: column !important;
    }
    .timelinepagestages .col-lg-7 p {
        text-align: center;
    }
    .timelinepagestages * {
        padding: 0;
        margin: 0 auto;
    }
    .timelinepagestages .col-lg-5 {
        display: flex;
    }
    #timeline .time-line-wrapper {
        margin: 0 30px 0 100px;
    }
    #timeline .time-line-wrapper .time-line-box .timeline-icon {
        left: -100px;
    }
    #timeline .time-line-wrapper .time-line-box .content h3 {
        font-size: 10px;
    }
    #timeline .time-line-wrapper .time-line-box .content h4 {
        font-size: 17px;
    }
    #timeline .time-line-wrapper .time-line-box .content p {
        font-size: 12px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content a {
        font-size: 32px;
    }
    #timeline {
        padding-bottom: 60px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .col-lg-6:nth-child(1) {
        margin-bottom: 40px;
    }
    #packages .col-lg-12:nth-child(1) p {
        width: 100%;
        font-size: 14px;
    }
    #packages .col-lg-12:nth-child(1) h3 {
        font-size: 30px;
    }
    #packages #nav-tab button {
        font-size: 14px;
    }
    #packages .pakage-box .price-box {
        gap: 15px;
    }
    #packages .pakage-box .price-box h5 {
        font-size: 40px;
    }
    #packages .pakage-box .ul ul li {
        font-size: 12px;
    }
    #packages .pakage-box .ul ul li:before {
        top: 7px;
        --size: 3px;
    }
    #portfolio .pr-wrapper .pr-image-item {
        flex: 1 0 32%;
    }
    #portfolio #nav-tab button {
        font-size: 14px;
        padding: 13px 10px;
    }
    #portfolio {
        padding-bottom: 50px;
    }
    #portfolio h3 {
        font-size: 30px;
    }
    #portfolio p {
        width: 100%;
        font-size: 14px;
    }
    #portfolio .col-lg-12:nth-child(2) {
        margin-top: 35px;
    }
    .portfolio-video-pop {
        width: 70vw;
        height: 50vh;
    }
    .portfolio-video-pop:before {
        transform: translate(-50%, -50%) scale(5);
    }
    #portfolio #video-animation .video-box {
        flex: 1 0 32%;
    }
    #new-form .container .col-lg-6 img {
        height: 280px;
        object-fit: cover;
        object-position: center;
        margin-bottom: 20px;
    }
    #new-form .container .form .filed-warraper {
        flex-direction: row;
        width: 100%;
    }
    #new-form .container .form .filed-warraper .filed {
        width: 100%;
    }
    #our_mission .row .col-lg-6 {
        flex: 0 0 100%;
    }
    #our_mission {
        padding: 50px 0;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 {
        text-align: center;
        line-height: 1;
        margin-bottom: -20px;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 an {
        display: inline-block;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) p {
        text-align: center;
        width: 90%;
        margin: 0 auto;
    }
    #our_mission .mission-inner-box {
        background: #fff;
        border-radius: 30px;
        padding: 35px 50px;
    }
    #our_mission .mission-inner-box .ribbon-mission {
        display: none;
    }
    #our_mission .mission-inner-box .ribbon-mission-small {
        display: none;
    }
    #our_mission .mission-inner-box h3 {
        display: none;
    }
    #our_mission .mission-inner-box .mission-inner-content {
        background: transparent;
        width: 100%;
        clip-path: none;
        padding: 0;
        min-height: auto;
    }
    #our_mission .mission-inner-box .mission-inner-content p {
        font-size: 18px;
        text-align: center;
        width: 80%;
        margin: 0 auto;
    }
    #our_mission .mission-inner-box .inner .border-line {
        display: none;
    }
    #our_mission .mission-inner-box .icon-logo .lottie-icon {
        mix-blend-mode: luminosity;
        --size: 120px;
        position: relative;
    }
    #our_mission .mission-inner-box .icon-logo {
        margin: 0 auto;
        gap: 10px;
    }
    #our_mission .mission-inner-box .inner {
        gap: 15px;
    }
    #our_mission .mission-inner-box .icon-logo h4 {
        margin: 0px auto 0 auto;
        font-size: 30px;
    }
    #our_mission .mission-inner-box .icon-logo .lottie-icon:before {
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #000;
        position: absolute;
        z-index: 5;
        border-radius: 15px;
    }
    #our_mission .container {
        gap: 20px;
    }
    #achivements {
        padding: 50px 0;
    }
    #achivements h4 {
        margin-bottom: 10px;
    }
    #achivements .img {
        height: 30vh;
    }
    #achivements .col-lg-12 .row {
        display: flex;
        gap: 15px;
        margin: -70px auto 0 auto;
        justify-content: center;
    }
    #achivements .col-lg-12 .row .col-lg-3 {
        flex: 0 0 48%;
        padding: 0;
    }
    #achivements .col-lg-12 .row .achivement-box {
        width: 100%;
    }
    #about_banner h2,
    #about_banner h2 span {
        font-size: 90px;
    }
    #about_banner {
        height: 35vh;
    }
    #about_services {
        margin: 60px 0;
    }
    #about_services .col-lg-6:nth-child(2) {
        margin-top: 30px;
    }
    #services_catogries :where(.col-lg-5,
    .col-lg-7) {
        margin-top: 20px;
    }
    #services_catogries {
        padding: 60px 0;
    }
    #service_timeline {
        padding: 60px 0;
    }
    #service_timeline h3 {
        font-size: 17px;
    }
    #service_timeline h4 {
        font-size: 30px;
    }
    #service_timeline .col-lg-12 .row {
        margin-top: 30px;
    }
    #service_timeline .col-lg-12 .row:before {
        display: none;
    }
    #service_timeline .col-lg-12 .row .col-lg-3 {
        margin-bottom: 30px;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    #industry.tips.programe .tipsbox .img img {
        width: 50%;
    }
    #banner h2 *,
    #banner h2 {
        font-size: 55px;
    }
    .container,
    .container-sm {
        max-width: 90% !important;
    }
    #librarius .progress {
        width: 150px;
    }
    #librarius .slick-next {
        transform: translate(-220px, 50px);
    }
    #librarius .slick-prev {
        transform: translate(-270px, 50px);
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 40px;
    }
    #what_will .col-lg-3:nth-child(even) {
        margin: 20px 0;
    }
    #what_will .row:nth-child(3) {
        margin-top: 0;
    }
    #what_will .col-lg-4:nth-child(even) {
        margin: 20px 0;
    }
    #what_will .row:nth-child(4) {
        margin-top: 40px;
    }
    #industry.tips.programe .tipsbox .img {
        height: auto;
        width: 100%;
        display: flex;
        padding-left: 20px;
    }
    #industry.tips.programe .col-lg-4:nth-child(even) {
        margin: 40px 0 !important;
    }
    #industry.tips.programe .tipsbox .content h4 {
        font-size: 36px;
    }
    #industry.tips.programe .tipsbox .content ul li {
        font-size: 16px;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
        border-bottom: 40px solid #fff;
        border-left: 200px solid transparent;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 40px;
    }
    #banner.industries-inner-page .content_img ul li {
        font-size: 14px;
    }
    #banner.industries-inner-page .content_img ul li span svg,
    #banner.industries-inner-page .content_img ul li span svg * {
        --size: 20px;
    }
    #banner.industries-inner-page .content_img .content {
        gap: 15px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4 {
        font-size: 20px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4:before {
        height: 4px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li {
        font-size: 9px;
        padding-left: 7px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li:before {
        --size: 2px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box p {
        font-size: 14px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box h6 {
        font-size: 14px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn {
        gap: 10px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner {
        gap: 15px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
        font-size: 14px;
        padding: 15px 20px;
    }
    #otherindustries .col-lg-4 img {
        width: 62%;
    }
    #otherindustries .col-lg-4:nth-child(even) {
        margin: 40px 0;
    }
    footer #copyrigth p {
        text-align: left;
        margin: 16px 0;
    }
    footer #copyrigth .col-lg-3:nth-child(3) {
        justify-content: flex-start;
    }
    footer #copyrigth .container {
        max-width: 100% !important;
    }
    #timeline .time-line-wrapper .time-line-box .img-content a {
        font-size: 20px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content {
        gap: 20px;
    }
    #timeline .time-line-wrapper .time-line-box .content h4 {
        font-size: 16px;
    }
}

@media (max-width: 600px) {
    #industry .industry-box .img img {
        width: 160px;
    }
    .cursor-wrapper {
        display: none;
    }
    header {
        display: none;
    }
    #banner {
        padding: 30px 0 50px 0;
    }
    #banner h2 *,
    #banner h2 {
        font-size: 32px;
        display: inline-block !important;
        overflow: unset;
    }
    #banner h2 {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 9px;
        line-height: 1.2em;
        padding: 0 0;
    }
    #banner h2 div {
        margin: 0 !important;
        line-height: 1.2em;
    }
    #banner .clouds {
        height: 200px;
        bottom: -3px;
    }
    #banner p {
        font-size: 14px;
        padding: 0 60px;
    }
    #banner h4 {
        margin-top: 20px !important;
        font-size: 18px;
    }
    #banner a {
        padding: 9px 35px;
        font-size: 15px;
        margin-top: 5px !important;
    }
    #banner .rocket {
        width: 150px;
        top: 46px;
        right: 6px;
    }
    #services {
        padding: 50px 0;
    }
    #services .row:nth-child(1) h3 {
        font-size: 27px;
        margin: 0;
    }
    #services .row:nth-child(1) .ribbon {
        font-size: 13px;
        transform: translate(7px, -7px) rotate(-4deg);
        padding: 10px;
    }
    #services .row:nth-child(1) .icon-heading h4 {
        font-size: 14px;
    }
    #services .row:nth-child(1) p {
        width: 100%;
        font-size: 14px;
    }
    #services .row:nth-child(1) .icon-heading {
        margin-top: 20px;
        justify-content: flex-start;
        width: 100%;
        align-items: center;
    }
    #services .row .heading-btn h3 {
        font-size: 20px;
        flex: 0 0 51%;
    }
    #services .row:nth-child(2) {
        padding: 50px 0;
    }
    #services .row .heading-btn a {
        font-size: 11px;
        padding: 10px 20px;
    }
    #services .row .heading-btn {
        gap: 10px;
    }
    #services .row .service-box-wrapper {
        display: flex;
        flex-direction: column;
        gap: 30px;
    }
    #services .row:nth-child(1) h3 an {
        display: inline-block;
    }
    #services .row .service-box-wrapper .service-item {
        padding: 20px;
    }
    #services .row .service-box-wrapper .service-item ul li {
        font-size: 14px;
    }
    #services .row .service-box-wrapper .service-item h5 {
        font-size: 18px;
    }
    #video {
        padding: 50px 0;
    }
    #video h2 {
        font-size: 22px;
        margin: 0;
    }
    #video h2 an {
        display: inline-block;
    }
    #video p {
        font-size: 14px;
        margin-top: 10px;
    }
    #video .ct-slider {
        margin-top: 30px;
    }
    #video .ct-slider .vide-box {
        flex-direction: column;
        gap: 0;
    }
    #video .ct-slider .vide-box .content {
        padding: 15px 20px 20px 20px;
    }
    #video .ct-slider .vide-box .content img {
        width: 70px;
    }
    #video .ct-slider .vide-box .content h4 {
        margin-top: 13px;
        font-size: 23px;
    }
    #video .ct-slider .vide-box .content span img {
        width: 20px;
    }
    #video .ct-slider .vide-box .content p {
        font-size: 12px;
    }
    #video .ct-slider .vide-box .content a {
        margin-top: 10px;
        padding: 10px 20px;
        font-size: 14px;
    }
    #video .ct-slider .carousel-control-next {
        align-items: end;
        transform: translateX(-30px);
    }
    #video .ct-slider .carousel-control-prev {
        align-items: flex-end;
        transform: translateX(400%);
        justify-content: end;
        position: absolute;
        right: 0;
    }
    #leaders {
        padding: 50px 0 20px 0;
    }
    #leaders h2 {
        font-size: 20px;
        margin: 0;
    }
    #leaders p {
        width: 100%;
        font-size: 14px;
        margin-top: 10px;
    }
    .tecnologies p {
        width: 100% !important;
    }
    #stacks {
        padding: 40px 0;
    }
    #stacks h2 {
        font-size: 25px;
    }
    #stacks .stack-box {
        width: 100%;
        padding: 20px;
        margin-bottom: 100px;
        height: auto;
    }
    #stacks .stack-box h3 {
        font-size: 18px;
    }
    #stacks .stack-box ul li {
        font-size: 14px;
    }
    #stacks .stack-box a {
        font-size: 14px;
    }
    #stacks .stack-box:nth-child(5) {
        margin-bottom: 0;
    }
    #industry {
        padding: 40px 0;
    }
    #industry h3 {
        font-size: 25px;
    }
    #industry p {
        width: 100%;
        font-size: 14px;
        padding: 15px 0 40px 0;
    }
    #industry .industry-box {
        flex-direction: column;
        gap: 20px;
        padding: 20px;
        align-items: baseline;
        width: 100%;
    }
    #industry .industry-box img {
        width: 150px;
        object-fit: contain;
        object-position: left;
    }
    #industry .industry-box h4 {
        font-size: 20px;
    }
    #industry .industry-box .content p {
        width: 100%;
        font-size: 14px;
    }
    #industry .industry-box .content a {
        font-size: 14px;
    }
    #stacks .col-lg-3:nth-child(5) .stack-box {
        margin-bottom: 0;
    }
    #librarius {
        padding: 35px 0 50px 0;
        position: relative;
        z-index: 5;
    }
    #librarius .slider .slider-item {
        width: 100%;
        display: block;
    }
    #librarius .slider .slider-item p {
        padding-right: 0;
        font-size: 14px;
        width: 100%;
        margin-top: 10px;
    }
    #librarius .slider .slider-item .inner-content {
        flex-direction: column;
        align-items: baseline;
        gap: 19px;
        margin-top: 19px;
    }
    #librarius .slider .slider-item h2 {
        font-size: 20px;
    }
    #librarius .slider .slider-item img {
        width: 100%;
        margin: 20px 0;
    }
    #librarius .slider .slider-item .inner-content .btn a {
        font-size: 13px;
        padding: 5px 13px;
    }
    #librarius .slider .slider-item .inner-content .icons {
        padding-right: 0;
        gap: 10px;
        flex-wrap: nowrap;
    }
    #librarius .slider .slider-item .inner-content .icons h4 {
        font-size: 16px;
        min-width: 118px;
    }
    #librarius .slider .slider-item .inner-content .btn a img {
        margin: 0;
    }
    #librarius .slider .slider-item .inner-content .icons img {
        margin: 0;
    }
    #librarius .slider .slider-item .col-lg-2 {
        margin-bottom: 17px;
    }
    #librarius .slider .slider-item .text-box h4 {
        font-size: 11px;
    }
    #librarius .slider .slider-item .text-box p {
        font-size: 12px;
    }
    #librarius .slider .slider-item .text-box {
        padding: 12px 17px;
    }
    #librarius .slider .slider-item .row a {
        font-size: 14px;
        width: 100%;
        padding: 14px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 5px;
        margin-top: 20px;
    }
    #librarius .slider .slider-item .row a img {
        margin: 0;
        width: 22px;
    }
    #librarius .progress {
        transform: translate(0, 12px);
        width: 120px;
    }
    #librarius .slick-arrow {
        --size: 30px;
    }
    #librarius .slick-next {
        transform: translate(-127px, 0px);
    }
    #librarius .slick-prev {
        transform: translate(-165px, 0px);
    }
    #librarius .slider {
        padding-top: 15px;
    }
    #cta p {
        font-size: 14px;
        padding-right: 0;
    }
    #cta h4 {
        font-size: 20px;
    }
    #cta .col-lg-6 {
        gap: 13px;
        margin-top: 36px;
    }
    #cta a {
        font-size: 14px;
        padding: 9px 34px;
    }
    #services.custom-app {
        padding: 50px 0;
    }
    #services.custom-app .row:nth-child(1) p {
        width: 100%;
    }
    #stages .stage-row h5 {
        font-size: 18px;
        width: 72%;
    }
    #stages .container h3 {
        font-size: 20px;
    }
    #stages .container p {
        width: 100%;
        font-size: 14px;
        padding: 0 20px;
    }
    #stages .container a {
        margin: 0 20px;
        font-size: 14px;
        padding: 13px 55px;
    }
    #stages .container img {
        width: 72%;
    }
    #stages .container .content-row {
        gap: 30px;
    }
    #services.testimonial-heading {
        padding: 50px 0;
    }
    #services.testimonial-heading .row:nth-child(1) .ribbon {
        transform: translate(125px, -16px) rotate(-4deg);
    }
    #services.testimonial-heading .row:nth-child(1) p {
        width: 100%;
    }
    #testimonial .content .testimonial-item {
        padding: 20px 28px;
    }
    #testimonial .content .testimonial-item p {
        width: 100%;
        font-size: 14px;
    }
    #testimonial .content .icon-box-ct h3 {
        font-size: 16px;
    }
    #testimonial .content .testimonial-item p {
        font-size: 13px;
    }
    #testimonial .progress {
        width: 130px;
    }
    #testimonial .barandarrow h6 {
        font-size: 14px;
    }
    #testimonial .barandarrow {
        padding-right: 20px !important;
    }
    #testimonial .slick-arrow {
        --size: 40px;
    }
    #testimonial .slick-next {
        transform: translate(-215px, -7px);
    }
    #testimonial .slick-prev {
        transform: translate(-270px, -7px);
    }
    #services.sharing-knowledge .row:nth-child(1) p {
        padding-right: 0;
    }
    #services.sharing-knowledge {
        padding: 50px 0;
    }
    #knowledge .knowledge-box .content h3 {
        font-size: 12px;
    }
    #knowledge .knowledge-box .content p {
        font-size: 10px;
    }
    #knowledge .knowledge-box .arrow-btn span {
        --size: 40px;
    }
    #knowledge a {
        font-size: 14px;
        width: 100%;
        padding: 17px 0;
    }
    #knowledge {
        padding-bottom: 50px;
    }
    #faq {
        padding: 50px 0;
    }
    #faq h3 {
        font-size: 20px;
        text-align: left;
    }
    #faq .accordion-item button {
        padding: 15px 0;
        font-size: 14px;
    }
    #faq .accordion-button:after {
        --size: 30px;
    }
    #faq .accordion-body {
        padding: 0 0 15px 0;
        font-size: 14px;
    }
    #faq #faqAccordion {
        margin-top: 30px;
    }
    footer {
        padding: 50px 0 32px 0;
    }
    footer .footer-box h4 {
        font-size: 18px;
        margin-bottom: 13px;
    }
    footer .footer-box .info-box .content a:nth-child(1) {
        font-size: 14px;
    }
    footer .footer-box .info-box .content a:nth-child(2) {
        font-size: 12px;
    }
    footer .footer-box .info-box:last-child {
        align-items: center;
    }
    footer .footer-box .info-box:nth-child(4) {
        align-items: center;
    }
    footer .footer-box .book-btn {
        font-size: 14px;
        padding: 10px 50px;
    }
    footer .col-lg-9 .col-lg-3:nth-child(1) {
        padding-left: 15px;
    }
    footer .col-lg-9 .col-lg-3:nth-child(2) {
        justify-content: flex-start;
    }
    footer .col-lg-9 .col-lg-3:nth-child(3) {
        justify-content: flex-start;
    }
    footer .col-lg-9 .col-lg-3:nth-child(4) {
        justify-content: flex-start;
    }
    footer .footer-box ul li a {
        font-size: 13px;
    }
    footer #copyrigth ul li a,
    footer #copyrigth ul li a * {
        font-size: 16px;
    }
    footer #copyrigth p {
        text-align: left;
        margin: 20px 0;
    }
    footer #copyrigth .col-lg-3:nth-child(3) {
        justify-content: flex-start;
    }
    footer .col-lg-9 .col-lg-3 {
        margin-top: 40px;
    }
    #cta.cta-02 .col-lg-7 {
        margin: 40px 0 30px 0;
    }
    #testimonial {
        padding-bottom: 40px;
    }
    #stages .stages:nth-child(odd) .container .content-row {
        flex-direction: column-reverse;
    }
    #mobile-header .col-6:nth-child(2) {
        display: flex;
        justify-content: end;
        align-items: center;
    }
    #mobile-header {
        background: radial-gradient(var(--radial-gr-01), var(--radial-gr-02));
        padding: 20px 0;
        position: relative;
        display: block;
    }
    #mobile-header .logo img {
        width: 126px;
    }
    #mobile-header .logo {
        background: var(--white);
        width: 140px;
        padding: 10px;
        border-radius: 7px;
        position: relative;
        z-index: 999;
        transition: 0.5s ease-in-out all;
    }
    #banner.service-page {
        padding: 50px 0;
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 25px;
    }
    #banner.service-page p {
        padding: 0 35px;
        font-size: 14px;
    }
    .order-package-box {
        margin: 0;
    }
    .order-package-box .heading-icon .icon {
        width: 100px;
    }
    .order-package-box .heading-icon .heading h3 {
        font-size: 17px;
    }
    .order-package-box p {
        font-size: 14px;
    }
    .order-package-box .text-div h4 {
        font-size: 18px;
    }
    .order-package-box .text-div:nth-child(even) {
        margin: 15px 0;
    }
    .order-package-box .dotes {
        z-index: -1;
    }
    .order-package-box .pric-btn a {
        font-size: 14px;
        padding: 10px 15px;
    }
    .order-package-box .pric-btn .pric h6 {
        font-size: 19px;
    }
    .order-package-box .pric-btn .pric p {
        font-size: 12px;
    }
    .order-package-box:nth-child(even) {
        margin: 40px 0;
    }
    #stacks.service-stacks .col-lg-4:nth-child(even) {
        margin: 100px 0;
    }
    #industry.tips {
        padding: 50px 0;
    }
    #industry.tips .dotes {
        z-index: 1;
    }
    #industry.tips .row {
        position: relative;
        z-index: 5;
    }
    .tipsbox {
        width: 100%;
    }
    #industry.tips .col-lg-4:nth-child(even) {
        margin: 40px 0;
    }
    .tipsbox .content {
        padding: 20px;
    }
    .tipsbox .content h4 {
        font-size: 18px;
    }
    #industry .tipsbox .content p {
        font-size: 14px;
        width: 100%;
    }
    #industry .tipsbox .content a {
        font-size: 14px;
    }
    #stacks.service-stacks .stack-box {
        height: fit-content;
        margin-bottom: 0;
    }
    #stacks.service-stacks .col-lg-4 {
        height: min-content;
        max-height: fit-content;
    }
    #banner .website-info-box h5 {
        font-size: 13px;
    }
    #banner .website-info-box a {
        margin: 0 !important;
        font-size: 13px;
    }
    .website-info-box {
        padding-bottom: 6px;
        justify-content: center;
        gap: 10px;
    }
    .website-info-box span {
        font-size: 13px;
    }
    #industry.tips.programe .tipsbox .content h4 {
        font-size: 20px;
    }
    #industry.tips.programe .tipsbox .content ul li {
        font-size: 14px;
    }
    #form {
        padding: 40px 0;
    }
    #form h4 {
        font-size: 25px;
    }
    #form .form .filed-warraper .filed label {
        font-size: 14px;
    }
    #what_will h4 {
        font-size: 30px;
    }
    #what_will {
        padding: 40px 0;
    }
    #what_will .col-lg-3:nth-child(even) {
        margin: 20px 0;
    }
    #what_will .row:nth-child(3) {
        margin-top: 0;
    }
    #what_will .col-lg-4:nth-child(even) {
        margin: 20px 0;
    }
    #what_will .row:nth-child(4) {
        margin-top: 40px;
    }
    #what_will #awrds h3 {
        font-size: 30px;
    }
    #what_will #awrds p {
        width: 100%;
        font-size: 14px;
    }
    #what_will #awrds .logos-box-wrapper .logos-box-ct {
        flex: 0 0 100px;
        padding: 11px;
    }
    #what_will #awrds .logos-box-wrapper .logos-box-ct img {
        width: 100%;
        height: 100%;
    }
    #what_will #awrds .logos-box-wrapper {
        margin-top: 30px;
    }
    #banner.service-page #expericeboxes {
        margin: 40px 0 0 0;
    }
    #banner.service-page #expericeboxes .expericeboxe {
        width: 100%;
        flex-direction: column !important;
        padding: 15px;
        gap: 4px;
    }
    #banner.service-page #expericeboxes .expericeboxe p {
        padding: 0;
        font-size: 14px;
        margin: 0;
    }
    #banner.service-page #expericeboxes .expericeboxe h5 {
        font-size: 18px;
    }
    #banner.service-page #expericeboxes .expericeboxe .img {
        width: 100px;
        transform: translateX(0);
        margin: 0 0 0 auto;
    }
    #banner.service-page #expericeboxes .expericeboxe .img img {
        width: 100%;
        height: auto;
    }
    #banner.service-page #expericeboxes .col-lg-6 {
        margin-bottom: 22px;
    }
    #what_will.expertise {
        padding: 40px 0;
    }
    #product-market-fit .container .row {
        margin: 0 0;
    }
    #product-market-fit h4 {
        font-size: 20px;
    }
    #product-market-fit p {
        font-size: 14px;
    }
    #product-market-fit .numbers-ol li {
        font-size: 14px;
    }
    #product-market-fit .numbers-ol li:before {
        --size: 18px;
        width: var(--size);
        height: var(--size);
        line-height: var(--size);
        font-size: 10px;
    }
    #product-market-fit img {
        width: 100%;
    }
    #product-market-fit h5 {
        font-size: 16px;
    }
    #product-market-fit .ul-color li {
        flex-direction: column;
        gap: 10px;
    }
    #product-market-fit .ul-color li span:nth-child(1) {
        width: fit-content;
        margin: 0;
        font-size: 14px;
    }
    #product-market-fit .ul-color li {
        font-size: 14px;
    }
    #product-market-fit .color-li-blue li,
    #product-market-fit .color-li-yellow li {
        font-size: 14px;
    }
    #product-market-fit .color-li-blue li:before,
    #product-market-fit .color-li-yellow li:before {
        --size: 20px;
        width: var(--size);
        height: var(--size);
        border-width: 6px;
    }
    #product-market-fit h6 {
        font-size: 25px;
    }
    #product-market-fit .li-yellow-dotes li {
        font-size: 14px;
    }
    #product-market-fit .li-yellow-dotes li:before {
        --size: 10px;
        width: var(--size);
        height: var(--size);
    }
    #product-market-fit {
        padding-bottom: 40px;
    }
    #fundamental_stages .fundaental-boxes-warpper {
        flex-direction: column;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content p {
        padding: 0;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
        border-bottom: 40px solid #fff;
        border-left: 390px solid transparent !important;
    }
    #fundamental_stages h6 {
        font-size: 30px;
    }
    #fundamental_stages .fn-last-text {
        padding: 0 15px !important;
        font-size: 14px !important;
    }
    #stages.design-page h3 {
        padding: 0 20px;
    }
    #stages.design-page ul {
        padding: 0 20px;
    }
    #stages.design-page ul li {
        font-size: 14px;
    }
    #knowledge.mvp-page .knowledge-box .icon {
        padding: 8px 10px;
        height: auto;
    }
    #knowledge.mvp-page .knowledge-box .icon img {
        width: 41px;
    }
    #knowledge.mvp-page .knowledge-box .content {
        padding: 0 15px 15px 12px;
    }
    #stacks.service-stacks #content {
        flex-direction: column-reverse;
        margin-top: 0;
    }
    #stacks.service-stacks #content h5 {
        font-size: 18px;
    }
    #stacks.service-stacks #content p {
        font-size: 14px;
    }
    #stacks.service-stacks #content ol {
        gap: 5px;
    }
    #stacks.service-stacks #content ol li {
        font-size: 14px;
    }
    #stacks.service-stacks .col-lg-6 {
        gap: 10px;
    }
    #stacks.service-stacks {
        padding: 150px 0 40px 0;
        margin-bottom: 0;
    }
    #Customer h4 {
        font-size: 24px;
    }
    #Customer p {
        font-size: 14px;
        width: 100%;
    }
    #Customer .customer-box .cutomer-icon-box h6 {
        font-size: 18px;
    }
    #Customer .customer-box .customer-content p {
        font-size: 14px;
    }
    #Customer .customer-box .customer-content ul li {
        font-size: 14px;
    }
    #Customer .customer-box .cutomer-icon-box img {
        width: 50px;
    }
    #Customer .customer-box .cutomer-icon-box {
        gap: 12px;
    }
    #Customer .col-lg-6:nth-child(4n - 3),
    #Customer .col-lg-6:nth-child(4n - 2) {
        margin-bottom: 0px;
    }
    #Customer .col-lg-6 {
        margin-bottom: 30px !important;
    }
    #Customer .row:nth-child(even) {
        margin-top: 25px;
    }
    #Customer {
        margin: -15px 0 40px 0;
    }
    #header {
        display: none;
    }
    #mobile-header-section {
        height: 86px;
    }
    #mobile-header-section #mobile-header {
        position: fixed;
        width: 100%;
        transition: 0.5s ease-in-out all;
        z-index: 99;
    }
    #mobile-header-section #mobile-header.header-fixed {
        padding: 10px 0;
    }
    #mobile-header.header-fixed .logo {
        width: 120px;
    }
    #banner.industries-page h2,
    #banner.industries-page h2 * {
        font-size: 34px;
    }
    #banner.industries-page p {
        font-size: 18px;
        padding: 0;
    }
    #banner.industries-page img {
        width: 55%;
        margin-top: 30px;
        margin-bottom: -20px;
    }
    #banner-industries-02 h2,
    #banner-industries-02 h2 * {
        font-size: 25px;
    }
    #banner-industries-02 h5 {
        font-size: 18px;
    }
    #banner-industries-02 p {
        width: 100%;
        font-size: 14px;
    }
    #banner-industries-02 .col-lg-6 {
        gap: 12px;
        margin-top: 40px;
    }
    #banner-industries-02 img {
        width: 50%;
    }
    #stacks.service-stacks.industries-page {
        padding: 50px 0;
    }
    #stacks.service-stacks.industries-page .col-lg-4:nth-child(even) {
        margin: 0;
    }
    #stacks.service-stacks.industries-page .col-lg-4:nth-child(odd) {
        margin: 100px 0;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 24px;
        text-align: left;
    }
    #banner.industries-inner-page .col-lg-12:nth-child(2) {
        margin-top: 30px;
    }
    #banner.industries-inner-page .content_img ul li {
        font-size: 12px;
    }
    #banner.industries-inner-page .content_img ul {
        gap: 5px;
    }
    #banner.industries-inner-page .content_img ul li span svg,
    #banner.industries-inner-page .content_img ul li span svg * {
        --size: 26px;
    }
    #banner.industries-inner-page .content_img a {
        padding: 8px 25px;
        font-size: 14px;
    }
    #banner.industries-inner-page .content_img .content {
        margin-top: 15px;
        gap: 15px;
        margin-bottom: 37px;
    }
    #banner.industries-inner-page .content_img .img {
        display: flex;
        align-items: end;
    }
    #workwith {
        padding: 40px 0;
    }
    #workwith h4 {
        font-size: 27px;
    }
    #workwith .work-boxes-wrapper .work-boxe {
        flex-direction: column;
    }
    #workwith .work-boxes-wrapper .work-boxe:nth-child(odd) {
        flex-direction: column-reverse;
        gap: 10;
    }
    #workwith .work-boxes-wrapper .work-boxe .img img {
        width: 50%;
    }
    #workwith .work-boxes-wrapper .work-boxe .img {
        justify-content: flex-start !important;
    }
    #workwith .work-boxes-wrapper .work-boxe .content h5 {
        font-size: 20px;
    }
    #workwith .work-boxes-wrapper .work-boxe .content p {
        font-size: 12px;
    }
    #marketplace_types {
        padding: 40px 0;
    }
    #marketplace_types h5 {
        font-size: 26px;
    }
    #marketplace_types .marketplace_types_box_wrapper {
        margin-top: 30px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4 {
        font-size: 20px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4:before {
        height: 2px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul {
        display: flex;
        flex-direction: column;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box {
        flex-direction: column-reverse;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box img {
        width: 50%;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content {
        padding: 10px 13px;
        width: 100%;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li {
        font-size: 14px;
    }
    #marketplace_partners h5 {
        font-size: 27px;
    }
    #marketplace_partners {
        padding-top: 40px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner {
        width: 90%;
        flex-direction: column;
        gap: 20px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img img {
        width: 50%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
        font-size: 14px;
        padding: 10px 25px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content {
        gap: 20px;
        margin-bottom: 50px;
        align-items: center;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img {
        flex: auto;
        align-items: center;
        justify-content: center;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content img {
        width: 40%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box {
        width: 100%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box p {
        font-size: 13px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box h6 {
        font-size: 14px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn img {
        width: 25%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .apps-btn {
        justify-content: center;
    }
    #otherindustries {
        padding: 40px 0;
    }
    #otherindustries h6 {
        font-size: 30px;
    }
    #otherindustries .col-lg-4 img {
        width: 50%;
    }
    #otherindustries .col-lg-4 h4 {
        font-size: 16px;
    }
    #otherindustries .col-lg-4 a {
        font-size: 14px;
        padding: 10px 40px;
    }
    #otherindustries .col-lg-4:nth-child(even) {
        margin: 40px 0;
    }
    .timelinepagestages {
        margin: -60px 0 0 0;
    }
    .timelinepagestages .row.content-row {
        flex-direction: column !important;
    }
    .timelinepagestages .col-lg-7 p {
        text-align: center;
        font-size: 14px !important;
        padding: 0 15px !important;
    }
    .timelinepagestages * {
        padding: 0;
        margin: 0 auto;
    }
    .timelinepagestages .col-lg-5 {
        display: flex;
    }
    #timeline .time-line-wrapper .time-line-box .timeline-icon {
        --size: 25px;
        border-radius: 50%;
    }
    #timeline .col-lg-12 .time-line-line01,
    #timeline .col-lg-12 .time-line-line02 {
        left: 18px;
    }
    #timeline .time-line-wrapper .time-line-box .timeline-icon {
        left: -36px;
    }
    #timeline .time-line-wrapper {
        margin: 0 0 0 30px;
    }
    #timeline .time-line-wrapper .time-line-box {
        padding: 15px;
    }
    #timeline .time-line-wrapper .time-line-box .content h3 {
        font-size: 10px;
    }
    #timeline .time-line-wrapper .time-line-box .content h4 {
        font-size: 16px;
    }
    #timeline .time-line-wrapper .time-line-box .content p {
        font-size: 12px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content {
        gap: 14px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content a {
        font-size: 22px;
    }
    #timeline .time-line-wrapper .time-line-box .content {
        gap: 5px;
    }
    #timeline .time-line-wrapper .time-line-box {
        gap: 8px;
    }
    #timeline .time-line-wrapper {
        gap: 20px;
    }
    #timeline {
        padding-bottom: 40px;
    }
    #form.contact-page .mapswrapper {
        margin-top: 80px;
    }
    #form.contact-page .mapswrapper {
        min-height: 300px;
        max-height: 300px;
    }
    #form.contact-page .mapswrapper iframe {
        min-height: auto;
        max-height: 300px;
    }
    #form.contact-page .col-lg-5 {
        height: 350px;
    }
    #banner.contactus {
        padding: 80px 0;
    }
    #privacy-content .col-lg-12 p {
        font-size: 14px;
    }
    #privacy-content .col-lg-12 h3 {
        font-size: 16px;
    }
    #privacy-content .col-lg-12 ul li {
        font-size: 14px;
    }
    #privacy-content .col-lg-12 a {
        font-size: 14px;
    }
    #privacy-content .col-lg-12 .ul-dote li:before {
        --size: 3px;
    }
    #privacy-content {
        margin-bottom: 40px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box h5 {
        font-size: 16px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box p {
        font-size: 12px;
        padding: 0;
    }
    #banner.mvp-inner-page .row:nth-child(2) .img * {
        --size: 60px;
        width: var(--size);
        height: var(--size);
    }
    #banner.mvp-inner-page .row:nth-child(2) .mvp-inner-page-box .content {
        gap: 8px;
    }
    #banner.mvp-inner-page .row:nth-child(2) .col-lg-6:nth-child(1) {
        margin-bottom: 20px;
    }
    #banner.mvp-inner-page .row:nth-child(2) {
        margin-top: 40px;
    }
    #tecknologies_mvp-inn-page h5 {
        font-size: 30px;
    }
    #tecknologies_mvp-inn-page p {
        font-size: 14px;
        padding: 0;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box h5 {
        font-size: 18px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box ul {
        gap: 2px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box ul li {
        font-size: 14px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box ul li:before {
        --size: 3px;
    }
    #tecknologies_mvp-inn-page .mvp-inner-page-box .img * {
        --size: 75px;
        width: var(--size);
        height: var(--size);
    }
    #packages {
        padding: 40px 0;
    }
    #packages .col-lg-12:nth-child(1) h3 {
        font-size: 28px;
    }
    #packages .col-lg-12:nth-child(1) p {
        padding: 10px 10px 0 10px;
        width: 100%;
        font-size: 14px;
    }
    #packages .col-lg-12:nth-child(2) {
        margin-top: 40px;
    }
    #packages #nav-tab button {
        font-size: 12px;
        padding: 10px 20px;
    }
    #packages .pakage-box h3 {
        font-size: 25px;
    }
    #packages .pakage-box .price-box h5 {
        font-size: 40px;
    }
    #packages .pakage-box .price-box .discoutprice p {
        font-size: 12px;
    }
    #packages .pakage-box .price-box {
        gap: 20px;
    }
    #packages .pakage-box .ul ul li {
        font-size: 14px;
    }
    #packages .pakage-box .ul ul li:before {
        top: 5px;
    }
    #packages .pakage-box .button a {
        font-size: 14px;
        padding: 10px 20px;
    }
    #packages .pakage-box .contact-info p {
        font-size: 12px;
    }
    #packages .pakage-box .contact-info a {
        font-size: 14px;
    }
    #stacks .col-lg-4 {
        margin-bottom: 0;
    }
    #portfolio .pr-wrapper {
        flex-direction: row;
    }
    #portfolio .pr-wrapper .pr-image-item {
        flex: 0 0 47%;
        height: 150px;
    }
    #portfolio .pr-wrapper .pr-image-item img {
        height: 100%;
        object-fit: cover;
    }
    #portfolio #web .pr-image-item,
    #portfolio #digitalmarketing .pr-image-item {
        height: 250px;
    }
    #portfolio #video-animation .video-box {
        flex: 1 0 32%;
    }
    #portfolio h3 {
        font-size: 30px;
    }
    #portfolio p {
        margin: 0;
        width: 100%;
        font-size: 14px;
    }
    #portfolio {
        padding-bottom: 40px;
    }
    #portfolio #nav-tab button {
        font-size: 14px;
        padding: 8px 17px;
    }
    .portfolio-video-pop {
        width: 85vw;
        height: 50vh;
    }
    .portfolio-video-pop:before {
        transform: translate(-50%, -50%) scale(5);
    }
    #stages.about_us h5 {
        font-size: 25px;
        padding: 0 22px;
    }
    #new-form .container .col-lg-6 img {
        height: 200px;
        object-fit: cover;
    }
    #new-form .container h4 {
        font-size: 20px;
        margin-top: 20px;
    }
    #new-form .container .form .filed-warraper {
        flex-direction: row;
        width: 100%;
    }
    #new-form .container .form .filed-warraper .filed {
        width: 100%;
    }
    #new-form .container .form .filed-warraper :where(label) {
        font-size: 14px;
    }
    #new-form .container .form .filed-warraper :where(input,
    select,
    textarea) {
        padding: 0 8px;
        font-size: 14px;
        height: 33px;
    }
    #new-form .container .form .filed-warraper textarea {
        height: 100px;
        padding: 8px 10px;
    }
    #new-form .container button {
        padding: 10px 0;
        font-size: 14px;
    }
    #new-form {
        padding: 20px;
    }
    #stacks.service-page {
        padding-bottom: 60px;
    }
    #stages.about_us {
        padding-top: 40px;
    }
    #tecknologies_mvp-inn-page {
        padding-bottom: 50px;
    }
    #our_mission .row .col-lg-6 {
        flex: 0 0 100%;
    }
    #our_mission {
        padding: 50px 0;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 {
        text-align: center;
        line-height: 1;
        margin-bottom: -20px;
        font-size: 40px;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) h3 an {
        display: inline-block;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) p {
        text-align: center;
        width: 90%;
        margin: 0 auto;
        font-size: 14px;
    }
    #our_mission .mission-inner-box {
        background: #fff;
        border-radius: 30px;
        padding: 35px 50px;
    }
    #our_mission .mission-inner-box .ribbon-mission {
        display: none;
    }
    #our_mission .mission-inner-box .ribbon-mission-small {
        display: none;
    }
    #our_mission .mission-inner-box h3 {
        display: none;
    }
    #our_mission .mission-inner-box .mission-inner-content {
        background: transparent;
        width: 100%;
        clip-path: none;
        padding: 0;
        min-height: auto;
    }
    #our_mission .mission-inner-box .mission-inner-content p {
        font-size: 15px;
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }
    #our_mission .mission-inner-box .inner .border-line {
        display: none;
    }
    #our_mission .mission-inner-box .icon-logo .lottie-icon {
        mix-blend-mode: luminosity;
        --size: 80px;
        position: relative;
    }
    #our_mission .mission-inner-box .icon-logo {
        margin: 0 auto;
        gap: 10px;
    }
    #our_mission .mission-inner-box .inner {
        gap: 15px;
    }
    #our_mission .mission-inner-box .icon-logo h4 {
        margin: 0px auto 0 auto;
        font-size: 20px;
    }
    #our_mission .mission-inner-box .icon-logo .lottie-icon:before {
        content: "";
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border: 2px solid #000;
        position: absolute;
        z-index: 5;
        border-radius: 15px;
    }
    #our_mission .container {
        gap: 20px;
    }
    #achivements {
        padding: 50px 0;
    }
    #achivements h4 {
        margin-bottom: 10px;
        font-size: 35px;
    }
    #achivements .img {
        height: 30vh;
    }
    #achivements .col-lg-12 .row {
        display: flex;
        gap: 15px;
        margin: -70px auto 0 auto;
        justify-content: center;
    }
    #achivements .col-lg-12 .row .col-lg-3 {
        flex: 0 0 48%;
        padding: 0;
    }
    #achivements .col-lg-12 .row .achivement-box {
        width: 100%;
    }
    #about_banner h2,
    #about_banner h2 span {
        font-size: 35px;
        word-break: normal;
    }
    #about_banner {
        height: 25vh;
    }
    #our_mission .row:nth-child(1) .col-lg-6:nth-child(1) {
        padding-right: 0;
    }
    #our_mission .row {
        gap: 20px;
    }
    #achivements p {
        width: 100%;
        font-size: 14px;
    }
    #achivements .col-lg-12 .row {
        flex-direction: column;
    }
    #about_services {
        margin: 0 0 50px 0;
    }
    #about_services .col-lg-6:nth-child(2) {
        margin-top: 30px;
    }
    #services_catogries :where(.col-lg-5,
    .col-lg-7) {
        margin-top: 20px;
    }
    #services_catogries {
        padding: 60px 0;
    }
    #service_timeline {
        padding: 60px 0;
        margin-bottom: 40px;
    }
    #service_timeline h3 {
        font-size: 17px;
    }
    #service_timeline h4 {
        font-size: 30px;
    }
    #service_timeline .col-lg-12 .row {
        margin-top: 30px;
    }
    #service_timeline .col-lg-12 .row:before {
        display: none;
    }
    #service_timeline .col-lg-12 .row .col-lg-3 {
        margin-bottom: 30px;
    }
    #banner_marquee .marquee-content h2 {
        font-size: 15px;
    }
    #about_services h4 {
        font-size: 40px;
    }
    #about_services p {
        width: 100%;
        font-size: 14px;
    }
    #service-video {
        height: 30vh;
    }
    #services_catogries h4 {
        font-size: 37px;
    }
    #services_catogries .row:nth-child(2) {
        margin-top: 30px;
    }
    #services_catogries .sct-box h3 {
        font-size: 20px;
    }
    #services_catogries .sct-box p {
        width: 100%;
        font-size: 14px;
    }
    #services_catogries .sct-box img {
        width: 60px;
    }
    #service_timeline h3 {
        font-size: 16px;
    }
    #service_timeline h4 {
        font-size: 20px;
    }
    #teammember {
        padding: 40px 0;
    }
    
    #teammember .row {
        row-gap: 30px;
    }
}

@media (max-width: 375px) {
    #banner h2 div {
        font-size: 29px;
    }
    #librarius .progress {
        width: 80px;
    }
    #librarius .slick-next {
        transform: translate(-90px, 0px);
    }
    #librarius .slick-prev {
        transform: translate(-130px, 0px);
    }
    #stages .container p {
        padding-right: 0;
    }
    #video .ct-slider .carousel-control-prev {
        transform: translateX(365%);
    }
    #video h2 {
        font-size: 20px;
    }
    #services .row:nth-child(1) .ribbon {
        font-size: 11px;
    }
    #banner h2 div {
        font-size: 25px;
    }
    #services .row .heading-btn a {
        padding: 11px 15px;
    }
    #banner.service-page h2,
    #banner.service-page h2 * {
        font-size: 20px;
    }
    #banner.service-page p {
        font-size: 13px;
        padding: 0;
    }
    .order-package-box .heading-icon {
        flex-direction: column;
        align-items: baseline;
    }
    .order-package-box .heading-icon .icon {
        width: 56px;
    }
    .order-package-box .heading-icon .heading h3 {
        font-size: 16px;
    }
    .order-package-box p {
        font-size: 13px;
    }
    .order-package-box {
        padding: 40px 20px 20px 20px;
    }
    .order-package-box .text-div h4 {
        font-size: 15px;
    }
    .order-package-box .pric-btn a {
        font-size: 12px;
        padding: 8px 12px;
    }
    .order-package-box .pric-btn {
        margin-top: 20px;
    }
    .order-package-box .pric-btn .pric h6 {
        font-size: 15px;
    }
    .order-package-box .pric-btn .pric p {
        font-size: 10px;
    }
    #services .row:nth-child(1) .icon-heading .icon {
        min-width: var(--size);
    }
    #services.sharing-knowledge .row:nth-child(1) .ribbon {
        transform: translate(66px, -9px) rotate(-4deg);
    }
    #stacks .stack-box a {
        width: fit-content;
        font-size: 12px;
        min-width: 70px;
    }
    #banner h4 {
        font-size: 16px;
    }
    #mobile-header ul li a {
        font-size: 22px;
    }
    #mobile-header .submenu-ul li a {
        font-size: 16px !important;
    }
    #cta a {
        min-width: 190px;
    }
    #form .form .filed-warraper {
        flex-direction: column;
    }
    #form .form .filed-warraper .filed input {
        height: 38px;
    }
    #what_will #awrds .logos-box-wrapper .logos-box-ct {
        flex: 0 0 80px;
    }
    #fundamental_stages h6 {
        font-size: 20px;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content:before {
        border-left: 30vh solid transparent !important;
    }
    #fundamental_stages .fundaental-boxes-warpper .fundaental-boxe .content p {
        font-size: 14px;
    }
    #stages.design-page {
        margin-top: -70px;
    }
    #fundamental_stages .fn-last-text {
        font-size: 12px !important;
    }
    #Customer .customer-box .cutomer-icon-box {
        flex-direction: column;
        align-items: baseline;
    }
    #Customer .customer-box .cutomer-icon-box h6 {
        font-size: 16px;
    }
    #Customer .customer-box .cutomer-icon-box img {
        width: 30px;
    }
    #Customer .customer-box .customer-content p {
        font-size: 12px;
    }
    #Customer .customer-box .customer-content ul li {
        font-size: 12px;
    }
    #Customer .customer-box .customer-content ul li:before {
        --size: 3px;
    }
    #Customer h4 {
        font-size: 18px;
    }
    #Customer p {
        font-size: 12px;
    }
    #marketplace_partners h5 {
        font-size: 20px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content h4 {
        font-size: 18px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li {
        font-size: 12px;
    }
    #marketplace_types .marketplace_types_box_wrapper .marketplace_types_box .content ul li:before {
        --size: 2px;
    }
    #marketplace_types h5 {
        font-size: 20px;
    }
    #banner.industries-inner-page h2,
    #banner.industries-inner-page h2 * {
        font-size: 20px;
    }
    #timeline .time-line-wrapper .time-line-box .content h4 {
        font-size: 12px;
    }
    #timeline .time-line-wrapper .time-line-box .content h3 {
        font-size: 8px;
    }
    #timeline .time-line-wrapper .time-line-box .content p {
        font-size: 10px;
    }
    #timeline .time-line-wrapper .time-line-box .img-content a {
        font-size: 18px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img img {
        width: 35%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img a {
        font-size: 12px;
        padding: 8px 20px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .img {
        gap: 9px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content img {
        width: 30%;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box span * {
        --size: 35px;
        width: var(--size);
        height: var(--size);
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box span {
        margin-top: -40px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box p {
        font-size: 10px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box h6 {
        font-size: 10px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content {
        gap: 10px;
    }
    #marketplace_partners .marketplace_partners_wrapper .marketplace_partners_section_bg .marketplace_partners_section_inner .content .single-testimonial-box {
        margin-top: 15px;
    }
    #packages .col-lg-12:nth-child(1) h3 {
        font-size: 25px;
    }
    #packages .col-lg-12:nth-child(1) p {
        font-size: 12px;
    }
    #packages #nav-tab button {
        font-size: 10px;
    }
    #packages .pakage-box h3 {
        font-size: 20px;
    }
    #packages .pakage-box {
        gap: 15px;
    }
    #packages .pakage-box .ul ul li {
        font-size: 12px;
    }
    #packages .pakage-box .contact-info {
        flex-direction: column;
        gap: 6px;
    }
    #packages .pakage-box .contact-info span {
        width: 50%;
        height: 2px;
    }
}