@charset "UTF-8";
@import url(../../npm/bootstrap@5.3.3/dist/css/bootstrap.min.css);
@import url(../../css2);
@import url(../../css2-1);

.btn, .btn-primary, a {
    transition: .3s ease-in-out
}

.about__boxThree span, .about__boxTwo h3, .about__boxTwo p {
    font-family: var(--bs-font-sans-serif)
}

.service__item, .service__item_inner {
    clip-path: polygon(78% 0, 100% 21%, 100% 100%, 0 100%, 0 0);
    cursor: pointer;
    overflow: hidden
}

.Termside h2, .Termside h3, .banner__growth, .banner__subTtl, .banner__ttl, .termCards .box .bg h4 {
    -webkit-text-fill-color: transparent
}

.accordion, .faqSection .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2223%22%20viewBox%3D%220%200%2020%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M9.05601%2021.9938C9.57736%2022.5152%2010.4226%2022.5152%2010.944%2021.9938L19.4399%2013.4979C19.9612%2012.9766%2019.9612%2012.1313%2019.4399%2011.61C18.9185%2011.0886%2018.0733%2011.0886%2017.5519%2011.61L10%2019.1619L2.4481%2011.61C1.92675%2011.0886%201.08147%2011.0886%200.560124%2011.61C0.0387745%2012.1313%200.0387745%2012.9766%200.560124%2013.4979L9.05601%2021.9938ZM8.665%200.950195L8.665%2021.0498H11.335L11.335%200.950195L8.665%200.950195Z%22%20fill%3D%22%232323%22%2F%3E%3C%2Fsvg%3E");
    --bs-accordion-btn-icon-width: 20px;
    --bs-accordion-btn-color: #232323;
    --bs-accordion-active-color: #232323;
    --bs-accordion-active-bg: transparent;
    --bs-accordion-border-color: none;
    --bs-accordion-btn-padding-x: 0;
    --bs-accordion-body-padding-x: 0
}

.NewBannerSide__info li span, .about__info li span, .review__des, .team__profile_dgn, .testimonials__dt {
    font-style: italic
}

.navbar, .plan .nav {
    --bs-nav-link-font-size: 16px
}

.Hackingside p a, .Siteside .boxs .list .item a, .Siteside .mainTitle, .Siteside .title a, .aboutService__item_ttl, .advanceTech__grp a, .blog__txt a, .brd__lctn a, .footer__cpyrgt .terms li a, .footer__tpbr ul li a, .header .topbar ul li a, .pagination .page-link, a:focus, a:hover {
    text-decoration: none
}

:root {
    --bs-primary: #11D5FF;
    --bs-secondary: #2C8993;
    --bs-gray: #4E4E4E;
    --bs-dark: #114E54;
    --bs-body-color: #051719;
    --bs-gray-light: #EAEAEA;
    --bs-white: #ffffff;
    --bs-black: #232323;
    --bs-body-font-family: "Lato", serif;
    --bs-font-sans-serif: "Plus Jakarta Sans", serif;
    --bs-font-monospace: "Montserrat", serif;
    --bs-body-font-size: 16px
}

html {
    box-sizing: border-box
}

*, ::after, ::before {
    box-sizing: inherit
}

h1 {
    font-size: 40px
}

h2 {
    font-size: 32px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 24px
}

h5 {
    font-size: 20px
}

.contactMap__subheading, .custom-select.form-control, .dedicatedTeam__desc, .dedicatedTeam__list, .industries .overlay p, h6 {
    font-size: 16px
}

img {
    border: 0;
    height: auto;
    max-width: 100%
}

a {
    color: var(--bs-primary)
}

a:focus, a:hover {
    outline: 0
}

label {
    cursor: pointer
}

body {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%
}

.heading {
    font-size: 14px;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    text-transform: uppercase;
    letter-spacing: 6px;
    color: var(--bs-gray)
}

.about__info li h3, .about__info li span, .banner__growth, .banner__ttl, .btn-primary--white, .title {
    font-family: var(--bs-font-monospace)
}

@media (min-width:576px) {
    .heading {
        font-size: 16px
    }
}

@media (min-width:992px) {
    .heading {
        font-size: 18px
    }
}

.title {
    font-size: 20px;
    font-weight: 600;
    color: var(--bs-black);
    line-height: 1.12;
    margin-bottom: 16px
}

@media (min-width:992px) {
    .title {
        font-size: 22px
    }
}

.clear::after {
    content: "";
    display: block;
    clear: both
}

.container {
    max-width: 1164px
}

.btn {
    --bs-btn-font-size: 16px;
    --bs-btn-font-weight: 500;
    --bs-btn-padding-x: 20px;
    --bs-btn-padding-y: 10px
}

.btn-primary {
    border: 0 transparent;
    color: var(--bs-white);
    background-color: transparent;
    --bs-btn-active-bg: none;
    background: linear-gradient(234deg, #26a5b2 -97.35%, #000404 92.08%);
    border-radius: 10px
}

.btn-primary:hover, .elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button:hover {
    transform: scale(1.02);
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
    background: linear-gradient(161deg, #26a5b2 -104.89%, #000404 211.6%)
}

.btn-primary.active, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary.focus, .btn-primary:active, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary:focus {
    border-color: transparent;
    box-shadow: none
}

.btn-primary--white {
    --bs-btn-color: #333333;
    font-weight: 600;
    background: var(--bs-white);
    transition: .2s ease-in-out
}

.btn-primary--white:hover {
    transform: scale(1.01);
    background: var(--bs-white);
    color: var(--bs-primary)
}

.btn-primary span {
    position: relative;
    display: block
}

.btn-outline-primary {
    color: var(--bs-primary);
    background-color: transparent;
    border: 3px solid var(--bs-primary);
    border-radius: 100px;
    font-size: 16px
}

.custom-select, .form-control {
    background-color: rgba(240, 240, 240, .4)
}

.btn-outline-primary:hover {
    color: var(--bs-white);
    background: linear-gradient(234deg, #26a5b2 -97.35%, #000404 92.08%);
    border-color: var(--bs-primary);
    box-shadow: none
}

.custom-select, .custom-select:focus {
    background-position: center right 20px
}

.btn-outline-primary:active {
    color: var(--bs-white) !important;
    background-color: transparent !important;
    border-color: var(--bs-primary) !important
}

.form-control {
    border-radius: 16px;
    color: var(--bs-gray);
    padding: 18px 15px;
    border-color: transparent;
    color: var(--bs-white)
}

.form-control::-webkit-input-placeholder {
    color: var(--bs-white)
}

.form-control:-moz-placeholder {
    color: var(--bs-white)
}

.form-control::-moz-placeholder {
    color: var(--bs-white)
}

.form-control:-ms-input-placeholder {
    color: var(--bs-white)
}

.error-message, blockquote {
    font-size: 16px;
    position: relative
}

.form-control:focus {
    background-color: var(--bs-white);
    border-color: var(--bs-white);
    box-shadow: none;
    color: var(--bs-black)
}

.inputSelect {
    max-width: 80px;
    border-radius: none;
    margin-right: 10px;
    padding: 12px
}

.iti, .navbar .navbar-nav>.nav-item.active::before, .navbar .navbar-nav>.nav-item:hover::before, .portfolioSec .item__img img {
    width: 100%
}

.iti .iti__country-container .iti__selected-country .iti__selected-country-primary {
    padding: 0 12px
}

.iti .iti__country-container .iti__selected-country .iti__selected-country-primary:hover {
    background-color: transparent !important;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    overflow: hidden
}

.iti .iti__country-container .iti__dropdown-content .iti__search-input {
    border: 1px solid #cdcdcd;
    padding: 8px 5px;
    outline: 0
}

.iti__arrow {
    border-left: var(--iti-triangle-border) solid transparent;
    border-right: var(--iti-triangle-border) solid transparent;
    border-top: var(--iti-arrow-height) solid var(--bs-white)
}

.iti__arrow--up {
    border-bottom: var(--bs-white) solid var(--bs-white)
}

.iti__country-container {
    position: absolute;
    top: 0;
    height: 72PX;
    bottom: 0;
    padding: var(--iti-border-width)
}

.custom-select {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    border-color: transparent
}

.custom-select:focus, .header {
    background-color: var(--bs-white)
}

.custom-select::-ms-expand {
    display: none
}

.custom-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23F0F0F0%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    color: var(--bs-black)
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.error-message {
    color: #ff907d;
    font-weight: 500
}

.about__des, .about__info li span, .accordion-item, .banner__des, .caseTab__desc, .whyChoose__des {
    color: var(--bs-gray)
}

input[type=number] {
    -moz-appearance: textfield
}

textarea.form-control {
    min-height: 123px;
    padding-top: 10px
}

blockquote {
    margin: 12px 0 12px 20px;
    padding: 10px 60px 10px 30px;
    line-height: 1.5
}

blockquote:before {
    top: 6px;
    left: 0;
    content: "“"
}

blockquote:after {
    bottom: 0;
    right: 0;
    content: "”"
}

blockquote:after, blockquote:before {
    position: absolute;
    width: 60px;
    color: #133c43;
    height: 60px;
    font-size: 60px;
    line-height: 1
}

@media (min-width:992px) {
    .form-control {
        padding: 23px 21px
    }

    .accordion-button, blockquote {
        font-size: 18px
    }
}

.accordion {
    --bs-accordion-border-radius: none
}

.accordion-button, .faqSection .accordion-button {
    font-weight: 600
}

.accordion-button:after, .faqSection .accordion-button:after {
    background-size: contain
}

.accordion-button:focus, .faqSection .accordion-button:focus {
    box-shadow: none
}

.accordion-button:not(.collapsed), .faqSection .accordion-button:not(.collapsed) {
    background-color: transparent;
    border: 0;
    outline: 0
}

.accordion-item:not(:last-child) {
    border-bottom: 1px solid var(--bs-black)
}

@media (min-width:992px) {
    .accordion-item {
        font-size: 18px;
        padding-top: 18px;
        padding-bottom: 18px;
        border-top: 1px solid var(--bs-black)
    }

    .accordion-item:last-child {
        border-bottom: 1px solid var(--bs-black)
    }

    .header {
        -webkit-backdrop-filter: blur(86px);
        backdrop-filter: blur(86px)
    }
}

.header {
    position: fixed;
    box-shadow: 0 4px 13.1px rgba(0, 0, 0, .1);
    z-index: 9
}

.header .topbar {
    background: #04272F;
    height: 40px;
    transition: .3s ease-in-out
}

.Termside ul, .header .topbar ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.header .topbar ul li {
    font-size: var(--bs-body-font-size);
    font-family: var(--bs-body-font-family)
}

.header .topbar ul li a {
    color: var(--bs-white);
    gap: 10px
}

.header__sitelogo a {
    display: inline-block
}

.header__sitelogo a img {
    max-width: 120px;
    transition: .3s ease-in-out
}

@media (min-width:576px) {
    .header__sitelogo a img {
        max-width: 160px
    }
}

.header__sitelogo--mobile {
    display: flex;
    justify-content: center;
    padding: 15px 20px;
    background-color: #fff
}

.header__sitelogo--mobile img {
    max-width: 120px;
    transition: .3s ease-in-out
}

.header .btn-primary {
    text-wrap: nowrap
}

@media (min-width:992px) {
    .header .btn-primary {
        font-size: 14px
    }

    .header--sticky .navbar .navbar-nav>.nav-item {
        padding: 16px 0
    }
}

.header--sticky .topbar {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.header--sticky .header__sitelogo a img {
    max-width: 125px
}

.header--sticky .btn-primary {
    font-size: 18px;
    padding: 8px 18px
}

.navbar-expand-lg .navbar-collapse {
    padding: 10px 0
}

.navbar-nav .nav-link.active {
    font-weight: 600 !important
}

.navbar {
    --bs-navbar-padding-y: 10px;
    --bs-navbar-active-color: var(--bs-secondary);
    transition: .3s ease-in-out
}

.navbar .navbar-toggler {
    border-radius: 0 !important;
    padding: 0;
    margin: 0 !important;
    outline: 0 !important;
    border: 0 !important;
    z-index: 9;
    box-shadow: none !important;
    background-color: transparent !important
}

.navbar .navbar-toggler .menu_icon {
    margin: 0;
    padding-top: 1px;
    float: left;
    width: 30px;
    height: 22px;
    position: relative;
    cursor: pointer
}

.navbar .navbar-toggler .menu_icon .icon-bar {
    display: block;
    position: absolute;
    opacity: 1;
    width: 30px;
    height: 3px;
    background: linear-gradient(234deg, #26a5b2 -97.35%, #000404 92.08%);
    margin: 0 auto;
    left: 0;
    transition: .25s ease-in-out
}

.navbar .navbar-toggler .menu_icon .icon-bar:first-child {
    top: 0;
    transform: rotate(0)
}

.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(2) {
    top: 9px;
    left: 0;
    opacity: 1
}

.navbar .navbar-toggler .menu_icon .icon-bar:nth-child(3) {
    top: 18px;
    transform: rotate(0)
}

.navbar .navbar-toggler:after {
    position: fixed;
    top: 0;
    left: 300px;
    z-index: 1;
    content: "";
    display: none;
    width: 100%;
    height: 100vh
}

.banner img.lightImg, .banner.dark-mode img.darkImg, .navbar .navbar-toggler.collapsed:after {
    display: block
}

.navbar .navbar-toggler.collapsed .icon-bar:first-child {
    top: 8px;
    transform: rotate(45deg)
}

.navbar .navbar-toggler.collapsed .icon-bar:nth-child(2) {
    top: 8px;
    left: -10px;
    opacity: 0
}

.navbar .navbar-toggler.collapsed .icon-bar:nth-child(3) {
    top: 8px;
    transform: rotate(-45deg)
}

.navbar .navbar-nav {
    --bs-nav-link-padding-y: 8px;
    --bs-nav-link-padding-x: 15px
}

.contact-us .contactForm .form .btn-primary, .footer, .navbar .navbar-nav>.nav-item {
    position: relative
}

.navbar .navbar-nav>.nav-item::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    content: "";
    background-color: var(--bs-primary);
    transition: .5s
}

@media (min-width:992px) {
    .navbar {
        --bs-navbar-padding-y: 0
    }

    .navbar .navbar-nav {
        --bs-nav-link-padding-y: 0;
        --bs-nav-link-padding-x: 0
    }

    .navbar .navbar-nav>.nav-item {
        padding: 26px 0;
        transition: .3s ease-in-out
    }

    .navbar .navbar-nav>.nav-item:not(:last-child) {
        margin-right: 20px
    }
}

.navbar .navbar-nav>.nav-item>a.nav-link {
    display: flex;
    align-items: center;
    text-wrap: nowrap;
    color: var(--bs-black);
    font-family: var(--bs-body-font-family);
    transition: .3s ease-in-out
}

.navbar .navbar-nav>.nav-item>a.nav-link.dropdown-toggle::after {
    content: "";
    vertical-align: middle
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu {
    padding: 0;
    width: auto;
    border-radius: 0;
    border: 0;
    margin: 0
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu {
    background-color: transparent !important;
    padding: 0;
    box-shadow: none;
    overflow: visible;
    max-height: none
}

@media (min-width:992px) {
    .navbar .navbar-nav>.nav-item>a.nav-link {
        display: block
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu {
        max-height: 300px;
        overflow-x: auto;
        display: block;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 10px;
        transition: .3s ease-in-out;
        transform: translateY(25px)
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu {
        position: fixed;
        top: 100%;
        left: 0;
        width: 100%
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu.services {
        position: absolute;
        top: 100% !important;
        width: 775px;
        left: -200px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .2)
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg {
        padding: 10px 15px;
        background-color: var(--bs-white);
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 10px
    }
}

@media (min-width:1200px) {
    .title {
        font-size: 30px
    }

    .accordion-button {
        font-size: 20px
    }

    .header .btn-primary {
        font-size: 16px
    }

    .navbar .navbar-nav>.nav-item:not(:last-child) {
        margin-right: 20px
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu.services {
        left: -100px
    }
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .text .bdr {
    height: 100%;
    border-right: 1px solid #d1d6d8;
    padding-right: 15px
}

.Portside .box .over .text .content p, .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .text .bdr img {
    margin-bottom: 15px
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .text .bdr .imgTitle {
    font-size: 24px;
    font-weight: 900;
    color: var(--bs-primary);
    font-family: var(--bs-body-font-family);
    margin-bottom: 0
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item {
    margin-bottom: 10px;
    padding: 5px calc(var(--bs-gutter-x)/ 2);
    background-color: transparent;
    display: flex;
    align-items: center;
    transition: .3s ease-in-out
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item:hover .navtext {
    background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .icn {
    width: 21px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
    font-size: 16px;
    font-family: var(--bs-body-font-family);
    padding-left: 8px;
    letter-spacing: -.5px;
    display: block;
    transition: .3s ease-in-out
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services {
    padding: 0;
    overflow: hidden
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .text {
    background-color: #0B5464;
    flex: 0 0 250px;
    max-width: 200px;
    --bs-nav-pills-border-radius: 0
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
    --bs-navbar-nav-link-padding-x: 5px;
    --bs-nav-link-padding-y: 15px;
    --bs-nav-link-padding-x: 5px;
    --bs-nav-link-color: var(--bs-white);
    --bs-nav-link-hover-color: var(--bs-white);
    --bs-navbar-active-color: var(--bs-primary);
    --bs-nav-pills-link-active-bg: var(--bs-white);
    --bs-nav-link-font-size: 15px;
    --bs-nav-link-font-weight: 600;
    font-family: var(--bs-body-font-family);
    background-color: transparent !important
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link.active {
    color: #0B5464 !important;
    background-color: var(--bs-white) !important
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
    flex: 1
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane, .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane.active {
    display: block;
    opacity: 1
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
    border-bottom: 1px solid #909090
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle {
    width: 100%;
    --bs-border-width: 0;
    --bs-btn-padding-x: 15px;
    --bs-btn-color: var(--bs-primary);
    color: var(--bs-primary)
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: auto
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane .btn-toggle.active:after, a.scrollup svg {
    transform: rotateX(180deg)
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane>.row {
    display: none;
    padding: 0 15px
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane>.row.show {
    display: flex
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li {
    font-weight: 300
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li>a.dropdown-item {
    border-bottom: 0;
    --bs-dropdown-link-color: #133c43;
    --bs-dropdown-item-padding-y: 10px;
    --bs-dropdown-item-padding-x: 19px
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li>a.dropdown-item.dropdown-toggle {
    display: flex;
    align-items: center
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li>a.dropdown-item.dropdown-toggle::after {
    height: 2px !important;
    background-color: #0ff;
    opacity: 1;
    flex: 1;
    border: 0;
    margin-left: 10px;
    display: block
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li.active>a, .navbar .navbar-nav>.nav-item ul.dropdown-menu li.current-menu-ancestor>a.dropdown-toggle, .navbar .navbar-nav>.nav-item ul.dropdown-menu li:hover>a {
    font-weight: 500;
    color: var(--bs-white);
    background-color: var(--bs-primary) !important
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li:hover>a.dropdown-toggle::after, .slick-next.slick-disabled:before, .slick-next:focus:before, .slick-next:hover:before, .slick-prev.slick-disabled:before, .slick-prev:focus:before, .slick-prev:hover:before {
    opacity: 1
}

.navbar .navbar-nav>.nav-item ul.dropdown-menu li ul.dropdown-menu {
    padding: 0
}

.dropdown-item.active, .dropdown-item:active {
    color: var(--bs-primary) !important;
    font-weight: 600 !important
}

.banner.dark-mode, .banner.dark-mode a, .banner.dark-mode h2, .banner.dark-mode p, .banner.dark-mode span {
    color: var(--bs-white)
}

.banner__cta .btn, .service__label {
    font-weight: 700
}

@media only screen and (min-width:992px) {
    .navbar .navbar-collapse ul li, .navbar .navbar-collapse ul ul li, .navbar .navbar-collapse ul ul ul li, .navbar .navbar-collapse ul ul ul ul li {
        position: relative
    }

    .navbar .navbar-collapse ul li:hover>ul {
        display: block;
        transform: translateY(0) !important;
        opacity: 1;
        visibility: visible
    }

    .navbar .navbar-collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 250px;
        display: block;
        background-color: #f3fcff;
        opacity: 0;
        visibility: hidden
    }

    .navbar .navbar-collapse ul ul li:hover>ul, .navbar .navbar-collapse ul ul ul li:hover ul, .navbar .navbar-collapse ul ul ul ul li:hover ul {
        display: block
    }

    .navbar .navbar-collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        display: none;
        background-color: #0ff
    }

    .navbar .navbar-collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1;
        background-color: bisque
    }

    .navbar .navbar-collapse ul ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1;
        background-color: #f0f
    }
}

#contentArea {
    overflow: hidden
}

.banner {
    padding-top: 160px;
    padding-bottom: 40px
}

@media (min-width:768px) {
    .accordion {
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-body-padding-x: 1.25rem
    }

    .banner {
        padding-top: 180px;
        padding-bottom: 80px
    }
}

@media (min-width:992px) {
    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox {
        padding-top: 15px
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-4 {
        max-width: 33.33%
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item.col-lg-6 {
        max-width: 50%
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg .navBox .dropdown-item .navtext {
        font-size: 16px
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .text .nav-link {
        --bs-nav-link-font-size: 16px
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox {
        padding: var(--bs-dropdown-item-padding-x)
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane:not(:last-child) {
        border-bottom: 0
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane {
        display: none;
        opacity: 0
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu.megamenu .bg.services .navBox .tab-pane>.row {
        display: flex;
        padding: 0
    }

    .banner {
        padding-top: 271px;
        padding-bottom: 149px
    }
}

.banner .container {
    z-index: 1;
    position: relative
}

.banner .lightImg {
    transform: rotate(180deg)
}

.banner__main {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: -1
}

.banner__bottom, .banner__top {
    -o-object-fit: contain;
    left: 0;
    width: 100%;
    position: absolute
}

.banner__top {
    top: 104px;
    object-fit: contain
}

.banner__bottom {
    bottom: 0;
    object-fit: contain
}

.banner__ttl {
    background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%);
    -webkit-background-clip: text;
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 34px
}

@media (min-width:768px) {
    .banner__ttl {
        font-size: 30px;
        margin-bottom: 8px
    }
}

.banner__ttl_below {
    margin-bottom: 13px
}

.banner__subTtl {
    font-size: 22px;
    background: linear-gradient(235.09deg, #0B5464 -96.56%, #0B5464 170.05%);
    -webkit-background-clip: text;
    background-clip: text;
    text-fill-color: transparent;
    margin-bottom: 16px
}

.banner__des {
    line-height: 1.5;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .banner__top {
        top: 119px
    }

    .banner__des {
        font-size: 18px;
        max-width: 500px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 31px
    }
}

.banner__cta {
    font-size: 16px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .banner__cta {
        padding-bottom: 40px
    }

    .banner__cta .btn {
        font-size: 18px
    }
}

.banner__cta_arrow {
    height: 53px;
    width: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: linear-gradient(255.13deg,#11D5FF -43.12%,#0B5464 153.52%)
}

.banner__cta_arrow svg {
    cursor: pointer
}

.banner__growth {
    font-size: 40px;
    line-height: 1.2;
    margin-top: -20px;
    background: linear-gradient(235.09deg, #0B5464 -96.56%, #0B5464 170.05%);
    -webkit-background-clip: text;
    margin-bottom: 12px
}

.banner__growth form {
    width: 120px;
    height: 48px;
    background: linear-gradient(255.13deg,#11D5FF -43.12%,#0B5464 153.52%);
    border-radius: 120px;
    padding: 6px;
    margin: 0 9px
}

.banner__growth form .toggleWrap {
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(255.13deg,#11D5FF -43.12%,#0B5464 153.52%);
    padding: 6px
}

.banner__growth form input {
    display: block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    background-color: var(--bs-white);
    border-radius: inherit;
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, .0901960784) inset;
    border: 0;
    margin: 0;
    position: relative;
    cursor: pointer
}

.banner__growth form input::before {
    opacity: 1;
    display: block;
    position: absolute;
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, .0901960784) inset;
    top: -6px;
    left: -6px;
    width: 36px;
    height: 36px;
    background-color: var(--bs-white);
    content: "";
    transform: none;
    border-radius: 50%;
    margin: 0;
    border: 0;
    transition: .3s ease-in-out
}

.banner__growth form input:checked {
    background-color: #132628
}

.banner__growth form input:checked::before {
    left: calc(100% - 32px)
}

@media (min-width:768px) {
    .banner__growth {
        font-size: 60px;
        margin-bottom: 2px
    }

    .banner__growth form {
        width: 142px;
        height: 54px
    }

    .banner__growth form .toggleWrap {
        padding: 8px
    }

    .banner__growth form input::before {
        width: 42px;
        height: 42px;
        left: -8px;
        top: -8px
    }

    .banner__growth form input:checked::before {
        left: calc(100% - 38px)
    }
}

.banner .bannerSlider {
    position: relative;
    margin: auto
}

@media (min-width:1400px) {
    .heading {
        font-size: 23px
    }

    .banner__ttl, .title {
        font-size: 40px
    }

    .container {
        max-width: 1562px
    }

    .form-control {
        font-size: 18px
    }

    .custom-select.form-control {
        font-size: 17px !important
    }

    blockquote {
        font-size: 20px
    }

    .accordion-button {
        padding-top: 26px;
        font-size: 26px
    }

    .accordion-item {
        font-size: 24px;
        padding-bottom: 26px;
        padding-top: 26px
    }

    .header__sitelogo a img {
        max-width: 230px
    }

    .header .btn-primary {
        font-size: 22px;
        padding: 14px 47px 13px
    }

    .header--sticky .header__sitelogo a img {
        max-width: 180px
    }

    .navbar {
        --bs-nav-link-font-size: 18px
    }

    .navbar .navbar-nav>.nav-item:not(:last-child) {
        margin-right: 40px
    }

    .banner {
        padding-top: 287px;
        padding-bottom: 141px
    }

    .banner .container {
        left: -14px
    }

    .banner__ttl_below {
        font-size: 38px
    }

    .banner__subTtl {
        font-size: 100px;
        margin-bottom: 21px
    }

    .banner__des {
        font-size: 20px;
        margin-bottom: 51px
    }

    .banner__cta {
        padding-bottom: 60px
    }

    .banner__cta .btn {
        border-width: 4px;
        font-size: 20px;
        padding: 12px 30px 10px
    }

    .banner__cta_arrow {
        height: 62px;
        width: 62px;
        margin-right: -8px
    }

    .banner__growth form {
        margin-bottom: -15px
    }

    .banner .bannerSlider .list {
        padding: 0 20px
    }
}

@media (min-width:992px) {
    .banner__growth {
        font-size: 100px
    }

    .banner__growth form {
        width: 182px;
        padding: 10px;
        height: 79px
    }

    .banner__growth form .toggleWrap {
        padding: 12px
    }

    .banner__growth form input::before {
        width: 59px;
        height: 59px;
        left: -12px;
        top: -12px
    }

    .banner__growth form input:checked::before {
        left: calc(100% - 46px)
    }

    .banner .bannerSlider .list {
        padding: 0 30px
    }
}

.banner__logo {
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 20px
}

.about .heading, .about__des, .faq .title, .process .title, .similarPr__item_img, .whyChoose .heading {
    margin-bottom: 16px
}

.banner__logo img, .banner__logo svg {
    height: 60px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:768px) {
    .banner__logo img, .banner__logo svg {
        height: 70px
    }
}

@media (min-width:992px) {
    .banner__logo {
        gap: 52px
    }

    .banner__logo img, .banner__logo svg {
        height: 90px
    }
}

.banner img.darkImg, .banner.dark-mode .banner__logo .light, .banner.dark-mode img.lightImg, .banner__logo .dark {
    display: none
}

.banner__design {
    bottom: -60px;
    left: -12px;
    width: 100px
}

@media (min-width:992px) {
    .banner__design {
        width: 180px;
        bottom: -89px
    }
}

.banner.dark-mode {
    background: #04272F;
}

.Termside h2, .plan .nav.nav-pills .nav-link.active, .service__item:hover, .service__item_inner:hover, .termCards .box .bg h4 {
    background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%)
}

.service__item:hover .btn-link, .service__item:hover .service__des, .service__item:hover .service__label, .service__item:hover a, .service__item_inner:hover .btn-link, .service__item_inner:hover .service__des, .service__item_inner:hover .service__label {
    color: #fff
}

.banner.dark-mode .banner__growth, .banner.dark-mode .banner__subTtl, .banner.dark-mode .banner__ttl {
    -webkit-text-fill-color: var(--bs-white);
    background: 0 0
}

.banner.dark-mode .banner__logo .dark {
    display: inline-block
}

.custom-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    -webkit-mask: none;
    mask: none
}

.custom-arrow svg path {
    fill: var(--bs-primary)
}

.dark-mode .custom-arrow svg path {
    fill: var(--bs-white)
}

.about, .abt {
    padding-top: 40px;
    padding-bottom: 44px;
    overflow: hidden
}

@media (min-width:992px) {
    .about {
        padding-top: 80px;
        padding-bottom: 64px
    }
}

.about .container, .whyChoose .container {
    position: relative;
    z-index: 1
}

.about .title, .whyChoose .title {
    margin-bottom: 18px;
    text-wrap-style: balance
}

@media (min-width:992px) {
    .about .title {
        margin-bottom: 22px
    }

    .about__des {
        margin-bottom: 23px
    }
}

.about__des {
    letter-spacing: .1px
}

.about__info {
    list-style: none;
    padding: 0 15px;
    margin: 0 auto;
    gap: 10px
}

@media (min-width:576px) {
    .about__info {
        padding: 0 50px
    }
}

@media (min-width:768px) {
    .about__info {
        gap: 20px;
        padding: 0
    }
}

.about__info li {
    flex: 1;
    transform: skew(-16deg);
    background-color: #f0f0f0;
    padding-top: 24px;
    padding-bottom: 16px
}

.about__info li:first-child {
    border-radius: 15px 0 0
}

.about__info li:last-child {
    border-radius: 0 0 15px
}

.about__info li>* {
    transform: skew(16deg)
}

.about__info li h3 {
    font-size: 24px;
    line-height: 1.1
}

@media (min-width:992px) {
    .about__info li h3 {
        font-size: 34px
    }
}

.about__info li h3 small {
    font-size: inherit
}

.about__info li span {
    font-size: 14px;
    margin-top: 10px;
    font-weight: 500
}

.about__img {
    width: 100%;
    max-width: 588px
}

.about .row {
    row-gap: 24px
}

.about__boxOne img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.about__boxTwo {
    width: 100%;
    background-color: rgba(35, 35, 35, .07);
    border-radius: 20px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column
}

@media (min-width:992px) {
    .about__boxTwo {
        padding: 12px 20px;
        max-width: 261px;
        margin-left: 20px;
        margin-top: 20px
    }
}

.about__boxTwo h3 {
    color: #232323;
    font-size: 32px;
    letter-spacing: -.03em;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .about__info li span {
        font-size: 17px;
        margin-top: 0
    }

    .about__boxTwo h3 {
        font-size: 43px
    }

    .service__label {
        min-height: 78px
    }
}

@media (min-width:992px) {
    .about__boxTwo h3 {
        font-size: 53px
    }

    .about__boxTwo p {
        margin-bottom: 15px;
        font-size: 18px
    }
}

.about__boxTwo h3 small {
    font-size: inherit
}

.about__boxTwo p {
    font-weight: 500;
    color: #5c5d5f
}

.about__boxTwo span {
    display: block;
    height: 6px;
    background-color: #d9d9d9;
    margin-top: auto
}

.about__boxTwo span:after {
    width: 75%;
    height: 100%;
    content: "";
    background-color: var(--bs-black);
    display: block
}

.about__boxThree {
    background-color: #010205;
    border-radius: 20px;
    padding: 42px 33px 43px
}

.about__boxThree>div {
    z-index: 1;
    max-width: 280px;
    width: 100%
}

.about__boxThree span {
    font-size: 14px;
    color: var(--bs-white);
    margin-bottom: 20px
}

.blog__txt_ttl, .contact__left .title, .cost__box span, .idea__ttl, .industries .card__ttl, .portfolioSec .item__text h3, .service__label {
    font-family: var(--bs-font-monospace)
}

.about__boxThree span::before {
    display: block;
    background-color: currentColor;
    content: "";
    width: 54px;
    height: 2px;
    margin-right: 13px
}

.about__boxThree .drive {
    color: var(--bs-white);
    font-size: 32px;
    line-height: 1.2
}

.review__image .label .name, .termCards .subtitle, .whyChoose__list li b {
    font-size: 18px
}

.about__boxThree .shadow {
    top: 0;
    left: 0
}

.about__boxThree .bar {
    opacity: .4;
    bottom: 0;
    right: 22px
}

.service {
    background-color: #fafafa;
    padding-bottom: 40px;
    padding-top: 36px
}

@media (min-width:992px) {
    .service {
        padding-bottom: 80px;
        padding-top: 42px
    }
}

.service__design {
    top: -121px;
    left: 0;
    width: 150px
}

.service__design__right {
    bottom: -152px;
    right: -18px
}

.Siteside .boxs .list .item a:hover, .service a {
    color: var(--bs-primary)
}

.service .heading {
    margin-bottom: 12px
}

.portfolioSec .item__text img, .service .title {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .service .title {
        margin-bottom: 40px
    }
}

.service .container {
    max-width: 1690px
}

.service__item {
    border-radius: 20px;
    position: relative;
    margin: 0 30px;
    background-color: #c9c9c9
}

@media (min-width:576px) {
    .service__item {
        margin: 0 20px
    }
}

.service__item:hover .hover {
    display: block
}

.service__item .hover, .service__item:hover .default {
    display: none
}

.service__item_inner {
    border-radius: 20px;
    margin: 2px;
    padding: 15px;
    position: relative;
    background-color: var(--bs-white)
}

@media (min-width:992px) {
    .service__item {
        margin: 0 15px
    }

    .service__item_inner {
        padding: 35px 20px 38px
    }

    .service__icon {
        margin-left: 20px
    }
}

.contactMap .map .cover .item:hover .address, .service__item_inner:hover .hover, .slick-initialized .slick-slide {
    display: block
}

.industries .card:hover .card__ttl, .review .slick-arrow::before, .review .slick-dots, .review .slider-for-reviews .slick-next::before, .review .slider-for-reviews .slick-prev::before, .service__item_inner .hover, .service__item_inner:hover .default, .testimonials .slick-dots, .toast-body, ul:after {
    display: none
}

.service__icon {
    position: relative;
    margin-bottom: 15px;
    min-height: 70px
}

.service__icon:after {
    position: absolute;
    bottom: 0;
    left: 6px;
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    background-color: rgba(161, 161, 161, .1);
    border-radius: 50%
}

.service__icon img {
    width: 50px
}

.service__label {
    color: #323232;
    margin-bottom: 14px;
    line-height: 1.4;
    font-size: 22px
}

.service__label::after {
    content: "";
    display: block;
    width: 78px;
    height: 3px;
    background-color: var(--bs-secondary);
    margin-top: 15px
}

.service__des {
    letter-spacing: -.02em;
    color: var(--bs-gray);
    line-height: 1.4;
    overflow: hidden
}

.service .btn-link {
    color: var(--bs-black);
    align-items: center;
    gap: 5px;
    font-weight: 600;
    display: none
}

.industries .slick-arrow, .service .slick-arrow {
    top: 25px
}

@media (min-width:768px) {
    .service .slick-arrow {
        top: 10px
    }
}

@media (min-width:992px) {
    .service__icon:after {
        bottom: -13px;
        left: 12px;
        width: 55px;
        height: 55px
    }

    .service__icon img {
        width: auto
    }

    .service .slick-arrow {
        top: 15px
    }
}

.service .slick-arrow.slick-prev {
    top: 50%;
    left: 0
}

@media (min-width:768px) {
    .service .slick-arrow.slick-prev {
        left: auto;
        margin-left: 30px;
        right: 100px;
        top: -90px
    }

    .service .slick-arrow.slick-prev svg {
        height: 30px
    }
}

.service .slick-arrow.slick-next {
    top: 50%;
    right: 0
}

@media (min-width:768px) {
    .service .slick-arrow.slick-next {
        right: 20px;
        top: -90px
    }

    .service .slick-arrow.slick-next svg {
        height: 30px
    }
}

@media (min-width:768px) and (min-width:992px) {
    .service .slick-arrow.slick-next svg, .service .slick-arrow.slick-prev svg {
        height: 60px
    }
}

.partner {
    padding-top: 30px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .partner {
        padding-top: 50px;
        padding-bottom: 40px
    }
}

.partner .heading, .review .title, .team__profile, .wrapper .tech {
    margin-bottom: 28px
}

.partner__sliderPartners {
    -webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
    mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 32.5%, rgb(0, 0, 0) 67.5%, rgba(224, 83, 83, 0) 100%);
    padding-top: 27px;
    padding-bottom: 26px;
    margin-bottom: 30px
}

.partner__sliderPartners .item {
    margin: 0 16px
}

.partner__sliderPartners .item img {
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain
}

.whyChoose {
    padding-bottom: 44px;
    overflow: hidden
}

@media (min-width:992px) {
    .whyChoose {
        padding-bottom: 64px
    }

    .whyChoose .title {
        margin-bottom: 22px
    }

    .whyChoose__des {
        font-size: 18px
    }
}

.whyChoose__list {
    padding-left: 20px
}

.whyChoose__list li {
    color: var(--bs-gray);
    padding-bottom: 16px
}

.info .img .cover, .whyChoose img {
    max-width: 200px
}

@media (min-width:768px) {
    .whyChoose img {
        max-width: 100%
    }
}

.portfolioSec .heading {
    margin-bottom: 8px
}

.blogSide, .portfolioSec .title {
    margin-bottom: 22px
}

.portfolioSec .item__text ul li:not(:last-child), .review .heading {
    margin-bottom: 14px
}

.portfolioSec .slick-list {
    overflow: visible
}

.portfolioSec .slick-arrow.slick-disabled {
    opacity: .5;
    cursor: default
}

.portfolioSec .item {
    margin-right: 10px
}

.portfolioSec .item .inner {
    background-color: #efefef;
    border: 4px solid #ededed;
    border-radius: 20px;
    display: flex !important;
    align-items: center;
    flex-direction: column-reverse;
    padding-top: 16px;
    width: 360px
}

.review__image, .review__image img {
    width: 100%;
    border-radius: 0 0 40px
}

@media (min-width:768px) {
    .portfolioSec .item .inner {
        width: 600px
    }

    .portfolioSec .item .inner>div {
        flex: 0 0 50%
    }

    .review .slick-dots {
        display: block
    }
}

.portfolioSec .item__text {
    padding: 20px 40px 30px
}

.portfolioSec .item__text h3 {
    color: #191d26;
    font-weight: 700;
    font-size: 25px;
    line-height: 1.35;
    letter-spacing: -.4px;
    margin-bottom: 20px
}

.contact__left_socialIcon, .portfolioSec .item__text ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.portfolioSec .item__text ul li {
    font-size: 16px;
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_1770_855%29%22%3E%3Cpath%20d%3D%22M8.5105%208.5098H2.3105C1.8105%208.5098%200.910499%207.8798%200.600499%207.4898C-0.899501%205.5598%200.590499%202.8398%202.9905%202.9998C2.8305%200.589797%205.5605%20-0.900203%207.4905%200.599797C7.8805%200.899797%208.5105%201.8198%208.5105%202.3098V8.5098Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M9.49023%202.30981C9.57023%201.71981%2010.0402%200.959808%2010.5102%200.599808C12.4402%20-0.900192%2015.1602%200.599808%2015.0002%202.98981C17.6102%202.78981%2019.0502%206.05981%2017.0802%207.81981C16.8202%208.04981%2016.0202%208.49981%2015.6902%208.49981H9.49023V2.30981Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M8.50904%209.49023V15.6902C8.50904%2016.0202%208.05904%2016.8202%207.82904%2017.0802C6.06904%2019.0502%202.78904%2017.6102%202.99904%2015.0002C0.609035%2015.1502%20-0.900965%2012.4402%200.609035%2010.5102C0.919035%2010.1202%201.81904%209.49023%202.31904%209.49023H8.51904H8.50904Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M15.69%209.48998C16.44%209.57998%2017.28%2010.22%2017.64%2010.87C18.73%2012.85%2017.21%2015.12%2015.01%2015C15.17%2017.49%2012.21%2018.98%2010.34%2017.24C10.03%2016.95%209.5%2016.1%209.5%2015.68V9.47998H15.7L15.69%209.48998Z%22%20fill%3D%22black%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_1770_855%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 27px
}

.portfolioSec .item__text .cta {
    padding-top: 30px;
    display: flex;
    gap: 20px
}

.portfolioSec .item__text .cta a img {
    border-radius: 4px;
    filter: drop-shadow(0 5px 5px rgba(0, 0, 0, .4));
    margin: 0
}

.review {
    padding-top: 25px;
    padding-bottom: 27px
}

@media (min-width:992px) {
    .portfolioSec .title {
        margin-bottom: 58px
    }

    .portfolioSec .item .inner {
        flex-direction: row;
        width: 1086px
    }

    .portfolioSec .item__text img {
        margin-left: 25px;
        margin-bottom: 30px
    }

    .review {
        padding-top: 35px;
        padding-bottom: 47px
    }

    .review__image .label .name {
        font-size: 22px
    }
}

.review .heading {
    color: var(--bs-primary)
}

.review .slick-arrow {
    top: -100px;
    bottom: 0 !important
}

.industries .slick-arrow.slick-next svg, .industries .slick-arrow.slick-prev svg, .review .slick-arrow svg {
    height: 30px
}

.review .slick-prev {
    left: 75%
}

.review .slick-next, .slick-next {
    right: 0
}

.review .review .slick-arrow {
    bottom: 0;
    top: 100% !important
}

.review .slider-for-reviews>.slick-arrow {
    bottom: -80px !important
}

.review__des {
    font-size: 16px;
    color: var(--bs-gray)
}

.idea__ttl, .industries .overlay h3 {
    font-size: 22px;
    color: var(--bs-white)
}

.Hackingside p, .review__des>* {
    margin: 0
}

.review__image {
    margin-bottom: 16px;
    padding: 4px;
    overflow: hidden;
    background: linear-gradient(234deg, rgba(255, 255, 255, .8) -97.35%, rgba(153, 153, 153, .5019607843) 92.08%)
}

.review__image .playIcon {
    height: 60px;
    width: 60px;
    transition: .1s ease-in-out;
    top: 26px;
    right: 34px
}

.review__image .label {
    background: rgba(0, 77, 85, .6);
    height: 56px;
    width: 140px;
    padding: 6px 0;
    position: absolute;
    bottom: 30px;
    left: 4px;
    line-height: 22px;
    color: var(--bs-white)
}

.review__image .label .city {
    font-size: 14px;
    font-weight: 500;
    font-style: italic
}

.reviews .slick-dots li button {
    width: 20px;
    height: 4px
}

.idea {
    background-color: #1c2425;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .idea {
        margin-bottom: 50px
    }
}

.idea__ttl {
    margin-bottom: 15px
}

@media (min-width:992px) {
    .idea__ttl {
        font-size: 30px;
        margin-bottom: 20px
    }
}

.idea__img {
    height: 300px
}

.idea__imgCase {
    height: 240px
}

.idea__left img {
    -o-object-fit: cover;
    object-fit: cover;
    height: 190px;
    right: 0
}

@media (min-width:992px) {
    .idea__left img {
        height: 260px
    }
}

.idea__image img {
    max-height: 400px
}

.idea__des {
    color: var(--bs-white);
    font-size: 16px;
    margin-bottom: 30px
}

@media (min-width:992px) {
    .idea .btn, .idea__des {
        font-size: 18px
    }
}

.idea__des>* {
    margin-bottom: 0
}

.idea__ellipseOne {
    right: 0;
    top: 10%
}

.idea__ellipseTwo {
    bottom: 4px
}

.idea__ellipseTwo svg {
    height: 100px
}

.idea__ellipseThree {
    bottom: 70px;
    left: 34%
}

.idea__ellipseFour {
    bottom: 143px;
    left: 28%
}

.idea .text {
    position: relative;
    padding-top: 20px;
    padding-bottom: 25px
}

.industries__design {
    top: -184px;
    width: 190px
}

.industries .title {
    padding-right: 100px;
    margin-bottom: 18px;
    font-weight: 700
}

.industries__des {
    color: var(--bs-gray);
    margin-bottom: 30px
}

@media (min-width:992px) {
    .idea__ellipseTwo {
        right: -10%
    }

    .industries .title {
        margin-bottom: 20px
    }

    .industries__des {
        font-size: 20px;
        margin-bottom: 50px
    }
}

.industries__item {
    padding-left: 8px;
    padding-right: 8px
}

.industries .card {
    position: relative;
    overflow: hidden;
    background-color: transparent;
    border: 0
}

.industries .card img {
    border: 5px solid rgba(0, 0, 0, .3019607843) !important;
    border-radius: 28px;
    -o-object-fit: cover;
    object-fit: cover;
    position: relative;
    transition: .3s;
    width: 100%
}

.industries .card__ttl {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
    color: var(--bs-black)
}

.industries .card:hover .overlay {
    top: 0
}

.industries .overlay {
    padding: 16px;
    position: absolute;
    background: rgba(0, 0, 0, .5);
    border-radius: 24px;
    border: 5px solid #ddd;
    left: 0;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    top: 100%;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: .3s;
    color: #fff
}

@media (min-width:576px) {
    .industries .overlay h3 {
        font-size: 18px
    }
}

.industries .industrieSlider {
    position: static
}

@media (min-width:768px) {
    .review .slick-arrow {
        top: auto
    }

    .review .slick-arrow svg {
        height: 60px
    }

    .review .slick-prev {
        left: calc(50% - 170px)
    }

    .review .slick-next {
        right: calc(50% - 170px)
    }

    .idea .text {
        padding-top: 75px;
        padding-bottom: 65px
    }

    .industries .slick-arrow {
        top: 10px
    }
}

@media (min-width:992px) {
    .industries__item {
        padding-left: 16px;
        padding-right: 16px
    }

    .industries .card {
        max-width: 327px;
        margin-bottom: 0
    }

    .industries .slick-arrow {
        top: 15px
    }

    .industries .slick-arrow.slick-prev svg {
        height: 60px
    }
}

.industries .slick-arrow.slick-prev {
    left: auto;
    margin-left: 30px;
    right: 50px;
    top: 5px
}

.industries .slick-arrow.slick-next {
    right: 0;
    top: 5px
}

.wrapper {
    background-color: #fbffff
}

@media (min-width:992px) {
    .industries .slick-arrow.slick-next svg {
        height: 60px
    }

    .wrapper .tech {
        margin-bottom: 50px
    }

    .wrapper .tech .title {
        margin-bottom: 31px
    }
}

.wrapper .tech .container {
    max-width: 1040px
}

.wrapper .tech .title {
    line-height: 1.5;
    padding: 0 30px
}

.wrapper .tech__design {
    top: -40px
}

.wrapper .tech__wrapper {
    background-color: var(--bs-white);
    border: 4px solid #eaeaea;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.wrapper .tech__wrapper .nav {
    background-color: #0B5464;
    z-index: 1;
    border-radius: 8px 0 0 8px;
    width: 100%;
    padding: 24px 0 8px
}

@media (min-width:992px) {
    .wrapper .tech__wrapper .nav {
        max-width: 400px
    }
}

.wrapper .tech__wrapper .nav .nav-link {
    color: var(--bs-white);
    width: 100%;
    border-radius: 0;
    padding-right: 40px;
    text-align: left;
    padding-left: 15px
}

@media (min-width:992px) {
    .wrapper .tech__wrapper .nav .nav-link {
        width: calc(100% - 18px);
        line-height: 2.5;
        padding-left: 20px
    }
}

.wrapper .tech__wrapper .nav .nav-link img {
    height: 30px;
    width: 30px
}

.wrapper .tech__wrapper .nav .nav-link.active {
    background-color: #11d5ff;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg  viewBox="0 0 23 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M22.7071 8.70711C23.0976 8.31658 23.0976 7.68342 22.7071 7.2929L16.3431 0.928934C15.9526 0.538409 15.3195 0.538409 14.9289 0.928933C14.5384 1.31946 14.5384 1.95262 14.9289 2.34315L20.5858 8L14.9289 13.6569C14.5384 14.0474 14.5384 14.6805 14.9289 15.0711C15.3195 15.4616 15.9526 15.4616 16.3431 15.0711L22.7071 8.70711ZM-8.74228e-08 9L22 9L22 7L8.74228e-08 7L-8.74228e-08 9Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-position: center right 20px;
    background-size: 22px
}

.wrapper .tech__wrapper .tab-content {
    width: 100%;
    padding: 10px 20px;
    max-height: 296px;
    overflow: auto
}

.wrapper .tech__mobileView .accordion {
    --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg%20width%3D%229%22%20height%3D%2216%22%20viewBox%3D%220%200%209%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M8.70711%208.70711C9.09763%208.31658%209.09763%207.68342%208.70711%207.29289L2.34315%200.928933C1.95262%200.538408%201.31946%200.538408%200.928932%200.928933C0.538407%201.31946%200.538407%201.95262%200.928932%202.34315L6.58579%208L0.928933%2013.6569C0.538408%2014.0474%200.538408%2014.6805%200.928933%2015.0711C1.31946%2015.4616%201.95262%2015.4616%202.34315%2015.0711L8.70711%208.70711ZM7%209L8%209L8%207L7%207L7%209Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E");
    --bs-accordion-btn-icon-transform: rotate(90deg);
    --bs-accordion-btn-icon-width: 16px;
    --bs-accordion-btn-icon-color: white;
    --bs-accordion-btn-color: var(--bs-white);
    --bs-accordion-active-color: var(--bs-white);
    --bs-accordion-btn-padding-x: 20px
}

.wrapper .tech__mobileView .accordion .accordion-item {
    border-top: 0;
    border-bottom: 1px solid var(--bs-white)
}

.wrapper .tech__mobileView .accordion .accordion-button {
    background-color: #0B5464;
    color: var(--bs-white)
}

.wrapper .tech__mobileView .accordion .accordion-button img {
    height: 40px
}

.wrapper .tech__item {
    background-color: #f5f5f5;
    padding: 10px;
    border: 1px solid #f5f5f5;
    border-radius: 16px;
    cursor: pointer;
    transition: .3s ease-in-out
}

.wrapper .tech__item:hover {
    font-weight: 700;
    border-color: var(--bs-secondary)
}

@media (min-width:992px) {
    .wrapper .tech__item {
        padding: 10px 15px
    }
}

.Siteside .boxs .list .item a:hover::before, .wrapper .tech__item img {
    width: 20px
}

@media (min-width:992px) {
    .wrapper .tech__item img {
        width: 40px
    }
}

.wrapper .tech__item span {
    color: var(--bs-black);
    font-size: 16px
}

.cost {
    padding: 30px 0 0
}

.cost__des {
    padding-bottom: 30px;
    max-width: 1283px;
    line-height: 1.5;
    margin: auto;
    color: var(--bs-black)
}

.cost__box {
    background-color: #f5f5f5;
    padding: 15px;
    width: 100%;
    border-radius: 25px;
    margin-bottom: 15px
}

@media (min-width:992px) {
    .cost {
        padding: 60px 0 30px
    }

    .cost__des {
        font-size: 18px
    }

    .cost__box {
        margin-bottom: 30px;
        max-width: 410px
    }

    .cost__box:last-child {
        margin-bottom: 0
    }

    .cost__box p {
        font-size: 18px
    }
}

.cost__box img {
    width: 40px;
    height: 40px
}

.cost__box span {
    font-weight: 700;
    color: #2d3748;
    padding-left: 17px
}

.cost__box p {
    text-transform: capitalize;
    color: #2d3748
}

.cost img.animate1 {
    animation: 2s infinite alternate mover;
    margin-top: -50px;
    max-height: 400px
}

.cost img.animate2 {
    margin-top: -50px;
    max-height: 400px;
    animation: 2s infinite alternate up
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(-20px)
    }
}

@keyframes up {
    0% {
        transform: translateY(0)
    }

    100% {
        transform: translateY(30px)
    }
}

.blog, .footer__tpbr {
    padding: 40px 0
}

.blog .heading {
    color: var(--bs-primary);
    margin-bottom: 17px
}

.blog .title {
    font-weight: 700;
    margin-bottom: 22px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .blog .title {
        margin-bottom: 39px
    }

    .contact__left {
        padding-left: 90px;
        padding-right: 40px
    }
}

.blog__box {
    background-color: var(--bs-white);
    box-shadow: 0 4px 4px 0 rgba(192, 189, 189, .2509803922);
    border-radius: 5px;
    overflow: hidden
}

.blog__box img {
    width: 100%
}

.blog__txt {
    padding: 20px 15px
}

.blog__txt_ttl {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -.03em;
    color: var(--bs-black);
    font-weight: 700;
    margin-bottom: 15px
}

.blog__txt_des {
    color: var(--bs-gray);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 30px;
    line-height: 1.4
}

.blog__txt_dtl span {
    font-size: 14px;
    font-weight: 600;
    color: #000
}

.blog__txt .btn-primary {
    white-space: nowrap;
    padding: 6px 14px;
    border-radius: 30px
}

.blog__txt .btn-primary svg {
    transform: rotate(-45deg);
    width: 16px;
    height: 16px
}

.contact {
    padding: 40px 10px;
    overflow: hidden
}

.contact__design {
    top: 124px;
    width: 150px
}

.contact__left .title {
    font-weight: 700;
    text-transform: capitalize
}

@media (min-width:992px) {
    .contact__left .title {
        margin-bottom: 28px
    }
}

.contact__left_des, .contact__left_list li {
    font-size: 16px;
    color: var(--bs-white);
    letter-spacing: -.02px;
    line-height: 1.25
}

.Termside h2, .Termside h3 {
    line-height: 1.4;
    font-weight: 700
}

@media (min-width:992px) {
    .contact__left_des, .contact__left_list li {
        font-size: 20px
    }
}

.contact__left_des {
    margin-bottom: 25px
}

.contact__left_list {
    list-style: none;
    padding: 0 0 20px;
    margin: 0
}

@media (min-width:992px) {
    .contact__left_list {
        padding-bottom: 30px
    }
}

.contact__left_list li:not(:last-child) {
    margin-bottom: 12px
}

@media (min-width:992px) {
    .contact__left_list li:not(:last-child) {
        margin-bottom: 18px
    }
}

.contact__left_list li svg {
    margin-right: 8px
}

.contact__left_socialIcon li a {
    background-color: var(--bs-white);
    border-radius: 10px;
    width: 35px;
    height: 35px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--bs-primary)
}

.Hackingside ul li, .Termside ul li {
    padding-left: 20px;
    position: relative
}

.Hackingside ul li:not(:last-child), .Termside ul li {
    padding-bottom: 15px
}

.Hackingside p a, .footer__cpyrgt .media li a:hover, .footer__cpyrgt .terms li a:hover {
    color: var(--bs-secondary)
}

.contact .form, .contact-us .contactForm .form {
    padding-left: 14px
}

.contact .form label {
    font-weight: 600;
    font-size: 16px;
    line-height: 2.5;
    color: var(--bs-white)
}

@media (min-width:992px) {
    .contact__left_socialIcon li a {
        width: 55px;
        height: 55px
    }

    .contact .form label {
        font-size: 18px
    }
}

.contact .form__grp {
    margin-bottom: 6px
}

@media (min-width:992px) {
    .contact .form__grp {
        margin-bottom: 16px
    }
}

.contact__cta {
    padding-top: 18px
}

.contact__cta .btn:hover {
    background-color: #fff;
    color: var(--bs-primary)
}

@media (min-width:992px) {
    .contact__cta {
        padding-top: 39px
    }

    .contact__cta .btn {
        padding: 16px auto;
        font-size: 20px
    }
}

.faq {
    background-color: #f6feff;
    padding: 40px 0
}

.contact-us .contactForm .container, .faq__card {
    background-color: var(--bs-white)
}

.faq__card {
    box-shadow: 6px 3px 29.3px 0 rgba(0, 0, 0, .1098039216);
    border-radius: 28px;
    padding: 22px 16px 28px
}

@media (min-width:992px) {
    .faq__card {
        padding: 30px 20px 42px
    }

    .faq .title {
        margin-bottom: 20px
    }
}

.faq__card img {
    border-radius: 12px
}

.faq__des {
    font-weight: 500;
    color: #4e4e4e;
    letter-spacing: -.03em;
    margin-bottom: 18px
}

@media (min-width:992px) {
    .faq__des {
        font-size: 18px;
        margin-bottom: 28px
    }
}

.faqSection__ttl, .termCards .box .bg h4 {
    font-size: 20px;
    font-family: var(--bs-font-monospace)
}

.abt .title, .faq__cta {
    margin-bottom: 18px
}

@media (min-width:992px) {
    .faq__cta {
        margin-bottom: 25px
    }
}

.termCards {
    padding: 10px 0 40px;
    margin-top: 120px
}

.Hackingside, .Termside, .contact-us .contactInfo, .contactMap, .contactSec, .faqSection, .team {
    padding-bottom: 40px
}

.termCards h2 {
    font-size: 24px;
    margin-bottom: 30px
}

.Hackingside .row, .termCards .row {
    row-gap: 30px
}

.termCards .box .bg {
    padding: 30px 15px;
    height: 100%;
    border: 1px solid #ebebeb;
    transition: .5s;
    border-radius: 5px;
    cursor: pointer
}

.termCards .box .bg:hover {
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}

.termCards .box .bg:hover img {
    top: -10px
}

.termCards .box .bg img {
    position: relative;
    top: 0;
    transition: .5s;
    margin-bottom: 15px;
    max-width: 75px;
    width: 100%
}

.termCards .box .bg h4 {
    -webkit-background-clip: text;
    font-weight: 600
}

.Termside h2 {
    font-size: 26px;
    font-family: var(--bs-font-monospace);
    text-wrap-style: balance;
    -webkit-background-clip: text
}

.Termside h3 {
    font-size: 22px;
    font-family: var(--bs-font-monospace);
    text-wrap-style: balance;
    background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%);
    -webkit-background-clip: text
}

.Termside img {
    animation: 5s infinite move-up-down
}

.Hackingside ul li::before, .Termside ul li::before {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 5px;
    height: 5px;
    content: "";
    background-color: var(--bs-secondary);
    display: block;
    border-radius: 50%
}

.Hackingside {
    background-color: #f7f7f7;
    padding-top: 40px
}

.Hackingside h2 {
    font-size: 24px;
    margin-bottom: 20px
}

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

.Hackingside img {
    max-width: 400px
}

.Siteside, .similarPr, .vision .title {
    padding-bottom: 20px
}

.Siteside .title {
    padding-bottom: 70px
}

.Siteside .title a {
    padding: 10px 35px;
    background-color: var(--bs-primary);
    color: var(--bs-white);
    border-radius: 30px;
    font-size: 18px;
    max-width: 180px
}

.Siteside .title a:after {
    position: absolute;
    top: 100%;
    left: 50%;
    content: "";
    width: 4px;
    height: 50px;
    display: inline-block;
    background-color: var(--bs-primary)
}

.Siteside .title a:before {
    position: absolute;
    bottom: -50px;
    left: 50%;
    margin-left: -8px;
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(-45deg);
    border: 4px solid transparent;
    border-left-color: var(--bs-primary);
    border-bottom-color: var(--bs-primary);
    display: inline-block;
    transition: .5s;
    z-index: 1
}

.Siteside .mainTitle {
    padding: 10px 15px;
    font-size: 18px;
    font-weight: 600;
    background-color: var(--bs-secondary);
    color: var(--bs-white);
    border-radius: 7px;
    margin-bottom: 15px;
    display: block
}

.Siteside .mainSubTitle {
    padding-bottom: 20px;
    font-size: 17px;
    font-weight: 600;
    color: #282828;
    margin-bottom: 19px;
    border-bottom: 1px solid #ccc
}

.Siteside .boxs .list {
    margin-left: -10px;
    margin-right: -10px;
    margin-bottom: 30px
}

.Siteside .boxs .list .item {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 15px
}

.Siteside .boxs .list .item a {
    display: flex;
    color: #282828
}

.Siteside .boxs .list .item a::before {
    content: "";
    margin-top: 10px;
    width: 10px;
    height: 3px;
    border-radius: 10px;
    margin-right: 10px;
    background-color: var(--bs-secondary);
    transition: .3s ease-in-out
}

@keyframes move-up-down {
    0%, 100% {
        transform: translateY(0)
    }

    50% {
        transform: translateY(-15px)
    }
}

.contact-us {
    z-index: -1
}

.contact-us .contactForm {
    margin: 0 15px 34px;
    position: relative
}

@media (min-width:992px) {
    .termCards {
        padding-top: 40px;
        padding-bottom: 80px;
        margin-top: 110px
    }

    .termCards h2 {
        font-size: 30px
    }

    .termCards .subtitle {
        font-size: 20px
    }

    .Hackingside h2 {
        font-size: 28px;
        font-weight: 600;
        font-family: var(--bs-font-monospace);
        background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent
    }

    .Siteside {
        padding-bottom: 50px
    }

    .contact-us .contactForm {
        padding-bottom: 80px
    }

    .contact-us .contactForm .container {
        max-width: 1408px;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .2509803922);
        border-radius: 10px
    }
}

.contact-us .contactForm__card {
    padding: 20px 0
}

.contact-us .contactForm__card_ttl {
    color: var(--bs-black);
    font-family: var(--bs-font-monospace);
    font-size: 22px
}

@media (min-width:992px) {
    .contact-us .contactForm__card_ttl {
        font-size: 30px
    }

    .contact-us .contactForm__card {
        padding: 40px 47px 0 37px;
        margin-bottom: 24px;
        margin-left: -22px
    }
}

.contact-us .contactForm .form__grp {
    background-color: var(--bs-white) !important
}

.contact-us .contactForm .form textarea, .contact-us .contactForm .form__grp .form-control {
    color: var(--bs-primary);
    border: 1px solid #ced4da;
    background-color: var(--bs-white)
}

.contact-us .contactForm .form__grp .form-control::-moz-placeholder {
    color: var(--bs-primary)
}

.contact-us .contactForm .form__grp .form-control::placeholder {
    color: var(--bs-primary)
}

@media (min-width:992px) {
    .contact-us .contactForm .form__grp .form-control {
        font-size: 18px
    }

    .contact-us .contactInfo {
        padding-bottom: 60px
    }
}

.contact-us .contactForm .form__grp .custom-select {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E")
}

.contact-us .contactForm .form__grp .custom-select:focus {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20transform%3D%22rotate(180%208%204.5)%22%20d%3D%22M7.23253%208.30724L1.16138%202.23608C1.07764%202.15234%201.01511%202.0619%200.973799%201.96476C0.932487%201.86762%200.911273%201.76267%200.910156%201.6499C0.910156%201.42659%200.987197%201.2312%201.14128%201.06372C1.29536%200.896239%201.49745%200.8125%201.74756%200.8125H14.476C14.7273%200.8125%2014.9299%200.896239%2015.084%201.06372C15.2381%201.2312%2015.3146%201.42659%2015.3134%201.6499C15.3134%201.70573%2015.2297%201.90112%2015.0622%202.23608L8.99107%208.30724C8.85151%208.4468%208.71194%208.5445%208.57237%208.60033C8.43281%208.65615%208.27928%208.68407%208.1118%208.68407C7.94432%208.68407%207.7908%208.65615%207.65123%208.60033C7.51167%208.5445%207.3721%208.4468%207.23253%208.30724Z%22%20fill%3D%22%23000000%22/%3E%3C/svg%3E")
}

.contact-us .contactForm .form .btn {
    color: var(--bs-white);
    max-width: 482px;
    width: 100%
}

.contact-us .contactForm .form textarea::-moz-placeholder {
    color: var(--bs-primary)
}

.contact-us .contactForm .form textarea::placeholder {
    color: var(--bs-primary)
}

.contact-us .contactInfo__card {
    background-color: var(--bs-white);
    border: 1px solid #eaeaea;
    display: flex;
    min-height: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 16px;
    text-align: center;
    transition: .3s;
    transform: scale(.9)
}

@media (min-width:992px) {
    .contact-us .contactInfo__card {
        padding: 20px
    }
}

.contact-us .contactInfo__card:hover {
    transform: scale(1)
}

.contact-us .contactInfo__card_icon {
    margin-bottom: 14px
}

@media (min-width:992px) {
    .contact-us .contactInfo__card_icon {
        margin-bottom: 24px
    }
}

.contact-us .contactInfo__card_ttl {
    font-family: var(--bs-font-monospace);
    font-weight: 600
}

.contact-us .contactInfo__card a {
    text-decoration: none;
    color: #0f181a;
    text-align: center;
    font-size: 18px;
    line-height: 1.3
}

@media (min-width:992px) {
    .contact-us .contactInfo__card a {
        font-size: 22px
    }

    .faqSection {
        padding-bottom: 80px
    }
}

.faqSection__ttl {
    font-weight: 700;
    margin-bottom: 18px
}

@media (min-width:992px) {
    .faqSection__ttl {
        font-size: 25px;
        margin-bottom: 24px
    }

    .faqSection__des {
        font-size: 18px;
        margin-bottom: 26px
    }
}

.faqSection__des {
    font-size: 18px;
    color: var(--bs-gray)
}

.faqSection .faqcontact {
    border-radius: 32px;
    padding: 25px 10px
}

@media (min-width:768px) {
    .Siteside .boxs .list .item {
        flex: 0 0 33.33%;
        max-width: 33.33%
    }

    .faqSection .faqcontact {
        padding: 32px 20px
    }

    .faqSection .accordion {
        --bs-accordion-btn-padding-x: 1.25rem;
        --bs-accordion-body-padding-x: 1.25rem
    }
}

@media (min-width:992px) {
    .faqSection .accordion-button {
        font-size: 18px
    }

    .faqSection .accordion-item {
        font-size: 18px;
        padding-top: 18px;
        padding-bottom: 18px
    }
}

.faqSection .accordion-item {
    color: var(--bs-gray);
    border: 2px solid #ced4da;
    border-radius: 7px;
    margin-bottom: 20px;
    padding-left: 20px
}

.Portside .right .nav-tabs li .nav-link.active, .elementor-203 .elementor-element.elementor-element-6b13773 .elementor-author-box__name, .faqSection .form .btn, .faqSection .form textarea, .thanks .title {
    color: var(--bs-primary)
}

.faqSection .right {
    max-width: 540px
}

.faqSection .form {
    padding-left: 0
}

.faqSection .form__grp {
    background-color: var(--bs-white) !important;
    margin-bottom: 6px
}

@media (min-width:992px) {
    .faqSection .form__grp {
        margin-bottom: 16px
    }

    .faqSection .form__grp .form-control {
        font-size: 18px
    }
}

.faqSection .form__grp .form-control {
    color: var(--bs-primary);
    border: 1px solid #ced4da;
    background-color: var(--bs-white)
}

.faqSection .form__grp .form-control::-moz-placeholder {
    color: var(--bs-primary)
}

.faqSection .form__grp .form-control::placeholder {
    color: var(--bs-primary)
}

.faqSection .form .btn {
    max-width: 482px
}

.faqSection .form textarea::-moz-placeholder {
    color: var(--bs-white)
}

.faqSection .form textarea::placeholder {
    color: var(--bs-white)
}

.aboutMain {
    background-color: #f6feff
}

.aboutSec {
    padding-top: 36px;
    padding-bottom: 30px
}

@media (min-width:768px) {
    .aboutSec {
        padding-top: 46px;
        padding-bottom: 60px
    }
}

.aboutSec__des {
    font-size: 18px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .aboutSec {
        padding-top: 66px
    }

    .aboutSec .right {
        padding-left: 60px
    }

    .aboutSec__des {
        margin-bottom: 31px
    }
}

.aboutSec__mkt {
    margin-bottom: 28px;
    padding: 20px 29px
}

@media (min-width:992px) {
    .aboutSec__mkt {
        padding: 40px 79px;
        margin-bottom: 88px
    }
}

.aboutSec__mkt_head {
    border-bottom: 1px solid #1d808a;
    padding-bottom: 14px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .aboutSec__mkt_head {
        padding-bottom: 18px;
        margin-bottom: 30px
    }
}

.aboutSec__mkt_ttl {
    color: var(--bs-white);
    font-size: 22px;
    max-width: 1200px
}

@media (min-width:768px) {
    .aboutSec__mkt_ttl {
        font-size: 27px
    }
}

.aboutSec__mkt_list {
    list-style: none;
    padding-left: 0;
    color: var(--bs-white)
}

.aboutSec__mkt_list h3 {
    font-size: 28px
}

@media (min-width:768px) {
    .aboutSec__mkt_list h3 {
        font-size: 34px
    }

    .team .row>.col-md-3:nth-child(2n) {
        padding-top: 51px
    }
}

.aboutSec__mkt_list h3:not(:last-child) {
    padding-right: 10px;
    margin-right: 18px;
    border-right: 1px solid #fff
}

.aboutSec__mkt_list span, .thanks h4, .whatMakes__ttl {
    font-size: 18px
}

@media (min-width:992px) {
    .aboutSec__mkt_list span {
        font-size: 24px
    }

    .aboutSec__mkt_list li:not(:last-child)::after {
        content: url('data:image/svg+xml;utf8,<svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>');
        margin-right: 30px;
        padding-left: 20px
    }
}

.aboutSec__mkt_list li {
    margin-bottom: 20px
}

.aboutSec__item {
    background-color: #f5f5f5;
    padding: 12px 20px;
    border-radius: 10px
}

@media (min-width:992px) {
    .team {
        padding-bottom: 80px
    }
}

.plan__des, .team .title {
    margin-bottom: 24px
}

@media (min-width:992px) {
    .team .title {
        margin-bottom: 54px
    }

    .team__profile {
        margin-bottom: 58px
    }
}

.advanceTech, .error p, .plan .btn, .team__profile img {
    margin-bottom: 20px
}

@media (min-width:992px) {
    .team__profile img {
        max-width: 200px;
        margin-bottom: 33px
    }

    .team__profile_dgn {
        font-size: 18px
    }
}

.team__profile_name {
    font-size: 22px;
    font-family: var(--bs-font-monospace);
    font-weight: 600
}

.team__profile_dgn {
    color: var(--bs-gray)
}

.aboutService {
    background-color: #1c2425;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .aboutService {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .aboutService__item::after {
        content: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.8889 0.223633L27.6885 15.8969L43.3618 21.6965L27.6885 27.4961L21.8889 43.1693L16.0893 27.4961L0.416077 21.6965L16.0893 15.8969L21.8889 0.223633Z" fill="white"/></svg>')
    }
}

.aboutService__item {
    margin-right: 40px
}

.aboutService__item::after {
    margin-left: 30px
}

.aboutService__item_ttl {
    color: var(--bs-white);
    font-size: 18px
}

@media (min-width:992px) {
    .aboutService__item_ttl {
        font-size: 20px
    }
}

.Portside .tab-content, .testimonials {
    padding-top: 20px
}

.testimonials__wrap {
    margin: 0 auto 20px;
    padding: 25px 24px 26px 25px;
    flex-direction: column;
    border: 3px solid rgba(36, 42, 66, .0784313725);
    border-radius: 12px;
    box-shadow: 0 20px 70px -10px rgba(36, 42, 66, .0784313725);
    text-align: center;
    max-width: 100%
}

.testimonials__reviewImg {
    border-radius: 50%;
    border: 5px solid #0d7372;
    background-color: #fff;
    margin: 0 auto 10px;
    height: 110px;
    width: 110px;
    overflow: hidden
}

.testimonials__reviewImg img {
    height: 100px;
    width: 100px;
    margin: 0 auto;
    -o-object-fit: cover;
    object-fit: cover
}

.testimonials__ttl {
    font-size: 20px;
    font-weight: 700;
    color: var(--bs-black)
}

@media (min-width:992px) {
    .testimonials__ttl {
        font-size: 22px
    }
}

.testimonials__name {
    font-size: 20px;
    color: #8a8a8a
}

.testimonials__dt {
    font-size: 16px;
    color: #8a8a8a
}

.testimonials__desc {
    font-size: 16px;
    font-weight: 500;
    color: var(--bs-gray)
}

@media (min-width:992px) {
    .testimonials__name {
        font-size: 22px
    }

    .testimonials__desc, .testimonials__dt {
        font-size: 18px
    }
}

.testimonials__icon {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-bottom: 40px;
    padding-top: 40px
}

.caseTab__list, .pagination .page-item {
    list-style: none
}

.pagination .active>.page-link {
    color: #fff;
    background-color: #003d41;
    border-color: #003d41
}

.pagination .page-link {
    display: block;
    color: #0f181a;
    font-size: 14px;
    padding: 8px 8px 8px 10px
}

.pagination .page-link:hover {
    background-color: #f3f3f3;
    color: #0f181a
}

.pagination .page-link:focus {
    color: #fff;
    background-color: #003d41;
    box-shadow: none
}

.NewBannerSide, .techbnr {
    padding-top: 120px
}

.techbnr__cover {
    background-image: none;
    border-radius: 19px;
    padding: 66px 23px 63px;
    background-size: cover;
    background-position: center right
}

.techbnr__cover::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 1;
    border-radius: 19px
}

.techbnr__cover>* {
    position: relative;
    z-index: 2
}

@media (min-width:992px) {
    .pagination .page-link {
        font-size: 20px;
        padding: 10px 15px 12px 10px
    }

    .techbnr {
        padding-top: 150px
    }

    .techbnr__cover {
        background-image: block;
        padding: 90px 40px 80px
    }
}

.whatMakes {
    padding-top: 20px;
    padding-bottom: 20px
}

.whatMakes__wrap {
    width: 100%;
    margin: 0 auto;
    padding-top: 25px
}

.whatMakes__feature {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 0 20px;
    margin-bottom: 12px
}

.whatMakes__icon {
    margin-right: 14px;
    flex-shrink: 0
}

.whatMakes__icon img, .whatMakes__icon svg {
    height: 60px;
    width: 60px;
    margin-bottom: 16px
}

.whatMakes__desc {
    text-align: center;
    color: #282828
}

.vision {
    background-color: #fafafa;
    padding-top: 45px;
    padding-bottom: 45px
}

@media (min-width:992px) {
    .whatMakes {
        padding-top: 120px
    }

    .whatMakes__feature {
        flex-direction: row;
        align-items: center;
        margin: 20px 0
    }

    .whatMakes__desc {
        font-size: 18px;
        text-align: left;
        margin: 0
    }

    .whatMakes__ttl {
        font-size: 20px
    }

    .vision {
        padding-top: 48px;
        padding-bottom: 48px
    }

    .vision .title {
        padding-bottom: 30px
    }
}

.vision__Innerbox {
    padding: 20px;
    background-color: #fff;
    border-radius: 24px;
    border: 3px solid rgba(0, 0, 0, .1)
}

@media (min-width:992px) {
    .vision__Innerbox {
        padding: 30px
    }
}

.vision__Innerbox .ttl {
    font-family: var(--bs-font-monospace);
    font-weight: 600;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .testimonials__wrap {
        padding: 34px 37px 34px 82px;
        display: flex;
        text-align: left;
        max-width: 90%;
        margin: 0 auto 50px
    }

    .testimonials__reviewImg {
        position: absolute;
        top: 30%;
        left: -50px
    }

    .pagination {
        padding-bottom: 60px
    }

    .techbnr__cover::before {
        background: rgba(0, 0, 0, 0)
    }

    .whatMakes__icon img, .whatMakes__icon svg {
        margin-bottom: 0
    }

    .vision__Innerbox .ttl {
        font-size: 20px
    }
}

.vision__Innerbox .desc {
    font-family: var(--bs-body-font-family);
    font-weight: 500;
    font-size: 14px;
    color: #4e4e4e
}

@media (min-width:768px) {
    .vision__Innerbox .desc {
        font-size: 16px
    }
}

.dedicatedTeam__card {
    background: #e6f2f2;
    padding: 24px;
    border-radius: 12px;
    color: var(--bs-gray)
}

.dedicatedTeam__subtitle {
    font-family: var(--bs-font-monospace);
    font-weight: 600;
    font-size: 20px;
    text-transform: capitalize;
    color: #000
}

.contactSec .cardtitle, .contactSec span, .mobileCost span, .mobileCost__cardtitle {
    font-family: var(--bs-body-font-family);
    color: var(--bs-gray)
}

@media (min-width:992px) {
    .dedicatedTeam__subtitle {
        font-size: 25px
    }

    .contactSec {
        padding-bottom: 60px
    }
}

.dedicatedTeam__teamImg {
    height: auto
}

@media (min-width:768px) {
    .dedicatedTeam__teamImg {
        height: 220px
    }
}

.contactSec__leftcard .cardsList {
    background-color: #e6f0f2
}

.contactSec__leftcard .cardsList h3 {
    font-size: 24px
}

@media (min-width:992px) {
    .contactSec__leftcard .cardsList h3 {
        font-size: 28px
    }
}

.contactSec__leftcard .cardsList span {
    font-size: 10px;
    padding: 0 5px
}

@media (min-width:992px) {
    .contactSec__leftcard .cardsList span {
        font-size: 14px
    }

    .contactSec__listItem {
        padding-bottom: 18px
    }
}

.contactSec__innerCards {
    padding-bottom: 30px
}

.contactSec .title {
    padding-bottom: 22px;
    font-size: 24px
}

@media (min-width:768px) {
    .contactSec .title {
        padding-bottom: 25px;
        font-size: 28px
    }
}

.contactSec .subtitle {
    font-size: 20px;
    padding-bottom: 10px
}

.contactSec__listItem {
    font-weight: 500;
    padding-bottom: 18px;
    font-size: 16px;
    color: var(--bs-gray)
}

.contactSec span, .mobileCost span {
    font-weight: 500;
    font-size: 16px
}

.contactSec__rightcard {
    border-radius: 36px;
    overflow: hidden;
    padding: 15px
}

@media (min-width:768px) {
    .contactSec__rightcard {
        padding: 30px 25px
    }
}

.contactSec__rightcard .headttl {
    font-size: 22px
}

@media (min-width:768px) {
    .contactSec__rightcard .headttl {
        font-size: 25px
    }
}

.contactSec__rightcard .borderWhite {
    display: block;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin: 15px 0
}

@media (min-width:768px) {
    .contactSec__rightcard .borderWhite {
        margin: 20px 0
    }
}

.contactSec__rightcard .rightList li {
    display: flex;
    align-items: center;
    padding: 6px 0
}

.contactSec__rightcard .rightList li span {
    color: var(--bs-white);
    font-size: 18px;
    padding-left: 10px
}

@media (min-width:992px) {
    .contactSec__rightcard .rightList li span {
        font-size: 20px
    }
}

.mobileCost__left {
    padding-right: 10px
}

.mobileCost__listItem {
    padding-bottom: 18px
}

.mobileCost__cardtitle {
    font-size: 18px
}

.NewBannerSide__right_spin span, .NewBannerSide__trusted, .NewBannerSide__ttl, .PortSide__Cards_content .chip span, .PortSide__Cards_img .topWrap__chip span, .abt__list_listItem .ttl, .brd__ttl, .caseTab__nav_navItem .navLink, .ctaBanner__ttl, .process__item_num {
    font-family: var(--bs-font-monospace)
}

.mobileCost .btn-primary {
    border-radius: 25px;
    margin-left: 25px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .mobileCost__listItem {
        padding-bottom: 20px
    }

    .thanks {
        padding: 20px 0
    }

    .thanks p {
        font-size: 20px;
        margin-bottom: 30px
    }

    .contactMap {
        padding-bottom: 60px
    }
}

.contactMap .map .cover .item {
    width: 7px;
    height: 7px;
    background-color: var(--bs-secondary);
    cursor: pointer
}

.contactMap .map .cover .item:before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -16px;
    width: 32px;
    height: 32px;
    content: "";
    background-color: var(--bs-secondary);
    opacity: .5;
    border-radius: 50%;
    animation: 1.2s ease-in-out infinite phonering-alo-circle-anim;
    transform-origin: 50% 50%
}

.contactMap .map .cover .item.est {
    top: 43%;
    left: 22%
}

.contactMap .map .cover .item.wst {
    top: 43%;
    left: 25%
}

.contactMap .map .cover .item.cent {
    top: 46%;
    left: 18%
}

.contactMap .map .cover .item.australia .address, .contactMap .map .cover .item.cent .address {
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: 10px
}

.contactMap .map .cover .item.australia .address:after, .contactMap .map .cover .item.cent .address:after {
    right: auto;
    left: 100%;
    border-right-color: transparent;
    border-left-color: var(--bs-white)
}

.contactMap .map .cover .item.paris {
    top: 39%;
    left: 47.5%
}

.contactMap .map .cover .item.london {
    top: 34%;
    left: 46%
}

.contactMap .map .cover .item.dubai {
    top: 52%;
    right: 36%
}

.contactMap .map .cover .item.india {
    top: 51%;
    right: 29%
}

.contactMap .map .cover .item.australia {
    bottom: 19%;
    right: 12%
}

.contactMap .map .cover .item .address {
    padding: 10px 5px;
    top: -12px;
    left: 100%;
    margin-left: 10px;
    background-color: var(--bs-white);
    width: 135px;
    display: none;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.contactMap .map .cover .item .address:after {
    right: 100%;
    top: 10px;
    border: 5px solid rgba(255, 255, 255, 0);
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-right-color: var(--bs-white)
}

.contactMap .map .cover .item .address h5 {
    color: var(--bs-primary);
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: 600
}

.contactMap .map .cover .item .address address {
    font-size: 15px;
    color: #313131
}

@keyframes phonering-alo-circle-anim {
    0% {
        transform: rotate(0) scale(.5) skew(1deg);
        opacity: .1
    }

    30% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .5
    }

    100% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes phonering-alo-circle-fill-anim {
    0%, 100% {
        transform: rotate(0) scale(.7) skew(1deg);
        opacity: .2
    }

    50% {
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .2
    }
}

@keyframes phonering-alo-circle-img-anim {
    0%, 100%, 50% {
        transform: rotate(0) scale(1) skew(1deg)
    }

    10%, 30% {
        transform: rotate(-25deg) scale(1) skew(1deg)
    }

    20%, 40% {
        transform: rotate(25deg) scale(1) skew(1deg)
    }
}

.contactMap__ttl {
    font-size: 18px;
    font-weight: 900;
    color: var(--bs-primary);
    margin-bottom: 10px
}

.toast, .toast-header strong {
    font-weight: 400
}

@media (min-width:768px) {
    .contactSec__rightcard .rightList li {
        padding: 10px 0
    }

    .mobileCost__left {
        padding-bottom: 25px
    }

    .contactMap__ttl {
        font-size: 24px;
        margin-bottom: 15px
    }
}

.abt__wrap .subtitle, .toast {
    font-size: 16px
}

.contactMap__text {
    padding-left: 40px
}

@media (min-width:992px) {
    .contactMap__text {
        padding-left: 75px
    }
}

.contactMap__rightList {
    padding: 0;
    list-style: none
}

.contactMap__rightList li {
    font-size: 16px;
    margin-bottom: 10px
}

@media (min-width:992px) {
    .contactMap__rightList li {
        font-size: 18px;
        margin-bottom: 15px
    }
}

.contactMap__rightList li span {
    padding-left: 15px
}

.contactMap__rightList li svg {
    background: var(--bs-primary);
    border-radius: 50%;
    padding: 6px
}

.error {
    padding-top: 150px;
    padding-bottom: 40px
}

.error img {
    max-width: 280px;
    padding: 20px
}

.toast {
    --bs-toast-header-color: #fff;
    background-clip: border-box;
    --bs-toast-border-radius: 12px;
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
    overflow: hidden
}

.toast-header {
    background-color: rgba(30, 102, 23, .6784313725)
}

.toast-header strong::before {
    content: "✔ ";
    color: var(--bs-white);
    margin-right: 6px;
    height: 20px;
    font-weight: 700
}

.toast-header .btn-close {
    height: 12px;
    width: 3px
}

.toast-error {
    background-color: rgba(255, 45, 45, .6509803922);
    padding: 20px 12px
}

.toast-error strong {
    color: #fff;
    font-weight: 400
}

.toast-error strong::before {
    content: "X";
    color: var(--bs-white);
    margin-right: 6px;
    height: 26px;
    font-weight: 700
}

.toast-error .btn-close {
    height: 12px;
    width: 3px;
    float: right
}

.loader {
    position: absolute;
    width: 30px;
    margin-left: 10px;
    height: 30px;
    border: 4px solid #9d9e9d;
    border-top: 4px solid var(--bs-white);
    border-radius: 50%;
    animation: 1s linear infinite loader
}

@keyframes loader {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.elementor-5 .elementor-element.elementor-element-a2cd01b .elementor-button {
    background: linear-gradient(234deg, #26a5b2 -97.35%, #000404 92.08%) !important;
    font-size: 18px
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    color: #fff !important;
    background: #fff;
    color: var(--bs-primary) !important;
    outline: 0 !important
}

.elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    color: var(--bs-primary);
    line-height: 1.12;
    font-style: normal;
    padding-top: 65px !important
}

.BlogRecent .eael-post-grid .eael-grid-post .eael-entry-content:after, .Blogside .eael-post-grid .eael-grid-post .eael-entry-content:after, .a2a_kit a span, .sidebar .elementor-widget-search-form .elementor-search-form__submit {
    background-color: var(--bs-primary) !important
}

.elementor-203 .elementor-element.elementor-element-16bc755 .elementor-icon-list-icon i, .elementor-203 .elementor-element.elementor-element-6cc5f60 .elementor-heading-title, .single-post .elementor-widget-theme-post-content h2, .single-post .elementor-widget-theme-post-content h3, .single-post .elementor-widget-theme-post-content p a {
    color: var(--bs-primary) !important
}

.sidebar .eael-post-list-header .header-title .title, .sidebar .elementor-widget-wp-widget-categories h5 {
    background-color: rgba(166, 202, 205, .4901960784) !important
}

.sidebar .elementor-widget-wp-widget-categories ul li a:focus {
    background-color: var(--bs-white) !important;
    color: var(--bs-primary) !important
}

.elementor-5 .elementor-element.elementor-element-90046cb .eael-load-more-button {
    background: linear-gradient(234deg, #26a5b2 -97.35%, #000404 92.08%) !important;
    box-shadow: none !important
}

.BlogRecent .elementor-element .eael-entry-meta>span, .Blogside .elementor-element.elementor-element-90046cb .eael-entry-meta>span {
    background-color: rgba(0, 0, 0, .76) !important
}

.elementor-5 .elementor-element.elementor-element-90046cb .eael-grid-post-holder {
    overflow: hidden !important
}

.BlogRecent .eael-grid-post .eael-entry-header-after, .Blogside .eael-grid-post .eael-entry-footer, .Blogside .eael-grid-post .eael-entry-header-after {
    right: 11px !important;
    border-top-right-radius: 15px
}

.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post-holder {
    border-radius: 15px;
    overflow: hidden
}

.elementor-203 .elementor-element.elementor-element-01daf5e .eael-grid-post .eael-entry-footer {
    top: 11px;
    border-top-left-radius: 15px
}

@media (min-width:992px) {
    .error {
        padding-top: 180px;
        padding-bottom: 80px
    }

    .error p {
        font-size: 18px
    }

    .abt {
        padding-top: 80px;
        padding-bottom: 64px
    }

    .abt .title {
        margin-bottom: 22px
    }
}

.abt__wrap {
    border-radius: 24px;
    background: rgba(255, 255, 255, .2);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    padding: 12px 14px;
    bottom: 14px;
    left: 15px;
    right: 15px;
    color: var(--bs-white);
    position: absolute
}

.abt__desc, .abt__list_listItem {
    color: var(--bs-gray)
}

.abt__desc, .abt__wrap .des {
    font-size: 14px
}

@media (min-width:768px) {
    .elementor-203 .elementor-element.elementor-element-44c132a8 .elementor-heading-title {
        padding: 0
    }

    .abt__desc {
        font-size: 16px;
        margin-bottom: 25px
    }
}

.abt__list_listItem {
    position: relative;
    font-size: 14px;
    list-style: none;
    margin-bottom: 18px;
    padding-left: 30px
}

@media (min-width:768px) {
    .abt__list_listItem {
        font-size: 16px
    }
}

.abt__list_listItem .ttl {
    font-weight: 700;
    font-size: 16px;
    color: var(--bs-black)
}

@media (min-width:768px) {
    .abt__list_listItem .ttl {
        font-size: 18px;
        margin-bottom: 4px
    }
}

.abt__list_listItem::after {
    content: url(../images/li-icon.png);
    position: absolute;
    top: 7px;
    left: -7px;
    height: 100%;
    width: 100%
}

.line {
    position: absolute;
    opacity: 0
}

.downward {
    top: -50%;
    animation: 2s infinite dropDown
}

.upward {
    bottom: -50%;
    animation: 2s infinite dropUp
}

.line:first-child {
    left: 10%;
    animation-delay: 0s
}

.line:nth-child(2) {
    left: 30%;
    animation-delay: .3s
}

.line:nth-child(3) {
    left: 50%;
    animation-delay: 0s
}

.line:nth-child(4) {
    left: 70%;
    animation-delay: .3s
}

.line:nth-child(5) {
    left: 90%;
    animation-delay: 0s
}

@keyframes dropDown {
    0% {
        top: -50%;
        opacity: 0
    }

    50% {
        opacity: .4
    }

    100% {
        top: 100%;
        opacity: 0
    }
}

@keyframes dropUp {
    0% {
        bottom: -50%;
        opacity: 0
    }

    50% {
        opacity: .4
    }

    100% {
        bottom: 100%;
        opacity: 0
    }
}

.ctaBanner {
    background-color: #1c2425;
    padding-top: 38px;
    padding-bottom: 36px
}

.ctaBanner .topCircle {
    position: absolute;
    top: 0;
    height: 30px;
    display: flex;
    width: calc(100% - 75px);
    background-color: var(--bs-white)
}

@media (min-width:576px) {
    .ctaBanner .topCircle {
        width: calc(100% - 225px);
        height: 50px
    }
}

.ctaBanner .bottomLeftCircle::after, .ctaBanner .bottomLeftCircle::before, .ctaBanner .bottomRightCircle::after, .ctaBanner .bottomRightCircle::before, .ctaBanner .topCircle::after, .ctaBanner .topCircle::before, .slick-next:before, .slick-prev:before, [dir=rtl] .slick-next:before, [dir=rtl] .slick-prev:before {
    content: ""
}

.ctaBanner .topCircle::before {
    width: 100%;
    background-color: #1c2425;
    border-radius: 0 15px 0 0
}

@media (min-width:576px) {
    .ctaBanner .topCircle::before {
        border-radius: 0 20px 0 0
    }
}

.ctaBanner .topCircle::after {
    position: absolute;
    top: 0;
    height: 100%;
    left: 100%;
    width: 75px;
    border-radius: 0 0 0 15px;
    background-color: var(--bs-white)
}

@media (min-width:576px) {
    .ctaBanner .topCircle::after {
        border-radius: 0 0 0 20px;
        width: 225px
    }
}

.ctaBanner .bottomRightCircle {
    position: absolute;
    bottom: 0;
    height: 38px;
    display: flex;
    width: calc(100% - 59px);
    background-color: var(--bs-body-bg)
}

.ctaBanner .bottomRightCircle::before {
    width: 100%;
    background-color: #1c2425;
    border-radius: 0 0 15px
}

.ctaBanner .bottomLeftCircle, .ctaBanner .bottomLeftCircle::before, .ctaBanner .bottomRightCircle::after {
    position: absolute;
    background-color: var(--bs-body-bg)
}

@media (min-width:576px) {
    .ctaBanner .bottomRightCircle {
        width: calc(100% - 119px)
    }

    .ctaBanner .bottomRightCircle::before {
        border-radius: 0 0 20px
    }
}

.ctaBanner .bottomRightCircle::after {
    top: 0;
    height: 100%;
    left: 100%;
    width: 59px;
    border-radius: 15px 0 0
}

@media (min-width:576px) {
    .ctaBanner .bottomRightCircle::after {
        width: 119px;
        border-radius: 20px 0 0
    }
}

.ctaBanner .bottomLeftCircle {
    bottom: 0;
    left: 81px;
    height: 19px;
    display: flex;
    width: calc(50% - 81px)
}

.ctaBanner .bottomLeftCircle::before {
    top: 3px;
    height: 100%;
    right: 100%;
    width: 81px;
    border-radius: 0 10px 0 0
}

.ctaBanner .bottomLeftCircle::after {
    width: 100%;
    background-color: #1c2425;
    border-radius: 0 0 0 10px
}

.ctaBanner__bg {
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: 1;
    max-height: 200px;
    display: none
}

.ctaBanner .aiImg {
    max-width: 120px
}

.ctaBanner .aiImage {
    max-width: 200px;
    bottom: 0;
    right: 5%
}

.ctaBanner .mlImg {
    max-height: 280px
}

.ctaBanner .mlImgRgt {
    right: -50px;
    top: 15%;
    max-width: 300px
}

.ctaBanner .iotImage {
    right: 60px;
    max-height: 250px
}

.ctaBanner__img {
    bottom: 0;
    z-index: 1;
    right: 0;
    max-width: 170px;
    transform: rotateY(180deg)
}

@media (min-width:576px) {
    .ctaBanner .bottomLeftCircle {
        left: 241px;
        width: calc(50% - 241px)
    }

    .ctaBanner .bottomLeftCircle::before {
        width: 241px
    }

    .ctaBanner__img {
        max-width: 250px
    }

    .ctaBanner__des {
        padding-right: 0
    }
}

@media (min-width:992px) {
    .abt__wrap {
        padding: 17px 24px;
        bottom: 16px;
        left: 22px;
        right: 22px
    }

    .abt__wrap .subtitle {
        font-size: 20px
    }

    .abt__wrap .des {
        font-size: 16px
    }

    .ctaBanner {
        padding-top: 98px;
        padding-bottom: 66px
    }

    .ctaBanner__bg {
        display: block
    }

    .ctaBanner__img {
        left: 0;
        bottom: 16px;
        transform: none;
        max-width: 300px
    }

    .ctaBanner .container {
        padding-left: 30%
    }
}

.ctaBanner__ttl {
    color: var(--bs-white);
    font-size: 20px;
    line-height: 1.2;
    margin-bottom: 15px
}

.caseTab__des, .caseTab__list li {
    color: var(--bs-gray)
}

@media (min-width:768px) {
    .ctaBanner__ttl {
        font-size: 24px
    }
}

@media (min-width:992px) {
    .ctaBanner__ttl {
        font-size: 30px
    }

    .ctaBanner__des {
        font-size: 18px
    }
}

.Portside .box, .caseTab__dtl, .ctaBanner__des, .slick-dotted.slick-slider {
    margin-bottom: 30px
}

.caseTab, .caseTab .section {
    margin-bottom: 40px
}

.ctaBanner .btn {
    border-radius: 120px
}

.ctaBanner .btn svg {
    margin-left: 8px
}

.ctaBanner .container {
    z-index: 2;
    position: relative
}

.ctaBanner__ellipseOne {
    left: 0;
    top: 0;
    z-index: 1
}

.ctaBanner__ellipseTwo {
    bottom: 0;
    right: 139px;
    z-index: 1
}

@media (min-width:992px) {
    .ctaBanner .btn {
        padding: 15px 20px
    }

    .caseStudy {
        padding-top: 28px
    }

    .caseTab .section {
        margin-bottom: 60px
    }
}

.caseTab {
    padding-top: 30px
}

.caseTab__about {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px
}

.caseTab__about .btn-primary {
    border-radius: 48px
}

@media (min-width:992px) {
    .caseTab__about {
        margin-bottom: 32px
    }

    .caseTab__des, .caseTab__desc {
        font-size: 18px;
        margin-bottom: 32px
    }
}

.caseTab__list li {
    position: relative;
    padding-left: 32px
}

.caseTab__list li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 23px;
    height: 24px;
    transform: translateY(-50%);
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='23' height='24' viewBox='0 0 23 24' fill='none'><path d='M10.0239 14.9067C10.5262 14.0367 11.7819 14.0367 12.2842 14.9067L14.6938 19.0802C15.1961 19.9502 14.5682 21.0377 13.5636 21.0377H8.74446C7.73988 21.0377 7.11201 19.9502 7.6143 19.0802L10.0239 14.9067Z' fill='%23132628'/><path d='M13.5505 13.9495C12.6986 13.4171 12.7425 12.1621 13.6295 11.6905L17.8846 9.42823C18.7716 8.95664 19.8365 9.62211 19.8014 10.6261L19.6331 15.4423C19.598 16.4463 18.4892 17.0357 17.6373 16.5034L13.5505 13.9495Z' fill='%23132628'/><path d='M9.04715 14.1487C9.89906 13.6163 9.8552 12.3613 8.96819 11.8897L4.71305 9.62745C3.82604 9.15586 2.76114 9.82133 2.79624 10.8253L2.9646 15.6415C2.9997 16.6455 4.10846 17.235 4.96037 16.7026L9.04715 14.1487Z' fill='%23132628'/><path d='M7.62907 6.92796C7.14535 6.04751 7.79614 4.97358 8.80049 4.99489L13.6186 5.09711C14.6229 5.11841 15.2276 6.21898 14.7069 7.07812L12.2094 11.1996C11.6888 12.0587 10.4333 12.0321 9.94959 11.1516L7.62907 6.92796Z' fill='%23132628'/></svg>") center/contain no-repeat
}

@media (min-width:992px) {
    .caseTab__list li {
        font-size: 18px;
        margin-bottom: 24px
    }

    .caseTab__dtl {
        margin-bottom: 60px
    }
}

.caseTab__dtl_item {
    display: flex;
    align-items: center
}

.caseTab__dtl_item:not(:last-child) {
    padding-right: 20px
}

.caseTab__dtl_icon {
    background-color: #f0f0f0;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50%
}

.caseTab__icon, .caseTab__nav {
    display: flex;
    align-items: center
}

@media (min-width:992px) {
    .caseTab__dtl_item:not(:last-child) {
        padding-right: 140px
    }

    .caseTab__dtl_icon {
        height: 60px;
        width: 60px;
        border-radius: 50%
    }
}

.caseTab__dtl_icon svg {
    height: 20px
}

.caseTab__dtl_ttl {
    font-size: 18px;
    margin-bottom: 1
}

@media (min-width:992px) {
    .caseTab__dtl_icon svg {
        height: auto
    }

    .caseTab__dtl_ttl {
        font-size: 20px
    }
}

.caseTab__dtl_subTtl {
    font-size: 16px
}

.caseTab__icon {
    justify-content: center;
    flex-direction: column
}

.caseTab__icon img {
    margin-bottom: 18px;
    height: 88px;
    width: 88px
}

.caseTab__icon_name {
    font-size: 18px;
    font-weight: 600;
    color: var(--bs-primary)
}

.footer__tpbr h5, .footer__tpbr_heading {
    color: var(--bs-white);
    font-size: 18px;
    margin-bottom: 15px
}

.caseTab__nav {
    justify-content: space-between;
    border-bottom: 1px solid var(--bs-gray);
    overflow-x: auto;
    padding-left: 0;
    width: 100%;
    margin-bottom: 22px;
    scrollbar-width: none
}

.caseTab__nav::-webkit-scrollbar {
    display: none
}

@media (min-width:992px) {
    .caseTab__nav {
        margin-bottom: 38px
    }
}

.caseTab__nav_navItem {
    list-style: none;
    text-wrap: nowrap;
    margin-right: 20px
}

.caseTab__nav_navItem .navLink {
    padding-bottom: 15px;
    background-color: transparent;
    border: 0;
    width: 100%;
    font-weight: 600;
    font-size: 16px
}

@media (min-width:992px) {
    .caseTab__nav_navItem {
        margin-right: 0
    }

    .caseTab__nav_navItem .navLink {
        font-size: 18px
    }

    .similarPr {
        padding-bottom: 30px
    }
}

.caseTab__nav_navItem.active {
    border-bottom: 2px solid var(--bs-primary)
}

@media (min-width:992px) {
    .similarPr__item_img {
        margin-bottom: 26px
    }
}

.similarPr__item_img img {
    border-radius: 8px
}

.similarPr__item_content .desc {
    color: var(--bs-gray);
    font-size: 16px
}

@media (min-width:992px) {
    .similarPr__item_content .desc {
        font-size: 18px;
        margin-bottom: 20px
    }

    .similarPr__item_content .btn-primary span {
        font-size: 18px
    }
}

.similarPr__item_content .btn-primary {
    border-radius: 32px;
    max-width: 220px;
    padding: 14px 20px
}

.similarPr__item_content .btn-primary span {
    white-space: nowrap
}

.footer__tpbr_heading {
    display: block
}

@media (min-width:992px) {
    .footer__tpbr {
        padding: 63px 0 53px
    }

    .footer__tpbr h5, .footer__tpbr_heading {
        font-size: 20px;
        margin-bottom: 21px
    }
}

.footer__lctn address, .footer__tpbr ul li a {
    font-size: var(--bs-body-font-size);
    color: var(--bs-white)
}

.footer__tpbr ul, .info .img .cover ul {
    list-style: none
}

.footer__tpbr ul li {
    padding-left: 17px
}

.footer__tpbr ul li:not(:last-child) {
    margin-bottom: 12px
}

.footer__tpbr ul li::before {
    content: "";
    width: 7px;
    height: 7px;
    display: block;
    border-radius: 50%;
    background-color: var(--bs-white);
    position: absolute;
    top: 9px;
    left: 0
}

.footer__tpbr ul li a:hover {
    text-decoration: underline
}

.footer__lctn {
    background-color: rgba(217, 217, 217, .1019607843);
    padding: 20px 0
}

.NewBannerSide__appDev, .NewBannerSide__wrapper {
    background: linear-gradient(to bottom, #1fb0be -48.54%, #0f181a 93.17%);
    border-radius: 28px;
    overflow: hidden
}

.footer__lctn img {
    width: 30px;
    height: 30px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:992px) {
    .footer__lctn img {
        width: 42px;
        height: 42px
    }
}

.footer__lctn address {
    line-height: 1.4;
    padding-left: 15px
}

.footer__lctn a {
    font-size: var(--bs-body-font-size);
    padding-left: 15px
}

.footer__cpyrgt {
    padding-top: 25px;
    padding-bottom: 10px
}

.footer__cpyrgt .copyright {
    color: var(--bs-white);
    font-size: 15px;
    font-weight: 400
}

.footer__cpyrgt .copyright>* {
    margin: 0
}

.footer__cpyrgt .terms {
    list-style: none;
    gap: 18px
}

.footer__cpyrgt .terms li a {
    font-size: 15px;
    color: var(--bs-white)
}

.footer__cpyrgt .media {
    align-items: center;
    gap: 30px;
    list-style: none
}

.footer__cpyrgt .media li a {
    color: var(--bs-white)
}

.NewBannerSide__wrapper {
    padding: 28px 20px 100px
}

@media (min-width:992px) {
    .footer__cpyrgt {
        padding-top: 45px
    }

    .NewBannerSide {
        padding-top: 150px
    }

    .NewBannerSide__wrapper {
        padding: 38px 40px 100px
    }
}

.NewBannerSide__appDev {
    padding: 28px 20px 80px
}

.NewBannerSide__cta, .NewBannerSide__cta::before {
    background-color: var(--bs-white);
    transition: .3s ease-in-out
}

@media (min-width:992px) {
    .NewBannerSide__appDev {
        padding: 38px 40px 80px
    }
}

.NewBannerSide__trusted {
    padding-bottom: 12px;
    color: var(--bs-white)
}

.NewBannerSide__ttl {
    color: var(--bs-white);
    line-height: 1.1;
    margin-bottom: 9px;
    font-size: 26px
}

@media (min-width:768px) {
    .NewBannerSide__ttl {
        font-size: 22px
    }
}

@media (min-width:992px) {
    .NewBannerSide__ttl {
        font-size: 32px
    }
}

.NewBannerSide__subTtl {
    color: var(--bs-white);
    font-size: 18px
}

@media (min-width:992px) {
    .NewBannerSide__subTtl {
        font-size: 20px;
        padding-top: 18px;
        margin-bottom: 18px
    }
}

.NewBannerSide__des {
    color: var(--bs-white);
    font-size: 16px;
    line-height: 1.2;
    padding-bottom: 22px;
    margin-bottom: 18px
}

@media (min-width:992px) {
    .NewBannerSide__des {
        font-size: 18px;
        margin-bottom: 28px;
        border-bottom: 1px solid var(--bs-white)
    }

    .NewBannerSide__cta span {
        font-size: 20px
    }
}

.NewBannerSide__cta {
    color: var(--bs-dark);
    font-size: 16px;
    padding: 12px 30px 12px 12px;
    white-space: nowrap;
    border-radius: 10px;
    margin-bottom: 16px
}

.NewBannerSide__cta::before {
    content: "";
    height: 54px;
    width: 54px;
    box-shadow: 0 4px 4px 2px rgba(0, 0, 0, .2509803922);
    border-radius: 50%;
    position: absolute;
    right: -30px;
    z-index: 8;
    background-image: url(../images/forward-arrow.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 60%
}

.NewBannerSide__cta span {
    padding-left: 8px;
    color: #10494f;
    transition: .3s ease-in-out
}

.NewBannerSide__info li, .NewBannerSide__right_spin, .brd__des, .brd__lctn a, .brd__ttl {
    color: var(--bs-white)
}

.NewBannerSide__logo {
    padding: 17px 0
}

.NewBannerSide__logo a img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 55px
}

@media (min-width:992px) {
    .NewBannerSide__logo a img {
        height: 60px
    }
}

.NewBannerSide__logo a .clutch {
    height: 90px
}

.NewBannerSide__logo a .clutchTwo {
    height: 100px
}

.NewBannerSide__info {
    padding: 20px;
    position: absolute;
    transform: skew(28deg);
    bottom: -16px;
    background: #0f181a;
    left: 0;
    z-index: 9;
    border-top-right-radius: 22px;
    border-top: 12px solid var(--bs-white);
    border-right: 12px solid var(--bs-white)
}

.PortSide__Cards_img, .advanceTech .nav-pills .nav-item, .brd__ttl, .plan__card_price small, .process, .process__item {
    position: relative
}

@media (min-width:576px) {
    .NewBannerSide__info {
        padding: 20px 0
    }
}

@media (min-width:992px) {
    .NewBannerSide__info {
        padding: 21px 36px;
        border-top: 18px solid var(--bs-white);
        border-right: 18px solid var(--bs-white)
    }
}

.NewBannerSide__info li {
    transform: skew(-28deg)
}

.NewBannerSide__info .digit {
    font-family: "Krona One", serif;
    font-size: 18px;
    line-height: 1.2
}

@media (min-width:768px) {
    .NewBannerSide__cta {
        padding-right: 50px
    }

    .NewBannerSide__cta::before {
        height: 64px;
        width: 64px;
        bottom: -5px;
        font-size: 18px;
        padding: 10px;
        max-width: 306px
    }

    .NewBannerSide__info li span {
        font-size: 18px
    }

    .NewBannerSide__info .digit {
        font-size: 20px
    }

    .NewBannerSide__personImg {
        right: 0;
        max-height: 350px
    }
}

@media (min-width:992px) {
    .NewBannerSide__info .digit {
        font-size: 30px
    }
}

.NewBannerSide__right_mobile {
    z-index: 8;
    height: 300px
}

@media (min-width:992px) {
    .NewBannerSide__right_mobile {
        height: 420px
    }
}

.NewBannerSide__right_spin {
    background-color: #242424;
    border: 12px solid var(--bs-white);
    border-radius: 50%;
    height: 150px;
    width: 150px
}

@media (min-width:992px) {
    .NewBannerSide__right_spin {
        height: 180px;
        width: 180px
    }
}

.NewBannerSide__right_spin span {
    font-weight: 700
}

.NewBannerSide__right_spinnerOne {
    max-width: 180px;
    max-height: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    animation: 22s linear infinite rotateCircle
}

@media (min-width:992px) {
    .NewBannerSide__right_spinnerOne {
        max-width: 250px;
        max-height: 250px
    }
}

.NewBannerSide__right_spinnerTwo {
    max-width: 290px;
    max-height: 290px;
    z-index: 1;
    animation: 22s linear infinite rotateCircleReverse
}

@media (min-width:992px) {
    .NewBannerSide__right_spinnerTwo {
        max-height: 400px;
        max-width: 400px
    }
}

.NewBannerSide__right_spinnerTwo .icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1
}

.NewBannerSide__right_spinnerTwo .icon img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    animation: 22s linear infinite rotateCircle
}

.NewBannerSide .iconSpinAnimation .icon_one, .NewBannerSide__right_spinnerTwo .icon_one {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.NewBannerSide__right_spinnerTwo .icon_two {
    top: 0;
    right: 0;
    transform: translate(-20px, 20px)
}

.NewBannerSide__right_spinnerTwo .icon_three {
    top: 50%;
    right: 0;
    transform: translate(50%, -50%)
}

.NewBannerSide__right_spinnerTwo .icon_four {
    bottom: 0;
    right: 0;
    transform: translate(-20px, -15px)
}

.NewBannerSide .iconSpinAnimation .icon_six, .NewBannerSide__right_spinnerTwo .icon_five {
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 50%)
}

.NewBannerSide__right_spinnerTwo .icon_six {
    bottom: 0;
    left: 0;
    transform: translate(20px, -20px)
}

.NewBannerSide__right_spinnerTwo .icon_seven {
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%)
}

.NewBannerSide__right_spinnerTwo .icon_eight {
    top: 0;
    left: 0;
    transform: translate(20px, 20px)
}

.NewBannerSide__right_ellipse1 {
    max-width: 300px;
    max-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    animation: 22s linear infinite rotateCircle
}

@media (min-width:992px) {
    .NewBannerSide__right_spinnerTwo .icon {
        width: 83px;
        height: 83px
    }

    .NewBannerSide__right_ellipse1 {
        max-width: 400px;
        max-height: 400px
    }
}

.NewBannerSide__right_ellipse1 .leftIcon {
    left: -30px;
    height: 50px;
    animation: 22s linear infinite rotateOuterIcon
}

.NewBannerSide__right_ellipse1 .rightIcon {
    right: -30px;
    height: 50px;
    animation: 22s linear infinite rotateOuterIcon
}

.NewBannerSide__right_ellipse2 {
    max-width: 210px;
    max-height: 210px;
    z-index: 1;
    animation: 22s linear infinite rotateCircleReverse
}

@media (min-width:992px) {
    .NewBannerSide__right_ellipse1 .leftIcon {
        height: 70px
    }

    .NewBannerSide__right_ellipse1 .rightIcon {
        height: 65px
    }

    .NewBannerSide__right_ellipse2 {
        max-width: 300px;
        max-height: 300px
    }
}

.NewBannerSide__right_ellipse2 .leftIcon {
    left: 130px;
    top: -30px;
    height: 50px;
    animation: 22s linear infinite rotateInnerIcon
}

.NewBannerSide__right_ellipse2 .rightIcon {
    right: 120px;
    bottom: -30px;
    height: 50px;
    animation: 22s linear infinite rotateInnerIcon
}

@media (min-width:992px) {
    .NewBannerSide__right_ellipse2 .leftIcon, .NewBannerSide__right_ellipse2 .rightIcon {
        height: 70px
    }

    .NewBannerSide__personImg {
        max-height: 500px
    }
}

.NewBannerSide__img .mobile {
    height: 380px;
    z-index: 4
}

@media (min-width:992px) {
    .NewBannerSide__img .mobile {
        height: 500px
    }

    .NewBannerSide__img .forWeb {
        position: absolute;
        bottom: 0
    }
}

.NewBannerSide__img .screen {
    margin-left: -40px;
    animation: 4s infinite slideIn;
    max-height: 250px
}

@media (min-width:768px) {
    .NewBannerSide__img .screen {
        max-height: 220px;
        padding-top: 30px
    }

    .NewBannerSide__img .box {
        max-width: 140px;
        left: calc(50% - 20px)
    }
}

@media (min-width:992px) {
    .NewBannerSide__img .screen {
        max-height: 290px;
        padding-top: 30px
    }
}

.NewBannerSide__img .box {
    top: 38%;
    transform: translate(-50%, -50%);
    animation: 3s 1s infinite zoom;
    z-index: 4
}

@media (min-width:992px) {
    .NewBannerSide__img .box {
        max-width: 160px;
        left: calc(50% - 35px)
    }
}

.NewBannerSide .wepApp, .NewBannerSide__img .mobileApp {
    height: 450px;
    animation: 1.3s ease-out slideUp
}

@media (min-width:992px) {
    .NewBannerSide__img .mobileApp {
        height: 500px
    }
}

.NewBannerSide .forAndroid {
    right: 20px
}

.NewBannerSide .hirededictd {
    height: 450px
}

@media (min-width:992px) {
    .NewBannerSide .hirededictd {
        height: 500px
    }
}

.NewBannerSide .laptopImage {
    right: 0;
    height: 320px;
    animation: 1.3s ease-out slideUp
}

@media (min-width:992px) {
    .NewBannerSide .laptopImage {
        height: 450px
    }

    .NewBannerSide .wepApp {
        height: 600px
    }
}

.NewBannerSide .uiImg {
    height: 390px;
    animation: 1.3s ease-out slideUp
}

@media (min-width:992px) {
    .NewBannerSide .uiImg {
        height: 550px
    }
}

.NewBannerSide .openCartImg {
    top: -48px;
    right: 30px;
    height: 450px;
    animation: 1.3s ease-out slideDown
}

.NewBannerSide .mktImg, .NewBannerSide .slideUpImg {
    animation: 1.2s ease-out slideUp
}

@media (min-width:992px) {
    .NewBannerSide .openCartImg {
        height: 500px;
        right: 150px
    }
}

.NewBannerSide .hireLrvl, .NewBannerSide .wooImg {
    animation: 1.2s ease-out slideUp;
    height: 400px
}

@media (min-width:992px) {
    .NewBannerSide .wooImg {
        height: 500px
    }

    .NewBannerSide .hireLrvl {
        height: 530px
    }
}

.NewBannerSide .mktImg {
    height: 450px;
    padding-right: 20px
}

@media (min-width:992px) {
    .NewBannerSide .mktImg {
        height: 550px;
        padding-right: 50px
    }
}

.NewBannerSide .androidIcon {
    animation: 1.5s ease-in-out slideUp;
    height: 80px
}

.NewBannerSide__roundAnimation {
    right: -50px;
    top: -50px;
    animation: 8s linear infinite rotate;
    height: 200px
}

@media (min-width:992px) {
    .NewBannerSide__roundAnimation {
        right: -80px;
        top: -80px;
        height: 250px
    }
}

.NewBannerSide__circleAnimation {
    animation: 8s linear infinite rotate;
    right: -20%;
    max-height: 300px
}

.NewBannerSide .floatAnimation {
    animation: 4s ease-in-out infinite float;
    display: inline-block
}

@keyframes float {
    0%, 100% {
        transform: translateX(0)
    }

    50% {
        transform: translateX(12px)
    }
}

.NewBannerSide .floatAnimationY {
    animation: 5s ease-in-out zoomEffect;
    display: inline-block
}

@keyframes zoomEffect {
    0% {
        transform: scale(0)
    }

    50% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}

.NewBannerSide .iconSpinAnimation {
    top: 40px;
    left: calc(100% - 131px);
    width: 400px;
    height: 400px;
    border-radius: 50%;
    animation: 22s linear infinite rotateCircle;
    opacity: .6
}

.NewBannerSide .iconSpinAnimation .icon {
    border-radius: 50%;
    display: block;
    width: 69px;
    height: 69px;
    overflow: hidden
}

.NewBannerSide .iconSpinAnimation .icon img {
    width: 100%;
    height: 100%;
    animation: 22s linear infinite rotateCircleReverse;
    -o-object-fit: cover;
    object-fit: cover
}

.NewBannerSide .iconSpinAnimation .icon_two {
    top: 0;
    right: 0;
    transform: translate(-75%, 0)
}

.NewBannerSide .iconSpinAnimation .icon_three {
    top: 50%;
    right: 0;
    transform: translate(25%, -150%)
}

.NewBannerSide .iconSpinAnimation .icon_four {
    top: 50%;
    right: 0;
    transform: translate(25%, 25%)
}

.NewBannerSide .iconSpinAnimation .icon_five {
    top: 50%;
    right: 0;
    transform: translate(-75%, 175%)
}

.NewBannerSide .iconSpinAnimation .icon_seven {
    top: 50%;
    left: 0;
    transform: translate(75%, 175%)
}

.NewBannerSide .iconSpinAnimation .icon_eight {
    top: 50%;
    left: 0;
    transform: translate(-25%, 25%)
}

.NewBannerSide .iconSpinAnimation .icon_nine {
    top: 50%;
    left: 0;
    transform: translate(-25%, -150%)
}

.NewBannerSide .iconSpinAnimation .icon_ten {
    top: 0;
    left: 0;
    transform: translate(75%, 0)
}

.NewBannerSide .aiOne {
    max-width: 90px;
    top: 30px;
    right: 20px
}

@media (min-width:992px) {
    .NewBannerSide .aiOne {
        top: calc(50% - 50px);
        right: 17px
    }
}

.NewBannerSide .aiTwo {
    max-width: 90px;
    bottom: 30px;
    right: 10px
}

@keyframes rotate {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

@keyframes slideIn {
    0%, 15% {
        opacity: 0;
        transform: translateX(-100px)
    }

    25%, 75% {
        opacity: 1;
        transform: translateX(10px)
    }

    100% {
        opacity: 1;
        transform: translateX(-120px)
    }
}

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

    50% {
        opacity: 1;
        transform: translateY(-100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes slideUp {
    0%, 50% {
        opacity: 0;
        transform: translateY(100%)
    }

    100% {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes zoom {
    0%, 100% {
        transform: translate(-50%, -50%) scale(1)
    }

    50%, 75% {
        transform: translate(-60%, -50%) scale(1.1)
    }
}

@media (min-width:992px) {
    .NewBannerSide .aiTwo {
        bottom: calc(30px + 10%)
    }

    @keyframes zoom {
        0%, 100% {
            transform: translate(-50%, -50%) scale(1)
        }

        50%, 75% {
            transform: translate(-60%, -50%) scale(1.3)
        }
    }

    .brd {
        padding-top: 29px
    }
}

@keyframes rotateCircle {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateCircleReverse {
    from {
        transform: rotate(360deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes rotateInnerIcon {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes rotateOuterIcon {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(-360deg)
    }
}

.brd {
    margin-top: 120px;
    padding-bottom: 30px;
    margin-left: 15px;
    margin-right: 15px
}

.brd__bg {
    border-radius: 32px
}

.brd__cover {
    padding-top: 30px;
    padding-bottom: 36px
}

@media (min-width:992px) {
    .brd__cover {
        padding-top: 58px;
        padding-bottom: 56px
    }

    .brd__lctn a {
        font-size: 18px
    }
}

.brd__ttl {
    padding-bottom: 21px;
    margin-bottom: 17px;
    font-size: 24px
}

@media (min-width:768px) {
    .brd__ttl {
        font-size: 30px
    }
}

.brd .box {
    position: absolute;
    width: 150px;
    height: 50px;
    border: 3px solid #0d7372;
    border-color: #0d7372 transparent transparent;
    border-radius: 50%/10px 15px 0 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.brd__des {
    margin-bottom: 27px
}

.brd__lctn svg {
    margin-right: 6px
}

.brd__opacity {
    background: rgba(0, 0, 0, .46);
    border-radius: 30px
}

.PortSide__Cards_img .topWrap__chip, .process__item {
    background: linear-gradient(235.09deg, #11d5ff -96.56%, #0B5464 170.05%)
}

.PortSide__sidebar {
    max-height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 4px
}

.PortSide__sidebar img {
    width: 100%;
    height: auto;
    max-height: 300px;
    display: block;
    -o-object-fit: cover;
    object-fit: cover
}

.PortSide__Cards {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, .05);
    margin-bottom: 32px
}

@media (min-width:992px) {
    .PortSide__Cards {
        margin-bottom: 48px
    }
}

.PortSide__Cards_img .topWrap__chip {
    position: absolute;
    top: 12px;
    left: 12px;
    padding: 6px 12px;
    border-radius: 32px
}

.PortSide__Cards_img .topWrap__chip span {
    color: var(--bs-white);
    font-weight: 600;
    font-size: 12px
}

.PortSide__Cards_img .topWrap__arrow {
    position: absolute;
    top: 12px;
    right: 12px;
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--bs-white);
    transition: .3s
}

.PortSide__Cards_img .topWrap__arrow:hover {
    transform: scale(1.09);
    box-shadow: 4px 4px 16.7px -1px rgba(0, 0, 0, .09)
}

.PortSide__Cards_img .topWrap__arrow svg {
    cursor: pointer
}

.PortSide__Cards_des {
    color: var(--bs-gray)
}

.PortSide__Cards_content {
    padding: 16px 14px
}

@media (min-width:992px) {
    .PortSide__Cards_img .topWrap__chip {
        padding: 12px 16px;
        top: 32px;
        left: 32px
    }

    .PortSide__Cards_img .topWrap__chip span {
        font-size: 16px
    }

    .PortSide__Cards_des {
        font-size: 18px
    }

    .PortSide__Cards_content {
        padding: 18px 28px 22px
    }
}

.Portside, .process {
    padding-bottom: 40px
}

.PortSide__Cards_content .chip {
    padding: 6px 8px;
    background-color: #52898f;
    border-radius: 8px
}

.PortSide__Cards_content .chip span {
    color: var(--bs-white);
    font-weight: 600;
    font-size: 14px;
    text-wrap: nowrap
}

.Portside {
    padding-top: 40px
}

.Portside .left h3 {
    font-size: 18px;
    color: var(--bs-primary);
    margin-bottom: 15px;
    font-weight: 600
}

@media (min-width:992px) {
    .PortSide__Cards_content .chip {
        padding: 8px 12px
    }

    .PortSide__Cards_content .chip span {
        font-size: 16px
    }

    .Portside .left h3 {
        font-size: 22px
    }

    .Portside .left p {
        font-size: 18px
    }
}

.Portside .right .nav-tabs {
    margin: 0 -10px
}

.Portside .right .nav-tabs li {
    flex: 0 0 33.33%;
    max-width: 33.33%;
    padding: 0 10px
}

.Portside .right .nav-tabs li .nav-link {
    padding: 0 0 0 15px;
    position: relative;
    color: #282828;
    font-weight: 600;
    transition: .5s;
    text-align: left
}

.Portside .right .nav-tabs li .nav-link:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 0;
    height: 100%;
    content: "";
    transition: .5s;
    background-color: var(--bs-secondary)
}

.Portside .box .over {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    height: 100%;
    border: 1px solid #ebebeb;
    transition: .5s;
    border-radius: 5px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .1)
}

.Portside .right .nav-tabs li .nav-link.active::before {
    width: 3px
}

.Portside .box .over .text .content h4 {
    font-size: 16px;
    font-weight: 700
}

.Portside .box .over .text .content h4 span {
    font-size: 16px;
    display: inline-block;
    font-weight: 400
}

.Portside .box .over .text .title h3 {
    color: var(--bs-primary);
    font-weight: 700;
    font-size: 16px
}

@media (min-width:992px) {
    .Portside .box .over .text .title h3, .Portside .right .nav-tabs li .nav-link {
        font-size: 18px
    }

    .process {
        padding-bottom: 80px
    }
}

.Portside .box .over .text .title span {
    font-size: 16px;
    font-weight: 500
}

.Portside .box .over .text .content {
    padding-top: 15px
}

.Portside .box .over .img, .Portside .box .over .text {
    padding: 15px
}

.Portside .box .over .text .row {
    padding-bottom: 0
}

.process {
    padding-top: 26px
}

.process__item {
    border-radius: 20px;
    margin: 0 15px;
    cursor: pointer;
    padding: 35px 20px 80px
}

.process__item:after {
    clip-path: polygon(70% 0, 100% 0%, 100% 25%);
    content: "";
    position: absolute;
    top: -2px;
    right: -2px;
    width: 100%;
    height: 100%;
    background-color: var(--bs-white);
    border-radius: 0 20px 0 0
}

.plan__ttl::before, .prjctNeed__ttl::before, .processTwo__ttl::before {
    content: attr(data-title);
    display: block;
    font-family: var(--bs-body-font-family);
    letter-spacing: 6.6px;
    text-transform: uppercase
}

.process__item_ttl {
    font-weight: 700;
    font-size: 26px;
    color: var(--bs-white)
}

@media (min-width:768px) {
    .process__item {
        padding: 35px 20px 150px
    }

    .process__item_ttl {
        font-size: 22px
    }
}

.process__item_des {
    color: var(--bs-white);
    height: 150px
}

.process__item_num {
    font-weight: 700;
    color: var(--bs-white);
    opacity: .2;
    line-height: 1;
    position: absolute;
    right: 23px;
    bottom: 0;
    font-size: 97px
}

.process .slick-arrow.slick-prev {
    left: -10px
}

.process .slick-arrow.slick-next {
    right: -10px
}

.plan {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--bs-bg);
    background-image: url("../images/plan-bg.webp");
    background-size: cover;
    background-position: center
}

@media (min-width:992px) {
    .process .title {
        margin-bottom: 40px
    }

    .process__item {
        min-height: 500px
    }

    .process .slick-arrow.slick-prev {
        left: -15px
    }

    .process .slick-arrow.slick-next {
        right: -15px
    }

    .plan {
        padding-top: 80px;
        padding-bottom: 50px
    }
}

.plan .container {
    max-width: 1170px
}

.plan__ttl {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px;
    text-transform: capitalize
}

@media (min-width:992px) {
    .plan__ttl {
        font-size: 28px
    }
}

.plan__ttl::before {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px
}

@media (min-width:992px) {
    .plan__ttl::before {
        font-size: 22px;
        margin-bottom: 20px
    }

    .plan__des {
        font-size: 18px
    }
}

.plan__chip {
    font-size: 14px;
    color: #0c4a51;
    padding: 4px 8px;
    background-color: #f0f0f0;
    margin-left: 13px;
    border-radius: 12px;
    display: block
}

.plan .nav {
    margin-bottom: 39px;
    background-color: var(--bs-border);
    border-radius: 100px;
    --bs-nav-pills-border-radius: 100px;
    --bs-nav-pills-link-active-color: #F0F0F0;
    --bs-nav-link-padding-x: 29px;
    --bs-nav-link-padding-y: 14px;
    --bs-nav-link-font-weight: 900;
    --bs-nav-link-color: #4E4E4E;
    --bs-nav-link-hover-color: var --bs-nav-pills-link-active-bg: transparent
}

.plan .planSlider {
    margin-top: 10px
}

.plan .planSlider .slick-track>.item {
    padding: 0 5px
}

.plan__card {
    background: #f1f4f4;
    border: 3.9px solid var(--bs-gray-light);
    transition: .3s ease-in-out;
    padding: 15px 20px
}

.prjctNeed, .prjctNeed__item .content .lookDev label input:checked+.icon::after, .processTwo {
    background-color: #fbffff
}

@media (min-width:992px) {
    .plan .planSlider {
        margin-top: 30px
    }

    .plan .planSlider .slick-track {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .plan .planSlider .slick-track>.item {
        padding: 0 15px
    }

    .plan__card {
        padding: 28px 30px
    }

    .plan__card:hover {
        transform: scale(1.05)
    }
}

.plan__card_ttl {
    font-size: 18px;
    font-family: var(--bs-font-sans-serif);
    border-bottom: 2px solid #232323;
    line-height: 1.2;
    padding-bottom: 10px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .plan__card_ttl {
        font-size: 22px;
        margin-bottom: 25px
    }
}

.plan__card_price {
    font-size: 28px;
    font-family: var(--bs-font-monospace);
    color: var(--bs-title)
}

@media (min-width:992px) {
    .plan__card_price {
        font-size: 38px
    }
}

@media (min-width:1200px) {
    .about, .abt {
        padding-top: 115px;
        padding-bottom: 94px
    }

    .about__boxOne {
        margin-top: -26px
    }

    .service {
        padding-bottom: 120px;
        padding-top: 52px
    }

    .service .title {
        margin-bottom: 70px
    }

    .partner {
        padding-top: 80px;
        padding-bottom: 90px
    }

    .review {
        padding-top: 45px;
        padding-bottom: 67px
    }

    .idea__img {
        height: 400px
    }

    .idea__imgCase {
        height: 350px
    }

    .idea__left img {
        height: 290px
    }

    .idea__des {
        font-size: 22px
    }

    .idea .btn {
        padding: 12px 35px
    }

    .dedicatedTeam__desc, .dedicatedTeam__list, .industries .card__ttl, .vision__Innerbox .desc {
        font-size: 18px
    }

    .industries .overlay {
        padding: 20px 25px
    }

    .wrapper .tech {
        margin-bottom: 100px
    }

    .blog {
        padding: 60px 0 80px
    }

    .contact {
        padding-top: 58px;
        padding-bottom: 46px
    }

    .faq {
        padding-top: 42px;
        padding-bottom: 67px
    }

    .faq__card {
        padding: 46px 30px 51px
    }

    .contact-us .contactForm {
        padding-bottom: 100px
    }

    .contact-us .contactInfo, .contactMap, .contactSec {
        padding-bottom: 80px
    }

    .faqSection, .team {
        padding-bottom: 120px
    }

    .faqSection__ttl {
        font-size: 32px;
        margin-bottom: 34px
    }

    .faqSection__des {
        margin-bottom: 36px
    }

    .faqSection .faqcontact {
        padding: 40px 30px
    }

    .contactSec .cardtitle, .faqSection .accordion-button {
        font-size: 20px
    }

    .aboutSec__des {
        margin-bottom: 41px
    }

    .aboutSec__mkt_ttl, .contactSec__leftcard .cardsList h3 {
        font-size: 32px
    }

    .aboutSec__mkt_list h3 {
        font-size: 40px
    }

    .vision__Innerbox .ttl {
        font-size: 26px
    }

    .dedicatedTeam__teamImg {
        height: 240px
    }

    .contactSec .subtitle {
        font-size: 25px;
        padding-bottom: 20px
    }

    .contactSec__rightcard {
        padding: 30px 35px
    }

    .contactSec__rightcard .headttl {
        font-size: 28px
    }

    .contactSec__rightcard .borderWhite {
        margin: 30px 0
    }

    .contactSec__rightcard .rightList li {
        padding: 10px 0
    }

    .mobileCost__left {
        padding-right: 50px
    }

    .contactMap__ttl {
        font-size: 30px;
        margin-bottom: 20px
    }

    .ctaBanner .container {
        padding-left: 15%
    }

    .NewBannerSide__wrapper {
        padding: 58px 60px 120px
    }

    .NewBannerSide__appDev {
        padding: 58px 60px 90px
    }

    .NewBannerSide__ttl {
        font-size: 30px
    }

    .NewBannerSide__info {
        padding: 21px 56px
    }

    .NewBannerSide__img .screen {
        max-height: 300px;
        padding-top: 30px
    }

    .NewBannerSide .laptopImage, .NewBannerSide .uiImg, .NewBannerSide .wepApp {
        right: 30px
    }

    .NewBannerSide .androidIcon {
        height: 100px
    }

    .NewBannerSide .iconSpinAnimation {
        top: 111px
    }

    .NewBannerSide .aiOne {
        top: calc(50% - 100px);
        right: 27px;
        max-width: 120px
    }

    .NewBannerSide .aiTwo {
        bottom: calc(30px + 10%);
        right: 18px;
        max-width: 120px
    }

    @keyframes slideIn {
        0%, 15% {
            opacity: 0;
            transform: translateX(-100px)
        }

        25%, 75% {
            opacity: 1;
            transform: translateX(10px)
        }

        100% {
            opacity: 1;
            transform: translateX(-150px)
        }
    }

    .brd__cover {
        padding-top: 78px;
        padding-bottom: 76px
    }

    .plan__card_price {
        font-size: 46px
    }

    .plan__card_price small {
        font-size: 22px
    }
}

.plan__card_price small {
    font-size: 14px;
    top: -2px
}

@media (min-width:992px) {
    .plan__card_price small {
        font-size: 16px;
        margin-left: -10px
    }
}

.plan__list li, .processTwo .wrap__item .text h4 {
    font-size: 16px;
    position: relative
}

.plan__card_subtitle {
    font-size: 25px
}

.plan__card_des {
    margin-bottom: 20px;
    color: var(--bs-body-color)
}

.plan__dark, .plan__dark .plan__card_des, .plan__dark .plan__card_price, .plan__dark svg {
    color: var(--bs-white)
}

.plan__dark {
    background-image: url("../images/price-bg.webp");
    background-size: cover;
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.plan__dark .plan__card_ttl {
    color: var(--bs-white);
    border-bottom: 1px solid var(--bs-white)
}

.plan__dark .btn-primary--white:hover {
    color: var(--bs-primary) !important;
    background: var(--bs-white)
}

.plan__first, .plan__last {
    border-top-left-radius: 50px;
    border-bottom-right-radius: 50px
}

.plan__list {
    list-style: none;
    padding-left: 0
}

.plan__list li:not(:last-child) {
    margin-bottom: 10px
}

.plan__list li svg {
    margin-right: 10px
}

@media (max-width:575px) {
    .plan__list li svg {
        fill: #4E4E4E
    }
}

.plan .slick-arrow {
    top: auto;
    bottom: -48px
}

.plan .slick-arrow::before {
    display: none
}

.plan .slick-prev {
    left: calc(50% - 170px)
}

.plan .slick-next {
    right: calc(50% - 170px)
}

.processTwo {
    padding-top: 50px;
    padding-bottom: 50px
}

.processTwo__ttl {
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    text-wrap-style: balance;
    margin-bottom: 24px;
    color: #232323
}

@media (min-width:992px) {
    .plan__first {
        border-top-left-radius: 50px;
        border-bottom-right-radius: 0
    }

    .plan__last {
        border-bottom-right-radius: 50px;
        border-top-left-radius: 0
    }

    .processTwo {
        padding-top: 100px;
        padding-bottom: 100px
    }

    .processTwo__ttl {
        font-size: 28px
    }
}

.processTwo__ttl::before {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px
}

.prjctNeed__des, .processTwo__des {
    font-weight: 500;
    color: var(--bs-body-color);
    max-width: 1020px;
    margin: 0 auto 30px;
    text-wrap-style: pretty
}

@media (min-width:992px) {
    .processTwo__ttl::before {
        font-size: 22px;
        margin-bottom: 20px
    }

    .processTwo__des {
        font-size: 18px;
        margin-bottom: 80px
    }
}

.prjctNeed__item .content .step3 .form-group, .prjctNeed__ttl {
    margin-bottom: 24px
}

.processTwo .wrap {
    position: relative;
    margin-left: 10px
}

.processTwo .wrap .lineAnimation {
    overflow: hidden;
    height: 0;
    transition: 1s ease-in-out;
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 7px;
    border-radius: 7px;
    transform: translateX(-50%);
    z-index: 1;
    background: #26a5b2;
    background: linear-gradient(-140deg, #26a5b2 0, #124045 100%)
}

.processTwo .wrap__item {
    position: relative;
    padding-left: 10px
}

.processTwo .wrap__item:not(:last-child) {
    padding-bottom: 46px
}

.processTwo .wrap__item::before {
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    content: "";
    background-color: #b2b2b2;
    position: absolute;
    transform: translateX(-50%)
}

.processTwo .wrap__item:nth-child(2n+2) .text::before {
    top: 50%;
    transform: translate(-50%, -50%)
}

.processTwo .wrap__item:last-child .text::before {
    top: auto;
    bottom: 0
}

.processTwo .wrap__item .row {
    row-gap: 20px
}

.processTwo .wrap__item .text {
    max-width: 368px;
    margin: 0 30px
}

.processTwo .wrap__item .text::before {
    content: "";
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #26a5b2;
    background: linear-gradient(-140deg, #26a5b2 0, #124045 100%);
    box-shadow: -1px 2px 4px 0 rgba(0, 0, 0, .25);
    border: 3px solid var(--bs-white);
    top: 0;
    left: 0;
    transform: translate(-50%, 0);
    position: absolute;
    z-index: 1
}

.processTwo .wrap__item .text h4 {
    color: #232323;
    font-weight: 700
}

.processTwo .wrap__item .text h4 span {
    position: absolute;
    top: 0;
    right: 100%;
    margin-right: 5px
}

.processTwo .wrap__item .text p {
    text-wrap-style: balance;
    margin: 0
}

@media (min-width:992px) {
    .processTwo .wrap__item .text {
        margin: 0 auto
    }

    .processTwo .wrap__item .text p {
        font-size: 18px
    }
}

.prjctNeed {
    padding-bottom: 40px
}

@media (min-width:992px) {
    .prjctNeed {
        padding-bottom: 80px
    }
}

.prjctNeed__ttl {
    font-size: 24px;
    font-weight: 600;
    color: #232323
}

@media (min-width:992px) {
    .prjctNeed__ttl {
        font-size: 28px
    }
}

.prjctNeed__ttl::before {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 18px
}

@media (min-width:992px) {
    .prjctNeed__ttl::before {
        font-size: 22px;
        margin-bottom: 20px
    }

    .prjctNeed__des {
        font-size: 18px;
        margin-bottom: 60px
    }
}

.prjctNeed__acc {
    display: flex;
    gap: 14px;
    flex-direction: column;
    counter-reset: list-counter
}

.prjctNeed__item {
    flex-shrink: 0;
    counter-increment: list-counter;
    border-radius: 12px;
    background: #26a5b2;
    background: linear-gradient(110deg, #26a5b2 0, #000404 100%);
    overflow: hidden;
    position: relative
}

@media (max-width:991px) {
    .navbar .navbar-collapse {
        position: fixed;
        top: 0;
        left: -100%;
        bottom: 0;
        background-color: var(--bs-white);
        height: 100%;
        width: 300px;
        z-index: 4;
        transition: .3s ease-in-out;
        display: block;
        overflow: auto;
        scrollbar-color: transparent;
        scrollbar-width: thin;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1)
    }

    .navbar .navbar-collapse::-webkit-scrollbar-track {
        border-radius: 10px;
        background-color: transparent
    }

    .navbar .navbar-collapse::-webkit-scrollbar {
        width: 4px;
        background-color: transparent
    }

    .navbar .navbar-collapse::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: rgba(0, 0, 0, .3)
    }

    .navbar .navbar-collapse.open, .navbar .navbar-collapse.show {
        left: 0
    }

    .navbar .navbar-nav>.nav-item ul.dropdown-menu li>a.dropdown-item.dropdown-toggle::after, .navbar .navbar-nav>.nav-item>a.nav-link.dropdown-toggle::after {
        display: none
    }

    .navbar .navbar-nav .caret {
        margin-left: auto
    }

    .navbar .navbar-nav .caret::before {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.9%209.2c-.4-.4-1-.4-1.4%200L12%2012.7L8.5%209.2c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4l4.2%204.2c.2.2.4.3.7.3s.5-.1.7-.3l4.2-4.2c.4-.4.4-1%200-1.4%22%2F%3E%3C%2Fsvg%3E");
        background-size: contain;
        background-repeat: no-repeat;
        display: block;
        width: 24px;
        height: 24px;
        vertical-align: middle
    }

    .Portside .right .nav-tabs li .nav-link {
        font-size: 16px
    }

    .Portside {
        padding-top: 20px
    }

    .prjctNeed__item {
        width: 100% !important
    }
}

.prjctNeed__item::before {
    content: counter(list-counter);
    width: 36px;
    height: 36px;
    display: flex;
    color: var(--bs-black);
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: var(--bs-white);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 16px
}

.prjctNeed__item .content .lookDev.devNum label .icon::after, .prjctNeed__item.active .head, .prjctNeed__item.active::before, .slick-arrow.slick-hidden, .slick-slide.slick-loading img, a.scrollup {
    display: none
}

@media (min-width:992px) {
    .prjctNeed__acc {
        gap: 28px;
        flex-direction: row
    }

    .prjctNeed__item {
        transition: width .8s;
        white-space: nowrap
    }

    .prjctNeed__item::before {
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        font-size: 18px
    }
}

.prjctNeed__item.active {
    flex-grow: 1;
    border: 3px solid #eaeaea;
    background: url(../images/tabs-bg.webp)
}

.prjctNeed__item.active .content {
    display: flex
}

.prjctNeed__item.active~.prjctNeed__item .head, .slick-slide.dragging img {
    pointer-events: none
}

.prjctNeed__item .head {
    width: 100%;
    position: relative;
    padding: 20px 20px 20px 70px
}

.prjctNeed__item .head label {
    color: #fbffff;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    margin: 0
}

@media (min-width:992px) {
    .prjctNeed__item .head {
        padding: 0;
        width: 76px;
        min-height: 540px
    }

    .prjctNeed__item .head label {
        min-width: 240px;
        white-space: nowrap;
        transform: rotate(90deg);
        position: absolute;
        top: 50%;
        left: -100%;
        z-index: 1;
        margin-left: -5px;
        font-size: 18px
    }
}

.prjctNeed__item .content {
    display: none;
    height: 100%;
    flex-direction: column;
    padding: 20px 15px;
    text-align: center
}

@media (min-width:992px) {
    .prjctNeed__item .content {
        padding: 26px 30px
    }
}

.prjctNeed__item .content__lbl {
    color: var(--bs-body-color);
    font-size: 16px;
    font-weight: 700;
    font-family: var(--bs-body-font-family);
    text-transform: uppercase;
    letter-spacing: 4.8px;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .prjctNeed__item .content__lbl {
        margin-bottom: 26px
    }
}

.prjctNeed__item .content h3 {
    color: #081d1c;
    font-size: 18px;
    font-weight: 700;
    font-family: var(--bs-font-monospace);
    line-height: 1.4;
    text-transform: capitalize;
    margin-bottom: 20px
}

@media (min-width:992px) {
    .prjctNeed__item .content h3 {
        font-size: 20px
    }
}

.prjctNeed__item .content .lookDev {
    gap: 20px
}

.prjctNeed__item .content .lookDev label {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0
}

.prjctNeed__item .content .lookDev label .icon {
    align-items: center;
    border-radius: 50%;
    border: 3px solid #eaeaea;
    background-color: var(--bs-white);
    width: 78px;
    height: 78px;
    display: flex;
    justify-content: center;
    color: var(--bs-body-color) !important;
    box-shadow: 0 1px 3px rgba(19, 18, 66, .1019607843);
    margin-bottom: 6px;
    position: relative;
    transition: .3s ease-in-out
}

@media (min-width:768px) {
    .plan__dark {
        border-radius: 0
    }

    .processTwo .wrap {
        margin-left: 0
    }

    .processTwo .wrap .lineAnimation {
        left: 50%
    }

    .processTwo .wrap__item {
        padding-left: 0
    }

    .processTwo .wrap__item::before {
        left: 50%
    }

    .processTwo .wrap__item .text::before {
        left: 50%;
        transform: translate(-50%, 0)
    }

    .prjctNeed__item .content .lookDev {
        gap: 35px
    }

    .prjctNeed__item .content .lookDev label .icon {
        width: 88px;
        height: 88px
    }
}

.prjctNeed__item .content .lookDev label .icon.preference:after {
    position: absolute;
    top: 50%;
    transition: .3s ease-in-out;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: var(--bs-body-color);
    content: "";
    transform: rotate(-45deg)
}

.prjctNeed__item .content .lookDev label .icon svg * {
    transition: .3s ease-in-out
}

.prjctNeed__item .content .lookDev label .lbl {
    color: var(--bs-body-color);
    display: block;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    text-transform: capitalize
}

.prjctNeed__item .content .lookDev label input {
    width: 0;
    height: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.prjctNeed__item .content .lookDev label input:checked+.icon {
    background-color: #0c4a51;
    color: var(--bs-white) !important
}

.prjctNeed__item .content .lookDev label input:checked+.icon svg .act {
    fill: #0C4A51
}

.prjctNeed__item .content .lookDev.tech label .icon {
    width: 65px;
    height: 65px
}

.prjctNeed__item .content .lookDev.devNum {
    gap: 23px
}

.prjctNeed__item .content .lookDev.devNum label .icon {
    font-size: 14px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    width: 36px;
    height: 36px;
    margin-bottom: 0
}

.prjctNeed__item .content .selectType {
    gap: 12px
}

.prjctNeed__item .content .selectType label {
    margin: 0;
    display: flex
}

.prjctNeed__item .content .selectType label input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.prjctNeed__item .content .selectType label input:checked+span {
    border-color: #0c4a51 !important
}

.prjctNeed__item .content .selectType label span {
    border-radius: 7px;
    border: 2px solid #eaeaea;
    background-color: var(--bs-white);
    box-shadow: 0 2px 6px rgba(19, 18, 66, .1019607843);
    color: var(--bs-body-color);
    font-size: 12px;
    font-weight: 600;
    font-family: var(--bs-body-font-family);
    padding: 10px 20px;
    transition: .3s ease-in-out
}

.prjctNeed__item .content .step3 {
    width: 100%;
    max-width: 440px;
    margin: 0 auto
}

.prjctNeed__item .content .step3 .form-group .ttl {
    color: var(--bs-body-color);
    font-size: 16px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    text-transform: capitalize;
    margin-bottom: 12px
}

.prjctNeed__item .content .timeSchedule {
    gap: 16px
}

.prjctNeed__item .content .timeSchedule label {
    width: 100%;
    max-width: 202px;
    display: flex
}

.prjctNeed__item .content .timeSchedule label input {
    width: 0;
    height: 0;
    -webkit-appearance: 0;
    -moz-appearance: 0;
    appearance: 0
}

.prjctNeed__item .content .timeSchedule label input:checked+span {
    border-color: #52898f
}

.prjctNeed__item .content .timeSchedule label input:checked+span small {
    border: 0;
    background: #26a5b2;
    background: linear-gradient(225deg, #26a5b2 0, #000404 100%)
}

.prjctNeed__item .content .timeSchedule label span {
    border-radius: 11px;
    border: 2px solid #eaeaea;
    background-color: var(--bs-white);
    box-shadow: 0 2px 6px rgba(19, 18, 66, .1019607843);
    color: var(--bs-body-color);
    display: flex;
    align-items: center;
    flex: 1;
    gap: 12px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    padding: 17px 25px
}

.prjctNeed__item .content .timeSchedule label span small {
    border-radius: 50%;
    border: 2px solid #eaeaea;
    width: 19px;
    flex: 0 0 19px;
    height: 19px;
    position: relative
}

.prjctNeed__item .content .timeSchedule label span small::before {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%;
    background-color: var(--bs-white);
    position: absolute
}

.prjctNeed__item .content .form {
    row-gap: 15px
}

.prjctNeed__item .content .form>div {
    row-gap: 15px;
    -moz-column-gap: 20px;
    column-gap: 20px
}

.prjctNeed__item .content .form .form-control {
    border: 2px solid #eaeaea;
    background-color: var(--bs-white);
    color: var(--bs-body-color) !important;
    font-weight: 600;
    border-radius: 6px;
    font-family: var(--bs-body-font-family);
    padding: 0 16px;
    height: 52px
}

.prjctNeed__item .content .form .form-control::-webkit-input-placeholder {
    color: rgba(78, 78, 78, .7490196078)
}

.prjctNeed__item .content .form .form-control:-moz-placeholder {
    color: rgba(78, 78, 78, .7490196078)
}

.prjctNeed__item .content .form .form-control::-moz-placeholder {
    color: rgba(78, 78, 78, .7490196078)
}

.prjctNeed__item .content .form .form-control:-ms-input-placeholder {
    color: rgba(78, 78, 78, .7490196078)
}

.prjctNeed__item .content .form textarea.form-control {
    resize: none;
    padding-top: 16px
}

.prjctNeed__item .content__cta {
    margin-top: auto;
    padding-top: 26px
}

.prjctNeed__item .content__cta button {
    border: 0;
    border-radius: 50px;
    background-color: transparent;
    outline: 0;
    font-size: 14px;
    font-weight: 600;
    font-family: var(--bs-font-monospace);
    text-transform: capitalize;
    padding: 10px 20px
}

@media (min-width:768px) {
    .prjctNeed__item .content__cta button {
        font-size: 16px
    }
}

.prjctNeed__item .content__cta .prjctPrevBtn {
    border: 2px solid var(--bs-body-color);
    color: var(--bs-body-color)
}

.prjctNeed__item .content__cta .prjctNextBtn, .prjctNeed__item .content__cta .prjctSubmitBtn {
    background: #26a5b2;
    background: linear-gradient(225deg, #26a5b2 0, #000404 100%);
    color: var(--bs-white)
}

.prjctNeed__item .content__cta .prjctNextBtn svg, .prjctNeed__item .content__cta .prjctSubmitBtn svg {
    margin-left: 10px
}

.info {
    background-color: #faf9f9;
    padding-top: 20px;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .info {
        padding-top: 50px;
        padding-bottom: 35px
    }

    .blogSide .title {
        margin-bottom: 24px
    }
}

.info .title {
    line-height: 1.1
}

.info__list {
    list-style: none;
    padding: 0;
    margin: 0 0 16px
}

.info .btn {
    border-radius: 30px
}

@media (min-width:992px) {
    .prjctNeed__item .content .form .form-control {
        border-radius: 12px
    }

    .prjctNeed__item .content__cta .prjctNextBtn, .prjctNeed__item .content__cta .prjctSubmitBtn {
        min-width: 168px
    }

    .info__list {
        margin-bottom: 30px
    }

    .info__image {
        height: 280px
    }

    .blogSide {
        padding-top: 26px;
        margin-bottom: 50px
    }
}

.info .img .cover ul li {
    left: 0;
    padding-left: 60px
}

.info .img .cover ul li::before {
    top: calc(50% - 5px);
    left: 0;
    content: "";
    width: 10px;
    height: 10px;
    border: 2px solid var(--bs-black);
    position: absolute;
    border-radius: 50%;
    background-color: #f2f9fe
}

.info .img .cover ul li::after {
    position: absolute;
    top: calc(50% - 1px);
    left: 20px;
    content: "";
    height: 2px;
    background-color: var(--bs-black);
    width: 32px
}

.info .img .cover ul li img {
    width: 30px;
    flex-shrink: 0
}

.info .img .cover ul li span {
    padding-left: 4px;
    color: #282828;
    font-weight: 600;
    font-size: 13px;
    flex-grow: 1;
    display: block
}

@media (min-width:576px) {
    .prjctNeed__item .content .lookDev label .lbl {
        font-size: 16px
    }

    .info .img .cover ul li span {
        padding-left: 10px;
        font-size: 14px
    }
}

.info .img .cover ul li:first-child {
    top: -3px;
    left: -85px
}

.info .img .cover ul li:nth-child(2) {
    top: 50px;
    left: -30px
}

.info .img .cover ul li:nth-child(3) {
    top: calc(50% - 15px);
    left: -17px
}

.info .img .cover ul li:nth-child(4) {
    bottom: 45px;
    left: -30px
}

.info .img .cover ul li:nth-child(5) {
    bottom: 0;
    left: -80px
}

.blogSide__item {
    box-shadow: 0 12px 37.4px 0 rgba(6, 11, 19, .0705882353);
    max-width: 475px;
    width: 100%
}

.blogSide__content {
    padding: 16px
}

.blogSide__ttl {
    font-size: 18px;
    line-height: 1.3;
    font-family: var(--bs-font-monospace);
    font-weight: 700;
    color: #2d3748
}

.blogSide__des {
    color: #718096;
    line-height: 1.1
}

@media (min-width:992px) {
    .blogSide__content {
        padding: 25px
    }

    .blogSide__des {
        margin-bottom: 18px
    }

    .advanceTech {
        margin-bottom: 30px
    }
}

.blogSide__detail span {
    font-size: 14px;
    color: #718096
}

.blogSide .btn-primary {
    background: var(--bs-secondary);
    font-weight: 700;
    white-space: nowrap
}

.advanceTech__des {
    color: var(--bs-gray);
    margin-bottom: 18px
}

@media (min-width:992px) {
    .advanceTech__des {
        margin-bottom: 29px
    }
}

@media (min-width:1200px) {
    .processTwo .wrap__item .text h4 {
        font-size: 20px
    }

    .prjctNeed__item .content__cta button {
        padding: 15px 24px;
        font-size: 18px
    }

    .info__image {
        height: 350px
    }

    .info .img .cover {
        max-width: 385px
    }

    .info .img .cover ul li {
        padding-left: 80px
    }

    .info .img .cover ul li::before {
        border-width: 4px;
        top: calc(50% - 10px);
        width: 20px;
        height: 20px
    }

    .info .img .cover ul li::after {
        width: 42px;
        left: 30px
    }

    .info .img .cover ul li img {
        width: 50px
    }

    .info .img .cover ul li span {
        padding-left: 20px;
        font-size: 18px
    }

    .info .img .cover ul li:first-child {
        top: 30px;
        left: -130px
    }

    .info .img .cover ul li:nth-child(2) {
        top: 115px;
        left: -55px
    }

    .info .img .cover ul li:nth-child(3) {
        top: calc(50% - 25px);
        left: -32px
    }

    .info .img .cover ul li:nth-child(4) {
        bottom: 115px;
        left: -55px
    }

    .info .img .cover ul li:nth-child(5) {
        bottom: 30px;
        left: -130px
    }

    .blogSide {
        margin-bottom: 70px
    }

    .blogSide .title {
        margin-bottom: 34px
    }

    .blogSide__des {
        margin-bottom: 22px
    }

    .advanceTech {
        margin-bottom: 50px
    }

    .advanceTech__des {
        margin-bottom: 39px
    }
}

.advanceTech__grp {
    gap: 35px
}

@media (min-width:992px) {
    .advanceTech__grp {
        gap: 45px
    }
}

.advanceTech__grp a img {
    padding-bottom: 8px;
    max-height: 50px;
    max-width: 50px
}

.advanceTech__grp a span {
    color: #000;
    font-weight: 500;
    font-size: 18px;
    white-space: nowrap
}

.slick-dots li button, .slick-next, .slick-prev {
    outline: 0;
    font-size: 0px;
    color: transparent;
    cursor: pointer;
    padding: 0
}

.advanceTech .nav-pills {
    position: relative;
    overflow-x: auto;
    width: 100%;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.advanceTech .nav-pills::-webkit-scrollbar {
    width: 0;
    background: 0 0
}

@media (min-width:1400px) {
    .banner .bannerSlider .list {
        padding: 0 40px
    }

    .banner__logo {
        margin-right: -10px
    }

    .NewBannerSide__logo a .clutch, .banner__logo img, .banner__logo svg {
        height: 120px
    }

    .banner__design {
        width: 200px;
        bottom: -112px
    }

    .about, .abt {
        padding-top: 125px;
        padding-bottom: 116px
    }

    .about .title, .whyChoose .title {
        margin-bottom: 32px
    }

    .about__des {
        font-size: 20px;
        margin-bottom: 33px
    }

    .about__info {
        gap: 40px
    }

    .about__info li h3 {
        font-size: 44px
    }

    .about__img {
        margin-right: 6px
    }

    .about__boxOne img {
        margin-left: -35px;
        max-width: -moz-max-content;
        max-width: max-content;
        width: auto
    }

    .about__boxTwo {
        padding: 16px 24px 30px
    }

    .about__boxTwo h3 {
        font-size: 84px
    }

    .about__boxThree .bar {
        opacity: 1
    }

    .service {
        padding-top: 42px;
        padding-bottom: 175px
    }

    .service__design {
        width: auto;
        top: -160px
    }

    .blogSide, .service .title {
        margin-bottom: 95px
    }

    .service__item_inner {
        padding-left: 28px;
        padding-right: 28px
    }

    .contactSec span, .ctaBanner .btn, .industries .overlay p, .mobileCost span, .service__des {
        font-size: 18px
    }

    .service .slick-arrow {
        top: 0
    }

    .partner__sliderPartners {
        padding-top: 27px;
        padding-bottom: 26px;
        margin-bottom: 34px
    }

    .caseTab__des, .caseTab__desc, .caseTab__icon_name, .caseTab__list li, .contactMap__subheading, .industries .overlay h3, .testimonials__desc, .whyChoose__des, .whyChoose__list li {
        font-size: 20px
    }

    .contact__left_des, .contact__left_list li, .testimonials__ttl, .whyChoose__list li b {
        font-size: 24px
    }

    .error img, .whyChoose img {
        max-width: 500px
    }

    .portfolioSec .slick-prev {
        left: -15px
    }

    .portfolioSec .item {
        margin-right: 0
    }

    .portfolioSec .item__text {
        padding-top: 44px;
        padding-left: 60px;
        padding-right: 60px
    }

    .portfolioSec .item__text .cta {
        padding-top: 36px;
        gap: 30px
    }

    .review {
        padding-top: 120px;
        padding-bottom: 137px
    }

    .review .subTitle {
        margin-bottom: 17px
    }

    .review .slick-dots {
        bottom: -95px
    }

    .review .slick-arrow {
        bottom: 0
    }

    .review .slider-for-reviews>.slick-arrow {
        bottom: -150px !important
    }

    .blog .row>div, .review__item {
        padding-left: 25px;
        padding-right: 25px
    }

    .review__des {
        font-size: 18px;
        line-height: 1.2
    }

    .review__image .playIcon {
        height: 115px;
        width: 115px
    }

    .review__image .label .name {
        font-size: 29px
    }

    .contactSec__leftcard .cardsList span, .review__image .label .city {
        font-size: 16px
    }

    .idea {
        margin-bottom: 83px
    }

    .idea__ttl {
        font-size: 40px;
        line-height: 1.2;
        font-weight: 600;
        margin-bottom: 28px
    }

    .idea__img, .idea__imgCase {
        height: 450px
    }

    .idea__left img {
        height: 420px;
        right: 0
    }

    .idea__des {
        font-size: 25px
    }

    .NewBannerSide__trusted, .Portside .box .over .text .title h3, .aboutService__item_ttl, .idea .btn, .industries .card__ttl, .mobileCost__cardtitle {
        font-size: 22px
    }

    .industries__des {
        margin-bottom: 82px
    }

    .industries .overlay {
        padding: 34px 44px
    }

    .industries .slick-arrow {
        top: 25px
    }

    .wrapper .tech {
        margin-bottom: 148px
    }

    .wrapper .tech .container {
        max-width: 1320px
    }

    .wrapper .tech .title {
        font-size: 42px;
        margin-bottom: 69px
    }

    .wrapper .tech__wrapper .nav {
        gap: 16px;
        max-width: 478px
    }

    .wrapper .tech__wrapper .nav .nav-link {
        font-size: 22px;
        padding-left: 30px;
        padding-right: 50px
    }

    .wrapper .tech__wrapper .nav .nav-link img {
        height: 35px;
        width: 35px
    }

    .wrapper .tech__wrapper .nav .nav-link.active {
        background-position: center right 30px
    }

    .wrapper .tech__wrapper .tab-content {
        max-height: 538px;
        padding: 30px 45px
    }

    .wrapper .tech__item {
        min-height: 88px;
        font-size: 18px;
        padding: 18px 26px
    }

    .wrapper .tech__item img {
        width: 50px
    }

    .cost__box {
        margin-bottom: 60px
    }

    .cost img.animate1, .cost img.animate2 {
        margin-top: -30px;
        max-height: none
    }

    .blog {
        padding: 80px 0 120px
    }

    .blog .title {
        margin-bottom: 75px
    }

    .blog .row {
        margin-left: -25px;
        margin-right: -25px
    }

    .blog__txt_ttl {
        font-size: 18px;
        margin-bottom: 10px
    }

    .contact {
        padding: 55px 22px
    }

    .contact__left .title {
        margin-bottom: 38px
    }

    .brd, .contact__left_list, .similarPr, .vision .title {
        padding-bottom: 50px
    }

    .contact__left_list li:not(:last-child) {
        margin-bottom: 26px
    }

    .contact .form label {
        font-size: 22px;
        margin-top: -10px;
        margin-bottom: 8px
    }

    .contact .form__grp {
        margin-bottom: 45px
    }

    .contact .form textarea, .contact-us .contactForm .form textarea, .faqSection .form textarea {
        min-height: 150px
    }

    .contact__cta .btn {
        padding: 20px 51px 22px;
        font-size: 21px
    }

    .faq {
        padding-top: 62px;
        padding-bottom: 87px
    }

    .faq__card {
        padding: 66px 40px 81px
    }

    .faq .title {
        margin-bottom: 36px
    }

    .faq__des {
        font-size: 24px;
        margin-bottom: 36px
    }

    .faq__cta {
        margin-bottom: 35px
    }

    .faq__right {
        padding-left: 80px
    }

    .contact-us .contactForm {
        margin-top: -58px;
        padding-bottom: 142px
    }

    .contact-us .contactForm .container {
        padding-left: 0
    }

    .contact-us .contactForm__image {
        position: absolute;
        top: -40px;
        bottom: -58px
    }

    .NewBannerSide__info .digit, .brd__ttl, .contact-us .contactForm__card_ttl, .contactSec__leftcard .cardsList h3, .prjctNeed__ttl, .processTwo__ttl {
        font-size: 40px
    }

    .contact-us .contactForm__card {
        padding: 60px 57px 0 123px;
        margin-bottom: 34px
    }

    .contact-us .contactForm .form__grp .form-control {
        font-size: 20px;
        padding: 20px 17px
    }

    .contact-us .contactInfo, .contactMap, .contactSec {
        padding-bottom: 120px
    }

    .contact-us .contactInfo__card {
        padding: 40px
    }

    .abt .title, .contact-us .contactInfo__card_icon {
        margin-bottom: 34px
    }

    .contact-us .contactInfo__card a, .contact-us .contactInfo__card_ttl {
        font-size: 30px
    }

    .faqSection {
        padding-bottom: 205px
    }

    .faqSection__ttl {
        font-size: 36px;
        margin-bottom: 34px
    }

    .faqSection__des {
        font-size: 24px;
        margin-bottom: 46px
    }

    .faqSection .accordion-button {
        padding-top: 26px;
        font-size: 26px
    }

    .faqSection .accordion-item {
        font-size: 24px;
        padding-bottom: 22px;
        padding-top: 22px
    }

    .faqSection .form__grp {
        margin-bottom: 30px
    }

    .faqSection .form__grp .form-control {
        font-size: 20px;
        padding: 20px 17px
    }

    .aboutSec__designOne {
        left: 88px;
        bottom: -88px
    }

    .aboutSec__designTwo {
        top: -108px;
        right: 108px
    }

    .aboutSec__des {
        font-size: 20px;
        color: var(--bs-gray);
        margin-bottom: 61px
    }

    .aboutSec__mkt {
        padding: 60px 119px;
        margin-bottom: 108px
    }

    .aboutSec__mkt_head {
        padding-bottom: 24px;
        margin-bottom: 40px
    }

    .aboutSec__mkt_list h3, .aboutSec__mkt_ttl, .ctaBanner__ttl {
        font-size: 44px
    }

    .aboutSec__mkt_list span, .process__item_ttl {
        font-size: 26px
    }

    .team .title {
        margin-bottom: 74px
    }

    .team__profile {
        margin-bottom: 68px
    }

    .ctaBanner .aiImg, .team__profile img {
        max-width: 100%
    }

    .team__profile_name {
        font-size: 36px
    }

    .aboutService {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .techbnr__cover {
        padding: 141px 80px 139px;
        background-position: center right
    }

    .whatMakes__wrap {
        width: 80%
    }

    .vision__Innerbox {
        padding: 45px 53px
    }

    .vision__Innerbox .ttl {
        font-size: 32px
    }

    .dedicatedTeam__subtitle {
        font-size: 34px
    }

    .dedicatedTeam__teamImg {
        height: 260px
    }

    .contactSec__innerCards {
        padding-bottom: 35px
    }

    .contactSec .title {
        padding-bottom: 22px;
        font-size: 38px
    }

    .contactSec .subtitle {
        font-size: 30px;
        padding-bottom: 25px
    }

    .contactSec__listItem {
        padding-bottom: 20px;
        font-size: 20px
    }

    .contactSec__rightcard {
        padding: 60px 50px
    }

    .contactSec__rightcard .headttl {
        font-size: 32px
    }

    .contactSec__rightcard .borderWhite {
        margin: 40px 0
    }

    .contactSec__rightcard .rightList li span {
        font-size: 24px
    }

    .contactMap__ttl {
        font-size: 36px;
        margin-bottom: 20px
    }

    .contactMap__text {
        padding-left: 120px
    }

    .contactMap__rightList li {
        font-size: 20px;
        margin-bottom: 15px
    }

    .abt__desc {
        font-size: 18px;
        margin-bottom: 40px
    }

    .abt__list_listItem {
        font-size: 18px;
        margin-bottom: 35px
    }

    .abt__list_listItem .ttl {
        font-size: 20px;
        margin-bottom: 8px
    }

    .ctaBanner .topCircle {
        height: 66px
    }

    .ctaBanner .topCircle::before {
        border-radius: 0 25px 0 0
    }

    .ctaBanner .topCircle::after {
        border-radius: 0 0 0 25px
    }

    .ctaBanner .bottomRightCircle {
        height: 52px
    }

    .ctaBanner .bottomRightCircle::before {
        border-radius: 0 0 25px
    }

    .ctaBanner .bottomRightCircle::after {
        border-radius: 25px 0 0
    }

    .ctaBanner .bottomLeftCircle {
        height: 29px
    }

    .ctaBanner .bottomLeftCircle::before {
        border-radius: 0 15px 0 0
    }

    .ctaBanner .bottomLeftCircle::after {
        border-radius: 0 0 0 15px
    }

    .ctaBanner__bg {
        max-height: -moz-max-content;
        max-height: max-content
    }

    .ctaBanner .aiImage {
        max-width: 250px
    }

    .ctaBanner .mlImgRgt {
        max-width: 390px
    }

    .ctaBanner .iotImage {
        max-height: 300px
    }

    .ctaBanner__img {
        max-width: -moz-max-content;
        max-width: max-content;
        bottom: 27px
    }

    .ctaBanner__des {
        font-size: 24px;
        max-width: 574px
    }

    .caseStudy {
        padding-top: 38px
    }

    .caseTab .section, .caseTab__dtl {
        margin-bottom: 80px
    }

    .caseTab__dtl_icon {
        height: 90px;
        width: 90px;
        border-radius: 50%
    }

    .caseTab__dtl_ttl, .footer__tpbr h5, .footer__tpbr_heading {
        font-size: 24px
    }

    .Portside .box .over .text .content h4, .Portside .box .over .text .content h4 span, .Portside .box .over .text .content p, .Portside .box .over .text .title span, .caseTab__dtl_subTtl, .footer__tpbr ul li a, .info__des, .process__item_des {
        font-size: 18px
    }

    .caseTab__nav {
        margin-bottom: 49px
    }

    .blogSide__ttl, .caseTab__nav_navItem .navLink, .footer__lctn a, .footer__lctn address, .plan__des, .plan__list li, .prjctNeed__des, .prjctNeed__item .head label, .prjctNeed__item::before, .processTwo .wrap__item .text p, .similarPr__item_content .btn-primary span {
        font-size: 20px
    }

    .similarPr__item_img {
        margin-bottom: 39px
    }

    .similarPr__item_content .desc {
        font-size: 20px;
        margin-bottom: 24px
    }

    .footer__lctn img {
        width: 56px;
        height: 56px
    }

    .NewBannerSide__wrapper {
        padding: 112px 80px 285px
    }

    .NewBannerSide__appDev {
        padding: 78px 80px 0
    }

    .NewBannerSide__ttl {
        font-size: 48px
    }

    .NewBannerSide__subTtl {
        font-size: 24px;
        margin-bottom: 21px
    }

    .NewBannerSide__des {
        font-size: 22px;
        line-height: 1.3
    }

    .NewBannerSide__logo a img {
        height: 80px
    }

    .NewBannerSide__logo a .clutchTwo {
        height: 140px
    }

    .NewBannerSide__right_mobile {
        height: 520px
    }

    .NewBannerSide__right_spin {
        height: 230px;
        width: 230px
    }

    .NewBannerSide__right_spin span {
        font-size: 25px
    }

    .NewBannerSide__right_spinnerOne {
        max-width: 480px;
        max-height: 480px
    }

    .NewBannerSide__right_spinnerTwo {
        max-height: 550px;
        max-width: 550px
    }

    .NewBannerSide__right_ellipse1 {
        max-width: 490px;
        max-height: 490px
    }

    .NewBannerSide__right_ellipse2 {
        max-width: 360px;
        max-height: 360px
    }

    .NewBannerSide__personImg {
        right: 100px;
        max-height: none
    }

    .NewBannerSide__img .mobile {
        height: auto;
        z-index: 2
    }

    .NewBannerSide__img .screen {
        padding-top: 30px;
        max-height: 400px
    }

    .NewBannerSide__img .box {
        left: calc(50% - 60px);
        max-width: 220px
    }

    .NewBannerSide .androidIcon, .NewBannerSide .hireLrvl, .NewBannerSide .hirededictd, .NewBannerSide .mktImg, .NewBannerSide .openCartImg, .NewBannerSide .wooImg, .NewBannerSide__img .mobileApp, .NewBannerSide__roundAnimation, .info__image {
        height: auto
    }

    .NewBannerSide .forAndroid {
        right: 140px
    }

    .NewBannerSide .laptopImage {
        height: 600px
    }

    .NewBannerSide .uiImg, .NewBannerSide .wepApp {
        height: 750px
    }

    .NewBannerSide__circleAnimation {
        top: 20%;
        right: -250px;
        max-height: none
    }

    .NewBannerSide .aiOne {
        right: 27px;
        height: auto
    }

    .NewBannerSide .aiTwo {
        height: auto;
        right: 24px
    }

    @keyframes slideIn {
        0%, 15% {
            opacity: 0;
            transform: translateX(-200px)
        }

        25%, 75% {
            opacity: 1;
            transform: translateX(0)
        }

        100% {
            opacity: 1;
            transform: translateX(-200px)
        }
    }

    .brd__cover {
        padding-top: 98px;
        padding-bottom: 116px
    }

    .brd__des {
        font-size: 18px;
        margin-bottom: 47px
    }

    .PortSide__Cards {
        margin-bottom: 64px
    }

    .PortSide__Cards_img .topWrap__arrow {
        top: 32px;
        right: 32px;
        height: 62px;
        width: 62px;
        margin-right: -8px
    }

    .PortSide__Cards_content {
        padding: 22px 32px 28px
    }

    .Portside .left h3 {
        font-size: 28px
    }

    .process {
        padding-bottom: 140px
    }

    .plan {
        padding-top: 100px;
        padding-bottom: 70px
    }

    .plan__ttl {
        font-size: 40px;
        margin-bottom: 51px
    }

    .plan__card {
        padding: 30px 35px
    }

    .plan__card_ttl {
        font-size: 25px;
        margin-bottom: 30px
    }

    .plan__card_price {
        font-size: 50px
    }

    .plan__card_price small, .processTwo .wrap__item .text h4 {
        font-size: 22px
    }

    .plan__card_des {
        margin-bottom: 40px;
        font-size: 20px
    }

    .processTwo__des {
        font-size: 20px;
        margin-bottom: 100px
    }

    .prjctNeed {
        padding-bottom: 100px
    }

    .prjctNeed__item .content {
        padding: 32px 43px
    }

    .prjctNeed__item .content__lbl {
        margin-bottom: 32px
    }

    .prjctNeed__item .content h3 {
        font-size: 24px
    }

    .prjctNeed__item .content .lookDev label .icon {
        width: 108px;
        height: 108px
    }

    .prjctNeed__item .content .lookDev.tech label .icon {
        width: 95px;
        height: 95px
    }

    .prjctNeed__item .content .form .form-control {
        height: 60px
    }

    .info {
        padding-top: 70px;
        padding-bottom: 45px
    }

    .info .title {
        font-size: 38px
    }

    .info__list li {
        font-size: 18px;
        margin-bottom: 8px
    }

    .info .img .cover ul li {
        white-space: nowrap
    }

    .blogSide .title {
        margin-bottom: 54px
    }

    .advanceTech {
        margin-bottom: 90px
    }

    .advanceTech__des {
        font-size: 20px;
        margin-bottom: 59px
    }

    .advanceTech__grp {
        gap: 85px;
        padding-left: 120px;
        padding-right: 120px
    }

    .advanceTech__grp a img {
        padding-bottom: 16px
    }

    .advanceTech .nav-pills {
        padding-left: 120px;
        padding-right: 120px
    }
}

.advanceTech .nav-pills::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    background-color: #dedede;
    width: 200%;
    pointer-events: none
}

@media (min-width:576px) {
    .advanceTech .nav-pills::before {
        width: 120%
    }
}

@media (min-width:768px) {
    .advanceTech .nav-pills::before {
        width: 100%
    }
}

.advanceTech .nav-pills .nav-link {
    font-size: 18px;
    color: var(--bs-black);
    font-weight: 700;
    position: relative;
    z-index: 1;
    padding-bottom: 20px
}

@media (min-width:992px) {
    .advanceTech__grp a img {
        max-height: 88px;
        max-width: 88px
    }

    .advanceTech__grp a span {
        font-size: 21px
    }

    .advanceTech .nav-pills .nav-link {
        font-size: 22px
    }
}

.advanceTech .nav-pills .nav-link.active::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 4px;
    background-color: var(--bs-dark);
    z-index: 2
}

.advanceTech .nav-pills .nav-link.active, .advanceTech .nav-pills .show>.nav-link {
    color: var(--bs-dark);
    background-color: transparent
}

a.scrollup {
    position: fixed;
    right: 20px;
    bottom: 100px;
    height: 46px;
    width: 46px;
    line-height: 44px;
    background: linear-gradient(187.59deg, #26a5b2 -135.02%, #000404 134.48%);
    color: var(--bs-white);
    text-align: center;
    border-radius: 50%;
    margin-left: -24px;
    z-index: 9
}

.slick-dots li, .slick-list, .slick-slider, .slick-track {
    position: relative
}

.slick-slider {
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: move;
    cursor: grab;
    cursor: -webkit-grab
}

.slick-slider .slick-list, .slick-slider .slick-track {
    transform: translate3d(0, 0, 0)
}

.slick-track {
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.slick-track:after, .slick-track:before {
    content: "";
    display: table
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    outline: 0;
    margin: 0 15px !important;
    display: none
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-next, .slick-prev {
    position: absolute;
    display: block;
    background-color: transparent;
    top: 50%;
    transform: translate(0, -50%);
    border: none;
    z-index: 1
}

.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
    outline: 0;
    background-color: transparent;
    color: transparent
}

.slick-next:before, .slick-prev:before {
    font-size: 30px;
    line-height: 1;
    color: #000;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.slick-prev {
    left: 0
}

[dir=rtl] .slick-prev {
    left: auto;
    right: -25px
}

[dir=rtl] .slick-next {
    left: -25px;
    right: auto
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%
}

.slick-dots li {
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    width: 40px;
    height: 5px;
    border: 0;
    background-color: rgba(0, 77, 85, .6);
    border-radius: 10px
}

.slick-dots li.slick-active button {
    background-color: var(--bs-primary);
    opacity: 1
}

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