@font-face {
    font-family: "Product Sans";
    src: url("/font-new/ProductSans-Regular.woff2") format("woff2"), url("../font/ProductSans-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Product Sans";
    src: url("/font-new/ProductSans-Bold.woff2") format("woff2"), url("../font/ProductSans-Bold.woff") format("woff");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
/* fontawesome */
@font-face {
  font-family: 'FontAwesome';
  font-display: swap;
}
/* Phone */
@font-face {
  font-family: 'intl-tel-input';
  font-display: swap;
}


:root {
    --primaryColor: #ed5f00;
    --netsetColor: #086ad8;
    --headingColor: #000;
    --subheadingColor: #121111;
    --paragraphColor: #444;
    --whiteColor: #fff;
    --grayColor: #096ad812;
    --sectionColor: #ecf4fc;
    --linkColor: #474646;
    --handshake: hsl(40, 100%, 66%);
}

body {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-weight: 400;
    font-size: 18px;
    font-family: "Product Sans";
    font-display: swap;
}

body,
button,
input,
select,
textarea {
    font-family: "Product Sans";
    font-display: swap;
}

img {
    vertical-align: middle;
    max-width: 100%
}

:focus,
a:focus {
    outline: 0
}

a {
    outline: inherit;
}

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

.clear {
    clear: both
}

li.w-100 {
    width: 100%
}

.fw-bold {
    font-weight: 600
}

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

h1 {
    font-weight: 700
}

.error {
    color: #d53333;
    float: left
}

textarea {
    resize: none;
}

body,
html {
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0
}

p,
li {
    color: var(--paragraphColor);
}

.footer-area p {
    color: var(--whiteColor);
}

.header {
    left: 0;
    top: 0;
    width: 100%;
    padding: 10px 0 10px;
    z-index: 998;
    transition: .3s ease-in all
}
.lcp-text{
  font-family: system-ui, -apple-system, BlinkMacSystemFont,
               "Segoe UI", Arial, sans-serif;
}


.bsc_row.bsc_row_margin_top .col-lg-7.col-sm-8 {
    margin-bottom: 30px
}

.bsc_row.bsc_row_margin_top .col-sm-12.col-md-12 {
    width: 100%
}


.header.affix {
    position: fixed;
    background: #fff;
    transition: .3s ease-in all;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.product_wrapper .bsc_row .service_box {
    height: 100%;
    margin-bottom: 0
}

.product_wrapper .bsc_row .col-sm-6 {
    margin-bottom: 20px
}

.product_wrapper .bsc_row .service_box .services-card {
    height: 100%
}

.inner_header {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.logo img {
    max-height: 82px
}

.custom_navigation {
    background: 0 0;
    border: none;
    margin: 0;
    min-height: inherit;
    border-radius: 0;
    display: inline-block;
    vertical-align: middle;
    position: inherit
}

.header.affix .logo1,
.inner_header .logo1,
.logo2 {
    display: none
}

.header.affix .logo2,
.inner_header .logo2 {
    display: block
}

.header.affix .custom_navigation .nav li a,
.inner_header .custom_navigation .nav li a {
    color: #2c2c2c
}

.round_img {
    position: relative
}

@-webkit-keyframes orbit {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.round_shape1 {
    position: absolute;
    top: -25px;
    left: 21px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: orbit;
    -webkit-animation-duration: 5s;
    z-index: -1;
    max-width: 91%
}

.right_side_nav {
    margin-top: 11px;
    position: inherit
}

.custom_navigation .nav li.dropdown {
    position: inherit
}

.custom_navigation .dropdown-menu.mega-dropdown-menu {
    width: 100%;
    padding-top: 50px;
    background: top;
    border-top: none;
    top: 50px
}

.about-area .info h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 35px;
    line-height: 1.2
}

.new_service_design .custom_navigation.navbar-default ul li:hover .dropdown_menu {
    padding: 0 !important;
    margin-top: 0
}

.new_service_design .new-menu-servicesbox .card_logo {
    left: 4px;
    top: 0px;
    height: 60px;
    width: 60px
}

.new_service_design .new-menu-servicesbox:hover {
    cursor: pointer;
    background-color: #096ad8;
    border: 1px solid #096ad8
}

.new_service_design .new-menu-servicesbox:hover h4,
.new_service_design .new-menu-servicesbox:hover p {
    color: white !important
}

.new_service_design .new-menu-servicesbox:hover img {
    filter: brightness(0) invert(1)
}

.new_service_design .new-menu-servicesbox img {
    position: absolute;
    left: 20px;
    width: 41px
}

.new_service_design .new-menu-servicesbox {
    padding-left: 78px;
    padding-top: 18px;
    padding-right: 25px;
    padding-bottom: 11px;
    border: 1px solid white
}

.new_service_design .custom_navigation.navbar-default li ul.dropdown_menu::after {
    z-index: -1
}

.new_service_design .new-services-dropdown .mainrow1 {
    width: 100%;
    flex-wrap: wrap;
    margin: 0
}

.resdesign_header.new_service_design .header .row.mainrow1 a {
    color: unset !important;
    padding: 0 !important;
    text-decoration-line: none !important
}

.new_service_design .dropdown_menu.services_dropdown {
    max-width: 701px
}

.new_service_design .new-menu-servicesbox h4 {
    font-size: 18px;
    font-weight: 600
}

.new_service_design .row.secondrow1 {
    display: flex;
    flex-wrap: wrap
}

.new_service_design .new-menu-servicesbox {
    margin-bottom: 0px;
    margin-top: 0;
    background: #f8fbfe;
    padding-bottom: 17px;
    width: 50%
}

.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p:before {
    content: unset
}

.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p.service_info_p {
    font-size: 15px;
    margin: 0px 0;
    color: #4a4a4a;
    line-height: 1.6
}

.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p {
    position: relative;
    margin: 12px 0
}

.service_offering_menu a:hover {
    color: #ef6407
}

.resdesign_header .leftmenubox p {
    line-height: 1.2
}

.resdesign_header .btmline {
    margin-top: 7px
}

.resdesign_header .header2 .custom_navigation ul li a:hover {
    color: #ff5a01 !important
}

.resdesign_header .logo img {
    max-height: 69px;
    height: unset !important
}

.about-area .info ul li h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px
}

.about-area .info ul {
    margin-top: 30px;
    margin-left: 0;
    padding-left: 0
}

.about-area .icon {
    min-width: 89px
}

.about-area .info ul li:first-child {
    margin-top: 0
}

.about-area .info ul li {
    display: flex
}

.about-area .info ul li i {
    color: #086AD8
}

.about-area .info ul li i {
    display: inline-block;
    font-size: 60px;
    margin-right: 25px;
    color: #086AD8
}

.about-area .thumb {
    position: relative
}

.about-area .thumb img {
    border-radius: 8px
}

.about-area .thumb img:nth-child(2) {
    position: relative;
    left: 20%;
    width: 80%;
    top: -80px;
    margin-bottom: -80px;
    box-shadow: 0 0 10px #cccccc;
    padding: 5px;
    background: #ffffff
}

.about-area .offset-lg-1 {
    margin-left: 8.333333%
}

.about-area .thumb .overlay {
    position: absolute;
    right: 0;
    top: 50%;
    height: 250px;
    width: 250px;
    text-align: center;
    background: #ffffff;
    transform: translate(50px, -50%);
    border-radius: 8px;
    box-shadow: 0 0 10px #cccccc
}

.about-area .thumb .overlay .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
    height: unset !important;
    color: #096ad8
}

.about-area .thumb .overlay h4 {
    margin: 0;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4;
    font-size: 26px
}

.about-area .author {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.about-area .author .signature {
    border-right: 1px solid #e7e7e7;
    padding-right: 20px;
    margin-right: 20px
}

.about-area .author h5 {
    font-weight: 600;
    margin-bottom: 10px
}

.about-area .author img {
    height: 100px
}

.default-padding.bottom-less {
    padding-top: 50px;
    padding-bottom: 50px
}

.site-heading p {
    font-weight: 600;
    text-transform: uppercase;
    color: #086AD8;
    padding-left: 42px;
    font-size: 26px
}

.site-heading {
    margin-bottom: 36px;
    overflow: hidden;
    margin-top: -5px
}

.work-process-area .single-item {
    margin-bottom: 30px
}

.work-process-area .work-pro-items .item {
    border: 1px solid #e7e7e7;
    padding: 31px 23px 40px;
    background: #ffffff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%
}

.work-process-area .work-pro-items .item .icon {
    position: relative
}

.work-process-area .work-pro-items .item .icon span {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 100px;
    z-index: -1;
    color: #f4f4f4;
    opacity: 0.9;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #f4f4f4;
    margin-top: 19px;
    line-height: 50px
}

.work-pro-items .row {
    display: flex;
    flex-wrap: wrap
}

h3.fw-bold {
    font-size: 34px !important
}

.site-heading h2 {
    display: inline-block;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 1px;
    line-height: 1.4;
    font-size: 45px;
    padding-left: 50px
}

.about-area.inc-shape {
    padding: 90px 0;
}

.resdesign_header .right_side_nav {
    margin-top: 5px
}

.resdesign_header .header {
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%) !important
}

.mobile-placeholder .img-container {
    position: relative
}

.color_bg {
    background-color: #f3f7fd94;
    padding: 40px 0
}

.color_bg .sectionTitle {
    margin-bottom: 37px
}

.color_bg span.span1:hover .cardTitle {
    color: #ed5f00
}

.color_bg span.span1:hover .img-container:before {
    content: unset
}

.color_bg span.span1:hover img {
    transform: scale(1.2) translateY(-50%);
    opacity: 1
}

.color_bg span.span1:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.color_bg span.span1 {
    padding: 14px;
    background: white;
    border: 0;
    display: block;
    border-radius: 17px;
    cursor: pointer
}

span.header_join {
    font-weight: 700 !important
}

.color_bg span.span1 .cardTitle {
    font-size: 28px;
    line-height: 34px;
    color: #000
}

.color_bg span.span1 .cardDescription {
    height: 100%
}

.mobile-placeholder .img-container:hover:before {
    content: unset
}

.mobile-placeholder .img-container:before {
    position: absolute;
    content: '';
    background-color: #096ad8a3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1024
}

.mobile-placeholder .img-container.trigger:hover img {
    filter: unset
}

.custom_navigation .dropdown-menu.mega-dropdown-menu .menu_white_box {
    width: 100%;
    background: #fff;
    padding-top: 20px
}

.newdesign.banner_area.demo_banner_area {
    background-color: transparent;
    background-image: unset !important;
    height: unset;
    padding: 80px 0px
}

.newdesign .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.newdesign.banner_area.demo_banner_area:before {
    content: unset
}

.newdesign .demoowl1 h1 {
    -webkit-text-stroke: 4px #2727279c;
    -moz-text-stroke: 4px #2727279c;
    color: transparent !important;
    font-size: 135px !important;
    font-weight: 800 !important;
    line-height: 1 !important
}

.newdesign .demoowl1 h1 span {
    color: #ff5a01 !important;
    -webkit-text-stroke: 4px #ff5a01;
    -moz-text-stroke: 4px #ff5a01
}

.top-bar-area .item-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.newdesign.banner_area h1 {
    font-weight: 800;
    line-height: 36px;
    font-size: 37px;
    color: #096ad8
}

.top-bar-area .info ul {
    margin: 0
}

.top-bar-area .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.top-bar-area .social ul {
    margin-bottom: 0
}

.newdesign.banner_area p {
    margin-top: 17px;
    font-size: 15px;
    margin-bottom: 52px
}

.top-bar-area.bg-theme {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3)
}

.top-bar-area.inc-pad {
    padding: 15px 0
}

.bg-theme {
    background: #086AD8
}

.top-bar-area li:first-child {
    margin: 0;
    padding: 0;
    border: none
}

.choose_use_sction.new_custom_section .why-us h2 {
    font-size: 35px;
    line-height: 40px
}

.slider_head .sectionDescription {
    font-size: 17px !important;
    line-height: 1.5 !important;
    color: #7E7E7E !important
}

.slider_head {
    text-align: center
}

.resdesign_header .header .btmline {
    margin-top: 31px !important
}

.resdesign_header .header .btmline a {
    display: block;
    margin-top: 8px
}

.headerfixed1 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: white;
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%) !important
}

.newdesign.banner_area h1 span {
    font-size: 39px;
    border-bottom: 0;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 14px
}

.top_left {
    margin-left: 0;
    padding-left: 0
}

.top-bar-area li {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    color: white
}

.top-bar-area.bg-dark .info li i,
.top-bar-area.bg-theme .info li i {
    color: #ffffff
}

.top-bar-area i {
    font-size: 16px;
    color: white
}

.top-bar-area .info li i {
    margin-right: 5px;
    color: #086AD8
}

.career_section .swiper_user_img p.Review_name {
    color: #333 !important
}

.white-ai-image img {
    width: 300px
}

.contactbtn .pulse1 {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: inline-block;
    animation: pulse1 1500ms infinite;
    border: 2px solid #fff
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 #fbb32f
    }

    100% {
        box-shadow: 0 0 0 17px #fbb32f01
    }
}

.knowbtn {
    background: transparent;
    color: #444444 !important;
    font-weight: 600 !important;
    border: 1px solid #bbbbbb;
    padding: 14px 24px;
    font-size: 15px;
    border-radius: 7px
}

.mainhome .header .get_touch_btn:after,
.mainhome .lets_talk .orange_button.roundd_button:after,
.mainhome .white-blink:after {
    box-shadow: 0 0 0 rgb(0 0 0 / 40%);
    animation: pulso2 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: -1px;
    bottom: 0;
    margin: auto
}

.mainhome .header .get_touch_btn {
    border-color: #096ad8 !important;
    background-color: #096ad8 !important;
    color: white !important
}

.knowbtn:hover {
    color: #444444 !important
}

#tech-stack-area-11 p,
section#tech-stack-area-11 ul li {}

#tech-stack-area-11 h4 {
    font-size: 33px
}

.contactbtn {
    color: #fff !important;
    font-weight: 700;
    margin-left: 10px;
    border: none;
    background: #096ad8;
    color: #fff;
    font-weight: 600 !important;
    margin-left: 10px;
    border: 1px solid #096ad8;
    padding: 14px 30px 14px 24px;
    font-size: 15px;
    border-radius: 7px;
    width: 182px;
    text-align: center;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.newdesign.banner_area p {
    color: #272727;
    font-weight: normal
}

.newdesign.banner_area p .get_touch_btn {
    background: #0983c5;
    color: #fff
}

.newdesign .owlslider1 {
    padding-bottom: 120px;
    width: 100%
}

.newcase_studies .casestudy_box p {
    min-height: 0;
    padding-bottom: 0;
    text-align: left;
    margin-bottom: 13px
}

.box-case {
    min-height: 465px !important
}

.newcase_studies .casestudy_logo {
    padding: 20px 16px
}

.newcase_studies .casestudy_author {
    padding: 10px 17px 10px 16px
}

.guide-img {
    text-align: center;
}

.newcase_studies .casestudy_author {
    text-align: left
}

.cards.newcase_studies li {
    height: 390px
}

.newcase_studies .casestudy_box p {
    line-height: 17px
}

.newcase_studies .casestudy_logo {
    padding: 20px 30px;
    min-height: unset
}

.newcase_studies .casetudy_name {
    text-align: left
}

.newcase_studies .casetudy_name {
    font-size: 21px
}

.newcase_studies .casestudy_box {
    min-height: 100%;
    margin-bottom: 0
}

.new_icon_slider .cta-more-box.arrow.slide-left,
.new_icon_slider .cta-more-box.arrow.slide-right {
    top: 103%
}

.new_icon_slider,
.new_icon_slider .casestudty_slider_sec.case-study-main-box,
.new_icon_slider .carousel-wrap {
    height: 100%
}

.color_bg .row.new-row {
    display: flex;
    flex-wrap: wrap
}

.new_icon_slider .case-study-main-box .carousel-wrap .casestudy_box {
    min-height: 100%
}

.new_icon_slider .section-container.section-container-8 {
    padding-bottom: 91px !important;
    padding-top: 85px
}

.newdesign .drop_arrow img {
    filter: brightness(0%) !important
}

.custom_navigation .nav li a {
    color: #fff;
    font-size: 16px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 19px;
    padding-bottom: 19px
}

.vision_section {
    padding: 130px 0;
    background-image: url('../images/vision_img1.png');
    background-size: cover;
    width: 100%;
    background-position: center;
    position: relative;
    margin: 130px 0 30px
}

.vision_section:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: .7
}

.vision_section h2 {
    padding-top: 0px;
    opacity: 1;
    font-size: 45px !important;
    color: white;
    text-align: center;
    margin-bottom: 20px
}

.vison_row {
    margin-top: 25px
}

.vision_section p {
    font-size: 18px !important;
    color: white;
    text-align: center;
    margin: 30px 0
}

.row.vison_row .col-md-6 {
    margin-bottom: 15px
}

.vision_box {
    background-color: #ffffffc9;
    border-radius: 10px;
    padding: 20px;
    height: 100%
}

.vision_section .vision_box p {
    color: black;
    text-align: left;
    margin: 0
}

.new_service_section .vision_box .dropdown:hover svg {
    transform: rotate(90deg);
    transform: .2s ease-in-out
}

.service_offering_menu {
    background-image: url('../images/service-offering.webp');
    background-size: cover;
    padding: 25px 20px !important;
    background-position: center;
    position: absolute;
    border-radius: 16px !important
}

.service_offering_menu.nftbackground {
    background-image: url('../images/nft-background.webp')
}

.career_section h2 {
    padding-top: 0px;
    opacity: 1;
    font-size: 45px !important;
    text-align: center
}

.swiper_user_img {
    position: relative;
    padding-left: 73px
}

.career_section .swiper_user_img h5 {
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 700
}

.career_section .swiper-pagination {
    position: unset
}

.whatsapp a {
    background: #74ab37 !important
}

.telegram a {
    background: #0088cc !important
}

.skype a {
    background: #00aff0 !important
}

.social-common a {
    display: inline-block;
    width: 58px;
    height: 58px;
    color: #fff;
    font-size: 32px;
    text-align: center;
    margin-left: 10px;
    line-height: 58px;
    border-radius: 7px;
    box-shadow: 0 0 0 0 rgb(44 157 225);
    transition: 0.2s ease-in all;
    animation: pulse 2s infinite;
    display: flex;
    align-items: center;
    justify-content: center
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0.4)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

.hover_img {
    overflow: hidden
}

.hover_img img {
    transition: .3s ease-in-out
}

.hover_img:hover img {
    transform: scale(1.1);
    transition: .3s ease-in-out
}

.top-bar-area .col-md-6 {
    width: 50%
}

.mainhome .bg_gray {
    background-color: white
}

.career_section .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #ff5a01
}

.career_section .swiper_user_img p {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    text-align: left;
    margin: 9px 0 10px
}

.swiper {
    height: fit-content
}

.swiper_user_img img {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
    top: 50%;
    transform: translate(0, -50%)
}

.section-container-7 .text-center.isactive p {
    color: #7E7E7E !important;
    font-size: 20px;
    line-height: 1.6
}

.career_section {
    padding: 42px 0;
    margin-bottom: 56px
}

.career_section p {
    padding-top: 0px;
    opacity: 1;
    font-size: 23px;
    text-align: center;
    color: #7E7E7E !important;
    margin: 17px 0 25px
}

.swiper_carrer {
    width: 450px;
    display: inline-block;
    background: #f3f3f3;
    padding: 29px 20px;
    position: absolute;
    right: 32px;
    bottom: -28px
}

.service_offering_menu.nftbackground:before {
    background-color: #000000a3
}

.service_offering_menu.nftbackground.hiredevlprbackground {
    background-image: url('../images/hire-developer.webp')
}

.service_offering_menu.nftbackground.hiredevlprbackground.becomepartner {
    background-image: url('../images/becompeprtnr.webp')
}

.service_offering_menu p a i {
    background: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    position: unset;
    display: inline-block
}

.service_offering_menu:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0a0a0a78;
    border-radius: 16px !important;
    pointer-events: none
}

.service_offering_menu i {
    width: 34px;
    position: absolute;
    right: 13px;
    top: 11px;
    height: 34px;
    background: white;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer
}

.service_offering_menu h3 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff !important
}

.service_offering_menu p {
    font-size: 18px;
    color: #fff !important
}

.service_offering_menu .btn {
    font-size: 16px;
    margin-top: 15px;
    border: 1px solid #fff;
    color: #fff;
    padding: 20px 50px;
    background: transparent !important;
    display: inline-block
}

.mainhome .logo_box.bg_blue {
    background: linear-gradient(to right, #096ad8 0, #096ad8 50%, #096ad8 100%)
}

.newdesign h6 {
    margin-bottom: 29px;
    color: #1a1a1a;
    font-size: 19px
}

.text_align_img {
    text-align: right
}

.choose_use_sction .why-us h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 45px
}

.features-area .features-box {
    padding-left: 35px
}

.features-area .item-grid:first-child .item:first-child,
.features-area .item-grid:last-child .item:last-child,
.features-area .item-grid .item:hover {
    background: linear-gradient(90deg, rgba(8, 106, 216, 1) 0%, rgba(10, 60, 116, 1) 100%);
    color: #fff
}

.features-area .item-grid .item:first-child {
    margin-top: 0
}

.features-area .item-grid .item {
    margin-top: 30px;
    transition: all 0.35s ease-in-out
}

.choose_use_sction {
    padding: 100px 0;
    background: #f3f7fd73
}

.features-area .item:hover svg {
    filter: brightness(0) invert(1)
}

.features-area .item-grid:first-child .item:first-child .outline_text {
    -webkit-text-stroke: 2px #b7b7b7;
    -moz-text-stroke: 2px #b7b7b7;
    font-size: 59px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
    position: absolute;
    right: 13px;
    top: 10px;
    color: transparent
}

.web-app-info h1,
.web-app-info p {
    color: #fff !important
}

.outline_text {
    -webkit-text-stroke: 2px lightgrey;
    -moz-text-stroke: 2px lightgrey;
    font-size: 59px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
    position: absolute;
    right: 13px;
    top: 10px;
    color: transparent
}

.features-area .item {
    padding: 50px 30px;
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #80808040
}

.mobile-placeholder .img-container:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.features-area .item>i {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 25px;
    color: #086AD8;
    position: relative;
    z-index: 1
}

.features-area .item-grid:first-child .item:first-child i,
.features-area .item-grid:first-child .item:first-child a,
.features-area .item-grid:first-child .item:first-child p,
.features-area .item-grid:last-child .item:last-child i,
.features-area .item-grid:last-child .item:last-child a,
.features-area .item-grid:last-child .item:last-child p,
.features-area .item-grid .item:hover i,
.features-area .item-grid .item:hover a,
.features-area .item-grid .item:hover p {
    color: #ffffff;
    transition: all 0.35s
}

.features-area .item h5 {
    font-weight: 600;
    font-size: 22px;
    margin: 11px 0 15px
}

.features-area .item h5 a {
    color: #0e2b3d
}

.features-area .item p {
    margin: 0;
    color: var(--whiteColor);
}

.flex_row1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.features-area .item-grid:first-child .item:first-child i,
.features-area .item-grid:first-child .item:first-child a,
.features-area .item-grid:first-child .item:first-child p,
.features-area .item-grid:last-child .item:last-child i,
.features-area .item-grid:last-child .item:last-child a,
.features-area .item-grid:last-child .item:last-child p,
.features-area .item-grid .item:hover i,
.features-area .item-grid .item:hover a,
.features-area .item-grid .item:hover p {
    color: #ffffff;
    transition: all 0.35s ease-in-out
}

.features-area .item-grid:first-child {
    margin-top: 50px
}

.padding_right_col {
    padding-right: 43px
}

.service_offering_menu a {
    margin-top: 0;
    color: #fff;
    font-weight: 300;
    margin-bottom: 8px;
    display: block
}

.vison_row {
    display: flex;
    flex-wrap: wrap
}

.new_service_section .btn.dropdown-toggle i {
    color: white;
    width: 60px;
    height: 60px;
    background: #096ad8;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 25px
}

.work-process-area .work-pro-items .item:hover:before,
.work-process-area .work-pro-items .item:hover:after {
    transition-delay: 0s
}

.work-process-area .work-pro-items .item:hover .item-inner:before,
.work-process-area .work-pro-items .item:hover .item-inner:after {
    height: 100%
}

.work-process-area .work-pro-items .item .item-inner:before,
.work-process-area .work-pro-items .item .item-inner:after {
    background: #086AD8
}

.work-process-area .work-pro-items .item .item-inner:before {
    left: 0;
    top: 0
}

.work-process-area .work-pro-items .item .item-inner:before,
.work-process-area .work-pro-items .item .item-inner:after {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: all 0.2s linear;
    background: #086AD8
}

.work-process-area .work-pro-items .item .item-inner:after {
    right: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:hover .item-inner:before,
.work-process-area .work-pro-items .item:hover .item-inner:after {
    height: 100%
}

.work-process-area .work-pro-items .item:hover:before,
.work-process-area .work-pro-items .item:hover:after {
    width: 100%
}

.work-process-area .work-pro-items .item:before,
.work-process-area .work-pro-items .item:after {
    background: #086AD8
}

.work-process-area .work-pro-items .item:before,
.work-process-area .work-pro-items .item:after {
    background: #086AD8
}

.work-process-area .work-pro-items .item:after {
    left: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:before,
.work-process-area .work-pro-items .item:after {
    transition-delay: 0.2s
}

.work-process-area .work-pro-items .item:before,
.work-process-area .work-pro-items .item:after {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: all 0.2s linear;
    background: #086AD8
}

.mainhome .header {
    position: unset
}

.resdesign_header .header .custom_navigation .nav li a {
    color: #000
}

.work-process-area .work-pro-items .item:before {
    right: 0;
    top: 0
}

.mainhome .lets_talk {
    background: linear-gradient(to right, #096ad8 0, #096ad8 50%, #096ad8 100%)
}

.mainhome .lets_talk .orange_button.roundd_button {
    color: #096ad8
}

.mainhome .Staff_section.net-fotter::after {
    background: linear-gradient(to right, #096ad8 0, #096ad8 50%, #096ad8 100%)
}

.new_service_section .btn.dropdown-toggle i:hover {
    transform: rotate(90deg);
    transition: .2s ease-in-out;
    background: #ed5f00
}

.new_service_section .btn.dropdown-toggle {
    background: transparent;
    padding: 0;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important
}

.new_service_section .col-md-3,
.new_service_section .dropdown {
    position: unset
}

.new_service_section .vison_row {
    position: relative;
    justify-content: center
}

.section-container-2a.paddtop1 {
    margin-top: 20px !important
}

.paddtop {
    padding-top: 0 !important
}

.new_service_section .vision_box {
    text-align: center;
    position: unset;
    background-color: transparent;
    padding: 0
}

.mainhome .common_sec {
    background: #f3f7fd73
}

.new_service_section .dropdown-menu {
    width: 100%;
    top: -80px
}

.new_service_section h5 {
    color: var(--headingColor);
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    margin-bottom: 13px
}

.vision_section h5 {
    font-size: 30px;
    margin-bottom: 17px;
    color: #0d6599;
    border-bottom: 2px solid #ff5a01;
    display: inline-block
}

.new_service_section {
    margin-bottom: 35px;
    background: #f3f7fd94;
    padding: 50px 0;
    margin-top: 60px
}

.custom_navigation .nav li a:focus,
.custom_navigation .nav li a:hover,
.header.affix .custom_navigation .nav li a:focus,
.header.affix .custom_navigation .nav li a:hover,
.inner_header .custom_navigation .nav li a:focus,
.inner_header .custom_navigation .nav li a:hover {
    color: #ef6407
}

.dropdown-item .nav li a {
    color: #fff;
    font-size: 16px;
    padding-left: 14px;
    padding-right: 14px
}

.dropdown-item {
    display: inline-block;
    width: 49%
}

.dropdown-menu.mega-dropdown-menu .dpd-dropdown {
    padding: 0;
    font-size: 18px;
    margin-bottom: 20px;
    display: inherit;
    color: #333
}

.dropdown-menu.mega-dropdown-menu .dpd-dropdown:hover {
    color: #ef6407
}

.dropdown-menu.mega-dropdown-menu .dpd-dropdown .services-dropdown-tag {
    font-size: 14px
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent
}

.get_touch_btn {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    padding: 9px 20px
}

.gift-body {
    padding: 40px 16px
}

.gift-modal {
    height: 276px;
    background-image: url('../img/po.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top;
    width: 443px;
    position: fixed;
    bottom: 10px;
    z-index: 1024;
    left: 0;
    display: none
}

span.mystry-bag {
    background: var(--headingColor);
    color: #eaeaea;
    padding: 1px 6px;
    border-radius: 10px
}

.right-side-gift-form button {
    font-size: 24px;
    background: #ae0301 !important;
    border: navajowhite;
    width: 157px;
    height: 51px;
    font-weight: 700;
    box-shadow: 2px 2px 2px #6c656552
}

.right-side-gift-form .form-group input {
    height: 48px;
    font-size: 20px;
    border: 1px solid #000
}

.right-side-gift-form h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px
}

.right-side-gift-form {
    text-align: left;
    margin-top: 150px
}

.new-year {
    color: #ffe6c5
}

.gift-now h4 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 24px
}

.gift-now {
    position: absolute;
    right: 32px;
    top: 48px
}

.gift-now .grab-now-a {
    font-size: 13px;
    font-weight: 700;
    background: #ffe6c5;
    border-radius: 30px;
    width: 89px;
    display: block;
    height: 26px;
    text-align: center;
    line-height: 29px;
    color: var(--headingColor);
    margin: 8px auto 0 auto
}

.close-gift-bt {
    background: none;
    border: none;
    width: 40px;
    position: absolute;
    right: -25px;
    top: -3px
}

.forever-content {
    margin-left: 10px
}

.forever-one {
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 10px
}

.forever-content p {
    font-size: 14px;
    font-weight: 100
}

.forever-content h6 {
    font-size: 16px;
    font-weight: 700
}

.get_touch_btn:focus,
.get_touch_btn:hover,
.get_touch_btn:visited {
    color: #fff;
    text-decoration: none
}

.system_step.erm-crm-system-process {
    display: flex;
    text-align: center
}

.erm-crm-system-process .erp_box img {
    margin-bottom: 15px
}

.erp_box {
    padding: 10px 20px
}

.swal2-icon.swal2-success.swal2-icon-show {
    display: flex;
    justify-content: center;
    margin: 20px auto 0
}

div#swal2-html-container {
    font-size: 16px;
    margin: 7px 0
}

h2#swal2-title {
    font-size: 21px;
    color: #000
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #096ad8;
    color: #fff;
    font-size: 15px;
    padding: 6px 20px
}

.header.affix .get_touch_btn,
.inner_header .get_touch_btn {
    border: 1px solid #2c2c2c;
    color: #2c2c2c
}

.header.affix .get_touch_btn:focus,
.header.affix .get_touch_btn:hover,
.inner_header .get_touch_btn:focus,
.inner_header .get_touch_btn:hover {
    border: 1px solid #086ad8;
    color: #086ad8
}

.owl-nav {
    display: block !important;
    margin-top: 0;
    margin-bottom: 12px
}

.owl-nav div {
    display: inline-block;
    margin: 10px;
    opacity: .3
}

.owl-carousel3 h1 {
    text-align: left;
    width: 95%
}

.owlslider1 {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding-bottom: 45px
}

.owlslider1 .owl-carousel3 {
    margin-top: auto
}

.owl-carousel3 .owl-stage-outer {
    margin-top: auto
}

.owl-nav div:hover {
    opacity: 1
}

.owl-carousel .owl-controls {
    display: none
}

.our_clients .owl-carousel .owl-stage-outer {
    padding: 30px 0
}

.demoowl1 h1 {
    -webkit-text-stroke: 4px white;
    -moz-text-stroke: 4px white;
    color: transparent !important;
    font-size: 135px !important;
    font-weight: 800 !important;
    line-height: 1 !important
}

.owl-stage {
    display: flex;
}

.banner_area.demo_banner_area {
    position: relative
}

.banner_area.demo_banner_area:before {
    position: absolute;
    background-color: #00000066;
    content: '';
    top: 0;
    width: 100%;
    height: 100%
}

.demoowl1 h1 span {
    color: #fff !important
}

.banner_area .demoowl1 p {
    font-size: 20px
}

.banner_area {
    height: 90%;
    background: url(../images/banner3.jpg) top center no-repeat;
    background-size: cover;
    padding: 95px 0 70px;
    background-position: center
}

.banner_area.demo_banner_area {
    background: url(../images/demoimg.jpg) top center no-repeat;
    background-size: cover !important
}

.banner_area .container {
    height: 100%;
    position: relative
}

.table_box {
    display: table;
    width: 95%;
    height: 100%
}

.table_box_inner {
    display: table-cell;
    vertical-align: bottom
}

.banner_area h1 {
    font-weight: 600;
    line-height: 70px;
    font-size: 52px;
    color: #c3c3c3
}

.banner_area h1 span {
    display: inline-block;
    color: #fff;
    border-bottom: 5px solid #ef6407
}

.drop_arrow {
    position: absolute;
    right: 0;
    bottom: 60px;
    z-index: 10;
    cursor: pointer
}

.drop_arrow img {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s
}

.drop_arrow:hover img {
    transform: translateY(16px);
    -moz-transform: translateY(16px);
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    -o-transform: translateY(16px);
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s
}

.banner_area p {
    font-size: 18px;
    color: #fff;
    margin-top: 40px
}

.banner_area p .get_touch_btn {
    background: #fff;
    color: #302a28;
    font-weight: 700;
    margin-left: 10px;
    border: none
}

.banner_area p .get_touch_btn:hover {
    background: #ef6407;
    color: #fff
}

.Staff_section {
    padding: 70px 0
}

.Staff_section .staff_link:hover {
    text-decoration: none
}

.how_heading h3 {
    font-size: 16px;
    color: #8a8a8a;
    position: relative;
    padding: 0 0 0 50px;
    margin-bottom: 50px
}

ul.journey_list li p {
    line-height: 23px
}

.how_heading h3::after {
    content: "";
    width: 700px;
    height: 1px;
    background: #8a8a8a;
    position: absolute;
    top: 8px;
    left: -670px
}

.main-staff {
    position: relative
}

.main_staff_content {
    background: #fff;
    padding: 40px 30px
}

.main_staff_content h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 40px 0 80px 0;
    color: #2c2c2c
}

.main_staff_content p {
    font-size: 18px;
    color: #2c2c2c;
    margin-bottom: 40px;
    line-height: 31px
}

.Staff_section.happy-help .lets-talk_btn a span,
.arrow_img img {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    opacity: .5;
    display: inline-block
}

.Staff_section.happy-help .lets-talk_btn a:hover span,
.main-staff:hover .arrow_img img {
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -webkit-transition: all 1s ease 0s;
    -ms-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    opacity: 1
}

.top-border {
    content: "";
    width: 155px;
    height: 2px;
    background: #ef6407;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.main-staff:hover .top-border {
    width: 100%;
    transition: all 1.5s ease 0s
}

.main-staff:hover .top_border-two {
    width: 100%;
    transition: all 1.5s ease 0s
}

.top_border-two {
    content: "";
    width: 155px;
    height: 2px;
    background: #086ad8;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}

.Outsourcing_section {
    padding: 100px 0
}

.main_content_outsourcing h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 50px
}

.main_content_outsourcing .our_mission p {
    font-size: 18px;
    line-height: 32px;
    color: #2c2c2c;
    margin: 25px 0 35px 0
}

.main_content_outsourcing .chek_para p {
    font-size: 18px;
    line-height: 30px;
    color: #2c2c2c
}

.main_content_outsourcing .chek_para p span {
    font-weight: 700
}

.main_content_outsourcing .chek_para img {
    position: absolute;
    left: 0;
    top: 0
}

.main_content_outsourcing .chek_para {
    position: relative;
    margin-top: 35px;
    padding-left: 85px
}

.main_content_outsourcing .chek_para .count_box {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0
}

.Staff_section.our-services p {
    font-size: 14px;
    margin-top: 25px;
    color: #2c2c2c
}

.Staff_section.our-services a {
    display: block
}

.Staff_section.our-services a.hire_talent {
    display: inline-block
}

.Staff_section.our-services a:hover p {
    color: #086ad8
}

.Staff_section.our-services .how_heading h3 {
    margin-bottom: 80px
}

.Staff_section.our-services {
    background: #fff
}

.right_heding h3 {
    font-size: 36px;
    font-weight: 700;
    color: #2c2c2c
}

.main_what_content .right_heding {
    float: left
}

.main_what_content .left_heding {
    float: right
}

.left_heding a {
    font-size: 16px;
    font-weight: 600;
    color: #086ad8;
    display: inline-block;
    letter-spacing: 1px
}

.left_heding p {
    position: relative;
    padding-bottom: 5px
}

.left_heding p:after,
.left_heding p:before,
.technology_stacks ul li a:after,
.technology_stacks ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: .2;
    border-bottom: 2px solid #6db8e2
}

.left_heding p:before,
.technology_stacks ul li a:before {
    width: 0;
    opacity: 1;
    border-bottom-color: #086ad8;
    transition: all 1s ease 0s
}

.left_heding p:hover:before,
.technology_stacks ul li a:hover:before {
    width: 100%;
    transition: all 1s ease 0s
}

.white_bg {
    background: #fff
}

.main_what_content {
    margin-bottom: 70px
}

.contetn_img h3 {
    margin-top: 30px;
    font-weight: 700;
    line-height: 38px
}

.contetn_img h3 span {
    border-bottom: 3px solid #ef6407
}

.contetn_img p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    color: #2c2c2c
}

.contetn_img.two_img {
    padding: 50px 0 0 0
}

.contetn_img img {
    box-shadow: 7px 0 25px rgba(0, 0, 0, .1)
}

.Staff_section.our_clients {
    background: #fff
}

.Staff_section.our_clients .heading_our h1,
.technology_stacks h1 {
    font-size: 36px;
    font-weight: 700;
    color: #2c2c2c
}

.Staff_section.our_clients .heading_our p,
.technology_stacks h1+p {
    font-size: 18px;
    line-height: 31px;
    margin-top: 10px;
    color: #2c2c2c
}

.Staff_section.our_clients .heading_our {
    float: left
}

.Staff_section.our_clients .img-right {
    float: right
}

.covidalert {
    display: none !important
}

.Staff_section.our_clients .img-right p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 2px solid #646363;
    display: inline-block
}

.heading_our {
    width: 39%
}

.img-right ul li {
    list-style: none;
    display: inline-block;
    padding-left: 15px
}

.content_owl {
    padding: 30px 17px;
    text-align: left;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.main-our-clients {
    margin-bottom: 35px
}

.content_owl p {
    font-size: 18px;
    line-height: 33px;
    color: #2c2c2c;
    margin: 20px 0 40px 0
}

.Staff_section.our_clients .profile_div {
    position: relative
}

.Staff_section.our_clients .profile_div img {
    position: absolute;
    left: 0
}

.Staff_section.our_clients .profile_div h2 {
    font-size: 16px;
    font-weight: 700;
    color: #2c2c2c;
    padding-left: 63px;
    padding-top: 18px
}

.Staff_section.our_clients .profile_div p {
    font-size: 14px;
    color: #7a7a7a;
    padding-left: 63px;
    margin: 0
}

.Staff_section.our_clients .item {
    margin: 0 10px
}

.Staff_section.happy-help .help_contet h1 {
    font-size: 36px;
    font-weight: 700;
    color: #2c2c2c
}

.Staff_section.happy-help .help_contet p {
    font-size: 18px;
    line-height: 31px;
    color: #2c2c2c;
    margin: 30px 0 50px 0
}

.Staff_section.happy-help .lets-talk_btn a {
    padding: 20px;
    background: #ef6a22;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px
}

.Staff_section.happy-help .lets-talk_btn span {
    margin-left: 30px
}

.Staff_section.net-fotter {
    background: #fff;
    position: relative
}

.Staff_section.net-fotter::after {
    content: "";
    width: 100%;
    background: #086AD8;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.Staff_section.net-fotter .left-content {
    position: relative;
    z-index: 998
}

.Staff_section.net-fotter .left-content .net-img img {
    width: 100px;
    margin-bottom: 25px;
    margin-left: 25px
}

.Staff_section.net-fotter .left-content .content-net h4,
.footer-bold-text {
    font-size: 18px;
    line-height: 22px;
    letter-spacing: 4px;
    margin: 8px 0 3px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700
}

.Staff_section.net-fotter .left-content .content-net p {
    max-width: 74%;
    width: 100%;
    color: #fff;
    line-height: 24px;
    margin-bottom: 20px;
    font-size: 15px
}

.Social-icon ul {
    padding: 0;
    list-style: none;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block
}

.Social a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 700
}

.Social-icon ul li {
    display: inline-block;
    padding-right: 5px
}

.Social {
    width: 36px;
    border: 1px solid #fff;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 32px;
}

.Social-icon h5,
.Social-icon .footer__copyright {
    color: #fff;
    font-size: 16px
}

.right-content {
    position: inherit;
    z-index: 9;
    padding-top: 80px
}

.contact-field #contactPhone-error {
    position: absolute;
    bottom: -28px;
    z-index: 0;
    left: 0
}

.contact-us-outer {
    padding: 92px 0 0 !important;
    background: #8080800a
}

.right-content .menu li {
    width: 50%;
    display: block;
    margin-bottom: 28px
}

.why-us>h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 32px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 45px
}

.why-us h2 {
    font-size: 27px
}

.why-us>h5::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 2px;
    width: 30px;
    background: #232323;
    margin-top: -1px
}

.right-content .menu li a {
    border-bottom: 1px solid transparent;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
    line-height: 1.5;
    text-transform: uppercase;
    transition: border-color .3s;
    white-space: nowrap
}

.right-content .menu li a:hover {
    color: #ef6a22
}

.right-content .footer_text {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 20px 0
}

.footer_logo_outer {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    text-align: center
}

.footer_logo_outer img {
    height: 60px
}

.top-rated-usa {
    float: left;
    width: 98%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px
}

.top-rated-usa img {
    height: 120px
}

.right-content .links ul {
    width: 100%;
    margin-top: 50px;
    display: inline-block
}

.right-content .menu-footer li a {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    color: #fff
}

.Staff_section.what-makes {
    background: #f3f6f6
}

.Staff_section.why_choose_netset {
    padding: 100px 0 70px
}

.Staff_section.why_choose_netset aside {
    margin-bottom: 30px
}

.technology_stacks {
    border-bottom: 1px solid #efefef;
    padding: 100px 0
}

.technology_stacks h3 {
    font-weight: 700;
    margin: 40px 0 15px
}

.technology_stacks ul {
    list-style: none;
    padding: 0
}

.technology_stacks ul li {
    margin-bottom: 12px
}

.technology_stacks ul li a {
    color: #2c2c2c;
    display: inline;
    position: relative
}

.building_team {
    padding: 70px 0
}

.build_boxes {
    margin-top: 40px
}

.build_boxes h4 {
    font-weight: 700;
    margin: 15px 0
}

.building_team h1 {
    margin-bottom: 25px;
    font-size: 44px
}

.hire_easy {
    background: #f5f5f5;
    padding: 70px 0
}

.hire_easy h1 {
    font-size: 44px
}

.count_box {
    display: inline-block;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    color: #086ad8;
    border: 1px solid #086ad8;
    font-size: 30px;
    line-height: 70px;
    position: relative;
    z-index: 1
}

.hire_easy aside {
    margin-top: 50px
}

.hire_easy h3 {
    font-weight: 700;
    font-size: 22px;
    padding: 35px 60px 30px;
    line-height: 31px
}

.arrow_line {
    position: absolute;
    left: 0;
    top: 35px;
    width: 40%;
    height: 1px;
    background: #086ad8;
    margin-left: -25px
}

.owl-carousel3.demoowl1 {
    margin-bottom: 30px
}

.arrow_line::after {
    position: absolute;
    right: 0;
    top: -14px;
    background: url(../images/process_arrow.png) center no-repeat;
    content: "";
    width: 16px;
    height: 30px
}

.arrow_line.arrow_line2 {
    right: 4px;
    left: inherit;
    opacity: .2
}

.state_line {
    position: absolute;
    right: 0;
    top: 35px;
    background: #086ad8;
    height: 1px;
    width: 58%
}

.world_class_talent {
    padding: 70px 0
}

.world_class_talent h1 {
    font-size: 44px;
    margin-bottom: 10px
}

.talentheading_maxbox {
    max-width: 590px;
    display: inline-block;
    margin-bottom: 50px
}

.talent_outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.talent_boxes {
    background: #ebeced;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    margin: -1px 0 0 -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 2 324px;
    flex: 1 2 324px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s;
    transition: background .3s
}

.talent_boxes:hover {
    background: #086ad8;
    -webkit-transition: background .3s;
    transition: background .3s
}

.talent_boxes a {
    display: block;
    padding: 45px 35px 35px 35px;
    color: #000
}

.talent_boxes:hover a {
    color: #fff
}

.talent_boxes a h4 {
    font-size: 24px;
    margin: 20px 0 25px
}

.talent_boxes a h5 {
    font-size: 18px;
    margin: 20px 0 0;
    position: relative;
    opacity: 0
}

.talent_boxes:hover a h5 {
    opacity: 1
}

.talent_boxes a h5:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url(../images/left-arrow.png) center no-repeat;
    width: 23px;
    height: 16px
}

.why_choose_netset {
    padding: 0 0 70px
}

.casestudy_box {
    position: relative;
    overflow: hidden;
    min-height: 405px;
    margin-bottom: 30px;
    border-radius: 10px
}

img.ai-assistant-logo.inner-ai-logo {
    width: 250px;
    height: auto;
    min-width: 250px
}

.casestudy_box:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .9)));
    background-image: linear-gradient(180deg, #000, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .9));
    -webkit-transition: background-image .2s ease-in;
    transition: background-image .2s ease-in;
    content: " "
}

.casestudy_box:not(.no-hover):hover:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 130, 197, .5)), to(#086ad8));
    background-image: linear-gradient(180deg, rgba(10, 130, 197, .5), #086ad8)
}

.casestudy_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.casestudy_image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%)
}

.casestudy_box:hover .casestudy_image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.casestudy_box:hover .casestudy_image img {
    -webkit-filter: none;
    filter: none
}

.casestudy_logo {
    position: relative;
    z-index: 3;
    padding: 20px 30px;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    min-height: 110px;
    align-items: center
}

.casestudy_logo img {
    max-width: 135px;
    height: auto
}

.ai-atrny img {
    max-width: 135px !important;
    height: auto
}

.casestudy_box p {
    position: relative;
    z-index: 3;
    color: #fff;
    padding: 20px 30px;
    font-size: 20px;
    min-height: 127px
}

.casestudy_author {
    position: relative;
    z-index: 3;
    padding: 20px 30px 10px;
    min-height: 125px
}

.casestudy_author p {
    padding: 0;
    font-size: 16px;
    min-height: initial
}

.casestudy_author p.few_more {
    opacity: .7
}

.casestudy_play_video {
    position: fixed;
    z-index: 3;
    padding: 0 20px 12px;
    color: #fff;
    bottom: 0
}

.casestudy_play_video a {
    border: 2px solid #fff;
    color: #fff !important;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 25px !important;
    transition-property: background-color;
    transition-duration: 0.8s
}

.casestudy_play_video a:hover {
    background: #fff;
    color: #086ad8 !important;
    font-weight: 700
}

.why_choose_netset h1,
.why_choose_netset h2 {
    font-size: 44px;
    line-height: 54px
}

.ready_start {
    padding: 70px 0
}

.hire_talent:hover {
    background: #fff;
    color: #ef6a22
}

.product_development_text {
    padding: 70px 0;
    background: #f5f5f5
}

.product_development_text h1 {
    font-weight: 700
}

.product_development_text p {
    line-height: 31px;
    margin-top: 15px
}

.top_head_banner {
    position: relative;
    background-color: #fff;
    height: 350px
}

.inner_img_app {
    background-image: url(../images/mobility-banner-new.jpg);
    background-size: cover;
    height: 100%;
    width: 66%;
    background-position: center top
}

.banner_outer_sctn {
    top: 50%;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0
}

.banner_inner_text {
    float: right;
    width: 70%;
    padding: 35px;
    background: #ed5f00c4
}

.banner_outer_sctn h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 5px;
    color: #6b3109;
    text-transform: uppercase;
    margin: 0 0 20px
}

.banner_outer_sctn p {
    font-size: 20px;
    line-height: 29px;
    color: #fff
}

.top_bluebar {
    background: #1983c3;
    padding: 100px 0;
    color: #fff
}

.newcase_studies .casestudy_logo {
    padding: 20px 16px
}

.cards.newcase_studies .casestudy_box p {
    padding: 0px 16px;
    font-size: 13px
}

.top_bluebar p {
    padding: 0 40px;
    opacity: 0.9;
    color: #fff;
}

.cooperation_models {
    padding: 80px 0 0 0
}

.accptnce_section h3 {
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 2px
}

.inner_accptnc_section .items_inner {
    display: block;
    height: 280px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1
}

.cooperation_models .inner_accptnc_section .items_inner {
    width: 100%;
    padding-top: 100%;
    margin-bottom: 0;
    position: relative;
    -webkit-transform: translate(0, 25%);
    -moz-transform: translate(0, 25%);
    -o-transform: translate(0, 25%);
    -ms-transform: translate(0, 25%);
    transform: translate(0, 25%);
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    min-height: 335px !important;
}

.inner_accptnc_section .inner_imtem_image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.inner_imtem_image .img_inner_stcn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s
}

.overfill_block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    background: #1d3763;
    z-index: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.overfill_block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    background: #1d3763;
    z-index: 1;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.cooperation_sec .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #fff;
    z-index: 9999;
    visibility: inherit
}

.cooperation_sec .text {
    color: var(--headingColor);
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 40px 20px 0 20px
}

.cooperation_sec .text h4 {
    font-weight: 600;
    font-size: 18px
}

.cooperation_sec .text ul {
    margin-top: 18px
}

.cooperation_sec .text ul li {
    text-align: left;
    position: relative;
    padding: 2px 0 2px 20px
}

.cooperation_sec .text ul li::before {
    content: "\f00c";
    font-weight: 400;
    color: #1b86c6;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 12px;
    font-family: fontawesome
}

.inner_accptnc_section .items_inner:hover .img_inner_stcn {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.inner_accptnc_section .items_inner:hover .overfill_block {
    opacity: .8
}

.cooperation_sec .items_inner:hover .overlay {
    opacity: 1
}

.inner_accptnc_section .items_inner:after {
    background: linear-gradient(to right, #ef6407 0, #f37521 50%, #fd8637 100%);
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s;
    transform: translateY(-20px);
    width: 120px;
    z-index: -1
}

.inner_accptnc_section .col-md-3:nth-child(2n) .items_inner:after {
    transform: translateY(20px)
}

.inner_accptnc_section .item__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 23px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 20px
}

.inner_accptnc_section .col-md-3:nth-child(2n) .items_inner:hover:after,
.inner_accptnc_section .items_inner:hover:after {
    transform: translateY(0)
}

.how_wework {
    padding: 100px 0
}

.how_wework h1 {
    font-weight: 700
}

.how_wework h1+p {
    max-width: 900px;
    margin: 15px auto
}

.how_wework .carousel-indicators {
    bottom: inherit;
    top: 0;
    width: 100%;
    left: 0;
    text-align: center;
    position: relative;
    margin: 40px 0 80px
}

.how_wework .carousel-indicators li {
    width: 30%;
    text-indent: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top
}

.how_wework .carousel-indicators li p {
    font-size: 14px;
    margin-top: 10px
}

.how_wework .carousel-indicators li.active p {
    color: #086ad8
}

.how_wework .carousel-indicators li.active .count_box {
    color: #fff;
    background: #086ad8
}

.how_wework .carousel-indicators:after {
    position: absolute;
    top: 36px;
    left: 18%;
    content: "";
    right: 18%;
    height: 1px;
    background: #086ad8
}

.how_wework .carousel-inner h3,
.how_wework .carousel-inner p {
    text-align: left
}

.how_wework .carousel-inner h3 {
    font-weight: 700;
    margin-top: 50px
}

.how_wework .carousel-inner p {
    line-height: 31px;
    margin-top: 20px
}

.how_wework .carousel-inner img {
    max-height: 320px
}

.casestudy_bannerarea {
    background: #299e85;
    padding: 120px 0 50px
}

.casestudy_bannerarea .banner-text {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 10px 0 0
}

.casestudy_bannerarea .banner-text-nft {
    font-size: 24px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #fff;
    margin: 10px 0 0
}

.casestudy_bannerarea .banner-head {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    max-width: 100%;
    margin: 40px 0 0
}

.casestudy_bannerarea .inner-banner-row {
    margin-top: 20px
}

.casestudy_bannerarea .case-sub-head {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 10px
}

.casestudy_bannerarea .text-para {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #fff;
    margin: 0
}

.casestudy_bannerarea .banner-case-img {
    text-align: center;
    margin-bottom: -124px
}

.casestudy_bannerarea .banner-case-img img {
    display: inline-block;
    vertical-align: top
}

.casestudy_content {
    padding: 70px 0
}

.casestudy_content h2 {
    font-size: 38px;
    line-height: 54px
}

.casestudy_content p {
    line-height: 31px;
    text-align: left
}

.casestudy_content p+p {
    margin-top: 15px
}

.casestudy_content ul {
    list-style: disc;
    margin: 15px
}

.casestudy_bannerarea .technology_area .text-para {
    font-size: 14px
}

.casestudy_content ul li {
    margin-bottom: 10px
}

.casestudy_aboutarea img,
.casestudy_problemarea img {
    margin-top: 100px
}

.row.under-crm-row {
    flex-wrap: wrap
}

.row.under-crm-row .col-md-4 {
    margin-bottom: 22px
}

.casestudy_content h2 {
    line-height: 31px;
    margin: 8px 0
}

section.casestudy_content.casestudy_solutionarea {
    padding-top: 0
}

.casestudy_content h3 {
    font-weight: 700;
    margin: 20px 0 4px
}

.casestudy_resultarea {
    background: #299e85;
    color: #fff;
    position: relative
}

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

.margin54 {
    margin-top: 54px
}

.casestudy_resultarea p {
    position: relative;
    text-align: left;
    margin-bottom: 30px;
    padding-left: 30px
}

.casestudy_resultarea p:after {
    position: absolute;
    content: "\f105";
    top: 0;
    font-family: fontawesome;
    left: 0
}

.casestudy_resultarea:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 350px;
    background: #fff
}

.casestudy_aboutarea {
    padding-top: 90px
}

.aside-content p {
    margin-bottom: 15px
}

.netrix-bannerarea_background {
    background: #11326c
}

.netrix-banner-logo {
    position: relative
}

.netrix-banner-logo .netrix-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 46px
}

.netrix-banner-logo .netrix-logo img {
    margin: 0
}

.feature_listarea {
    display: flex;
    margin-top: 20px;
    border: 1px solid #ccc
}

.feature_listarea .feature_listtitle {
    display: flex;
    min-width: 330px;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #ccc;
    font-weight: 700
}

.feature_listarea .feature_listcontent {
    padding: 10px
}

.casestudy_resultarea ul li {
    float: left;
    width: 20%
}

.casestudy_resultarea ul {
    margin: 0;
    list-style: none
}

.casestudy_resultarea ul li h3 {
    color: #e44b65;
    font-size: 18px
}

.casestudy_benefitarea .talent_outer .talent_boxes {
    flex: 1 2 270px;
    -ms-flex: 1 2 270px;
    padding: 40px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #424a6c;
    align-items: center
}

.casestudy_benefitarea .talent_outer .talent_boxes img {
    height: 60px;
    width: 60px
}

.casestudy_benefitarea .talent_outer .talent_boxes p {
    line-height: 24px
}

.our_service {
    padding: 70px 0;
    background: #f3f6f6
}

.heading_lable:after,
.our_service .heading h3:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    border-left: 5px solid #086ad8;
    height: 100%
}

.card_logo {
    background: url(../images/RQ-sprite-image.png);
    height: 80px;
    width: 80px;
    margin: 1.5em;
    display: block
}

.card_logo.services_card_logo.mobile_development.nft-development {
    background-position: -2900px -75px
}

.card_logo.services_card_logo.mobile_development.nft-development.smart-contract {
    background-position: -1930px -75px
}

.card_logo.services_card_logo.bespoke_ecommerce.nft-development {
    background-position: -2821px 5px
}

.card_logo.services_card_logo.hospital.smart-contract.data-support {
    background-position: -2172px -75px
}

.card_logo.services_card_logo.hospital {
    background-position: -2090px 4px
}

.card_logo.services_card_logo.dashboard_app.chatbot-development.ai-solution {
    background-position: -1527px -158px
}

.card_logo.services_card_logo.dashboard_app.innovation {
    background-position: -2496px -75px
}

.card_logo.services_card_logo.mobile_development.smart-contract.consultation {
    background-position: -1767px -75px
}

.card_logo.services_card_logo.real_chat {
    background-position: -2090px -158px
}

.card_logo.services_card_logo.white_label.chatbot-development {
    background-position: -1770px -158px
}

.card_logo.services_card_logo.bespoke_ecommerce.smart-contract.crypto-exchange {
    background-position: -2253px -158px
}

.card_logo.services_card_logo.bespoke_ecommerce.chatbot-development.machine-learning {
    background-position: -2660px -158px
}

.card_logo.services_card_logo.hospital.smart-contract.blockchain-consulting {
    background-position: -2010px -158px
}

.card_logo.services_card_logo.dashboard_app.blockchain-consulting.iot-aap {
    background-position: -2172px -158px
}

.card_logo.services_card_logo.mobile_development.private-blockchain.chatbot-development {
    background-position: -1605px -158px
}

.card_logo.services_card_logo.real_chat.smart-contract.private-blockchain {
    background-position: -1605px -75px
}

.card_logo.services_card_logo.defi-fees,
.card_logo.services_card_logo.contrct,
.card_logo.services_card_logo.service-audit {
    background-position: -80px 0px
}

.card_logo.services_card_logo.custom-blck {
    background-position: -67% 0px
}

.card_logo.services_card_logo.secure-audit {
    background-position: 28% 47%
}

.card_logo.services_card_logo.gas-opti {
    background-position: -16% 0px
}

.card_logo.services_card_logo.base-cnslt {
    background-position: 50% 5px
}

.card_logo.services_card_logo.optimize,
.card_logo.services_card_logo.migration-ser,
.card_logo.services_card_logo.data-feed {
    background-position: 139% -80px
}

.card_logo.services_card_logo.bdms {
    background-position: 72% 5px
}

.card_logo.services_card_logo.base-suprt {
    background-position: -80px 247%
}

.card_logo.services_card_logo.smrt-contract,
.card_logo.services_card_logo.designer,
.card_logo.services_card_logo.smrt-cntrct {
    background-position: 28% 45%
}

.card_logo.services_card_logo.dap-integration {
    background-position: -61% 95%
}

.card_logo.services_card_logo.tested {
    background-position: -72% -80px
}

.card_logo.services_card_logo.truffle-blckchain,
.card_logo.services_card_logo.dev-chain,
.card_logo.services_card_logo.blckchn,
.card_logo.services_card_logo.chnlnk,
.card_logo.services_card_logo.fork-develop,
.card_logo.services_card_logo.oid {
    background-position: 33% 95%
}

.card_logo.services_card_logo.sas,
.card_logo.services_card_logo.secure-audit,
.card_logo.services_card_logo.substrate,
.card_logo.services_card_logo.secure-audit,
.card_logo.services_card_logo.substrate,
.card_logo.services_card_logo.audit-service,
.card_logo.services_card_logo.audit-service {
    background-position: 39% 95%
}

.card_logo.services_card_logo.migrate {
    background-position: 28% 0%
}

.card_logo.services_card_logo.debug {
    background-position: 11% 47%
}

.card_logo.services_card_logo.testing-ser,
.card_logo.services_card_logo.ai_app.dapps,
.card_logo.services_card_logo.ai_app.dapps {
    background-position: 89% -7%
}

.card_logo.services_card_logo.sub-service,
.card_logo.services_card_logo.interoper,
.card_logo.services_card_logo.dev-dap,
.card_logo.services_card_logo.dev-dap {
    background-position: 633px 0%
}

.card_logo.services_card_logo.automation-work,
.card_logo.services_card_logo.dav,
.card_logo.services_card_logo.price-fed,
.card_logo.services_card_logo.maintenance-support,
.card_logo.services_card_logo.maitenance-support,
.card_logo.services_card_logo.protocol-integrate,
.card_logo.services_card_logo.protocol-integrate {
    background-position: 5% 95%
}

.card_logo.services_card_logo.develop-script,
.card_logo.services_card_logo.maintain-service,
.card_logo.services_card_logo.suprt,
.card_logo.services_card_logo.suprt,
.card_logo.services_card_logo.blckchn,
.card_logo.services_card_logo.sub-maintain,
.card_logo.services_card_logo.maitenance-support {
    background-position: -1049px 95%
}

.card_logo.services_card_logo.modular-arc {
    background-position: -397px 44%
}

.card_logo.services_card_logo.chain-integrate,
.card_logo.services_card_logo.protocol-integrate {
    background-position: 78% 95%
}

.card_logo.services_card_logo.opti-tech {
    background-position: 89% 99%
}

.card_logo.services_card_logo.sol-finance,
.card_logo.services_card_logo.integrate-api {
    background-position: 50% 1px
}

.card_logo.services_card_logo.cros-chain {
    background-position: 480px 98%
}

.card_logo.services_card_logo.financial {
    background-position: -183% 195%
}

.card_logo.services_card_logo.gaming {
    background-position: -222% 195%
}

.card_logo.services_card_logo.connect {
    background-position: -1133px 95%
}

.card_logo.services_card_logo.financial {
    background-position: -233% 96%
}

.card_logo.services_card_logo.gaming {
    background-position: -289% 44%
}

.card_logo.services_card_logo.chain {
    background-position: -705% 90px
}

.card_logo.services_card_logo.random-service {
    background-position: 633px 0%
}

.card_logo.services_card_logo.host {
    background-position: 139% -80px
}

.card_logo.services_card_logo.sub-service {
    background-position: 633px 0%
}

.card_logo.services_card_logo.scale-sol,
.card_logo.services_card_logo.cus-sol {
    background-position: -61% 0%
}

.card_logo.services_card_logo.develop-custom {
    background-position: 44% 95%
}

.card_logo.services_card_logo.consultation,
.card_logo.services_card_logo.part-gov {
    background-position: -239px 45%
}

.card_logo.services_card_logo.tool-cdp {
    background-position: 11% 45%
}

.card_logo.digital_markting {
    background-position: -330px -117px
}

.card_logo.data_analytics.artificial-intelligence {
    background-position: -775px -117px
}

.card_logo.staff_argumentation.custom-software {
    background-position: 22px -194px
}

.card_logo.digital_markting.blockchain-development {
    background-position: -75px -117px
}

.card_logo.data_analytics {
    background-position: -420px -117px
}

.card_logo.staff_argumentation {
    background-position: 27px -196px
}

.card_logo.digital_strategy {
    background-position: -240px -117px
}

.card_logo.nvidia-metaverse {
    background-position: -598px -117px
}

.card_logo.facebook-metaverse {
    background-position: -687px -117px
}

.card_logo.open-metaverse {
    background-position: -776px -117px
}

.service_box .services-card .card-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin-left: 30px;
    color: #333;
}

.service_box .services-card .card-content {
    font-size: 15px;
    line-height: 22px;
    margin: 30px;
    height: 110px;
    overflow: hidden;
    color: #333
}

.service_box .services-card .card-know-more {
    font-size: 16px;
    color: #1a18f7;
    margin: 30px
}

.service_box .services-card .card-know-more a:hover {
    color: #086ad8 !important;
    text-decoration: none !important
}

.who_we_are {
    padding: 70px 0
}

.about-us-title {
    font-size: 42px;
    letter-spacing: unset;
    padding: 0 4%;
    font-weight: 400;
    position: relative;
    margin: 15px 0 30px 0;
    color: var(--headingColor);
    font-weight: 600
}

.services-content-text p {
    color: var(--headingColor);
    font-size: 17px
}

.about-us-title::after {
    position: absolute;
    display: block;
    content: '';
    top: 10%;
    left: 0;
    border-left: 5px solid #086ad8;
    height: 75%
}

.content .services-stats-container {
    display: block;
    margin: 20px 0 0
}

.content .services-stats-container .services-stats.projects-stats {
    width: 29%;
    display: inline-block
}

.services-stats-container .services-stats .stats_icon {
    width: 75px;
    height: 75px;
    background-image: url(../images/RQ-sprite-image.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0
}

.services-stats-container .services-stats .projects-logo {
    background-position: 0 -122px
}

.services-stats-container .services-stats .hours-logo {
    background-position: -80px -122px
}

.bsc_row {
    display: flex;
    flex-wrap: wrap
}

.leftcol {
    margin-left: auto
}

.rightcol {
    margin-right: auto
}

.services-stats-container .services-stats .team-logo {
    background-position: -160px -122px
}

.bsc_row_margin_top {
    margin-top: 60px
}

.product_wrapper .bsc_row_margin_top .service_box .services-card {
    height: unset;
    padding-left: 54px;
    text-align: left;
    padding-right: 51px;
    background: #ffffff;
    box-shadow: none;
    border: 1px solid #ffd006
}

.product_wrapper.chain_feature .service_box .services-card:hover {
    box-shadow: none
}

.common_sec.chain_feature {
    padding: 20px 0;
    background: white
}

.bsc_row_margin_top .card_logo.services_card_logo {
    margin: unset;
    position: absolute;
    left: 0;
    top: 55%;
    transform: translate(0, -50%);
    margin: unset;
    position: absolute;
    left: 0;
    top: 54%;
    transform: translate(0, -50%)
}

.bsc_row_margin_top .service_box {
    padding-left: 43px;
    position: relative
}

.services-stats-container .services-stats {
    width: 34%;
    display: inline-block;
    position: relative;
    padding-left: 70px
}

.services-stats-numeral {
    font-size: 30px;
    font-weight: 600
}

.our_focus {
    padding-bottom: 70px
}

.focus_banner {
    text-align: center;
    background: url(../images/focus_bg.png);
    color: #fff;
    padding: 70px 0
}

.focus_banner h1 {
    font-size: 42px;
    margin-bottom: 10px
}

.focus_card {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    padding: 50px 30px;
    min-height: 490px
}

.focus_card h3 {
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.focus_card h3::after {
    height: 2px;
    width: 100px;
    background: #ef6a22;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px
}

.focus_card ul li {
    margin-bottom: 25px;
    font-size: 17px;
    position: relative;
    padding-left: 30px;
    background: url(../images/check.png);
    background-repeat: no-repeat;
    background-size: 18px;
    background-position: 0 5px
}

.focus_container {
    margin-top: 40px
}

.free_consult {
    padding: 70px 0;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    border-bottom: 1px solid #9fa1a2
}

.orange_button {
    padding: 20px;
    background: #ef6a22;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px
}

.orange_button:focus,
.orange_button:hover {
    color: #fff
}

.roundd_button {
    margin: 15px 0 0;
    display: inline-block;
    border-radius: 50px;
    text-transform: uppercase;
    min-height: 55px;
    line-height: inherit;
    max-width: 160px;
    width: 160px;
    text-align: center;
    border: 2px solid #ed5f00;
    background: 0 0;
    color: #ed5f00;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding: 15px 0 0 0
}

.roundd_button:hover {
    background: #ed5f00;
    color: #fff
}

.free_consult h1 {
    font-size: 42px;
    font-weight: 700;
    color: #fff
}

.free_consult p {
    font-size: 16px;
    margin: 8px 0 20px;
    color: #fff
}

.blog_sec {
    padding: 70px 0
}

.blog_sec .heading {
    text-align: center;
    margin-bottom: 40px
}

.blogs_card img {
    width: 100%
}

.blog_content {
    background: #fff;
    padding: 40px;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .1);
    margin: -40px auto 0 auto;
    position: relative;
    width: 90%
}

.blog_content h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #787878;
    text-transform: uppercase
}

.blog_content h4 {
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
    color: var(--headingColor);
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 71px
}

.hire-devlper-new {
    background-color: #f3f6f6
}

.backgroud_white {
    background-color: #fff
}

.our-existing-client-new {
    margin: 0 0 35px;
    text-align: center
}

.our-existing-client-new h5 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: left
}

div#myCarousel_new ol.carousel-indicators {
    left: 0;
    bottom: 36px;
    text-align: left;
    width: 100%;
    margin: 0
}

.servicebackgrond .product_wrapper .service_box {
    margin-bottom: 30px;
    border: 4px solid #f3f6f6
}

.carousel-inner .item img {
    border-radius: unset !important;
    width: unset !important;
    height: unset !important;
}

.flex_row {
    display: flex;
    flex-wrap: wrap
}

.slider-new .carousel-caption {
    position: unset;
    text-align: left;
    text-shadow: unset
}

.about_p {
    line-height: 1.7
}

.imgbox_1 {
    position: relative;
    z-index: 1024;
    text-align: center;
    display: inline-block
}

.shapeimg {
    position: absolute !important;
    left: -66px;
    top: -35px;
    box-shadow: none !important;
    z-index: 2 !important
}

.imgbox_1 img {
    border-radius: 5px;
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px, rgb(17 17 26 / 10%) 0px 8px 24px, rgb(17 17 26 / 10%) 0px 16px 48px;
    position: relative;
    z-index: 4
}

.flexrow_1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.slider-new .carousel-caption h3 {
    color: var(--headingColor);
    font-weight: 700;
    margin-top: 0
}

.slider-new .client_img h3 {
    color: var(--headingColor);
    font-weight: 700;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.slider-new .carousel-caption p {
    color: #5c6870;
    letter-spacing: .9px;
    text-shadow: unset;
    margin-bottom: 0
}

.our-existing-client-new span {
    width: 15%;
    display: inline-block;
    text-align: center
}

.our-existing-client-new a img {
    height: 55px;
    margin-bottom: 20px
}

div#myCarousel_new {
    border-bottom: 1px solid #f1f2f2;
    padding: 0 0 50px
}

.about-main-new {
    padding: 32px 15px 10px;
    width: 100%
}

.backgroud_white.slidr-img-sction-lyt {
    overflow: hidden
}

div#myCarousel_new ol.carousel-indicators li {
    background-color: #e5e8e8;
    height: 12px;
    width: 12px;
    border-radius: 100px
}

div#myCarousel_new ol.carousel-indicators li.active {
    background-color: #ed5f00
}

.sucess-sction-ryt .about-main-new {
    padding: 36px 35px
}

.about-main-ryt {
    display: table;
    margin-bottom: 40px
}

.float-left-new {
    float: left
}

.about-main-heg_new,
.about-main-icon {
    display: table-cell;
    vertical-align: middle
}

.icon-about-main {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    background: #fff;
    border-radius: 50%
}

.sucess-new-icon {
    width: 26px;
    height: 30px;
    background: url(../images/css_sprites_blue.png) -1790px -1667px
}

.bg-part-time-new {
    z-index: 1;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute
}

.icon-about-main .dots {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.icon-about-main .dots {
    z-index: 0;
    animation: dots 6s infinite linear
}

.icon-about-main .dots .dot1 {
    background-color: #8ad9fd;
    transform: translate(15px, 5px);
    animation: dot1 1.5s infinite alternate
}

.icon-about-main .dots .dot {
    width: 5px;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -3px
}

.icon-about-main .dots .dot2 {
    background-color: #b8a6f7;
    transform: translate(-8px, 8px);
    animation: dot2 1.5s infinite alternate;
    animation-delay: .5s
}

.icon-about-main .dots .dot3 {
    background-color: #fac5a7;
    transform: translate(-5px, -12px);
    animation: dot3 1.5s infinite alternate;
    animation-delay: 1s
}

.about-main-heg_new h3 {
    font-weight: 600;
    color: #333
}

.about-main-heg_new h5 {
    color: #5c6870;
    font-size: 17px;
    font-weight: 100;
    line-height: 26px
}

.bg-case-studies-new {
    width: 30px;
    height: 30px;
    background: url(../images/css_sprites_blue.png) -1511px -20px
}

.bg-infographic-new {
    width: 30px;
    height: 28px;
    background: url(../images/css_sprites_blue.png) -1000px -1683px
}

.bg-white-paper-new {
    width: 35px;
    height: 35px;
    background: url(../images/css_sprites_blue.png) -719px -170px
}

.about_us_banner {
    background: url(../images/our-team-landing-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding: 220px 0 100px;
}

.about_banner_content {
    color: #fff;
    text-align: center
}

.about_banner_content h1 {
    margin-bottom: 15px;
    font-size: 50px;
    line-height: 60px
}

.about_us_section .about-us-title {
    font-size: 45px;
    letter-spacing: unset;
    padding: 0 4%;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px
}

.our_vision {
    margin-bottom: -120px
}

.vision-icon.mission_icon {
    background: 0 0
}

.vision-icon.mission_icon img {
    height: 80px;
    margin-top: 28px
}

.our-vision-content-container {
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 24px #00000029;
    margin-top: 6em;
    background: #fff;
    padding: 30px;
    height: 490px
}

.our-vision-content-container .vision-icon {
    width: 110px;
    height: 123px;
    background-position: 0 -175px
}

.vision-icon {
    background-image: url(../images/aboutus-sprite.png);
    background-repeat: no-repeat
}

.our-vision-content-container .title {
    position: relative;
    font-size: 42px;
    padding-left: 20px;
    margin-top: 20px
}

.our-vision-content-container .content {
    font-size: 24px;
    line-height: 42px
}

.our-vision-content-container .tag-container {
    width: 100%;
    margin: 0 auto 3.5em;
    display: block
}

.our-vision-content-container .tag-container .tag1 {
    width: 33%;
    margin: 0 5.7% 0 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    line-height: 28px
}

.our-vision-content-container .tag-container .tag1.tag2 {
    width: 52%
}

.tag1.tag2.divider {
    position: relative
}

.tag1.tag2.divider::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    background: #086ad8;
    left: -34px
}

.vision_box {
    position: relative
}

.vision_box .image-container {
    position: absolute;
    top: 3em;
    right: -5em;
    z-index: 1
}

.quote-container {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%)
}

.quote-container .open-quote {
    margin-top: 3em;
    margin-left: 0;
    display: inline-block
}

.quote-container .close-quote {
    margin-right: 0;
    margin-bottom: 4em;
    float: right
}

.quote-container .quote-content {
    position: relative;
    text-align: center;
    font-size: 42px;
    width: 90%;
    margin: 0 auto;
    line-height: 56px;
    padding-bottom: .5em;
    font-weight: 500;
    color: #fff
}

.quote-container .quote-content::after {
    position: absolute;
    content: "";
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3em;
    border-bottom: 4px solid #fff
}

.our_core_value {
    background: #ef6a22;
    padding: 70px 0 30px
}

.core-values-content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 7%;
    padding-left: 0
}

.core-values-content::before {
    position: absolute;
    content: "";
    border-left: 4px solid #086ad8;
    height: 6em;
    top: 0;
    left: -1.5em;
    bottom: 0;
    margin: auto 0
}

.core-values-content .numeral {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    position: absolute;
    top: 60px;
    left: -2em;
    font-size: 42px;
    transform-origin: 0 0;
    transform: rotate(-90deg);
    color: #c6c6c6
}

.core-values-content .title {
    font-size: 26px;
    line-height: 45px;
    font-weight: 600
}

.core-values-content .content {
    font-size: 14px;
    line-height: 24px
}

.our_core_value ul li {
    float: left;
    width: 50%;
    margin-bottom: 70px
}

.our_core_value .title.heading_lable {
    font-weight: 600;
    margin-bottom: 20px
}

.our_core_value .sub_headingg {
    margin-bottom: 60px
}

.culture-content-container {
    display: block;
    width: 100%;
    margin: 4% auto
}

.culture-content-container .culture-content {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 0 40px 60px
}

.culture-content-container .culture-content .title {
    font-size: 21px;
    line-height: 26px;
    margin-top: .75em;
    font-weight: 600
}

.culture-content-container .culture-content .content {
    font-size: 16px;
    line-height: 26px;
    margin-top: .75em
}

.culture-content-container .culture-content .culture_icon {
    background-image: url(../images/aboutus-sprite.png);
    background-repeat: no-repeat;
    height: 45px;
    width: 50px
}

.our_culture {
    padding: 70px 0 0
}

.culture-content-container .culture-content .creative-logo {
    background-position: -110px 0
}

.culture-content-container .culture-content .autonomy-logo {
    background-position: -220px 0
}

.culture-content-container .culture-content .responsibility-logo {
    background-position: -325px 0
}

.culture-content-container .culture-content .transparency-logo {
    background-position: -430px 0
}

.culture-content-container .culture-content .mindset-logo {
    width: 60px;
    background-position: -545px 0
}

.about_us_banner.services_banner {
    background: url(../images/services_bg.png)
}

.digital_pro_development {
    background: #f3f6f6;
    padding: 70px 0
}

.product_wrapper {
    padding-bottom: 70px
}

.product_wrapper:last-child {
    padding-bottom: 0
}

.product_wrapper .service_box .services-card .card-title {
    font-size: 18px;
    line-height: inherit
}

.product_wrapper .service_box {
    margin-bottom: 40px
}

.product_wrapper .service_box .services-card {
    min-height: 340px;
    color: #333;
    padding: 20px;
    text-align: center
}

.product_wrapper .service_box .services-card:hover {
    box-shadow: 0 3px 25px #d3d5d5
}

.product_wrapper .service_box .services-card .card-title {
    margin-left: 0
}

.product_wrapper .service_box .services-card p {
    font-size: 18px;
    line-height: 23px;
    margin-top: 10px
}

.card_logo.services_card_logo {
    background: url(../images/service_sprit.png);
    height: 80px;
    width: 80px;
    margin: 0 auto 0 auto;
    display: block;
    margin-bottom: 12px
}

.digital-pro-services .card_logo.services_card_logo {
    margin: 24px 24px 12px !important
}

.defiimg_row {
    margin-bottom: 10px
}

.defiimg_row img {
    width: 72px
}

.lotterflex {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.deffiloteery_section {
    margin-top: 10px !important
}

.card_logo.services_card_logo.white_label {
    background-position: -80px 0
}

.card_logo.services_card_logo.migration {
    background-position: -560px 0
}

.card_logo.services_card_logo.support {
    background-position: -240px -80px
}

.card_logo.services_card_logo.blockchain_app {
    background-position: -80px -80px
}

.card_logo.services_card_logo.bespoke_ecommerce {
    background-position: -160px 0
}

.card_logo.services_card_logo.UIUX {
    background-position: -718px 170px
}

.card_logo.services_card_logo.software_legacy {
    background-position: -643px 0
}

.card_logo.services_card_logo.localization_testing {
    background-position: -1211px 0
}

.card_logo.services_card_logo.performance_testing {
    background-position: -560px 80px
}

.card_logo.services_card_logo.real_chat {
    background-position: 0 -80px
}

.card_logo.services_card_logo.crm {
    background-position: -160px -80px
}

.card_logo.services_card_logo.android_integration {
    background-position: -160px -80px
}

.card_logo.services_card_logo.hospital {
    background-position: -320px 0
}

.card_logo.services_card_logo.delivery {
    background-position: -400px 0
}

.card_logo.services_card_logo.parking_management {
    background-position: -480px 0
}

.card_logo.services_card_logo.soft_hard {
    background-position: -560px 0
}

.card_logo.services_card_logo.mobile_app {
    background-position: -640px 0
}

.card_logo.services_card_logo.web_app {
    background-position: -720px 0
}

.card_logo.services_card_logo.mvp_development {
    background-position: -800px 0
}

.card_logo.services_card_logo.legacy_software {
    background-position: -880px 0
}

.card_logo.services_card_logo.crm_exp {
    background-position: -968px 0
}

.custom-web-content h1,
.custom-web-content p {
    color: #fff !important
}

.card_logo.services_card_logo.chat_bot {
    background-position: 0 80px
}

.card_logo.services_card_logo.blochain {
    background-position: -80px 80px
}

.card_logo.services_card_logo.app_support {
    background-position: -160px 80px
}

.card_logo.services_card_logo.team_staff {
    background-position: -240px 80px
}

.Social-icon.footer-social-icon-area {
    position: relative;
    z-index: 99
}

.Social-icon.footer-social-icon-area i.fa.fa-envelope {
    color: #fff;
    margin-right: 3px
}

.Social-icon.footer-social-icon-area a {
    color: #fff !important
}

h3.challenges-head {
    margin-bottom: 0
}

section.casestudy_bannerarea.case_study_index_cube.efx-banner-top,
section.casestudy_content.casestudy_resultarea.text-center.case_study_index_cube.efx-banner-top {
    background: #5AB4EB !important
}

.case_study_skillscoop {
    background: linear-gradient(0deg, #161675 0%, rgba(22, 22, 117, 0.6) 100%) !important;
}

.case_study_v2a {
    background: #013fe2 !important;
}

.case_study_flipacard {
    background: #000 !important;
}

.card_logo.services_card_logo.digital_marktingg {
    background-position: -320px 80px
}

.row.efx-result-area {
    display: flex;
    flex-wrap: wrap
}

.card_logo.services_card_logo.software_testing {
    background-position: -400px 80px
}

.card_logo.services_card_logo.it_service {
    background-position: -480px 80px
}

.card_logo.services_card_logo.ux_ui_service {
    background-position: -560px 80px
}

.card_logo.services_card_logo.business_analysis {
    background-position: -640px 80px
}

.card_logo.services_card_logo.system_analysis {
    background-position: -720px 80px
}

.card_logo.services_card_logo.operation_analysis {
    background-position: -800px 80px
}

.card_logo.services_card_logo.rpa {
    background-position: -880px 80px
}

.card_logo.services_card_logo.ddd_app {
    background-position: -1050px 0
}

.card_logo.services_card_logo.health_app {
    background-position: -1130px 0
}

.card_logo.services_card_logo.gps_app {
    background-position: -1210px 0
}

.card_logo.services_card_logo.archi_app {
    background-position: -1290px 0
}

.card_logo.services_card_logo.fashion_app {
    background-position: -1373px 0
}

.technical-expertise-area td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px
}

.technical-expertise-area table {
    width: 100%;
    margin-top: 30px
}

.technical-expertise-area table {
    width: 100%
}

.technical-expertise-area tr:first-child {
    background-color: #dddddd
}

.technical-expertise-area tr th {
    color: var(--headingColor);
    padding: 10px;
    border: 1px solid #0000000d
}

.card_logo.services_card_logo.bio_app {
    background-position: -1130px 165px
}

.card_logo.services_card_logo.location_app {
    background-position: -1210px 0
}

.card_logo.services_card_logo.dashboard_app {
    background-position: -480px -81px
}

.card_logo.services_card_logo.social_app {
    background-position: -320px -80px
}

.card_logo.services_card_logo.search_app {
    background-position: -725px 0
}

.card_logo.services_card_logo.chat_rbot {
    background-position: 562px -80px
}

.card_logo.services_card_logo.chat_rbot {
    background-position: 562px -80px
}

.card_logo.services_card_logo.mobile_app {
    background-position: -645px 0
}

.card_logo.services_card_logo.ai_app {
    background-position: -970px 166px
}

.card_logo.services_card_logo.vr_app {
    background-position: -1050px 0
}

.card_logo.services_card_logo.marketing_bot {
    background-position: 0 80px
}

.card_logo.services_card_logo.customize_bot {
    background-position: -80px 80px
}

.card_logo.services_card_logo.facebook_bot {
    background-position: -160px 80px
}

.card_logo.services_card_logo.business_bot {
    background-position: -240px 80px
}

.card_logo.services_card_logo.custom_product {
    background-position: -562px 0
}

.card_logo.services_card_logo.blockchain_consult {
    background-position: -320px 83px
}

.card_logo.services_card_logo.private_blockchain {
    background-position: -400px 83px
}

.card_logo.services_card_logo.hyerledger_blockchain {
    background-position: -480px 83px
}

.card_logo.services_card_logo.nft-developement-logo {
    background-position: -1372px 167px
}

.card_logo.services_card_logo.smart_contract {
    background-position: -563px 83px
}

.card_logo.services_card_logo.blockchain_iot {
    background-position: -643px 83px
}

.card_logo.services_card_logo.crypto_exchange {
    background-position: -726px 83px
}

.card_logo.services_card_logo.modernization_service {
    background-position: 156px 0
}

.card_logo.services_card_logo.crm_atrategy {
    background-position: -888px 83px
}

.card_logo.services_card_logo.crm_tech {
    background-position: -970px 83px
}

.card_logo.services_card_logo.mobile_development {
    background-position: 4px 0
}

.card_logo.services_card_logo.custom_web {
    background-position: -77px 0
}

.card_logo.services_card_logo.mvp_development {
    background-position: -807px 0
}

.card_logo.services_card_logo.data_migration {
    background-position: -1130px 83px
}

.card_logo.services_card_logo.erp_confg {
    background-position: -1212px 83px
}

.card_logo.services_card_logo.erp_upgrade {
    background-position: -1290px 83px
}

.service_menu .service_box .services-card {
    background: #f3f6f6;
    box-shadow: 0 3px 25px #e4e4e4
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none
}

.technologies_section {
    padding: 70px 0
}

h2.casetudy_name.digital-casestudy-name {
    text-align: left;
    line-height: 34px
}

.tech_logo {
    max-width: 1500px;
    margin: 0 auto
}

.tech_logo li {
    display: inline-block;
    padding: 20px 29px;
    text-align: center
}

.tech_logo li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 46px
}

.tech_logo li img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.banner_inner_cntnt {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 100px;
    max-width: 31%;
    width: 100%
}

.banner_inner_cntnt h1 {
    font-size: 45px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

.banner_inner_cntnt p {
    font-size: 18px;
    color: #fff;
    line-height: 29px;
    margin-bottom: 10px
}

.plans-section .justify-content-center {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.plans-section .col-md-4 {
    width: 50%
}

.devlpg_sctn a.strt_btn {
    margin: 40px 0 0 0;
    text-align: center;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    max-width: 300px;
    width: 100%;
    display: block;
    font-size: 20px;
    border-radius: 4px;
    clear: both;
    text-align: center;
    float: unset
}

.devlpg_sctn .carousel-inner .item img {
    border-radius: inherit;
    width: inherit;
    height: inherit
}

.devlpg_sctn .carousel-indicators li {
    width: 80px;
    border-radius: 1px;
    background: #ddd;
    border: none;
    height: 8px;
    margin: 0 5px
}

.devlpg_sctn .carousel-indicators .active {
    width: 80px !important;
    border-radius: 1px;
    background: #ed5f00;
    height: 10px
}

.benefits_sctn {
    padding: 70px 0 0
}

.benefits_sctn .benefits_details h3 {
    color: var(--headingColor);
    font-size: 55px;
    line-height: 57px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 15px
}

.benefits_sctn .benefits_details p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.benefi_inner {
    margin-bottom: 20px;
    min-height: 335px
}

.benefits_sctn .benefi_inner h2 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 10px
}

.benefits_sctn .benefi_inner h2 span {
    height: 30px;
    width: 30px;
    background: #fff;
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    margin-right: 10px;
    border-radius: 100%;
    border: 1px solid var(--headingColor);
    font-size: 14px
}

.benefits_sctn .benefi_inner p {
    font-size: 16px;
    line-height: 28px
}

.bg_gray {
    background: #f3f6f6
}

.bgg_white {
    background: #fff
}

.what_we_offer {
    padding: 70px 0
}

.offer_content p {
    margin-bottom: 20px
}

.digital_pro_development.common_sec.partnerships_strategic .heading_new.text-center {
    margin-bottom: 0
}

.full-stack-area-usa h1 {
    font-size: 36px !important
}

.digital_pro_development.common_sec.looking-to-hire h2.custom-size {
    font-size: 36px !important;
    line-height: 47px
}

.digital_pro_development.common_sec.looking-to-hire .services-card_new {
    min-height: unset
}

.full-stack-area-usa p {
    padding: 0 0 7px 0
}

.full-stack-area-usa h6 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 12px
}

.lets_talk {
    background: linear-gradient(97deg, #086ad8 0.39%, #2550D4 35.05%, #1F23CE 68.05%, #086ad8 99.26%);
    padding: 70px 0;
    overflow: hidden;
}

.technical-expertise-area .row {
    display: flex;
    justify-content: center
}

.technical-expertise-area {
    padding: 60px 0
}

.lets_talk .heading_lable {
    font-size: 28px;
    color: var(--whiteColor) !important;
    float: left;
    margin: 10px 0 0 0;
    line-height: 40px
}

h2.heading_lable.health-lable {
    font-size: 28px
}

.title.heading_lable a {
    color: #fff;
    text-decoration: underline
}

.new-statics-layout img {
    padding-top: 120px !important
}

.card_logo.services_card_logo.property-logo {
    background-position: 133% 47% !important
}

.card_logo.services_card_logo.regulatory-logo {
    background-position: 17% 83px
}

.card_logo.services_card_logo {
    background-position: 78% 167px
}

.card_logo.services_card_logo.decentralised-logo {
    background-position: -484px 83px
}

.card_logo.services_card_logo.peer-logo {
    background-position: -803px 83px
}

.card_logo.services_card_logo.health-logo {
    background-position: 803px 165px
}

.card_logo.services_card_logo.workflow-logo {
    background-position: -640px 166px
}

.card_logo.services_card_logo.validation-logo {
    background-position: 39% 45%
}

.card_logo.services_card_logo.transaction-logo {
    background-position: 195% 94%
}

.card_logo.services_card_logo.verification-logo {
    background-position: 189% 95%
}

.card_logo.services_card_logo.smart-contract-logo {
    background-position: -237px 83px
}

.card_logo.services_card_logo.elearning-logo {
    background-position: 105% 45%
}

.lets_talk .heading_lable::after {
    border-left: 5px solid #ed5f00
}

.lets_talk .orange_button.roundd_button {
    float: right;
    margin-top: 0;
    background: top;
    border: 2px solid #fff;
    color: #fff;
    white-space: nowrap
}

.lets_talk .orange_button.roundd_button:hover {
    color: #086ad8;
    background: #fff
}

.what_do_get {
    padding: 70px 0
}

.what_get_content {
    margin-bottom: 50px
}

.what_get_content h2 {
    font-weight: 600;
    position: relative;
    padding-left: 25px;
    font-size: 24px;
    margin-bottom: 15px
}

.what_get_content h2::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    border: 6px solid #044ccd;
    border-radius: 100%
}

.quote-container.digial_quote_container {
    padding: 70px 0
}

.quote-container.digial_quote_container .open-quote {
    margin-top: 0
}

.quote-container.digial_quote_container .close-quote {
    margin-bottom: 0
}

.our_process {
    padding: 70px 0 10px
}

.process_content .process_card {
    width: 33%;
    padding: 30px;
    position: relative;
    float: left;
    height: 340px
}

.process_content .process_card::after {
    height: 2px;
    width: 100%;
    position: absolute;
    background: #ee6000;
    content: "";
    bottom: 0;
    left: 0
}

.process_content .process_card::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #ee6000;
    border-radius: 100%;
    bottom: -4px;
    left: 0;
    z-index: 9
}

.process_content .process_card .line {
    position: absolute;
    height: 50%;
    width: 2px;
    background: #cbcbcb;
    bottom: 0;
    left: 4px;
    z-index: 1
}

.process_content .process_card .dot1 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ee6000;
    -webkit-box-shadow: 0 0 0 6px rgba(237, 95, 0, .4), 0 0 0 3px rgba(237, 95, 0, .4);
    box-shadow: 0 0 0 6px rgba(237, 95, 0, .4), 0 0 0 3px rgba(237, 95, 0, .4);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10
}

.process_content .process_card h3 {
    font-size: 24px;
    font-weight: 600
}

.process_content .process_card h3 span {
    font-size: 40px;
    color: #f9bb91;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.process_content .bdr_btm_none::after,
.process_content.row_second .process_card::after {
    display: none
}

.process_content.row_second .process_card .line {
    top: 0
}

.process_content.row_second .process_card:before {
    display: none
}

.process_content.row_second {
    padding-left: 15%
}

.process_content.row_second .process_card {
    width: 50%
}

.fill_bg {
    background: #fff
}

.fill_bg .custom_navigation .nav li a {
    color: #333
}

.fill_bg .custom_navigation .nav li a:focus,
.fill_bg .custom_navigation .nav li a:hover {
    color: #ef6407
}

.fill_bg .logo1 {
    display: none
}

.fill_bg .logo2 {
    display: block
}

.fill_bg .get_touch_btn {
    border: 1px solid #333;
    color: #333
}

.qualify_developer {
    padding: 30px 0
}

.qualify_developer h6 {
    color: #086ad8;
    font-size: 33px;
    margin: 0;
    font-weight: 700
}

.qualify_developer_box {
    background: #086ad8;
    color: #fff;
    padding: 40px 0
}

.qualify_developer_box h2 {
    margin: 0
}

.tick li {
    color: #fff;
    margin-top: 15px;
    padding-left: 28px;
    position: relative
}

.tick li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--headingColor);
    font-family: FontAwesome
}

.qualify_developer_box2 {
    background: url(../images/dot2.png) #efefef;
    color: #086ad8
}

.qualify_developer_box2 .tick li,
.qualify_developer_box2 .tick li:before {
    color: #000
}

.team_feature {
    padding: 50px 0
}

.team_feature h6.text-center {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

.team_feature p.text-center {
    margin-bottom: 30px;
    max-width: 97%;
    margin: 0 auto 30px auto;
    line-height: 25px
}

.img-circle {
    border-radius: 50%;
    margin-bottom: 20px
}

.team_feature h4 {
    font-weight: 700;
    margin-bottom: 10px
}

.feature_innerbox {
    margin-top: 25px
}

.x-team {
    padding: 40px 0 60px
}

.step_rpa {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 37px
}

.team_box {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e2e2e2;
    height: 340px;
    margin-top: 25px;
    padding: 40px 25px
}

.team_1 .team_box {
    height: 220px;
    min-height: 220px;
    position: relative;
    border-radius: 15px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05)
}

.team_iconbox {
    background: #1482bf none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 86px;
    line-height: 64px;
    width: 86px
}

.team_box p {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 22px;
    max-width: 66%;
    margin: 20px auto
}

.team_1 .team_box::after {
    background: rgba(0, 0, 0, 0) url(../images/right_arrow1.png) no-repeat scroll 0 0/100% auto;
    content: "";
    height: 26px;
    position: absolute;
    right: -24px;
    top: 46%;
    width: 16px;
    z-index: 999
}

.team_box.tem_b::after {
    background: transparent none repeat scroll 0 0
}

.x-team h2 {
    margin-bottom: 20px
}

.workflow {
    background: #1482bf;
    padding: 50px 0
}

.workflow h4 {
    color: #fff;
    font-size: 25px;
    padding-bottom: 20px;
    font-weight: 700
}

.process>li {
    background: rgba(0, 0, 0, 0) url(../images/right_ar.png) no-repeat scroll left center/23px auto;
    color: #fff;
    margin: 15px 0;
    padding: 0 15px;
    list-style-type: circle
}

.rpa_ser {
    padding: 50px 0
}

.benefit_con {
    margin: 9px 0;
    min-height: 85px;
    padding: 15px 0
}

.benefit_con>img {
    border-radius: 50%;
    padding: 12px;
    width: 90px;
    position: absolute
}

.benefit_con>p {
    line-height: 27px;
    padding-left: 100px;
    padding-top: 23px;
    position: relative;
    text-align: unset
}

ul.process {
    margin-left: 15px
}

.working_withus h1 {
    margin-bottom: 15px
}

.working_withus h1+p {
    margin-bottom: 30px
}

.working_withus .product_wrapper .service_box .services-card {
    min-height: 270px;
    height: auto;
    padding: 30px 20px
}

.product_wrapper .service_box .services-card .card-title span {
    width: 30px;
    height: 30px;
    border: 1px solid var(--headingColor);
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 30px;
    font-size: 14px;
    margin-right: 8px
}

.main_boxsection {
    padding: 50px 0 15px
}

.small_boxarea {
    max-width: 900px;
    margin: 0 auto 50px
}

.small_boxarea h1 {
    margin-top: 0
}

.service_line {
    display: inline-block;
    width: 100px;
    height: 4px;
    background: #1983c3;
    vertical-align: middle;
    margin: 10px 0 20px
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table.stripped-table thead tr th {
    border: 1px solid #dcdcdc !important;
    font-weight: 700;
    font-size: 24px;
    padding: 15px;
    background: #f9fafc
}

.table.stripped-table tbody tr td {
    border: 1px solid #dcdcdc;
    padding: 15px
}

.table.stripped-table tbody tr:nth-child(2n) td {
    background: #f9fafc
}

.common_section {
    padding-top: 50px;
    position: relative;
    z-index: 99;
    background-color: #fff
}

.graph_box {
    background: url(../images/blue_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    margin: 20px 0 0
}

.graph_box .small_boxarea {
    margin: 0 auto 30px
}

.graph_box .service_line {
    background: #fff
}

.graph_box .row p {
    margin-bottom: 20px
}

.graph_img {
    margin: 0 auto;
    display: block
}

.graph_box h2 {
    font-size: 24px;
    margin-bottom: 10px
}

.graph_box .col-sm-6 {
    margin-bottom: 30px
}

.grey_boxsection {
    background: #f9fafc
}

.quality_conbox {
    background: #fff;
    padding: 20px 20px 30px;
    margin-bottom: 25px;
    border-top: 4px solid #1983c3;
    min-height: 270px
}

.quality_conbox p {
    margin-top: 10px;
    color: #999;
    font-size: 16px
}

.why_feature {
    background: #ed6421;
    padding: 50px 0
}

.why_featurebox {
    border: 1px dashed #333;
    color: #fff;
    position: relative;
    border-radius: 12px;
    padding: 30px 30px 30px 110px;
    font-weight: 700;
    min-height: 112px;
    margin-bottom: 30px;
    color: #333
}

.why_featurebox img {
    position: absolute;
    left: 20px;
    top: 20px
}

ul.netset_drive li {
    float: left;
    width: 20%;
    position: relative;
    padding: 20px
}

ul.netset_drive li h1,
ul.netset_drive li span {
    font-size: 40px;
    font-weight: bold
}

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

ul.netset_drive li p {
    margin-top: 10px
}

ul.netset_drive li:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url(../images/orange_divide_line.png) center no-repeat;
    width: 10px;
    height: 134px
}

ul.netset_drive li:last-child:after {
    display: none
}

ul.netset_drive {
    margin: 25px 0
}

.cost_review_freelancer span {
    display: inline-block;
    color: #333;
    border-right: 1px solid #333;
    padding: 0 16px 0 22px;
    vertical-align: middle
}

.cost_review_freelancer span:last-of-type {
    border-right: none
}

.cost_review_freelancer {
    display: table;
    margin: 0 auto 40px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0
}

.portfolio_headarea {
    background: #086ad8;
    position: relative;
    overflow: hidden;
    z-index: 2
}

.portfolio_headarea.lottery_headarea {
    padding: 175px 0 80px
}

.portfolio_headarea .container aside {
    padding: 0;
    color: #fff
}

.portfolio_headarea .container aside.blockheader {
    color: #000
}

.portfolio_headarea .container aside h1 {
    font-size: 46px;
    margin: 15px 0;
    font-weight: 600
}

section.our_value.flexi-friendly.bg_gray h2 {
    color: var(--headingColor);
}

.heading_new.text-center h1 {
    color: var(--headingColor) !important;
}

.heading_new.text-center.partneship-heading h1 {
    color: #fff !important;
}

section.our_transformations.our_journey h2 {
    color: var(--headingColor);
}

.portfolio_headarea .container aside p,
.portfolio_headarea .container aside h4 {
    font-size: 17px;
    max-width: 90%;
    margin-bottom: 10px;
    line-height: 30px;
    color: var(--whiteColor);
}

.about_us_banner.portfolio_headarea.career_header p {
    color: var(--whiteColor) !important;
}

.portfolio_headarea .owl-carousel {
    width: 50% !important;
    right: -5%;
    float: right
}

.portfolio_headarea .owl-carousel .item figcaption {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.portfolio_headarea .owl-carousel .item figcaption h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.42;
    color: #fff;
    margin: 0
}

.portfolio_headarea .owl-carousel .item figcaption p {
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
    text-transform: uppercase
}

.portfolio_headarea .owl-carousel .item img {
    display: block;
    width: 100%
}

.portfolio_headarea .owl-carousel .owl-item {
    transition: .5s;
    transform: scale(.9) !important;
    transform-origin: right
}

.portfolio_headarea .owl-carousel .owl-item.firstActiveItem {
    transform: scale(1) !important
}

.common_inner_box {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #000
}

.main_base_image {
    width: 50%;
    height: 100vh;
    object-fit: cover
}

.right_handsside .main_base_image {
    float: right
}

.common_inner_box .container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.left_handsside .container {
    justify-content: flex-end
}

.img_center_mobile {
    height: 80%;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    width: 330px;
    object-fit: scale-down
}

.right_handsside .img_center_mobile {
    left: 15%
}

.left_handsside .img_center_mobile {
    left: -15%
}

.right_handsside .portfolio_text {
    padding-right: 12% !important
}

.left_handsside .portfolio_text {
    padding-left: 12% !important
}

.portfolio_text h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

.portfolio_text img {
    width: 110px;
    display: block !important;
    margin-bottom: 15px
}

.portfolio_text h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
    margin: 20px 0
}

.portfolio_text p {
    font-size: 18px;
    line-height: 1.56;
    color: #fff;
    margin: 0
}

.portfolio_text p a {
    display: inline-block;
    width: 20px;
    vertical-align: sub;
    margin-left: 15px
}

.portfolio_text p.for_download_btns {
    margin-top: 25px
}

.portfolio_text p a img {
    width: 100% !important;
    margin: 0
}

.portfolio_text ul {
    list-style: none;
    padding: 0;
    margin: 25px 0;
    display: flex;
    flex-wrap: wrap
}

.portfolio_text ul li {
    width: 33.333%;
    text-align: left;
    padding: 0 30px;
    text-align: left;
    padding: 0 0 !important;
    border: none !important
}

.portfolio_text.tab_portfolio ul li {
    width: 30% !important;
    margin-left: 0 !important
}

.portfolio_text.tab_portfolio ul li:after {
    display: none !important
}

.portfolio_text ul li big {
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.26;
    text-align: left;
    color: #fff
}

.portfolio_text ul li small {
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: #fff
}

.btn_register_header {
    display: inline-block;
    color: #fff;
    vertical-align: super;
    border-radius: 1.5px;
    border: solid 1px #70aa26;
    background-color: #70aa26;
    padding: 9px 20px 9px 47px;
    position: relative
}

.animation_on_hover.btn_register_header {
    font-size: 18px;
    padding: 13px 20px 13px 47px
}

.portfolio_text .animation_on_hover.btn_register_header {
    background-color: transparent;
    border: 1px solid #fff;
    position: relative;
    opacity: 0;
    top: 50px;
    transition: .5s;
    opacity: 1;
    top: 0;
    margin-top: 50px
}

.portfolio_text .animation_on_hover.btn_register_header:before {
    animation: pulso 2s infinite
}

.case_study_btngroup i {
    display: inline-block;
    color: #fff;
    font-style: normal;
    font-size: 18px;
    vertical-align: super;
    line-height: 1.3;
    padding: 0 0;
    margin-left: 25px;
    cursor: pointer;
    border-bottom: 1px solid #fff
}

.animation_on_hover.btn_register_header:hover:before {
    animation: pulso 2s infinite
}

.portfolio_text .animation_on_hover.btn_register_header:focus,
.portfolio_text .animation_on_hover.btn_register_header:hover {
    background-color: #000 !important;
    color: #fff
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.left_handsside .main_base_image {
    float: left
}

.port_tabing_system {
    position: relative;
    float: left;
    width: 100%
}

.tabber_tab_port {
    width: 20%;
    float: right;
    background-color: #f4f9ff;
    position: relative;
    z-index: 9
}

.tabber_tab_port li {
    width: 100%;
    display: block;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff
}

.tabber_tab_port li a {
    padding: 20px 30px;
    display: block;
    transition: .5s
}

.tabber_tab_port li.active a {
    background-color: #eee
}

.tabber_tab_port li a b {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #131d2b
}

.tabber_tab_port li a span {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
    color: #131d2b
}

.tabber_project {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.tabber_project .tab-content {
    height: 100%
}

.tabber_project .tab-pane {
    height: 100%
}

.tabber_project .tab-pane .container {
    padding-right: 10%;
    height: 100%
}

.row-flexible-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.tabber_project .tab-pane .container .row {
    height: 100%
}

.orange_lettalk {
    background-color: #ed5f00;
    padding: 30px
}

.grow_business_bg {
    background: url(../images/professional_talk.png) left top no-repeat;
    background-size: contain;
    padding: 80px
}

.orange_lettalk h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    text-align: left;
    color: #fff;
    margin-bottom: 30px
}

.orange_lettalk .btn_register_header {
    color: #ed5f00 !important;
    border: solid 1px #fff;
    background-color: #fff
}

.orange_lettalk .btn_register_header:before {
    border: 3px solid #ed5f00
}

.orange_lettalk .btn_register_header:hover {
    background-color: var(--headingColor);
    color: #fff !important
}

.digital_pro_development.common_sec.Parameters_sec.cutting-edge-blockchain-area .row {
    display: flex;
    flex-wrap: wrap
}

.white_card.blockchain-service {
    min-height: 340px !important
}

.key-module-section .white_card.blockchain-service {
    min-height: 377px !important
}

.row.tech-stack-fot-blockchain {
    justify-content: center
}

.row.tech-stack-fot-blockchain .teck-area-content {
    margin-bottom: 30px
}

h2.transform-industry-heading {
    font-size: 38px !important
}

.conversational-ai-platform.business_benefits.transform-area .heading_new {
    margin-bottom: 32px
}

.digital_pro_development.common_sec.seamless-blockchain-area .row {
    display: flex;
    flex-wrap: wrap
}

.services-card_new.cutting-edge-blockchain-content {
    min-height: 300px;
    height: 100% !important
}

.conversational-ai-platform-content.transform-industry-content {
    min-height: 200px;
    height: 100%
}

.heading_new.text-center.custom-mobile-app-heading h1 {
    color: #fff !important
}

.grow_business {
    padding: 80px 0
}

#contct_from_new {
    padding: 0 !important
}

#contct_from_new .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0 auto
}

#contct_from_new .modal-dialog,
#contct_from_new .modal-dialog .modal-content {
    background: 0 0;
    border: unset;
    border-radius: unset;
    box-shadow: unset
}

#contct_from_new .modal-dialog {
    background: #fff;
    height: 100%
}

#contct_from_new .modal-header {
    padding: 20px 100px
}

#contct_from_new button.close {
    line-height: 71px;
    font-size: 40px
}

#contct_from_new h4.modal-title img {
    max-width: 170px
}

#contct_from_new .modal-body {
    padding: 100px
}

a.contactbtn.hire-dedicated-developers-call-action {
    border: none;
    padding: 10px 22px;
    width: 150px;
    max-width: 150px;
    margin: 10px 0 0 0
}

#contct_from_new .form-heading-blue {
    font-size: 36px;
    font-weight: 700;
    color: #086ad8;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.1
}

.form-heading-black {
    color: #000 !important
}

.contacts a {
    color: black
}

.contacts {
    font-size: 16px;
    margin-bottom: 9px;
    display: flex;
    gap: 9px;
    align-items: center
}

#contct_from_new h1 {
    color: #086ad8 !important;
    font-size: 31px;
    letter-spacing: -1px;
    font-weight: 700
}

#contct_from_new label {
    font-size: 14px;
    margin-bottom: 0px;
    font-weight: 600
}

a.btn_register_header.animation_on_hover.new-meeting,
a.btn_register_header.animation_on_hover.new-meeting:hover {
    background: transparent !important;
    border: none;
    border-radius: 44px !important;
    color: #000 !important
}

.new-meeting:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    width: 15px;
    height: 15px;
    border: 3px solid #096ad8;
    border-radius: 50%;
    box-shadow: 0 0 12px 8px rgba(9, 106, 216, 1);
    animation: pulso 2s infinite;
    transition: 0.5s
}

@keyframes pulso {
    0% {
        box-shadow: 0 0 0 0 rgba(9, 106, 216, 0.7)
    }

    70% {
        box-shadow: 0 0 12px 18px rgba(9, 106, 216, 0)
    }

    100% {
        box-shadow: 0 0 0 0 rgba(9, 106, 216, 0)
    }
}

.new-meeting {
    padding: 3px 20px 3px 48px !important;
    margin-left: -8px;
    font-size: 20px
}

.new-right-side {
    padding-bottom: 12px;
    border-bottom: 1px solid #8080804f;
    margin-bottom: 19px
}

.upper-contact {
    margin-top: 24px
}

.new-right-side h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: 700
}

.contact-head.new-contact-heading {
    font-size: 28px;
    letter-spacing: -2px;
    font-weight: 700;
    border-left: 5px solid gray;
    padding-left: 10px
}

.new-heads {
    margin-right: 10px
}

div#contct_from_new .flag-container {
    display: none
}

div#contct_from_new input,
div#contct_from_new select {
    line-height: 35px;
    height: 45px;
    box-shadow: unset;
    font-size: 14px;
    padding-left: 17px;
    border: none
}

div#contct_from_new textarea.form-control {
    box-shadow: unset;
    font-size: 14px;
    border-radius: 5px;
    border: none;
    height: 68px
}

.iti__country-name {
    color: #000000 !important;
    font-size: 13px
}

.iti__dial-code {
    color: #086ad8;
    font-size: 13px
}

#contct_from_new .modal-dialog .modal-content .modal-body {
    padding: 30px 100px
}

.styled-select input,
.styled-select select {
    border: none !important
}

.styled-select {
    box-sizing: border-box;
    position: relative
}

.styled-select select {
    height: 45px;
    border: 1px solid rgba(0, 0, 0, .2);
    font-size: 14px;
    padding: 6px 12px;
    color: #999;
    width: 100%;
    position: relative
}

.styled-select .fa.fa-sort-desc {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 18px
}

.styled-select select:focus {
    outline: 0
}

.styled-select select {
    height: 43px;
    padding: 5px 0 5px 5px;
    background: 0 0;
    border: none;
    -webkit-appearance: none
}

.website_input {
    display: none !important
}

#contct_from_new button.explore-link {
    margin: 15px 0 0;
    border-radius: 0;
    text-transform: uppercase;
    line-height: 45px;
    text-align: center;
    border: 2px solid #ed5f00;
    background: 0 0;
    color: #ed5f00;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    display: block;
    max-width: 200px;
    width: 100%;
    height: auto;
    padding: 0
}

#contct_from_new a.btn_register_header.animation_on_hover.new-meeting,
#contct_from_new a.btn_register_header.animation_on_hover.new-meeting:hover {
    font-size: 14px;
    background: #ff5a01 !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.contact-page-inners {
    background: #fff;
    border-radius: 7px
}

.contact-side-area {
    padding-left: 43px;
    padding-top: 32px
}

.contact_skype {
    color: #1983c3 !important
}

.contact-side-area i {
    color: #086ad8;
    font-size: 20px;
    margin-right: 8px
}

.team_bg {
    background: url('../images/team_bg.jpg');
    background-size: cover;
    width: 100%;
    height: 600px;
    position: relative;
    background-position: center
}

.team_bg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ef640738
}

.team_img {
    position: absolute;
    left: 0;
    bottom: -1px
}

.team1 {
    position: relative
}

.team1 .team_bio {
    padding: 22px 0px 0 269px;
    line-height: 1.6;
    font-size: 18px;
    text-align: justify
}

.spacing_section {
    padding: 50px 0
}

.social_handle {
    margin-top: 14px
}

.social_handle i {
    color: #808080c7;
    font-size: 17px
}

.social_handle .fa.fa-linkedin-square {
    margin-left: 9px
}

.color_section {
    background: #f3f6f6;
    padding: 98px 0
}

.leftteam .team_img {
    right: 0;
    top: 17px;
    left: unset
}

.leftteam .team_bio {
    padding: 22px 269px 0 0;
    line-height: 1.6;
    font-size: 18px;
    text-align: justify
}

.team1 h2 {
    font-size: 35px;
    font-weight: 600
}

.team1 .des {
    color: grey;
    padding-top: 4px;
    margin-bottom: 18px
}

p.right-new-margin.contact_skype.contact-number-spacing {
    margin-bottom: 7px !important;
    font-weight: 600 !important
}

.conatct-hr-inquiry h2 {
    color: #1983c3;
    font-weight: 700;
    font-size: 30px;
    margin: 50px 0 20px 0
}

.conatct-hr-inquiry p.right-new-margin.contact_skype.contact-number-spacing {
    margin-bottom: 30px !important
}

.solution_tab ul {
    margin: 0;
    border-bottom: 0
}

.solution_tab ul li a {
    border: 1px solid #ddd;
    color: #888;
    text-align: center;
    padding: 23px 10px
}

.solution_tab ul li {
    width: 33%
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.solution_tab ul li.active>a {
    background: #209f85;
    color: #fff
}

.solution_tab {
    margin-top: 35px
}

.tab-content .tab-pane ul li {
    width: 100%;
    margin-left: 15px
}

.our_transformations {
    padding: 70px 0
}

.heading_new h1,
.heading_new h2,
.heading_new .global-heading {
    font-size: 40px;
    display: block;
    color: var(--headingColor);
    font-weight: 600
}

.heading_new.text-center p {
    color: var(--paragraphColor);
    font-size: 17px !important;
    line-height: 30px
}

h2.casetudy_name {
    font-weight: 600
}

.story_heading.new_headingg p {
    margin-bottom: 6px
}

.linee {
    height: 4px;
    width: 100px;
    background: #096ad8;
    margin: 30px auto 30px auto
}

.contentttt.text-center p {
    margin-bottom: 15px
}

.our_business .heading_new h1,
.our_business .heading_new h1,
.our_business .heading_new p {
    color: #fff
}

.our_business .heading_new .linee {
    background: #fff
}

.our_business .heading_new,
.our_value .heading_new {
    margin-bottom: 60px
}

.our_business .white_card {
    margin-bottom: 30px;
    border-radius: 10px
}

.white_card {
    padding: 20px 15px;
    background: #fff;
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: all .3s ease-in-out;
    min-height: 350px
}

.white_card:hover {
    margin-top: -20px !important;
    padding-top: 45px;
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13)
}

.white-circle h2 {
    text-align: center
}

.white_card:hover h2 {
    background: #ef6407;
    color: #fff
}

.development_process .white_card h3 {
    color: #333;
    margin: 20px 0 40px 0;
    font-weight: 600;
    position: relative;
    font-size: 32px;
    line-height: 36px
}

.development_process .white_card h3::after {
    position: absolute;
    height: 2px;
    width: 150px;
    content: "";
    background: #086ad8;
    left: 0;
    bottom: -10px
}

.development_process .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px;
    box-shadow: 0 0 1px 1px #e8ebf1
}

.our_value {
    padding: 70px 0 0
}

.value_box {
    padding: 25px 15px;
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: all .3s ease-in-out;
    background: #fff;
    text-align: center
}

.our_value .white_card {
    min-height: 290px
}

.logo_box {
    width: 20%;
    float: left;
    border: 1px solid #e8ebf1;
    padding: 0;
    min-height: 350px;
    height: auto;
    text-align: center
}

.logo_box h3 {
    margin-top: 20px;
    color: #333;
    padding: 0 20px;
    font-size: 18px
}

.logo_big {
    display: inherit;
    padding-top: 120px
}

.logo_small {
    padding: 45px 0;
    display: inherit
}

.logo_box.last_logo .logo_small {
    padding: 23px 0;
    display: inherit
}

.logo_box.bg_blue {
    background: #ef6407
}

.logo_box.bg_blue h3 {
    color: #fff
}

.logo_box .logo_small:first-child {
    border-bottom: 1px solid #e8ebf1
}

.left_imag {
    width: 50%;
    float: left
}

.right_imag {
    width: 50%;
    float: right
}

.first_row span {
    width: 50%;
    float: left
}

.second_row.text-center {
    background: rgba(10, 130, 179, .5);
    padding: 50px 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%
}

.first_row img,
.third_row img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.round_btnnn {
    background: #fff;
    padding: 10px 20px;
    border-radius: 60px;
    margin-top: 15px;
    display: inline-block
}

.journey_list li {
    width: 50%;
    margin: 0 !important;
    padding: 0;
    float: left;
    list-style: none;
    position: relative;
    max-height: 263px;
    height: 218px
}

.journey_list li span {
    display: inline-block
}

.journey_list .icon {
    height: 115px;
    vertical-align: top;
    width: 115px;
    border: 2px solid #e5e7e9;
    border-radius: 100%
}

.journey_list .icon:hover {
    transform: perspective(400px) translate3d(0, 0, 0) rotate3d(0, 1, 0, 190deg);
    transition: all .5s ease
}

.journey_list li .icon1 {
    background: #fff url(../images/our-story-timeline-icon1.png) center center no-repeat
}

.journey_list li .icon2 {
    background: #fff url(../images/our-story-timeline-icon2.png) center center no-repeat
}

.journey_list li .icon3 {
    background: #fff url(../images/our-story-timeline-icon3.png) center center no-repeat
}

.journey_list li .icon4 {
    background: #fff url(../images/our-story-timeline-icon4.png) center center no-repeat
}

.journey_list li .icon5 {
    background: #fff url(../images/our-story-timeline-icon5.png) center center no-repeat
}

.journey_list li .icon6 {
    background: #fff url(../images/our-story-timeline-icon6.png) center center no-repeat
}

.journey_list li .icon7 {
    background: #fff url(../images/our-story-timeline-icon7.png) center center no-repeat
}

.journey_list li .icon8 {
    background: #fff url(../images/our-story-timeline-icon8.png) center center no-repeat
}

.journey_list li .icon9 {
    background: #fff url(../images/our-story-timeline-icon9.png) center center no-repeat
}

.journey_list li .icon10 {
    background: #fff url(../images/our-story-timeline-icon10.png) center center no-repeat
}

.journey_list li .icon11 {
    background: #fff url(../images/our-story-timeline-icon11.png) center center no-repeat
}

.journey_list li .icon16 {
    background: #fff url(../images/our-story-timeline-icon16.png) center center no-repeat
}

.journey_list li .icon19 {
    background: #fff url(../images/our-story-timeline-icon19.png) center center no-repeat
}

.journey_list li span.text {
    width: 70%;
    padding: 0 40px
}

.journey_list {
    padding: 0 40px
}

.journey_list li span.text h3 {
    margin-bottom: 12px
}

ul.journey_list li p {}

.achive_list li {
    display: inline-block;
    width: 24%;
    position: relative;
    padding: 30px 0 30px 100px;
    vertical-align: top
}

.achive_list li img {
    position: absolute;
    left: 30px;
    height: 45px
}

.achive_list li h1 {
    font-weight: 400;
    font-size: 30px
}

.achive_list li {
    border-right: 1px solid #e8ebf1
}

.achive_list .row:first-child {
    border-bottom: 1px solid #e8ebf1
}

.achive_list .row li:last-child {
    border-right: none
}

.achive_list li p {
    font-size: 14px
}

.line_box img {
    float: left;
    left: -60px;
    position: absolute;
    top: 94px;
    height: 108px
}

.line_box2 img {
    float: left;
    left: -60px;
    position: absolute;
    top: 94px;
    height: 108px
}

.line_box.line_box2 img {
    right: -23px;
    left: inherit;
    transform: rotate(255deg)
}

.our_value.flexi-friendly {
    padding: 70px 0 0
}

.business_binding .white_card h3 {
    margin: 20px 0 18px;
    font-weight: 600;
    font-size: 22px
}

.business_binding .white_card p {
    font-size: 18px
}

.business_binding .wh-cards {
    height: 500px
}

.business_binding .partner-card {
    height: 415px
}

.business_binding .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px
}

.new_headingg.story_heading {
    background: url(../images/story_bg_top.png);
    background-size: auto;
    background-size: cover;
    background-position: center;
    padding: 100px 0
}

.new_headingg.story_heading h1 {
    color: #fff
}

.new_headingg.story_heading p {
    color: #fff
}

.common_sec {
    padding: 70px 0
}

.price_section .nav.nav-tabs {
    display: inline-block;
    border: none;
    margin-top: 20px
}

.price_section .nav.nav-tabs li a::after {
    position: absolute;
    top: -60px;
    left: 0;
    margin: 0 auto;
    right: 0;
    background: url(../images/engagement-model-sprite-icon.png);
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    content: "";
    visibility: visible
}

.price_section .nav.nav-tabs li a.time::after {
    background-position: -108px -9px
}

.price_section .nav.nav-tabs li a.team::after {
    background-position: -207px -7px
}

.price_section ul li a {
    color: #333
}

.price_section .nav-tabs li a:focus,
.price_section .nav-tabs li a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-color: #fff
}

.price_section .nav-tabs li.active a {
    border: none;
    border-bottom: 1px solid #086ad8;
    color: #ef6407
}

.price_section .nav-tabs li.active a:hover {
    border-bottom: 1px solid #086ad8
}

.price_section .nav.nav-tabs li a.fixed_price:after {
    background-position: -9px -9px
}

.tab_text ul li .price_icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    background-image: url(../images/engagement-model-sprite-icon.png);
    background-repeat: no-repeat;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 8px
}

.price_icon.time {
    background-position: -1099px -7px
}

.price_icon.well_defined {
    background-position: -1196px -7px
}

.price_icon.risk {
    background-position: -1296px -8px
}

.price_icon.room {
    background-position: -1395px -7px
}

.tab_text ul li p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

.tab-content .tab_text ul li {
    float: left;
    width: 50%;
    margin-left: 0;
    padding: 16px 0 20px 60px;
    position: relative
}

.common_sec.price_section .tab-content {
    padding: 50px 0 0
}

.common_sec.price_section .tab-content {
    padding: 40px 0 0
}

.tab_text h3,
.tab_text .benefits-tab-heading {
    font-size: 34px;
    margin-bottom: 10px;
    display: block
}

.tab_text ul {
    margin-top: 10px
}

.tab_text p {
    margin-bottom: 10px
}

.common_sec .heading_new,
.methodologies_section .heading_new {
    margin-bottom: 25px
}

.methodologies_section .engage-card {
    min-height: 439px
}

.methodologies_section .white_card {
    padding: 35px 15px
}

.methodologies_section .white_card .title {
    position: relative;
    padding: 0 0 0 80px;
    margin-bottom: 25px
}

.methodologies_section .white_card .title .engagement_sprit {
    position: absolute;
    left: 0;
    top: -15px
}

.methodologies_section .white_card .title h3 {
    margin: 8px 0 4px 0
}

.methodologies_section .white_card ul {
    margin: 15px 0 0
}

.methodologies_section .white_card ul li {
    position: relative;
    padding-left: 30px
}

.methodologies_section .white_card ul li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #086ad8;
    left: 0;
    border-radius: 100%;
    top: 8px
}

.methodologies_section .white_card p {
    font-size: 16px
}

.engagement_sprit {
    background-image: url(../images/engagement-model-sprite-icon.png);
    background-repeat: no-repeat;
    width: 65px;
    height: 65px;
    display: block;
    background-position: -2px -101px
}

.engagement_sprit.waterfall {
    background-position: -102px -101px
}

.engagement_sprit.kanban {
    background-position: -203px -101px
}

.accordian_box .panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    font-size: 12px;
    padding-top: 4px
}

.accordian_box .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
    font-size: 12px;
    padding-top: 4px;
    padding-left: 15px
}

.accordian_box .panel-title>a:active,
.accordian_box .panel-title>a:focus,
.accordian_box .panel-title>a:hover {
    text-decoration: none
}

.accordian_box .panel-title a {
    width: 100%;
    display: inherit;
    color: #333;
    font-size: 20px
}

.accordian_box h3 {
    background: #ef6407;
    color: #fff;
    padding: 15px 10px;
    font-size: 20px
}

.accordian_box .panel-group .panel {
    border-radius: 0
}

.accordian_box .panel-group .panel+.panel {
    margin-top: 0
}

.accordian_box .panel-heading {
    padding: 13px 15px;
    background: #fff
}

.accordian_box .panel-title {
    font-size: 18px
}

.accordian_box .panel-body {
    font-size: 18px !important;
    color: var(--paragraphColor);
}

.app_banner.website_banner {
    position: relative;
    background-color: #fff;
    height: 350px;
    clear: both;
    margin-top: 100px;
    width: 100%
}

.tab_label {
    margin-bottom: 40px
}

.tab_label ul {
    display: inline-block;
    border: none
}

.tab_label ul li {
    border-right: 1px solid var(--headingColor);
    padding: 0 20px
}

.tab_label ul li:last-child {
    border-right: none
}

.tab_label ul li a {
    border-radius: 8px;
    padding: 5px 35px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333
}

.tab_label ul li.active a {
    border: 1px solid #ef6407;
    color: #ef6407
}

.adv_technology .tab_label ul li a:focus,
.adv_technology .tab_label ul li a:hover,
.adv_technology .tab_label ul li.active a:hover {
    color: #ef6407;
    border: 1px solid #ef6407;
    background: #fff
}

.tech_box {
    border: 1px solid #ebeaea
}

.tech_box img {
    width: 100%
}

.tech_box .tech_content {
    padding: 20px
}

.tech_content h3 a {
    color: #33333f;
    font-size: 20px;
    display: inherit;
    margin: 0 0 5px;
    line-height: 27px
}

.tech_content .tag {
    margin: 8px 0;
    font-size: 16px;
    color: #787878
}

.tech_content .tag a {
    margin-right: 5px;
    color: #787878
}

.tech_content .details {
    font-size: 16px
}

.header2 .custom_navigation ul li a:hover {
    color: #fff
}

.header ul.dropdown_menu.company_dropdown {
    max-width: 440px
}

.header ul.dropdown_menu {
    box-shadow: 0 2px 2px #e8e8e8;
    background: #fff;
    min-width: 270px;
    border-radius: 5px;
    transition: all .3s ease-in 0s;
    visibility: hidden;
    opacity: 0;
    padding-top: 10px;
    transform: translateX(-50%) scale(.9);
    margin-left: 35px;
    position: absolute;
    z-index: 99999999
}

.custom_navigation.navbar-default ul li:hover .dropdown_menu {
    visibility: visible
}

.custom_navigation.navbar-default ul li:hover .dropdown_menu {
    opacity: 1;
    top: 100%;
    transition: all .3s ease-in 0s;
    visibility: visible;
    transform: translateX(-51%) scale(1)
}

.custom_navigation.navbar-default ul li:hover .dropdown_menu {
    opacity: 1;
    top: 100%;
    transition: all .3s ease-in 0s;
    visibility: visible;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 5px;
    padding: 20px 25px
}

.custom_navigation.navbar-default li .dropdown_menu li a {
    font-size: 16px;
    padding: 8px 4px;
    color: #333;
    border: 1px solid #fff;
    display: inline-block;
    width: calc(100% - 35px)
}

.custom_navigation.navbar-default li .dropdown_menu li a:hover {
    background: rgba(239, 100, 7, .1);
    border: 1px solid #fc802c
}

.custom_navigation.navbar-default li .dropdown_menu li a .fa {
    padding: 0 13px 0 0;
    color: #ef6407
}

.custom_navigation.navbar-default li ul.dropdown_menu::after {
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: -8px;
    transform: rotate(45deg)
}

.header ul.dropdown_menu.technology_dropdown {
    min-width: 1000px
}

.header ul.dropdown_menu.technology_dropdown .title {
    color: #333;
    padding: 0
}

.header ul.dropdown_menu.technology_dropdown .title h4 {
    font-size: 20px;
    margin-bottom: 8px
}

.sub_menu {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top
}

.sub_menu ul {
    margin-bottom: 15px;
    margin-left: 0
}

.sub_menu_title {
    font-size: 16px;
    color: #fc802c !important;
    margin-bottom: 5px
}

.sub_menu ul li {
    position: relative
}

.sub_menu ul li::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background: #fc802c;
    border-radius: 100%;
    left: -10px;
    top: 17px
}

.custom_navigation.navbar-default li .dropdown_menu.technology_dropdown li a {
    font-size: 15px;
    padding: 5px 4px
}

.dropdown_menu.technology_dropdown .sub_menu ul li {
    margin-left: 10px
}

.dropdown_menu.technology_dropdown .sub_menu ul li::after {
    content: "";
    position: absolute;
    height: 6px;
    width: 6px;
    background: #fc802c;
    border-radius: 100%;
    left: -10px;
    top: 14px
}

.header ul.dropdown_menu.technology_dropdown h2,
.header ul.dropdown_menu.technology_dropdown p.work-with-netset {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 0 0
}

.header ul.dropdown_menu.technology_dropdown h2 a,
.header ul.dropdown_menu.technology_dropdown p.work-with-netset a {
    color: #333
}

.dropdown.service_menu:hover .mega-dropdown-menu {
    display: block
}

.company_menu {
    display: inline-block;
    background-image: url(../images/company_menu_sprite.png);
    background-repeat: no-repeat;
    width: 26px;
    height: 26px;
    background-size: auto 22px;
    vertical-align: middle;
    margin-right: 4px
}

.company_menu.life_netset {
    background-position: -183px 4px
}

.company_menu.process {
    background-position: -236px 0
}

.company_menu.engagement {
    background-position: -52px 0
}

.company_menu.resources {
    background-position: -104px 0
}

.company_menu.careers {
    background-position: -130px 0
}

.company_menu.partner_netset {
    background-position: -210px 0
}

.services_menuu {
    display: inline-block;
    background-image: url(../images/services_menu_sprite.png);
    background-repeat: no-repeat;
    width: 24px;
    height: 26px;
    background-size: auto 22px;
    vertical-align: middle
}

.services_menuu.bespoke_web {
    background-position: -20px 0
}

.services_menuu.app_mainten {
    background-position: -87px 0
}

.services_menuu.app_modernization {
    background-position: -43px 0
}

.services_menuu.nft-development-icon {
    background-position: -156px 0
}

.services_menuu.quality_assurance {
    background-position: -66px 0
}

.services_menuu.it_stuff_argu {
    background-position: -130px 0
}

.services_menuu.dedicated_team {
    background-position: -109px 0
}

.services_menuu.telemed-menu-icon {
    background-position: -178px 0
}

.services_menuu.foodpro-menu-icon {
    background-position: -203px 0
}

.services_menuu.ondemand-pro-menu-icon {
    background-position: -226px 0
}

.services_menuu.delivery-pro-menu-icon {
    background-position: -257px 0
}

.services_menuu.ai-menu-icon {
    background-position: -282px 0
}

.header ul.dropdown_menu.technology_dropdown .title {
    position: relative;
    padding-left: 32px;
    display: inherit
}

.technology_dropdown .title span {
    position: absolute;
    left: 0
}

.services_menuu.technologies_menu {
    background-position: -87px 0
}

.dropdown_menu.services_dropdown {
    width: 740px
}

.dropdown_menu.solutions-dropdown {
    width: 470px
}

.dropdown_menu.services_dropdown>li {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.dropdown_menu.services_dropdown .sub_menu {
    margin: 0 0 0 35px
}

.custom_navigation.navbar-default li .dropdown_menu.services_dropdown .sub_menu li a {
    font-size: 15px;
    padding: 8px 4px;
    width: 100%
}

.menu_sec {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.selesen {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.cotimg {
    margin: 10px
}

.boy {
    height: 64px;
    width: 54px;
    background: url(../images/new-sprit_img.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.contactlist {
    width: 280px
}

.showmenu {
    display: block !important;
    float: left;
    position: static !important;
    margin-top: 9px;
    padding-left: 0;
    margin-left: 0
}

.showmenu li {
    float: left;
    width: 100%;
    margin-bottom: 5px;
    font-size: 16px;
    color: #333;
    cursor: pointer
}

.showmenu li img {
    margin: 5px
}

.custom_navigation.navbar-default .dropdown_menu .last_chld a {
    padding: 7px 5px
}

.fz-12 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000
}

.bdtop {
    border-top: 1px solid #ccc;
    padding-top: 14px
}

.bag {
    height: 64px;
    width: 54px;
    background: url(../images/new-sprit_img.png);
    background-position: -60px 0;
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px
}

.showmenu .last_chld a {
    display: inherit
}

.dropdown_menu.company_dropdown.contact_us_dropdown {
    max-width: 440px !important
}

.contacheader {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.contactBody {
    padding: 10px
}

.error_section {
    padding: 70px 0
}

.error_section p {
    padding: 15px 0 50px
}

.error_section a {
    max-width: 250px;
    width: 100%;
    border-radius: 60px;
    background: #096ad8;
    margin: 0 5px;
    border: 2px solid #096ad8;
    padding: 15px
}

.error_section h1 {
    font-size: 50px
}

.orange_button.back_btnn {
    background: #fff;
    color: #086ad8
}

.casestudty_slider_sec.case-study-main-box.box-fixed-height p {
    text-align: left
}

.error_section img {
    height: 430px;
    margin: 40px 0
}

.servicee_section .white_card {
    margin-bottom: 30px
}

.hire_icon {
    background-image: url(../images/hire-python-developers-sprite.png);
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    margin: 0 auto
}

.hire_icon.hire1 {
    background-position: -593px -562px
}

.hire_icon.hire2 {
    background-position: -692px -562px
}

.hire_icon.hire3 {
    background-position: -790px -562px
}

.casestudty_slider_sec.case-study-main-box.box-fixed-height .casestudy_box {
    min-height: 500px !important
}

.hire_icon.hire4 {
    background-position: -890px -562px
}

.hire_icon.hire5 {
    background-position: -990px -562px
}

.hire_icon.hire6 {
    background-position: -1095px -562px
}

.hire_card_list .white_card {
    box-shadow: none
}

.hire_card_list .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px;
    box-shadow: none
}

.hire_card_list .white_card .linee {
    width: 70px;
    background: #ddd
}

.dotted_box {
    background: #fff;
    border: 1px dashed #086ad8;
    padding: 20px 25px;
    text-align: center;
    margin-bottom: 30px
}

.dotted_box a {
    margin-top: 10px;
    display: inherit
}

.dotted_box .hire_icon {
    width: 110px
}

.hire_icon.industry1 {
    background-position: 5px -446px
}

.hire_icon.industry2 {
    background-position: -128px -446px
}

.hire_icon.industry3 {
    background-position: -255px -446px
}

.hire_icon.industry4 {
    background-position: -390px -446px
}

.hire_icon.industry5 {
    background-position: -522px -446px
}

.hire_icon.industry6 {
    background-position: -658px -446px
}

.hire_icon.industry7 {
    background-position: -790px -446px
}

.hire_icon.industry8 {
    background-position: -919px -446px
}

.methodologies_section.hiring_models_section .white_card .title {
    position: inherit;
    padding: 0;
    margin-bottom: 25px
}

.methodologies_section.hiring_models_section .white_card .title .engagement_sprit {
    position: inherit
}

.methodologies_section.hiring_models_section .white_card {
    min-height: inherit
}

.techo_list {
    border: 1px solid #eae7e7
}

.techno {
    overflow: hidden;
    border-bottom: 1px solid #eae7e7
}

.techno .title {
    width: 30%;
    float: left;
    position: relative;
    padding: 20px 0 20px 110px
}

.techno .technologies {
    width: 70%;
    float: left;
    padding: 20px 0 20px 0;
    border-left: 1px solid #eae7e7
}

.technologies ul li {
    display: inline-block;
    width: 23%;
    padding-left: 50px
}

.techno .title h1 {
    font-weight: 500;
    font-size: 26px;
    padding-top: 15px
}

.techno_icon {
    height: 65px;
    width: 68px;
    position: absolute;
    left: 20px;
    background-image: url(../images/hire-python-developers-sprite.png);
    background-repeat: no-repeat;
    top: 12px
}

.techno_icon.techno1 {
    background-position: -299px -3px
}

.techno_icon.techno2 {
    background-position: -398px -3px
}

.techno_icon.techno3 {
    background-position: -497px -3px
}

.techno_icon.techno4 {
    background-position: -596px -3px
}

.technologies li p {
    position: relative
}

.technologies li p::after {
    position: absolute;
    height: 6px;
    width: 6px;
    content: "";
    left: -20px;
    top: 9px;
    background: #086ad8;
    border-radius: 100%
}

.steps_section .heading_new,
.we_provide_section .heading_new {
    margin-bottom: 50px
}

.new_headingg {
    margin-top: 102px;
    padding: 50px 0;
    text-align: center
}

.new_headingg h1 {
    color: #086ad8;
    margin-bottom: 20px;
    font-size: 42px;
    font-weight: 600
}

.new_headingg.process_heading {
    z-index: 2;
    background: #fff;
    position: relative
}

.common_sec.our_process_section {
    position: relative;
    z-index: 2;
    background: #fff
}

.our_process_list_section {
    background: #f5f5f5
}

.process_box {
    min-height: 450px;
    padding: 70px 0 0 460px;
    position: relative;
    z-index: 2
}

.process_box h2 {
    margin-bottom: 10px
}

.process_box::after {
    position: absolute;
    content: "";
    height: 450px;
    width: 420px;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.process_box::before {
    background: #f5f5f5;
    content: "";
    height: 100%;
    width: calc(100% - 420px);
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 420px;
    z-index: -1
}

.process_box.process0 {
    height: 100px;
    min-height: 100px
}

.process_box.process0:after {
    background: url(../images/process_top_icon.png);
    height: 100px
}

.process_box.process1:after {
    background: url(../images/requirement-icon.png)
}

.process_box.process2:after {
    background: url(../images/requirement-icon2.png)
}

.process_box.process3:after {
    background: url(../images/requirement-icon3.png)
}

.process_box.process4:after {
    background: url(../images/requirement-icon4.png)
}

.container.bg_Container::before {
    top: 80px;
    background-color: #89b92e;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    transition: all .8s;
    content: '';
    position: fixed;
    width: 100%;
    max-width: 1100px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 50%;
    z-index: -1
}

.nftwhitecard_white {
    text-align: center;
    min-height: 100%
}

.white_card.nftwhitecard_white h3::after {
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 10px)
}

.nftwhitecard li::after {
    left: 14px !important
}

.nftwhitecard {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.white_card p {
    padding-top: 10px
}

.nftwhitecard li {
    border: 1px solid lightgrey;
    padding: 12px 17px 12px 30px;
    border-radius: 6px;
    margin: 0 12px 11px 0
}

.container.bg_Container::after {
    background-color: #d2d2d2;
    top: 50%;
    content: '';
    position: fixed;
    width: 100%;
    max-width: 1100px;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 50%;
    z-index: -1
}

.Staff_section.net-fotter.process_footer {
    z-index: 2
}

.left_content {
    padding-top: 50px
}

.left_conten h2 {
    font-size: 40px;
    font-weight: 600
}

.left_content p {
    margin: 10px 0 15px 0
}

.left_content span {
    display: block;
    margin-top: 45px;
    font-size: 16px
}

.careers_box {
    background: #f4f4f4
}

.openings h2 {
    margin-bottom: 15px
}

.career_img {
    overflow: hidden
}

.career_img img {
    float: left;
    width: 50%
}

.apart_content .dotted_box {
    min-height: 110px;
    padding: 30px 0 0 100px;
    text-align: left;
    border-radius: 5px
}

.apart_content .apart_icon {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 20px;
    left: 30px;
    background-image: url(../images/hire-python-developers-sprite.png);
    background-position: -255px -446p
}

.company_count li {
    width: 20%;
    float: left;
    border-right: 1px solid #fff;
    padding-left: 50px;
    color: #fff
}

.company_count li:last-child {
    border-right: none
}

.company_count {
    overflow: hidden;
    margin-top: 40px
}

.development_process {
    padding: 0 0 70px;
    margin-top: -220px
}

.development_process .heading_new {
    padding: 40px 0 20px
}

.five_d {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.development_process .white_card h1 {
    font-size: 50px;
    color: #bfbfbf
}

.development_process .white_card {
    margin-bottom: 30px
}

.development_process .white_card ul li {
    position: relative;
    padding: 12px 10px 12px 30px
}

.development_process .white_card ul li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #086ad8;
    left: 0;
    border-radius: 100%;
    top: 20px
}

.development_process .white_card ul {
    margin-top: 30px
}

.what_apart {
    padding-bottom: 20px;
    background: #f3f6f6
}

.contect_us_form .form-group {
    margin-top: 30px
}

.contect_us_form input:focus,
.contect_us_form textarea:focus {
    box-shadow: none
}

.width_50:nth-child(odd) input {
    border-right: 2px solid #c9c9c9;
    border-radius: 0
}

.contect_us_form .width_50 {
    width: 50%;
    float: left;
    border-bottom: 2px solid #c9c9c9
}

.contect_us_form {
    border: 2px solid #c9c9c9
}

.contect_us_form .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.contect_us_form .btn {
    border: 2px solid gray;
    color: gray;
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 700
}

.contect_us_form .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.submit_form .orange_button.roundd_button {
    min-width: 230px
}

.form_heading.text-center {
    padding: 30px 0
}

.form_heading h1 {
    margin-bottom: 6px;
    font-weight: 600
}

.app_box {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding-bottom: 25px
}

.app_box h2 {
    padding: 25px;
    color: #fff;
    margin-bottom: 17px;
    background: #ef6407
}

.app_box h2 a {
    color: #fff
}

.app_box ul li {
    padding: 3px 30px 20px 75px;
    position: relative;
    font-size: 18px;
    color: var(--paragraphColor);
}

.app_box ul li::after {
    background: url(../images/green_check.png);
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    left: 30px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #ddd;
    border-radius: 100%;
    top: -1px
}

.app_box p {
    padding: 0 30px;
    margin: 35px 0
}

.techno_list ul {
    text-align: center
}

.our_techno .techno_list ul li {
    display: inline-block;
    width: 17%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 30px 0;
    margin: 0 13px 30px 13px;
    vertical-align: top;
    min-height: 170px;
    background: #fff
}

.our_techno .techno_list.php_techno ul li {
    width: 23%
}

.our_techno .techno_list ul a li {
    color: #333;
    padding: 25px 0px 15px 0
}

.our_techno .techno_tab ul {
    display: inherit !important
}

.our_techno .techno_tab li {
    width: 33%;
    border: 1px solid #ddd
}

.tab_text h2 {
    margin-bottom: 12px
}

.tab_text p {}

.our_techno .techno_tab li a {
    padding: 25px 0;
    margin-right: 0
}

.our_techno.price_section .techno_tab li a::after {
    position: absolute;
    top: 13px;
    left: 40px;
    right: auto;
    margin: 0 auto;
    background: url(../images/engagement-model-sprite-icon.png);
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    content: "";
    visibility: visible
}

.our_techno .techno_tab .nav-tabs li.active a {
    border-bottom: 4px solid #ef6407;
    box-shadow: 10px 0 9px #ddd
}

.techno_list ul li img {
    border: 2px solid #ddd;
    border-radius: 100%;
    margin-bottom: 10px
}

.ar_app_development .contentttt {
    background: #fff;
    padding: 50px
}

.vr_details p {
    margin: 15px 0 15px 0;
    font-size: 18px;
    line-height: 28px;
    color: var(--paragraphColor);
}

.vr_details ul li {
    margin-bottom: 15px;
    font-size: 20px;
    position: relative;
    padding-left: 40px;
    color: var(--paragraphColor);
}

.vr_details ul li::after {
    content: "\f053";
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 3px;
    color: #086ad8
}

.ar_app_development .contentttt .row {
    margin-bottom: 60px
}

.ar_app_development .contentttt .row:last-child {
    margin-bottom: 0
}

.development_process.inner_dev_process {
    margin-top: inherit;
    padding: 70px 0
}

.common_sec.app_type {
    background: #f3f6f6
}

.development_process.inner_dev_process .heading_new {
    padding: 0
}

.ar_app_development img {
    width: 100%
}

button.orange_button.roundd_button {
    width: auto;
    max-width: inherit;
    padding: 2px 30px 0 30px
}

.orange_button.roundd_button {
    width: auto;
    max-width: inherit;
    padding: 13px 30px 0 30px;
}

.orange_button.roundd_button:focus {
    color: #ed5f00;
    background: #fff
}

.webapp_box_section .app_box p {
    font-size: 32px;
    position: relative;
    font-weight: 600;
    line-height: 36px
}

.webapp_box_section .app_box p::after {
    position: absolute;
    height: 2px;
    width: 142px;
    background: #086ad8;
    content: "";
    left: 30px;
    bottom: -10px
}

.contact-us-form label {
    font-size: 16px;
    margin-bottom: 8px
}

.portfolio_headarea.career_header.web_app_header {
    background: #086ad8;
    padding: 145px 0 !important;
}

.ios_list li {
    position: relative;
    border: 1px dashed #d0d0d0;
    margin: 15px 0;
    padding: 15px 15px 15px 50px;
    font-size: 20px
}

.web-list li {
    height: 225px
}

.ios_list li::after {
    background: url(../images/green_check.png);
    content: "";
    height: 30px;
    width: 30px;
    position: absolute;
    left: 12px;
    background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid #ddd;
    border-radius: 100%;
    top: 15px
}

.ios_img {
    margin: 40px 0
}

.apart_content.hire_developer .dotted_box {
    padding: 30px;
    text-align: center
}

.apart_content.hire_developer .dotted_box h3 {
    margin: 5px 0 30px;
    position: relative
}

.apart_content.hire_developer .dotted_box h3::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 150px;
    background: #086ad8;
    left: 0;
    transform: translate(50%);
    bottom: -16px
}

.apart_content.hire_developer .apart_icon {
    position: inherit;
    margin: 0 auto
}

.what_apart .roundd_button {
    max-width: inherit;
    width: auto;
    padding: 15px 30px;
    background: #ed5f00;
    color: #fff;
    margin: 0 auto
}

.btnn_boxxx {
    margin: 50px 0 0 0
}

.common_list {
    margin: 0 auto;
    text-align: center;
    border-top: 1px solid #086ad8;
    border-bottom: 1px solid #086ad8;
    display: inline-block;
    background: #fff
}

.tab-content.hiring_modell .common_list li {
    display: inline-block;
    width: inherit !important;
    margin: 0;
    font-size: 16px;
    padding: 8px 20px;
    border-right: 1px solid #086ad8
}

.hiring_modell .common_list li:last-child {
    border-right: none
}

.hiring_step {
    text-align: center;
    position: relative
}

.hiring_step::after {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    background: 0 0;
    top: 31px;
    left: 0;
    border: 1px dashed #086ad8
}

.hiring_step span {
    height: 60px;
    width: 60px;
    border: 2px solid #086ad8;
    display: inline-block;
    border-radius: 50%;
    padding-top: 14px;
    color: #086ad8;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 999;
    background: #fff
}

.hiring_step.hiring_step1::after {
    width: 50%;
    right: -33px;
    left: inherit
}

.hiring_step.hiring_step3::after {
    width: 50%;
    left: -33px;
    right: inherit
}

.hiring_step h3 {
    margin-bottom: 40px;
    font-size: 20px;
    position: relative
}

.hiring_step h3::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 150px;
    background: #086ad8;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%);
    margin-left: 0
}

.hiring_step .app_box {
    text-align: left;
    padding-top: 30px
}

.hiring_step .app_box li {
    margin-left: 0 !important
}

.common_list {
    margin: 20px 0 50px
}

.looking_ios_developer {
    padding-bottom: 70px
}

.servicee_section .white_card h3 {
    margin: 30px 0
}

.servicee_section .white_card img {
    margin-top: 15px
}

.life_image_box {
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden
}

.heading_new.what_we_content p {
    margin-bottom: 10px
}

.heading_new.what_we_content .linee {
    margin-left: 0
}

.what_we_img img {
    object-fit: contain;
    height: 370px
}

.join_us_tab ul li {
    width: 100%;
    float: inherit;
    margin-bottom: 10px
}

.join_us_tab .nav-pills>li>a {
    border-radius: 4px;
    font-size: 30px;
    font-weight: 800;
    color: #cecece
}

.join_us_tab .nav-pills>li>a:focus,
.join_us_tab .nav-pills>li>a:hover {
    background-color: transparent;
    color: #086ad8
}

.join_us_content .accordian_box .panel.panel-default {
    background: 0 0;
    border: none;
    border-bottom: 1px solid #ddd;
    box-shadow: none
}

.join_us_content .accordian_box .panel-heading {
    background: 0 0;
    padding: 30px 15px
}

.join_us_content .accordian_box .panel-title a {
    font-size: 20px;
    font-weight: 600
}

.join_us_content .accordian_box .job_list li a {
    padding: 15px 0;
    display: inherit;
    font-size: 18px;
    color: #086ad8;
    cursor: pointer
}

.behaviour_list li {
    padding: 15px 0 15px 80px;
    width: 50%;
    float: left;
    position: relative
}

.firt_full_img img {
    height: 587px
}

.firt_full_img {
    position: relative
}

.career_header {
    background: #ef6407
}

.portfolio_headarea.career_header a {
    border-color: #fff;
    color: #fff
}

.animatebox {
    position: absolute
}

.animatebox.animate_1 {
    bottom: 60px;
    z-index: 9
}

.animatebox.animate_1 img {
    animation: MoveUpDown 3s linear infinite
}

.animatebox.animate_2 {
    bottom: 10px;
    z-index: 2
}

.animatebox.animate_2 img {
    animation: MoveUpDown 2.5s linear infinite
}

.animatebox.animate_3 {
    bottom: 0
}

.animatebox.animate_3 img {
    animation: MoveUpDown 1.5s linear infinite
}

.goal_list {
    width: 18%;
    float: left;
    margin-right: 20px
}

.howitworks_section .card_logo.services_card_logo {
    background-position: 4px 0;
    background: #ef6407;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 800;
    color: white;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -34px;
    height: 60px;
    width: 60px;
    border: 6px solid white
}

.howitworks_section .product_wrapper .service_box .services-card p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px;
    font-weight: 500
}

.howitworks_section .product_wrapper .service_box .services-card {
    height: 100%;
    position: relative;
    margin-left: 16px;
    text-align: left;
    padding: 21px 42px 26px 35px
}

.howitworks_section .product_wrapper .service_box .card-title {
    color: #ef6407;
    font-weight: 700;
    padding-left: 19px;
    margin-bottom: 10px
}

.howitworks_section .first_1 {
    width: 60%;
    margin-right: auto
}

.howitworks_section .second_1 {
    width: 60%;
    margin-left: auto;
}

.goal_top_box {
    padding: 20px;
    border-radius: 100%;
    position: relative;
    padding-top: 90px;
    text-align: center;
    width: 213px;
    height: 213px
}

.goal_top_box span {
    font-size: 150px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: .43;
    letter-spacing: normal;
    text-align: center;
    color: rgba(45, 106, 218, .03);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.goal_top_box h4 {
    font-size: 30px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #242424;
    margin: 0
}

.goal_top_box p {
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: center;
    color: #242424;
    margin-top: 0
}

.goal_top_box.g_box1 {
    background: #f4c383
}

.goal_top_box.g_box2 {
    background: #f9dd70
}

.goal_top_box.g_box3 {
    background: #acf088
}

.goal_top_box.g_box4 {
    background: #79dde1
}

.goal_top_box.g_box5 {
    background: #93abf9
}

.details_content {
    margin-top: 90px
}

.details_content .g_title {
    background-color: #84c0e2;
    width: 60px;
    display: flex;
    height: 60px;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #086ad8
}

.details_content h3 {
    font-weight: 400;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    margin: 30px 0;
    font-size: 34px
}

.details_content h3 span {
    font-weight: 600
}

.details_content p {
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    margin: 20px 0
}

.details_content ul li {
    font-weight: 600;
    padding-bottom: 5px;
    position: relative;
    padding-left: 30px
}

.call_content {}

.details_content ul li::after {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    background: top;
    left: 0;
    top: 5px;
    border-radius: 100%;
    border: 3px solid #086ad8
}

.goal_details {
    padding: 20px 0 20px 80px;
    position: relative
}

.goal_details::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #086ad8;
    left: 34px;
    top: 160px
}

.goal_details.last_details::after {
    height: 0
}

.goal_image {
    margin-top: 190px;
    border-radius: 10px;
    overflow: hidden
}

.goal_image img {
    width: 100%
}

.details_content {
    margin-top: 90px;
    position: relative
}

.round_tag {
    height: 50px;
    width: 50px;
    position: absolute;
    background: #086ad8;
    border-radius: 100%;
    left: -70px;
    border: 20px solid #84c0e2;
    z-index: 99
}

.manage_call_sec {
    background: url(../images/manage_call_bg.png);
    background-size: cover;
    height: 470px;
    background-position: 0 34%
}

.call_content h4 {
    font-size: 24px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.41;
    letter-spacing: normal;
    margin: 0;
    margin-bottom: 0;
    text-align: left;
    color: #131d2b;
    margin-top: 50px
}

.schedule_call a {
    width: auto;
    padding: 15px 35px;
    max-width: inherit;
    margin-top: 20px;
    background: #ed5f00;
    color: #fff
}

.call_content h3 {
    font-weight: 600;
    margin-top: 10px;
    text-align: right
}

.call_content p {
    text-align: right
}

.schedule_call .btn_register_header {
    border-radius: 60px;
    border: none;
    padding: 13px 22px 13px 54px;
    color: #fff
}

.schedule_call .btn_register_header::before {
    left: 22px
}

.common_sec.schedule_call h1,
.common_sec.schedule_call h2 {
    font-weight: 500;
    font-size: 36px
}

.build-pr {
    font-size: 17px !important
}

.service-hd {
    font-size: 38px !important;
    line-height: normal !important;
    letter-spacing: -1px
}

.main-area-left.main-lefts.under-side-section ul {
    margin-top: 0
}

.main-area-left.main-lefts.under-side-section ul li {
    width: 23%;
    margin: 0 6px 20px 0 !important
}

@keyframes MoveUpDown {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 10px)
    }
}

.supprt_section {
    background: url(../images/choose-python-bg.jpg);
    background-size: auto;
    background-size: cover
}

.full_support {
    overflow: hidden;
    padding: 0 15px
}

.full_support .supprt_box {
    width: 22%;
    background: rgba(0, 0, 0, .5);
    margin-right: 4%;
    float: left;
    padding: 20px 25px 40px 25px
}

.full_support .supprt_box:last-child {
    margin-right: 0
}

.full_support .supprt_box {
    color: #fff
}

.supprt_section .heading_new h1,
.supprt_section .heading_new p {
    color: #fff
}

.full_support .supprt_box .linee {
    margin: 25px auto 25px 0;
    width: 60px
}

.supprt_box ul li {
    font-size: 16px;
    padding: 4px 0 4px 25px;
    position: relative
}

.supprt_box ul li::after {
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    background: #086ad8;
    content: "";
    top: 10px;
    border-radius: 100%
}

.choose_box {
    width: 25%;
    text-align: center;
    float: left;
    padding: 0 40px
}

.vr_line {
    height: 80px;
    width: 2px;
    background: #ef6407;
    margin: 10px auto;
    position: relative
}

.vr_line::after,
.vr_line::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #ef6407;
    left: -4px;
    border-radius: 100%
}

.vr_line::before {
    bottom: 0;
    height: 10px;
    width: 50PX;
    border-radius: 0;
    left: -23px
}

.choose_box:nth-child(2n) .vr_line {
    background: #086ad8
}

.choose_box:nth-child(2n) .vr_line::after,
.choose_box:nth-child(2n) .vr_line::before {
    background: #086ad8
}

.choose_text img {
    margin-bottom: 20px
}

.choose_box h2,
.choose_box h3,
.choose_box .make-span-new {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 5px;
    display: block
}

.certified_logos ul {
    overflow: hidden
}

.certified_logos p {
    font-weight: 600;
    font-size: 16px
}

.certified_logos ul li {
    width: 12.5%;
    float: left;
    margin-top: 20px;
    text-align: center
}

.certified_logos {
    margin-top: 24px
}

.certified_logos ul li img {
    height: 80px
}

.choose_content {
    overflow: hidden;
    margin-top: 20px;
    display: inline-block
}

.what_apart .heading_lable {
    color: #fff
}

.home_what_apart .cost_review_freelancer span,
.home_what_apart .why_featurebox {
    color: #333;
    border-color: #333
}

.home_what_apart .cost_review_freelancer {
    border-color: #333
}

.home_what_apart .heading_lable,
.what_apart.home_what_apart ul.netset_drive li {
    color: #333
}

.home_what_apart {
    background: #f3f6f6
}

.home_what_apart ul.netset_drive li::after {
    background: url(../images/orange_divide_line2.png) center no-repeat
}

.our_techno.cross_platform_sec .techno_tab li {
    width: 50%
}

.common_sec.mvp_dev_process.industries-transformed-blockchain .nav.nav-pills li a:hover,
.mvp_dev_process .nav.nav-pills li.active a {
    background: #086ad894 !important
}

.common_sec.mvp_dev_process.industries-transformed-blockchain .tab-content {
    background: #086ad894;
    padding: 30px;
    color: #fff
}

.contact-btn-mid {
    text-align: center
}

.btm_0 {
    padding-bottom: 0
}

.common_sec.mvp_dev_process {
    background: url(../images/tech_bgg2.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

.common_sec.mvp_dev_process.industries-transformed-blockchain {
    background: url(../images/tech-background.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat
}

.mvp_dev_process .nav.nav-pills li {
    width: 49%;
    display: inline-block;
    float: inherit;
    vertical-align: middle;
    margin-bottom: 5px
}

.mvp_dev_process .nav.nav-pills li a {
    color: #fff;
    padding: 20px;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    border: 2px solid rgba(255, 255, 255, .15)
}

.mvp_dev_process .tab-content {
    background: #fff;
    padding: 30px
}

.mvp_dev_process .tab-content h3,
.mvp_dev_process .tab-content .benefits-tab-heading {
    margin-bottom: 15px;
    font-size: 29px;
    font-weight: 600;
    word-wrap: break-word;
    display: block
}

.mvp_dev_process .tab-content li {
    padding: 7px 0 7px 5px;
    position: relative
}

.tab-content .tab-pane ul li::after {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    background: #086ad8;
    left: -15px;
    border-radius: 100%;
    top: 15px
}

.mvp_dev_process .heading_new h1,
.mvp_dev_process .heading_new p,
.mvp_dev_process .heading_new h2 {
    color: #fff
}

.info_box {
    width: 18%;
    display: inline-block;
    margin-right: 2%;
    vertical-align: top
}

.infographic {
    position: relative
}

.infographic::after {
    position: absolute;
    content: "";
    height: 14px;
    width: 100%;
    left: 0;
    bottom: 3px;
    border-radius: 60px;
    border: 2px solid #d4d3d4;
    z-index: 0
}

.info_box:last-child {
    margin-right: 0
}

.info_box .info_details {
    text-align: center;
    background: #086ad8;
    padding: 30px 20px;
    border-radius: 10px;
    color: #fff;
    min-height: 282px
}

.web-info-box .info_details {
    min-height: 283px !important
}

.info_box .hr_line {
    height: 70px;
    width: 3px;
    background: #d4d3d4;
    margin: 0 auto;
    position: relative
}

.info_box .hr_line::after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #086ad8;
    bottom: 0;
    left: -8px;
    border-radius: 100%;
    z-index: 9
}

.info_details h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

.info_details p {
    font-size: 16px;
    line-height: 22px
}

.info_box:nth-child(2n) .info_details {
    background: #ed5f00
}

.info_box:nth-child(2n) .hr_line:after {
    background: #ed5f00
}

.erp_box {
    width: 19.6%;
    text-align: center;
    padding: 10px;
    display: inline-block;
    vertical-align: top
}

.erp_box img {
    margin-bottom: 20px;
    height: 110px
}

.erp_box h3 {
    font-size: 20px;
    font-weight: 600
}

.erp_box p {
    font-size: 16px;
    margin-top: 10px
}

.inner_dev_process .white_card {
    margin-bottom: 0;
    min-height: 510px
}

.price_section .tab-content .tab_text ul li:after {
    display: none
}

.tech_list {
    display: table;
    margin: 0 auto 168px
}

.tech_list li {
    display: inline-block;
    margin: 20px 5px
}

.tech_list li figure {
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    position: relative
}

.tech_list li figure .fa {
    color: #fff
}

.tech_list li .name {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    transform: rotate(-45deg);
    margin-left: 50%;
    transition: all .3s linear 0s
}

.tech_list li figure i,
.tech_list li figure img {
    font-size: 35px;
    margin-top: 28px
}

.tech_list li figure::before {
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    border: 1px solid rgba(255, 255, 255, .5);
    transition: all .3s linear 0s
}

.hate_filling {
    padding-top: 50px
}

.hate_filling h2 {
    font-weight: 600;
    margin-bottom: 10px
}

.hate_filling.text-center p {}

.portfolio_section .tab_label ul li {
    padding: 0 5px;
    border: none;
    display: inline-block
}

.portfolio_section .tab_label ul li.active a {
    border: 1px solid transparent;
    background: #ec5f00;
    color: #fff
}

.portfolio_section .tab_label ul li.active a:hover {
    border: 1px solid transparent;
    background: #ec5f00;
    color: #fff
}

.portfolio_img {
    margin-bottom: 40px
}

.portfolio_img img {
    border-radius: 10px;
    overflow: hidden
}

.portfolio_img h3 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    font-weight: 600
}

.virtual_assistants_box {
    padding: 25px 0
}

.covidalert {
    background: #ed5f00;
    overflow: hidden;
    padding: 5px 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.covidalert p {
    margin: 0;
    font-size: 16px
}

/* .contact-us-form .form-group {position:relative;margin-bottom:8px }*/
.contact-us-form .form-group .validation_error {
    position: absolute;
    font-size: 12px;
    color: red
}

#form-side-panel .validation_error,
.form-section .validation_error {
    color: red
}

#form-side-panel .validation-allign,
.form-section .validation-allign {
    text-align: left !important;
    display: flex
}

.first_section.text-center.job_submission {
    padding: 200px 0
}

.first_section.text-center.job_submission .page_heading {
    font-size: 80px;
    margin-bottom: 10px;
    text-shadow: 0 1px 0 hsl(174, 5%, 80%), 0 2px 0 hsl(174, 5%, 75%), 0 3px 0 hsl(174, 5%, 70%), 0 4px 0 hsl(174, 5%, 66%), 0 5px 0 hsl(174, 5%, 64%), 0 6px 0 hsl(174, 5%, 62%), 0 7px 0 hsl(174, 5%, 61%), 0 8px 0 hsl(174, 5%, 60%), 0 0 5px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.2), 0 3px 5px rgba(0, 0, 0, 0.2), 0 5px 10px rgba(0, 0, 0, 0.2), 0 10px 10px rgba(0, 0, 0, 0.2), 0 20px 20px rgba(0, 0, 0, 0.3)
}

.first_section.text-center.job_submission h4 {
    margin-bottom: 40px
}

.first_section.text-center.job_submission a {
    max-width: 250px;
    width: 100%;
    border-radius: 60px;
    background: #ed5f00;
    margin: 0 5px;
    border: 2px solid #ed5f00;
    padding: 15px;
    display: inline-block;
    color: #fff
}

.case_study_btngroup .clickcustomform {
    color: #fff;
    margin-left: 25px
}

.policy_section {
    padding: 60px 0 100px
}

.policy_section .page_heading {
    margin-bottom: 10px
}

.policy_content li,
.policy_section .paragraph_text.pmargin {
    font-size: 16px;
    margin-bottom: 4px
}

.policy_section h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 10px 0
}

.policy_content {
    list-style-type: disc;
    padding-left: 25px
}

.white_header .header {
    background: #fff;
    transition: .3s ease-in all;
    -moz-transition: .3s ease-in all;
    -webkit-transition: .3s ease-in all;
    -ms-transition: .3s ease-in all;
    -o-transition: .3s ease-in all;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

.white_header .header .custom_navigation .nav li a {
    color: #2c2c2c
}

.white_header .logo1 {
    display: none
}

.white_header .logo2 {
    display: block
}

.white_header .header .get_touch_btn {
    border: 1px solid #2c2c2c;
    color: #2c2c2c
}

.zindexup {
    z-index: 9;
    position: relative
}

.contact_us .new-contact-area {
    display: inline-block;
    padding: 29px 34px;
    background: #086ad81c;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 0px;
    min-height: 730px
}

.latest_blog_section_resource .tech_box {
    border: none;
    min-height: 340px;
    margin-bottom: 30px
}

.mobile_resposive_menu {
    display: none
}

.body_overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

.loading_img {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -120px
}

.loading_img img {
    height: 240px
}

.bg_orange {
    background: #ed5f00
}

.bg_orange .heading_new {
    color: #fff
}

.col-md-6.text-center.portfolio_top_imgg img {
    height: 400px
}

.col-md-6.portfolio_content_top h1 {
    margin-top: 70px !important
}

.portfolio_img .outer-img {
    background: #e2e6ed;
    border-radius: 10px;
    text-align: center
}

.portfolio_img .outer-img img {
    height: 280px;
    width: auto
}

.why_feature_icons {
    height: 68px;
    width: 68px;
    background: url(../images/why_features_sprit.png);
    background-position: -15px -15px;
    position: absolute;
    left: 20px;
    top: 20px
}

.why_feature_icons.icon2 {
    background-position: -115px -15px
}

.why_feature_icons.icon3 {
    background-position: -215px -15px
}

.why_feature_icons.icon4 {
    background-position: -310px -15px
}

.why_feature_icons.icon5 {
    background-position: -407px -15px
}

.why_feature_icons.icon6 {
    background-position: -505px -15px
}

.why_feature_icons.icon7 {
    background-position: -600px -15px
}

.why_feature_icons.icon8 {
    background-position: -700px -15px
}

.why_feature_icons.icon9 {
    background-position: -800px -15px
}

.why_feature_icons.icon10 {
    background-position: -900px -15px
}

.why_feature_icons.icon11 {
    background-position: -995px -15px
}

.why_feature_icons.icon12 {
    background-position: -1094px -15px
}

.why_feature_box_top_icon {
    height: 36px;
    width: 36px;
    background: url(../images/why_features_sprit.png);
    background-position-x: 0;
    background-position-y: 0;
    display: inline-block;
    vertical-align: middle;
    background-position: -1176px 0
}

.why_feature_box_top_icon.iocn2 {
    background-position: -1212px 0
}

.why_feature_box_top_icon.iocn3 {
    background-position: -1250px 0
}

.Staff_section.why_choose_netset .orange_button {
    margin-top: 0
}

.common_sec.devlpg_sctn.devlpg_new_sctn {
    padding-bottom: 0
}

.hire-devlper-new {
    padding: 70px 0
}

.tech_box .blg_content {
    background: #fff;
    padding: 20px;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .1);
    margin: -40px auto 0 auto;
    position: relative;
    width: 90%
}

.tech_box .blg_content h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #787878;
    text-transform: uppercase
}

.unleash-the-power.transformer-mpdel-benefit .row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 50px
}

.tech_box .blg_content p:nth-child(3) {
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
    color: var(--headingColor);
    font-weight: 600
}

.tech_box .blg_content .tag {
    margin-bottom: 5px
}

.latest_blog_section_resource .tech_box {
    border: none
}

.carousel-wrap .owl-nav .owl-prev {
    left: 0;
    background: #fff;
    z-index: 99;
    opacity: 1;
    border-radius: 32px
}

.carousel-wrap .owl-nav .owl-next {
    right: 0;
    background: #fff;
    z-index: 99;
    opacity: 1;
    border-radius: 32px
}

.why_choose_netset.casestudty_slider_sec {
    padding: 70px 0
}

.why_choose_netset.casestudty_slider_sec .heading_new h1 {
    margin: 0
}

.banner_area .table_box .table_box_inner p {
    font-size: 20px;
    margin-bottom: 70px
}

.casestudy_bannerarea.worrior_bannerarea,
.casestudy_resultarea.worrior_resultarea {
    background: #b2322f
}

.casestudy_bannerarea.empowered_bannerarea,
.casestudy_resultarea.empowered_resultarea {
    background: #e32462
}

.font_bold {
    font-size: 20px;
    font-weight: 600
}

.writer {
    margin-top: 30px
}

.writer {
    margin-top: 30px
}

.writer p+p {
    margin: 0
}

.newcasestudy_aboutarea .aside-content img {
    margin-top: 0
}

.increase_gowth_sec {
    padding: 30px 0
}

.newcasestudy_banner_section .banner-text {
    font-size: 20px;
    margin-top: 20px
}

.newcasestudy_banner_section img {
    margin: 63px 0 -300px 0
}

.newcasestudy_banner_section {
    background: #ed5f00;
    padding-top: 180px
}

.newcasestudy_aboutarea {
    margin-top: 190px
}

.bigbannerarea img {
    margin-top: 0
}

.tech_casestudy_banner {
    position: relative
}

.tech_casestudy_banner::after,
.vr_banner::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    height: 100%;
    width: 100%
}

.tech_casestudy_banner.driving_school_banner {
    background: url(http://t.commonsupport.xyz/rochester/images/main-slider/image-1.jpg);
    background-size: cover;
    background-position: center
}

.vr_banner {
    background: url(../images/vr-club1.webp) center no-repeat var(--headingColor);
    background-size: cover;
    position: relative
}

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

.tech_casestudy_banner .banner-content {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 30px
}

.law-firm-second {
    align-items: center;
    display: flex
}

ul.law-firm-results-area li {
    line-height: 31px;
    margin-bottom: 15px
}

.tech_casestudy_banner .banner-head {
    font-size: 33px;
    font-weight: 700;
    line-height: 43px;
    color: #333;
    max-width: 100%;
    margin: 0 0 30px
}

.tech_casestudy_banner .banner-text {
    color: #333;
    margin: 0 0 20px;
    line-height: 28px;
    font-size: 16px
}

#global_imp .our_value.global_impression {
    z-index: 9;
    position: relative
}

#global_imp .schedule_call {
    z-index: 9;
    position: relative;
    background: #fff
}

.tech_casestudy_about p {
    margin-bottom: 20px
}

.tech_casestudy_about .writer p {
    margin-bottom: 0
}

.lets_talk.tech_casestudy_gowth {
    padding: 50px 0;
    color: #fff
}

.lets_talk.tech_casestudy_gowth p.text-center {
    font-size: 26px;
    text-align: center;
    line-height: 38px
}

.casestudy_solutionarea img,
.tech_casestudy_challenge img {
    margin-top: 70px
}

.tech_casestudy_about p,
.tech_casestudy_challenge li,
.tech_casestudy_challenge p,
.tech_casestudy_solution li,
.tech_casestudy_solution p {
    font-size: 17px
}

.tech_casestudy_about .linee {
    margin: 30px auto 30px 0
}

.tech_casestudy_banner.instagram-marketing-banner {
    background: url(../images/instagram-marketing-banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.low_firm_banner {
    background: url(../images/low-firm-banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.dental_clinic_banner {
    background: url(../images/dental-clinic-banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.advanced_physiotherapy_banner {
    background: url(../images/advanced_physiotherapy_banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.attica_restaurant_banner {
    background: url(../images/restaurants_banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.digital_marketing_banner {
    background: url(../images/digital_marketing_banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.softwaretesting_banner {
    background: url(../images/softwaretesting_bannerr.jpg);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.team_augmentation_banner {
    background: url(../images/team-augmentation.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.blockchain_product_banner {
    background: url(../images/blockchain-development_banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.tech_casestudy_banner.chatGPTdev_banner {
    background: url(../images/chatGPTdevelopment_banner.webp);
    background-size: cover;
    background-position: 54% 0
}

.casestudty_slider_sec .carousel-wrap .casestudy_box {
    position: relative;
    overflow: hidden;
    min-height: 560px;
    margin-bottom: 30px
}

.image-group-nft {
    padding-bottom: 50px
}

.tech_casestudy_banner.custom_web_banner {
    background: url(../images/customweb_banner.jpg);
    background-size: cover;
    background-position: center
}

.new-custom-nft-banner {
    background: #6a00d5;
    background-size: cover;
    background-position: center
}

.tech_casestudy_banner.ux_ui_banner {
    background: url(../images/ux-ui-banner.webp);
    background-size: cover;
    background-position: center
}

.tech_casestudy_banner.ecommerce_software_banner {
    background: url(../images/ecommerce-development.webp);
    background-size: cover;
    background-position: center
}

.tech_casestudy_banner.craft_ale_banner {
    background: url(../images/craft_ale_beer_banner.webp) !important;
    background-size: cover;
    background-position: center
}

.tech_casestudy_banner.ecommerce_software_banner-new {
    background: url(../images/ecommerce-new1.webp);
    background-size: cover;
    background-position: center
}

.tech_casestudy_banner.enterprice-resource_banner {
    background: url(../images/erp-img-banner.webp);
    background-size: cover
}

.tech_casestudy_banner.crmcasestudy_banner {
    background: url(../images/crm-casestudy_banner.webp);
    background-size: cover
}

.tech_casestudy_banner.webappdev_banner {
    background: url(../images/webappdev_banner.jpg);
    background-size: cover
}

.tech_casestudy_banner.mvp-dev_banner {
    background: url(../images/development-with-mvp.webp);
    background-size: cover
}

.tech_casestudy_banner.ecommerce_software_banner-new.ecommerce_e-grocery {
    background: url(../images/e-grocery-banner.webp);
    background-size: cover;
    background-position: center
}

.common_sec.country_phone {
    background: #ed5f00;
    color: #fff;
    padding: 30px 0
}

.common_sec.country_phone a {
    color: #fff
}

.common_sec.country_phone h2 {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600
}

.common_sec.country_phone ul li {
    float: left;
    text-align: center;
    width: 20%
}

.casetudy_name,
.why_choose_netset h2.casetudy_name {
    text-transform: uppercase;
    font-size: 20px;
    line-height: 35px;
    text-align: left
}

.loader_spinner {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 99999
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 2em
}

.spinner,
.spinner div {
    transform-origin: 50% 50%
}

.spinner div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.spinner div:after,
.spinner div:before,
.spinner:after,
.spinner:before {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    content: "";
    background: #ef6407;
    border-radius: 100%;
    width: .5em;
    height: .5em;
    position: absolute
}

.spinner div:before,
.spinner:before {
    animation-name: orbBounceBefore;
    top: -.25em;
    left: -.25em
}

.spinner div:after,
.spinner:after {
    animation-name: orbBounceAfter;
    top: -.25em;
    right: -.25em
}

.spinner-a {
    transform: rotate(60deg) translateY(0)
}

.spinner-b {
    transform: rotate(120deg) translateY(0)
}

@keyframes orbBounceBefore {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, .7, 1.43);
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes orbBounceAfter {
    60% {
        animation-timing-function: cubic-bezier(.55, .085, .68, .53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, .7, 1.43);
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

.spinner-a:before {
    animation-delay: .166s
}

.spinner-b:before {
    animation-delay: .333s
}

.spinner:after {
    animation-delay: .5s
}

.spinner-a:after {
    animation-delay: .666s
}

.spinner-b:after {
    animation-delay: .833s
}

.case-study-main-box .carousel-wrap .casestudy_box {
    min-height: auto
}

.case-study-main-box .casestudy_logo img {
    max-width: 140px;
    height: auto
}

.blurred-block {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    z-index: 999
}

.blur-body {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    min-height: 100vh;
    height: auto
}

.modal-type-form {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999999999;
    max-width: 500px;
    display: none;
    width: 100%
}

.blurred-block .modal-type-form {
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border: 10px solid #ed5f00
}

.modal-type-form h3 {
    font-size: 20px;
    color: #ed5f00;
    text-align: center;
    margin: 20px 0px;
    font-weight: bold
}

.blurred-block button.explore-link {
    margin: auto !important
}

.privacy-text img {
    width: 30px;
    position: absolute;
    left: 0px
}

.privacy-text a {
    font-weight: bold;
    color: #ed5f00
}

#contct_from_new .privacy-text p {
    font-size: 18px;
    margin-bottom: 0px;
    position: relative;
    padding-left: 40px
}

.pointer_none_box a {
    pointer-events: none
}

.heading_toppp {
    padding: 150px 0px;
    background: url(../images/grandvision_banner2.png);
    background-size: cover;
    background-repeat: no-repeat
}

.top-app-banner {
    padding: 150px 0px;
    background: url(../images/app-story-banner.png);
    background-size: cover;
    background-repeat: no-repeat
}

.artificial-intelligence-banner {
    padding: 150px 0px;
    background: url(../images/artificial-intelligence-banner.png);
    background-size: cover;
    background-repeat: no-repeat
}

.heading_toppp h1 {
    font-size: 45px;
    line-height: 56px
}

.heading_stats {
    margin-top: 40px
}

.heading_stats ul li {
    display: inline-block;
    width: 30%;
    font-size: 14px
}

.heading_stats ul li p span {
    font-size: 32px;
    display: block;
    font-weight: 600;
    color: #fff
}

.success_content p {
    margin-bottom: 20px
}

.success_content p:last-child {
    margin-bottom: 0
}

.success_content p .first-letter {
    font-size: 59px;
    line-height: 48px;
    color: #2a2e33;
    font-weight: 600;
    float: left;
    padding-top: 3px;
    padding-right: 6px
}

.success_content h3 {
    margin: 40px 0 15px 0;
    font-weight: 600
}

.success_content ul li {
    padding: 3px 0
}

.success_content ul {
    margin-bottom: 20px
}

.mt-0 {
    margin-top: 0px !important
}

.mt_70 {
    margin-top: 70px !important
}

.success_content {
    background: #fff
}

.pd_150 {
    margin-top: -100px;
    padding: 70px 100px 0 100px;
    background: #fff;
    position: relative
}

.pd_lt_70 {
    padding: 0 100px
}

.pd_bt_70 {
    padding: 0 100px
}

.social_icons {
    position: absolute;
    top: 70px;
    left: 35px
}

.social_icons a {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    width: 30px;
    height: 30px;
    text-align: center;
    border-radius: 100%;
    font-size: 14px;
    padding-top: 5px
}

.love-this {
    display: inline-block;
    vertical-align: middle;
    margin-right: 21px;
    font-weight: 600
}

.social-icon .share-message {
    font-weight: 600;
    margin-left: 5px
}

.hidden-share-box {
    display: none;
    vertical-align: middle
}

.hidden-share-box.clicked {
    display: inline-block
}

.social-icon {
    display: inline-block;
    vertical-align: middle;
    font-size: 16px
}

.social-icon a {
    display: block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 14px;
    padding-top: 5px
}

.love-this .share-heart.clicked {
    background-image: url(../images/heart-fill.png) !important;
    -webkit-animation: heartbeat 1s;
    animation: heartbeat 1s
}

.love-this .share-heart {
    background-image: url(../images/heart-blank.png) !important;
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-top: 3px;
    margin-right: 8px;
    vertical-align: top;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 22px 20px !important
}

.share-content {
    margin-bottom: 70px
}

.list-style ul {
    list-style: disc;
    margin-left: 15px
}

.heading-success h1 {
    margin-bottom: 25px
}

.white {
    color: #fff
}

.digital-marketing-dropbox-banner1 {
    padding: 150px 0px !important;
    background: url(../images/digital-marketing-dropbox-banner1.png) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.blockbox .intl-tel-input.allow-dropdown {
    top: inherit;
    display: block;
    width: 100%
}

.service_box .services-card:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.techno_list ul li:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.header .get_touch_btn {
    background: #ffd008;
    border-color: #ffd008 !important;
    color: #000 !important;
    position: relative;
    padding-left: 40px
}

.lets_talk .orange_button.roundd_button {
    position: relative;
    padding-left: 40px;
    background: #fff;
    color: #086ad8
}

.lets_talk .orange_button.roundd_button:after {
    border: 3px solid #086ad8;
    box-shadow: 0 0 0 rgba(10, 130, 197, 0.4);
    animation: pulso1 2s infinite
}

.white-blink:after {
    border: 3px solid #fff;
    box-shadow: 0 0 0 rgba(255, 255, 255, 0.4);
    animation: pulso3 2s infinite
}

.portfolio_headarea .container aside h1+h1 {
    font-size: 34px;
    line-height: 44px
}

#formid1,
#formid2 {
    background-color: #0f1920;
    padding: 43px 33px;
    border-radius: 10px;
    position: relative;
    top: 30px
}

#formid1 h2,
#formid2 h2,
#formid1 .form-heading-title,
#formid2 .form-heading-title {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    display: block
}

#formid1 .form-group,
#formid2 .form-group {
    width: 100%;
    padding: 0
}

#formid1 input,
#formid2 input {
    border: 0;
    border-bottom: solid 2px #606060;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 6px
}

#formid1 .form-control,
#formid2 .form-control {
    color: #fff;
    font-weight: 500
}

#formid1 .bg-transparent,
#formid2 .bg-transparent {
    background-color: transparent !important
}

#formid1 .btn-custom,
#formid2 .btn-custom {
    background: #ed6421;
    border-radius: 3px;
    margin-top: 15px;
    width: 100%;
    border: none;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: none
}

#formid1 p,
#formid2 p {
    margin-top: 20px;
    font-size: 80%;
    font-weight: 400
}

.blockchain-development-side .container aside.col-md-7 {
    padding-top: 40px
}

.blockchain-development-side {
    padding-top: 160px
}

.right_side_nav {
    text-align: right
}

.custom_navigation {
    text-align: left
}

.lets_talk .orange_button.roundd_button:hover {
    background: #b0d9f1
}

@keyframes pulso1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(10, 130, 197, 0.8);
        box-shadow: 0 0 0 0 rgba(10, 130, 197, 0.8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(10, 130, 197, 0);
        box-shadow: 0 0 0 20px rgba(10, 130, 197, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(10, 130, 197, 0);
        box-shadow: 0 0 0 0 rgba(10, 130, 197, 0)
    }
}

@keyframes pulso2 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 20px rgba(0, 0, 0, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0)
    }
}

@keyframes pulso3 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.header .get_touch_btn:hover {
    background: #ecc82f
}

#contct_from_new .modal-header .logo2 {
    display: inline-block
}

#contct_from_new .modal-header .logo2 img {
    max-height: 82px
}

#contct_from_new .modal-dialog {
    height: auto;
    min-height: 100%
}

.Social-icon p a,
.Staff_section.net-fotter .content-net p a {
    color: #fff
}

.Social-icon p a:hover {
    color: #ef6a22
}

.Staff_section.net-fotter .content-net p a:hover {
    text-decoration: underline
}

.whatsapp_telegram {
    position: fixed;
    right: 100px;
    bottom: 36px;
    z-index: 30
}

.whatsapp_telegram a {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: #ff5a01;
    text-align: center;
    line-height: 58px;
    color: #fff;
    font-size: 28px;
    border-radius: 5px;
    margin-left: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3)
}

.whatsapp_telegram a:hover {
    background: #ba4100
}

.whatsapp_telegram a+a {
    background: #ba4100
}

.whatsapp_telegram a+a:hover {
    background: #ba4100
}

.nft-banner-bg {
    background: url(../images/nft-banner-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
    padding: 250px 0 200px
}

.white-blink {
    position: relative;
    padding-left: 42px !important
}

.nft-services-area {
    background: url(../images/nft-services-bg.jpg);
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat
}

.nft-servicebox {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)
}

.nft-img-tabs {
    border: none
}

.nft-img-tabs li {
    margin: 0;
    width: 33.333%;
    padding: 0 5px
}

.nft-img-tabs li a {
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    background: none !important;
    border: 2px solid transparent !important
}

.nft-img-tabs li.active a {
    border: 2px solid #ef6407 !important
}

.nft-img-tabs li a img {
    max-width: 100%
}

.nft-big-image {
    float: left;
    width: 35%;
    position: relative;
    z-index: 1
}

.nft-big-image img {
    width: 100%
}

.nft-services-area .tab-content {
    margin-top: 30px
}

.nft-development-box {
    float: left;
    width: 65%;
    padding: 15px
}

.nft-ratings {
    font-weight: bold
}

.nft-ratings i {
    color: #ef6407
}

.nft-service-description {
    margin: 20px 0
}

.nft-development-box h3 {
    margin-top: 20px;
    font-weight: bold;
    position: relative;
    font-size: 22px;
    line-height: 22px;
    padding-top: 3px
}

.nft-development-box h3:before {
    content: "";
    position: absolute;
    left: -80px;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/paint-brush.png) left center no-repeat;
    min-height: 49px;
    min-width: 324px
}

.nft-development-box h3 span {
    display: block;
    position: relative
}

.white-nft-text {
    color: #fff
}

.nft-dots-tabs {
    border: none;
    text-align: center;
    padding-left: 35%;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px
}

.nft-dots-tabs li {
    width: auto !important;
    margin: 0 !important;
    float: none;
    display: inline-block
}

.nft-dots-tabs li:after {
    display: none
}

.nft-dots-tabs li a {
    border: none !important;
    padding: 0;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ddd
}

.nft-dots-tabs li.active a {
    background: #ef6407
}

.orange-btn-main {
    background: #ef6407;
    border-radius: 70px;
    color: #fff;
    border: none
}

.orange-btn-main:hover {
    color: #fff;
    background: #d85b08
}

.nft-features-area {
    background: url(../images/nft-featured-bg.jpg) center no-repeat #312228;
    background-size: cover;
    color: #fff
}

.nft-features-area .linee {
    background: #fff
}

.nft-features-list h3 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 50px;
    font-weight: bold
}

.nft-features-list h3 span {
    display: block;
    color: #ef6407;
    font-size: 28px
}

.nft-features-list ul li {
    margin-bottom: 40px;
    position: relative;
    padding-left: 60px
}

.nft-features-list ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/nft-list-tag.png) center no-repeat;
    width: 40px;
    height: 52px;
    border: 2px solid rgba(255, 255, 255, 0.35);
    border-radius: 5px
}

.nft-features-list ul li h4 {
    font-weight: bold
}

.nft-features-list ul li p {
    font-size: 16px;
    margin: 10px 0 0 0
}

.nft-token-paragraph p {
    text-align: justify;
    margin-bottom: 20px
}

.nft-token-paragraph p.token-development {
    font-weight: bold;
    font-size: 24px;
    margin-top: 45px
}

.check-ul {
    display: flex;
    flex-wrap: wrap
}

.check-ul li {
    flex: 0 0 50%;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px
}

.check-ul li:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
    top: 0;
    color: #086ad8
}

.custom-size {
    font-weight: 600 !important;
    font-size: 40px !important
}

.services-card_new {
    width: 100%;
    height: 100%;
    color: #333;
    padding: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef;
    border: 1px solid #1476b1;
    min-height: 274px
}

.services-card_new:hover {
    background-color: white;
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important;
    transition: .3s ease-in-out;
    border: 0;
    color: #000 !important
}

.services-card_new1:hover .card_logo.services_card_logo {
    border: 2px solid #ef6407 !important;
    transition: .3s ease-in-out
}

.services-card_new1:hover .card_logo.services_card_logo i {
    color: #ef6407 !important;
    transition: .3s ease-in-out
}

.services-card_new:hover .card_logo.services_card_logo i {
    color: #1271aa;
    transition: .3s ease-in-out
}

.services-card_new:hover .card_logo.services_card_logo {
    background: white;
    border: 2px solid #1271aa;
    transition: .3s ease-in-out;
    transform: scale(1.1);
    color: #000
}

.services-card_new p {
    font-size: 18px;
    line-height: 23px;
    margin-top: 10px
}

.services-card_new .card-title {
    font-size: 18px;
    line-height: inherit;
    font-weight: 600;
    margin-left: 30px;
    color: #333;
    margin-top: 20px
}

.services-card_new1 {
    border: 1px solid #ef6407
}

.services-card_new .services_card_logo {
    margin-top: -53px
}

.services-card_new .card_logo.services_card_logo {
    background: #1271aa;
    height: 80px;
    width: 80px;
    display: block;
    border: 2px solid #1271aa;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

.services-card_new .card_logo.services_card_logo i {
    font-size: 32px;
    color: white
}

.services-card_new1 .card_logo.services_card_logo i {
    font-size: 38px;
    color: white
}

.services-card_new1 .card_logo.services_card_logo {
    background: #ef6407;
    height: 80px;
    width: 80px;
    display: block;
    border: 2px solid #ef6407;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Parameters_sec .services-card_new {
    text-align: left;
    width: 100%;
    height: 600px;
    color: #333;
    border: none;
    padding: 31px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef;
    border: 1px solid lightgrey;
    border: none;
    background: linear-gradient(216deg, #FFF 10.25%, #D8E8FA 97.75%)
}

.Parameters_sec .services-card_new .card-title {
    font-size: 25px;
    line-height: inherit;
    font-weight: 600;
    margin-left: 0px;
    color: #ef6407;
    margin-top: 0px
}

.Parameters_sec .services-card_new p {
    font-size: 18px;
    line-height: 29px;
    font-weight: 500;
    margin-top: 25px
}

.Parameters_sec .services-card_new1 {
    text-align: left;
    width: 100%;
    height: 600px;
    color: #333;
    border: none;
    padding: 31px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef;
    border: 1px solid lightgrey;
    border: none;
    background: linear-gradient(216deg, #FFF 10.25%, #D8E8FA 97.75%)
}

.Parameters_sec .services-card_new1 .card-title {
    font-size: 25px;
    line-height: inherit;
    font-weight: 600;
    margin-left: 0px;
    color: #ef6407;
    margin-top: 0px
}

.Parameters_sec .services-card_new1 p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 23px
}

.common_sec.mvp_dev_process p {
    font-size: 18px;
    color: var(--paragraphColor);
}

.Parameters_sec .services-card_new1:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important;
    transition: .3s ease-in-out;
    background-color: white
}

.bluebg {
    background-image: url('../images/blue_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

.bluebg:before {
    position: absolute;
    content: '';
    background-color: #000000a1;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.block-imgrow {
    text-align: center
}

.bluebg p,
.bluebg h2 {
    color: white;
    position: relative;
}

.bluebg .linee {
    height: 4px;
    width: 100px;
    background: #fff;
    margin: 30px auto 30px auto;
    z-index: 1024;
    position: relative
}

.blockheader h2,
.blockheader p.blockchain-subheading {
    font-size: 38px !important;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    max-width: 100%
}

.portfolio_headarea .container .blockheader h1 {
    font-size: 54px;
    margin: 15px 0
}

.blockheader h3 {
    font-size: 27px;
    font-weight: 600;
    line-height: 37px;
    margin-bottom: 20px;
    margin-top: 20px
}

.blockrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.new-rounded-btn img {
    height: 22px;
    vertical-align: middle
}

.nft_banner_section .header_content h3 {
    font-weight: 700;
    margin-top: 14px;
    line-height: 30px;
    font-size: 15px
}

.nft_banner_section .header_content h3 span {
    background: #ef6407;
    color: #fff;
    padding: 0 2px
}

.hire-list {
    margin-bottom: 13px
}

.hire-list li {
    font-size: 15px;
    margin: 5px 0
}

.services-card.services-card-copy {
    height: auto !important;
    margin-bottom: 33px;
    padding: 36px 20px
}

.service_box.services-marketplace {
    margin-bottom: 30px
}

.nft-market-box {
    font-size: 22px;
    width: 100%;
    color: #5d5d5d;
    font-weight: 400
}

.nft-images-box {
    padding: 30px
}

.footer-home-new .whatsapp_telegram {
    display: none
}

.home_whatsapp_telegram {
    position: sticky;
    right: 0 !important;
    text-align: center;
    z-index: 9999;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    bottom: 0 !important;
    padding: 5px 0 10px
}

.whatsapp_telegram.home_whatsapp_telegram a {
    margin-top: -23px
}

.home_whatsapp_telegram p {
    color: #fff;
    font-size: 14px;
    margin-top: 5px
}

.portfolio_headarea .container .blockheader h1.blockchain-heading {
    font-size: 43px
}

.ready-go-live {
    font-size: 30px;
    margin-bottom: 0px;
    display: block;
    margin-top: 0px
}

.ready-go-live+.ready-go-live {
    margin-bottom: 30px
}

.microsoft-innovation p {
    margin-top: 15px
}

.microsoft-innovation .row+.row {
    margin-top: 40px
}

.microsoft-innovation img {
    border-radius: 10px;
    width: 100%
}

.microsoft-innovation .row {
    display: flex;
    align-items: center
}

.mainrow1 .col-md-3.col-sm-3 {
    padding-left: 0
}

.leftmenubox {
    background-color: #f3f6f6;
    height: 100%;
    padding: 15px;
    margin-left: -10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.leftmenubox h4 {
    font-size: 18px;
    font-weight: bold;
    margin: 0
}

.leftline12 {
    margin-top: 20px !important;
    margin-bottom: 0
}

.ledtcontent {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 80px !important;
    margin-bottom: 0
}

.modal .row {
    max-width: 100% !important
}

.new-services-dropdown {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    width: 1140px !important
}

.dropdown_menu.services_dropdown.new-services-dropdown {
    margin-left: 170px
}

.dropdown_menu.services_dropdown.new-services-dropdown:after {
    margin-left: -142px
}

.custom_navigation .nav li .leftline12 a.yieldline {
    color: #337ab7 !important;
    padding: 0;
    font-size: 20px;
    font-weight: bold
}

.new-menu-servicesbox h4 {
    font-weight: bold
}

.custom_navigation .nav li .new-menu-servicesbox p a {
    color: var(--headingColor);
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0
}

.custom_navigation .nav li .new-menu-servicesbox p {
    position: relative;
    margin: 0
}

.custom_navigation .nav li .new-menu-servicesbox p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    width: 7px;
    height: 1px;
    background: #000
}

.new-menu-servicesbox h4 {
    font-weight: bold;
    margin-bottom: 8px;
    margin-top: 0;
    line-height: 21px
}

.new-menu-servicesbox {
    padding: 12px 0;
    margin-top: 0 !important;
    position: relative;
    padding-left: 60px
}

.view-more-services {
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block
}

.btmline {
    margin-top: 30px;
    font-weight: bold;
    font-size: 18px;
    margin-bottom: 20px
}

.btmline a {
    color: #337ab7 !important;
    padding: 0 !important;
    font-size: 18px !important
}

.new-menu-servicesbox h4 a {
    color: #000 !important;
    padding: 0 !important
}

.btmline a:hover,
.custom_navigation .nav li .new-menu-servicesbox p a:hover,
.view-more-services:hover,
.new-menu-servicesbox h4 a:hover,
.custom_navigation .nav li .leftline12 a.yieldline:hover {
    color: #ef6407 !important
}

.new-menu-servicesbox .card_logo {
    margin: 0;
    position: absolute;
    left: -21px;
    top: -27px;
    transform: scale(0.7)
}

.hide-new-menu,
.menu-view-less,
.view-menu-link.active .menu-view-more {
    display: none
}

.new-services-dropdown .mainrow1 {
    display: flex
}

.view-menu-link.active .menu-view-less {
    display: block
}

.dropdown_menu.services_dropdown.new-services-dropdown .secondrow1 {
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    margin: 0
}

.heading_lable.defisection:after {
    content: unset
}

.defiwrapper .product_wrapper .service_box .services-card {
    height: 341px
}

.defiwrapper .linee {
    margin-bottom: 52px !important
}

.contentdeffilottery {
    padding-bottom: 0 !important
}

.stack-developer .service_box .services-card {
    height: 450px;
    color: #333;
    padding: 20px;
    text-align: center
}

.under-questions li {
    list-style: circle;
    border: 0;
    padding: 0
}

.under-questions li::after {
    display: none
}

.mb-2 {
    margin-bottom: 12px
}

.hm-slide-holder {
    background-position: top !important
}

#file-error {
    position: absolute;
    left: 0;
    bottom: -26px;
    font-size: 12px !important
}

._9vd5 {
    text-align: center
}

.web-3-text {
    font-size: 99px !important
}

.w3-product-wrapper .service_box .services-card {
    height: 353px;
    text-align: left
}

.roadmap-content {
    position: relative
}

.roadmap-box {
    padding: 15px 31px 15px 30px;
    border-left: 1px solid #979797
}

.roadmap-box:before {
    content: "";
    position: absolute;
    width: 10px;
    left: -4px;
    margin: 10px 0 0 0;
    height: 10px;
    background: #ed5f00;
    border-radius: 12px
}

.f-800 {
    font-weight: 800 !important
}

.roadmap-box p {
    font-size: 19px !important;
    margin-top: 10px
}

.development_process .white_card ul li {
    font-size: 20px
}

.font-16 {
    font-size: 16px !important
}

.text-transform {
    text-transform: initial
}

.card.card--growth {
    border: none;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%) !important;
    color: #fff;
    border-radius: 0;
    padding: calc(2rem + 2vw) calc(1.3rem + 1vw)
}

.card.card--growth .card-body {
    padding: 0;
    margin-top: 23px
}

.card.card--business {
    border: none;
    border-radius: 0;
    position: relative
}

.animated .card.card--business:before {
    content: "";
    position: absolute;
    right: -39%;
    top: 0;
    border-top: 2px solid var(--headingColor);
    border-right: 2px solid var(--headingColor);
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(0px) translateX(-222px) rotate(0deg);
    transform: translateY(0px) translateX(-222px) rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-tr 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}

.animated .card.card--business:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -19px;
    border-right: 2px solid var(--headingColor);
    border-bottom: 2px solid var(--headingColor);
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}

.growth-primary .card.card--growth:not(:last-child) {
    margin-bottom: calc(2rem + 1vw)
}

.card.card--growth {
    flex-direction: row;
    display: flex
}

.card.card--growth .card-head {
    margin-right: 4rem
}

.card-action {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.main-digital .row {
    display: flex;
    align-items: center;
    margin-bottom: 42px
}

.main-digital .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem
}

.main-bottom-box .card.card--business:after {
    content: "";
    position: absolute;
    left: -30px;
    bottom: -20px;
    border-left: 2px solid var(--headingColor);
    border-bottom: 2px solid #000 !important;
    border-right: 0px solid #000 !important;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}

.main-bottom-box .card.card--business:before {
    content: "";
    position: absolute;
    left: -30px;
    top: -20px;
    border-left: 2px solid var(--headingColor);
    border-top: 2px solid #000 !important;
    border-right: 0px solid #000 !important;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation: slide-br 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both
}

.mt-3 {
    margin-top: 22px !important
}

.metaverse-heading {
    font-size: 64px;
    font-weight: 600
}

.card-body p {
    color: var(--whiteColor);
}

.card-text p {
    color: var(--paragraphColor) !important;
}

.main-content-arrow {
    display: flex
}

.main-content-arrow .arrow {
    margin-left: 32px
}

.banner-area-starts {
    background: url(../images/background_abstract-figures.svg);
    background-repeat: no-repeat;
    padding: 112px 0 70px 0;
    background-size: cover;
    background-position: center bottom
}

.service-banner-content {
    padding: 62px 0;
    color: #fff
}

.service-banner-content h2,
.service-banner-content h3,
.service-banner-content p {
    color: #fff
}

.service-banner-content p {
    margin-top: 12px
}

.main-common-cls {
    padding: 52px 0
}

.essence-box-content p {
    margin-bottom: 20px
}

.essence-box-content {
    max-width: 720px;
    margin: 0 auto
}

.popular-services-box img {
    width: 78px;
    height: auto;
    margin-bottom: 16px
}

.popular-services-box ul li {
    list-style: square;
    margin-left: 17px;
    line-height: 34px;
    margin-top: 12px
}

.popular-services-box {
    background: #ffffff;
    padding: 32px;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    border: 1px solid #cacaca;
    margin-top: 32px
}

.get-tailor-offer {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 3px;
    margin-top: 12px;
    display: inline-block
}

.key-features-box {
    padding: 22px;
    background: #e1e1e1;
    border-top: 16px solid #096ad8;
    margin-top: 22px
}

.key-features-box h4 {
    font-weight: 800;
    margin-bottom: 9px
}

.ticketing-box .row {
    margin: 32px 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ticketing-box {
    border: 1px solid #cacaca;
    margin: 32px 0
}

.ticketing-content p {
    margin: 12px 0
}

#key-featurea-section h3 {
    margin-top: 62px
}

.ticketing-content h3 {
    margin: 0 !important
}

.utility-nav__list,
.main-nav__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.services-top-navbar {
    position: sticky;
    top: 89px;
    background-color: #fff;
    z-index: 9999
}

.new-header {
    position: fixed;
    top: 77px;
    z-index: 9999
}

#essence-section-area {
    padding-top: 82px
}

.services-top-navbar .header {
    display: block;
    width: 100%;
    z-index: 9999;
    background-color: #fff;
    padding: 16px 0;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%)
}

.services-top-navbar .main-nav {
    display: block;
    width: 100%;
    background: #fff;
    padding: 16px 0;
    color: #000
}

.services-top-navbar .main-nav__list {
    float: left;
    height: 3.5rem;
    display: inline-block;
    position: relative
}

.services-top-navbar .main-nav__item {
    display: inline-block;
    float: left;
    height: 3.5rem;
    margin-right: 2rem
}

.services-top-navbar .main-nav__link {
    color: var(--headingColor);
    font-weight: 500;
    height: 3.5rem;
    padding: 1rem 5px;
    float: left;
    text-decoration: none;
    text-transform: uppercase
}

.services-top-navbar .main-nav__active {
    transition: width 0.22s ease-in-out, left 0.22s ease-in-out;
    background: #096ad8;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px
}

.services-top-navbar .main-nav__logo {
    background: url(http://placehold.it/170x50) no-repeat;
    background-size: contain;
    width: 170px;
    height: 1.75rem;
    margin-top: 0.85rem;
    display: inline-block;
    float: left
}

.utility-nav {
    display: block;
    width: 100%;
    height: 2rem;
    background: #1c1c1c;
    background: linear-gradient(to top, #1c1c1c 0%, #252525 45%, #252525 55%, #1c1c1c 100%)
}

.utility-nav__list {
    display: inline-block;
    float: right
}

.utility-nav__item {
    display: inline-block;
    float: left;
    height: 13px;
    margin-top: 0.5rem;
    margin-left: 1rem;
    border-left: 2px solid #fff;
    padding-left: 1rem
}

.utility-nav__item:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0
}

.utility-nav__link {
    font-weight: 600;
    display: inline-block;
    height: 0.5rem;
    line-height: 1;
    float: left;
    font-size: rem(12px)
}

.main-slider-images .swiper {
    width: 100%;
    height: 100%
}

.main-slider-images .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.main-slider-images .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.opportunities-box-images h4 {
    font-weight: 800
}

.benefits-box {
    padding: 22px;
    border-left: 1px solid #cacaca;
    height: 100%
}

#packages-cases-section .col-md-4:last-child {
    border-right: 1px solid #cacaca
}

.benefits-box h2 {
    margin-bottom: 13px;
    color: #096ad8;
    font-weight: 800
}

.packages-boxes {
    padding: 22px 12px;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    border-top: 12px solid #096ad8
}

.packages-boxes ul li {
    list-style: square;
    margin-left: 18px;
    line-height: 41px
}

#packages-cases-section .col-md-4 {
    padding: 0
}

.packages-boxes ul {
    margin-top: 12px
}

.integration-content ul li {
    margin: 22px 0;
    font-size: 18px;
    list-style: square
}

.capabilities-box img {
    width: 123px;
    height: auto
}

.capabilities-content h5 {
    font-size: 23px
}

.capabilities-box {
    margin: 32px 0;
    padding: 21px;
    border: 1px solid #cacaca
}

.main-common-cls .contactbtn,
.banner-area-starts .contactbtn {
    width: initial;
    margin-left: 0;
    margin-top: 10px
}

.services-top-navbar .container {
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-area-starts {
    background: url(../images/background_abstract-figures.svg);
    background-repeat: no-repeat;
    padding: 112px 0 70px 0;
    background-size: cover;
    background-position: center bottom
}

.service-banner-content {
    padding: 62px 0;
    color: #fff
}

.service-banner-content h2,
.service-banner-content h3,
.service-banner-content p {
    color: #fff
}

.service-banner-content p {
    margin-top: 12px
}

.main-common-cls {
    padding: 52px 0
}

#it-servive-section {
    margin-top: 50px
}

.essence-box-content p {
    margin-bottom: 20px
}

.essence-box-content {
    max-width: 720px;
    margin: 0 auto
}

.popular-services-box img {
    width: 78px;
    height: auto;
    margin-bottom: 16px
}

.popular-services-box ul li {
    list-style: square;
    margin-left: 17px;
    line-height: 34px;
    margin-top: 12px
}

.popular-services-box {
    background: #ffffff;
    padding: 32px;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    border: 1px solid #cacaca;
    margin-top: 32px
}

.get-tailor-offer {
    text-decoration: none;
    font-size: 18px;
    text-transform: uppercase;
    margin-left: 3px;
    margin-top: 12px;
    display: inline-block
}

.capabilities-ul-box {
    height: 250px
}

.key-features-box.height-160 {
    height: 140px
}

.business-service-automation-box {
    height: 240px
}

.incident-box-text p {
    font-size: 16px;
    margin-bottom: 20px
}

.incident-box-area {
    padding-left: 18px;
    margin-top: 5px
}

.incident-management {
    padding: 50px 0
}

.incident-box-area li {
    font-size: 16px;
    line-height: 28px;
    list-style: disc;
    font-weight: 600
}

.key-features-box {
    padding: 22px;
    background: #e1e1e1;
    border-top: 16px solid #096ad8;
    margin-top: 22px
}

.key-features-box h4 {
    font-weight: 800;
    margin-bottom: 9px
}

.ticketing-box .row {
    margin: 32px 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ticketing-box {
    border: 1px solid #cacaca;
    margin: 32px 0
}

.ticketing-content p {
    margin: 12px 0
}

#key-featurea-section h3 {
    margin-top: 62px
}

.ticketing-content h3 {
    margin: 0 !important
}

.utility-nav__list,
.main-nav__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.services-top-navbar {
    position: sticky;
    top: 0;
    background-color: #fff
}

.services-top-navbar .header {
    display: block;
    width: 100%;
    z-index: 9999;
    padding: 16px 0;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%)
}

.services-top-navbar .main-nav {
    display: block;
    width: 100%;
    background: #fff;
    padding: 16px 0;
    color: #000
}

.services-top-navbar .main-nav__list {
    float: left;
    height: 3.5rem;
    display: inline-block;
    position: relative
}

.services-top-navbar .main-nav__item {
    display: inline-block;
    float: left;
    height: 3.5rem;
    margin-right: 2rem
}

.services-top-navbar .main-nav__link {
    color: var(--headingColor);
    font-weight: 500;
    height: 3.5rem;
    padding: 1rem 5px;
    float: left;
    text-decoration: none;
    text-transform: uppercase
}

.services-top-navbar .main-nav__active {
    transition: width 0.22s ease-in-out, left 0.22s ease-in-out;
    background: #096ad8;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px
}

.services-top-navbar .main-nav__logo {
    background: url(http://placehold.it/170x50) no-repeat;
    background-size: contain;
    width: 170px;
    height: 1.75rem;
    margin-top: 0.85rem;
    display: inline-block;
    float: left
}

.utility-nav {
    display: block;
    width: 100%;
    height: 2rem;
    background: #1c1c1c;
    background: linear-gradient(to top, #1c1c1c 0%, #252525 45%, #252525 55%, #1c1c1c 100%)
}

.utility-nav__list {
    display: inline-block;
    float: right
}

.utility-nav__item {
    display: inline-block;
    float: left;
    height: 13px;
    margin-top: 0.5rem;
    margin-left: 1rem;
    border-left: 2px solid #fff;
    padding-left: 1rem
}

.utility-nav__item:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0
}

.utility-nav__link {
    font-weight: 600;
    display: inline-block;
    height: 0.5rem;
    line-height: 1;
    float: left;
    font-size: rem(12px)
}

.main-slider-images .swiper {
    width: 100%;
    height: 100%
}

.main-slider-images .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.main-slider-images .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.opportunities-box-images h4 {
    font-weight: 800
}

.benefits-box {
    padding: 22px;
    border-left: 1px solid #cacaca;
    height: 100%
}

#packages-cases-section .col-md-4:last-child {
    border-right: 1px solid #cacaca
}

.benefits-box h2 {
    margin-bottom: 13px;
    color: #096ad8;
    font-weight: 800
}

.packages-boxes {
    padding: 22px 12px;
    border-left: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    border-top: 12px solid #096ad8
}

.packages-boxes ul li {
    list-style: square;
    margin-left: 18px;
    line-height: 41px
}

#packages-cases-section .col-md-4 {
    padding: 0
}

.packages-boxes ul {
    margin-top: 12px
}

.integration-content ul li {
    margin: 22px 0;
    font-size: 18px;
    list-style: square
}

.capabilities-box img {
    width: 123px;
    height: auto
}

.capabilities-content h5 {
    font-size: 23px
}

.capabilities-box {
    margin: 32px 0;
    padding: 21px;
    border: 1px solid #cacaca
}

button#demo_call_btn a {
    color: #fff
}

.blockchain-area-starts {
    background: url(../images/banner-bg.svg);
    background-repeat: no-repeat;
    padding: 62px 0 62px 0;
    background-size: cover;
    background-position: center bottom;
    color: #fff
}

.blockchain-banner-content p {
    color: #fff;
    margin-top: 15px
}

.adjust-spacing-tabs {
    border-radius: 17px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .09);
    background-image: linear-gradient(to right, #096ad8, #418be0);
    text-align: center;
    padding: 30px;
    position: relative;
    margin-bottom: 80px
}

.adjust-spacing-tabs h4 {
    font-size: 34px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    text-align: center;
    color: #fff
}

.adjust-spacing-tabs p {
    font-size: 20px;
    color: #fff;
    line-height: 1.5
}

.container.adjust-spacing-tabs ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0px;
    margin-bottom: 10px
}

.container.adjust-spacing-tabs ul li {
    width: 20%;
    padding: 0px 25px;
    margin-bottom: 26px;
    position: relative
}

.adjust-spacing-tabs h5 {
    font-size: 20px;
    font-weight: bold;
    color: #fff
}

.container.adjust-spacing-tabs ul li img {
    width: 100%;
    height: 55px;
    object-fit: scale-down;
    filter: brightness(0) invert(1)
}

.container.adjust-spacing-tabs ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 92px;
    opacity: .44;
    border-style: solid;
    border-width: 1px;
    border-image-source: radial-gradient(circle at 0 50%, #fff, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    right: 0
}

.container.adjust-spacing-tabs ul li:last-child::before {
    border-image-source: initial;
    border-width: 0
}

.industry-list-cb {
    position: static;
    display: flex;
    margin: 40px -15px 0 -15px;
    list-style: none
}

.industry-list-cb li {
    flex: 3;
    margin: 0 15px;
    position: relative;
    overflow: hidden
}

.industry-list-cb li>img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 21px
}

.industry-list-cb li figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out;
    bottom: -10rem;
    padding: 21px;
    left: 0px;
    right: 0px;
    top: unset;
    overflow: hidden;
    display: block;
    z-index: 1
}

.industry-list-cb li figcaption h4 {
    font-size: 20px;
    font-weight: 700;
    height: 64px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.86px;
    color: #fff;
    margin: 0px;
    margin-top: 0px;
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative
}

.industry-list-cb li figcaption h4:before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #096ad8;
    left: -20px;
    top: -7px
}

.industry-list-cb:nth-of-type(odd) li:nth-child(3) {
    flex: 6
}

.industry-list-cb:nth-of-type(even) li:nth-child(1) {
    flex: 6
}

.leverage-area-section {
    padding: 0 0 62px
}

.clr-primary {
    color: #085bb9;
    font-size: 18px;
    margin-bottom: 13px
}

.cb-sub-heading-large {
    font-size: 32px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -1.29px;
    color: #fff;
    margin: 0px
}

.inbox-cta {
    display: block;
    width: 100%;
    background-image: url("../images/card-bg.svg");
    background-size: cover;
    padding: 30px;
    margin-top: 30px;
    position: relative
}

.explore-area-section {
    background: #000000
}

.polygon-shape {
    position: absolute;
    width: 70px;
    right: -10px;
    top: -13px
}

.inbox-cta h5 {
    font-size: 24px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    color: #fff;
    margin: 0px
}

.inbox-cta strong {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
    display: block;
    margin: 15px 0px 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.tiles-heading h2 {
    font-size: 45px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -.78px;
    color: #1c1f24;
    margin-left: 14px
}

.inner-tiles-diver {
    background-image: url("../images/delivered-bg.webp");
    padding: 30px;
    margin-top: 70px;
    background-size: cover;
    background-position: center right
}

.inner-tiles-diver h4 {
    font-size: 26px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    color: #fff;
    margin: 0px
}

.inner-tiles-diver p {
    font-size: 16px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
    margin: 20px 0px;
    margin-top: 10px
}

.tiles-layout ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0px;
    margin: 0px;
    padding-left: 20px
}

.tiles-layout ul li:nth-child(1),
.tiles-layout ul li:nth-child(3) {
    margin-top: 80px
}

.tiles-layout ul li {
    width: 25%
}

.tiles-layout ul li span.wow {
    opacity: 1;
    transition: .4s
}

.tiles-layout ul {
    align-items: center
}

.tiles-layout ul li span {
    background-image: linear-gradient(to bottom, #ececec 0%, #f9f9f9 98%), linear-gradient(to bottom, #ededed, #eee);
    display: flex;
    height: 165px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: .3
}

.tiles-layout ul li span img {
    height: 50px;
    margin: 0px;
    display: block;
    margin-bottom: 10px
}

.tiles-layout ul li span h4 {
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #262c36;
    text-transform: uppercase
}

.tiles-layout ul li span.wow:hover img {
    filter: brightness(0) invert(1)
}

.tiles-layout ul li span.wow:hover {
    background-image: linear-gradient(263deg, #45a3e9 100%, #2378ce 1%);
    cursor: pointer;
    color: #fff
}

.tiles-layout ul li span.wow:hover h4 {
    color: #fff
}

.blockchain-banner-content {
    margin: 122px 0 0 0
}

.full-stack-inner h2.custom-size {
    margin-bottom: 10px
}

.our_business.how-to-hire h1 {
    font-size: 35px
}

.our_business.how-to-hire .business_binding .white_card {
    min-height: 190px
}

.our_business.how-to-hire .white_card h2 {
    margin-top: 0
}

.our_business.how-to-hire .business_binding .white_card h3 {
    margin: 20px 0 0
}

.full-stack-inner {
    background: #086ad81a;
    padding: 35px;
    border-radius: 15px
}

.full-stack-area {
    margin: 50px 0
}

.full-stack-area {
    margin: 40px 0
}

.full-stack-inner {
    background: #9ac2ef40;
    padding: 40px;
    text-align: center;
    border-radius: 15px;
    border-left: 5px solid #096ad8
}

.row.why_row.non-click .feature {
    cursor: unset !important;
}

.blockchain-banner-content h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 71px
}

.blockchain-banner-content p {
    font-size: 17px;
    margin-bottom: 21px
}

.blockchain-banner-content .contactbtn {
    margin-left: 0;
    margin-left: 0;
    padding: 14px 30px 14px 30px;
    width: initial
}

.outline-main-btn {
    color: #fff;
    padding: 12px;
    border: 1px solid;
    border-radius: 10px;
    text-decoration: none;
    outline: none;
    cursor: pointer
}

#delivered-11 .row {
    display: flex;
    align-items: center
}

.outline-main-btn:hover {
    color: #fff
}

.modal.lets-talk {
    top: 140px !important
}

.lets-talk .modal-title {
    font-size: 32px;
    margin: 31px 0 8px 0;
    text-align: center
}

.lets-talk .form-control {
    font-size: 15px;
    height: inherit;
    padding: 9px 20px
}

.lets-talk .contactbtn {
    margin-left: 0 !important;
    margin-left: 0 !important;
    width: 100%;
    text-align: center !important;
    display: initial !important
}

.lets-talk .close {
    margin-top: -2px;
    font-size: 52px;
    color: #096ad8;
    opacity: 1;
    float: left
}

.lets-img {
    background: url(../images/carrer_img.jpeg) no-repeat;
    height: inherit;
    background-size: cover;
    background-position: center;
    position: relative;
    padding: 0;
    display: flex;
    align-items: center
}

.lets-talk .modal-content {
    border-radius: 0 !important;
    background: #fff !important
}

#calendly-widget {
    height: 65vh
}

.lets-talk .errors {
    font-size: 13px;
    margin: 9px 0 0 0;
    display: inline-block
}

.lets-talk .modal-lg {
    width: 1020px !important
}

.lets-talk .modal-body {
    padding: 0 !important
}

.lets-talk .row {
    margin-left: 0 !important
}

.lets-talk .form-group {
    margin-bottom: 0 !important
}

.lets-talk form {
    padding: 0 21px 21px !important
}

.lets-talk .help-block {
    font-size: 12px;
    padding: 0;
    margin: 0 0 6px 0
}

.lets-content {
    left: 30px;
    color: #fff;
    z-index: 9999;
    position: relative;
    top: unset
}

.lets-content h4 {
    font-size: 36px
}

.modal.lets-talk .row {
    display: flex;
    align-items: stretch
}

.lets-ovelray {
    background: #000000a8;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.lets-talk .modal-content {
    height: unset
}

.ai-top-banner {
    position: relative;
    background: #000
}

.padding-top {
    padding: 114px 0
}

.ai-top-banner video {
    width: 100%;
    height: 100vh;
    position: absolute;
    object-fit: cover
}

.ai-box-content {
    color: #fff
}

.ai-box-content h4 {
    margin: 18px 0;
    font-size: 18px;
    font-weight: normal;
    line-height: 32px;
    text-transform: uppercase
}

.ai-box-content p {
    margin-bottom: 22px
}

.ai-box-content a {
    margin-left: 0
}

.ai-box-content h1 {
    font-size: 53px
}

.ai-body-section {
    padding: 105px 0;
    background: #f2f5f5;
    background-size: cover;
    background-position: center
}

.inner-header {
    padding: 0 0 22px 0
}

.ai-body-section .inner-box {
    background: #fff;
    color: var(--headingColor);
    box-shadow: 0 3px 25px #eeefef;
    border-radius: 10px;
    margin-bottom: 15px;
    height: 100%;
    min-height: 500px
}

.height-inner {
    min-height: 617px !important
}

.height-developer {
    min-height: 400px !important
}

.ai-body-section .inner-box:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.ai-body-section .inner-header img {
    background: var(--headingColor);
    border-radius: 50%;
    padding: 10px
}

.header-global-impression img {
    width: 130px;
    margin-right: 30px
}

.header-global-impression {
    padding-top: 10px;
    display: flex;
    align-items: center
}

.inner-box {
    padding: 32px 22px;
    background: transparent;
    color: #fff;
    background-image: radial-gradient(at top right, #ffffff24 0%, #096ad8 50%);
    height: 100%;
    min-height: 405px
}

.left-content-box h2 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 11px
}

.left-content-box a {
    margin: 12px 0;
    display: inline-block
}

.right-box-content {
    max-height: 782px;
    overflow: auto;
    background-color: #fff
}

.right-box-content::-webkit-scrollbar {
    width: 5px
}

.right-box-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px
}

.right-box-content::-webkit-scrollbar-thumb {
    background: #096ad8;
    border-radius: 10px
}

.solution-content {
    color: #fff
}

.inner-box p {
    font-size: 15px
}

.inner-header img {
    width: 30%;
    margin-bottom: 15px
}

.solution-section {
    padding: 100px 0;
    background: #086ad8
}

.ai-outer-box .col-md-4 {
    margin: 21px 0 0 0
}

.solution-main-box {
    background: #ffffff14;
    padding: 23px;
    border-radius: 6px;
    color: #fff;
    border: 1px solid #fff;
    min-height: 610px;
    height: 100%
}

.circle-solution {
    background: #cddc3973;
    padding: 18px;
    display: inline-block;
    margin-bottom: 12px;
    border-radius: 50%
}

.solution-content h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 12px
}

.solution-main-box h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 12px
}

.solution-main-box p {
    font-size: 15px
}

.margin-top {
    margin-top: 33px
}

.benefits-section .swiper {
    width: 100%;
    height: 100%
}

.benefits-section .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.benefits-section .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.benefits-section {
    padding: 105px 0
}

.benefit-boxes h2 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center
}

.benefits-inner-box p:after {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #096ad8;
    border-radius: 32px;
    display: flex;
    justify-content: flex-start
}

.benefits-inner-box:after {
    content: "";
    position: absolute;
    width: 91%;
    left: 148px;
    top: 26px;
    border-bottom: 4px dotted #797878
}

.benefits-inner-box {
    width: 100%;
    position: relative
}

.benefits-inner-box span {
    position: relative;
    text-align: left;
    display: block;
    font-size: 17px;
    margin-top: 32px
}

.benefits-inner-box p {
    border: 1px solid #096ad8;
    display: inline-block;
    text-align: left;
    border-radius: 50%;
    padding: 11px
}

.whitelabel-section {
    background: url("../images/cta-four-img-box.jpg") no-repeat;
    padding: 32px 0;
    background-attachment: local;
    background-size: cover;
    background-attachment: fixed
}

.whitelable-box h4 {
    color: #fff;
    margin-bottom: 22px;
    font-size: 20px
}

.whitelable-box h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 22px
}

.whitelable-box .contactbtn {
    margin: 0
}

.faq-ai-section {
    padding: 122px 0;
    position: relative
}

.faq-ai-section .accordion {
    background-color: #f3f1f1;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    font-size: 19px;
    border-bottom: 1px solid #00000014;
    padding: 24px;
    color: var(--headingColor);
    font-weight: 800;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 8%)
}

.faq-ai-section .active,
.accordion:hover {
    background-color: #fff
}

.faq-ai-section .panel {
    padding: 20px 18px;
    display: none;
    background-color: white;
    overflow: hidden
}

.faq-ai-section .accordion:after {
    content: '\002B';
    color: var(--headingColor);
    font-weight: bold;
    float: right;
    margin-left: 5px;
    font-size: 25px
}

.faq-ai-section .accordion.active:after {
    content: "\2212"
}

.promo-lines {
    position: relative;
    min-height: 240px;
    overflow: hidden
}

.line-text {
    font-size: 42px;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0 40px;
    animation: animate-first-screen 40s -40s linear infinite;
    will-change: transform;
    display: flex;
    align-items: center
}

.line-text:nth-child(2) {
    animation: animate-second-screen 40s -20s linear infinite
}

.line {
    position: absolute;
    display: flex;
    width: 110%
}

.line-red {
    background: #ff6b45;
    height: 74px;
    line-height: 118px;
    z-index: 2;
    transform: rotate(-2deg) translate(-200px, 100px);
    top: 22px
}

.line-red .line-text {
    background: #ed5f00
}

.line-violet {
    background: #096ad8;
    height: 68px;
    line-height: 100px;
    z-index: 1;
    transform: rotate(-1.68deg) translate(-200px, 100px);
    top: -50px
}

.line-red.line {
    background: #ed5f00
}

.chatGPT-development-area {
    background-image: url("../images/user-experience-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 780px;
    display: flex;
    align-items: center;
    padding-top: 40px
}

.chatgpt-content-area-right h1 {
    color: var(--headingColor);
    font-size: 59px;
    font-weight: 900;
    margin-bottom: 18px;
    line-height: 70px
}

.chatgpt-content-area-right p {
    color: var(--headingColor);
    line-height: 30px;
    font-size: 16px
}

a.lets-discuss-btn {
    margin: 25px 0 0 0
}

.chatgpt-content-area {
    padding: 60px 0
}

.chatgpt-development-heading h2 {
    color: var(--headingColor);
    font-size: 40px;
    font-weight: 900
}

.chatgpt-development-heading {
    text-align: center;
    color: #000
}

.row.chatgptheading-area {
    display: flex;
    justify-content: center
}

.chatgpt-development-heading h2 {
    margin-bottom: 12px;
    font-weight: 900
}

.chatgpt-development-heading p {
    color: gray;
    line-height: 25px
}

.chatgpt-box-content {
    padding: 30px 15px;
    border: 1px solid #eee;
    margin-top: 0;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    border-bottom-width: 3px;
    border-bottom-color: #ef6407;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.chatgpt-second-area {
    margin-top: 40px
}

.chatgpt-box-icon {
    margin-bottom: 20px
}

.chatgpt-box-content h5 {
    font-size: 18px;
    color: var(--headingColor);
    font-weight: 900;
    margin-bottom: 8px
}

.chatgpt-box-content p {
    color: gray;
    font-size: 16px
}

.chatgpt-box-icon img {
    width: 70px;
    height: auto;
    object-fit: cover
}

.enhancing-user-experience {
    background-image: url("../images/user-experience-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0
}

.enchancing-user-content a.contactbtn {
    margin-top: 30px
}

.enchancing-user-content h2 {
    color: var(--headingColor);
    font-size: 37px;
    margin-bottom: 18px;
    font-weight: 900;
    line-height: 48px
}

.enchancing-user-content p {
    color: gray
}

.chatgpt-project-area {
    padding: 70px 0
}

.enchancing-user-content {
    text-align: center
}

.our-project-contnet {
    display: flex;
    align-items: center;
    margin: 50px 0;
    background-image: url("../images/user-experience-bg.jpg");
    padding: 50px;
    position: relative;
    z-index: 0;
    border-radius: 10px
}

.our-project-contnet:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #544f4c29;
    left: 0;
    z-index: -1;
    border-radius: 10px
}

.our-project-contnet.our-project-content-second:after {
    background-color: #42e3f729
}

.our-project-contnet.our-project-content-third:after {
    background-color: #ff670c29
}

.our-project-contnet.our-project-content-four:after {
    background-color: #d272c429
}

.our-project-content-right,
our-project-content-left {
    width: 50%
}

.row.chatgpt-second-area .col-md-4 {
    margin: 20px 0 0 0
}

.our-project-content-right h3 {
    font-size: 23px;
    color: #096ad8;
    font-weight: 900;
    margin-bottom: 25px
}

.our-project-content-right p {
    color: var(--headingColor);
    font-size: 16px;
    margin-bottom: 10px
}

.our-project-content-right a {
    color: #0968d4;
    text-decoration: underline;
    font-weight: 600
}

.hideme {
    opacity: 0
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

#box {
    height: 250px;
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.gradient-animation {
    --borderWidth: 3px;
    position: relative;
    border-radius: var(--borderWidth);
    background-color: #e3e9f5
}

.gradient-animation:after {
    content: "";
    position: absolute;
    z-index: -1;
    height: calc(100% + var(--borderWidth) * 3);
    width: calc(100% + var(--borderWidth) * 3);
    background-color: #ffe53b;
    background-image: linear-gradient(60deg, #ffe53b 0%, #ff2525 74%);
    background-size: 300% 300%;
    border-radius: var(--borderWidth);
    animation: gradientAnimation 3s ease alternate infinite
}

@keyframes gradientAnimation {
    0% {
        background-position: 0% 150%
    }

    50% {
        background-position: 150% 300%
    }

    100% {
        background-position: 300% 0%
    }
}

@keyframes animate-first-screen {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes animate-second-screen {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-200%)
    }
}

.our-execution li:nth-child(even) .excuation-main.last-child:before {
    display: none
}

span.circle-solution.cirle-img-small img {
    width: 32px
}

.conversational-ai-platform .row {
    display: flex;
    flex-wrap: wrap
}

.conversational-ai-platform-heading {
    padding-bottom: 30px
}

.about-conversational-ai-content li {
    color: #fff
}

.solution-main-box a {
    color: #fff;
    text-decoration: underline
}

.d-flex {
    display: flex
}

.flex-wrap {
    flex-wrap: wrap
}

.align-items-center {
    align-items: center
}

.justify-content-center {
    justify-content: center
}

.d-flex {
    display: flex
}

.order-2 {
    order: 2
}

.space {
    padding: 80px 0
}

.space-pt {
    padding-top: 80px
}

.space-pb {
    padding-bottom: 80px
}

.mb-3 {
    margin-bottom: 30px
}

.height-three-fifty {
    height: 370px
}

.height-four-zero2 {
    height: 490px
}

.icon-box .height-four-zero2 {
    height: unset !important
}

.height-four-fifty {
    height: 540px
}

.height-three-zero2 {
    height: 100%
}

.generative-ai-banner-img img {
    border-radius: 20px
}

.heading-ai-page h2 {
    font-size: 36px;
    font-weight: 700;
    line-height: 45px;
    padding-bottom: 15px
}

.generative-ai-banner-wrap h1 {
    padding-bottom: 15px
}

.generative-ai-all-box h4 {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0
}

.generative-ai-all-box img {
    max-width: 90px
}

.techno-comps {
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 25px;
    height: 250px
}

.techno-comps-space {
    margin: 30px 0
}

.techno-comps-img img {
    margin: 5px 15px
}

.techno-comps-heading h4 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px
}

.left-heading-techno {
    width: 30%
}

.classifications-wrap {
    border: 1px solid #d2d2d2;
    padding: 20px;
    display: flex;
    align-items: center;
    margin-top: 30px
}

.left-text-techno p {
    margin-left: 10px;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 15px 10px
}

.left-heading-techno h4 {
    font-size: 22px;
    font-weight: 600
}

.left-text-techno.d-flex {
    flex-wrap: wrap;
    gap: 10px;
    width: 70%
}

section.ai-portfolios h4 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 20px
}

.ai-global-impression {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.ai-global-impression img {
    width: 170px
}

.ai-portfolios-list {
    padding-top: 20px
}

.ai-portfolios-list ul {
    padding-top: 10px
}

.ai-portfolios-list li {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 5px;
    font-size: 18px
}

.ai-portfolios-list li::marker {
    color: #ed5f00
}

section.ai-portfolios img {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px
}

.heading_new .pb-3 {
    padding-bottom: 20px
}

.ideal-bot .row {
    display: flex;
    align-items: center;
    justify-content: center
}

.ideal-bot p {
    padding-bottom: 10px
}

.ideal-bot {
    padding-bottom: 0
}

.ideal-bot-img {
    text-align: center
}

.Social-icon img {
    width: 18px !important
}

.newdesign.banner_area h1 {
    line-height: 35px;
    font-size: 35px
}

.newdesign.banner_area h1 span {
    font-size: 31px;
    line-height: 47px;
    letter-spacing: -2px
}

.prominent-app {
    text-align: center
}

.prominent-app h2 {
    color: var(--headingColor);
    font-weight: 700;
    font-size: 36px;
    margin-bottom: 14px;
    line-height: 45px;
    text-transform: capitalize
}

.prominent-app p {
    font-size: 15px
}

.app-development-process-content h5 {
    color: var(--headingColor);
    font-size: 21px;
    font-weight: bolder;
    margin: 30px 0 0
}

.app-development-process-content p {
    font-size: 20px;
    padding: 15px 0;
    color: var(--headingColor);
    line-height: 28px
}

.tab_text p {
    color: var(--paragraphColor);
    font-size: 20px;
    line-height: 30px
}

.tab_text ul li p {
    color: #000
}

.app-development-process-content ul {
    padding-left: 15px
}

.app-development-process-content ul li {
    list-style: disc;
    font-size: 20px;
    color: var(--headingColor);
    padding: 0 0 8px 0;
    line-height: 28px
}

.preparation-content-inner {
    display: flex;
    align-items: center
}

.preparation-content-area {
    border: 1px solid #0000001f;
    margin: 20px 0 40px
}

.preparation-content-inner {
    border-bottom: 1px solid #e0e0e0
}

.preparation-content-left {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    padding: 17px;
    width: 300px
}

.preparation-content-left h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600
}

.preparation-content-right h6 {
    font-size: 19px;
    padding-left: 15px
}

.app-development-process-content h2 {
    text-align: center;
    color: var(--headingColor);
    text-transform: uppercase;
    font-size: 32px;
    font-weight: bolder;
    padding: 40px 0
}

.discovery-phase1 {
    background: #3880C1;
    text-align: center;
    border: 10px solid #FFF;
    border-radius: 305px;
    box-shadow: 0 0 11px #3880c1;
    padding: 40px;
    width: 260px;
    height: 260px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.discovery-phase1 p {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding-bottom: 0
}

.discovery-phase1 h3 {
    color: #ffff;
    font-size: 33px;
    font-weight: 900
}

.discovery-phase1.discovery-phase2 {
    background: #F29900;
    box-shadow: 0 0 10px #F29900
}

.discovery-phase1.discovery-phase3 {
    background: #E63350;
    box-shadow: 0 0 10px #E63350
}

.discovery-phase1.discovery-phase4 {
    background: #00B096;
    box-shadow: 0 0 10px #00B096
}

.app-development-process-content .row {
    margin-bottom: 60px
}

section.portfolio_headarea.career_header.web_app_header.mobile-app-development-area1 {
    background: #f3f6f6;
    padding: 60px 0
}

.mobile-app-development-area1 h1 {
    color: var(--headingColor);
    font-size: 40px !important;
    line-height: 46px
}

.mobile-app-development-area1 h1 {
    color: var(--headingColor);
    font-size: 40px !important;
    line-height: 46px
}

.mobile-app-development-area1 p {
    color: #7f7f7f;
    font-size: 15px !important
}

.mobile-app-development-area1 img {
    width: 470px
}

.industries-area p {
    font-size: 14px !important
}

.industries-created-react-app {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap
}

.industries-created-react-app ul {
    margin-bottom: 20px
}

.industries-created-react-app ul h5 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
    color: #000
}

.industries-created-react-app ul li {
    font-size: 20px;
    padding-bottom: 6px;
    color: #848282
}

img.enterprise-mobility {
    width: 450px
}

.industries-created-react-app.technologies-area li img {
    width: 28px;
    margin-right: 8px
}

.industries-created-react-app.technologies-area li {
    padding: 11px 0
}

img.wireframe-picture {
    padding: 50px
}

.technologies-area .panel.panel-default {
    border: none !important;
    border-bottom: 1px solid #e1e1e1 !important;
    padding: 8px
}

.technologies-area .accordian_box .panel-title {
    font-size: 15px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
    font-size: 15px
}

section.portfolio_headarea.career_header.web_app_header.mobile-app-development-area1 .contactbtn {
    margin-left: 0 !important
}

.book-call-mid-area {
    text-align: center;
    margin-top: 15px
}

section.common_sec.our_techno.price_section.bg_gray.bottom-spacing {
    padding-bottom: 20px
}

.steps-area {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.tab-content.hiring-modal {
    padding-bottom: 100px !important
}

a.contactbtn.cost-calculator-btn {
    width: fit-content !important
}

a.contactbtn.cost-calculator-btn span {
    margin-right: 10px
}

a.mobile-app-link {
    text-decoration: underline
}

p.founder-text {
    text-align: left
}

.contact-form-area {
    display: grid;
    margin-bottom: 12px
}

.contact-form-area input::placeholder {
    font-size: 15px
}

form#career_form input#phone {
    padding-left: 84px !important
}

.contact-form-area input {
    border: 1px solid #0003 !important;
    padding: 9px;
    border-radius: 6px
}

.contact-form-area select {
    border: 1px solid #0003 !important;
    padding: 9px;
    border-radius: 6px
}

.contact-form-area textarea {
    border: 1px solid #0003 !important;
    padding: 9px;
    border-radius: 6px;
    color: var(--headingColor);
    font-size: 16px
}

div#black_fri_contact_form a.contactbtn span {
    margin-right: 10px
}

div#black_fri_contact_form a.contactbtn {
    display: flex;
    justify-content: left;
    width: fit-content;
    background: #2196f3;
    border: none;
    margin: 0 0 0 auto
}

.col-md-6.padding-spacing {
    padding-right: 0
}

div#black_fri_contact_form {
    top: 140px
}

.trusted-partners-logo ul li {
    border: 1px solid #E9E9E9;
    padding: 25px;
    background: #fff;
    transition: ease-in-out 0.4s
}

.trusted-partners-logo ul {
    display: flex
}

.trusted-partners-logo ul li:hover {
    transform: scale(1.1);
    box-shadow: 0 7px 25px #0000001a
}

section.common_sec.our_techno.price_section.bg_gray.bottom-spacing.our-trusted-partner-area {
    padding: 20px 0 50px
}

.row.pricing-area ul {
    box-shadow: 0 7px 25px #0000001a;
    height: 100%;
    text-align: left;
    border-radius: 10px;
    overflow: hidden
}

.pricing-top-content,
.on-page-content-area .table thead tr {
    color: #fff;
    padding: 16px;
    background-image: url("../images/images/btn-bg.svg");
    background-repeat: no-repeat;
    background-size: cover
}

.pricing-area ul li {
    width: 100%;
    margin-left: 15px;
    list-style: inside;
    color: gray;
    font-size: 16px;
    padding: 10px 20px
}

.row.pricing-area ul li {
    margin-left: 0
}

.pricing-top-content h6 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 8px
}

.pricing-top-content p {
    font-size: 21px;
    font-weight: 800
}

.pricing-heading-area h2 {
    color: var(--headingColor);
    font-size: 35px;
    font-weight: bolder
}

.pricing-heading-area p {
    color: #096ad8;
    font-size: 20px;
    font-weight: bold;
    margin: 8px 0 0
}

.tab-content .tab-pane ul li::after {
    display: none
}

.row.pricing-area {
    padding: 15px
}

.pricing-inner-content-area {
    height: 360px;
    min-height: 360px;
    overflow: auto
}

.pricing-inner-content-area {
    scrollbar-width: thin;
    scrollbar-color: #80808082
}

.packages-cost-area .owl-carousel .owl-controls {
    display: block !important
}

.packages-cost-area .owl-prev i,
.packages-cost-area .owl-next i {
    width: 40px;
    height: 40px;
    background: #096ad8 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff
}

.packages-cost-area .owl-nav div {
    opacity: unset
}

.pricing-inner-content-area::-webkit-scrollbar {
    width: 5px
}

.pricing-inner-content-area::-webkit-scrollbar-track {
    background: #80808082
}

.pricing-inner-content-area::-webkit-scrollbar-thumb {
    background-color: #096ad8;
    border-radius: 20px;
    border: 1px solid #80808082
}

.on-page-content-area {
    border: 3px solid #000
}

.on-page-content-area .table {
    margin-bottom: 0
}

.on-page-content-area .table th,
.on-page-content-area .table tr {
    width: 25%;
    text-align: center;
    vertical-align: middle;
    padding: 20px
}

.on-page-content-area .table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    vertical-align: middle;
    border-top: 3px solid #000
}

.on-page-content-area .table th h6,
.on-page-content-area .table td h6 {
    font-size: 15px;
    font-weight: 900;
    color: var(--headingColor);
    line-height: 20px
}

.on-page-content-area .table td h5 {
    font-size: 20px;
    color: var(--headingColor);
    font-weight: 600
}

.row.pricing-table-area {
    justify-content: center;
    display: flex;
    margin-top: 40px
}

.pricing-heading-area {
    text-align: center;
    margin-bottom: 10px
}

.pricing-inner-content-area h4 {
    color: #096ad8;
    padding: 20px 20px 10px;
    font-size: 19px;
    font-weight: 900;
    text-transform: uppercase
}

.on-page-content-area .table thead tr th h2 {
    font-size: 18px;
    font-weight: 600;
    line-height: 25px
}

.row.pricing-area ul button {
    background: #096ad8;
    border: none;
    color: #fff;
    margin: 10px 0 15px 20px;
    font-size: 16px;
    padding: 6px 12px;
    font-weight: 600;
    border-radius: 5px
}

.get-started-btn button {
    background: #096ad8;
    border: none;
    color: #fff;
    margin: 30px 0;
    font-size: 16px;
    padding: 6px 12px;
    font-weight: 600;
    border-radius: 5px
}

.get-started-form .modal-header .close {
    margin-top: -22px
}

.get-started-form {
    top: 140px
}

.get-started-form .modal-title {
    font-size: 20px;
    font-weight: 800;
    color: #000
}

.get-started-form .form-group {
    display: grid
}

.get-started-form .form-group label {
    font-size: 17px;
    margin-bottom: 0
}

.get-started-form .form-group input,
.get-started-form .form-group select {
    height: 45px;
    border: 1px solid #0000002b;
    border-radius: 5px
}

.get-started-form .form-group textarea {
    border: 1px solid #0000002b;
    border-radius: 5px
}

.get-started-form .modal-footer {
    padding-top: 0;
    border-top: none
}

.get-started-form form {
    margin: 0 auto;
    display: flex;
    justify-content: center
}

.get-started-form .modal-footer button {
    background: #096ad8;
    border: none;
    font-size: 18px;
    padding: 9px 30px;
    margin: 0 16px 8px
}

.new_latest_resource_section .casestudy_play_video {
    position: relative !important;
    z-index: 9 !important
}

.text-light {
    color: #fff !important
}

.web_accessibilty_inner_box {
    padding: 20px;
    background: #323232;
    border-radius: 13px;
    text-align: center;
    height: 150px;
    margin-top: 12px
}

.web_accessibilty_box {
    color: #fff;
    margin-bottom: 32px
}

.web_accessibilty_box h4,
.web_accessibilty_box h1,
.web_accessibilty_box h2,
.web_accessibilty_box p {
    padding: 14px 0 0 0
}

.call-action-btn button.orange_button.roundd_button.new-rounded-btn,
.call-action-btn button.orange_button.roundd_button.new-rounded-btn:hover {
    background: #fff
}

.call-action-btn {
    margin-top: 34px
}

.call-action-btn p {
    margin-top: 20px
}

.remediantin_inner_box h2,
.remediantin_inner_box p {
    margin-bottom: 14px
}

.row.new-row {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center
}

.row.new-row-change {
    justify-content: start
}

.cta-more.search.isactive {
    white-space: nowrap
}

.challenges_box {
    background: #EF6407;
    padding: 42px 22px;
    color: #fff;
    position: relative;
    overflow: hidden;
    box-shadow: 2px 5px 20px 0px rgba(0, 0, 0, 0.25);
    height: 380px
}

.challenges_box:after {
    content: "";
    position: absolute;
    width: 21px;
    height: 41px;
    background: #0070d2;
    top: -16px;
    transform: rotate(131deg);
    right: -3px
}

img.ai-assistant-logo {
    width: 200px;
    height: auto;
    min-width: 200px
}

.web_accessibilty_inner_box p {
    color: #fff;
    font-size: 14px;
    margin-top: 10px
}

.global_under_section .row,
.remediation_section .row,
.compliance_section_new .row,
.consulting_section .row {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap
}

.about_us_banner.career_header.global_under_section {
    padding: 162px 0
}

.type_accessibility_section h2 {
    margin-bottom: 12px
}

.type_accessibility_section p {
    margin-bottom: 22px
}

.type_accessibility_section .card-title {
    font-size: 23px !important;
    margin-bottom: 0 !important
}

.type_accessibility_section .service_box .services-card {
    height: 350px
}

.compliance_section_new .heading_lable {
    margin-bottom: 0
}

.compliance_section_new .heading p {
    margin-bottom: 32px;
    margin-top: 18px
}

.business_growth_section {
    background: url("../images/business-banner.png") no-repeat;
    color: #fff;
    background-size: cover
}

.business_growth_box {
    padding: 32px 0
}

.business_growth_box h5 {
    font-size: 22px;
    margin-bottom: 14px
}

.business_growth_section h2 {
    margin-bottom: 22px
}

.business_growth_box img {
    margin-bottom: 22px
}

.remediantin_inner_box ul li {
    list-style: inside;
    font-size: 15px;
    margin-bottom: 14px
}

a.btn_register_header.animation_on_hover,
a.btn_register_header.animation_on_hover:hover {
    background: #096ad8 !important;
    border: none;
    border-radius: 44px !important;
    color: #fff !important
}

.call-action-btn .orange_button.roundd_button.new-rounded-btn:hover {
    color: #ef6407 !important
}

.dedicated {
    text-align: left;
    line-height: 29px;
    list-style: none;
    margin-left: 28px;
    font-weight: 800;
    display: flex;
    justify-content: center;
    margin-top: 11px
}

.dedicated li {
    background: #096ad8;
    padding: 6px 29px;
    color: #fff;
    border-radius: 11px;
    margin-left: 13px
}

.new_update_tabs li a img {
    width: 40px;
    margin-right: 12px
}

.our_techno.price_section .techno_tab .new_update_tabs li a::after {
    display: none !important
}

.card-know-more a {
    border: 1px solid;
    padding: 10px;
    border-radius: 5px
}

.porfolio-tab {
    padding: 32px 0
}

.tranform-content {
    text-align: center;
    margin-bottom: 32px
}

.left-side-bar {
    background: #086ad817;
    padding: 12px;
    border-radius: 12px
}

.left-side-bar .tab_label ul li {
    border-right: 0;
    padding: 0 20px;
    float: unset;
    text-align: left
}

.left-side-bar .tab_label ul {
    display: block
}

.left-side-bar .tab_label ul li a {
    padding: 5px 0;
    text-transform: unset
}

.left-side-bar .tab_label {
    margin-bottom: 0
}

.left-side-bar .tab_label ul li.active a,
.left-side-bar .tab_label ul li.active a:hover {
    border: unset;
    color: #086ad8;
    background: transparent
}

.left-side-bar .nav>li>a:focus,
.left-side-bar .nav>li>a:hover {
    background-color: transparent !important;
    border: none !important
}

.resdesign_header .header {
    z-index: 1024
}

.loader {
    border: 16px solid #f3f3f3;
    border-top: 16px solid #ff5757;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

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

.upper-loader {
    background: #0000008c;
    height: 100%;
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9990;
    display: flex;
    justify-content: center;
    align-items: center;
    display: none
}

.faq-section .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.faq-section .accordian_box .panel-group .panel {
    border-radius: 0;
    margin-bottom: 10px
}

.faq-section .accordian_box .panel-title a {
    line-height: 29px
}

#contct_from_new .privacy-text p {
    font-size: 18px;
    margin-bottom: 0px
}

.common-bg-clr-area {
    background: #1880bf17
}

.portfolio_section .row {
    display: flex;
    flex-wrap: wrap
}

.animatebox.animate_1.laptop_animate_1 {
    width: 92%;
    left: 53px;
    bottom: 68px
}

.animatebox.animate_2.laptop_animate_2 {
    bottom: 10px;
    z-index: 2;
    width: 100%
}

.animatebox.animate_1.laptop_animate_1 img {
    border-radius: 20px;
    box-shadow: -9px 20px 25px #00000045
}

.texh-box span img {
    display: inline-block;
    width: 44px;
    border: 1px solid #00000054;
    border-radius: 22px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
    padding: 5px;
    height: 44px
}

.texh-box {
    margin-top: 9px
}

.app_content_area .content-box h2 {
    font-size: 26px;
    font-weight: bold;
    color: var(--headingColor);
    margin-bottom: 9px
}

.common_sec.app_content_area {
    padding: 33px 0 !important
}

.animatebox.animate_2.mobile_wireframe_2 img {
    width: 59%;
}

.animatebox.animate_1.mobile_wireframe_2 img {
    width: 62%
}

.animatebox.animate_1.mobile_wireframe_2 {
    right: 5px
}

.animatebox.animate_2.mobile_wireframe_2 {
    right: 50px
}

.features-text {
    margin-bottom: 13px !important;
    display: inline-block;
    margin-top: 20px;
    font-size: 22px;
    color: #000
}

.texh-box span {
    display: inline-block;
    margin-bottom: 8px
}

.content-box .justify-content {
    font-size: 18px;
    color: #333
}

.content-box p {
    line-height: 33px !important
}

section.portfolio_headarea.career_header.web_app_header.portfolio-area {
    padding: 100px 0 40px
}

section.portfolio_headarea.career_header.web_app_header.portfolio-area aside.col-md-12 {
    text-align: center
}

section.portfolio_headarea.career_header.web_app_header.portfolio-area aside h1 {
    font-size: 70px;
    font-weight: 900;
    color: #fff
}

.display-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.real_world_section {
    background-image: url("../images/funfact-bg-1-1.png") !important;
    background-color: #f0f0f0;
    background-size: cover
}

.real_world_box p {
    font-size: 17px
}

.real_world_box h2 {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 15px
}

.real_world_box {
    text-align: center
}

.business_benefits .app_box ul {
    padding: 42px 0 0 0
}

.navigate_section .product_wrapper .service_box .services-card {
    height: 400px
}

.wh_cards {
    height: 480px !important
}

.choose-section-box .info_box .info_details {
    min-height: 417px
}

.asset-section-box .info_box .info_details {
    min-height: 456px !important
}

.card_logo.services_card_logo.deployment_app {
    background-position: -402px -81px
}

.card_logo.services_card_logo.tokenization_app {
    background-position: -80px -154px
}

.card_logo.services_card_logo.exchange_app {
    background-position: -402px -156px
}

.card_logo.services_card_logo.management_app {
    background-position: -160px 10px
}

.justify-content-center {
    justify-content: center
}

.case_study_index_cube {
    background: #1A003D !important
}

.case_study_index_financial {
    background: #096ad8 !important
}

.case_study_sportfinda {
    background: #120715 !important
}

.case_study_botfather {
    background: linear-gradient(180deg, #093878 0%, #087F8A 100%) !important
}

.ocr-logo.bothfather-logo {
    width: 122px
}

.ocr-logo.brainboost-logo {
    width: 230px;
}

.ocr-logo.livs-logo {
    width: 230px
}

.casestudy_content.casestudy_resultarea.text-center.case_study_botfather {
    padding-bottom: 132px
}

.teck-area-heading h2 {
    text-align: center;
    font-size: 140px;
    font-weight: 700;
    color: #d4d4d4
}

.teck-area-content {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #096ad8;
    backdrop-filter: blur(20px);
    border-radius: 10px;
    text-align: center;
    padding: 25px 10px;
    height: 152px;
    margin-bottom: 20px;
}

.teck-area-content h6 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 700;
    margin-top: 14px;
    margin-bottom: 0;
    word-break: break-word
}

.livesteck .teck-area-content h6 {
    font-size: 18px !important
}

.teck-area-new h6 {
    font-size: 17px !important
}

.teck-area .row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.betfolow-logo {
    width: 53px
}

.text-center {
    text-align: center !important
}

.text-center p {
    text-align: center !important;
}

.teck-area-content img {
    width: 95px;
    height: 62px;
    object-fit: contain
}

.case_study_create-a-tale {
    background: #4fa8e3 !important
}

.case_study_guidalor {
    background: #0D063C !important
}

.case_study_brainboost {
    background: #680200 !important;
}

.case_study_livs {
    background: #056379 !important
}

.case-study-carry-go {
    background: #59ACFF !important
}

.case-study-union {
    background: #93C732 !important
}

.case-study-leadharvest {
    background: #233831 !important
}

.teck-stack-img {
    margin-top: 20px
}

.create-img {
    width: 60%;
    margin-top: 22px
}

.case_study_ai-ealth-assistant {
    background-color: #655dd6;
    padding-bottom: 152px
}

.case_study_only_fantasy {
    background: #401010 !important
}

.case_study_big4health {
    background: #18cbfa !important
}

.upper-menu {
    position: static;
    display: block;
    width: 45%
}

.inner-submenu-section {
    position: absolute;
    left: 45%;
    opacity: 0;
    top: 0;
    padding-left: 0 !important;
    visibility: hidden;
    display: none;
    width: 53%
}

.leftmenubox {
    background: #fff
}

.dropdown_menu.services_dropdown.new-services-dropdown.services-dropdown-menu {
    margin-left: 0;
    width: 100vw !important;
    box-shadow: 2px -20px 25px 0 rgb(0 0 0 / 4%) !important
}

.dropdown_menu.services_dropdown.new-services-dropdown.services-dropdown-menu:after {
    left: 60%
}

.leftmenubox.outer-left-menu {
    width: 100%;
    margin-top: 31px;
    height: unset
}

.new-future-scope {
    margin-top: 31px
}

.outer-left-menu .ledtcontent {
    margin-top: 16px !important;
    line-height: 26px !important
}

.outer-left-menu .new-menu-servicesbox h4 {
    font-size: 20px;
    line-height: 40px
}

.leftmenubox.updated-leftmenubox .new-menu-servicesbox h4 a {
    font-size: unset !important;
    display: block
}

.leftmenubox.updated-leftmenubox .new-menu-servicesbox h4 {
    font-size: 19px
}

.new-menu-servicesbox.inner-submenu-section p a {
    font-size: 16px !important;
    line-height: 34px;
    font-weight: 600;
    position: relative;
    display: block
}

.new-menu-servicesbox.inner-submenu-section p a:after {
    content: "\f0a4 ";
    font-family: FontAwesome;
    left: -22px;
    top: -2px;
    position: absolute
}

.opacity-1 {
    opacity: 1
}

.updated-leftmenubox .new-menu-servicesbox {
    padding-left: 0
}

.case_study_astrahealth {
    background: #004AAD !important
}

.case_study_astrahealth .create-img {
    width: 100%
}

.row.new-row {
    display: flex;
    flex-wrap: wrap;
    align-items: start
}

.upper-menu:hover .new-menu-servicesbox {
    visibility: visible;
    opacity: 1;
    display: block
}

.hire-expert-case-study p {
    text-align: left;
    min-height: 130px
}

#home_enquiry_form .rc-anchor-light.rc-anchor-normal,
#home_enquiry_form .rc-anchor-light.rc-anchor-compact {
    border: 1px solid #ffffff !important;
    box-shadow: unset !important
}

.g-recaptcha div {
    height: unset !important
}

.case_study_explainpaper {
    background: #1d8738 !important
}

.drift-conductor-item iframe {
    top: 13px;
    position: relative;
    right: -8px
}

.card_logo.services_card_logo.testing_golang {
    background-position: -234px 0
}

.card_logo.services_card_logo.microservices {
    background-position: -563px 0
}

.card_logo.services_card_logo.maintainance {
    background-position: -803px 0
}

.webapp_box_section.why_choose_golang .app_box {
    min-height: unset;
    margin-bottom: 9px
}

.swiper-up-animation .swiper {
    width: 100%;
    height: 100%
}

.swiper-up-animation .swiper-slide {
    background-color: #fff
}

.logo-slider .swiper {
    width: 100%;
    height: 100%
}

.logo-slider.partner-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 172px
}

.partner-slider-heading h3 {
    text-align: center;
    font-size: 35px;
    color: var(--headingColor);
    font-weight: 700
}

section.mission_critical_section {
    padding: 30px 0 0
}

.logo-slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 172px;
    border-radius: 22px
}

.logo-slider .swiper-slide img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    padding: 0 32px;
    filter: grayscale(1);
    cursor: pointer;
    background: #096ad812;
    padding: 17px 26px;
    border-radius: 5px
}

.mission_critical_section .row {
    display: flex;
    align-items: center
}

.logo-slider .swiper-slide img:hover {
    filter: unset
}

.content__container__list__item h6 {
    margin-bottom: 3px;
    margin-top: 11px
}

.content__container {
    font-weight: 600;
    overflow: hidden;
    height: 315px
}

.content__container__list__item p {
    margin-bottom: 0 !important
}

.digital-casestudy-section .case-study-main-box .carousel-wrap .casestudy_box {
    min-height: 382px
}

.plans-section {
    padding: 32px 0
}

.alternative-boxes h2 {
    font-size: 21px !important;
    margin: 12px 0;
    margin-bottom: 12px !important
}

.plans-section h2 {
    color: var(--headingColor);
    font-size: 35px;
    font-weight: bolder;
    margin-bottom: 32px
}

.alternative-box {
    background: #f3f6f6;
    border-radius: 13px;
    box-shadow: 0 8px 20px rgb(0 0 0 / 20%);
    height: 172px
}

.alternative-boxes {
    padding: 25px
}

.content__container__text {
    display: inline;
    float: left;
    margin: 0;
    font-size: 42px;
    line-height: 54px;
    margin-bottom: 16px !important
}

.content__container__list {
    margin-top: 0;
    padding-left: 0;
    margin-left: 0;
    text-align: left;
    list-style: none;
    -webkit-animation-name: change;
    -webkit-animation-duration: 15s;
    -webkit-animation-iteration-count: infinite;
    animation-name: change;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    margin-bottom: 0 !important
}

.content__container__list__item {
    line-height: 31px;
    margin: 0
}

@keyframes opacity {

    0%,
    100% {
        opacity: 0
    }

    50% {
        opacity: 1
    }
}

@keyframes change {

    0%,
    12.66%,
    100% {
        transform: translate3d(0, 0, 0)
    }

    16.66%,
    29.32% {
        transform: translate3d(0, -33%, 0)
    }

    33.32%,
    45.98% {
        transform: translate3d(0, -68%, 0)
    }

    49.98%,
    62.64% {
        transform: translate3d(0, -33%, 0)
    }

    66.64%,
    79.3% {
        transform: translate3d(0, 0, 0)
    }
}

.testimonials-section .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.testimonials-section .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover
}

.testimonials-section {
    padding: 42px 0 100px
}

.java-upwork .testimonials-section {
    padding: 100px 0 !important;
}

.testimonail-boxes-starts {
    background: url("../images/demo-it-business-testimonial-bg.png");
    border: 1px solid #086ad854;
    padding: 33px;
    border-radius: 18px;
    text-align: left;
    background: #fff;
    position: relative;
    height: 100%
}

.test-box {
    min-height: 251px
}

.clutch-box {
    width: 50px !important
}

.testimonial-header h4 {
    font-size: 24px;
    margin-top: 10px;
    font-weight: 800;
    color: var(--headingColor);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.testimonial-header i.fa.fa-star {
    color: #ffc600;
    margin-top: 12px
}

.takeaways {
    margin-top: 50px !important
}

.download-case-study,
.download-case-study:hover {
    color: #086ad8;
    border: 1px solid #086ad8;
    padding: 5px 9px;
    font-size: 13px;
    border-radius: 9px;
    font-weight: 700;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px
}

.fractional-3 {
    margin-bottom: 50px
}

.test-download {
    display: none
}

.testimonials-box {
    min-height: 223px
}

.listStyle li {
    color: var(--headingColor);
    font-size: 17px
}

.testimonial-header p {
    font-size: 16px;
    margin: 5px 0 10px;
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.description-text {
    font-size: 15px;
    margin: 8px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: 17px
}

.testimonials-section .swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: #096ad8 !important;
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 900
}

.testimonials-section .swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 1px;
    left: auto
}

.testimonials-section .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 2px;
    right: auto
}

.points-box ul {
    padding: 21px;
    background: #e2edf9;
    border-radius: 21px
}

.points-box ul li {
    font-size: 17px;
    font-weight: 600;
    line-height: 34px;
    font-style: italic
}

.our_busines_main_content .row {
    display: flex;
    flex-wrap: wrap
}

.our_busines_main_content .white_card {
    min-height: 92% !important
}

.WEBSITE_DESIGN_SECTION {
    padding-bottom: 67px
}

.container.banner-content-sction h1 {
    font-size: 62px;
    color: #fff;
    margin-bottom: 22px
}

.delivered-area-section h2,
.delivered-area-section h4,
.delivered-area-section p {
    color: #000
}

.delivered-area-section a.btn-register-common.clickcustomform.fadeInUp.wow.outline-main-btn {
    background: #2378ce
}

.question-seeries-section .content-panel {
    min-height: unset
}

.question-seeries-section .grid-items {
    padding: 19px !important;
    border-radius: 12px !important
}

.question-seeries-section .custom-radio label {
    margin-bottom: 0
}

.question-seeries-section .custom-control.custom-radio {
    text-align: left
}

.portfolio_headarea.career_header.web_app_header.mobile-app-development-area1 ul {
    padding: 0 0 30px 20px
}

.portfolio_headarea.career_header.web_app_header.mobile-app-development-area1 ul li {
    color: #7f7f7f;
    list-style: disc;
    font-size: 14px;
    padding: 5px 0
}

.our_business.mobile-app-services .white_card {
    height: 100%;
    min-height: 443px !important
}

.our_business.mobile-app-services .white_card p {
    line-height: normal;
    font-size: 20px
}

.our_business.mobile-app-services .white_card h3 {
    margin-bottom: 0 !important
}

.conversational-ai-platform.business_benefits.diverse-industry .conversational-ai-platform-content {
    height: 100%;
    min-height: 150px;
    text-align: center;
    margin: 0
}

.conversational-ai-platform-heading p {
    text-align: center
}

.paragraph-tag {
    margin-bottom: 33px
}

.ai-office-casestudy .teck-area {
    margin: 20px 0 40px
}

section.casestudy_bannerarea.case_study_index_cube.efx-banner-top.travel-medicare,
section.casestudy_content.casestudy_resultarea.text-center.case_study_index_cube.efx-banner-top.travel-medicare {
    background: #23b5b7 !important
}

h1.page_heading {
    font-size: 132px;
    text-transform: uppercase
}

h4.para-subheading {
    font-size: 25px;
    margin-bottom: 21px
}

h4.subheading {
    font-size: 40px;
    margin-bottom: 13px;
    font-weight: 700
}

span.speacil-msg {
    font-size: 23px;
    margin-top: 16px;
    display: inline-block;
    padding: 12px 22px;
    background: #ed5f00;
    position: relative;
    z-index: 9
}

span.speacil-msg:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 40px;
    background: #ed5f00;
    right: 47%;
    bottom: 0;
    transform: translate(-50%, -50%);
    transform: rotate(45deg);
    z-index: -1
}

.blockchain_statics_content h3 {
    color: var(--headingColor);
    font-weight: 600;
    margin-bottom: 18px;
    line-height: 45px;
    font-size: 42px;
    letter-spacing: -2px
}

.blockchain_statics_content p {
    color: var(--headingColor);
    font-size: 20px
}

.blockchain_statics_content ul {
    padding: 10px 0 0 15px
}

.blockchain_statics_content ul li {
    color: var(--headingColor);
    list-style: disc;
    padding: 6px 0;
    font-size: 20px
}

.blockchain_statics_content {
    margin-bottom: 60px
}

.blockchain_statics_picture img {
    padding: 70px
}

.blockchain_statics_content.to-spacing {
    margin-top: 140px
}

.development-process_box img {
    width: 65px
}

.development-process_box h6 {
    color: var(--headingColor);
    font-size: 19px;
    font-weight: 600;
    margin: 25px 0 6px 0
}

.development-process_box p {
    color: var(--headingColor);
    line-height: 25px
}

.development-process_box {
    padding: 20px
}

.blockchain-faq .row {
    display: flex;
    justify-content: center
}

.blockchain-faq .panel {
    border: none;
    border-bottom: 1px solid #0000001a;
    padding: 7px 0
}

.blockchain-faq h4.panel-title {
    color: var(--headingColor);
    font-weight: 700;
    line-height: 25px
}

.blockchain-faq .panel-body p {
    color: #000
}

.banner-area {
    background-image: url("../images/mobile-app-usa.webp");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 120px 0;
    text-align: center;
    height: 90vh;
    background-position: left;
    display: flex;
    align-items: center;
    margin-top: 90px
}

.mobile-development-banner-text h1 {
    color: #fff;
    font-size: 45px;
    font-weight: 900;
    line-height: 52px;
    margin-bottom: 15px
}

.mobile-development-banner-text p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 18px
}

.mobile-development-banner-text {
    padding: 50px;
    text-align: left
}

.banner-area .row {
    display: flex;
    justify-content: right
}

.mobile-development-banner-text .orange_button.roundd_button,
section.solution-section.mobile-app-for-industry .orange_button.roundd_button {
    background: #fff;
    border: none;
    color: #000
}

.ios-vs-android-development {
    padding: 70px 0;
    background: #f3f6f6
}

.ios-vs-android-development-heading {
    text-align: center
}

.ios-vs-android-development-heading h2 span {
    color: #ff5a01
}

.ios-vs-android-development-heading h2 {
    font-size: 38px;
    color: var(--headingColor);
    font-weight: 800;
    margin-bottom: 10px
}

.ios-vs-android-development-heading p {
    color: var(--headingColor);
    font-size: 17px
}

.ios-vs-android-development .row {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ios-vs-android-development-box {
    box-shadow: 0 4px 50px 0 #0000001a;
    overflow: hidden;
    border-radius: 10px;
    height: 100%
}

.ios-vs-android-development-box ul li img {
    width: 20px;
    min-width: 20px;
    margin: 4px 5px 0 0
}

.ios-vs-android-development-box h6 {
    padding: 12px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    color: #fff
}

h6.ios-platform {
    background: #000
}

h6.android-platform {
    background: #ff5a01
}

h6.cross-platform {
    background: #086ad8
}

.ios-vs-android-development-box ul {
    padding: 12px
}

.ios-vs-android-development-box ul li {
    padding: 2px 0;
    color: var(--headingColor);
    font-size: 15px;
    display: flex;
    align-items: start
}

.mobile-app-for-industry-heading p {
    color: #fff;
    font-size: 18px;
    padding: 0 60px
}

.mobile-app-for-industry-heading h2 {
    font-size: 38px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 6px
}

.mobile-app-for-industry-heading {
    text-align: center
}

.mobile-app-for-industry-box {
    background: #ffffff14;
    color: #fff;
    padding: 30px 20px;
    text-align: center;
    border-radius: 5px;
    height: 100%
}

.mobile-app-for-industry-box h6 {
    font-size: 17px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 6px
}

.strt_inner p,
.overlay_inner p {
    color: var(--whiteColor) !important;
}

.mobile-app-for-industry-box p {
    font-size: 14px;
    line-height: 23px;
    color: var(--whiteColor) !important;
}

.mobile-app-for-industry .row {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.mobile-app-for-industry .col-md-3 {
    margin-bottom: 30px
}

.mobile-app-for-industry-box img {
    width: 50px;
    margin-bottom: 20px
}

.advanced-technology {
    padding: 70px 0
}

.advanced-technology-box {
    border: 1px dashed #d0d0d0;
    height: 100%;
    padding: 20px
}

.advanced-technology .row {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
    justify-content: center
}

.advanced-technology-box h6 {
    font-size: 18px;
    color: var(--headingColor);
    font-weight: 600;
    margin-bottom: 6px
}

.advanced-technology-box p {
    font-size: 15px;
    color: var(--headingColor);
    line-height: 23px
}

.advanced-technology .col-md-6 {
    margin-bottom: 30px
}

.advanced-technology-box img {
    width: 60px;
    margin-bottom: 20px
}

.stats {
    background: #ff5a011f;
    padding: 50px 0
}

.stats-box p {
    color: var(--headingColor);
    font-weight: 600
}

.stats-box h2 {
    color: #ff5a01;
    font-size: 60px;
    font-weight: 700
}

.stats-box {
    text-align: center;
    margin-top: 50px
}

.premium-mobile-app {
    padding: 80px 0;
    background: #f3f6f6
}

.premium-mobile-app .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 70px
}

.premium-mobile-app-box {
    background: #fff;
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    border-bottom: 3px solid #ff5a0152
}

.premium-mobile-app .col-md-4 {
    margin-bottom: 30px
}

.premium-mobile-app-box h5 {
    color: #000000;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px
}

.premium-mobile-app-box p {
    font-size: 15px;
    line-height: 25px;
    color: #000
}

.premium-mobile-app-box:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.cross-platform-area {
    padding: 90px 0
}

.cross-platform-area .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.cross-platform-area-right .ios-vs-android-development-heading {
    text-align: left
}

.cross-platform-area-right .ios-vs-android-development-heading p {
    margin: 10px 0;
    font-size: 15px;
    line-height: 23px
}

.cross-platform-area-left {
    text-align: center
}

.blockchain-faq .panel-body ul li {
    list-style: disc;
    margin-left: 15px;
    color: #000
}

.ios-vs-android-development .col-md-4 {
    margin-bottom: 22px
}

.serving_area {
    padding: 80px 0 30px
}

.serving_area .row {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap
}

.servicing_box_content ul li {
    list-style: disc;
    padding: 5px 0
}

.servicing_box_content {
    color: #000
}

.servicing_box_content ul {
    margin: 10px 0 0 15px
}

.servicing_box_content {
    color: var(--headingColor);
    border-bottom: 1px solid #00000024;
    padding: 30px;
    height: 100%
}

.servicing_box_content h6 {
    color: var(--headingColor);
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px
}

.servicing_box_content img {
    width: 55px;
    margin-bottom: 12px
}

.common_sec.our_techno.price_section.bg_gray.business-regards .techno_tab li a::after {
    display: none
}

.business-regards-box {
    padding: 30px;
    border-radius: 8px;
    box-shadow: 0 3px 25px #eeefef;
    height: 100%;
    border: 1px dashed #00000073
}

.business-regards-box h6 {
    font-size: 18px;
    color: var(--headingColor);
    font-weight: 600;
    margin-bottom: 8px
}

.business-regards-box p {
    color: var(--headingColor);
    line-height: 25px
}

.business-regards .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.business-regards .col-md-4 {
    margin-bottom: 30px
}

.service_box.crm-tool-content .services-card {
    min-height: unset;
    box-shadow: unset;
    border: 1px solid #00000026
}

.service_box.crm-tool-content {
    height: 100%;
    margin: 0
}

.crm-tool .col-md-6.col-lg-4 {
    margin-bottom: 30px
}

.crm-tool .row {
    display: flex;
    flex-wrap: wrap
}

.service_box.crm-tool-content .services-card img {
    margin: -70px 0 0 0;
    width: 50px
}

.business-regards ul.nav.nav-tabs li a img {
    width: 25px;
    margin-right: 20px;
    min-width: 25px
}

.benefits-ctr {
    text-align: center
}

ul.netset_drive li h2 {
    color: var(--headingColor);
    font-weight: 700
}

.title.heading_lable h2 {
    font-size: 40px;
    display: block;
    color: var(--headingColor);
    font-weight: 600
}

.about_us_banner.portfolio_headarea.career_header .row {
    align-items: center;
    display: flex
}

.casestudy_content.casestudy_aboutarea h2,
section.casestudy_content.casestudy_problemarea h2,
section.casestudy_content.casestudy_solutionarea h2,
section.casestudy_content.casestudy_benefitarea h2 {
    font-weight: 900;
    color: var(--headingColor);
    font-size: 20px
}

.casestudy_content.casestudy_resultarea.text-center.netrix-bannerarea_background h2 {
    color: #fff;
    font-size: 21px;
    font-weight: 700
}

.casestudy_content.casestudy_resultarea.empowered_resultarea.text-center h2 {
    font-size: 23px;
    font-weight: 700
}

.mental-health-banner {
    background: url("../images/mental-health-bg.png");
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 140px 0 90px
}

.mental-health-banner .row {
    display: flex;
    justify-content: center;
    text-align: center
}

.mental-health-banner-heading h1 span {
    color: #086ad8
}

.mental-health-banner-heading h1 {
    font-size: 57px;
    color: var(--headingColor);
    margin-bottom: 20px
}

.mental-health-banner-heading p {
    color: #474747;
    font-size: 18px
}

.mental-health-banner-heading a {
    padding: 10px 24px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    background: #ed5f00;
    display: flex;
    margin: 30px auto 50px
}

.healthcare-brands h3 {
    text-align: center;
    padding-top: 30px;
    color: var(--headingColor);
    font-weight: 600;
    font-size: 28px
}

.healthcare-brands {
    border-top: 1px solid #00000029;
    margin-top: 40px
}

.healthcare-brands-logos img {
    margin: 0 30px
}

.healthcare-brands-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px
}

.diverse-fitness {
    padding: 40px 0 80px
}

.mental-health-banner-heading {
    text-align: center
}

.diverse-fitness .mental-health-banner-heading h1 {
    font-size: 50px;
    color: var(--headingColor);
    margin-bottom: 20px;
    line-height: 60px
}

.diverse-fitness .row {
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

.diverse-fitness-box {
    background: #F4F4F4;
    height: 100%;
    padding: 20px
}

.diverse-fitness .col-md-4 {
    margin-top: 30px
}

.diverse-fitness .mental-health-banner-heading p {
    margin-bottom: 25px
}

.diverse-fitness-box h3 {
    color: #ED5F00;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 15px
}

.diverse-fitness-box h6 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px
}

.healthcare-developers {
    background: #086ad8;
    padding: 70px 0
}

.row.healthcare-developers-boxes-outer {
    display: flex;
    flex-wrap: wrap;
    color: #fff
}

.healthcare-developers .row {
    justify-content: center;
    display: flex
}

.healthcare-developers .mental-health-banner-heading h1 {
    font-size: 51px;
    color: #fff;
    margin-bottom: 20px
}

.healthcare-developers .mental-health-banner-heading p {
    margin-bottom: 40px;
    color: #fff
}

.row.healthcare-developers-boxes-outer .col-md-4 {
    margin-bottom: 30px
}

.healthcare-developers-box h6 {
    font-size: 20px;
    font-weight: 600;
    padding: 15px 0 10px
}

.healthcare-developers-box p {
    font-size: 15px;
    line-height: 22px;
    color: var(--whiteColor);
}

.features-area {
    padding: 60px 0;
    background: #f3f3f3
}

.features-area .row {
    flex-wrap: wrap;
    display: flex;
    justify-content: center
}

.features-area .col-md-4 {
    margin-top: 30px
}

.features-area-box {
    border: 1px dashed #0000005e;
    padding: 20px;
    border-radius: 5px;
    height: 100%
}

.features-area-box h6 {
    color: var(--headingColor);
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 14px
}

.features-area-box ul li img {
    width: 20px;
    min-width: 20px;
    margin-right: 6px
}

.features-area-box ul li {
    color: var(--headingColor);
    padding: 2px 0
}

.features-area .mental-health-banner-heading p {
    margin-bottom: 15px
}

.techno-stack .techno_tab li {
    width: 12%;
    border: 1px solid #ddd
}

.techno-stack .techno_tab li a {
    padding: 17px 0
}

.techno-stack .nav.nav-tabs {
    display: flex !important;
    justify-content: center
}

.techno-stack-inner p {
    color: var(--headingColor);
    font-weight: 500;
    font-size: 17px;
    margin-top: 4px
}

.techno-stack-logo {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    justify-content: center
}

.techno-stack-inner {
    text-align: center;
    width: 100px;
    min-width: 100px;
    margin: 15px
}

.techno-stack-inner img {
    width: 60px
}

.mental-health-banner-heading.under {
    text-align: left
}

.under-benefits span {
    font-size: 22px;
    font-weight: 700;
    color: #000
}

.under-benefits {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 26px 0;
    border-bottom: 1px solid #80808059
}

.under-benefits p {
    width: 50%
}

.under-benefits span img {
    margin-right: 22px
}

.healthcare-developers-box.main-dark-text {
    background: #F4F4F4;
    padding: 25px;
    color: var(--headingColor);
    height: 100%
}

.healthcare-developers-box.main-dark-text.blue {
    background: #086AD8;
    color: #fff
}

.transform-area {
    padding: 52px 0
}

.outer-transform.row {
    display: flex;
    align-items: center;
    border: 2px solid #E84D00;
    border-radius: 47px
}

.col-md-6.padding-0 {
    padding: 0
}

.transform-content-box p span {
    color: #086AD8;
    font-weight: 700
}

.transform-content-box {
    padding: 52px
}

.transform-area .it-area-bottom-btns a {
    padding: 10px 24px;
    color: #fff !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    background: #ed5f00;
    display: flex;
    margin: 30px 0 0 0
}

.client-review-box {
    border-radius: 16px;
    background: #fff;
    box-shadow: 0px 4px 10px 0px rgba(82, 82, 82, 0.10);
    padding: 32px;
    border: 1px solid #0000001f;
    text-align: left;
    font-weight: 500;
    margin: 22px 0 0 0
}

.client-bottom-box span {
    opacity: 0.6
}

.client-bottom-box h4 {
    font-weight: 700
}

.client-bottom-box div {
    text-align: left
}

.client-bottom-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 42px
}

.portfolio_headarea .container aside .blockchain-para.saudi-para,
.count-card p,
.about_us_banner .blockchain-para.saudi-para,
section.common_sec.backgrnd-clr p,
section.common_sec.mvp_dev_process.industries-transformed-blockchain p {
    color: var(--whiteColor) !important;
}

h2.transform-industry-heading {
    color: var(--headingColor) !important;
}

.row.under-faq-section {
    align-items: center
}

.portfolio_headarea.career_header.web_app_header a.orange_button.roundd_button {
    color: var(--netsetColor) !important;
}

section.common_sec.mvp_dev_process h1 {
    color: var(--whiteColor) !important;
}

.row.under-faq-section .heading_new.text-center {
    margin-bottom: 31px;
    text-align: left !important
}

section.faq-section.main-faq {
    padding: 42px 0
}

.mental-health-banner-heading h2 {
    font-size: 48px;
    color: var(--headingColor);
    margin-bottom: 20px;
    font-weight: 700;
    text-align: center
}

.healthcare-developers h2 {
    color: #fff
}

.transform-content-box h3 {
    font-weight: 700;
    color: var(--headingColor);
    margin-bottom: 12px
}

.mental-health-banner-heading h2 span {
    color: #086ad8
}

.step-under-box {
    border: 1px dashed #0000005e;
    padding: 18px;
    height: 100%;
    border-radius: 14px
}

.steps-area {
    padding: 50px 0;
    background: #f3f3f3
}

.step-under-box .fa {
    background: #ed5f00;
    width: 36px;
    height: 36px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 24px;
    border-radius: 5px;
    transform: rotate(-15deg)
}

.crypto-main-banner {
    background: url("../images/crypto-wallet-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top bottom;
    padding: 180px 0 70px;
    position: relative
}

img.banner-coin {
    position: absolute;
    animation: rotate 3s cubic-bezier(0.41, 0.15, 0.64, 0.86) infinite alternate;
    right: 50px;
    top: 200px
}

.crypto-main-banner .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.crypto-banner-content-left h1 span {
    color: #ff5a01
}

.crypto-banner-content-left p {
    color: #121212;
    font-size: 18px
}

.crypto-banner-content-left h1 {
    color: var(--headingColor);
    font-size: 46px;
    font-weight: 800;
    margin-bottom: 15px;
    line-height: 53px
}

.crypto-main-banner .it-area-bottom-btns a {
    background: #ff5a01;
    color: #fff;
    font-weight: 500;
    padding: 9px 20px;
    font-size: 18px;
    border-radius: 10px;
    margin: 38px 0 30px 0
}

.crypto-banner-content-right {
    text-align: center
}

.crypto-white-label-area {
    padding: 80px 0
}

.crypto-white-label-area.crypto-features {
    background-image: url("../images/token-bg.png");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover
}

.crypto-white-label-area.crypto-features .crypto-currency-market-content h2 {
    color: #ffffff
}

.crypto-white-label-area.crypto-features .crypto-currency-market-content p {
    color: #fff
}

.crypto-white-label-area h6 span {
    font-weight: 900
}

.crypto-white-label-area h6 {
    font-size: 22px;
    text-align: center;
    color: var(--headingColor);
    line-height: 30px;
    margin-bottom: 40px
}

.multi-currency {
    border-radius: 20px;
    text-align: center;
    padding: 50px 20px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(44, 99, 255, 0.24);
    box-shadow: inset 0 0 32px rgb(8 106 216)
}

.secure-transactions {
    border-radius: 20px;
    padding: 50px 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #ffba8338;
    box-shadow: inset 0 0 32px #ed5f00
}

.user-friendly {
    border-radius: 20px;
    padding: 50px 20px;
    text-align: center;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid #ffa80030;
    box-shadow: inset 0 0 32px #ffa800
}

.secure-transactions p,
.user-friendly p,
.multi-currency p {
    color: var(--headingColor);
    font-size: 20px;
    margin-top: 10px
}

.crypto-currency-market-area {
    padding: 70px 0
}

.crypto-currency-market-content h2 span {
    color: #ff5a01
}

.crypto-currency-market-content h2 {
    color: var(--headingColor);
    font-size: 37px;
    font-weight: bolder;
    margin-bottom: 12px;
    line-height: 45px
}

.crypto-currency-market-content p {
    color: #121212;
    font-size: 17px;
    margin-bottom: 30px
}

.crypto-currency-market-content-inner {
    text-align: center;
    margin-bottom: 50px
}

.crypto-currency-market-box {
    padding: 20px;
    border-radius: 20px;
    height: 100%;
    background: linear-gradient(294.72deg, rgb(222 235 249) 9.05%, rgb(67 136 221 / 0%) 79.28%);
    position: relative;
    backdrop-filter: blur(12px)
}

.crypto-currency-market-box img {
    position: absolute;
    z-index: 9;
    top: 4px;
    left: 8px
}

.crypto-currency-market-content .row {
    display: flex;
    flex-wrap: wrap
}

.crypto-currency-market-content .col-md-6 {
    margin-bottom: 30px
}

.crypto-currency-market-box h5 {
    font-size: 20px;
    margin: 55px 0 8px;
    font-weight: 700;
    color: #000
}

.crypto-currency-market-box p {
    margin: 0;
    font-size: 15px;
    line-height: 24px
}

.build-crypto {
    background-image: url("../images/peak-hero-banner.png");
    padding: 60px 0;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover
}

img.banner-coin-bottom {
    position: absolute;
    bottom: 100px;
    left: 50px;
    animation: rotate 3s cubic-bezier(0.41, 0.15, 0.64, 0.86) infinite alternate
}

.customer-experience {
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 20px;
    text-align: center;
    background: #fff;
    border: 1px solid rgba(44, 99, 255, 0.24);
    box-shadow: inset 0 0 32px rgb(8 106 216)
}

.customer-experience h5 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 6px
}

.customer-experience p {
    color: #121212;
    font-size: 15px;
    line-height: 24px
}

.customer-experience h6 {
    color: #086AD8;
    font-size: 23px;
    font-weight: 800;
    margin-bottom: 6px
}

.customer-experience img {
    margin-top: 15px
}

.customer-experience.diversified {
    background: #086AD8
}

.customer-experience.diversified h6,
.customer-experience.diversified p {
    color: #fff
}

.crypto-white-label-area .col-md-4 {
    margin-bottom: 30px
}

.crypto-white-label-area .row {
    display: flex;
    flex-wrap: wrap
}

.row.crypto-feature {
    justify-content: center;
    text-align: center
}

.row.crypto-currency-content-inner {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.mla-banner-area {
    background: url("../images/mla-banner-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    background-position: bottom;
    padding: 50px 0 0 0;
    margin-top: 90px;
}

.mla-banner-text {
    text-align: center;
    color: #fff
}

.mla-banner-area .row {
    display: flex;
    justify-content: space-evenly
}

.mla-banner-text h1 {
    font-size: 47px;
    margin-bottom: 12px
}

.common_sec.mvp_dev_process h2 {
    color: var(--whiteColor) !important;
}

section.our_value.global_impression.bg_gray span.global-heading {
    color: var(--headingColor);
}

.mla-banner-text p {
    font-size: 18px;
    line-height: 25px;
    margin-bottom: 40px;
    color: var(--whiteColor);
}

p.custom-size {
    color: var(--whiteColor) !important;
}

.mla-banner-text a {
    background: #ED5F00;
    color: #fff !important;
    padding: 12px 17px;
    font-size: 17px
}

.top-media-sites-area {
    padding: 90px 0
}

.top-media-heading {
    text-align: center
}

.top-media-heading h2 {
    font-size: 40px;
    color: #086ad8;
    font-weight: 900;
    margin-bottom: 6px
}

.top-media-heading p {
    line-height: 23px;
    font-size: 17px;
    color: #000
}

.top-media-logo {
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    flex-wrap: wrap
}

.mla-service-box h6 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 800;
    margin: 10px 0 5px;
    line-height: 25px
}

.mla-service-box p {
    color: var(--headingColor);
    font-size: 15px;
    line-height: 22px;
    margin-bottom: 10px
}

.mla-service-box ul li img {
    width: 18px;
    min-width: 18px;
    margin-right: 5px
}

.mla-service-box ul li {
    color: var(--headingColor);
    font-size: 15px;
    padding: 2px 0;
    display: flex;
    align-items: center
}

.mla-services-feature-area .row {
    display: flex;
    flex-wrap: wrap
}

.mla-service-box {
    margin: 0 0 20px 0;
    padding: 22px;
    height: 270px;
    transform: rotate(0deg);
    border-radius: 20px;
    display: block;
    background: radial-gradient(#086ad878, #ffffff);
    box-shadow: 0 .5rem 1.5rem rgba(22, 28, 45, 0.1) !important;
    position: relative;
    overflow: hidden
}

.mla-services-feature-area {
    padding: 40px 0 60px
}

.mla-services-feature-area .top-media-heading p {
    margin-bottom: 25px
}

.mla-goal-area {
    background-image: url("../images/mla-goal-bg.png");
    background-repeat: no-repeat;
    padding: 80px 0;
    background-size: cover
}

.mla-goal-text h5 span {
    font-weight: 800
}

.mla-goal-text h5 {
    color: #fff;
    font-size: 32px;
    text-align: center;
    line-height: 45px
}

.mlm-build-box {
    border-radius: 20px;
    border: 1px solid #D3D3D3;
    box-shadow: 0px 0px 4px 0px #00B4FF;
    padding: 30px;
    text-align: center
}

.mlm-build-box h5 {
    font-size: 18px;
    color: var(--headingColor);
    font-weight: 600;
    padding: 12px 0 2px 0
}

.mlm-build-box p {
    color: var(--headingColor);
    font-size: 15px;
    line-height: 25px
}

.mlm-build-box.top-spacing {
    margin-top: 70px
}

.mlm-build-area {
    padding: 70px 0;
    background: #F6F6F6
}

.mlm-build-area .row {
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap
}

.mlm-build-area.mlm-features-section .under-benefits {
    display: unset;
    border: none
}

.mlm-build-area.mlm-features-section .under-benefits p {
    width: 100%
}

.mlm-build-area.mlm-features-section .col-md-6 {
    border-bottom: 1px solid #00000029;
    padding: 30px
}

.mlm-build-area.mlm-features-section {
    background: none
}

.under-benefits ul li img {
    margin: 4px 6px 0 0
}

h2.business-heading {
    color: #fff
}

.mla-services-feature-area a {
    background: #ED5F00;
    color: #fff !important;
    padding: 9px 20px;
    font-size: 17px;
    display: flex;
    width: fit-content;
    margin: 15px auto 0
}

.mlm-build-area a {
    background: #ED5F00;
    color: #fff !important;
    padding: 9px 20px;
    font-size: 17px;
    display: flex;
    width: fit-content;
    margin: 50px auto 0
}

.mlm-build-area.mlm-features-section .under-benefits {
    padding: 0;
    text-align: left
}

.under-benefits ul li {
    display: flex;
    align-items: flex-start
}

.fitness-trackers h5 {
    font-size: 22px;
    color: var(--headingColor);
    font-weight: 800;
    margin-bottom: 6px
}

.fitness-trackers {
    padding: 70px 0
}

.fitness-trackers p {
    padding: 7px 0;
    text-align: center
}

.fitness-trackers img {
    display: flex;
    margin: 20px auto
}

.fitness-trackers .row {
    padding: 20px 0
}

.crypto-currency-market-area .it-area-bottom-btns a,
.crypto-white-label-area .it-area-bottom-btns a {
    background: #ff5a01;
    color: #fff;
    font-weight: 500;
    padding: 9px 20px;
    font-size: 18px;
    border-radius: 10px;
    margin: 30px auto 0
}

.mental-health-banner-area {
    background: radial-gradient(#086ad8, #000000);
    padding: 176px 0 119px 0
}

.mental-health-banner-area .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.mental-health-content h1 span {
    color: #fff
}

.mental-health-content h1 {
    color: #fff;
    font-size: 48px;
    line-height: 55px
}

.mental-health-content p {
    color: #fff;
    font-size: 18px;
    padding: 10px 0 35px 0
}

.mental-health-content .it-area-bottom-btns a {
    background: #ff5a01;
    color: #fff;
    padding: 8px 27px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 10px
}

.iso-compliance {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.iso-compliance {
    background: #086ad8;
    padding: 8px 0
}

.iso-compliance h6 {
    color: #fff;
    font-size: 25px;
    font-weight: 800
}

.mental-health-services {
    padding: 70px 0
}

.row.mental-health-services-top {
    flex-wrap: wrap
}

.mental-health-services .row {
    display: flex;
    align-items: center;
    justify-content: center;
}

.mental-health-content h2 span {
    color: #086ad8
}

.mental-health-content h2 {
    font-size: 42px;
    color: var(--headingColor);
    font-weight: 700;
    line-height: 50px
}

.banner-right-image {
    text-align: center
}

.mental-health-services-box img {
    border-radius: 21px
}

.mental-health-services-box h6 {
    position: absolute;
    bottom: -22px;
    border-radius: 0px 0px 20px 20px;
    background: var(--Color-Basic-White, #FFF);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    width: 100%;
    padding: 16px 0;
    font-size: 16px;
    color: #086ad8;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase
}

.mental-health-services-box {
    position: relative
}

.mental-health-requirement .row {
    justify-content: center;
    display: flex;
    flex-wrap: wrap
}

.mental-health-requirement .mental-health-content {
    text-align: center
}

.mental-health-requirement .mental-health-content p {
    font-size: 18px
}

.mental-health-requirement-box-content {
    position: absolute;
    bottom: 20px;
    left: 30px
}

.mental-health-requirement-box {
    position: relative;
    margin-bottom: 30px
}

.mental-health-requirement-box-content p {
    color: #fff;
    font-weight: 600;
    font-size: 18px
}

.mental-health-requirement-box-content h3 {
    -webkit-text-stroke: 1px #ffffff;
    font-size: 50px;
    color: transparent
}

.mental-health-requirement-box.requirement-gray-box p {
    color: #474747;
    font-size: 16px
}

.mental-health-requirement-box.requirement-gray-box h6 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 700;
    margin: 12px 0 6px 0
}

.mental-health-requirement-box.requirement-gray-box {
    background: #F4F4F4;
    padding: 40px 40px 100px 40px;
    border-radius: 20px
}

.mental-health-requirement-box.requirement-gray-box h4 {
    color: #ff5a01;
    font-size: 50px;
    font-weight: 800
}

.mental-health-requirement {
    padding: 30px 0
}

.row.mental-health-benefits-top {
    justify-content: center;
    margin-bottom: 20px
}

.top-media-heading h2 span {
    color: #086ad8
}

.top-media-heading h2 {
    color: var(--headingColor);
    font-size: 42px
}

.mla-service-box.mlm-outer {
    height: 100%
}

.mla-services-feature-area .col-md-4 {
    margin-bottom: 30px
}

.mental-health-benefits-top .top-media-heading p {
    color: #474747 !important
}

.mental-health-requirement a {
    background: #ED5F00;
    color: #fff !important;
    padding: 9px 20px;
    font-size: 17px;
    display: flex;
    width: fit-content;
    margin: 15px auto;
    border-radius: 10px
}

.mental-health-life-idea {
    background-image: url("../images/mental-health-life-idea-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    height: 730px;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.mental-health-life-idea-content p {
    color: var(--headingColor);
    font-size: 22px;
    margin-bottom: 45px
}

.mental-health-life-idea-content h2 {
    font-size: 50px;
    color: var(--headingColor);
    font-weight: 800;
    margin-bottom: 8px;
    line-height: 56px
}

.mental-health-life-idea-content a {
    background: #ED5F00;
    color: #fff !important;
    padding: 9px 20px;
    font-size: 17px;
    display: flex;
    width: fit-content;
    border-radius: 10px
}

.features-area.mental-health-features h6 {
    color: var(--headingColor);
    font-size: 21px;
    text-align: center;
    font-weight: 700;
    line-height: 28px
}

.features-area.mental-health-features {
    background: none;
    padding: 40px 0
}

.technologies-area a.orange_button.roundd_button {
    background: #ED5F00;
    color: #fff !important;
    padding: 4px 20px;
    font-size: 17px;
    display: flex;
    width: fit-content;
    border-radius: 10px;
    margin: 20px auto 0;
    align-items: center;
    min-height: 48px
}

.mentalhealth-tech-stack {
    border-radius: 15px;
    background: var(--Color-Basic-White, #FFF);
    box-shadow: 0px 0.954px 3.818px 0px rgba(0, 0, 0, 0.25);
    padding: 15px;
    margin-bottom: 25px
}

.mentalhealth-tech-stack h6 {
    color: var(--headingColor);
    font-size: 18px;
    font-weight: 700;
    padding: 8px 0 0 8px
}

.iso-compliance img {
    padding: 0 10px
}

.row.under-faq-section img {
    margin-bottom: 20px
}

.row.under-crm-row.steps-follow-grid {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.row.under-crm-row.steps-follow-grid .white_card {
    min-height: unset !important;
    box-shadow: unset !important;
    margin: 0 0 52px 0
}

.text-under-center {
    text-align: center;
    margin-top: 11px
}

.feature-section-swiper .swiper {
    width: 100%;
    height: 100%
}

.feature-section-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center
}

.feature-content h4 {
    color: #ffffff;
    font-size: 37px;
    font-weight: bolder;
    margin-bottom: 12px;
    line-height: 45px
}

.feature-content ul {
    list-style: bullet;
    margin: 0 21px;
    font-weight: 500
}

.feature-content ul li {
    list-style: circle;
    color: #fff;
    font-size: 18px;
    padding: 10px 0;
    line-height: 27px
}

.feature-content {
    text-align: left;
    padding: 0 40px 0 0
}

.row.feature-row {
    display: flex;
    align-items: center
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 14px !important;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    background: var(--netsetColor);
    width: 30px;
    height: 30px;
    min-width: 30px;
    min-height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    font-weight: 900
}

.feature-section-swiper {
    padding: 40px 22px;
    background: rgba(255, 255, 255, 0.02);
    backdrop-filter: blur(12px);
    border-radius: 30px;
    overflow: hidden;
}

.row.under-crm-row {
    display: unset
}

.crm-header-content {
    text-align: center;
    margin-top: 32px
}

.crm-header-content p {
    max-width: 100% !important
}

.img-login {
    border-radius: 31px
}

.about_us_banner.portfolio_headarea.career_header.crm-header-section {
    background: url("/images/crm-hero-banner.png") no-repeat !important;
    padding: 120px 0 28px 0 !important;
    width: 100%;
    background-size: cover !important;
    background-position: center;
    border-radius: 0 0 102px 102px
}

.peak-solution-section {
    background: url("/images/peak-hero-banner.png") no-repeat !important;
    padding: 41px 0 28px 0 !important;
    width: 100%;
    background-size: cover !important;
    background-position: center
}

.crm-header-content h1 {
    font-size: 48px !important;
    margin: 5px !important;
    letter-spacing: -2px
}

.crm-header-content h1 img {
    width: 6%;
    transform: rotate(-28deg)
}

.solution-subheading {
    font-size: 45px !important;
    letter-spacing: -1px;
    font-weight: 700
}

.peak-solution-section .linee {
    margin: 18px auto 15px auto
}

.feature-peak-tab ul li a {
    display: flex !important;
    flex-direction: column !important;
    border-radius: 12px !important;
    align-items: center;
    padding: 8px 36px;
    transition: 0.4s
}

.feature-peak-tab ul li a img {
    width: 49px;
    margin-bottom: 6px
}

.feature-peak-tab .tab_label ul li {
    border-right: none !important;
    padding: 0 8px 0 0 !important
}

.feature-peak-tab .tab_label ul {
    display: inline-block;
    border: none;
    padding: 12px;
    border-radius: 16px;
    background: #fff;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px
}

.feature-peak-tab .tab_label ul li.active a {
    background: #096ad8 !important;
    color: #fff !important;
    border: none !important;
    margin: 0
}

.feature-peak-tab .tab_label ul li a:hover {
    background: #fff !important;
    color: #000 !important
}

.row.content-row-peak {
    padding: 33px 17px;
    border-radius: 28px
}

.tab-peak-img {
    text-align: center;
    width: 84%;
    margin: 0 auto
}

.feature-peak-tab .tab_label {
    margin-bottom: 5px
}

.tab-peak-content h2 {
    font-size: 45px;
    font-weight: 700;
    color: var(--headingColor);
    letter-spacing: -2px;
    margin: 0 0 9px 0
}

.tab-peak-content ul {
    list-style: unset;
    text-align: left
}

.tab-peak-content {
    text-align: center;
    padding: 0 151px;
    margin-top: 22px
}

.swiper-serving-area .swiper {
    width: 100%;
    height: 100%;
    padding: 32px
}

.swiper-serving-area .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff
}

.inner-serving h3 {
    letter-spacing: -2px;
    font-size: 29px;
    font-weight: 700;
    color: var(--headingColor);
    margin-bottom: 8px
}

.inner-serving p {
    font-size: 16px
}

.inner-serving ul li {
    list-style: initial;
    margin: 9px 0 0 20px;
    font-size: 16px;
    font-weight: normal;
    font-weight: 600
}

.inner-serving {
    text-align: left;
    box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
    padding: 34px;
    border-radius: 12px;
    background: #f3f6f6;
    height: 69vh
}

.inner-serving.purple {
    background: #e4d2e9
}

.inner-serving.red {
    background: #fcd0d0
}

.inner-serving.green {
    background: #cfdffd
}

.inner-serving.yellow {
    background: #ddedce
}

.inner-serving.blue {
    background: #a1d9eb
}

.services-significant {
    position: relative;
    display: block;
    width: 100%;
    color: #a8aabc;
    overflow: hidden;
    height: 359px;
    border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px
}

.services-significant .show {
    position: relative;
    height: 200px
}

.services-significant .show h4 {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.5em;
    transform: translate(-50%, -50%)
}

.services-significant .hide {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: auto;
    padding: 28px;
    color: #ffffff;
    transform: translateY(100%);
    transition: transform 0.5s;
    display: unset !important;
    border-radius: 10px 10px 0 0;
    background: radial-gradient(#086ad8, #021b37)
}

.services-significant:hover .hide {
    transform: translateY(0)
}

.hide.services-significant-dtl h4 {
    font-size: 20px;
    margin-bottom: 9px;
    text-transform: uppercase;
    font-weight: 600
}

.hide.services-significant-dtl p {
    font-size: 14px;
    line-height: 24px;
    color: var(--whiteColor);
}

.services-significant-area .pin {
    background-color: #aaa;
    display: block;
    height: 16px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -4px;
    z-index: 1
}

.services-significant-area .pin:before {
    background-color: hsla(0, 0%, 0%, 0.1);
    box-shadow: 0 0 0.25em hsl(0deg 0% 0% / 10%);
    content: "";
    height: 12px;
    width: 2px;
    left: 0;
    position: absolute;
    top: 4px;
    transform: rotate(57.5deg);
    -moz-transform: rotate(57.5deg);
    -webkit-transform: rotate(57.5deg);
    -o-transform: rotate(57.5deg);
    -ms-transform: rotate(57.5deg);
    transform-origin: 50% 100%;
    -moz-transform-origin: 50% 100%;
    -webkit-transform-origin: 50% 100%;
    -ms-transform-origin: 50% 100%;
    -o-transform-origin: 50% 100%
}

.services-significant-area .pin:after {
    background-color: #096ad8;
    background-image: radial-gradient(25% 25%, circle, hsla(0, 0%, 100%, 0.3), hsla(0, 0%, 0%, 0.3));
    border-radius: 50%;
    box-shadow: inset 0 0 0 1px hsl(0deg 0% 0% / 10%), inset 3px 3px 3px hsl(0deg 0% 100% / 20%), inset -3px -3px 3px hsl(0deg 0% 0% / 20%), 14px 4px 3px hsl(0deg 0% 0% / 15%);
    content: "";
    height: 20px;
    left: -6px;
    position: absolute;
    top: -2px;
    width: 20px
}

.services-significant-area {
    transform: rotate(-3deg);
    transition: transform 0.15s linear
}

.services-significant-area:hover {
    box-shadow: 4px 6px 15px rgba(0, 0, 0, 0.6);
    transform: scale(1.1) !important;
    position: relative;
    z-index: 5;
    color: #fff !important
}

.services-significant-area.rotate-other {
    transform: rotate(3deg)
}

.piper_circle {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 50% 0% 0% 50%;
    transform: translate(-50%, -50%)
}

#leds {
    animation: rotate 10s linear infinite
}

.col-md-6.banner-right-image.aniamted-line {
    position: relative
}

.screen-img {
    z-index: 9;
    position: relative;
    width: 77%
}

.mental-health-services-box.margin-top-se {
    margin: 28px 0 0 0
}

.text-dark {
    color: #474747 !important
}

.mental-health-services-box:hover h6 {
    background: #dce5f0;
    transition: 0.4s
}

.mental-health-services-box:hover {
    transform: scale(1.1) !important;
    transition: 0.3s
}

.screenshot-area {
    display: flex;
    align-items: flex-end;
    justify-content: center
}

.screen-shot-area {
    position: relative;
    padding: 22px 0;
    height: 60%;
    display: flex;
    align-items: center;
    margin-top: 30px;
}

.screen-shot-area.hovered .screenshot-area div {
    margin: 0 0;
    transition: 0.3s
}

.mla-service-box img {
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.25);
    background: #fff;
    border-radius: 15px;
    margin-bottom: 6px
}

.mla-service-box:after {
    content: "";
    position: absolute;
    width: 96px;
    height: 96px;
    background: #ffffff;
    right: -20px;
    top: -20px;
    border-radius: 52px;
    transform: rotate(91deg);
    border: 11px solid #c4dbf58f
}

.features-area-box.under-feature-pin {
    position: relative;
    border: none;
    background: radial-gradient(#086ad8, #000000);
    border-radius: 18px;
    color: #fff !important;
    padding: 32px 21px 15px 21px;
    margin-top: 20px
}

.features-area-box.under-feature-pin ul li {
    color: #fff;
    padding: 2px 0
}

.clip-icon {
    position: absolute;
    top: -40px;
    width: 58px;
    right: 19px
}

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

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

.crypto-banner-content-left {
    position: relative
}

.crypto-banner-content-left img {
    position: absolute;
    top: -110px;
    left: 30px;
    animation: rotate 3s cubic-bezier(0.41, 0.15, 0.64, 0.86) infinite alternate;
    opacity: 0.7
}

.crypto-currency-market-box:after {
    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    background: #ffffff;
    left: -11px;
    top: -15px;
    border-radius: 52px;
    transform: rotate(91deg);
    border: 7px solid #086ad833;
    z-index: 1
}

.features-area-box.under-feature-pin.smart-contract-benefits h6 {
    color: #fff
}

.features-area-box.under-feature-pin.smart-contract-benefits p {
    line-height: 25px;
    font-size: 19px;
    color: var(--whiteColor);
}

.features-area-box.under-feature-pin.smart-contract-benefits {
    padding: 30px
}

.smart-contract-benefits-outer,
.changing-industries {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start
}

.smart-contract-benefits-outer .col-md-4 {
    margin-bottom: 30px
}

.features-area-box.under-feature-pin.smart-contract-benefits img {
    width: 35px;
    top: -20px
}

.customer-experience.changing-industries p {
    line-height: 22px;
    font-size: 18px;
    margin-top: 11px
}

.customer-experience.changing-industries {
    box-shadow: inset 0 0 32px rgb(8 106 216 / 39%);
    border: none;
    height: 100%;
    justify-content: center
}

.changing-industries .col-md-4 {
    margin-bottom: 28px
}

.iti--separate-dial-code {
    background-color: transparent !important
}

.name-clr .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.iti--separate-dial-code .iti__selected-flag {
    background-color: transparent !important
}

.subheading-law {
    font-size: 31px !important;
    font-weight: 700 !important;
    line-height: normal !important
}

.row.align-items-center.flex-property {
    display: flex;
    align-items: center
}

.blockchain_statics_content.under_blockchain_statics_content ul li {
    font-size: 18px
}

.development-process_box.under_offer {
    background: #0000000d;
    margin-bottom: 28px;
    border-radius: 12px;
    padding: 39px
}

.content.box-overlay-content p {
    margin: 0;
    font-size: 11px;
    line-height: 17px;
    color: var(--paragraphColor);
    margin-top: 11px
}

.blockchain-heading.hero-h,
.blockchain_statics_content.under_blockchain_statics_content h3,
h2.custom-size.hero-h {
    font-size: 70px !important;
    letter-spacing: -3px;
    line-height: normal
}

.blockchain-para.hero-p,
.blockchain_statics_content.under_blockchain_statics_content ul li {
    font-size: 22px !important
}

a.orange_button.roundd_button.hero-btn {
    font-size: 20px;
    padding: 18px 35px;
    margin-top: 30px
}

.hero-form span.mb-md-4.mb-0.form-heading-title {
    font-size: 24px !important;
    text-align: center;
    font-weight: normal;
    text-transform: uppercase
}

.hero-form .form-control {
    height: 48px;
    font-size: 16px
}

.hero-form .form-control::placeholder {
    font-size: 16px
}

.position-relative {
    position: relative
}

.down-arrow {
    position: absolute
}

.down-arrow {
    position: absolute;
    top: 11px;
    right: 17px;
    font-size: 24px !important;
    pointer-events: none
}

.slider {
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    background-color: #fff;
    padding: 20px 0;
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 30%, #fff 70%, transparent)
}

.slider-content {
    display: inline-flex;
    animation: 10s linear infinite scroll
}

.coin-img img {
    padding: 10px
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

.arrange-box a,
.arrange-box a:hover {
    color: #fff
}

.arrange-box {
    position: absolute;
    right: 358px;
    bottom: -55px;
    padding: 30px 50px;
    border: none;
    font-size: 37px;
    color: #086ad8;
    border-radius: 57px;
    letter-spacing: -1px;
    font-weight: 700;
    text-transform: uppercase;
    transition: 0.5s;
    transition-property: box-shadow;
    background: rgb(8 106 216);
    box-shadow: -4px 20px 25px rgb(0 0 0 / 28%)
}

.arrange-box:hover {
    box-shadow: -11px 20px 5px rgb(242 142 74 / 0%), -15px 20px 25px rgb(0 0 0 / 27%), -9px 20px 50px rgb(0 0 0 / 35%), -10px 20px 100px rgb(0 0 0 / 23%);
    color: #fff
}

.demo-hero-section {
    background: url("../images/hero-demo-bg.png") no-repeat;
    padding: 80px 0;
    background-size: cover
}

.demo-hero-section h4 {
    color: #010101;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px
}

.demo-hero-section h1 {
    color: #086AD8;
    text-align: center;
    font-size: 70px;
    font-style: normal;
    font-weight: 700;
    line-height: 77px;
    margin-bottom: 72px
}

.demo-left-content p {
    color: var(--headingColor);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 20px
}

.demo-left-patner img {
    padding: 12px
}

.demo-left-video {
    background: #086ad8;
    border-radius: 12px;
    padding: 51px 0;
    margin-top: 15px
}

.demo-left-form {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.12);
    padding: 33px
}

.demo-left-form h4 {
    color: var(--headingColor);
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-align: left
}

.demo-left-form p {
    color: #2B2B2B;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin-bottom: 18px
}

.demo-left-form label {
    color: #2B2B2B;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    margin-bottom: 12px
}

.demo-left-form .form-check {
    margin-bottom: 18px
}

.demo-left-form .form-control {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.16);
    padding: 23px
}

.sign-up-btn {
    border-radius: 12px;
    background: #ED5F00;
    padding: 11px 40px;
    color: #fff
}

.agent-section h2 {
    color: #FFF;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px
}

.agent-section p {
    color: #E3E3E3;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px
}

.smart-box {
    border-radius: 12px;
    background: linear-gradient(180deg, #0B5BB6 0%, #083C78 100%);
    box-shadow: 0px 2px 11px 0px rgba(254, 254, 254, 0.47);
    padding: 31px;
    margin-top: 32px
}

.smart-box h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.smart-box h4 {
    color: #FFF;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: normal
}

.smart-box p {
    color: #E3E3E3;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    text-align: left;
    margin-top: 9px
}

.smart-box img {
    margin-bottom: 22px
}

.agent-call-action {
    margin: 33px 0
}

.agent-section {
    background: url("../images/curve.png") no-repeat;
    background-size: cover;
    background-position: top;
    padding-top: 70px
}

.agent-section.bottom {
    background: url("../images/curve-btm.png") no-repeat;
    background-size: cover;
    background-position: bottom;
    padding-bottom: 270px;
    padding-top: 0
}

.industry-left h3 {
    color: #086AD8;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px
}

.industry-left,
.industry-right {
    border-radius: 12px;
    background: #FFF;
    box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.12);
    padding: 31px
}

.industry-left p {
    color: #2B2B2B;
    font-family: "Proxima Nova";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 23px;
    margin: 15px 0
}

.under-industry-flex {
    display: flex;
    margin-top: 32px
}

.under-industry-flex div:first-child {
    min-width: 39%
}

.under-industry-flex h5 {
    color: var(--headingColor);
    font-family: "Proxima Nova";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.under-client-box h3 {
    color: var(--headingColor);
    font-family: "Proxima Nova";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal
}

.under-client-box div {
    margin-left: 12px
}

.under-client-box {
    display: flex;
    align-items: center;
    margin-top: 14px
}

.various-section {
    padding: 75px 0
}

.various-section h2 {
    color: #086AD8;
    text-align: center;
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 52px;
    margin-bottom: 12px
}

.various-section p {
    color: var(--headingColor);
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    margin-bottom: 31px
}

.ecom-tab .nav.nav-tabs {
    display: flex;
    justify-content: center;
    border-bottom: none;
    margin-bottom: 70px
}

.ecom-tab .nav.nav-tabs li a {
    font-size: 18px;
    color: var(--headingColor);
    background: #086ad842;
    border-radius: 42px;
    padding: 11px 29px
}

.ecom-tab .nav.nav-tabs li.active a {
    background: #086ad8 !important;
    color: #fff !important;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px
}

.ecom-tab .tab-content>.active {
    margin: 32px 0
}

.industries-section {
    padding-bottom: 70px
}

.left-insur p {
    text-align: left;
    font-size: 17px;
    margin: 0;
    padding: 15px 0 0;
    color: #000
}

.left-insur h3 {
    text-align: left;
    font-size: 35px;
    color: var(--headingColor);
    font-weight: 900;
    line-height: 40px
}

.coming-soon-section {
    text-align: center;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-items: center
}

.coming-soon-section h3 {
    font-weight: 900;
    font-size: 65px;
    background: -webkit-linear-gradient(#974006, #ff5a01);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.form-right-side-open .overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1;
    top: 50%;
    right: 0;
    background-color: #0f1920;
    transition: 0.5s;
    overflow: hidden;
    height: 81%;
    transform: translate(0, -50%)
}

.form-right-side-open .overlay-content {
    position: relative;
    width: 100%;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center
}

.form-right-side-open .overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block;
    transition: 0.3s
}

.form-right-side-open .overlay a:hover,
.form-right-side-open .overlay a:focus {
    color: #f1f1f1
}

.form-right-side-open .overlay .closebtn {
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 49px;
    color: #fff;
    background: #0f1920;
    border-radius: 42px;
    border: 1px solid gray;
    padding: 14px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9
}

.enquiry-hr h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px
}

.enquiry-hr img {
    width: 25px
}

section.about_us_banner.portfolio_headarea.career_header.blockchain-development-side {
    background: #086ad814
}

section.about_us_banner.portfolio_headarea.career_header.blockchain-development-side.write-for-us {
    background: #ef6407
}

.hero-blockchain-content {
    color: #000
}

ul.unde-blockchain-points li {
    display: flex;
    flex-direction: column;
    width: 50%
}

ul.unde-blockchain-points {
    display: flex
}

ul.unde-blockchain-points li span img {
    width: 29px !important;
    margin-right: 12px;
    border: 1px solid #086ad8;
    border-radius: 42px
}

ul.unde-blockchain-points li span {
    display: inline-block;
    margin: 12px 0;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    color: var(--paragraphColor);
}

.hero-blockchain-content h1 {
    font-size: 59px !important;
    letter-spacing: -2px;
    font-weight: 800 !important;
    margin-top: 20px;
}

.hero-blockchain-content h4 {
    font-size: 21px !important;
    margin: 0 0 16px 0 !important;
    color: var(--subheadingColor) !important;
    line-height: 31px;
}

.hero-blockchain-content p {
    font-size: 20px !important;
    margin: 23px 0;
    color: var(--paragraphColor);
}

.cost-mark-bold {
    font-weight: 600;
    color: var(--paragraphColor);
}

.blockchain-call-action a.orange_button.roundd_button,
.blockchain-call-action a.orange_button.roundd_button:focus {
    background: #086ad8;
    border-radius: 0 !important;
    padding: 16px 30px;
    border: 3px solid #086ad8;
    margin-right: 11px;
    color: #fff !important
}

.blockchain-call-action a.orange_button.roundd_button.second-border-btn {
    border: 3px solid #086ad8;
    background: transparent;
    color: #086ad8 !important
}

.form-side-open {
    background: #ffffff;
    padding: 14px 23px;
    color: var(--headingColor);
    font-size: 22px;
    border-radius: 10px 0 0 10px;
    text-transform: capitalize;
    font-weight: 800;
    position: fixed;
    right: 0;
    top: 12%;
    cursor: pointer;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset
}

.form-side-open img {
    width: 23px;
    margin-right: 7px
}

.schedule-section {
    background: url("../images/main-form-bg.png") no-repeat;
    background-size: cover;
    background-position: top
}

.under-partner img {
    width: 36px;
    margin-bottom: 10px
}

.under-partner {
    background: #ffffff;
    margin-bottom: 24px;
    padding: 31px;
    height: 210px;
    border: 1px solid #f5deb342
}

.under-partner h3 {
    font-size: 49px;
    font-weight: 700;
    color: #000
}

.under-partner p {
    color: #3f3f3f;
    font-size: 18px
}

.calender-box iframe {
    width: 100%;
    height: 660px;
    background: transparent;
    overflow: hidden;
    border-radius: 0;
    border: none;
    overflow: hidden
}

.partner-boxes {
    padding: 96px 0
}

.development-section {
    padding: 71px 0
}

.development-section h2,
.testimonial-section h2 {
    font-weight: 800;
    color: #000000;
    font-size: 55px;
    letter-spacing: -2px;
    margin-bottom: 11px
}

section.development-section p,
.testimonial-section p {
    margin-bottom: 32px;
    font-size: 20px
}

.under-dev h3 {
    font-size: 20px;
    font-weight: 800;
    color: var(--headingColor);
    letter-spacing: -1px;
    margin-right: 12px
}

.under-dev img {
    width: 35px
}

.under-dev {
    padding: 24px 18px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    border: 2px dashed #086ad857
}

.top-area-form p {
    font-size: 19px;
    color: #fff;
    margin-bottom: 22px;
    margin-top: 11px
}

.developemt-box a {
    margin-right: 11px;
    margin-bottom: 13px;
    width: 32%
}

.developemt-box {
    display: flex;
    flex-wrap: wrap
}

.testimonial-section {
    background: #086ad814;
    padding: 120px 0
}

.why-choose-us-heading h5 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px
}

.why-choose-us-heading p {
    font-size: 55px !important;
    margin-bottom: 45px !important;
    letter-spacing: -2px !important;
    font-weight: 700 !important;
    color: var(--headingColor) !important;
}

section.development-section.process-section {
    padding: 0
}

.testimonials-section {
    padding: 42px 0 100px;
    background: #ecf3fc
}

.it-area-bottom-btns.start-journey-box.client-section {
    margin-top: 22px
}

.heading_new.text-center p {
    font-size: 20px !important
}

.blockchain-size-paragraph h3.card-title {
    font-size: 22px !important;
    margin: 0 !important;
    padding: 0;
    letter-spacing: -1px
}

.blockchain-size-paragraph .services-card p {
    font-size: 19px !important;
    line-height: 26px !important
}

.blockchain-size-paragraph .services-card {
    min-height: 389px !important
}

.under-dev:hover {
    background: #086ad81a
}

.start-journey h2 {
    font-size: 37px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 21px
}

.start-journey {
    padding: 82px 0;
    background: linear-gradient(97deg, #086ad8 0.39%, #2550D4 35.05%, #1F23CE 68.05%, #086ad8 99.26%);
    color: #fff;
    text-align: center;
}

.start-journey a,
.start-journey a:hover {
    background: #fff;
    padding: 18px 22px;
    font-weight: 800;
    color: black;
    display: inline-block;
    font-size: 22px
}

p,
.inner-box p,
.solution-main-box p,
.service_box .services-card .card-content,
.app_box ul li {
    font-size: 20px
}

.inner-header h4 {
    font-size: 20px;
    font-weight: 600
}

.unleasing-ul ul li b {
    font-size: 23px
}

.padding-top {
    padding-top: 40px !important
}

.development-section.under-dev-section {
    padding-bottom: 72px !important
}

.generative-ai-banner.space.hire-developer-section {
    color: #ffffff;
    padding: 162px 0 62px 0;
    background: linear-gradient(97deg, #1505A7 0.39%, #2550D4 35.05%, #1F23CE 68.05%, #084A9F 99.26%)
}

.ios-text {
    text-transform: math-auto
}

.generative-ai-banner.space.hire-developer-section h1 {
    font-size: 51px;
    letter-spacing: -2px;
    font-weight: 800;
    text-transform: capitalize
}

.blockchain-call-action.hire-developer a {
    color: #fff !important;
    border-color: #ff5a01 !important;
    padding: 12px 17px !important;
    margin-top: 22px;
    background: #ff5a01 !important
}

.generative-ai-banner.space.hire-developer-section p {
    font-size: 18px !important;
    color: var(--whiteColor);
}

.counter {
    background: #ecf3fc;
    padding: 25px 0
}

.three-section {
    padding: 40px 0
}

.three-section h2 {
    font-size: 48px;
    font-weight: 700;
    letter-spacing: -2px;
    margin-bottom: 9px;
    text-align: center;
    font-family: "onest" !important;
}

.three-section p {
    text-align: center;
    margin-bottom: 50px
}

.full-stack-area .heading_new.text-center h2 {
    color: #fff
}

.full-stack-area .row {
    display: flex;
    flex-wrap: wrap
}

.product_wrapper.cardono-content .row {
    display: flex;
    flex-wrap: wrap
}

.unleash-the-power {
    padding: 65px 0 0 0
}

.under-box-developer {
    background: #ecf3fc;
    padding: 20px;
    border-radius: 11px;
    text-align: center;
    height: 350px
}

.under-space {
    min-height: 380px !important
}

.under-box-developer h5 {
    font-size: 17px;
    color: #086ad8;
    text-transform: uppercase;
    margin-bottom: 10px
}

.under-box-developer p {
    margin-bottom: 0;
    font-size: 18px
}

.under-box-developer h4 {
    font-weight: 700;
    text-transform: uppercase
}

.under-box-developer img {
    width: auto;
    height: 112px;
    margin: 22px 0;
    border-radius: 20px;
    object-fit: contain
}

.counter-column-section {
    padding: 60px 0;
    background-color: #07216c !important
}

.counter-column-section .heading h2 {
    position: relative;
    margin-bottom: 40px;
    color: #fff;
    font-size: 41px;
    font-weight: 700
}

.counter-column-section .dis-flex .left-sec .heading h2:after {
    background: #fff;
    right: auto;
    bottom: -10px
}

.counter-column-section .heading h2:after {
    content: "";
    background: #016be3;
    width: 80px;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -20px
}

.counter-column-section .dis-flex .left-sec .heading p {
    color: #fff;
    width: 100%;
    margin: 0 0 20px
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap .wheel-sc {
    position: absolute;
    line-height: 1.5rem;
    padding: .625em;
    padding: .625em;
    overflow: visible;
    letter-spacing: 6px
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap {
    width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: relative;
    aspect-ratio: 1/1
}

.counter-column-section .dis-flex .right-sec {
    flex-basis: 45%
}

.counter-column-section .dis-flex .right-sec .cir-sec {
    display: flex;
    width: 100%;
    justify-content: space-around;
    flex-direction: row;
    gap: 1rem;
    overflow: hidden
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box {
    display: flex;
    width: 30%;
    justify-content: center
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap {
    width: 100%;
    padding: 20px;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    display: flex;
    position: relative;
    aspect-ratio: 1/1
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap .display {
    color: #fff;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    text-align: center;
    display: block
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap .paragraph {
    font-size: 14px;
    color: rgba(255, 255, 255, .55);
    font-weight: 500;
    text-align: center;
    line-height: 22px
}

.animate-spin-slow {
    animation: counterclockwise 22s linear infinite
}

.counter-column-section .dis-flex .right-sec .cir-sec .cir-box .text-wrap .fill-text {
    fill: rgba(255, 255, 255, .4);
    font-size: 10px
}

.justify-sb {
    justify-content: space-between
}

.items-center {
    align-items: center
}

.dis-flex {
    display: flex;
    flex-wrap: wrap
}

.counter-column-section .dis-flex .left-sec {
    flex-basis: 40%
}

.white-btn.btnwid {
    background: #fff;
    padding: 13px 26px;
    color: var(--headingColor);
    display: inline-block;
    margin-bottom: 19px;
    font-weight: 600;
    text-transform: uppercase
}

.con-cta a {
    color: #fff;
    font-size: 19px
}

.choose-box-content h4 {
    color: #474646;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 10px
}

.choose-box-content div p {
    text-align: left;
    font-size: 18px;
    margin: 0
}

.choose-box-content div {
    text-align: left;
    margin-bottom: 6px;
    background: #f2853d1c;
    padding: 19px
}

.choose-section .row {
    display: flex;
    align-items: center
}

.unde-blockchain-points.under-developer {
    display: block;
    margin: 14px 0 !important
}

ul.unde-blockchain-points.under-developer li {
    width: 100%
}

p.upwork-text img {
    width: 62px;
    margin-left: 5px !important
}

.our-client-sliper {
    background: linear-gradient(97deg, #1505A7 0.39%, #2550D4 35.05%, #1F23CE 68.05%, #084A9F 99.26%)
}

.generative-ai-banner.space.hire-developer-section p.upwork-text {
    font-size: 17px !important;
    display: flex;
    align-items: center;
    margin: 12px 0
}

.focus-on-improvement-left p {
    color: var(--whiteColor);
}

.hire-developer-section ul.unde-blockchain-points li span {
    font-size: 19px;
    margin: 6px 0;
    color: var(--whiteColor);
}

div#contct_from_new .contact-page-inners {
    background: transparent;
}

.client-div-run {
    display: flex
}

.client-div-run div.last {
    padding: 57px
}

.client-div-run div {
    min-width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 36px;
    margin: 0 9px 0 0
}

.slider-content-main {
    overflow: hidden;
    -webkit-mask-image: linear-gradient(90deg, transparent, #fff 30%, #fff 70%, transparent);
    margin: 20px 0;
}

.client-div-run div img {
    filter: brightness(0) invert(1)
}

.custom-run-dev img {
    filter: unset !important;
}

.custom-run-dev div {
    display: block !important;
    text-align: center;
    padding: 10px !important;
}

.dart-techno {
    filter: grayscale(100%);
}

.custom-hybrid-dev img {
    filter: unset !important;
}

.custom-hybrid-dev div {
    display: block !important;
    text-align: center;
    padding: 30px !important;
}

.client-div-run {
    display: inline-flex;
    animation: scroll 20s linear infinite
}

.pricing-section h2 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    letter-spacing: -2px
}

.pricing-section p {
    font-size: 18px;
    color: #fff;
    margin: 7px 0
}

.pricing-section ul li {
    color: #fff;
    font-size: 18px;
    list-style: circle
}

.pricing-section ul {
    padding-left: 21px;
    margin-top: 18px
}

.pricing-box-upwork-area .rated-test {
    margin-left: 10px;
    font-size: 16px
}

.pricing-box-upwork-area .rated-test img {
    width: 21px !important;
    margin-right: 2px
}

.detail-f-prcgh h3 {
    font-size: 30px;
    font-weight: 700;
    color: #ffff;
    margin-bottom: 13px
}

.detail-f-prcg {
    border: 1px solid rgb(255 255 255 / 2%);
    background: linear-gradient(12deg, #07216c 10.25%, #05247e 97.75%);
    padding: 40px
}

.blue-btns {
    background: #fff;
    padding: 9px 21px;
    display: inline-block;
    margin: 12px 0;
    font-weight: 700;
    color: var(--headingColor);
    cursor: pointer;
    text-transform: uppercase;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms
}

.blue-btns:hover,
.white-btn.btnwid:hover {
    background: #ff5a01;
    color: white
}

.techno-stack {
    padding-top: 45px
}

.under-model {
    display: flex;
    flex-wrap: wrap
}

.under-model .col-md-6 {
    margin-bottom: 24px
}

.generative-text {
    margin: 12px 0
}

.upwork-header img {
    width: 82px !important;
    margin-bottom: 13px
}

.upwork-header i {
    color: #dcc41a;
    margin-bottom: 12px
}

.upwork-box p {
    font-size: 17px
}

.upwork-box {
    background: #fff;
    padding: 20px;
    border-left: 3px solid #8de269;
    border-radius: 17px;
    height: 262px
}

.upwork-body {
    text-align: left !important
}

.upwork-header {
    text-align: left
}

.form-section.myform option {
    color: #000 !important
}

.left-content-box a {
    background: #086ad8;
    color: #fff;
    padding: 7px 14px;
    font-size: 19px;
    display: inline-block;
    margin: 18px 0 26px 0
}

.leftbtn a:hover {
    color: white
}

.radio label input {
    height: unset !important
}

.radio label {
    margin: 0 !important;
    min-height: unset !important;
    padding-top: 0 !important;
    display: flex;
    align-items: flex-start
}

#myModal {
    align-items: center
}

.under-estimate-form .modal-content {
    height: fit-content;
    width: 44%;
    margin: 0 auto;
    padding: 32px;
    border-radius: 21px;
    background: linear-gradient(5deg, #086ad8, #091089 100%);
    box-shadow: none;
    border: none
}

.under-estimate-form .modal-title {
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.under-estimate-form .form-control {
    background: transparent;
    padding: 21px;
    color: #fff !important;
    border-radius: 0;
    height: 48px
}

.under-estimate-form .form-select-main {
    border-radius: 0;
    height: 48px
}

.under-estimate-form textarea.form-control {
    height: auto !important
}

.under-estimate-form label {
    color: #fff;
    font-size: 17px;
    font-weight: normal
}

.under-estimate-form .explore-link {
    padding: 23px 62px;
    color: #ffffff;
    font-weight: 700;
    width: 100%;
    margin-left: 17px;
    background: #ff5a01;
    font-size: 37px
}

.under-estimate-form .close,
.under-estimate-form .close:hover {
    font-size: 26px;
    color: #fff;
    opacity: 1;
    line-height: 0;
    background: transparent;
    width: 32px;
    border-radius: 32px;
    border: 1px solid;
    height: 32px;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center
}

.under-form-bg {
    background-image: linear-gradient(#086ad8, #063e7e 41%), url("");
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, contain;
    background-attachment: scroll, scroll;
    width: 100%;
    padding: 40px;
    height: 100%;
    display: flex;
    align-items: flex-start
}

.schedul-call-form .modal-content {
    width: 100% !important;
    margin: 0 auto
}

.schedul-call-form .modal-body,
.schedul-call-form .row .col-md-6 {
    padding: 0 !important
}

.schedul-call-form .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0
}

.under-main-content h3 {
    font-size: 44px;
    font-weight: 700;
    margin: 6px 0;
    letter-spacing: -2px
}

.under-content img {
    width: auto;
    height: 59px;
    margin-bottom: 16px
}

.under-content h4 {
    font-size: 13px !important
}

.under-main-content p {
    font-size: 16px;
    margin-bottom: 21px;
    color: var(--whiteColor);
}

.vision-text {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: -2px
}

.schedul-call-form .main-contact-us-form {
    padding: 14px
}

.schedul-call-form .main-contact-us-form .row {
    margin-top: 17px
}

.schedul-call-form .under-main-content {
    color: #fff
}

.schedul-call-form .under-main-content h4 {
    font-size: 18px
}

.schedul-call-form .under-content {
    background: #ffffff0a;
    margin: 5px;
    text-align: center;
    padding: 12px;
    border-radius: 7px;
    height: 52%
}

.schedul-call-form .close,
.schedul-call-form .close:hover {
    font-size: 42px;
    color: #086ad8;
    opacity: 1;
    background: #fff;
    position: absolute;
    right: 10px;
    width: 42px;
    height: 42px;
    z-index: 9;
    border-radius: 42px;
    top: 10px
}

.schedul-call-form .modal-header {
    position: absolute;
    right: 0
}

.schedul-call-form .explore-link {
    background: #ff5a01;
    padding: 10px 42px;
    width: 100%;
    color: #fff
}

.under-estimate-form .row {
    display: flex;
    flex-wrap: wrap
}

.under-estimate-form .errors {
    color: #c46060;
    font-weight: 600;
    font-size: 16px;
    margin: 4px 0;
    display: block
}

#estimate-form {
    display: flex;
    justify-content: center
}

.colour {
    filter: brightness(0);
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes counterclockwise {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(-1turn)
    }
}

.unleash-the-power.space .col-md-4 {
    margin-bottom: 30px
}

.generative-ai .col-md-6 {
    margin-bottom: 30px
}

.testimonials-section .swiper {
    padding: 0 20px
}

.rated-test {
    margin-left: 7px
}

.rated-test img {
    width: 27px !important;
    margin-right: 6px;
    margin-left: 0 !important
}

.form-select-main {
    padding: 8px;
    border-radius: 5px;
    background: transparent;
    color: #a1a1a1;
    font-size: 13px;
    width: 100%;
    border: 1px solid #fff
}

.select-main-box {
    position: relative
}

.select-main-box i {
    position: absolute;
    right: 8px;
    color: #fff;
    bottom: 14px
}

.under-main-content h3 span {
    white-space: nowrap
}

.under-schedule-number .selected-flag {
    display: none
}

.under-white-text .intl-tel-input .selected-flag .iti-arrow {
    border-top: 4px solid #ffffff !important
}

.under-white-text .flag-container {
    color: #fff !important
}

.under-white-text .intl-tel-input .country-list .country {
    color: #000 !important
}

.under-white-text .intl-tel-input {
    width: 100%
}

.increase_per p {
    color: #fff;
}

section.lets_talk.tech_casestudy_gowth p {
    color: #fff;
}

.under-estimate-form .orange_button.roundd_button:after {
    border: 3px solid #086ad8;
    box-shadow: 0 0 0 rgba(10, 130, 197, 0.4);
    animation: pulso1 2s infinite
}

.under-estimate-form .orange_button.roundd_button {
    position: relative;
    padding-left: 40px;
    background: #ed5f00;
    color: #ffffff;
    height: 63px !important;
    font-size: 25px
}

.under-estimate-form .orange_button.roundd_button:after {
    box-shadow: 0 0 0 rgba(0, 0, 0, 0.4);
    animation: pulso2 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: -1px;
    bottom: 0;
    margin: auto
}

.text-right-side {
    text-align: right
}

.service-icon {
    width: 70px;
    margin-bottom: 30px
}

.services-card.under-hiring h3 {
    margin-right: 0 !important
}

.card_logo.services_card_logo.search_app.under_service_section {
    background-position: -645px 0
}

.updated-hire-developers-section .row {
    display: flex;
    flex-wrap: wrap
}

.testimonials-section.clutch-review .row {
    display: flex;
    flex-wrap: wrap;
    row-gap: 15px
}

.row.under_new_row {
    display: flex;
    flex-wrap: wrap
}

.main-under-phone .flag-container {
    display: none
}

.main-under-phone .iti__arrow {
    border-top: 4px solid #ffffff
}

.main-under-phone .iti--separate-dial-code .iti__selected-flag {
    background-color: #0a46a6 !important;
    color: #fff
}

.iti__country-list--dropup {
    bottom: unset !important
}

.iti__country-list::-webkit-scrollbar-thumb {
    background-clip: content-box;
    background-color: #ed5f00;
    border: 5px solid #0000;
    border-radius: 20px
}

.iti__country-list::-webkit-scrollbar {
    scroll-behavior: smooth;
    width: 16px
}

.defiwrapper.under-defi-wrapper .product_wrapper .service_box .services-card {
    height: 385px
}

.defiwrapper.under-defi-wrapper .product_wrapper .service_box {
    margin-bottom: 10px
}

.height-unset {
    height: unset !important;
    min-height: 100% !important
}

.text-light {
    color: #fff !important
}

header.header.bg-light.fixed.new-header {
    top: 84px
}

section.portfolio_headarea.career_header.web_app_header.space p {
    color: var(--whiteColor) !important;
}

.outer-counter-home {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.hero-area.hero-sec .container,
.new-hero-area .container,
.about_us_banner.portfolio_headarea.career_header .container,
.portfolio_headarea.career_header.web_app_header.space .container {
    width: 1440px;
}

.backgrnd-clr {
    background: #3a92c3 !important
}

.casestudy_bannerarea-new {
    padding-bottom: 160px !important
}

.overview-head h2,
.overview-head h3 {
    font-size: 40px !important
}

.marks img {
    margin-top: 0px !important
}

.marks span {
    font-weight: 700 !important
}

.case-keys li {
    font-size: 20px
}

.case-space {
    padding-bottom: 10px !important
}

.new-box-clr {
    background-color: #fff;
    border-radius: 12px
}

.blockchain-call-action.under-call-to-act a {
    padding: 14px 39px !important;
    margin-top: 23px
}

.blockchain-call-action.under-blc-chn a.orange_button.roundd_button.second-border-btn {
    background: #fff !important;
    border: none !important
}

.lets_talk .blockchain-call-action.under-blc-chn .orange_button.roundd_button:after {
    display: none !important
}

.blockchain-call-action.on-header-button a.orange_button.roundd_button {
    background: #fff !important;
    color: var(--primaryColor) !important;
    border: 3px solid #fff !important
}

.blockchain-call-action.on-header-button a.orange_button.roundd_button.second-border-btn {
    background: transparent !important;
    border: 3px solid #fff !important;
    color: #fff !important
}

.inner_nda {
    border: 1px solid #e0e0e0;
    min-height: 349px;
    height: fit-content;
    margin-bottom: 15px
}

.casestudy_logo h4 {
    font-weight: 700;
    margin-left: 10px
}

.inner_nda:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13)
}

.inner_nda .item {
    display: flex
}

.inner_nda .item .image {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    justify-content: center;
    border-right: 1px solid #e0e0e0;
    background-color: #fafafa;
    padding: 44px
}

.inner_nda .item .text {
    padding: 30px
}

.inner_nda .item .image img {
    box-shadow: 0 1.25em 1.25em rgba(41, 41, 41, .1);
    display: block;
    margin: 0 auto;
    border-radius: 8px;
    border: 1px solid #80808047
}

.inner_nda .item .text h4 {
    font-size: 28px;
    font-weight: 900;
    margin-bottom: 10px;
    color: #086ad8
}

.inner_nda .item .text p {
    margin-bottom: 20px
}

.choose-us-section .services-card {
    height: unset;
    padding: 25px
}

.unleasing-ul ul li {
    padding: 22px 20px;
    background: #fff;
    margin: 12px 0;
    border: 1px solid #0000001f;
    min-height: 200px
}

.unleasing-ul ul li p {
    margin-top: 13px
}

.Staff_section.why_choose_netset.casestudty_slider_sec.common_sec .casestudy_play_video {
    position: absolute;
    z-index: 3;
    padding: 10px 20px 12px;
    color: #fff;
    bottom: 0;
    left: 0;
    text-align: left
}

.guidalor-img {
    max-width: 90%
}

.guidalor-area {
    padding-top: 160px
}

.guidlor-industry {
    margin-top: 15px;
    margin-bottom: 20px
}

.guidlor-area {
    text-align: center
}

.play-case {
    position: unset !important;
    z-index: unset !important;
    bottom: unset !important
}

.play-case a {
    position: absolute;
    z-index: 3
}

.casestudy_play_video {
    position: absolute;
    z-index: 3;
    padding: 0 30px 30px;
    color: #fff;
    bottom: 0
}

.ai-office-casestudy .case_study_explainpaper {
    background: linear-gradient(125deg, #8569d0 30%, #7578e6 70%) !important
}

.ready_start.text-center.book-demo-ai-office h1 {
    font-size: 30px;
    line-height: 40px
}

.ready_start.text-center.book-demo-ai-office {
    background: #086ad821 !important;
    margin-bottom: 50px
}

.casestudy_content.casestudy_problemarea.suite-techno {
    margin: 0 0 10px 0;
    padding-top: 0
}

.casestudy_content.casestudy_problemarea.suite-techno h2 {
    font-size: 32px;
    line-height: 44px;
    font-weight: 700
}

.ai-office-casestudy .casestudy_aboutarea h1 {
    margin-bottom: 10px
}

.casestudy_content.casestudy_problemarea.suite-techno h3 {
    font-size: 36px
}

.red-box {
    background-color: #ed5f00
}

.border-bottom {
    border-bottom: 0 !important
}

.mob1 {
    display: none
}

.mobile-placeholder .img-container img {
    height: 100%;
    object-fit: cover
}

.multirow {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.nft_banner_section {
    background-image: url('../img/bgimg.png');
    background-size: cover;
    width: 100%;
    display: flex;
    padding: 120px 0px 40px 0 !important
}

.nft_banner_section .row,
.whyrow1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.displayrow {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px
}

.nft_banner_section.py-5,
.py-5.why_section,
.why_section.py-5.investor_Black,
.demo_section.py-5,
.why_section.py-5.Intuitive_section,
.demo_section.py-5,
.demo_section .container {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.why_us.pb-5 {
    padding-bottom: 4rem
}

.nft_banner_section .header_content h1 {
    text-transform: capitalize !important;
    font-weight: 300;
    font-size: 46px
}

.nft_banner_section .swiper-slide {
    padding: 20px;
    width: 100% !important
}

.nft_banner_section .swiper-container-horizontal>.swiper-pagination-bullets,
.nft_banner_section .swiper-pagination-custom,
.nft_banner_section .swiper-pagination-fraction {
    bottom: -4px !important;
    left: 0;
    width: 100%
}

.nft_banner_section .swiper-pagination-bullet {
    width: 18px !important;
    height: 6px !important;
    display: inline-block;
    border-radius: 16px !important
}

.nft_banner_section .swiper-pagination-bullet-active {
    background: #ed5f00 !important
}

.nft_banner_section .header_content h1 {
    color: #000000;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700
}

.nft_banner_section .header_content h1 span {
    color: #ef6407;
    font-weight: 400
}

.nft_banner_section .header_content p {
    font-size: 16px;
    color: #666666;
    width: 80%;
    padding-top: 21px
}

.nft_banner_section .rqst_btn {
    padding: 13px 27px;
    background: #ed5f00;
    color: #fff;
    margin: 0 auto;
    border-radius: 100px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
    margin-top: 37px
}

.imgbox {
    border-radius: 0px 20px 20px 20px;
    overflow: hidden;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.rqst_btn {
    padding: 13px 27px;
    background: #ed5f00;
    color: #fff;
    margin: 0 auto;
    border-radius: 100px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px
}

.rqst_btn:hover {
    transform: translateY(-12px);
    transition: all 0.8s;
    color: white
}

.feature {
    padding: 10px 15px
}

.feature img {
    position: absolute;
    left: 10px;
    top: 20px
}

.feature {
    width: 100%;
    background: #ffffff;
    margin: 8px 0 11px;
    border-radius: 4px;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
    position: relative;
    align-items: center;
    cursor: pointer;
    transition: all 0.5s;
    transform-origin: right bottom;
    border: 1px solid #086ad873
}

.col-md-6 .feature:hover:nth-child(even) {
    transform-origin: left bottom
}

.feature:hover {
    background: #086ad8;
    transform: scale(1.1);
    transform: translateX(10px)
}

.feature:hover p {
    color: #fff
}

.feature:hover img {
    filter: brightness(0) invert(1)
}

.feature span {
    width: 10px;
    height: 10px;
    background: #ed5f00 0% 0% no-repeat padding-box;
    opacity: 1
}

.feature p {
    font-size: 18px;
    margin: 5px 0;
    color: black;
    font-weight: 400;
    padding: 0 0 0 25px;
    color: var(--paragraphColor);
}

.feature span {
    font-size: 2rem;
    line-height: 3rem;
    margin-right: 10px
}

.nft_subtitle {
    line-height: 1.8em;
    font-size: 20px;
    color: #3e3e3e
}

.why_section h3 {
    font-size: 24px;
    color: #000000;
    line-height: 35px
}

.why_section h3 strong {
    color: #ed5f00;
    font-size: 30px
}

.yellowOne {
    position: absolute;
    width: 80px;
    top: -82px;
    left: 0
}

.why_section {
    position: relative
}

.rightSide {
    right: 0px !important;
    width: 80px;
    top: 190px;
    position: absolute
}

.investor_Black {
    background: #f9f9f9;
    position: relative
}

.demo_section .container {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: unset;
    flex-wrap: wrap
}

.demo_section h1,
.demo_section h3 {
    font-size: 28px;
    color: white;
    margin-bottom: 11px
}

.why_row,
.multi {
    margin-top: 25px
}

.demo_section p {
    font-size: 20px;
    color: white;
    margin-bottom: 15px
}

.displayrow {
    margin-bottom: 20px
}

.Intuitive_section {
    background: #f9f9f9;
    position: relative
}

.the-tick {
    position: relative
}

.the-tick img {
    min-width: 22px;
    position: absolute;
    left: 0;
    top: 9px
}

.the-tick p {
    margin-bottom: 0;
    padding: 0 0 0 28px
}

.the-card {
    box-shadow: 0px 0px 20px 15px #8888881f;
    padding: 15px 15px;
    text-align: center;
    border-radius: 6px;
    transition: all 0.8s
}

.the-card:hover {
    transform: translateY(-20px)
}

.the-card .icon {
    margin-top: 20px;
    margin-bottom: 20px
}

.the-card .icon img {
    width: 100px
}

.the-card .card-content h3,
.the-card .card-content h4,
.the-card .card-content .customize-nft-subheading {
    font-size: 21px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #1D1D1D;
    display: block
}

.the-card .card-content p {
    font-size: 19px;
    line-height: 24px;
    color: #333333C3
}

.why_us {
    position: relative
}

.block-span {
    display: block
}

.service_new_section {
    padding: 100px 0
}

.service_new_section i {
    color: #04f !important
}

.service_new_section h1 {
    font-size: 68px;
    font-weight: 600;
    margin: 23px 0
}

.service_new_section p {
    font-weight: 200 !important;
    font-size: 55px;
    line-height: 1.2
}

.what_new_section {
    background-color: #d8dede
}

.what_new_section .text_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 23px
}

.what_new_section .text_section p {
    color: #21212b;
    font-size: 20px
}

.what_new_section .text_section {
    background-color: white;
    height: 100%;
    padding: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.what_new_section .row {
    display: flex;
    flex-wrap: wrap
}

.padding_img_top {
    padding-top: 45px
}

.howit_new_section {
    padding: 60px 0
}

.howit_new_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 23px
}

.new_how_it_box {
    padding: 30px;
    border-radius: 8px;
    background-color: white;
    box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
    width: 50%;
    display: inline-block
}

.howit_new_section .col-md-12 {
    margin: 40px 0
}

.new_how_it_box h6 {
    font-size: 20px
}

.howit_new_section .right_box {
    margin-left: 0;
    text-align: right
}

.howit_new_section .right_box .new_how_it_box {
    text-align: left
}

.new_how_it_box h5 {
    font-weight: 600;
    font-size: 25px;
    margin: 15px 0
}

.new_how_it_box p {
    font-size: 17px;
    color: grey
}

.key_new_section .row {
    display: flex;
    flex-wrap: wrap
}

.new_how_it_box a {
    border: 1px solid rgba(51, 51, 51, 0.75);
    color: rgb(0 0 0 / 84%);
    border-radius: 100px;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 19px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7
}

.key_new_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 53px;
    color: white
}

.key_new_section {
    background-color: #333;
    padding: 60px 0
}

.key_new_section .col-md-6 {
    margin-bottom: 20px
}

.key_new_section i {
    color: #04f !important
}

.key_new_section .key_new_box {
    background-color: white;
    border-radius: 10px;
    padding: 25px;
    height: 100%
}

.key_new_box h5 {
    font-size: 24px;
    margin: 17px 0;
    font-weight: 600
}

.key_new_box p {
    font-size: 17px;
    color: black
}

.Outputs_slider .swiper {
    width: 100%;
    height: 100%
}

.Outputs_slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.Outputs_slider {
    padding: 60px 0
}

.new_review_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 20px
}

.new_review_img:hover img {
    transform: scale(1.1);
    transition: .2s ease-in-out
}

.new_review_img img {
    border-radius: 20px
}

.new_reviews i {
    font-size: 55px;
    color: #0044ff;
    margin-bottom: 30px;
    display: inline-block
}

.new_reviews p {
    font-size: 22px
}

.new_reviews h5 span {
    font-weight: 600
}

.new_reviews h5 {
    font-size: 23px;
    color: #0044ff;
    margin-top: 30px
}

.new_review_img a {
    width: 70px;
    height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: white;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1024;
    background-color: #0044ffd1;
    transform: translate(-50%, -50%)
}

.footer-new-topic img {
    border-radius: 10px;
}

.Outputs_slider h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 53px;
    color: white
}

.Outputs_slider .inner-wrap-outer p {
    font-size: 17px;
    color: grey
}

.Outputs_slider .inner-wrap-outer h4 {
    font-size: 23px;
    color: black;
    margin: 18px 0
}

.Outputs_slider .inner-wrap-outer {
    padding: 10px
}

.Outputs_slider .inner-wrap-outer .inner-wrap img {
    height: 275px;
    object-fit: cover;
    overflow: hidden
}

.Outputs_slider .inner-wrap-outer .inner-wrap {
    background-color: white;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 20px;
    text-align: left
}

.Outputs_slider .swiper-button-next:after,
.Outputs_slider .swiper-button-prev:after {
    content: unset
}

.Outputs_slider .swiper-button-next {
    font-size: 28px;
    width: 40px;
    height: 40px;
    background: #0044ff;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white
}

.Outputs_slider .swiper-button-prev {
    font-size: 28px;
    width: 40px;
    height: 40px;
    background: #0044ff;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: white
}

.prime_section {
    background-color: #04f;
    padding: 60px 0;
    margin: 70px 0
}

.prime_section h4 {
    font-size: 27px;
    color: white;
    font-weight: 600;
    margin: 21px 0
}

.prime_section p {
    font-size: 22px;
    color: white;
    margin-bottom: 25px
}

.prime_section .box_1 {
    width: 50px;
    height: 8px;
    background-color: white
}

.prime_section a.round_btn_outline {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    margin-top: 19px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7
}

.prime_section a.round_btn_fill {
    border: 1px solid #fff;
    color: #0044ff;
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    margin-top: 19px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7
}

.new_why_section {
    padding: 20px 0
}

.new_why_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 23px
}

.new_why_section h5 {
    font-size: 22px;
    font-weight: 600
}

.new_why_section p {
    font-size: 18px;
    padding-right: 50px
}

.new_why_section .panel {
    margin-bottom: 20px;
    border: 0;
    padding-left: 0;
    padding-right: 0
}

.new_why_section .panel-group .panel-heading {
    padding-left: 0;
    padding-right: 0
}

.new_why_section .new_flex_row {
    position: relative;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 0;
    padding: 3px 0
}

.new_why_section .new_flex_row .new_flex_1 {
    position: relative;
    width: 50%
}

.new_why_section .new_flex_row .new_flex_1 .moreless1-button {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.new_why_section .panel-heading a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: black
}

.new_why_section .panel-body {
    color: grey;
    padding-left: 0
}

.height-card {
    min-height: 340px
}

.compliance_section {
    background-image: url('../images/new_images/fix_img.png');
    background-position: center;
    width: 100%;
    height: 100%;
    padding: 70px 0;
    background-attachment: fixed
}

.compliance_section_box {
    box-shadow: 0 60px 135px rgb(0 0 0 / 14%), 0 15px 65px rgb(0 0 0 / 14%);
    background-color: white;
    border-radius: 12px;
    padding: 20px
}

.compliance_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 23px
}

.compliance_section p {
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: .5rem
}

.compliance_section_box div {
    font-size: 19px;
    font-weight: 400;
    position: relative;
    padding-left: 34px;
    margin-bottom: 18px
}

.compliance_section_box img {
    position: absolute;
    left: 0;
    top: 2px;
    color: #04f;
    width: 22px;
    font-weight: 100
}

.compliance_section_box div p {
    font-size: 17px;
    color: grey;
    letter-spacing: 0;
    text-transform: unset
}

.compliance_section .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.Outputs_slider.black_slider {
    background: linear-gradient(to top, white 0%, white 30%, #21212b 70%, #21212b 100%)
}

.new_other_box {
    box-shadow: 0 42px 64px 0 #e7e7ec;
    background-color: white;
    border-radius: 12px;
    padding: 40px 20px;
    text-align: center
}

.new_other_box h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 17px 0 12px
}

.new_other_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 53px;
    text-align: center
}

.new_other_section {
    padding: 55px 0;
    background-color: #f7f9fd
}

.new_talk_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0px 0 53px;
    text-align: center
}

.new_talk_section .new_review_img {
    margin: 25px 0
}

.new_talk_section {
    padding: 60px 0
}

.new_talk_section p {
    font-size: 17px;
    color: grey;
    margin-bottom: 15px
}

.new_talk_section .row {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.new_talk_section textarea {
    width: 100%;
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 4px;
    display: block;
    margin-bottom: 15px
}

.new_talk_section select {
    width: 100%;
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 4px;
    display: block;
    margin-bottom: 15px
}

.new_talk_section input {
    width: 100%;
    border: 1px solid lightgrey;
    padding: 10px;
    border-radius: 4px;
    display: block;
    margin-bottom: 15px
}

.new_talk_section .bookcall {
    border: 1px solid #0044ff;
    color: #fff;
    background-color: #0044ff;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    margin-top: 19px;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7
}

.conventional-ai-area {
    background-image: url("../images/bg-conversational.png");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0 0;
    background-position: bottom;
    position: relative
}

.conversational-right-area h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 900;
    line-height: 75px
}

.conversational-right-area p {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    margin-top: 15px
}

.white-label-icons-area img {
    width: 60px;
    height: auto;
    padding: 5px
}

.white-label-heading-area {
    text-align: center;
    margin-bottom: 45px
}

.white-label-area {
    padding: 100px 0;
    background: #f3f4f6
}

.white-label-content {
    text-align: center;
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;
    border-bottom: 2px solid #086ad8;
    min-height: 314px
}

.white-label-heading-area h6 {
    color: #086ad8;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.about-conversational-ai {
    position: relative;
    padding: 80px 0;
    background: #000
}

.platform-users img {
    width: 930px;
    height: auto;
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13);
    border-radius: 0 30px 30px 0
}

.about-conversational-ai-content h2 {
    color: #fff;
    font-size: 35px;
    font-weight: 900;
    line-height: 45px;
    padding-bottom: 15px
}

.about-conversational-ai-new {
    padding: 0px 0 80px 0
}

button.read-more-btn i {
    background: var(--headingColor);
    padding: 5px 11px;
    border-radius: 50px;
    font-size: 20px;
    margin-left: 6px
}

button.read-more-btn {
    background: linear-gradient(268.68deg, #ffffff -10.2%, rgb(196 249 255 / 0%) 100.26%);
    border: none;
    color: #fff;
    margin-top: 22px;
    padding: 10px 10px 10px 27px;
    border-radius: 40px;
    display: flex;
    font-weight: 600;
    align-items: center
}

.conversational-platform-icon-area img {
    width: 60px;
    height: auto
}

.conversational-ai-platform-content p {
    color: gray;
    font-size: 20px
}

.ios_list li b {
    font-size: 21px
}

.conventional-ai-area .contactbtn {
    margin: 15px 0 0 0
}

.steps-box .modal-header .close {
    margin-top: -50px;
    margin-right: -5px;
    color: var(--headingColor);
    opacity: .8 !important
}

.conventional-ai-area .outline-btn,
.get-in-touch-right .outline-btn {
    border: 1px solid #fff;
    background: transparent;
    margin: 0 10px !important;
    min-width: 175px
}

.get-in-touch-right .dark-btn {
    border: 1px solid #ef6407;
    background: #ef6407;
    margin: 0 10px !important
}

.bottom-content-area button {
    background: #086ad8
}

.bottom-content-area h2 {
    color: #000
}

.bottom-content-area p {
    color: #000
}

.focus-on-improvement {
    background-image: url("../images/focus-on-improvement.png");
    background-repeat: no-repeat;
    padding: 50px 0;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center
}

.focus-on-improvement-heading-area {
    text-align: center;
    color: #fff
}

.focus-on-improvement-left ul {
    display: flex;
    margin-top: 40px
}

.focus-on-improvement-left ul li {
    padding-right: 40px
}

.focus-on-improvement-left h6 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px
}

.focus-on-improvement-left h3 {
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 20px
}

.get-in-touch-area .container {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    padding: 45px;
    border-radius: 15px;
    padding: 50px 30px !important;
}

.get-in-touch-left p {
    color: #fff;
    font-size: 20px
}

.get-in-touch-right {
    justify-content: end;
    display: flex
}

.get-in-touch-left h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 7px
}

.focus-on-improvement-left ul li {
    padding: 15px;
    background: #fff;
    text-align: left;
    margin: 0 25px 0 0;
    color: var(--headingColor);
    border-radius: 25px;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 4px solid #086ad8
}

.focus-on-improvement-left ul li p {
    font-size: 18px;
    font-weight: 400
}

.focus-on-improvement-heading-area h6 {
    color: #ffffff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.focus-on-improvement-heading-area h2 {
    font-weight: 900;
    font-size: 35px
}

.conversational-ai-platform-content {
    text-align: left;
    background-color: #086ad81c;
    padding: 30px 20px;
    border-radius: 30px;
    border-top: 2px solid #086ad8;
    min-height: 370px;
    height: 100%;
    margin-bottom: 30px
}

.focus-on-improvement-left {
    color: #fff
}

.conversational-platform-icon-area {
    margin-bottom: 20px
}

.conversational-ai-platform-content h5 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 6px
}

.about-conversational-ai-space {
    padding-bottom: 0
}

.about-conversational-ai img {
    border-radius: 30px
}

.about-conversational-ai .container-fluid {
    max-width: 80%;
    width: 100%
}

.conversational-ai-platform {
    padding: 55px 0
}

.conversational-ai-platform-heading h2 {
    text-align: center;
    font-size: 40px;
    color: var(--headingColor);
    margin-bottom: 10px;
    font-weight: 600
}

.text-clr-blue h6 {
    color: chocolate !important
}

.text-clr-heading h6 {
    color: deepskyblue !important
}

.ai-great-for {
    margin: 8px 0 20px
}

.about-conversational-ai-content p {
    color: #fff;
    font-size: 17px;
    line-height: 32px
}

.text-clr h6 {
    color: #cb0404 !important
}

.platform-users2 {
    position: absolute;
    right: 0;
    top: 30px
}

.ai-great-for {
    margin-top: 10px
}

.ai-great-for p {
    font-size: 17px;
    line-height: 30px;
    margin-left: 25px
}

.ai-great-for h6 {
    color: green;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 7px
}

.platform-users2 {
    position: absolute;
    right: 0;
    bottom: 0
}

.platform-users2 img {
    width: 930px;
    height: auto;
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13);
    border-radius: 30px 0 0 30px
}

.platform-users {
    position: absolute;
    left: 0;
    top: 60px;
    margin-top: 50px
}

.white-label-heading-area h2 {
    font-weight: 900;
    font-size: 35px
}

.white-label-content:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13)
}

.white-label-icons-area {
    background: #086ad8;
    width: 90px;
    height: 90px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-bottom: 25px
}

.white-label-content h6 {
    font-size: 20px;
    color: var(--headingColor);
    margin-bottom: 8px;
    font-weight: 900
}

.white-label-content p {
    font-size: 17px;
    color: gray
}

.project-proccess .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.common-padding {
    padding: 60px 0
}

.chat-box {
    margin: 32px 0
}

.chat-box .row {
    display: flex;
    justify-content: center;
    align-items: center
}

.chatgpt-section .nav.nav-tabs {
    display: flex;
    justify-content: center
}

.chatgpt-section .nav-tabs>li.active>a:focus {
    background: #096ad8 !important;
    color: #fff
}

.choose-main-box {
    display: flex;
    align-items: center;
    padding: 19px 0 19px 60px
}

.choose-main-box img {
    width: 10%;
    margin-right: 12px
}

.choose-user-experience a.contactbtn {
    width: 262px
}

.enhancing-user-experience-btn a.contactbtn {
    width: 222px
}

.fascinating-box img {
    width: 30%;
    margin: 0 0 22px 0
}

.fascinating-box {
    text-align: center
}

.chatgpt-second-area {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.our-execution ul li {
    width: 100%;
    float: left
}

.our-execution li:nth-child(odd) .excuation-main {
    border-radius: 15px 100px 100px 15px;
    width: 50%;
    float: left;
    position: relative
}

.our-execution li:nth-child(even) .excuation-main {
    border-radius: 100px 15px 15px 100px;
    width: 50%;
    float: right;
    position: relative;
    padding: 0 0 0 20px
}

.our-execution li:nth-child(odd) .excuation-main .excuation-text {
    text-align: right
}

.our-execution ul li p {
    margin-bottom: 0;
    font-size: 14px;
    color: #223547
}

.our-execution .excuation-main .excuation-text h2 {
    font-size: 20px;
    font-weight: 700 !important;
    color: #223547;
    margin-bottom: 0
}

.our-execution li.discovery .excuation-main .excuation-img {
    background-image: url("../images/icon_design-1.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.solution .excuation-main .excuation-img {
    background-image: url("../images/icon_design-2.svg");
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.development .excuation-main .excuation-img {
    background-image: url("../images/icon_design-3.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.testing .excuation-main .excuation-img {
    background-image: url("../images/icon_design-4.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li:nth-child(odd):not(:last-child) .excuation-main:after {
    content: "";
    background-image: url("../images/excuation-left-arrow.png");
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: -11px
}

.our-execution .excuation-main {
    border: 1px solid var(--headingColor);
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.our-execution .excuation-main .excuation-img {
    display: inline-block
}

.our-execution .excuation-main .excuation-text {
    display: inline-block;
    width: calc(100% - 110px);
    padding: 15px 20px;
    position: relative
}

.our-execution li:nth-child(even) .excuation-main:hover:before {
    content: "";
    background-image: url("../images/excuation-right-arrow.png");
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: -11px
}

.our-execution li:nth-child(even) .excuation-main:before {
    content: "";
    background-image: url("../images/excuation-right-arrow.png");
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: -11px
}

.our-execution .excuation-main .excuation-text {
    display: inline-block;
    width: calc(100% - 110px);
    padding: 15px 20px;
    position: relative
}

.choose-main-box h3 {
    font-size: 20px;
    text-align: left;
    font-weight: 800
}

.fascinating-box h3 {
    font-weight: 800;
    font-size: 19px
}

.our-project-content-left {
    width: 50%
}

.call-to-action {
    text-align: center;
    margin: 24px auto
}

.footer__copyright {
    z-index: 999;
    position: relative;
    color: #fff
}

#form-side-panel #formid1 .iti__flag-container {
    position: absolute;
    top: -11px !important
}

button.close.popup-close {
    font-size: 45px
}

.modal-header {
    border-bottom: none
}

.iti__country-name {
    color: #999
}

.name-clr .iti--separate-dial-code .iti__selected-flag {
    background-color: rgba(0, 0, 0, 0.05) !important
}

.under-recongnize-box img {
    width: 116px;
    height: 44px;
    object-fit: contain
}

.hero-area {
    padding: 106px 0 34px;
}

.h-viewport {
    min-height: 771px;
}

.main-area-left {
    padding: 30px 0 0 0
}

.new-btn {
    display: flex
}

.main-area-buttons a,
.main-area-buttons button {
    border: 2px solid #ed5f00;
    padding: 10px 24px;
    color: #ed5f00;
    font-weight: 600;
    margin: 0 10px 0 0;
    font-size: 18px;
    white-space: nowrap;
    transition-property: background-color;
    transition-duration: 0.8s;
    min-height: 51px;
    background: #fff;
}

.create-software-right a,
a.it-area-case-study {
    transition-property: background-color;
    transition-duration: 0.6s
}

.create-software-right a:hover,
.main-area-buttons a:hover,
.services-right-area .card-body a:hover {
    background: #ed5f00;
    color: #fff
}

.top-area-form {
    background: var(--netsetColor);
    padding: 25px 50px;
    box-shadow: 2px 20px 30px 8px rgba(0, 0, 0, 0.21);
    margin: 0 60px;
}

.top-area-form h2 {
    font-size: 30px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    letter-spacing: -2px;
    text-align: left;
}

.top-form-area h2 {
    font-size: 28px
}

.top-area-form .error {
    color: #ed5f00 !important
}

.top-area-form input {
    border: none;
    height: 54px;
    margin: 0 !important;
    color: var(--headingColor);
    font-size: 15px;
    border-radius: 0
}

.top-area-form .iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    padding: 10px
}

.top-area-form textarea {
    border: none;
    border-radius: 0;
    margin: 25px 0 0;
    color: var(--headingColor);
    font-size: 15px
}

.top-area-form input::placeholder,
.top-area-form textarea::placeholder {
    color: var(--headingColor);
    letter-spacing: 1px;
    font-size: 14px;
    text-transform: uppercase
}

.top-area-form button {
    width: 100%;
    font-weight: 700;
    margin: 10px 0 0;
    background: #ed5f00;
    font-size: 18px;
    padding: 10px;
    border-radius: 0;
    border: 3px solid #ed5f00 !important;
    min-height: 51px
}

.top-area-form button:hover {
    background: 0 0;
    color: #fff;
    border: 3px solid #fff !important;
    font-weight: 700
}

.under-recongnize-box {
    background: #096ad821;
    padding: 20px 15px;
    border-radius: 12px;
    height: 80px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.iti--separate-dial-code #phone-error {
    position: absolute;
    bottom: -33px;
    left: 0
}

.main-area-left ul li {
    margin: 0 10px 0 0
}

.main-area-left ul,
.our-achievements ul {
    display: flex;
    margin-top: 40px;
    padding-left: 0;
    margin-left: 0
}

.main-lefts ul {
    flex-wrap: wrap
}

.main-lefts ul li {
    width: 23%;
    margin: 0 10px 20px 0 !important
}

.custom-logo img {
    height: 80px
}

.clutch-section {
    font-size: 17px;
    margin-top: 48px;
    margin-bottom: 17px;
    display: flex;
    align-items: center;
    gap: 30px;
}

.clutch-logo iframe {
    width: 202px !important;
}


.under-recongnize-box p {
    font-size: 12px !important;
    color: #337ab7;
    text-decoration: none !important;
    font-weight: 600;
    letter-spacing: 0;
    margin: 6px 0 0
}

.under-recongnize-box h6 {
    color: #337ab7;
    font-size: 14px;
    font-weight: 800;
    text-decoration: unset !important
}

.about-area.inc-shape {
    padding: 90px 0;
}

.about-area .thumb,
.case-study-outer-ng,
.services-right-area .card-header {
    position: relative
}


.about-area .thumb .overlay {
    position: absolute;
    right: 0;
    top: 50%;
    height: 250px;
    width: 250px;
    text-align: center;
    background: #fff;
    transform: translate(50px, -50%);
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc
}

.about-area .thumb .overlay .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px;
    height: unset !important;
    color: #096ad8
}

p.para-second {
    margin-bottom: 50px !important
}

.about-area .thumb .overlay h4 {
    margin: 0;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4;
    font-size: 26px
}

.about-company-right-area h2 {
    font-size: 56px !important;
    line-height: 65px !important;
    letter-spacing: -3px !important;
    color: var(--headingColor) !important;
    font-weight: 700 !important;
    margin-bottom: 15px !important;
}

.about-company-right-area p {
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--paragraphColor);
    font-weight: 300;
}

.about-area .icon {
    min-width: 89px
}

.about-area .info ul li h4 {
    font-weight: 600;
    font-size: 18px
}

.about-area .info ul li {
    display: flex;
    margin: 0 0 25px
}

.about-company-right-area ul li p,
.item p {
    font-size: 18px;
    margin-top: 7px;
}

.about-company-right-area a {
    border: 2px solid #ed5f00;
    padding: 10px 24px;
    color: #ed5f00;
    font-weight: 600;
    margin: 0 4px 0 0;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    min-height: 51px
}

.about-company-right-area a:hover {
    background-color: #ed5f00;
    color: #fff
}

.about-area .info ul {
    margin: 30px 0 40px
}

.home-case-study-area {
    padding: 40px 0;
    background: url("../images/case-study-dots-bg.svg") 0 0 / contain no-repeat;
    position: relative;
    bottom: 0;
    margin: 50px 0
}

.case-study-inner-content,
.sportsfinda-content {
    position: absolute;
    background: #fff;
    width: 650px;
    padding: 70px;
    box-shadow: 2px 20px 30px 8px rgba(0, 0, 0, 0.21);
    bottom: 0
}

.home-case-study-area h2 {
    width: 85%;
    display: flex;
    margin: 0 auto 50px;
    font-size: 61px;
    line-height: 1.2;
    letter-spacing: -3px;
    color: var(--headingColor);
    font-weight: 700;
}

.case-study-outer-ng img {
    width: 85%;
    display: flex;
    justify-content: center;
    margin: 0 auto
}

.case-study-inner-content {
    left: 200px
}

.case-study-inner-content h4 {
    font-size: 35px;
    color: var(--headingColor);
    font-weight: 900;
    margin-bottom: 12px
}

.case-study-inner-content h4 span {
    color: #6f39f4
}

.case-study-inner-content a,
.new-case-button .outline-btn,
.sportsfinda-content a {
    border: 2px solid #ed5f00;
    padding: 10px 24px;
    color: #ed5f00 !important;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    margin-right: 8px;
    transition-property: background-color;
    transition-duration: 0.6s;
    min-height: 51px
}

.case-study-inner-content a:hover,
.new-case-button .outline-btn:hover,
.sportsfinda-content a:hover,
a.front-case-study,
a.home-reach-btn {
    color: #fff !important;
    background: #ed5f00
}

a.home-reach-btn {
    padding: 10px 40px
}

.sportsfinda-content {
    right: 200px
}

.sportsfinda-content img {
    margin: 0 0 15px;
    width: 220px
}

.case-study-inner-content p,
.sportsfinda-content p {
    margin-bottom: 35px;
    font-size: 23px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--paragraphColor);
    font-weight: 300
}

.case-study-inner-content img {
    margin: 0 0 15px;
    width: 180px
}

.logo-slider ul li img {
    width: 100%;
    height: 100px;
    object-fit: contain;
    padding: 17px 26px;
    filter: grayscale(1);
    background: #096ad812;
    border-radius: 5px;
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%)
}

.logo-slider ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.logo-slider ul li {
    width: 20%;
    margin: 20px
}

.partner-slider-heading h3 {
    font-size: 61px;
    line-height: 1.2;
    color: var(--headingColor);
    font-weight: 700;
    text-align: center;
    margin: 0 0 15px
}

.partner-client-area {
    background-image: url("../images/client-map-background.webp");
    background-repeat: repeat;
    padding: 30px 0
}

.logo-slider ul li img:hover,
.rows-why .feature:hover img {
    filter: unset
}

.logo-slider {
    background: #fff
}

.mission_critical_section {
    padding: 50px 0
}

.main-area-left ul li a {
    text-decoration: none
}

footer.Staff_section.net-fotter {
    background: #ed5f00;
    padding: 40px 0
}

.Staff_section.net-fotter .content-net {
    padding: 0 0 0 25px
}

.features-area .item-grid:first-child .item:first-child .outline_text,
.outline_text {
    font-size: 59px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
    right: 13px;
    top: 10px;
    color: transparent
}

.Social-icon p a,
.Staff_section.net-fotter .content-net p a {
    color: #fff;
    text-decoration: none
}

.right-content {
    position: inherit;
    z-index: 9;
    padding-top: 80px
}

.right-content .menu li {
    width: 50%;
    display: block;
    margin-bottom: 28px
}

.Social a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 700
}

.Social-icon img {
    width: 18px !important
}

.Social-icon .footer__copyright,
.Social-icon h5 {
    color: #fff;
    font-size: 16px
}

.right-content .links ul {
    width: 100%;
    margin-top: 50px;
    display: inline-block
}

.right-content .menu-footer li a {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    color: #fff;
    margin-top: 20px !important
}

.services-area {
    background: #f5f5f7 !important;
    position: relative;
    padding: 150px 100px
}

.title-wrap .swiper-button-next:after {
    content: "";
    background: url("/images/download.svg") no-repeat !important;
    filter: invert(1);
    width: 12px !important;
    padding: 22px;
}

.title-wrap .swiper-button-prev:after {
    content: "";
    background: url("/images/download\ \(1\).svg") no-repeat !important;
    filter: invert(1);
    width: 12px !important;
    padding: 22px;
}

.title-wrap .swiper-button-next,
.title-wrap .swiper-button-prev {
    background: var(--netsetColor);
    width: 60px;
    height: 60px;
    border-radius: 62px;
}

.services-left-area {
    padding: 10px 20px 0 0
}

.services-left-area h2 {
    font-size: 50px;
    line-height: 68px;
    color: var(--headingColor);
    font-weight: 900;
    font-family: "Product Sans"
}

.services-right-area .accordion-item {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.11);
    padding: 16px 10px;
    background-color: #fff;
    margin: 20px 0
}

.global-award a:hover,
.item i {
    color: #fff !important
}

.services-right-area .accordion-flush .accordion-item .accordion-button {
    border-radius: 0;
    font-family: "Product Sans";
    font-weight: 600;
    font-size: 30px
}

.services-right-area .accordion-button:focus {
    border-color: transparent;
    box-shadow: none
}

.services-right-area .accordion-button:not(.collapsed) {
    color: var(--headingColor);
    background-color: #fff;
    box-shadow: none
}

.services-right-area .card-body a {
    border: 3px solid #ed5f00;
    padding: 15px 30px;
    color: #ed5f00;
    font-weight: 600;
    text-decoration: none;
    font-size: 20px;
    min-height: 60px
}

.icon img {
    width: 52px;
    height: auto
}

.services-right-area .accordion-item img {
    position: absolute;
    right: 15px;
    top: 12px;
    width: 13px;
    height: 13px
}

.learn-more-btn {
    margin: 50px 0 20px
}

.accordion-button:not(.collapsed)::after {
    background-image: url("../images/arrow.svg");
    transform: rotate(-180deg)
}

.main-area-buttons {
    display: flex;
    flex-wrap: wrap
}

.lets-talk-area {
    padding: 50px 0 70px
}

.lets-talk-inner {
    background: #dfecfa96;
    text-align: center;
    padding: 60px;
    border-radius: 30px;
    border-left: 5px solid #096ad8
}

.lets-talk-inner h2 {
    font-size: 45px;
    line-height: 1.2;
    color: var(--headingColor);
    font-weight: 700;
    font-family: "Product Sans";
    text-align: center;
    margin-bottom: 20px;
    letter-spacing: -1px;
}

.about-company-right-area a {
    background: #ed5f00;
    color: #ffff
}

.lets-talk-inner a {
    background: #ed5f00;
    color: #fff !important;
    width: 195px;
    display: flex;
    justify-content: center;
    padding: 10px;
    margin: 31px auto 0;
    font-size: 18px;
    white-space: nowrap;
    min-height: 51px
}

.case-study-inner-content.create-software-left {
    position: unset;
    width: 100%;
    background: #086ad8;
    margin-top: -160px;
    padding: 70px
}

.cursor-pointer {
    cursor: pointer;
}

.tech-icon-box svg {
    opacity: 1;
    position: absolute;
    right: 10px;
    top: 10px;
    rotate: 280deg;
    color: #086ad8;
}

.home-services .service_box .services-cards .card-title {
    cursor: pointer;
}

.home-case-study-area.create-software-area {
    margin: 0 auto;
    padding-bottom: 100px;
    padding-top: 71px;
}

.home-case-study-area.create-software-area .case-study-outer-ng img {
    width: 100%;
    margin: 0
}

.case-study-inner-content.create-software-left h3 {
    font-size: 19px;
    line-height: 38px;
    color: #fff;
    text-transform: uppercase
}

.case-study-inner-content.create-software-left p {
    color: #fff;
    font-size: 36px;
    line-height: normal;
    font-weight: 500;
    margin-bottom: 0;
    margin-top: 20px;
    letter-spacing: -2px;
}

.create-software-right {
    padding: 60px 0 0 60px
}

.create-software-right p {
    margin-bottom: 15px;
    font-size: 23px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--paragraphColor);
    font-weight: 300
}

.create-software-right a {
    border: 2px solid #ed5f00;
    padding: 10px 24px;
    color: #ed5f00;
    font-weight: 600;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap
}

.site-heading h2,
.site-heading p {
    padding: 0;
    font-family: "Product Sans"
}

.home-common-outer .container,
.home-common-outer .container-lg,
.home-common-outer .container-md,
.home-common-outer .container-sm,
.home-common-outer .container-xl,
.home-common-outer .container-xxl {
    max-width: 1470px;
    width: 1470px
}

img.kcyber-logo {
    width: 100px;
    max-width: 100px
}

h2.capabilities-heading {
    margin: 0 auto 50px 0
}

.work-process-area {
    background: #ecf4fc;
    padding: 60px 0
}

.site-heading p {
    font-weight: 600;
    text-transform: uppercase;
    color: #086ad8;
    font-size: 26px
}

.site-heading h2 {
    position: relative;
    letter-spacing: 1px;
    font-size: 61px;
    color: var(--headingColor);
    font-weight: 900
}

.work-process-area .work-pro-items .item {
    border: 1px solid #e7e7e7;
    padding: 25px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%
}

.work-process-area .work-pro-items .item:after,
.work-process-area .work-pro-items .item:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: 0.2s linear 0.2s;
    background: #086ad8
}

.work-process-area .work-pro-items .item .item-inner:after,
.work-process-area .work-pro-items .item .item-inner:before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: 0.2s linear;
    background: #086ad8
}

.work-process-area .work-pro-items .item:hover .item-inner:after,
.work-process-area .work-pro-items .item:hover .item-inner:before {
    height: 100%
}

.work-process-area .work-pro-items .item .item-inner:before {
    left: 0;
    top: 0
}

.work-process-area .work-pro-items .item:after {
    left: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:before {
    right: 0;
    top: 0
}

.work-process-area .work-pro-items .item .item-inner:after {
    right: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:hover:after,
.work-process-area .work-pro-items .item:hover:before {
    width: 100%;
    transition-delay: 0s
}

.work-process-area .work-pro-items .item .icon {
    position: relative;
    background: #086ad829;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.item-inner .icon h3 {
    color: #086ad8;
    font-size: 45px
}

.choose_use_sction {
    padding: 70px 0;
    background: url("../images/case-study-dots-bg.svg") no-repeat #f3f7fd73
}

.why-us>h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 32px;
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-left: 45px
}

.why-us>h5::after {
    position: absolute;
    left: 0;
    top: 50%;
    content: "";
    height: 2px;
    width: 30px;
    background: #232323;
    margin-top: -1px
}

.choose_use_sction.new_custom_section .why-us h2 {
    font-size: 40px;
    line-height: 46px;
    color: var(--subheadingColor);
    font-weight: 700;
    font-family: "Product Sans";
    margin-bottom: 15px
}

.features-area .features-box {
    padding-left: 35px;
    margin-top: 22px;
}

.features-area .item-grid:first-child {
    margin-top: 20px
}

.features-area .item-grid .item {
    background: linear-gradient(90deg, #086ad8 0, #0a3c74 100%);
    color: #fff;
    margin-top: 30px;
    transition: 0.35s ease-in-out
}

.features-area .item-grid:first-child .item:first-child .outline_text {
    -webkit-text-stroke: 2px #b7b7b7;
    -moz-text-stroke: 2px #b7b7b7;
    position: absolute
}

.features-area .item>i {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 25px;
    color: #086ad8;
    position: relative;
    z-index: 1
}

.features-area .item h5 {
    font-weight: 500;
    font-size: 36px;
    margin: 20px 0 18px;
    font-family: "Product Sans";
    line-height: 34px
}

.features-area .item-grid .item:hover a,
.features-area .item-grid .item:hover i,
.features-area .item-grid .item:hover p,
.features-area .item-grid:first-child .item:first-child a,
.features-area .item-grid:first-child .item:first-child i,
.features-area .item-grid:first-child .item:first-child p,
.features-area .item-grid:last-child .item:last-child a,
.features-area .item-grid:last-child .item:last-child i,
.features-area .item-grid:last-child .item:last-child p {
    color: #fff;
    transition: 0.35s ease-in-out
}

.features-area .item {
    padding: 50px 30px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #80808040
}

.outline_text {
    -webkit-text-stroke: 2px lightgrey;
    -moz-text-stroke: 2px lightgrey;
    position: absolute
}

.features-area .item:hover svg {
    filter: brightness(0) invert(1)
}

.flex_row1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.item-inner p {
    color: var(--paragraphColor);
    font-weight: 300;
    font-size: 17px
}

.case-item img,
.heading p,
.proven-success p,
section.success-stories {
    margin-bottom: 30px
}

.why-us p {
    color: var(--paragraphColor);
    font-weight: 300;
    font-size: 18px;
    line-height: 30px
}

.services-right-area .card-header h3 button {
    border-radius: 0;
    font-family: "Product Sans";
    font-weight: 600;
    font-size: 24px;
    color: var(--headingColor);
    width: 100%;
    text-align: left;
    padding: 0 12px
}

.services-right-area .card-body p {
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.6;
    letter-spacing: -0.5px;
    color: var(--paragraphColor);
    font-family: "Proxima Nova Rg"
}

.services-right-area .card-body {
    padding: 15px
}

.case-study-text {
    font-size: 21px !important;
    color: var(--headingColor);
    font-weight: 600;
    margin-bottom: 10px
}

.case-study-para {
    font-size: 28px !important;
    margin-bottom: 32px !important
}

.home-casestudy-btn {
    display: flex;
    align-items: center
}

a.it-area-case-study {
    border: 2px solid #ed5f00;
    background: 0 0;
    color: #ed5f00
}

.it-area-bottom-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center
}

.outer-loader-main {
    background: #ffffffe3;
    width: 100%;
    position: fixed;
    height: 100%;
    top: 0;
    z-index: 9999999;
    display: none;
    align-items: center;
    justify-content: center;
    overflow: inherit
}

.outer-loader-main .loader {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #333 #2e2e2e transparent;
    box-sizing: border-box;
    animation: 3s linear infinite rotation
}

.outer-loader-main .loader::after {
    content: "";
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent #096ad8 #096ad8;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    animation: 0.9s linear infinite rotationBack;
    transform-origin: center center
}

.ai-office {
    background: #714bc6;
    padding: 12px 11px;
    border-radius: 10px;
    padding: 1;
    width: 152px
}

.it-area-bottom-btns.start-journey-box {
    justify-content: center;
    padding: 42px 0 0 0;
}

.it-area-bottom-btns.start-journey-box .it-area-case-study {
    padding: 15px 16px;
    font-size: 23px;
    font-weight: 700;
    background: #ed5f00 !important;
    border: none;
    box-shadow: rgba(100, 100, 111, 0.2) 0 7px 29px 0;
    border-radius: 0;
    color: #fff !important;
    min-height: 57px
}

.menu-footer-space {
    margin-top: 20px !important
}

.case-section {
    margin: 100px 0
}

.case-item h2,
.proven-success h2 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px
}

.case-item {
    border-radius: 26px;
    padding-bottom: 40px;
    margin-bottom: 40px
}

.proven-success p {
    width: 60%
}

.botfather img {
    margin-top: -17px
}

.case-item img {
    border-radius: 30px;
    width: 100%;
    height: 350px
}

.heading-logo {
    display: flex;
    gap: 4px
}

.heading-logo img {
    width: 85px;
    margin-left: 19px;
    height: 85px;
    border-radius: 0 !important
}

.case-item p {
    margin: 0 10px 30px 0
}

.new-hero-area {
    padding: 140px 0 100px;
    background-color: #fff
}

.main-hero-content h1 {
    font-size: 57px;
    font-weight: 800;
    color: var(--headingColor);
    padding-top: 41px;
    letter-spacing: -2px;
}

.blockchain-call-action {
    margin: 20px 0;
}

.main-hero-content ul {
    margin-top: 27px;
    font-size: 18px;
    line-height: 31px;
    margin: 20px 0 !important;
}

.new-blockchain-points ul li {
    margin: 12px 0;
    font-size: 18px;
    display: flex;
    align-items: flex-start
}

.records h2,
.smart-contract-areaa h3 {
    font-weight: 700;
    font-size: 35px
}

.smart-contract-areaa h2 {
    font-size: 40px;
    font-weight: 700
}

.under-recongnize-boxes {
    background: #096ad821;
    padding: 20px 15px;
    border-radius: 12px;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center
}

.new-blockchain-points {
    margin-top: 13px !important;
    font-size: 15px !important
}

.custom-logos img {
    height: 100px
}

.our-achievements {
    margin-top: 50px
}

.clutch-area,
.journey,
.key-capabilities,
.more-studies,
section.development-section.process-section {
    margin-top: 40px
}

.smart-contract-areaa h2,
.smart-contract-areaa p {
    margin-bottom: 10px
}

.read-more {
    position: absolute;
    bottom: 21px;
    text-align: center;
    left: 14%;
    font-size: 18px;
    font-weight: 700
}

.key-heading {
    font-size: 20px !important;
    font-weight: 700 !important
}

.our-achievements h2 {
    font-weight: 800;
    color: var(--headingColor);
    font-size: 47px;
    letter-spacing: -2px;
    margin-bottom: 11px;
    text-align: center
}

.rows-why .feature:hover {
    background: unset;
    transform: unset
}

.rows-why .feature:hover p {
    color: unset
}

ul.new-blockchain-points li {
    display: flex;
    flex-direction: column;
    width: 97%
}

ul.new-blockchain-points li span {
    display: inline-block;
    width: 100%;
    margin: 7px 0;
    font-size: 20px;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
    padding: 0 7px
}

ul.new-blockchain-points li span img {
    width: 26px !important;
    margin-right: 12px;
    border: 1px solid #086ad8;
    border-radius: 42px
}

.heading-content h2 {
    font-size: 45px;
    font-weight: 500
}

.service_box .services-cards {
    width: 100%;
    height: 280px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px
}

.service_menu .service_box .services-cards {
    background: #f3f6f6;
    box-shadow: 0 3px 25px #e4e4e4
}

.service_box .services-cards .card-title {
    font-size: 30px;
    line-height: 36px;
    font-weight: 600;
    margin-left: 30px;
    color: #333;
    margin-right: 30px
}

.service_box .services-cards:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, 0.13), 0 15px 34px 1px rgba(0, 0, 0, 0.13) !important
}

.new-service {
    margin-bottom: 40px
}

.service_menu .service_box .box-clr {
    background-color: #ff5a01;
    box-shadow: 0 3px 25px #e4e4e4;
    display: flex;
    justify-content: center;
    align-items: center
}

.box-clr h4 {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
    padding-left: 40px
}

.start-title h2 {
    font-size: 48px !important;
    font-weight: 600
}

.clutch-area {
    text-align: left !important
}

.clutch-area p,
.hero-blockchain-content h1 {
    margin-bottom: 20px
}

.finance-logo svg.logo.d-block {
    height: auto !important;
    width: 55px !important
}

.diala img {
    margin-top: -10px
}

.second-down {
    margin-top: 77px
}

.clutch-case-study p {
    font-size: 18px
}

.clutch-case-study {
    margin-left: 42px
}

.case-logo img {
    width: auto;
    height: 100%
}

.img-hero-phn img {
    height: 500px;
    margin-left: 40px
}

.card-header {
    padding: 0.75rem 1.25rem !important;
    margin-bottom: 0 !important;
    background-color: transparent !important;
    border-bottom: 0 !important
}

div#accordion1\ accordionones {
    display: grid;
    gap: 0 20px;
    grid-template-columns: 1fr 1fr
}

.new-logo img {
    height: 51px;
    margin: 35px
}

.read-award {
    border: 2px solid #ed5f00;
    padding: 9px 119px;
    color: #fff;
    background: #ed5f00;
    bottom: -16px;
    font-weight: 600;
    border-radius: 10px;
    margin: 0 4px 0 0;
    width: 320px !important;
    text-decoration: none;
    font-size: 18px;
    white-space: nowrap;
    position: relative
}

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

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

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

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

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul {
    margin: 0;
    padding: 0
}

.header.affix,
.inner_header {
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

._9vd5,
.block-imgrow,
.contactbtn,
.enchancing-user-content,
.fascinating-box,
.slider_head,
.techno_list ul {
    text-align: center
}

.custom_navigation,
.get_touch_btn,
img {
    vertical-align: middle
}

.custom_navigation,
.methodologies_section.hiring_models_section .white_card {
    min-height: inherit
}

img {
    max-width: 100%
}

.styled-select select:focus,
:focus,
a:focus {
    outline: 0
}

a {
    outline: inherit !important
}

.Staff_section .staff_link:hover,
.accordian_box .panel-title>a:active,
.accordian_box .panel-title>a:focus,
.accordian_box .panel-title>a:hover,
a:focus,
a:hover {
    text-decoration: none
}

.clear {
    clear: both
}

li.w-100 {
    width: 100% !important
}

.ar_app_development img,
.blogs_card img,
.bsc_row.bsc_row_margin_top .col-sm-12.col-md-12,
.goal_image img,
.header,
.nft-big-image img,
.tech_box img,
.work-process-area .work-pro-items .item:hover:after,
.work-process-area .work-pro-items .item:hover:before {
    width: 100%
}

ul {
    list-style-type: none
}

.how_wework h1,
.main_content_outsourcing .chek_para p span,
.nft-features-list ul li h4,
.nft-ratings,
.product_development_text h1,
h1 {
    font-weight: 700
}

.contactbtn,
.knowbtn {
    font-weight: 600 !important
}

.error {
    color: #d53333;
    float: left
}

.color_bg span.span1 .cardDescription,
.new_icon_slider,
.new_icon_slider .carousel-wrap,
.new_icon_slider .casestudty_slider_sec.case-study-main-box,
.product_wrapper .bsc_row .service_box .services-card,
.tabber_project .tab-content,
.tabber_project .tab-pane,
.tabber_project .tab-pane .container .row,
.work-process-area .work-pro-items .item:hover .item-inner:after,
.work-process-area .work-pro-items .item:hover .item-inner:before,
body,
html {
    height: 100%
}

.header {
    position: absolute;
    left: 0;
    top: 0;
    padding: 10px 0;
    z-index: 998;
    transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -o-transition: .3s ease-in
}

.Staff_section.why_choose_netset aside,
.bsc_row.bsc_row_margin_top .col-lg-7.col-sm-8,
.development_process .white_card,
.graph_box .col-sm-6,
.mb-3,
.owl-carousel3.demoowl1,
.product_wrapper .service_box,
.ready-go-live+.ready-go-live,
.service_box.services-marketplace,
.servicee_section .white_card,
.work-process-area .single-item,
.working_withus h1+p {
    margin-bottom: 30px
}

.header.affix {
    position: fixed;
    transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -o-transition: .3s ease-in
}

.product_wrapper .bsc_row .service_box {
    height: 100%;
    margin-bottom: 0
}

.chatgpt-box-icon,
.choose_text img,
.conversational-platform-icon-area,
.displayrow,
.essence-box-content p,
.graph_box .row p,
.key_new_section .col-md-6,
.offer_content p,
.product_wrapper .bsc_row .col-sm-6,
.success_content p,
.success_content ul,
.tech_casestudy_about p,
.x-team h2 {
    margin-bottom: 20px
}

.headerfixed1,
.resdesign_header .header {
    box-shadow: 0 8px 25px 0 rgb(0 0 0 / 4%) !important
}

#contct_from_new .modal-header .logo2 img,
.logo img {
    max-height: 82px
}

.custom_navigation {
    background: 0 0;
    border: none;
    margin: 0;
    border-radius: 0;
    display: inline-block;
    position: inherit
}

.fill_bg .logo1,
.footer-home-new .whatsapp_telegram,
.header.affix .logo1,
.hide-new-menu,
.inner_header .logo1,
.logo2,
.menu-view-less,
.mob1,
.mobile_resposive_menu,
.nft-dots-tabs li:after,
.our-execution li:nth-child(2n) .excuation-main.last-child:before,
.owl-carousel .owl-controls,
.price_section .tab-content .tab_text ul li:after,
.process_content .bdr_btm_none::after,
.process_content.row_second .process_card::after,
.process_content.row_second .process_card:before,
.under-questions li::after,
.view-menu-link.active .menu-view-more,
.white_header .logo1,
div#contct_from_new .flag-container,
ul.netset_drive li:last-child:after {
    display: none
}

.Staff_section.our-services a,
.block-span,
.dropdown.service_menu:hover .mega-dropdown-menu,
.fill_bg .logo2,
.header.affix .logo2,
.inner_header .logo2,
.view-menu-link.active .menu-view-less,
.white_header .logo2 {
    display: block
}

.header.affix .custom_navigation .nav li a,
.inner_header .custom_navigation .nav li a,
.white_header .header .custom_navigation .nav li a {
    color: #2c2c2c
}

.Staff_section.our_clients .profile_div,
.about-area .thumb,
.firt_full_img,
.infographic,
.main-staff,
.mobile-placeholder .img-container,
.netrix-banner-logo,
.roadmap-content,
.round_img,
.sub_menu ul li,
.tag1.tag2.divider,
.team1,
.tech_casestudy_banner,
.technologies li p,
.the-tick,
.vision_box,
.why_section,
.why_us,
.work-process-area .work-pro-items .item .icon {
    position: relative
}

@-webkit-keyframes orbit {
    from {
        -webkit-transform: rotate(0)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

.round_shape1 {
    position: absolute;
    top: -25px;
    left: 21px;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: orbit;
    -webkit-animation-duration: 5s;
    z-index: -1;
    max-width: 91%
}

.custom_navigation .nav li.dropdown,
.methodologies_section.hiring_models_section .white_card .title .engagement_sprit,
.portfolio_headarea.career_header .container,
.right_side_nav {
    position: inherit
}

.right_side_nav {
    margin-top: 11px
}

.custom_navigation .dropdown-menu.mega-dropdown-menu {
    width: 100%;
    padding-top: 50px;
    background: top;
    border-top: none;
    top: 50px
}

.about-area .info h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 35px;
    line-height: 1.2
}

.about-area .info ul li h3,
.new_service_design .new-menu-servicesbox h4 {
    font-size: 18px;
    font-weight: 600;
    color: var(--subheadingColor);
}

.new_service_design .custom_navigation.navbar-default ul li:hover .dropdown_menu {
    padding: 0 !important;
    margin-top: 0
}

.new_service_design .new-menu-servicesbox .card_logo {
    left: 4px;
    top: 0;
    height: 60px;
    width: 60px
}

.new_service_design .new-menu-servicesbox:hover {
    cursor: pointer;
    background-color: #096ad8;
    border: 1px solid #096ad8
}

.demoowl1 h1 span,
.new_service_design .new-menu-servicesbox:hover h4,
.new_service_design .new-menu-servicesbox:hover p {
    color: #fff !important
}

.feature:hover img,
.features-area .item:hover svg,
.new_service_design .new-menu-servicesbox:hover img,
.tiles-layout ul li span.wow:hover img {
    filter: brightness(0) invert(1)
}

.new_service_design .new-menu-servicesbox img {
    position: absolute;
    left: 20px;
    width: 41px
}

.new_service_design .new-menu-servicesbox {
    padding: 18px 25px 17px 78px;
    border: 1px solid #fff;
    margin-bottom: 0;
    margin-top: 0;
    background: #f8fbfe;
    width: 50%
}

.new_service_design .custom_navigation.navbar-default li ul.dropdown_menu::after {
    z-index: -1
}

.new_service_design .new-services-dropdown .mainrow1 {
    width: 100%;
    flex-wrap: wrap;
    margin: 0
}

.resdesign_header.new_service_design .header .row.mainrow1 a {
    color: unset !important;
    padding: 0 !important;
    text-decoration-line: none !important
}

.new_service_design .dropdown_menu.services_dropdown {
    max-width: 701px
}

.bsc_row,
.check-ul,
.color_bg .row.new-row,
.conversational-ai-platform .row,
.flex_row,
.key_new_section .row,
.new_service_design .row.secondrow1,
.what_new_section .row,
.work-pro-items .row {
    display: flex;
    flex-wrap: wrap
}

.Outputs_slider .swiper-button-next:after,
.Outputs_slider .swiper-button-prev:after,
.color_bg span.span1:hover .img-container:before,
.heading_lable.defisection:after,
.mobile-placeholder .img-container:hover:before,
.newdesign.banner_area.demo_banner_area:before,
.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p:before {
    content: unset
}

.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p.service_info_p {
    font-size: 15px;
    margin: 0;
    color: #4a4a4a;
    line-height: 1.6
}

.resdesign_header .custom_navigation .nav li .new-menu-servicesbox p {
    position: relative;
    margin: 12px 0
}

.custom_navigation .nav li a:focus,
.custom_navigation .nav li a:hover,
.dropdown-menu.mega-dropdown-menu .dpd-dropdown:hover,
.fill_bg .custom_navigation .nav li a:focus,
.fill_bg .custom_navigation .nav li a:hover,
.header.affix .custom_navigation .nav li a:focus,
.header.affix .custom_navigation .nav li a:hover,
.inner_header .custom_navigation .nav li a:focus,
.inner_header .custom_navigation .nav li a:hover,
.nft-ratings i,
.service_offering_menu a:hover {
    color: #ef6407
}

.resdesign_header .leftmenubox p {
    line-height: 1.2
}

.resdesign_header .btmline {
    margin-top: 7px
}

.resdesign_header .header2 .custom_navigation ul li a:hover {
    color: #ff5a01 !important
}

.resdesign_header .logo img {
    max-height: 69px
}

.about-area .info ul li h4 {
    margin-bottom: 8px
}

.about-area .info ul {
    margin-top: 30px;
    margin-left: 0;
    padding-left: 0
}

.about-area .icon {
    min-width: 89px
}

.Staff_section.why_choose_netset .orange_button,
.about-area .info ul li:first-child,
.accordian_box .panel-group .panel+.panel,
.bigbannerarea img,
.features-area .item-grid .item:first-child,
.newcasestudy_aboutarea .aside-content img,
.quote-container.digial_quote_container .open-quote,
.small_boxarea h1 {
    margin-top: 0
}

.about-area .info ul li,
.d-flex,
.main-content-arrow,
.new-services-dropdown .mainrow1 {
    display: flex
}

.about-area .info ul li i {
    display: inline-block;
    font-size: 60px;
    margin-right: 25px;
    color: #086ad8
}

.about-area .thumb img:first-child {
    width: 83%;
    aspect-ratio: 562 / 348
}

.about-area .thumb img {
    border-radius: 8px
}

.about-area .offset-lg-1 {
    margin-left: 8.333333%
}

.about-area .thumb .overlay {
    position: absolute;
    right: 0;
    top: 50%;
    height: 250px;
    width: 250px;
    text-align: center;
    background: #fff;
    transform: translate(50px, -50%);
    border-radius: 8px;
    box-shadow: 0 0 10px #ccc
}

.about-area .thumb .overlay .content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 0 30px
}

.about-area .thumb .overlay h4 {
    margin: 0;
    position: relative;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.4;
    font-size: 26px
}

.about-area .author {
    display: flex;
    align-items: center;
    margin-top: 30px
}

.about-area .author .signature {
    border-right: 1px solid #e7e7e7;
    padding-right: 20px;
    margin-right: 20px
}

.about-area .author h5,
.hate_filling h2 {
    font-weight: 600;
    margin-bottom: 10px
}

.about-area .author img {
    height: 100px
}

.default-padding.bottom-less {
    padding-top: 50px;
    padding-bottom: 50px
}

.site-heading p {
    font-weight: 600;
    text-transform: uppercase;
    color: #086ad8;
    padding-left: 42px;
    font-size: 26px
}

.site-heading {
    margin-bottom: 36px;
    overflow: hidden;
    margin-top: -5px
}

.work-process-area .work-pro-items .item {
    border: 1px solid #e7e7e7;
    padding: 31px 23px 40px;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    height: 100%
}

.work-process-area .work-pro-items .item .icon span {
    position: absolute;
    left: 15px;
    top: 0;
    font-size: 100px;
    z-index: -1;
    opacity: .9;
    font-weight: 900;
    color: transparent;
    -webkit-text-stroke: 2px #f4f4f4;
    margin-top: 19px;
    line-height: 50px
}

.work-process-area .work-pro-items .item h3 {
    position: relative;
    z-index: 1;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 18px;
    margin-top: 20px;
    color: var(--subheadingColor);
}

.site-heading h2 {
    display: inline-block;
    font-weight: 500;
    padding-bottom: 20px;
    margin-bottom: 0;
    position: relative;
    letter-spacing: 1px;
    line-height: 1.4;
    font-size: 45px;
    padding-left: 50px
}

.resdesign_header .right_side_nav {
    margin-top: 5px
}

.color_bg {
    background-color: #f3f7fd94;
    padding: 40px 0
}

.color_bg .sectionTitle {
    margin-bottom: 37px
}

.color_bg span.span1:hover .cardTitle {
    color: #ed5f00
}

.color_bg span.span1:hover img {
    transform: scale(1.2) translateY(-50%);
    opacity: 1
}

.ai-body-section .inner-box:hover,
.color_bg span.span1:hover,
.mobile-placeholder .img-container:hover,
.service_box .services-card:hover,
.techno_list ul li:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important
}

.color_bg span.span1 {
    padding: 14px;
    background: #fff;
    border: 0;
    display: block;
    border-radius: 17px;
    cursor: pointer
}

.color_bg span.span1 .cardTitle {
    font-size: 30px;
    line-height: 1.1
}

.mobile-placeholder .img-container:before {
    position: absolute;
    content: '';
    background-color: #096ad8a3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1024
}

.mobile-placeholder .img-container.trigger:hover img {
    filter: unset
}

.custom_navigation .dropdown-menu.mega-dropdown-menu .menu_white_box {
    width: 100%;
    background: #fff;
    padding-top: 20px
}

.newdesign.banner_area.demo_banner_area {
    background-color: transparent;
    background-image: unset !important;
    height: unset;
    padding: 80px 0
}

.newdesign .row {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.newdesign .demoowl1 h1 {
    -webkit-text-stroke: 4px #2727279c;
    -moz-text-stroke: 4px #2727279c;
    color: transparent !important;
    font-size: 135px !important;
    font-weight: 800 !important;
    line-height: 1 !important
}

.newdesign .demoowl1 h1 span {
    color: #ff5a01 !important;
    -webkit-text-stroke: 4px #ff5a01;
    -moz-text-stroke: 4px #ff5a01
}

.top-bar-area .item-flex {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.newdesign.banner_area h1 {
    font-weight: 800;
    line-height: 36px;
    font-size: 37px;
    color: #096ad8;
    font-family: poppins
}

.features-area .item p,
.netrix-banner-logo .netrix-logo img,
.qualify_developer_box h2,
.top-bar-area .info ul,
.whitelable-box .contactbtn,
.why_choose_netset.casestudty_slider_sec .heading_new h1,
.writer p+p,
.contect_us_form .form-group {
    margin: 0
}

.top-bar-area .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.ar_app_development .contentttt .row:last-child,
.quote-container.digial_quote_container .close-quote,
.success_content p:last-child,
.tech_casestudy_about .writer p,
.top-bar-area .social ul {
    margin-bottom: 0
}

.newdesign.banner_area p {
    margin-top: 17px;
    font-size: 17px;
    margin-bottom: 52px;
    color: #272727
}

.top-bar-area.bg-theme {
    border-bottom: 1px solid rgba(255, 255, 255, .3)
}

.top-bar-area.inc-pad {
    padding: 15px 0
}

.bg-theme,
.bottom-content-area button {
    background: #086ad8
}

.top-bar-area li:first-child {
    margin: 0;
    padding: 0;
    border: none
}

.choose_use_sction.new_custom_section .why-us h2 {
    font-size: 39px
}

.slider_head .sectionDescription {
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: #7e7e7e !important
}

.resdesign_header .header .btmline {
    margin-top: 17px !important
}

.resdesign_header .header .btmline a {
    display: block;
    margin-top: 8px
}

.headerfixed1 {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #fff
}

.newdesign.banner_area h1 span {
    font-size: 40px;
    border-bottom: 0;
    color: #1a1a1a;
    font-weight: 600;
    margin-bottom: 14px
}

.top_left {
    margin-left: 0;
    padding-left: 0
}

.top-bar-area li {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
    position: relative;
    z-index: 1;
    font-size: 15px;
    color: #fff
}

.Social-icon p a,
.Staff_section.net-fotter .content-net p a,
.about-conversational-ai-content li,
.ai-box-content,
.app_box h2 a,
.bg_orange .heading_new,
.common_sec.country_phone a,
.feature:hover p,
.focus-on-improvement-left,
.full_support .supprt_box,
.header2 .custom_navigation ul li a:hover,
.logo_box.bg_blue h3,
.mvp_dev_process .heading_new h1,
.mvp_dev_process .heading_new h2,
.mvp_dev_process .heading_new p,
.new_headingg.story_heading h1,
.new_headingg.story_heading p,
.orange_button:focus,
.orange_button:hover,
.our_business .heading_new h1,
.our_business .heading_new p,
.outline-main-btn:hover,
.service-banner-content h2,
.service-banner-content h3,
.service-banner-content p,
.solution-content,
.supprt_section .heading_new h1,
.supprt_section .heading_new p,
.talent_boxes:hover a,
.tech_list li figure .fa,
.tiles-layout ul li span.wow:hover h4,
.top-bar-area.bg-dark .info li i,
.top-bar-area.bg-theme .info li i,
.what_apart .heading_lable,
.white,
.white-nft-text {
    color: #fff
}

.knowbtn,
.knowbtn:hover {
    color: #444 !important
}

.top-bar-area i {
    font-size: 16px;
    color: #fff
}

.top-bar-area .info li i {
    margin-right: 5px;
    color: #086ad8
}

.career_section .swiper_user_img p.Review_name {
    color: #333 !important
}

.contactbtn .pulse1 {
    width: 15px;
    height: 15px;
    border-radius: 50px;
    display: inline-block;
    animation: 1.5s infinite pulse1;
    border: 2px solid #fff
}

@keyframes pulse1 {
    0% {
        box-shadow: 0 0 0 0 #fbb32f
    }

    100% {
        box-shadow: 0 0 0 17px #fbb32f01
    }
}

.knowbtn {
    background: 0 0;
    border: 1px solid #bbb;
    padding: 14px 24px;
    font-size: 15px;
    border-radius: 7px
}

.mainhome .header .get_touch_btn:after,
.mainhome .lets_talk .orange_button.roundd_button:after,
.mainhome .white-blink:after {
    box-shadow: 0 0 0 rgb(0 0 0 / 40%);
    animation: 2s infinite pulso2;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: -1px;
    bottom: 0;
    margin: auto
}

.mainhome .header .get_touch_btn {
    border-color: #096ad8 !important;
    background-color: #096ad8 !important;
    color: #fff !important
}

.contactbtn {
    color: #fff !important;
    border: 1px solid #096ad8;
    background: #096ad8;
    margin-left: 10px;
    padding: 14px 30px 14px 24px;
    font-size: 15px;
    border-radius: 7px;
    width: 162px;
    display: inline-flex;
    justify-content: space-between;
    align-items: center
}

.service_offering_menu,
.vision_section {
    background-size: cover;
    background-position: center
}

.newdesign.banner_area p .get_touch_btn {
    background: #0983c5;
    color: #fff
}

.newdesign .owlslider1 {
    padding-bottom: 120px;
    width: 100%
}

.newcase_studies .casestudy_box p {
    min-height: 0;
    padding-bottom: 0;
    text-align: left;
    margin-bottom: 13px;
    line-height: 17px
}

.newcase_studies .casestudy_author {
    padding: 20px 17px 10px 16px;
    text-align: left
}

.cards.newcase_studies li {
    height: 390px
}

.newcase_studies .casestudy_logo {
    min-height: unset
}

.newcase_studies .casetudy_name {
    text-align: left;
    font-size: 21px
}

.newcase_studies .casestudy_box {
    min-height: 100%;
    margin-bottom: 0
}

.new_icon_slider .cta-more-box.arrow.slide-left,
.new_icon_slider .cta-more-box.arrow.slide-right {
    top: 103%
}

.new_icon_slider .case-study-main-box .carousel-wrap .casestudy_box {
    min-height: 100%
}

.new_icon_slider .section-container.section-container-8 {
    padding-bottom: 91px !important;
    padding-top: 85px
}

.newdesign .drop_arrow img {
    filter: brightness(0%) !important
}

.custom_navigation .nav li a {
    color: #fff;
    font-size: 16px;
    padding: 19px 10px
}

.vision_section {
    padding: 130px 0;
    background-image: url('../images/vision_img1.png');
    width: 100%;
    position: relative;
    margin: 130px 0 30px
}

.vision_section:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--headingColor);
    opacity: .7
}

.vision_section h2 {
    padding-top: 0;
    opacity: 1;
    font-size: 45px !important;
    color: #fff;
    text-align: center;
    margin-bottom: 20px
}

.vision_section p {
    font-size: 18px !important;
    color: #fff;
    text-align: center;
    margin: 30px 0
}

.aside-content p,
.contentttt.text-center p,
.openings h2,
.row.vison_row .col-md-6,
.working_withus h1 {
    margin-bottom: 15px
}

.vision_box {
    background-color: #ffffffc9;
    border-radius: 10px;
    padding: 20px;
    height: 100%
}

.vision_section .vision_box p {
    color: var(--headingColor);
    text-align: left;
    margin: 0
}

.new_service_section .vision_box .dropdown:hover svg {
    transform: rotate(90deg);
    transform: .2s ease-in-out
}

.service_offering_menu {
    background-image: url('../images/service-offering.webp');
    padding: 25px 20px !important;
    position: absolute;
    border-radius: 16px !important
}

.service_offering_menu.nftbackground {
    background-image: url('../images/nft-background.webp')
}

.career_section h2 {
    padding-top: 0;
    opacity: 1;
    font-size: 45px !important;
    text-align: center
}

.swiper_user_img {
    position: relative;
    padding-left: 73px
}

.career_section .swiper_user_img h5 {
    color: #333;
    font-size: 15px;
    margin-bottom: 10px;
    padding-left: 0;
    text-transform: uppercase;
    font-weight: 700
}

.career_section .swiper-pagination,
.mainhome .header,
.new_service_section .col-md-3,
.new_service_section .dropdown {
    position: unset
}

.whatsapp a {
    background: #74ab37 !important
}

.telegram a {
    background: #08c !important
}

.skype a {
    background: #00aff0 !important
}

.social-common-box {
    position: fixed;
    right: 96px;
    bottom: 22px;
    z-index: 999;
    display: flex
}

.hover_img img,
.hover_img:hover img {
    transition: .3s ease-in-out
}

@-webkit-keyframes pulse {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
    }

    70% {
        -webkit-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0)
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

@keyframes pulse {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, .4);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, .4)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 10px rgba(204, 169, 44, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(204, 169, 44, 0);
        box-shadow: 0 0 0 0 rgba(204, 169, 44, 0)
    }
}

.content_owl,
.focus_card {
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1)
}

.backgroud_white.slidr-img-sction-lyt,
.career_img,
.certified_logos ul,
.hover_img {
    overflow: hidden
}

.hover_img:hover img {
    transform: scale(1.1)
}

.our-project-content-left,
.our-project-content-right,
.our_techno.cross_platform_sec .techno_tab li,
.process_content.row_second .process_card,
.top-bar-area .col-md-6,
our-project-content-left {
    width: 50%
}

.accordion:hover,
.backgroud_white,
.faq-ai-section .active,
.mainhome .bg_gray {
    background-color: #fff
}

.career_section .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: #ff5a01
}

.career_section .swiper_user_img p {
    font-size: 17px;
    font-weight: 400;
    font-style: italic;
    text-align: left;
    margin: 9px 0 10px
}

.swiper_user_img img {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px;
    border-radius: 100px;
    object-fit: cover;
    top: 50%;
    transform: translate(0, -50%)
}

.section-container-7 .text-center.isactive p {
    color: #7e7e7e !important;
    font-size: 20px;
    line-height: 1.6
}

.career_section {
    padding: 42px 0;
    margin-bottom: 56px
}

.career_section p {
    padding-top: 0;
    opacity: 1;
    font-size: 23px;
    text-align: center;
    color: #7e7e7e !important;
    margin: 17px 0 25px
}

.swiper_carrer {
    width: 450px;
    display: inline-block;
    background: #f3f3f3;
    padding: 29px 20px;
    position: absolute;
    right: 32px;
    bottom: -28px
}

.service_offering_menu.nftbackground:before {
    background-color: #000000a3
}

.service_offering_menu.nftbackground.hiredevlprbackground {
    background-image: url('../images/hire-developer.webp')
}

.service_offering_menu.nftbackground.hiredevlprbackground.becomepartner {
    background-image: url('../images/becompeprtnr.webp')
}

.service_offering_menu p a i {
    background: unset;
    width: unset;
    height: unset;
    border-radius: unset;
    position: unset;
    display: inline-block
}

.service_offering_menu:before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #0a0a0a78;
    border-radius: 16px !important;
    pointer-events: none
}

.service_offering_menu i {
    width: 34px;
    position: absolute;
    right: 13px;
    top: 11px;
    height: 34px;
    background: #fff;
    border-radius: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    cursor: pointer
}

.service_offering_menu h3 {
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 12px;
    color: #fff !important
}

.service_offering_menu p {
    font-size: 18px;
    color: #fff !important
}

.service_offering_menu .btn {
    font-size: 16px;
    margin-top: 15px;
    border: 1px solid #fff;
    color: #fff;
    padding: 20px 50px;
    background: 0 0 !important;
    display: inline-block
}

.mainhome .Staff_section.net-fotter::after,
.mainhome .lets_talk,
.mainhome .logo_box.bg_blue {
    background: linear-gradient(to right, #096ad8 0, #096ad8 50%, #096ad8 100%)
}

.newdesign h6 {
    margin-bottom: 29px;
    color: #1a1a1a;
    font-size: 19px
}

.call_content p,
.our-execution li:nth-child(odd) .excuation-main .excuation-text,
.right_side_nav,
.text_align_img {
    text-align: right
}

.choose_use_sction .why-us h2 {
    font-weight: 600;
    margin-bottom: 25px;
    font-size: 45px
}

.features-area .features-box {
    padding-left: 35px
}

.features-area .item-grid .item:hover,
.features-area .item-grid:first-child .item:first-child,
.features-area .item-grid:last-child .item:last-child {
    background: linear-gradient(90deg, #086ad8 0, #0a3c74 100%);
    color: #fff
}

.features-area .item-grid .item {
    margin-top: 30px;
    transition: .35s ease-in-out
}

.choose_use_sction {
    padding: 70px 0;
    background: #f3f7fd73
}

.features-area .item-grid:first-child .item:first-child .outline_text {
    -webkit-text-stroke: 2px #fff;
    -moz-text-stroke: 2px #b7b7b7;
    position: absolute;
    right: 13px;
    opacity: 1
}

.outline_text {
    -webkit-text-stroke: 2px #fff;
    -moz-text-stroke: 2px lightgrey;
    position: absolute;
    right: 13px
}

.features-area .item {
    padding: 50px 30px;
    background: #fff;
    border-radius: 8px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #80808040
}

.features-area .item>i {
    display: inline-block;
    font-size: 50px;
    margin-bottom: 25px;
    color: #086ad8;
    position: relative;
    z-index: 1
}

.features-area .item h5 {
    font-weight: 600;
    font-size: 22px;
    margin: 11px 0 15px
}

.features-area .item h5 a {
    color: #0e2b3d
}

.flex_row1,
.flexrow_1,
.lotterflex,
.multirow,
.new_talk_section .row,
.nft_banner_section .row,
.whyrow1 {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.features-area .item-grid .item:hover a,
.features-area .item-grid .item:hover i,
.features-area .item-grid .item:hover p,
.features-area .item-grid:first-child .item:first-child a,
.features-area .item-grid:first-child .item:first-child i,
.features-area .item-grid:first-child .item:first-child p,
.features-area .item-grid:last-child .item:last-child a,
.features-area .item-grid:last-child .item:last-child i,
.features-area .item-grid:last-child .item:last-child p {
    color: #fff;
    transition: .35s ease-in-out
}

#it-servive-section,
.casestudy_bannerarea .industry-div,
.features-area .item-grid:first-child,
.hire_easy aside {
    margin-top: 50px
}

.padding_right_col {
    padding-right: 43px
}

.service_offering_menu a {
    margin-top: 0;
    color: #fff;
    font-weight: 300;
    margin-bottom: 8px;
    display: block
}

.vison_row {
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap
}

.new_service_section .btn.dropdown-toggle i {
    color: #fff;
    width: 60px;
    height: 60px;
    background: #096ad8;
    border-radius: 100px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 25px
}

.work-process-area .work-pro-items .item:hover:after,
.work-process-area .work-pro-items .item:hover:before {
    transition-delay: 0s
}

.work-process-area .work-pro-items .item .item-inner:before {
    left: 0;
    top: 0
}

.work-process-area .work-pro-items .item .item-inner:after,
.work-process-area .work-pro-items .item .item-inner:before {
    content: "";
    width: 2px;
    height: 0;
    position: absolute;
    transition: .2s linear;
    background: #086ad8
}

.work-process-area .work-pro-items .item .item-inner:after {
    right: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:after {
    left: 0;
    bottom: 0
}

.work-process-area .work-pro-items .item:after,
.work-process-area .work-pro-items .item:before {
    content: "";
    width: 0;
    height: 2px;
    position: absolute;
    transition: .2s linear;
    background: #086ad8
}

.bottom-content-area h2,
.bottom-content-area p,
.qualify_developer_box2 .tick li,
.qualify_developer_box2 .tick li:before,
.resdesign_header .header .custom_navigation .nav li a {
    color: #000
}

.work-process-area .work-pro-items .item:before {
    right: 0;
    top: 0
}

.mainhome .lets_talk .orange_button.roundd_button {
    color: #096ad8
}

.new_service_section .btn.dropdown-toggle i:hover {
    transform: rotate(90deg);
    transition: .2s ease-in-out;
    background: #ed5f00
}

.new_service_section .btn.dropdown-toggle {
    background: 0 0;
    padding: 0;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important
}

.new_service_section .vison_row {
    position: relative;
    justify-content: center
}

.section-container-2a.paddtop1 {
    margin-top: 20px !important
}

.paddtop {
    padding-top: 0 !important
}

.new_service_section .vision_box {
    text-align: center;
    position: unset;
    background-color: transparent;
    padding: 0
}

.mainhome .common_sec {
    background: #f3f7fd73
}

.new_service_section .dropdown-menu {
    width: 100%;
    top: -80px
}

.new_service_section h5 {
    color: var(--headingColor);
    font-size: 25px;
    line-height: 25px;
    font-weight: 700;
    margin-bottom: 13px
}

.vision_section h5 {
    font-size: 30px;
    margin-bottom: 17px;
    color: #0d6599;
    border-bottom: 2px solid #ff5a01;
    display: inline-block
}

.new_service_section {
    margin-bottom: 35px;
    background: #f3f7fd94;
    padding: 50px 0;
    margin-top: 60px
}

.dropdown-item .nav li a {
    color: #fff;
    font-size: 16px;
    padding-left: 14px;
    padding-right: 14px
}

.dropdown-item {
    display: inline-block;
    width: 49%
}

.dropdown-menu.mega-dropdown-menu .dpd-dropdown {
    padding: 0;
    font-size: 18px;
    margin-bottom: 20px;
    display: inherit;
    color: #333
}

.achive_list li p,
.casestudy_bannerarea .technology_area .text-para,
.dropdown-menu.mega-dropdown-menu .dpd-dropdown .services-dropdown-tag {
    font-size: 14px
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover {
    color: #fff;
    background-color: transparent
}

.get_touch_btn {
    display: inline-block;
    border: 1px solid #fff;
    font-size: 16px;
    color: #fff;
    border-radius: 5px;
    padding: 9px 20px
}

.gift-body {
    padding: 40px 16px
}

.gift-modal {
    height: 276px;
    background-image: url('../img/po.png');
    background-position: top;
    width: 443px;
    position: fixed;
    bottom: 10px;
    z-index: 1024;
    left: 0;
    display: none
}

span.mystry-bag {
    background: var(--headingColor);
    color: #eaeaea;
    padding: 1px 6px;
    border-radius: 10px
}

.right-side-gift-form button {
    font-size: 24px;
    background: #ae0301 !important;
    border: #ffdead;
    width: 157px;
    height: 51px;
    font-weight: 700;
    box-shadow: 2px 2px 2px #6c656552
}

.right-side-gift-form .form-group input {
    height: 48px;
    font-size: 20px;
    border: 1px solid #000
}

.right-side-gift-form h4 {
    font-size: 26px;
    font-weight: 700;
    margin-bottom: 25px
}

.right-side-gift-form {
    text-align: left;
    margin-top: 150px
}

.new-year {
    color: #ffe6c5
}

.gift-now h4 {
    font-size: 18px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    line-height: 24px
}

.gift-now {
    position: absolute;
    right: 32px;
    top: 48px
}

.gift-now .grab-now-a {
    font-size: 13px;
    font-weight: 700;
    background: #ffe6c5;
    border-radius: 30px;
    width: 89px;
    display: block;
    height: 26px;
    text-align: center;
    line-height: 29px;
    color: var(--headingColor);
    margin: 8px auto 0
}

#contct_from_new .modal-header .logo2,
.Staff_section.our-services a.hire_talent,
.banner_area h1 span,
.hidden-share-box.clicked,
.journey_list li span,
.left_heding a,
.our-execution .excuation-main .excuation-img,
.owl-nav div {
    display: inline-block
}

.close-gift-bt {
    background: 0 0;
    border: none;
    width: 40px;
    position: absolute;
    right: -25px;
    top: -3px
}

.dropdown_menu.technology_dropdown .sub_menu ul li,
.forever-content {
    margin-left: 10px
}

.forever-one {
    display: flex;
    align-items: center;
    color: #fff;
    margin-bottom: 10px
}

.forever-content p {
    font-size: 14px;
    font-weight: 100
}

.forever-content h6 {
    font-size: 16px;
    font-weight: 700
}

.get_touch_btn:focus,
.get_touch_btn:hover,
.get_touch_btn:visited {
    color: #fff;
    text-decoration: none
}

.header.affix .get_touch_btn,
.inner_header .get_touch_btn,
.white_header .header .get_touch_btn {
    border: 1px solid #2c2c2c;
    color: #2c2c2c
}

.header.affix .get_touch_btn:focus,
.header.affix .get_touch_btn:hover,
.inner_header .get_touch_btn:focus,
.inner_header .get_touch_btn:hover {
    border: 1px solid #086ad8;
    color: #086ad8
}

.owl-nav div {
    margin: 10px;
    opacity: .3
}

.owl-carousel3 h1 {
    text-align: left;
    width: 95%
}

.owlslider1 {
    display: flex !important;
    flex-direction: column;
    height: 100%;
    padding-bottom: 45px
}

.owl-carousel3 .owl-stage-outer,
.owlslider1 .owl-carousel3 {
    margin-top: auto
}

.cooperation_sec .items_inner:hover .overlay,
.owl-nav div:hover,
.talent_boxes:hover a h5 {
    opacity: 1
}

.form_heading.text-center,
.increase_gowth_sec,
.our_clients .owl-carousel .owl-stage-outer,
.qualify_developer {
    padding: 30px 0
}

.demoowl1 h1 {
    -webkit-text-stroke: 4px white;
    -moz-text-stroke: 4px white;
    color: transparent !important;
    font-size: 135px !important;
    font-weight: 800 !important;
    line-height: 1 !important
}

.banner_area.demo_banner_area {
    position: relative;
    background: url(../images/demoimg.jpg) top center no-repeat;
    background-size: cover !important
}

.banner_area.demo_banner_area:before {
    position: absolute;
    background-color: #00000066;
    content: '';
    top: 0;
    width: 100%;
    height: 100%
}

.banner_area .demoowl1 p,
.banner_area .table_box .table_box_inner p,
.new_how_it_box h6 {
    font-size: 20px
}

.banner_area {
    height: 90%;
    background: url(../images/banner3.jpg) top center/cover no-repeat;
    padding: 95px 0 70px;
    background-position: center
}

.banner_area .container {
    height: 100%;
    position: relative
}

.table_box {
    display: table;
    width: 95%;
    height: 100%
}

.table_box_inner {
    display: table-cell;
    vertical-align: bottom
}

.banner_area h1 {
    font-weight: 600;
    line-height: 70px;
    font-size: 52px;
    color: #c3c3c3
}

.banner_area h1 span {
    color: #fff;
    border-bottom: 5px solid #ef6407
}

.drop_arrow {
    position: absolute;
    right: 0;
    bottom: 60px;
    z-index: 10;
    cursor: pointer
}

.drop_arrow img {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.drop_arrow:hover img {
    transform: translateY(16px);
    -moz-transform: translateY(16px);
    -webkit-transform: translateY(16px);
    -ms-transform: translateY(16px);
    -o-transform: translateY(16px);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s
}

.banner_area p {
    font-size: 18px;
    color: #fff;
    margin-top: 40px
}

.banner_area p .get_touch_btn {
    background: #fff;
    color: #302a28;
    font-weight: 700;
    margin-left: 10px;
    border: none
}

.banner_area p .get_touch_btn:hover,
.white_card:hover h2 {
    background: #ef6407;
    color: #fff
}

.Staff_section,
.blog_sec,
.building_team,
.casestudy_content,
.chatgpt-project-area,
.common_sec,
.error_section,
.hire-devlper-new,
.our_transformations,
.quote-container.digial_quote_container,
.ready_start,
.technologies_section,
.what_do_get,
.what_we_offer,
.who_we_are,
.why_choose_netset.casestudty_slider_sec,
.world_class_talent {
    padding: 70px 0
}

.how_heading h3 {
    font-size: 16px;
    color: #8a8a8a;
    position: relative;
    padding: 0 0 0 50px;
    margin-bottom: 50px
}

.how_heading h3::after {
    content: "";
    width: 700px;
    height: 1px;
    background: #8a8a8a;
    position: absolute;
    top: 8px;
    left: -670px
}

.top-border,
.top_border-two,
.why-us>h5::after {
    position: absolute;
    height: 2px;
    content: ""
}

.main_staff_content {
    background: #fff;
    padding: 40px 30px
}

.main_staff_content h2 {
    font-size: 30px;
    font-weight: 700;
    margin: 40px 0 80px;
    color: #2c2c2c
}

.main_staff_content p {
    font-size: 18px;
    color: #2c2c2c;
    margin-bottom: 40px;
    line-height: 31px
}

.Staff_section.happy-help .lets-talk_btn a span,
.arrow_img img {
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    opacity: .5;
    display: inline-block
}

.Staff_section.happy-help .lets-talk_btn a:hover span,
.main-staff:hover .arrow_img img {
    transform: translateX(10px);
    -moz-transform: translateX(10px);
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    opacity: 1
}

.top-border {
    width: 155px;
    background: #ef6407;
    top: 0;
    left: 0;
    z-index: 2
}

.main-staff:hover .top-border,
.main-staff:hover .top_border-two {
    width: 100%;
    transition: 1.5s
}

.top_border-two {
    width: 155px;
    background: #086ad8;
    top: 0;
    left: 0;
    z-index: 2
}

.Outsourcing_section,
.how_wework,
.service_new_section {
    padding: 100px 0
}

.main_content_outsourcing h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 50px
}

.main_content_outsourcing .our_mission p {
    font-size: 18px;
    line-height: 32px;
    color: #2c2c2c;
    margin: 25px 0 35px
}

.main_content_outsourcing .chek_para p {
    font-size: 18px;
    line-height: 30px;
    color: #2c2c2c
}

.main_content_outsourcing .chek_para img {
    position: absolute;
    left: 0;
    top: 0
}

.main_content_outsourcing .chek_para {
    position: relative;
    margin-top: 35px;
    padding-left: 85px
}

.main_content_outsourcing .chek_para .count_box {
    position: absolute;
    text-align: center;
    left: 0;
    top: 0
}

.Staff_section.our-services p {
    font-size: 14px;
    margin-top: 25px;
    color: #2c2c2c
}

.Staff_section.our-services a:hover p,
.how_wework .carousel-indicators li.active p,
.lets_talk .orange_button.roundd_button:hover {
    color: #086ad8
}

.Staff_section.our-services .how_heading h3 {
    margin-bottom: 80px
}

.Staff_section.our-services,
.Staff_section.our_clients,
.bgg_white,
.fill_bg,
.graph_box .service_line,
.nft-features-area .linee,
.our_business .heading_new .linee,
.success_content,
.white_bg {
    background: #fff
}

.Staff_section.happy-help .help_contet h1,
.Staff_section.our_clients .heading_our h1,
.right_heding h3,
.technology_stacks h1 {
    font-size: 36px;
    font-weight: 700;
    color: #2c2c2c
}

.Staff_section.our_clients .heading_our,
.float-left-new,
.left_handsside .main_base_image,
.main_what_content .right_heding {
    float: left
}

.Staff_section.our_clients .img-right,
.main_what_content .left_heding,
.right_handsside .main_base_image {
    float: right
}

.left_heding a {
    font-size: 16px;
    font-weight: 600;
    color: #086ad8;
    letter-spacing: 1px
}

.left_heding p {
    position: relative;
    padding-bottom: 5px
}

.left_heding p:after,
.left_heding p:before,
.technology_stacks ul li a:after,
.technology_stacks ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    opacity: .2;
    border-bottom: 2px solid #6db8e2
}

.left_heding p:before,
.technology_stacks ul li a:before {
    width: 0;
    opacity: 1;
    border-bottom-color: #086ad8;
    transition: 1s
}

.left_heding p:hover:before,
.technology_stacks ul li a:hover:before {
    width: 100%;
    transition: 1s
}

.main_what_content,
.share-content {
    margin-bottom: 70px
}

.contetn_img h3 {
    margin-top: 30px;
    font-weight: 700;
    line-height: 38px
}

.contetn_img h3 span {
    border-bottom: 3px solid #ef6407
}

.contetn_img p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 10px;
    color: #2c2c2c
}

.contetn_img.two_img {
    padding: 50px 0 0
}

.contetn_img img {
    box-shadow: 7px 0 25px rgba(0, 0, 0, .1)
}

.Staff_section.our_clients .heading_our p,
.technology_stacks h1+p {
    font-size: 18px;
    line-height: 31px;
    margin-top: 10px;
    color: #2c2c2c
}

.covidalert,
.portfolio_text.tab_portfolio ul li:after,
.website_input {
    display: none !important
}

.Staff_section.our_clients .img-right p {
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 2px solid #646363;
    display: inline-block
}

.heading_our {
    width: 39%
}

.img-right ul li {
    list-style: none;
    display: inline-block;
    padding-left: 15px
}

.content_owl {
    padding: 30px 17px;
    text-align: left
}

.main-our-clients {
    margin-bottom: 35px
}

.content_owl p {
    font-size: 18px;
    line-height: 33px;
    color: #2c2c2c;
    margin: 20px 0 40px
}

.Staff_section.our_clients .profile_div img,
.technology_dropdown .title span {
    position: absolute;
    left: 0
}

.Staff_section.our_clients .profile_div h2 {
    font-size: 16px;
    font-weight: 700;
    color: #2c2c2c;
    padding-left: 63px;
    padding-top: 18px
}

.Staff_section.our_clients .profile_div p {
    font-size: 14px;
    color: #7a7a7a;
    padding-left: 63px;
    margin: 0
}

.Staff_section.our_clients .item {
    margin: 0 10px
}

.Staff_section.happy-help .help_contet p {
    font-size: 18px;
    line-height: 31px;
    color: #2c2c2c;
    margin: 30px 0 50px
}

.Staff_section.happy-help .lets-talk_btn a,
.orange_button {
    padding: 20px;
    background: #ef6a22;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    border-radius: 4px
}

.Staff_section.happy-help .lets-talk_btn span {
    margin-left: 30px
}

.Staff_section.net-fotter {
    background: #fff;
    position: relative
}

.Staff_section.net-fotter::after {
    content: "";
    width: 100%;
    background: #086ad8;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.Staff_section.net-fotter .left-content {
    position: relative;
    z-index: 999
}

.Staff_section.net-fotter .content-net {
    padding: 0 0 0 25px
}

.Social a {
    font-size: 20px;
    color: #fff;
    display: inline-block;
    font-weight: 700
}

.Social-icon .footer__copyright,
.Social-icon h5 {
    color: #fff;
    font-size: 16px
}

.right-content {
    position: inherit;
    z-index: 9;
    padding-top: 80px
}

.count_box,
.why-us>h5 {
    position: relative;
    z-index: 1
}

.right-content ul {
    column-count: 2;
    -webkit-column-gap: 100px;
    column-gap: 100px;
    display: block;
    list-style: none;
    padding: 0
}

.right-content .menu li {
    width: 50%;
    display: block;
    margin-bottom: 28px
}

.why-us>h5 {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 32px;
    display: inline-block;
    padding-left: 45px
}

.why-us>h5::after {
    left: 0;
    top: 50%;
    width: 30px;
    background: #232323;
    margin-top: -1px
}

.right-content .footer_text {
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    margin: 20px 0
}

.footer_logo_outer {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 8px;
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px 15px;
    border-radius: 5px;
    text-align: center
}

.footer_logo_outer img {
    height: 60px
}

.top-rated-usa {
    float: left;
    width: 98%;
    background: #fff;
    border-radius: 5px;
    border: 1px solid #ddd;
    text-align: center;
    padding: 10px
}

.top-rated-usa img {
    height: 120px
}

.right-content .links ul {
    width: 100%;
    margin-top: 50px;
    display: inline-block
}

.right-content .menu-footer li a {
    font-size: 18px;
    display: inline-block;
    font-weight: 700;
    color: #fff
}

.Staff_section.what-makes,
.bg_gray,
.common_sec.app_type,
.home_what_apart {
    background: #f3f6f6
}

.Staff_section.why_choose_netset {
    padding: 100px 0 70px
}

.technology_stacks {
    border-bottom: 1px solid #efefef;
    padding: 100px 0
}

.technology_stacks h3 {
    font-weight: 700;
    margin: 40px 0 15px
}

.technology_stacks ul {
    list-style: none;
    padding: 0
}

.journey_list li span.text h3,
.mb-2,
.technology_stacks ul li {
    margin-bottom: 12px
}

.technology_stacks ul li a {
    color: #2c2c2c;
    display: inline;
    position: relative
}

.build_boxes,
.chatgpt-second-area,
.focus_container,
.heading_stats,
.microsoft-innovation .row+.row {
    margin-top: 40px
}

.build_boxes h4 {
    font-weight: 700;
    margin: 15px 0
}

.building_team h1 {
    margin-bottom: 25px;
    font-size: 44px
}

.hire_easy {
    background: #f5f5f5;
    padding: 70px 0
}

.hire_easy h1 {
    font-size: 44px
}

.count_box {
    display: inline-block;
    background: #fff;
    width: 70px;
    height: 70px;
    border-radius: 100%;
    color: #086ad8;
    border: 1px solid #086ad8;
    font-size: 30px;
    line-height: 70px
}

.hire_easy h3 {
    font-weight: 700;
    font-size: 22px;
    padding: 35px 60px 30px;
    line-height: 31px
}

.arrow_line {
    position: absolute;
    left: 0;
    top: 35px;
    width: 40%;
    height: 1px;
    background: #086ad8;
    margin-left: -25px
}

.arrow_line::after {
    position: absolute;
    right: 0;
    top: -14px;
    background: url(../images/process_arrow.png) center no-repeat;
    content: "";
    width: 16px;
    height: 30px
}

.arrow_line.arrow_line2 {
    right: 4px;
    left: inherit;
    opacity: .2
}

.state_line {
    position: absolute;
    right: 0;
    top: 35px;
    background: #086ad8;
    height: 1px;
    width: 58%
}

.world_class_talent h1 {
    font-size: 44px;
    margin-bottom: 10px
}

.talentheading_maxbox {
    max-width: 590px;
    display: inline-block;
    margin-bottom: 50px
}

.talent_outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden
}

.talent_boxes {
    background: #ebeced;
    border-top: 1px solid #d8d8d8;
    border-left: 1px solid #d8d8d8;
    margin: -1px 0 0 -1px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 2 324px;
    flex: 1 2 324px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background .3s;
    transition: background .3s
}

.talent_boxes:hover {
    background: #086ad8;
    -webkit-transition: background .3s;
    transition: background .3s
}

.talent_boxes a {
    display: block;
    padding: 45px 35px 35px;
    color: #000
}

.talent_boxes a h4 {
    font-size: 24px;
    margin: 20px 0 25px
}

.talent_boxes a h5 {
    font-size: 18px;
    margin: 20px 0 0;
    position: relative;
    opacity: 0
}

.talent_boxes a h5:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url(../images/left-arrow.png) center no-repeat;
    width: 23px;
    height: 16px
}

.why_choose_netset {
    padding: 0 0 70px
}

.casestudy_box:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), color-stop(0, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .9)));
    background-image: linear-gradient(180deg, #000, rgba(0, 0, 0, .5) 0, rgba(0, 0, 0, .9));
    -webkit-transition: background-image .2s ease-in;
    transition: background-image .2s ease-in;
    content: " "
}

.casestudy_box:not(.no-hover):hover:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(10, 130, 197, .5)), to(#086ad8));
    background-image: linear-gradient(180deg, rgba(10, 130, 197, .5), #086ad8)
}

.casestudy_image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease-in;
    transition: transform .2s ease-in;
    transition: transform .2s ease-in, -webkit-transform .2s ease-in
}

.casestudy_author,
.casestudy_box p,
.casestudy_logo {
    position: relative;
    z-index: 3
}

.casestudy_image img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-filter: grayscale(80%);
    filter: grayscale(80%)
}

.casestudy_box:hover .casestudy_image {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.casestudy_box:hover .casestudy_image img {
    -webkit-filter: none;
    filter: none
}

.casestudy_logo {
    padding: 20px 30px;
    display: flex;
    font-size: 28px;
    font-weight: 700;
    color: #fff;
    min-height: 110px;
    align-items: center
}

.casestudy_logo img {
    max-width: 135px;
    height: auto
}

.casestudy_box p {
    color: #fff;
    padding: 20px 30px;
    font-size: 20px;
    min-height: 127px
}

.casestudy_author {
    padding: 20px 30px 10px;
    min-height: 125px
}

.casestudy_author p {
    padding: 0;
    font-size: 16px;
    min-height: initial
}

.casestudy_author p.few_more {
    opacity: .7
}

.casestudy_play_video {
    z-index: 3;
    padding: 0 20px 20px;
    color: #fff;
    bottom: 0
}

.casestudy_play_video a {
    border: 2px solid #fff;
    color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 0 !important
}

.why_choose_netset h1,
.why_choose_netset h2 {
    font-size: 44px;
    line-height: 54px
}

.hire_talent {
    background: #ef6a22;
    border: 1px solid #ef6a22;
    color: #fff;
    padding: 15px 30px;
    display: inline-block;
    font-size: 22px;
    border-radius: 5px;
    min-width: 250px;
    margin-top: 25px;
    text-align: center
}

.hire_talent:hover {
    background: #fff;
    color: #ef6a22
}

.product_development_text {
    padding: 70px 0;
    background: #f5f5f5
}

.product_development_text p {
    line-height: 31px;
    margin-top: 15px
}

.top_head_banner {
    position: relative;
    background-color: #fff;
    height: 350px
}

.inner_img_app {
    background-image: url(../images/mobility-banner-new.jpg);
    background-size: cover;
    height: 100%;
    width: 66%;
    background-position: center top
}

.banner_outer_sctn {
    top: 50%;
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    left: 0
}

.banner_inner_text {
    float: right;
    width: 70%;
    padding: 35px;
    background: #ed5f00c4
}

.banner_outer_sctn h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 5px;
    color: #6b3109;
    text-transform: uppercase;
    margin: 0 0 20px
}

.banner_outer_sctn p {
    font-size: 20px;
    line-height: 29px;
    color: #fff
}

.top_bluebar {
    background: #1983c3;
    padding: 200px 0 100px 0;
    color: #fff
}

.newcase_studies .casestudy_logo {
    padding: 20px 16px
}

.cards.newcase_studies .casestudy_box p {
    padding: 0 16px;
    font-size: 13px
}

.top_bluebar h1 {
    font-size: 47px;
    line-height: 61px;
    margin-bottom: 56px;
}

.cooperation_models {
    padding: 80px 0 0
}

.accptnce_section h3 {
    font-weight: 700;
    font-size: 36px;
    letter-spacing: 2px
}

.cooperation_models .inner_accptnc_section {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    background: -moz-linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    background: -webkit-linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    background: -ms-linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    background: -o-linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    padding: 40px 0;
    margin-bottom: 100px;
    position: relative
}

.inner_accptnc_section .items_inner {
    display: block;
    height: 280px;
    margin-bottom: 60px;
    position: relative;
    z-index: 1
}

.inner_accptnc_section .inner_imtem_image {
    bottom: 0;
    left: 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0
}

.inner_imtem_image .img_inner_stcn {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s
}

.overfill_block {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -moz-opacity: .5;
    -khtml-opacity: .5;
    -webkit-opacity: .5;
    opacity: .5;
    background: #1d3763;
    z-index: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.cooperation_sec .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s;
    background-color: #fff;
    z-index: 9999;
    visibility: inherit
}

.cooperation_sec .text {
    color: var(--headingColor);
    font-size: 14px;
    position: absolute;
    text-align: center;
    width: 100%;
    padding: 40px 20px 0
}

.cooperation_sec .text h4 {
    font-weight: 600;
    font-size: 18px
}

.cooperation_sec .text ul {
    margin-top: 18px
}

.cooperation_sec .text ul li {
    text-align: left;
    position: relative;
    padding: 2px 0 2px 20px
}

.cooperation_sec .text ul li::before {
    content: "\f00c";
    font-weight: 400;
    color: #1b86c6;
    position: absolute;
    top: 2px;
    left: 0;
    font-size: 12px;
    font-family: fontawesome
}

.inner_accptnc_section .items_inner:hover .img_inner_stcn {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2)
}

.inner_accptnc_section .items_inner:hover .overfill_block {
    opacity: .8
}

.inner_accptnc_section .items_inner:after {
    background: linear-gradient(to right, #ef6407 0, #f37521 50%, #fd8637 100%);
    bottom: 0;
    content: "";
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    transition: transform .3s;
    transform: translateY(-20px);
    width: 120px;
    z-index: -1
}

.inner_accptnc_section .col-md-3:nth-child(2n) .items_inner:after {
    transform: translateY(20px)
}

.inner_accptnc_section .item__title {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 1.8px;
    line-height: 23px;
    position: absolute;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 0 20px
}

.casestudy_bannerarea .banner-text,
.casestudy_bannerarea .banner-text-nft {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    letter-spacing: normal;
    font-style: normal;
    font-stretch: normal;
    color: #fff
}

.inner_accptnc_section .col-md-3:nth-child(2n) .items_inner:hover:after,
.inner_accptnc_section .items_inner:hover:after {
    transform: translateY(0)
}

.how_wework h1+p {
    max-width: 900px;
    margin: 15px auto
}

.how_wework .carousel-indicators {
    bottom: inherit;
    top: 0;
    width: 100%;
    left: 0;
    text-align: center;
    position: relative;
    margin: 40px 0 80px
}

.how_wework .carousel-indicators li {
    width: 30%;
    text-indent: inherit;
    height: inherit;
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top
}

.how_wework .carousel-indicators li p {
    font-size: 14px;
    margin-top: 10px
}

.how_wework .carousel-indicators li.active .count_box {
    color: #fff;
    background: #086ad8
}

.how_wework .carousel-indicators:after {
    position: absolute;
    top: 36px;
    left: 18%;
    content: "";
    right: 18%;
    height: 1px;
    background: #086ad8
}

.custom_navigation,
.how_wework .carousel-inner h3,
.how_wework .carousel-inner p,
.howit_new_section .right_box .new_how_it_box {
    text-align: left !important;
}

.how_wework .carousel-inner h3 {
    font-weight: 700;
    margin-top: 50px
}

.how_wework .carousel-inner p {
    line-height: 31px;
    margin-top: 20px
}

.how_wework .carousel-inner img {
    max-height: 320px
}

.casestudy_bannerarea {
    background: #299e85;
    padding: 160px 0 50px
}

.casestudy_bannerarea .banner-text {
    margin: 70px 0 0
}

.casestudy_bannerarea .banner-text-nft {
    margin: 10px 0 0
}

.casestudy_bannerarea .banner-head {
    font-size: 44px;
    font-weight: 700;
    line-height: 1.14;
    color: #fff;
    max-width: 100%;
    margin: 40px 0 0
}

.bsc_row_margin_top,
.casestudy_bannerarea .inner-banner-row {
    margin-top: 60px
}

.casestudy_bannerarea .case-sub-head {
    font-size: 24px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 1px;
    color: #fff;
    margin: 0 0 10px
}

.casestudy_bannerarea .text-para,
.goal_top_box span {
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal
}

.casestudy_bannerarea .text-para {
    font-size: 28px;
    font-weight: 700;
    line-height: 25px;
    color: #fff;
    margin: 0
}

.casestudy_content h1 {
    font-size: 38px;
    line-height: 54px
}

.casestudy_content p {
    line-height: 31px
}

.casestudy_content p+p,
.microsoft-innovation p,
.servicee_section .white_card img {
    margin-top: 15px
}

.casestudy_content ul {
    list-style: disc;
    margin: 15px
}

.casestudy_content ul li,
.defiimg_row,
.heading_new.what_we_content p,
.policy_section .page_heading,
.process_box h2,
.tab_text p {
    margin-bottom: 10px
}

.casestudy_aboutarea img,
.casestudy_problemarea img {
    margin-top: 100px
}

.casestudy_content h2 {
    line-height: 40px;
    margin: 25px 0;
    font-size: 22px
}

.casestudy_content h3 {
    font-weight: 700;
    margin: 25px 0 15px
}

.casestudy_resultarea {
    background: #299e85;
    color: #fff;
    position: relative
}

.casestudy_resultarea .container,
.container.bg_Container,
.vr_banner .container {
    position: relative;
    z-index: 1
}

.margin54 {
    margin-top: 54px
}

.margin54 p {
    text-align: justify;
}

.casestudy_resultarea p {
    position: relative;
    text-align: left;
    margin-bottom: 30px;
    padding-left: 30px
}

.casestudy_resultarea p:after {
    position: absolute;
    content: "\f105";
    top: 0;
    font-family: fontawesome;
    left: 0
}

.casestudy_resultarea:after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    width: 100%;
    height: 350px;
    background: #fff
}

.blockchain-development-side,
.casestudy_aboutarea {
    padding-top: 160px
}

.netrix-bannerarea_background {
    background: #11326c
}

.netrix-banner-logo .netrix-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-top: 46px
}

.feature_listarea {
    display: flex;
    margin-top: 20px;
    border: 1px solid #ccc
}

.feature_listarea .feature_listtitle {
    display: flex;
    min-width: 330px;
    text-align: center;
    padding: 10px;
    border-right: 1px solid #ccc;
    font-weight: 700
}

.Outputs_slider .inner-wrap-outer,
.contactBody,
.feature_listarea .feature_listcontent {
    padding: 10px
}

.casestudy_resultarea ul li {
    float: left;
    width: 20%
}

.casestudy_resultarea ul {
    margin: 0;
    list-style: none
}

.casestudy_resultarea ul li h3 {
    color: #e44b65;
    font-size: 18px
}

.casestudy_benefitarea .talent_outer .talent_boxes {
    flex: 1 2 270px;
    -ms-flex: 1 2 270px;
    padding: 40px 20px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background: #424a6c;
    align-items: center
}

.casestudy_benefitarea .talent_outer .talent_boxes img {
    height: 60px;
    width: 60px
}

.casestudy_benefitarea .talent_outer .talent_boxes p {
    line-height: 24px
}

.our_service {
    padding: 100px 0;
    background: #f3f6f6
}

.heading_lable,
.our_service .heading h3 {
    position: relative;
    font-size: 33px;
    line-height: 35px;
    font-weight: 400;
    padding: 0 0 0 15px;
    margin-bottom: 50px
}

.heading_lable:after,
.our_service .heading h3:after {
    position: absolute;
    display: block;
    content: '';
    top: 0;
    left: 0;
    border-left: 5px solid #086ad8;
    height: 100%
}

.service_box .services-card {
    width: 100%;
    height: 430px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef
}

.card_logo {
    background: url(../images/RQ-sprite-image.png);
    height: 80px;
    width: 80px;
    margin: 1.5em;
    display: block
}

.card_logo.digital_markting {
    background-position: -330px -117px
}

.card_logo.data_analytics {
    background-position: -420px -117px
}

.card_logo.staff_argumentation {
    background-position: -510px -117px
}

.card_logo.digital_strategy {
    background-position: -240px -117px
}

.card_logo.nvidia-metaverse {
    background-position: -598px -117px
}

.card_logo.facebook-metaverse {
    background-position: -687px -117px
}

.card_logo.open-metaverse {
    background-position: -776px -117px
}

.service_box .services-card .card-title {
    font-size: 32px;
    line-height: 36px;
    font-weight: 600;
    margin-left: 30px;
    color: #333
}

.service_box .services-card .card-content {
    font-size: 15px;
    line-height: 22px;
    margin: 30px;
    height: 110px;
    overflow: hidden;
    color: #333
}

.service_box .services-card .card-know-more {
    font-size: 16px;
    color: #1a18f7;
    margin: 30px
}

.service_box .services-card .card-know-more a:hover {
    color: #086ad8 !important;
    text-decoration: none !important
}

.about-us-title {
    font-size: 42px;
    letter-spacing: unset;
    padding: 0 4%;
    font-weight: 400;
    position: relative;
    margin: 15px 0 30px
}

.about-us-title::after {
    position: absolute;
    display: block;
    content: '';
    top: 10%;
    left: 0;
    border-left: 5px solid #086ad8;
    height: 75%
}

.content .services-stats-container {
    display: block;
    margin: 20px 0 0
}

.content .services-stats-container .services-stats.projects-stats {
    width: 29%;
    display: inline-block
}

.services-stats-container .services-stats .stats_icon {
    width: 75px;
    height: 75px;
    background-image: url(../images/RQ-sprite-image.png);
    background-repeat: no-repeat;
    position: absolute;
    left: 0
}

.services-stats-container .services-stats .projects-logo {
    background-position: 0 -122px
}

.services-stats-container .services-stats .hours-logo {
    background-position: -80px -122px
}

.leftcol {
    margin-left: auto
}

.rightcol {
    margin-right: auto
}

.services-stats-container .services-stats .team-logo {
    background-position: -160px -122px
}

.product_wrapper .bsc_row_margin_top .service_box .services-card {
    height: unset;
    padding-left: 54px;
    text-align: left;
    padding-right: 51px;
    background: #fff;
    box-shadow: none;
    border: 1px solid #ffd006
}

.contect_us_form input:focus,
.contect_us_form textarea:focus,
.hire_card_list .white_card,
.product_wrapper.chain_feature .service_box .services-card:hover {
    box-shadow: none
}

.common_sec.chain_feature {
    padding: 20px 0;
    background: #fff
}

.bsc_row_margin_top .card_logo.services_card_logo {
    margin: unset;
    position: absolute;
    left: 0;
    top: 54%;
    transform: translate(0, -50%)
}

.bsc_row_margin_top .service_box {
    padding-left: 43px;
    position: relative
}

.services-stats-container .services-stats {
    width: 34%;
    display: inline-block;
    position: relative;
    padding-left: 70px
}

.services-stats-numeral {
    font-size: 30px;
    font-weight: 600
}

.looking_ios_developer,
.our_focus,
.product_wrapper {
    padding-bottom: 70px
}

.focus_banner {
    text-align: center;
    background: url(../images/focus_bg.png);
    color: #fff;
    padding: 70px 0
}

.focus_banner h1 {
    font-size: 42px;
    margin-bottom: 10px
}

.focus_card {
    padding: 50px 30px;
    min-height: 490px
}

.focus_card h3 {
    font-weight: 600;
    margin-bottom: 40px;
    position: relative
}

.focus_card h3::after {
    height: 2px;
    width: 100px;
    background: #ef6a22;
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px
}

.focus_card ul li {
    margin-bottom: 25px;
    font-size: 17px;
    position: relative;
    padding-left: 30px;
    background: url(../images/check.png) 0 5px/18px no-repeat
}

.free_consult {
    padding: 70px 0;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    border-bottom: 1px solid #9fa1a2
}

.roundd_button {
    margin: 15px 0 0;
    display: inline-block;
    border-radius: 50px;
    text-transform: uppercase;
    min-height: 55px;
    line-height: inherit;
    max-width: 160px;
    width: 160px;
    text-align: center;
    border: 2px solid #ed5f00;
    background: 0 0;
    color: #ed5f00;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
    padding: 15px 0 0
}

.roundd_button:hover {
    background: #ed5f00;
    color: #fff
}

.free_consult h1 {
    font-size: 42px;
    font-weight: 700;
    color: #fff
}

.free_consult p {
    font-size: 16px;
    margin: 8px 0 20px;
    color: #fff
}

.blog_sec .heading {
    text-align: center;
    margin-bottom: 40px
}

.blog_content {
    background: #fff;
    padding: 40px;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .1);
    margin: -40px auto 0;
    position: relative;
    width: 90%
}

.blog_content h5,
.tech_box .blg_content h3 {
    margin-top: 0;
    margin-bottom: 10px;
    font-weight: 400;
    font-size: 13px;
    color: #787878;
    text-transform: uppercase
}

.blog_content h4 {
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
    color: var(--headingColor);
    font-weight: 600;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: 71px
}

.hire-devlper-new {
    background-color: #f3f6f6
}

.our-existing-client-new {
    margin: 0 0 35px;
    text-align: center
}

.our-existing-client-new h5 {
    font-size: 16px;
    margin-bottom: 20px;
    font-weight: 700;
    text-align: left
}

div#myCarousel_new ol.carousel-indicators {
    left: 0;
    bottom: 36px;
    text-align: left;
    width: 100%;
    margin: 0
}

.servicebackgrond .product_wrapper .service_box {
    margin-bottom: 30px;
    border: 4px solid #f3f6f6
}

.slider-new .carousel-caption {
    position: unset;
    text-align: left;
    text-shadow: unset
}

.about_p {
    line-height: 1.7
}

.imgbox_1 {
    position: relative;
    z-index: 1024;
    text-align: center;
    display: inline-block
}

.shapeimg {
    position: absolute !important;
    left: -66px;
    top: -35px;
    box-shadow: none !important;
    z-index: 2 !important
}

.imgbox_1 img {
    border-radius: 5px;
    box-shadow: rgb(17 17 26 / 10%) 0 1px 0, rgb(17 17 26 / 10%) 0 8px 24px, rgb(17 17 26 / 10%) 0 16px 48px;
    position: relative;
    z-index: 4
}

.slider-new .carousel-caption h3 {
    color: var(--headingColor);
    font-weight: 700;
    margin-top: 0
}

.slider-new .client_img h3 {
    color: var(--headingColor);
    font-weight: 700;
    margin-top: 0;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

.slider-new .carousel-caption p {
    color: #5c6870;
    letter-spacing: .9px;
    text-shadow: unset;
    margin-bottom: 0
}

.our-existing-client-new span {
    width: 15%;
    display: inline-block;
    text-align: center
}

.our-existing-client-new a img {
    height: 55px;
    margin-bottom: 20px
}

div#myCarousel_new {
    border-bottom: 1px solid #f1f2f2;
    padding: 0 0 50px
}

.about-main-new {
    padding: 32px 15px 10px;
    width: 100%
}

div#myCarousel_new ol.carousel-indicators li {
    background-color: #e5e8e8;
    height: 12px;
    width: 12px;
    border-radius: 100px
}

.red-box,
div#myCarousel_new ol.carousel-indicators li.active {
    background-color: #ed5f00
}

.sucess-sction-ryt .about-main-new {
    padding: 36px 35px
}

.about-main-ryt {
    display: table;
    margin-bottom: 40px
}

.about-main-heg_new,
.about-main-icon {
    display: table-cell;
    vertical-align: middle
}

.infobox p {
    font-size: 18px;
    line-height: normal;
    margin-bottom: 13px;
    margin-top: 13px;
}

.icon-about-main {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin-right: 20px;
    background: #fff;
    border-radius: 50%
}

.sucess-new-icon {
    width: 26px;
    height: 30px;
    background: url(../images/css_sprites_blue.png) -1790px -1667px
}

.bg-part-time-new {
    z-index: 1;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute
}

.icon-about-main .dots {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 0;
    animation: 6s linear infinite dots
}

.animation_on_hover.btn_register_header:hover:before,
.btn_register_header:before,
.portfolio_text .animation_on_hover.btn_register_header:before {
    animation: 2s infinite pulso
}

.icon-about-main .dots .dot1 {
    background-color: #8ad9fd;
    transform: translate(15px, 5px);
    animation: 1.5s infinite alternate dot1
}

.icon-about-main .dots .dot {
    width: 5px;
    height: 5px;
    border-radius: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -3px;
    margin-top: -3px
}

.icon-about-main .dots .dot2 {
    background-color: #b8a6f7;
    transform: translate(-8px, 8px);
    animation: 1.5s .5s infinite alternate dot2
}

.icon-about-main .dots .dot3 {
    background-color: #fac5a7;
    transform: translate(-5px, -12px);
    animation: 1.5s 1s infinite alternate dot3
}

.about-main-heg_new h3 {
    font-weight: 600;
    color: #333
}

.about-main-heg_new h5 {
    color: #5c6870;
    font-size: 17px;
    font-weight: 100;
    line-height: 26px
}

.bg-case-studies-new {
    width: 30px;
    height: 30px;
    background: url(../images/css_sprites_blue.png) -1511px -20px
}

.bg-infographic-new {
    width: 30px;
    height: 28px;
    background: url(../images/css_sprites_blue.png) -1000px -1683px
}

.bg-white-paper-new {
    width: 35px;
    height: 35px;
    background: url(../images/css_sprites_blue.png) -719px -170px
}

.about_us_banner {
    background: url(../images/our-team-landing-bg.png) 0 0/cover no-repeat
}

.about_banner_content {
    color: #fff;
    text-align: center
}

.about_banner_content h1 {
    margin-bottom: 15px;
    font-size: 50px;
    line-height: 60px
}

.about_us_section .about-us-title {
    font-size: 45px;
    letter-spacing: unset;
    padding: 0 4%;
    font-weight: 500;
    position: relative;
    margin-bottom: 40px
}

.our_vision {
    margin-bottom: -120px
}

.team_box.tem_b::after,
.vision-icon.mission_icon {
    background: 0 0
}

.vision-icon.mission_icon img {
    height: 80px;
    margin-top: 28px
}

.our-vision-content-container {
    display: inline-block;
    width: 100%;
    box-shadow: 0 2px 24px #00000029;
    margin-top: 6em;
    background: #fff;
    padding: 30px;
    height: 490px
}

.culture-content-container .culture-content .culture_icon,
.vision-icon {
    background-image: url(../images/aboutus-sprite.png);
    background-repeat: no-repeat
}

.our-vision-content-container .vision-icon {
    width: 110px;
    height: 123px;
    background-position: 0 -175px
}

.our-vision-content-container .title {
    position: relative;
    font-size: 42px;
    padding-left: 20px;
    margin-top: 20px
}

.our-vision-content-container .content {
    font-size: 24px;
    line-height: 42px
}

.our-vision-content-container .tag-container {
    width: 100%;
    margin: 0 auto 3.5em;
    display: block
}

.our-vision-content-container .tag-container .tag1 {
    width: 33%;
    margin: 0 5.7% 0 0;
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    line-height: 28px
}

.our-vision-content-container .tag-container .tag1.tag2 {
    width: 52%
}

.tag1.tag2.divider::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    width: 3px;
    background: #086ad8;
    left: -34px
}

.vision_box .image-container {
    position: absolute;
    top: 3em;
    right: -5em;
    z-index: 1
}

.quote-container {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%)
}

.quote-container .open-quote {
    margin-top: 3em;
    margin-left: 0;
    display: inline-block
}

.quote-container .close-quote {
    margin-right: 0;
    margin-bottom: 4em;
    float: right
}

.quote-container .quote-content {
    position: relative;
    text-align: center;
    font-size: 42px;
    width: 90%;
    margin: 0 auto;
    line-height: 56px;
    padding-bottom: .5em;
    font-weight: 500;
    color: #fff
}

.leftteam .team_bio,
.team1 .team_bio {
    text-align: justify;
    font-size: 18px;
    line-height: 1.6
}

.quote-container .quote-content::after {
    position: absolute;
    content: "";
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 3em;
    border-bottom: 4px solid #fff
}

.our_core_value {
    background: #ef6a22;
    padding: 70px 0 30px
}

.core-values-content {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 7%;
    padding-left: 0
}

.core-values-content::before {
    position: absolute;
    content: "";
    border-left: 4px solid #086ad8;
    height: 6em;
    top: 0;
    left: -1.5em;
    bottom: 0;
    margin: auto 0
}

.core-values-content .numeral {
    display: inline-block;
    vertical-align: top;
    width: 10%;
    position: absolute;
    top: 60px;
    left: -2em;
    font-size: 42px;
    transform-origin: 0 0;
    transform: rotate(-90deg);
    color: #c6c6c6
}

.core-values-content .title {
    font-size: 26px;
    line-height: 45px;
    font-weight: 600
}

.core-values-content .content {
    font-size: 14px;
    line-height: 24px
}

.our_core_value ul li {
    float: left;
    width: 50%;
    margin-bottom: 70px
}

.our_core_value .title.heading_lable {
    font-weight: 600;
    margin-bottom: 20px
}

.ar_app_development .contentttt .row,
.our_business .heading_new,
.our_core_value .sub_headingg,
.our_value .heading_new {
    margin-bottom: 60px
}

.culture-content-container {
    display: block;
    width: 100%;
    margin: 4% auto
}

.culture-content-container .culture-content {
    display: inline-block;
    vertical-align: top;
    width: 32%;
    padding: 0 40px 60px
}

.culture-content-container .culture-content .title {
    font-size: 21px;
    line-height: 26px;
    margin-top: .75em;
    font-weight: 600
}

.culture-content-container .culture-content .content {
    font-size: 16px;
    line-height: 26px;
    margin-top: .75em
}

.culture-content-container .culture-content .culture_icon {
    height: 45px;
    width: 50px
}

.benefits_sctn,
.our_culture,
.our_value,
.our_value.flexi-friendly {
    padding: 70px 0 0
}

.culture-content-container .culture-content .creative-logo {
    background-position: -110px 0
}

.culture-content-container .culture-content .autonomy-logo {
    background-position: -220px 0
}

.culture-content-container .culture-content .responsibility-logo {
    background-position: -325px 0
}

.culture-content-container .culture-content .transparency-logo {
    background-position: -430px 0
}

.culture-content-container .culture-content .mindset-logo {
    width: 60px;
    background-position: -545px 0
}

.about_us_banner.services_banner {
    background: url(../images/services_bg.png)
}

.digital_pro_development {
    background: #f3f6f6;
    padding: 70px 0
}

.about-conversational-ai-space,
.btm_0,
.common_sec.devlpg_sctn.devlpg_new_sctn,
.product_wrapper:last-child {
    padding-bottom: 0
}

.product_wrapper .service_box .services-card .card-title {
    font-size: 18px;
    line-height: inherit;
    margin-left: 0
}

.product_wrapper .service_box .services-card {
    height: 300px;
    color: #333;
    padding: 20px;
    text-align: center
}

.product_wrapper .service_box .services-card:hover {
    box-shadow: 0 3px 25px #d3d5d5
}

.product_wrapper .service_box .services-card p,
.services-card_new p {
    font-size: 18px;
    line-height: 23px;
    margin-top: 10px
}

.card_logo.services_card_logo {
    background: url(../images/service_sprit.png);
    height: 80px;
    width: 80px;
    margin: 0 auto 12px;
    display: block
}

.defiimg_row img {
    width: 72px
}

.deffiloteery_section {
    margin-top: 10px !important
}

.card_logo.services_card_logo.white_label {
    background-position: -80px 0
}

.card_logo.services_card_logo.migration,
.card_logo.services_card_logo.soft_hard {
    background-position: -560px 0
}

.card_logo.services_card_logo.support {
    background-position: -240px -80px
}

.card_logo.services_card_logo.blockchain_app {
    background-position: -80px -80px
}

.card_logo.services_card_logo.bespoke_ecommerce {
    background-position: -160px 0
}

.card_logo.services_card_logo.software_legacy {
    background-position: -643px 0
}

.card_logo.services_card_logo.localization_testing {
    background-position: -1211px 0
}

.card_logo.services_card_logo.performance_testing,
.card_logo.services_card_logo.ux_ui_service {
    background-position: -560px 80px
}

.card_logo.services_card_logo.real_chat {
    background-position: 0 -80px
}

.card_logo.services_card_logo.android_integration,
.card_logo.services_card_logo.crm {
    background-position: -160px -80px
}

.card_logo.services_card_logo.hospital {
    background-position: -320px 0
}

.card_logo.services_card_logo.delivery {
    background-position: -400px 0
}

.card_logo.services_card_logo.parking_management {
    background-position: -480px 0
}

.card_logo.services_card_logo.web_app {
    background-position: -720px 0
}

.card_logo.services_card_logo.legacy_software {
    background-position: -880px 0
}

.card_logo.services_card_logo.crm_exp {
    background-position: -968px 0
}

.card_logo.services_card_logo.chat_bot,
.card_logo.services_card_logo.marketing_bot {
    background-position: 0 80px
}

.card_logo.services_card_logo.blochain,
.card_logo.services_card_logo.customize_bot {
    background-position: -80px 80px
}

.card_logo.services_card_logo.app_support,
.card_logo.services_card_logo.facebook_bot {
    background-position: -160px 80px
}

.card_logo.services_card_logo.business_bot,
.card_logo.services_card_logo.team_staff {
    background-position: -240px 80px
}

.card_logo.services_card_logo.digital_marktingg {
    background-position: -320px 80px
}

.card_logo.services_card_logo.software_testing {
    background-position: -400px 80px
}

.card_logo.services_card_logo.it_service {
    background-position: -480px 80px
}

.card_logo.services_card_logo.business_analysis {
    background-position: -640px 80px
}

.card_logo.services_card_logo.system_analysis {
    background-position: -720px 80px
}

.card_logo.services_card_logo.operation_analysis {
    background-position: -800px 80px
}

.card_logo.services_card_logo.rpa {
    background-position: -880px 80px
}

.card_logo.services_card_logo.ddd_app,
.card_logo.services_card_logo.vr_app {
    background-position: -1050px 0
}

.card_logo.services_card_logo.health_app {
    background-position: -1130px 0
}

.card_logo.services_card_logo.gps_app,
.card_logo.services_card_logo.location_app {
    background-position: -1210px 0
}

.card_logo.services_card_logo.archi_app {
    background-position: -1290px 0
}

.card_logo.services_card_logo.fashion_app {
    background-position: -1373px 0
}

.card_logo.services_card_logo.bio_app {
    background-position: -1130px 165px
}

.card_logo.services_card_logo.dashboard_app {
    background-position: -480px -81px
}

.card_logo.services_card_logo.social_app {
    background-position: -320px -80px
}

.card_logo.services_card_logo.search_app {
    background-position: -725px 0
}

.card_logo.services_card_logo.chat_rbot {
    background-position: 562px -80px
}

.card_logo.services_card_logo.mobile_app {
    background-position: -645px 0
}

.card_logo.services_card_logo.ai_app {
    background-position: -970px 166px
}

.card_logo.services_card_logo.custom_product {
    background-position: -562px 0
}

.card_logo.services_card_logo.blockchain_consult {
    background-position: -320px 83px
}

.card_logo.services_card_logo.private_blockchain {
    background-position: -400px 83px
}

.card_logo.services_card_logo.hyerledger_blockchain {
    background-position: -480px 83px
}

.card_logo.services_card_logo.nft-developement-logo {
    background-position: -1372px 167px
}

.card_logo.services_card_logo.smart_contract {
    background-position: -563px 83px
}

.card_logo.services_card_logo.blockchain_iot {
    background-position: -643px 83px
}

.card_logo.services_card_logo.crypto_exchange {
    background-position: -726px 83px
}

.card_logo.services_card_logo.modernization_service {
    background-position: 156px 0
}

.card_logo.services_card_logo.crm_atrategy {
    background-position: -888px 83px
}

.card_logo.services_card_logo.crm_tech {
    background-position: -970px 83px
}

.card_logo.services_card_logo.mobile_development {
    background-position: 4px 0
}

.card_logo.services_card_logo.custom_web {
    background-position: -77px 0
}

.card_logo.services_card_logo.mvp_development {
    background-position: -807px 0
}

.card_logo.services_card_logo.data_migration {
    background-position: -1130px 83px
}

.card_logo.services_card_logo.erp_confg {
    background-position: -1212px 83px
}

.card_logo.services_card_logo.erp_upgrade {
    background-position: -1290px 83px
}

.service_menu .service_box .services-card {
    background: #f3f6f6;
    box-shadow: 0 3px 25px #e4e4e4
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none
}

.tech_logo {
    max-width: 1500px;
    margin: 0 auto
}

.tech_logo li {
    display: inline-block;
    padding: 20px 29px;
    text-align: center
}

.tech_logo li img {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    height: 46px
}

.tech_logo li img:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

.banner_inner_cntnt {
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    left: 100px;
    max-width: 31%;
    width: 100%
}

.banner_inner_cntnt h1 {
    font-size: 45px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 30px
}

.banner_inner_cntnt p {
    font-size: 18px;
    color: #fff;
    line-height: 29px;
    margin-bottom: 10px
}

.devlpg_sctn a.strt_btn {
    margin: 40px 0 0;
    color: #fff;
    border: 2px solid #fff;
    padding: 12px;
    max-width: 300px;
    width: 100%;
    display: block;
    font-size: 20px;
    border-radius: 4px;
    clear: both;
    text-align: center;
    float: unset
}

.devlpg_sctn .carousel-inner .item img {
    border-radius: inherit;
    width: inherit;
    height: inherit
}

.devlpg_sctn .carousel-indicators li {
    width: 80px;
    border-radius: 1px;
    background: #ddd;
    border: none;
    height: 8px;
    margin: 0 5px
}

.devlpg_sctn .carousel-indicators .active {
    width: 80px !important;
    border-radius: 1px;
    background: #ed5f00;
    height: 10px
}

.benefits_sctn .benefits_details h3 {
    color: var(--headingColor);
    font-size: 55px;
    line-height: 57px;
    margin-top: 0;
    font-weight: 600;
    margin-bottom: 15px
}

.benefits_sctn .benefits_details p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.benefi_inner {
    margin-bottom: 20px;
    min-height: 335px
}

.benefits_sctn .benefi_inner h2 {
    font-size: 18px;
    font-weight: 700;
    margin-top: 6px;
    margin-bottom: 10px
}

.benefits_sctn .benefi_inner h2 span {
    height: 30px;
    width: 30px;
    background: #fff;
    display: inline-block;
    text-align: center;
    padding-top: 7px;
    margin-right: 10px;
    border-radius: 100%;
    border: 1px solid var(--headingColor);
    font-size: 14px
}

.benefits_sctn .benefi_inner p {
    font-size: 16px;
    line-height: 28px
}

.process_content .process_card h3,
.what_get_content h2 {
    font-size: 24px;
    font-weight: 600
}

.solution-main-box a,
.title.heading_lable a {
    color: #fff;
    text-decoration: underline
}

.lets_talk .orange_button.roundd_button {
    float: right;
    margin-top: 0;
    border: 2px solid #fff
}

.common_sec .heading_new,
.methodologies_section .heading_new,
.steps_section .heading_new,
.we_provide_section .heading_new,
.what_get_content {
    margin-bottom: 50px
}

.what_get_content h2 {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px
}

.what_get_content h2::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    border: 6px solid #044ccd;
    border-radius: 100%
}

.our_process {
    padding: 70px 0 10px
}

.process_content .process_card {
    width: 33%;
    padding: 30px;
    position: relative;
    float: left;
    height: 340px
}

.process_content .process_card::after {
    height: 2px;
    width: 100%;
    position: absolute;
    background: #ee6000;
    content: "";
    bottom: 0;
    left: 0
}

.process_content .process_card::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #ee6000;
    border-radius: 100%;
    bottom: -4px;
    left: 0;
    z-index: 9
}

.process_content .process_card .line {
    position: absolute;
    height: 50%;
    width: 2px;
    background: #cbcbcb;
    bottom: 0;
    left: 4px;
    z-index: 1
}

.process_content .process_card .dot1 {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ee6000;
    -webkit-box-shadow: 0 0 0 6px rgba(237, 95, 0, .4), 0 0 0 3px rgba(237, 95, 0, .4);
    box-shadow: 0 0 0 6px rgba(237, 95, 0, .4), 0 0 0 3px rgba(237, 95, 0, .4);
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 10
}

.process_content .process_card h3 span {
    font-size: 40px;
    color: #f9bb91;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle
}

.process_content.row_second .process_card .line {
    top: 0
}

.process_content.row_second {
    padding-left: 15%
}

.fill_bg .custom_navigation .nav li a,
.header ul.dropdown_menu.technology_dropdown h2 a,
.header ul.dropdown_menu.technology_dropdown p.work-with-netset a,
.home_what_apart .heading_lable,
.price_section ul li a,
.what_apart.home_what_apart ul.netset_drive li {
    color: #333
}

.fill_bg .get_touch_btn {
    border: 1px solid #333;
    color: #333
}

.qualify_developer h6 {
    color: #086ad8;
    font-size: 33px;
    margin: 0;
    font-weight: 700
}

.qualify_developer_box {
    background: #086ad8;
    color: #fff;
    padding: 40px 0
}

.tick li {
    color: #fff;
    margin-top: 15px;
    padding-left: 28px;
    position: relative
}

.tick li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--headingColor);
    font-family: FontAwesome
}

.qualify_developer_box2 {
    background: url(../images/dot2.png) #efefef;
    color: #086ad8
}

.get-in-touch-area,
.incident-management,
.rpa_ser,
.spacing_section,
.team_feature {
    padding: 50px 0
}

.team_feature h6.text-center {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px
}

.team_feature p.text-center {
    max-width: 97%;
    margin: 0 auto 30px;
    line-height: 25px
}

.img-circle {
    border-radius: 50%;
    margin-bottom: 20px
}

.team_feature h4 {
    font-weight: 700;
    margin-bottom: 10px
}

.feature_innerbox,
.multi,
.portfolio_text p.for_download_btns,
.why_row {
    margin-top: 25px
}

.x-team {
    padding: 40px 0 60px
}

.step_rpa {
    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 10px;
    line-height: 37px
}

.team_box {
    background: #fff;
    border: 1px solid #e2e2e2;
    height: 340px;
    margin-top: 25px;
    padding: 40px 25px
}

.team_1 .team_box {
    height: 220px;
    min-height: 220px;
    position: relative;
    border-radius: 15px;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05)
}

.team_iconbox {
    background: #1482bf;
    border-radius: 100%;
    display: inline-block;
    height: 86px;
    line-height: 64px;
    width: 86px
}

.team_box p {
    color: #5a5a5a;
    font-size: 16px;
    line-height: 22px;
    max-width: 66%;
    margin: 20px auto
}

.team_1 .team_box::after {
    background: url(../images/right_arrow1.png) 0 0/100% auto no-repeat rgba(0, 0, 0, 0);
    content: "";
    height: 26px;
    position: absolute;
    right: -24px;
    top: 46%;
    width: 16px;
    z-index: 999
}

.workflow {
    background: #1482bf;
    padding: 50px 0
}

.workflow h4 {
    color: #fff;
    font-size: 25px;
    padding-bottom: 20px;
    font-weight: 700
}

.process>li {
    background: url(../images/right_ar.png) left center/23px auto no-repeat rgba(0, 0, 0, 0);
    color: #fff;
    margin: 15px 0;
    padding: 0 15px;
    list-style-type: circle
}

.benefit_con {
    margin: 9px 0;
    min-height: 85px;
    padding: 15px 0
}

.benefit_con>img {
    border-radius: 50%;
    padding: 12px;
    width: 90px;
    position: absolute
}

.benefit_con>p {
    line-height: 27px;
    padding-left: 100px;
    padding-top: 23px;
    position: relative;
    text-align: unset
}

ul.process {
    margin-left: 15px
}

.working_withus .product_wrapper .service_box .services-card {
    min-height: 270px;
    height: auto;
    padding: 30px 20px
}

.product_wrapper .service_box .services-card .card-title span {
    width: 30px;
    height: 30px;
    border: 1px solid var(--headingColor);
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    line-height: 30px;
    font-size: 14px;
    margin-right: 8px
}

.main_boxsection {
    padding: 50px 0 15px
}

.small_boxarea {
    max-width: 900px;
    margin: 0 auto 50px
}

.service_line {
    display: inline-block;
    width: 100px;
    height: 4px;
    background: #1983c3;
    vertical-align: middle;
    margin: 10px 0 20px
}

.table-responsive {
    min-height: .01%;
    overflow-x: auto
}

.table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px
}

.table.stripped-table thead tr th {
    border: 1px solid #dcdcdc !important;
    font-weight: 700;
    font-size: 24px;
    padding: 15px;
    background: #f9fafc
}

.table.stripped-table tbody tr td {
    border: 1px solid #dcdcdc;
    padding: 15px
}

.grey_boxsection,
.table.stripped-table tbody tr:nth-child(2n) td {
    background: #f9fafc
}

.common_section {
    padding-top: 50px;
    position: relative;
    z-index: 99;
    background-color: #fff
}

.graph_box {
    background: url(../images/blue_bg.jpg) 0 0/cover no-repeat;
    color: #fff;
    margin: 20px 0 0
}

.graph_box .small_boxarea {
    margin: 0 auto 30px
}

.graph_img {
    margin: 0 auto;
    display: block
}

.graph_box h2 {
    font-size: 24px;
    margin-bottom: 10px
}

.quality_conbox {
    background: #fff;
    padding: 20px 20px 30px;
    margin-bottom: 25px;
    border-top: 4px solid #1983c3;
    min-height: 270px
}

.quality_conbox p {
    margin-top: 10px;
    color: #999;
    font-size: 16px
}

.why_feature {
    background: #ed6421;
    padding: 50px 0
}

.why_featurebox {
    border: 1px dashed #333;
    position: relative;
    border-radius: 12px;
    padding: 30px 30px 30px 110px;
    font-weight: 700;
    min-height: 112px;
    margin-bottom: 30px;
    color: #333
}

.why_featurebox img {
    position: absolute;
    left: 20px;
    top: 20px
}

ul.netset_drive li {
    float: left;
    width: 20%;
    position: relative;
    padding: 20px
}

ul.netset_drive li h1,
ul.netset_drive li span {
    font-size: 40px;
    font-weight: 700
}

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

.tab_text ul,
ul.netset_drive li p {
    margin-top: 10px
}

ul.netset_drive li:after {
    position: absolute;
    right: 0;
    top: 0;
    content: "";
    background: url(../images/orange_divide_line.png) center no-repeat;
    width: 10px;
    height: 134px
}

.new_talk_section .new_review_img,
ul.netset_drive {
    margin: 25px 0
}

.cost_review_freelancer span {
    display: inline-block;
    color: #333;
    border-right: 1px solid #333;
    padding: 0 16px 0 22px;
    vertical-align: middle
}

.achive_list .row li:last-child,
.company_count li:last-child,
.cost_review_freelancer span:last-of-type,
.hiring_modell .common_list li:last-child,
.tab_label ul li:last-child {
    border-right: none
}

.cost_review_freelancer {
    display: table;
    margin: 0 auto 40px;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px 0
}

.portfolio_headarea.lottery_headarea {
    padding: 175px 0 80px
}

.portfolio_headarea .container aside {
    padding: 0;
    color: #fff
}

.portfolio_headarea .container aside h1 {
    font-size: 52px;
    margin: 23px 0;
}

.portfolio_headarea .container aside h4,
.portfolio_headarea .container aside p {
    font-size: 20px;
    max-width: 90%;
    margin-bottom: 10px;
    line-height: 30px;
    color: var(--paragraphColor) !important;
}

.portfolio_headarea .owl-carousel {
    width: 50% !important;
    right: -5%;
    float: right
}

.portfolio_headarea .owl-carousel .item figcaption {
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding: 10px;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), #000)
}

.portfolio_headarea .owl-carousel .item figcaption h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.42;
    color: #fff;
    margin: 0
}

.portfolio_headarea .owl-carousel .item figcaption p {
    font-size: 18px;
    line-height: 1.33;
    color: #fff;
    text-transform: uppercase
}

.portfolio_headarea .owl-carousel .item img {
    display: block;
    width: 100%
}

.portfolio_headarea .owl-carousel .owl-item {
    transition: .5s;
    transform: scale(.9) !important;
    transform-origin: right
}

.portfolio_headarea .owl-carousel .owl-item.firstActiveItem {
    transform: scale(1) !important
}

.common_inner_box {
    width: 100%;
    height: 100vh;
    position: relative;
    background: #000
}

.btn_register_header:before,
.common_inner_box .container,
.img_center_mobile {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0
}

.main_base_image {
    width: 50%;
    height: 100vh;
    object-fit: cover
}

.common_inner_box .container {
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start
}

.left_handsside .container {
    justify-content: flex-end
}

.img_center_mobile {
    height: 80%;
    left: 0;
    right: 0;
    width: 330px;
    object-fit: scale-down
}

.right_handsside .img_center_mobile {
    left: 15%
}

.left_handsside .img_center_mobile {
    left: -15%
}

.right_handsside .portfolio_text {
    padding-right: 12% !important
}

.left_handsside .portfolio_text {
    padding-left: 12% !important
}

.portfolio_text h1 {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.2;
    color: #fff
}

.portfolio_text img {
    width: 110px;
    display: block !important;
    margin-bottom: 15px
}

.portfolio_text h5 {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.3;
    color: #fff;
    margin: 20px 0
}

.portfolio_text p {
    font-size: 18px;
    line-height: 1.56;
    color: #fff;
    margin: 0
}

.portfolio_text p a {
    display: inline-block;
    width: 20px;
    vertical-align: sub;
    margin-left: 15px
}

.portfolio_text p a img {
    width: 100% !important;
    margin: 0
}

.portfolio_text ul {
    list-style: none;
    padding: 0;
    margin: 25px 0;
    display: flex;
    flex-wrap: wrap
}

.btn_register_header,
.case_study_btngroup i {
    display: inline-block;
    vertical-align: super;
    color: #fff
}

.portfolio_text ul li {
    width: 33.333%;
    text-align: left;
    padding: 0 !important;
    border: none !important
}

.portfolio_text.tab_portfolio ul li {
    width: 30% !important;
    margin-left: 0 !important
}

.portfolio_text ul li big {
    display: block;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.26;
    text-align: left;
    color: #fff
}

.portfolio_text ul li small {
    font-size: 14px;
    line-height: 1.57;
    text-align: left;
    color: #fff
}

.btn_register_header {
    border-radius: 1.5px;
    border: 1px solid #70aa26;
    background-color: #70aa26;
    padding: 9px 20px 9px 47px;
    position: relative
}

.animation_on_hover.btn_register_header {
    font-size: 18px;
    padding: 13px 20px 13px 47px
}

.portfolio_text .animation_on_hover.btn_register_header {
    background-color: transparent;
    border: 1px solid #fff;
    position: relative;
    opacity: 0;
    transition: .5s;
    opacity: 1;
    top: 0;
    margin-top: 50px
}

.btn_register_header:before {
    box-shadow: 0 0 0 rgba(255, 255, 255, .4);
    animation: pulso 2s infinite;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto
}

.case_study_btngroup i {
    font-style: normal;
    font-size: 18px;
    line-height: 1.3;
    padding: 0;
    margin-left: 25px;
    cursor: pointer;
    border-bottom: 1px solid #fff
}

.portfolio_text .animation_on_hover.btn_register_header:focus,
.portfolio_text .animation_on_hover.btn_register_header:hover {
    background-color: #000 !important;
    color: #fff
}

@keyframes pulso {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.port_tabing_system {
    position: relative;
    float: left;
    width: 100%
}

.tabber_tab_port {
    width: 20%;
    float: right;
    background-color: #f4f9ff;
    position: relative;
    z-index: 9
}

.tabber_tab_port li {
    width: 100%;
    display: block;
    padding: 0;
    border: 1px solid #fff;
    background-color: #fff
}

.tabber_tab_port li a {
    padding: 20px 30px;
    display: block;
    transition: .5s
}

.tabber_tab_port li.active a {
    background-color: #eee
}

.tabber_tab_port li a b {
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    color: #131d2b
}

.tabber_tab_port li a span {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    text-align: left;
    color: #131d2b
}

.tabber_project {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0
}

.tabber_project .tab-pane .container {
    padding-right: 10%;
    height: 100%
}

.row-flexible-center {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%
}

.orange_lettalk {
    background-color: #ed5f00;
    padding: 30px
}

.grow_business_bg {
    background: url(../images/professional_talk.png) left top/contain no-repeat;
    padding: 80px
}

.orange_lettalk h4 {
    font-size: 32px;
    font-weight: 700;
    line-height: 1.44;
    text-align: left;
    color: #fff;
    margin-bottom: 30px
}

.orange_lettalk .btn_register_header {
    color: #ed5f00 !important;
    border: 1px solid #fff;
    background-color: #fff
}

.orange_lettalk .btn_register_header:before {
    border: 3px solid #ed5f00
}

.orange_lettalk .btn_register_header:hover {
    background-color: var(--headingColor);
    color: #fff !important
}

.grow_business,
.space {
    padding: 150px 0
}

#contct_from_new,
.lets-talk .modal-body {
    padding: 0 !important
}

#contct_from_new .modal-dialog,
#contct_from_new .modal-dialog .modal-content {
    background: 0 0;
    border: unset;
    border-radius: unset;
    box-shadow: unset
}

#contct_from_new .modal-dialog {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    background: #fff;
    height: auto;
    min-height: 100%
}

#contct_from_new .modal-header {
    padding: 20px 100px
}

#contct_from_new button.close {
    line-height: 71px;
    font-size: 40px
}

#contct_from_new h4.modal-title img {
    max-width: 170px
}

#contct_from_new .modal-body {
    padding: 100px
}

#contct_from_new .modal-dialog .modal-content .modal-body {
    padding: 30px 100px
}

.styled-select select {
    font-size: 14px;
    color: #999;
    width: 100%;
    position: relative;
    height: 43px;
    padding: 5px 0 5px 5px;
    background: #fff;
    border: none;
    -webkit-appearance: none
}

.styled-select .fa.fa-sort-desc {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 18px
}

.contact_skype {
    color: #1983c3 !important
}

.contact-side-area i {
    color: #086ad8;
    font-size: 20px;
    margin-right: 8px
}

.team_bg {
    background: url('../images/team_bg.jpg') center/cover;
    width: 100%;
    height: 600px;
    position: relative
}

.team_bg:before {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: #ef640738
}

.team_img {
    position: absolute;
    left: 0;
    bottom: -1px
}

.team1 .team_bio {
    padding: 22px 0 0 269px
}

.social_handle {
    margin-top: 14px
}

.social_handle i {
    color: #808080c7;
    font-size: 17px
}

.social_handle .fa.fa-linkedin-square {
    margin-left: 9px
}

.color_section {
    background: #f3f6f6;
    padding: 98px 0
}

.leftteam .team_img {
    right: 0;
    top: 17px;
    left: unset
}

.leftteam .team_bio {
    padding: 22px 269px 0 0
}

.team1 h2 {
    font-size: 35px;
    font-weight: 600
}

.team1 .des {
    color: grey;
    padding-top: 4px;
    margin-bottom: 18px
}

.solution_tab ul {
    margin: 0;
    border-bottom: 0
}

.solution_tab ul li a {
    border: 1px solid #ddd;
    color: #888;
    text-align: center;
    padding: 23px 10px
}

.solution_tab ul li {
    width: 33%
}

.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.solution_tab ul li.active>a {
    background: #209f85;
    color: #fff
}

.solution_tab {
    margin-top: 35px
}

.tab-content .tab-pane ul li {
    width: 100%;
    margin-left: 15px
}

.heading_new .global-heading,
.heading_new h1,
.heading_new h2 {
    font-size: 35px;
    font-weight: 400;
    display: block;
}

section.common_sec.our_techno.price_section.bg_gray .heading_new h2,
.common_sec .heading_new h2,
section.common_sec.app_type.webapp_box_section .heading_new h2,
section.digital_pro_development.common_sec.partnerships_strategic.full-stack-area-usa .heading_new h2 {
    color: var(--headingColor);
}

.story_heading.new_headingg p {
    margin-bottom: 6px
}

.linee {
    height: 4px;
    width: 100px;
    background: #096ad8;
    margin: 30px auto
}

.our_business {
    padding: 70px 0;
    background: linear-gradient(97deg, #086ad8 0.39%, #2550D4 35.05%, #1F23CE 68.05%, #086ad8 99.26%);
}

.value_box,
.white_card {
    box-shadow: 0 0 1px 1px #e8ebf1;
    transition: .3s ease-in-out;
    background: #fff
}

.our_business .white_card {
    margin-bottom: 30px;
    border-radius: 10px
}

.white_card {
    padding: 20px 15px;
    min-height: 350px
}

.white_card:hover {
    margin-top: -20px !important;
    padding-top: 45px;
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13)
}

.white_card h2 {
    width: 65px;
    height: 65px;
    line-height: 65px;
    display: block;
    margin: 20px auto 0;
    border-radius: 100%;
    font-size: 28px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .25);
    color: #086ad8;
    background-color: #fcfcfd;
    transition: .3s ease-in-out;
    padding: 0
}

.development_process .white_card h3 {
    color: #333;
    margin: 20px 0 40px;
    font-weight: 600;
    position: relative;
    font-size: 32px;
    line-height: 36px
}

.development_process .white_card h3::after {
    position: absolute;
    height: 2px;
    width: 150px;
    content: "";
    background: #086ad8;
    left: 0;
    bottom: -10px
}

.development_process .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px;
    box-shadow: 0 0 1px 1px #e8ebf1
}

.value_box {
    padding: 25px 15px;
    text-align: center
}

.accordian_box h3,
.career_header,
.logo_box.bg_blue,
.nft-dots-tabs li.active a {
    background: #ef6407
}

.our_value .white_card {
    min-height: 290px
}

.logo_box {
    width: 20%;
    float: left;
    border: 1px solid #e8ebf1;
    padding: 0;
    min-height: 350px;
    height: auto;
    text-align: center
}

.logo_box h3 {
    margin-top: 20px;
    color: #333;
    padding: 0 20px;
    font-size: 18px
}

.logo_big {
    display: inherit;
    padding-top: 120px
}

.logo_small {
    padding: 45px 0;
    display: inherit
}

.logo_box.last_logo .logo_small {
    padding: 23px 0;
    display: inherit
}

.achive_list .row:first-child,
.logo_box .logo_small:first-child {
    border-bottom: 1px solid #e8ebf1
}

.first_row span,
.left_imag {
    width: 50%;
    float: left
}

.right_imag {
    width: 50%;
    float: right
}

.second_row.text-center {
    background: rgba(10, 130, 179, .5);
    padding: 50px 0;
    color: #fff;
    position: absolute;
    bottom: 0;
    width: 100%
}

.first_row img,
.third_row img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

.round_btnnn {
    background: #fff;
    padding: 10px 20px;
    border-radius: 60px;
    margin-top: 15px;
    display: inline-block
}

.engagement_sprit,
.tab_text ul li .price_icon {
    background-image: url(../images/engagement-model-sprite-icon.png);
    background-repeat: no-repeat
}

.journey_list li {
    width: 50%;
    margin: 0 !important;
    padding: 0;
    float: left;
    list-style: none;
    position: relative;
    height: 186px
}

.journey_list li span.text {
    width: 70%;
    padding: 0 40px
}

.journey_list {
    padding: 0 40px
}

.achive_list li {
    display: inline-block;
    width: 24%;
    position: relative;
    padding: 30px 0 30px 100px;
    vertical-align: top;
    border-right: 1px solid #e8ebf1
}

.achive_list li img {
    position: absolute;
    left: 30px;
    height: 45px
}

.achive_list li h1 {
    font-weight: 400;
    font-size: 30px
}

.line_box img,
.line_box2 img {
    float: left;
    left: -60px;
    position: absolute;
    top: 94px;
    height: 108px
}

.line_box.line_box2 img {
    right: -23px;
    left: inherit;
    transform: rotate(255deg)
}

.our_transformations.our_journey {
    padding: 70px 0 130px;
}

.business_binding .white_card h3 {
    margin: 20px 0 18px;
    font-weight: 600;
    font-size: 20px
}

.business_binding .white_card p,
.methodologies_section .white_card p,
.tech_content .details {
    font-size: 16px
}

.business_binding .white_card {
    min-height: 330px
}

.business_binding .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px
}

.new_headingg.story_heading {
    background: url(../images/story_bg_top.png) center/cover;
    padding: 100px 0
}

.price_section .nav.nav-tabs {
    display: inline-block;
    border: none;
    margin-top: 20px
}

.price_section .nav.nav-tabs li a::after {
    position: absolute;
    top: -60px;
    left: 0;
    margin: 0 auto;
    right: 0;
    background: url(../images/engagement-model-sprite-icon.png) no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    width: 50px;
    height: 50px;
    content: "";
    visibility: visible
}

.price_section .nav.nav-tabs li a.time::after {
    background-position: -108px -9px
}

.price_section .nav.nav-tabs li a.team::after {
    background-position: -207px -7px
}

.price_section .nav-tabs li a:focus,
.price_section .nav-tabs li a:hover {
    background: #fff;
    border-bottom: 1px solid #fff;
    border-color: #fff
}

.price_section .nav-tabs li.active a {
    border: none;
    border-bottom: 1px solid #086ad8;
    color: #ef6407
}

.price_section .nav-tabs li.active a:hover {
    border-bottom: 1px solid #086ad8
}

.price_section .nav.nav-tabs li a.fixed_price:after {
    background-position: -9px -9px
}

.tab_text ul li .price_icon {
    width: 50px;
    height: 50px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 8px
}

.price_icon.time {
    background-position: -1099px -7px
}

.price_icon.well_defined {
    background-position: -1196px -7px
}

.price_icon.risk {
    background-position: -1296px -8px
}

.price_icon.room {
    background-position: -1395px -7px
}

.tab_text ul li p {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 0
}

.tab-content .tab_text ul li {
    float: left;
    width: 50%;
    margin-left: 0;
    padding: 20px 0 20px 60px;
    position: relative
}

.common_sec.price_section .tab-content {
    padding: 40px 0 0
}

.tab_text .benefits-tab-heading,
.tab_text h3 {
    font-size: 34px;
    margin-bottom: 10px;
    display: block
}

.methodologies_section .white_card {
    padding: 35px 15px;
    min-height: 400px
}

.methodologies_section .white_card .title {
    position: relative;
    padding: 0 0 0 80px;
    margin-bottom: 25px
}

.methodologies_section .white_card .title .engagement_sprit {
    position: absolute;
    left: 0;
    top: -15px
}

.methodologies_section .white_card .title h3 {
    margin: 8px 0 4px
}

.methodologies_section .white_card ul {
    margin: 15px 0 0
}

.methodologies_section .white_card ul li {
    position: relative;
    padding-left: 30px
}

.methodologies_section .white_card ul li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #086ad8;
    left: 0;
    border-radius: 100%;
    top: 8px
}

.engagement_sprit {
    width: 65px;
    height: 65px;
    display: block;
    background-position: -2px -101px
}

.engagement_sprit.waterfall {
    background-position: -102px -101px
}

.engagement_sprit.kanban {
    background-position: -203px -101px
}

.accordian_box .panel-title>a:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f068";
    padding-right: 5px;
    font-size: 12px;
    padding-top: 4px
}

.accordian_box .panel-title>a.collapsed:before {
    float: right !important;
    content: "\f067";
    font-size: 12px;
    padding-top: 4px
}

.accordian_box .panel-title a {
    width: 100%;
    display: inherit;
    color: var(--headingColor);
}

.accordian_box h3 {
    color: #fff;
    padding: 15px 10px;
    font-size: 20px
}

.accordian_box .panel-group .panel {
    border-radius: 0
}

.accordian_box .panel-heading {
    padding: 13px 15px;
    background: #fff
}

.accordian_box .panel-title {
    font-size: 18px
}

.app_banner.website_banner {
    position: relative;
    background-color: #fff;
    height: 350px;
    clear: both;
    margin-top: 100px;
    width: 100%
}

.first_section.text-center.job_submission h4,
.portfolio_img,
.tab_label {
    margin-bottom: 40px
}

.tab_label ul {
    display: inline-block;
    border: none
}

.tab_label ul li {
    border-right: 1px solid var(--headingColor);
    padding: 0 20px
}

.tab_label ul li a {
    border-radius: 8px;
    padding: 5px 35px;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 600;
    color: #333
}

.tab_label ul li.active a {
    border: 1px solid #ef6407;
    color: #ef6407
}

.adv_technology .tab_label ul li a:focus,
.adv_technology .tab_label ul li a:hover,
.adv_technology .tab_label ul li.active a:hover {
    color: #ef6407;
    border: 1px solid #ef6407;
    background: #fff
}

.tech_box {
    border: 1px solid #ebeaea
}

.tech_box .tech_content {
    padding: 20px
}

.tech_content h3 a {
    color: #33333f;
    font-size: 20px;
    display: inherit;
    margin: 0 0 5px;
    line-height: 27px
}

.tech_content .tag {
    margin: 8px 0;
    font-size: 16px;
    color: #787878
}

.tech_content .tag a {
    margin-right: 5px;
    color: #787878
}

.header ul.dropdown_menu.company_dropdown {
    max-width: 440px
}

.header ul.dropdown_menu {
    box-shadow: 0 2px 2px #e8e8e8;
    background: #fff;
    min-width: 270px;
    border-radius: 5px;
    transition: .3s ease-in;
    visibility: hidden;
    opacity: 0;
    padding-top: 10px;
    transform: translateX(-50%) scale(.9);
    margin-left: 35px;
    position: absolute;
    z-index: 99999999
}

.custom_navigation.navbar-default ul li:hover .dropdown_menu {
    transition: .3s ease-in;
    transform: translateX(-50%) scale(1);
    opacity: 1;
    top: 100%;
    visibility: visible;
    box-shadow: 0 0 30px rgba(0, 0, 0, .2);
    background: #fff;
    border-radius: 5px;
    padding: 20px 25px
}

.custom_navigation.navbar-default li .dropdown_menu li a {
    font-size: 16px;
    padding: 8px 4px;
    color: #333;
    border: 1px solid #fff;
    display: inline-block;
    width: calc(100% - 35px)
}

.custom_navigation.navbar-default li .dropdown_menu li a:hover {
    background: rgba(239, 100, 7, .1);
    border: 1px solid #fc802c
}

.custom_navigation.navbar-default li .dropdown_menu li a .fa {
    padding: 0 13px 0 0;
    color: #ef6407
}

.custom_navigation.navbar-default li ul.dropdown_menu::after {
    content: "";
    background: #fff;
    border-radius: 5px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: -8px;
    transform: rotate(45deg)
}

.dropdown_menu.technology_dropdown .sub_menu ul li::after,
.sub_menu ul li::after {
    position: absolute;
    background: #fc802c;
    border-radius: 100%;
    left: -10px;
    height: 6px;
    width: 6px;
    content: ""
}

.header ul.dropdown_menu.technology_dropdown {
    min-width: 1000px
}

.header ul.dropdown_menu.technology_dropdown .title {
    color: #333;
    padding: 0 0 0 32px;
    position: relative;
    display: inherit
}

.header ul.dropdown_menu.technology_dropdown .title h4 {
    font-size: 20px;
    margin-bottom: 8px
}

.sub_menu {
    display: inline-block;
    margin-top: 20px;
    vertical-align: top
}

.company_menu,
.services_menuu {
    background-repeat: no-repeat;
    height: 26px;
    background-size: auto 22px;
    vertical-align: middle;
    display: inline-block
}

.sub_menu ul {
    margin-bottom: 15px;
    margin-left: 0
}

.showmenu li,
.sub_menu_title {
    margin-bottom: 5px;
    font-size: 16px
}

.sub_menu_title {
    color: #fc802c !important
}

.sub_menu ul li::after {
    top: 17px
}

.custom_navigation.navbar-default li .dropdown_menu.technology_dropdown li a {
    font-size: 15px;
    padding: 5px 4px
}

.dropdown_menu.technology_dropdown .sub_menu ul li::after {
    top: 14px
}

.header ul.dropdown_menu.technology_dropdown h2,
.header ul.dropdown_menu.technology_dropdown p.work-with-netset {
    font-size: 18px;
    text-transform: uppercase;
    text-align: center;
    margin: 20px 0 0
}

.company_menu {
    background-image: url(../images/company_menu_sprite.png);
    width: 26px;
    margin-right: 4px
}

.company_menu.life_netset {
    background-position: -183px 4px
}

.company_menu.process {
    background-position: -236px 0
}

.company_menu.engagement {
    background-position: -52px 0
}

.company_menu.resources {
    background-position: -104px 0
}

.company_menu.careers,
.services_menuu.it_stuff_argu {
    background-position: -130px 0
}

.company_menu.partner_netset {
    background-position: -210px 0
}

.services_menuu {
    background-image: url(../images/services_menu_sprite.png);
    width: 24px
}

.bag,
.boy {
    height: 64px
}

.services_menuu.bespoke_web {
    background-position: -20px 0
}

.services_menuu.app_mainten,
.services_menuu.technologies_menu {
    background-position: -87px 0
}

.services_menuu.app_modernization {
    background-position: -43px 0
}

.services_menuu.nft-development-icon {
    background-position: -156px 0
}

.services_menuu.quality_assurance {
    background-position: -66px 0
}

.services_menuu.dedicated_team {
    background-position: -109px 0
}

.services_menuu.telemed-menu-icon {
    background-position: -178px 0
}

.services_menuu.foodpro-menu-icon {
    background-position: -203px 0
}

.services_menuu.ondemand-pro-menu-icon {
    background-position: -226px 0
}

.services_menuu.delivery-pro-menu-icon {
    background-position: -257px 0
}

.services_menuu.ai-menu-icon {
    background-position: -282px 0
}

.dropdown_menu.services_dropdown {
    width: 740px
}

.dropdown_menu.solutions-dropdown {
    width: 470px
}

.dropdown_menu.services_dropdown>li,
.menu_sec {
    width: 49%;
    display: inline-block;
    vertical-align: top
}

.dotted_box a,
.showmenu .last_chld a {
    display: inherit
}

.dropdown_menu.services_dropdown .sub_menu {
    margin: 0 0 0 35px
}

.custom_navigation.navbar-default li .dropdown_menu.services_dropdown .sub_menu li a {
    font-size: 15px;
    padding: 8px 4px;
    width: 100%
}

.selesen {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.cotimg {
    margin: 10px
}

.bag,
.boy,
.envlope {
    margin-right: 5px;
    vertical-align: middle
}

.boy {
    width: 54px;
    background: url(../images/new-sprit_img.png) no-repeat;
    display: inline-block
}

.contactlist {
    width: 280px
}

.showmenu {
    display: block !important;
    float: left;
    position: static !important;
    margin-top: 9px;
    padding-left: 0;
    margin-left: 0
}

.bag,
.envlope,
.technologies ul li {
    display: inline-block
}

.showmenu li {
    float: left;
    width: 100%;
    color: #333;
    cursor: pointer
}

.showmenu li img {
    margin: 5px
}

.custom_navigation.navbar-default .dropdown_menu .last_chld a {
    padding: 7px 5px
}

.fz-12 {
    font-size: 16px;
    margin-bottom: 10px;
    color: #000
}

.bdtop {
    border-top: 1px solid #ccc;
    padding-top: 14px
}

.bag {
    width: 54px;
    background: url(../images/new-sprit_img.png) -60px 0 no-repeat
}

.envlope {
    height: 29px;
    width: 34px;
    background: url(../images/new-sprit_img.png) -170px -18px no-repeat
}

.erp_box,
.info_box {
    vertical-align: top
}

.dropdown_menu.company_dropdown.contact_us_dropdown {
    max-width: 440px !important
}

.contacheader {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #ccc;
    font-size: 16px;
    color: #333;
    font-weight: 600
}

.error_section p {
    padding: 15px 0 50px
}

.error_section a {
    max-width: 250px;
    width: 100%;
    border-radius: 60px;
    background: #096ad8;
    margin: 0 5px;
    border: 2px solid #096ad8;
    padding: 15px
}

.error_section h1 {
    font-size: 50px
}

.orange_button.back_btnn {
    background: #fff;
    color: #086ad8
}

.error_section img {
    height: 430px;
    margin: 40px 0
}

.hire_icon {
    background-image: url(../images/hire-python-developers-sprite.png);
    background-repeat: no-repeat;
    height: 70px;
    width: 70px;
    margin: 0 auto
}

.hire_icon.hire1 {
    background-position: -593px -562px
}

.hire_icon.hire2 {
    background-position: -692px -562px
}

.hire_icon.hire3 {
    background-position: -790px -562px
}

.hire_icon.hire4 {
    background-position: -890px -562px
}

.hire_icon.hire5 {
    background-position: -990px -562px
}

.hire_icon.hire6 {
    background-position: -1095px -562px
}

.hire_card_list .white_card:hover {
    margin-top: 0 !important;
    padding-top: 20px;
    box-shadow: none
}

.hire_card_list .white_card .linee {
    width: 70px;
    background: #ddd
}

.dotted_box {
    background: #fff;
    border: 1px dashed #086ad8;
    padding: 20px 25px;
    text-align: center;
    margin-bottom: 30px
}

.dotted_box a {
    margin-top: 10px
}

.dotted_box .hire_icon {
    width: 110px
}

.hire_icon.industry1 {
    background-position: 5px -446px
}

.hire_icon.industry2 {
    background-position: -128px -446px
}

.hire_icon.industry3 {
    background-position: -255px -446px
}

.hire_icon.industry4 {
    background-position: -390px -446px
}

.hire_icon.industry5 {
    background-position: -522px -446px
}

.hire_icon.industry6 {
    background-position: -658px -446px
}

.hire_icon.industry7 {
    background-position: -790px -446px
}

.hire_icon.industry8 {
    background-position: -919px -446px
}

.methodologies_section.hiring_models_section .white_card .title {
    position: inherit;
    padding: 0;
    margin-bottom: 25px
}

.techo_list {
    border: 1px solid #eae7e7
}

.techno {
    overflow: hidden;
    border-bottom: 1px solid #eae7e7
}

.techno .title {
    width: 30%;
    float: left;
    position: relative;
    padding: 20px 0 20px 110px
}

.techno .technologies {
    width: 70%;
    float: left;
    padding: 20px 0;
    border-left: 1px solid #eae7e7
}

.technologies ul li {
    width: 23%;
    padding-left: 50px
}

.techno .title h1 {
    font-weight: 500;
    font-size: 26px;
    padding-top: 15px
}

.techno_icon {
    height: 65px;
    width: 68px;
    position: absolute;
    left: 20px;
    background-image: url(../images/hire-python-developers-sprite.png);
    background-repeat: no-repeat;
    top: 12px
}

.techno_icon.techno1 {
    background-position: -299px -3px
}

.techno_icon.techno2 {
    background-position: -398px -3px
}

.techno_icon.techno3 {
    background-position: -497px -3px
}

.techno_icon.techno4 {
    background-position: -596px -3px
}

.common_sec.our_process_section,
.new_headingg.process_heading {
    background: #fff;
    position: relative;
    z-index: 2
}

.technologies li p::after {
    position: absolute;
    height: 6px;
    width: 6px;
    content: "";
    left: -20px;
    top: 9px;
    background: #086ad8;
    border-radius: 100%
}

.app_box ul li::after,
.ios_list li::after {
    background: url(../images/green_check.png) center/23px no-repeat;
    height: 30px
}

.new_headingg {
    margin-top: 102px;
    padding: 50px 0;
    text-align: center
}

.new_headingg h1 {
    color: #086ad8;
    margin-bottom: 20px;
    font-size: 42px;
    font-weight: 600
}

.our_process_list_section {
    background: #f5f5f5
}

.process_box {
    min-height: 450px;
    padding: 70px 0 0 460px;
    position: relative;
    z-index: 2
}

.process_box::after {
    position: absolute;
    content: "";
    height: 450px;
    width: 420px;
    left: 0;
    top: 0;
    background-size: cover !important;
    background-repeat: no-repeat !important
}

.process_box::before {
    background: #f5f5f5;
    content: "";
    height: 100%;
    width: calc(100% - 420px);
    position: absolute;
    left: 0;
    top: 0;
    margin-left: 420px;
    z-index: -1
}

.process_box.process0 {
    height: 100px;
    min-height: 100px
}

.process_box.process0:after {
    background: url(../images/process_top_icon.png);
    height: 100px
}

.container.bg_Container::after,
.container.bg_Container::before {
    content: '';
    position: fixed;
    width: 100%;
    max-width: 1100px;
    left: 50%;
    height: 50%;
    z-index: -1;
    right: auto
}

.process_box.process1:after {
    background: url(../images/requirement-icon.png)
}

.process_box.process2:after {
    background: url(../images/requirement-icon2.png)
}

.process_box.process3:after {
    background: url(../images/requirement-icon3.png)
}

.process_box.process4:after {
    background: url(../images/requirement-icon4.png)
}

.nftwhitecard_white {
    text-align: center;
    min-height: 100%
}

.white_card.nftwhitecard_white h3::after {
    left: 50%;
    bottom: -10px;
    transform: translate(-50%, 10px)
}

.nftwhitecard li::after {
    left: 14px !important
}

.nftwhitecard {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ai-portfolios-list ul,
.white_card p {
    padding-top: 10px
}

.nftwhitecard li {
    border: 1px solid #d3d3d3;
    padding: 12px 17px 12px 30px;
    border-radius: 6px;
    margin: 0 12px 11px 0
}

.Staff_section.net-fotter.process_footer {
    z-index: 2
}

.hate_filling,
.left_content {
    padding-top: 50px
}

.left_conten h2 {
    font-size: 40px;
    font-weight: 600
}

.left_content p {
    margin: 10px 0 15px
}

.left_content span {
    display: block;
    margin-top: 45px;
    font-size: 16px
}

.careers_box {
    background: #f4f4f4
}

.career_img img {
    float: left;
    width: 50%
}

.apart_content .dotted_box {
    min-height: 110px;
    padding: 30px 0 0 100px;
    text-align: left;
    border-radius: 5px
}

.apart_content .apart_icon {
    height: 70px;
    width: 70px;
    position: absolute;
    top: 20px;
    left: 30px;
    background-image: url(../images/hire-python-developers-sprite.png);
    background-position: -255px -446p
}

.company_count li {
    width: 20%;
    float: left;
    border-right: 1px solid #fff;
    padding-left: 50px;
    color: #fff
}

.company_count {
    overflow: hidden;
    margin-top: 40px
}

.development_process {
    padding: 0 0 70px;
    margin-top: -220px
}

.development_process .heading_new {
    background: #fff;
    padding: 40px 0 20px
}

.development_process .white_card h1 {
    font-size: 50px;
    color: #bfbfbf
}

.development_process .white_card ul li {
    position: relative;
    padding: 12px 10px 12px 30px
}

.development_process .white_card ul li::after {
    content: "";
    position: absolute;
    height: 8px;
    width: 8px;
    background: #086ad8;
    left: 0;
    border-radius: 100%;
    top: 20px
}

.development_process .white_card ul,
.enchancing-user-content a.contactbtn,
.nft-services-area .tab-content,
.writer {
    margin-top: 30px
}

.contect_us_form input,
.contect_us_form textarea {
    border: none;
    box-shadow: none;
    background: 0 0;
    padding: 25px 20px;
    height: inherit;
    font-size: 16px
}

.width_50:nth-child(odd) input {
    border-right: 2px solid #c9c9c9;
    border-radius: 0
}

.contect_us_form .width_50 {
    width: 50%;
    float: left;
    border-bottom: 2px solid #c9c9c9
}

.contect_us_form {
    border: 2px solid #c9c9c9
}

.contect_us_form .upload-btn-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block
}

.contect_us_form .btn {
    border: 2px solid gray;
    color: gray;
    background-color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    font-size: 20px;
    font-weight: 700
}

.contect_us_form .upload-btn-wrapper input[type=file] {
    font-size: 100px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.submit_form .orange_button.roundd_button {
    min-width: 230px
}

.form_heading h1 {
    margin-bottom: 6px;
    font-weight: 600
}

.app_box {
    border: 1px solid #e6e6e6;
    background: #fff;
    padding-bottom: 25px
}

.app_box h2 {
    padding: 25px;
    color: #fff;
    margin-bottom: 17px;
    background: #ef6407
}

.app_box ul li::after {
    content: "";
    width: 30px;
    position: absolute;
    left: 30px;
    border: 1px solid #ddd;
    border-radius: 100%;
    top: -1px
}

.app_box p {
    padding: 0 30px;
    margin: 35px 0
}

.our_techno .techno_list ul li {
    display: inline-block;
    width: 17%;
    text-align: center;
    border: 1px solid #ddd;
    padding: 30px 0;
    margin: 0 13px 30px;
    vertical-align: top;
    min-height: 170px;
    background: #fff
}

.our_techno .techno_list.php_techno ul li {
    width: 23%
}

.our_techno .techno_tab ul {
    display: inherit !important
}

.our_techno .techno_tab li {
    width: 33%;
    border: 1px solid #ddd
}

.our_techno .techno_tab li a {
    padding: 25px 0;
    margin-right: 0
}

.our_techno.price_section .techno_tab li a::after {
    position: absolute;
    top: 13px;
    left: 40px;
    right: auto;
    margin: 0 auto;
    background: url(../images/engagement-model-sprite-icon.png) no-repeat;
    background-position-x: 0;
    background-position-y: 0;
    width: 50px;
    height: 50px;
    content: "";
    visibility: visible
}

.our_techno .techno_tab .nav-tabs li.active a {
    border-bottom: 4px solid #ef6407;
    box-shadow: 10px 0 9px #ddd
}

.techno_list ul li img {
    border: 2px solid #ddd;
    border-radius: 100%;
    margin-bottom: 10px
}

.ar_app_development .contentttt {
    background: #fff;
    padding: 50px
}

.vr_details ul li {
    margin-bottom: 15px;
    font-size: 18px;
    position: relative;
    padding-left: 40px
}

.vr_details ul li::after {
    content: "\f053";
    font-family: fontawesome;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 3px;
    color: #086ad8
}

.development_process.inner_dev_process {
    margin-top: inherit;
    padding: 70px 0
}

#packages-cases-section .col-md-4,
.development_process.inner_dev_process .heading_new {
    padding: 0
}

button.orange_button.roundd_button {
    width: auto;
    max-width: inherit;
    padding: 2px 30px 0
}

.orange_button.roundd_button:focus {
    color: #ed5f00;
    background: #fff
}

.webapp_box_section .app_box p {
    font-size: 32px;
    position: relative;
    font-weight: 600;
    line-height: 36px
}

.webapp_box_section .app_box p::after {
    position: absolute;
    height: 2px;
    width: 142px;
    background: #086ad8;
    content: "";
    left: 30px;
    bottom: -10px
}

.contact-us-form label {
    font-size: 16px;
    margin-bottom: 8px
}

.choose_box:nth-child(2n) .vr_line,
.choose_box:nth-child(2n) .vr_line::after,
.choose_box:nth-child(2n) .vr_line::before,
.mvp_dev_process .nav.nav-pills li a:hover,
.mvp_dev_process .nav.nav-pills li.active a {
    background: #086ad8
}

.ios_list li {
    position: relative;
    border: 1px dashed #d0d0d0;
    margin: 15px 0;
    padding: 15px 15px 15px 50px
}

.ios_list li::after {
    content: "";
    width: 30px;
    position: absolute;
    left: 12px;
    border: 1px solid #ddd;
    border-radius: 100%;
    top: 15px
}

.howit_new_section .col-md-12,
.ios_img {
    margin: 60px 0
}

.apart_content.hire_developer .dotted_box {
    padding: 30px;
    text-align: center
}

.apart_content.hire_developer .dotted_box h3 {
    margin: 5px 0 30px;
    position: relative
}

.apart_content.hire_developer .dotted_box h3::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 150px;
    background: #086ad8;
    left: 0;
    transform: translate(50%);
    bottom: -16px
}

.apart_content.hire_developer .apart_icon {
    position: inherit;
    margin: 0 auto
}

.what_apart .roundd_button {
    max-width: inherit;
    width: auto;
    padding: 15px 30px;
    background: #ed5f00;
    color: #fff;
    margin: 0 auto
}

.btnn_boxxx {
    margin: 50px 0 0
}

.common_list {
    text-align: center;
    border-top: 1px solid #086ad8;
    border-bottom: 1px solid #086ad8;
    display: inline-block;
    background: #fff;
    margin: 20px 0 50px
}

.tab-content.hiring_modell .common_list li {
    display: inline-block;
    width: inherit !important;
    margin: 0;
    font-size: 16px;
    padding: 8px 20px;
    border-right: 1px solid #086ad8
}

.hiring_step {
    text-align: center;
    position: relative
}

.hiring_step::after {
    position: absolute;
    content: "";
    height: 0;
    width: 100%;
    background: 0 0;
    top: 31px;
    left: 0;
    border: 1px dashed #086ad8
}

.hiring_step span {
    height: 60px;
    width: 60px;
    border: 2px solid #086ad8;
    display: inline-block;
    border-radius: 50%;
    padding-top: 14px;
    color: #086ad8;
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 600;
    text-align: center;
    position: relative;
    z-index: 999;
    background: #fff
}

.hiring_step.hiring_step1::after {
    width: 50%;
    right: -33px;
    left: inherit
}

.hiring_step.hiring_step3::after {
    width: 50%;
    left: -33px;
    right: inherit
}

.hiring_step h3 {
    margin-bottom: 40px;
    font-size: 20px;
    position: relative
}

.hiring_step h3::after {
    position: absolute;
    content: "";
    height: 2px;
    width: 150px;
    background: #086ad8;
    left: 50%;
    bottom: -15px;
    transform: translate(-50%);
    margin-left: 0
}

.hiring_step .app_box {
    text-align: left;
    padding-top: 30px
}

.hiring_step .app_box li,
.lets-talk .row {
    margin-left: 0 !important
}

.servicee_section .white_card h3,
.techno-comps-space {
    margin: 30px 0
}

.life_image_box {
    margin-bottom: 30px;
    border-radius: 5px;
    overflow: hidden
}

.ai-box-content a,
.heading_new.what_we_content .linee {
    margin-left: 0
}

.what_we_img img {
    height: 370px
}

.join_us_tab ul li {
    width: 100%;
    float: inherit;
    margin-bottom: 10px
}

.join_us_tab .nav-pills>li.active>a {
    background: 0 0;
    color: #ef6407
}

.erp_box h3,
.font_bold,
.join_us_content .accordian_box .panel-title a {
    font-size: 20px;
    font-weight: 600
}

.join_us_content .accordian_box .job_list li a {
    padding: 15px 0;
    display: inherit;
    font-size: 18px;
    color: #086ad8;
    cursor: pointer
}

.behaviour_list li {
    padding: 15px 0 15px 80px;
    width: 50%;
    float: left;
    position: relative
}

.firt_full_img img {
    height: 587px
}

.portfolio_headarea.career_header a {
    border-color: #fff;
    color: #fff
}

.aminmate_image {
    position: relative;
    height: 400px;
    margin-top: 30px;
}

.animatebox {
    position: absolute
}

.animatebox.animate_1 {
    bottom: 35px;
    z-index: 9
}

.animatebox.animate_1 img {
    animation: 3s linear infinite MoveUpDown
}

.animatebox.animate_2 {
    bottom: -20px;
    z-index: 2
}

.animatebox.animate_2 img {
    animation: 2.5s linear infinite MoveUpDown
}

.animatebox.animate_3 {
    bottom: 0
}

.animatebox.animate_3 img {
    animation: 1.5s linear infinite MoveUpDown
}

.goal_list {
    width: 18%;
    float: left;
    margin-right: 20px
}

.howitworks_section .card_logo.services_card_logo {
    background: #ef6407;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    font-weight: 800;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: -34px;
    height: 60px;
    width: 60px;
    border: 6px solid #fff
}

.howitworks_section .product_wrapper .service_box .services-card p {
    font-size: 17px;
    line-height: 25px;
    margin-top: 10px;
    font-weight: 500
}

.howitworks_section .product_wrapper .service_box .services-card {
    height: 100%;
    position: relative;
    margin-left: 16px;
    text-align: left;
    padding: 21px 42px 26px 35px
}

.howitworks_section .product_wrapper .service_box .card-title {
    color: #ef6407;
    font-weight: 700;
    padding-left: 19px;
    margin-bottom: 10px
}

.howitworks_section .first_1 {
    width: 60%;
    margin-right: auto
}

.howitworks_section .second_1 {
    width: 60%;
    margin-left: auto
}

.goal_top_box {
    padding: 66px 20px 20px;
    padding: 66px 20px 20px;
    border-radius: 100%;
    position: relative;
    text-align: center;
    width: 213px;
    height: 213px
}

.goal_top_box span {
    font-size: 150px;
    font-weight: 900;
    line-height: .43;
    text-align: center;
    color: rgba(45, 106, 218, .03);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center
}

.goal_top_box h4,
.goal_top_box p {
    font-stretch: normal;
    letter-spacing: normal;
    color: #242424;
    line-height: 1.3;
    text-align: center;
    font-style: normal
}

.goal_top_box h4 {
    font-size: 30px;
    font-weight: 900;
    margin: 0
}

.goal_top_box p {
    font-size: 18px;
    font-weight: 500;
    margin-top: 0
}

.call_content h4,
.details_content h3,
.details_content p {
    text-align: left;
    font-stretch: normal;
    letter-spacing: normal
}

.goal_top_box.g_box1 {
    background: #f4c383
}

.goal_top_box.g_box2 {
    background: #f9dd70
}

.goal_top_box.g_box3 {
    background: #acf088
}

.goal_top_box.g_box4 {
    background: #79dde1
}

.goal_top_box.g_box5 {
    background: #93abf9
}

.details_content .g_title {
    background-color: #84c0e2;
    width: 60px;
    display: flex;
    height: 60px;
    font-size: 40px;
    font-style: normal;
    font-weight: 900;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    color: #086ad8
}

.details_content h3 {
    font-weight: 100;
    line-height: 1.3;
    margin: 30px 0;
    font-size: 34px
}

.details_content h3 span,
.new_reviews h5 span {
    font-weight: 600
}

.details_content p {
    font-size: 20px;
    font-weight: 100;
    font-style: normal;
    line-height: 1.3;
    margin: 20px 0
}

.details_content ul li {
    font-weight: 600;
    padding-bottom: 5px;
    position: relative;
    padding-left: 30px
}

.details_content ul li::after {
    position: absolute;
    content: "";
    height: 14px;
    width: 14px;
    background: top;
    left: 0;
    top: 5px;
    border-radius: 100%;
    border: 3px solid #086ad8
}

.goal_details {
    padding: 20px 0 20px 80px;
    position: relative
}

.goal_details::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background: #086ad8;
    left: 34px;
    top: 160px
}

.goal_details.last_details::after {
    height: 0
}

.goal_image {
    margin-top: 190px;
    border-radius: 10px;
    overflow: hidden
}

.details_content {
    margin-top: 90px;
    position: relative
}

.round_tag {
    height: 50px;
    width: 50px;
    position: absolute;
    background: #086ad8;
    border-radius: 100%;
    left: -70px;
    border: 20px solid #84c0e2;
    z-index: 99
}

.manage_call_sec {
    background: url(../images/manage_call_bg.png) 0 34%/cover;
    height: 470px
}

.certified_logos ul li img,
.vr_line {
    height: 80px
}

.call_content h4 {
    font-size: 24px;
    font-style: normal;
    line-height: 1.41;
    margin: 50px 0 0;
    color: #131d2b
}

.schedule_call a {
    padding: 15px 35px;
    max-width: inherit;
    margin-top: 20px;
    background: #ed5f00;
    color: #fff
}

.call_content h3 {
    font-weight: 600;
    margin-top: 10px;
    text-align: right
}

.schedule_call .btn_register_header {
    border-radius: 60px;
    border: none;
    padding: 13px 22px 13px 54px;
    color: #fff
}

.schedule_call .btn_register_header::before {
    left: 22px
}

.common_sec.schedule_call h1,
.common_sec.schedule_call h2 {
    font-weight: 500;
    font-size: 36px
}

@keyframes MoveUpDown {

    0%,
    100% {
        transform: translate(0, 0)
    }

    50% {
        transform: translate(0, 10px)
    }
}

.supprt_section {
    background: url(../images/choose-python-bg.jpg) 0 0/cover
}

.full_support {
    overflow: hidden;
    padding: 0 15px
}

.full_support .supprt_box {
    width: 22%;
    background: rgba(0, 0, 0, .5);
    margin-right: 4%;
    float: left;
    padding: 20px 25px 40px
}

.full_support .supprt_box:last-child,
.info_box:last-child {
    margin-right: 0
}

.full_support .supprt_box .linee {
    margin: 25px auto 25px 0;
    width: 60px
}

.supprt_box ul li {
    font-size: 16px;
    padding: 4px 0 4px 25px;
    position: relative
}

.supprt_box ul li::after {
    position: absolute;
    height: 7px;
    width: 7px;
    left: 0;
    background: #086ad8;
    content: "";
    top: 10px;
    border-radius: 100%
}

.choose_box {
    width: 25%;
    text-align: center;
    float: left;
    padding: 0 40px
}

.vr_line {
    width: 2px;
    background: #ef6407;
    margin: 10px auto;
    position: relative
}

.vr_line::after,
.vr_line::before {
    position: absolute;
    content: "";
    height: 10px;
    width: 10px;
    background: #ef6407;
    left: -4px;
    border-radius: 100%
}

.vr_line::before {
    bottom: 0;
    height: 10px;
    width: 50PX;
    border-radius: 0;
    left: -23px
}

.choose_box .make-span-new,
.choose_box h2,
.choose_box h3 {
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 5px;
    display: block
}

.certified_logos p {
    font-weight: 600;
    font-size: 16px
}

.certified_logos ul li {
    width: 12.5%;
    float: left;
    margin-top: 20px;
    text-align: center
}

.certified_logos {
    margin-top: 24px
}

.choose_content {
    overflow: hidden;
    margin-top: 20px;
    display: inline-block
}

.home_what_apart .cost_review_freelancer span,
.home_what_apart .why_featurebox {
    color: #333;
    border-color: #333
}

.home_what_apart .cost_review_freelancer {
    border-color: #333
}

.home_what_apart ul.netset_drive li::after {
    background: url(../images/orange_divide_line2.png) center no-repeat
}

.common_sec.mvp_dev_process {
    background: url(../images/tech_bgg2.jpg) 0 0/cover no-repeat
}

.mvp_dev_process .nav.nav-pills li {
    width: 49%;
    display: inline-block;
    float: inherit;
    vertical-align: middle;
    margin-bottom: 5px
}

.mvp_dev_process .tab-content {
    background: #fff;
    padding: 30px
}

.mvp_dev_process .tab-content .benefits-tab-heading,
.mvp_dev_process .tab-content h3 {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 600;
    word-wrap: break-word;
    display: block
}

.mvp_dev_process .tab-content li {
    padding: 7px 0 7px 5px;
    position: relative
}

.tab-content .tab-pane ul li::after {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    background: #086ad8;
    left: -15px;
    border-radius: 100%;
    top: 15px
}

.info_box {
    width: 18%;
    display: inline-block;
    margin-right: 2%
}

.infographic::after {
    position: absolute;
    content: "";
    height: 14px;
    width: 100%;
    left: 0;
    bottom: 3px;
    border-radius: 60px;
    border: 2px solid #d4d3d4;
    z-index: 0
}

.info_box .info_details {
    text-align: center;
    background: #086ad8;
    padding: 30px 20px;
    border-radius: 10px;
    color: #fff;
    min-height: 284px
}

.info_box .hr_line {
    height: 70px;
    width: 3px;
    background: #d4d3d4;
    margin: 0 auto;
    position: relative
}

.bg_orange,
.covidalert,
.info_box:nth-child(2n) .hr_line:after,
.info_box:nth-child(2n) .info_details,
.line-red .line-text,
.line-red.line {
    background: #ed5f00
}

.info_box .hr_line::after {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    background: #086ad8;
    bottom: 0;
    left: -8px;
    border-radius: 100%;
    z-index: 9
}

.info_details h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px
}

.info_details p {
    font-size: 16px;
    line-height: 22px;
    color: var(--whiteColor);
}

.erp_box {
    width: 19.6%;
    text-align: center;
    padding: 10px;
    display: inline-block
}

.hidden-share-box,
.love-this,
.new-rounded-btn img,
.social-icon {
    vertical-align: middle
}

.erp_box img {
    margin-bottom: 20px;
    height: 110px
}

.erp_box p {
    font-size: 16px;
    margin-top: 10px
}

.inner_dev_process .white_card {
    margin-bottom: 0;
    min-height: 545px;
}

.webapp_box_section .app_box {
    min-height: 526px;
}

.tech_list li {
    display: inline-block;
    margin: 20px 5px
}

.tech_list li figure {
    height: 90px;
    width: 90px;
    line-height: 90px;
    text-align: center;
    position: relative
}

.tech_list li .name {
    font-size: 14px;
    color: rgba(255, 255, 255, .5);
    transform: rotate(-45deg);
    margin-left: 50%;
    transition: .3s linear
}

.tech_list li figure i {
    font-size: 35px;
    margin-top: 28px
}

.tech_list li figure::before {
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    border: 1px solid rgba(255, 255, 255, .5);
    transition: .3s linear
}

.portfolio_section .tab_label ul li {
    padding: 0 5px;
    border: none;
    display: inline-block
}

.portfolio_section .tab_label ul li a {
    padding: 5px 7px;
    font-size: 14px;
    color: #787878;
    border: 1px solid transparent
}

.portfolio_section .tab_label ul li a:focus,
.portfolio_section .tab_label ul li a:hover,
.portfolio_section .tab_label ul li.active a,
.portfolio_section .tab_label ul li.active a:hover {
    border: 1px solid transparent;
    background: #ec5f00;
    color: #fff
}

.portfolio_img img {
    border-radius: 10px;
    overflow: hidden
}

.portfolio_img h3 {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
    font-weight: 600
}

.modal-type-form h3,
.privacy-text a {
    color: #ed5f00;
    font-weight: 700
}

.virtual_assistants_box {
    padding: 25px 0
}

.covidalert {
    overflow: hidden;
    padding: 5px 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    margin-bottom: 10px
}

.covidalert p {
    margin: 0;
    font-size: 16px
}

/* .contact-us-form .form-group {position:relative;margin-bottom:15px }*/
.contact-us-form .form-group .validation_error {
    position: absolute;
    font-size: 12px;
    color: red
}

.first_section.text-center.job_submission {
    padding: 200px 0
}

.first_section.text-center.job_submission .page_heading {
    font-size: 50px;
    margin-bottom: 10px
}

.first_section.text-center.job_submission a {
    max-width: 250px;
    width: 100%;
    border-radius: 60px;
    background: #ed5f00;
    margin: 0 5px;
    border: 2px solid #ed5f00;
    padding: 15px;
    display: inline-block;
    color: #fff
}

.case_study_btngroup .clickcustomform {
    color: #fff;
    margin-left: 25px
}

.policy_section {
    padding: 170px 0 100px
}

.policy_content li,
.policy_section .paragraph_text.pmargin {
    font-size: 16px;
    margin-bottom: 4px
}

.policy_section h3 {
    font-size: 20px;
    font-weight: 600;
    margin: 30px 0 10px
}

.policy_content {
    list-style-type: disc;
    padding-left: 25px
}

.white_header .header {
    background: #fff;
    transition: .3s ease-in;
    -moz-transition: .3s ease-in;
    -webkit-transition: .3s ease-in;
    -ms-transition: .3s ease-in;
    -o-transition: .3s ease-in;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1)
}

#global_imp .our_value.global_impression,
.zindexup {
    z-index: 9;
    position: relative
}

.latest_blog_section_resource .tech_box {
    min-height: 340px;
    margin-bottom: 30px
}

.body_overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 9999
}

.loading_img {
    text-align: center;
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -120px
}

.business-service-automation-box,
.loading_img img {
    height: 240px
}

.social-icon a,
.social_icons a {
    height: 30px;
    padding-top: 5px;
    text-align: center
}

.col-md-6.text-center.portfolio_top_imgg img {
    height: 400px
}

.col-md-6.portfolio_content_top h1,
.mt_70 {
    margin-top: 70px !important
}

.portfolio_img .outer-img {
    background: #e2e6ed;
    border-radius: 10px;
    text-align: center
}

.portfolio_img .outer-img img {
    height: 280px;
    width: auto
}

.why_feature_icons {
    height: 68px;
    width: 68px;
    background: url(../images/why_features_sprit.png) -15px -15px;
    position: absolute;
    left: 20px;
    top: 20px
}

.why_feature_icons.icon2 {
    background-position: -115px -15px
}

.why_feature_icons.icon3 {
    background-position: -215px -15px
}

.why_feature_icons.icon4 {
    background-position: -310px -15px
}

.why_feature_icons.icon5 {
    background-position: -407px -15px
}

.why_feature_icons.icon6 {
    background-position: -505px -15px
}

.why_feature_icons.icon7 {
    background-position: -600px -15px
}

.why_feature_icons.icon8 {
    background-position: -700px -15px
}

.why_feature_icons.icon9 {
    background-position: -800px -15px
}

.why_feature_icons.icon10 {
    background-position: -900px -15px
}

.why_feature_icons.icon11 {
    background-position: -995px -15px
}

.why_feature_icons.icon12 {
    background-position: -1094px -15px
}

.why_feature_box_top_icon {
    height: 36px;
    width: 36px;
    background: url(../images/why_features_sprit.png) -1176px 0;
    background-position-x: 0;
    background-position-y: 0;
    display: inline-block;
    vertical-align: middle
}

.why_feature_box_top_icon.iocn1 {
    background-position: -1174px 0
}

.why_feature_box_top_icon.iocn2 {
    background-position: -1212px 0
}

.why_feature_box_top_icon.iocn3 {
    background-position: -1250px 0
}

.tech_box .blg_content {
    background: #fff;
    padding: 20px;
    box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .1);
    margin: -40px auto 0;
    position: relative;
    width: 90%
}

.tech_box .blg_content p:nth-child(3) {
    margin-bottom: 0;
    margin-top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    overflow: hidden;
    font-size: 17px;
    line-height: 1.4;
    color: var(--headingColor);
    font-weight: 600
}

.tech_box .blg_content .tag {
    margin-bottom: 5px
}

.latest_blog_section_resource .tech_box,
.nft-img-tabs {
    border: none
}

.casestudy_bannerarea.worrior_bannerarea,
.casestudy_resultarea.worrior_resultarea {
    background: #b2322f
}

.casestudy_bannerarea.empowered_bannerarea,
.casestudy_resultarea.empowered_resultarea {
    background: #e32462
}

.newcasestudy_banner_section .banner-text {
    font-size: 20px;
    margin-top: 20px
}

.newcasestudy_banner_section img {
    margin: 63px 0 -300px
}

.newcasestudy_banner_section {
    background: #ed5f00;
    padding-top: 180px
}

.newcasestudy_aboutarea {
    margin-top: 190px
}

.tech_casestudy_banner::after,
.vr_banner::after {
    content: "";
    position: absolute;
    background: rgba(0, 0, 0, .5);
    top: 0;
    height: 100%;
    width: 100%
}

.tech_casestudy_banner.driving_school_banner {
    background: url(http://t.commonsupport.xyz/rochester/images/main-slider/image-1.jpg) center/cover
}

#global_imp .schedule_call,
.tech_casestudy_banner .banner-content {
    z-index: 9;
    background: #fff;
    position: relative
}

.vr_banner {
    background: url(../images/vr-club1.webp) center/cover no-repeat var(--headingColor);
    position: relative
}

.tech_casestudy_banner .banner-content {
    padding: 50px
}

.tech_casestudy_banner .banner-head {
    font-size: 38px;
    font-weight: 700;
    line-height: 1.14;
    color: #333;
    max-width: 100%;
    margin: 0 0 30px
}

.tech_casestudy_banner .banner-text {
    color: #333;
    margin: 0 0 20px;
    line-height: 30px;
    font-size: 19px
}

.lets_talk.tech_casestudy_gowth {
    padding: 50px 0;
    color: #fff
}

.lets_talk.tech_casestudy_gowth p.text-center {
    font-size: 26px;
    text-align: center;
    line-height: 38px
}

.casestudy_solutionarea img,
.tech_casestudy_challenge img {
    margin-top: 70px
}

.tech_casestudy_about p,
.tech_casestudy_challenge li,
.tech_casestudy_challenge p,
.tech_casestudy_solution li,
.tech_casestudy_solution p {
    font-size: 17px
}

.tech_casestudy_about .linee {
    margin: 30px auto 30px 0
}

.tech_casestudy_banner.instagram-marketing-banner {
    background: url(../images/instagram-marketing-banner.webp) 54% 0/cover
}

.tech_casestudy_banner.low_firm_banner {
    background: url(../images/low-firm-banner.webp) 54% 0/cover
}

.tech_casestudy_banner.dental_clinic_banner {
    background: url(../images/dental-clinic-banner.webp) 54% 0/cover
}

.tech_casestudy_banner.advanced_physiotherapy_banner {
    background: url(../images/advanced_physiotherapy_banner.webp) 54% 0/cover
}

.tech_casestudy_banner.attica_restaurant_banner {
    background: url(../images/restaurants_banner.webp) 54% 0/cover
}

.tech_casestudy_banner.digital_marketing_banner {
    background: url(../images/digital_marketing_banner.webp) 54% 0/cover
}

.tech_casestudy_banner.softwaretesting_banner {
    background: url(../images/softwaretesting_bannerr.jpg) 54% 0/cover
}

.tech_casestudy_banner.team_augmentation_banner {
    background: url(../images/team-augmentation.webp) 54% 0/cover
}

.tech_casestudy_banner.blockchain_product_banner {
    background: url(../images/blockchain-development_banner.webp) 54% 0/cover
}

.tech_casestudy_banner.chatGPTdev_banner {
    background: url(../images/chatGPTdevelopment_banner.webp) 54% 0/cover
}

.image-group-nft {
    padding-bottom: 50px
}

.tech_casestudy_banner.custom_web_banner {
    background: url(../images/customweb_banner.webp) center/cover
}

.new-custom-nft-banner {
    background: center/cover #6a00d5
}

.tech_casestudy_banner.ux_ui_banner {
    background: url(../images/ux-ui-banner.webp) center/cover
}

.tech_casestudy_banner.ecommerce_software_banner {
    background: url(../images/ecommerce-development.webp) center/cover
}

.tech_casestudy_banner.craft_ale_banner {
    background: url(../images/craft_ale_beer_banner.webp) !important
}

.tech_casestudy_banner.ecommerce_software_banner-new {
    background: url(../images/ecommerce-new1.webp) center/cover
}

.tech_casestudy_banner.enterprice-resource_banner {
    background: url(../images/erp-img-banner.webp) 0 0/cover
}

.tech_casestudy_banner.crmcasestudy_banner {
    background: url(../images/crm-casestudy_banner.webp) 0 0/cover
}

.tech_casestudy_banner.webappdev_banner {
    background: url(../images/webappdev_banner.jpg) 0 0/cover
}

.tech_casestudy_banner.mvp-dev_banner {
    background: url(../images/development-with-mvp.webp) 0 0/cover
}

.tech_casestudy_banner.ecommerce_software_banner-new.ecommerce_e-grocery {
    background: url(../images/e-grocery-banner.webp) center/cover
}

.common_sec.country_phone {
    background: #ed5f00;
    color: #fff;
    padding: 30px 0
}

.common_sec.country_phone h2 {
    margin-bottom: 5px;
    font-size: 22px;
    font-weight: 600
}

.common_sec.country_phone ul li {
    float: left;
    text-align: center;
    width: 20%
}

.casetudy_name,
.why_choose_netset h2.casetudy_name {
    text-transform: uppercase;
    font-size: 25px
}

.loader_spinner {
    display: none;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 99999
}

.spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(90deg);
    width: 2em
}

.spinner,
.spinner div {
    transform-origin: 50% 50%
}

.spinner div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.spinner div:after,
.spinner div:before,
.spinner:after,
.spinner:before {
    animation-duration: 1s;
    animation-iteration-count: infinite;
    content: "";
    background: #ef6407;
    border-radius: 100%;
    width: .5em;
    height: .5em;
    position: absolute
}

.spinner div:before,
.spinner:before {
    animation-name: orbBounceBefore;
    top: -.25em;
    left: -.25em
}

.spinner div:after,
.spinner:after {
    animation-name: orbBounceAfter;
    top: -.25em;
    right: -.25em
}

.spinner-a {
    transform: rotate(60deg) translateY(0)
}

.spinner-b {
    transform: rotate(120deg) translateY(0)
}

@keyframes orbBounceBefore {
    60% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(.55, .085, .68, .53)
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, .7, 1.43);
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(0)
    }
}

@keyframes orbBounceAfter {
    60% {
        animation-timing-function: cubic-bezier(.55, .085, .68, .53);
        transform: translateX(0)
    }

    80% {
        animation-timing-function: cubic-bezier(0, 1.11, .7, 1.43);
        transform: translateX(100%)
    }

    100% {
        transform: translateX(0)
    }
}

.spinner-a:before {
    animation-delay: .166s
}

.spinner-b:before {
    animation-delay: .333s
}

.spinner:after {
    animation-delay: .5s
}

.spinner-a:after {
    animation-delay: .666s
}

.spinner-b:after {
    animation-delay: .833s
}

.case-study-main-box .carousel-wrap .casestudy_box {
    min-height: auto
}

.case-study-main-box .casestudy_logo img {
    max-width: 100px;
    height: auto
}

.newcasestudy_section {
    padding-top: 170px
}

.casestudy_whitebox {
    box-shadow: 0 10px 60px rgba(0, 0, 0, 0.12);
    padding-bottom: 10px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 30px
}

.casestudy_inner {
    padding: 15px
}

.casestudy_inner h3 {
    font-size: 22px;
    font-weight: 600;
    margin-top: 8px
}

.casestudy_inner .orange_button.roundd_button {
    padding: 10px 25px;
    min-height: inherit;
    font-size: 14px;
    line-height: initial
}

.blurred-block {
    overflow: hidden;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999
}

.blur-body {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
    filter: blur(10px);
    min-height: 100vh;
    height: auto
}

.modal-type-form {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 999999999;
    max-width: 500px;
    display: none;
    width: 100%
}

.blurred-block .modal-type-form {
    display: block;
    background: #fff;
    border-radius: 5px;
    padding: 20px;
    box-shadow: 0 0 15px rgba(0, 0, 0, .1);
    border: 10px solid #ed5f00
}

.modal-type-form h3 {
    font-size: 20px;
    text-align: center;
    margin: 20px 0
}

.blurred-block button.explore-link {
    margin: auto !important
}

.privacy-text img {
    width: 30px;
    position: absolute;
    left: 0
}

#contct_from_new .privacy-text p {
    font-size: 18px;
    margin-bottom: 0;
    position: relative;
    padding-left: 40px
}

a.blogs_card.blogimg1 {
    display: block;
    margin-bottom: 25px
}

.latest_blog_section_resource .blogs_card img {
    width: 100%;
    height: 232px;
    object-fit: cover
}

.pointer_none_box a {
    pointer-events: none
}

.heading_toppp {
    padding: 150px 0;
    background: url(../images/grandvision_banner2.png) 0 0/cover no-repeat
}

.top-app-banner {
    padding: 150px 0;
    background: url(../images/app-story-banner.png) 0 0/cover no-repeat
}

.artificial-intelligence-banner {
    padding: 150px 0;
    background: url(../images/artificial-intelligence-banner.png) 0 0/cover no-repeat
}

.heading_toppp h1 {
    font-size: 45px;
    line-height: 56px
}

.heading_stats ul li {
    display: inline-block;
    width: 30%;
    font-size: 14px
}

.heading_stats ul li p span {
    font-size: 32px;
    display: block;
    font-weight: 600;
    color: #fff
}

.success_content p .first-letter {
    font-size: 59px;
    line-height: 48px;
    color: #2a2e33;
    font-weight: 600;
    float: left;
    padding-top: 3px;
    padding-right: 6px
}

.success_content h3 {
    margin: 40px 0 15px;
    font-weight: 600
}

.success_content ul li {
    padding: 3px 0
}

.mt-0 {
    margin-top: 0 !important
}

.pd_150 {
    margin-top: -100px;
    padding: 70px 100px 0;
    background: #fff;
    position: relative
}

.pd_bt_70,
.pd_lt_70 {
    padding: 0 100px
}

.social_icons {
    position: absolute;
    top: 70px;
    left: 35px
}

.social_icons a {
    display: block;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    width: 30px;
    border-radius: 100%;
    font-size: 14px
}

.heading-success h1 {
    margin-bottom: 18px
}

.love-this {
    display: inline-block;
    margin-right: 21px;
    font-weight: 600
}

.social-icon .share-message {
    font-weight: 600;
    margin-left: 5px
}

.hidden-share-box {
    display: none
}

.social-icon {
    display: inline-block;
    font-size: 16px
}

.love-this .share-heart.clicked {
    background-image: url(../images/heart-fill.png) !important;
    -webkit-animation: 1s heartbeat;
    animation: 1s heartbeat
}

.love-this .share-heart {
    background-image: url(../images/heart-blank.png) !important;
    display: inline-block;
    width: 22px;
    height: 20px;
    margin-top: 3px;
    margin-right: 8px;
    vertical-align: top;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-size: 22px 20px !important
}

.list-style ul {
    list-style: disc;
    margin-left: 15px
}

.digital-marketing-dropbox-banner1 {
    padding: 150px 0 !important;
    background: url(../images/digital-marketing-dropbox-banner1.png) 0 0/cover no-repeat !important
}

.blockbox .intl-tel-input.allow-dropdown {
    top: inherit;
    display: block;
    width: 100%
}

.header .get_touch_btn {
    background: #ffd008;
    border-color: #ffd008 !important;
    color: #000 !important;
    position: relative;
    padding-left: 40px
}

.lets_talk .orange_button.roundd_button {
    position: relative;
    padding-left: 40px;
    background: #fff;
    color: #086ad8
}

.header .get_touch_btn:after,
.lets_talk .orange_button.roundd_button:after,
.white-blink:after {
    box-shadow: 0 0 0 rgba(0, 0, 0, .4);
    animation: 2s infinite pulso2;
    transition: .5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid var(--headingColor);
    position: absolute;
    left: 15px;
    border-radius: 50%;
    top: -1px;
    bottom: 0;
    margin: auto
}

.lets_talk .orange_button.roundd_button:after {
    border: 3px solid #086ad8;
    box-shadow: 0 0 0 rgba(10, 130, 197, .4);
    animation: 2s infinite pulso1
}

.white-blink:after {
    border: 3px solid #fff;
    box-shadow: 0 0 0 rgba(255, 255, 255, .4);
    animation: 2s infinite pulso3
}

.portfolio_headarea .container aside h1+h1 {
    font-size: 34px;
    line-height: 44px
}

#formid1,
#formid2 {
    background-color: #0f1920;
    padding: 43px 33px;
    border-radius: 10px;
    position: relative;
    top: 30px
}

#formid1 .form-heading-title,
#formid1 h2,
#formid2 .form-heading-title,
#formid2 h2 {
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    margin-bottom: 20px;
    display: block
}

#formid1 .form-group,
#formid2 .form-group {
    width: 100%;
    padding: 0
}

#formid1 input,
#formid2 input {
    border: 0;
    border-bottom: 2px solid #606060;
    border-radius: 0;
    font-size: 16px;
    font-weight: 600;
    padding: 6px
}

#formid1 .form-control,
#formid2 .form-control {
    color: #fff;
    font-weight: 500
}

#formid1 .bg-transparent,
#formid2 .bg-transparent {
    background-color: transparent !important
}

#formid1 .btn-custom,
#formid2 .btn-custom {
    background: #ed6421;
    border-radius: 3px;
    margin-top: 15px;
    width: 100%;
    border: none;
    padding: 15px 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: none
}

#formid1 p,
#formid2 p {
    margin-top: 20px;
    font-size: 80%;
    font-weight: 400
}

.blockchain-development-side .container aside.col-md-7,
.header-global-impression {
    padding-top: 40px
}

.lets_talk .orange_button.roundd_button:hover {
    background: #b0d9f1
}

@keyframes pulso1 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(10, 130, 197, .8);
        box-shadow: 0 0 0 0 rgba(10, 130, 197, .8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(10, 130, 197, 0);
        box-shadow: 0 0 0 20px rgba(10, 130, 197, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(10, 130, 197, 0);
        box-shadow: 0 0 0 0 rgba(10, 130, 197, 0)
    }
}

@keyframes pulso2 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, .8);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, .8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px transparent;
        box-shadow: 0 0 0 20px transparent
    }

    100% {
        -moz-box-shadow: 0 0 0 0 transparent;
        box-shadow: 0 0 0 0 transparent
    }
}

@keyframes pulso3 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8)
    }

    70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0)
    }

    100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0)
    }
}

.Parameters_sec .services-card_new1:hover,
.services-card_new:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13) !important;
    transition: .3s ease-in-out
}

.header .get_touch_btn:hover {
    background: #ecc82f
}

.Staff_section.net-fotter .content-net p a:hover {
    text-decoration: underline
}

.whatsapp_telegram {
    position: fixed;
    right: 100px;
    bottom: 36px;
    z-index: 30
}

.whatsapp_telegram a {
    display: inline-block;
    width: 56px;
    height: 56px;
    background: #ff5a01;
    text-align: center;
    line-height: 58px;
    color: #fff;
    font-size: 28px;
    border-radius: 5px;
    margin-left: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .3)
}

.whatsapp_telegram a+a,
.whatsapp_telegram a+a:hover,
.whatsapp_telegram a:hover {
    background: #ba4100
}

.nft-banner-bg {
    background: url(../images/nft-banner-bg.jpg) 50%/cover no-repeat;
    padding: 250px 0 200px
}

.white-blink {
    position: relative;
    padding-left: 42px !important
}

.nft-services-area {
    background: url(../images/nft-services-bg.jpg) 50%/cover no-repeat
}

.nft-servicebox {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.nft-img-tabs li {
    margin: 0;
    width: 33.333%;
    padding: 0 5px
}

.nft-img-tabs li a {
    margin: 0;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    background: 0 0 !important;
    border: 2px solid transparent !important
}

.nft-img-tabs li.active a {
    border: 2px solid #ef6407 !important
}

.nft-img-tabs li a img {
    max-width: 100%
}

.nft-big-image {
    float: left;
    width: 35%;
    position: relative;
    z-index: 1
}

.nft-development-box {
    float: left;
    width: 65%;
    padding: 15px
}

.nft-service-description {
    margin: 20px 0
}

.nft-development-box h3 {
    margin-top: 20px;
    font-weight: 700;
    position: relative;
    font-size: 22px;
    line-height: 22px;
    padding-top: 3px
}

.nft-development-box h3:before {
    content: "";
    position: absolute;
    left: -80px;
    width: 100%;
    height: 100%;
    top: 0;
    background: url(../images/paint-brush.png) left center no-repeat;
    min-height: 49px;
    min-width: 324px
}

.nft-development-box h3 span {
    display: block;
    position: relative
}

.nft-dots-tabs {
    border: none;
    text-align: center;
    padding-left: 35%;
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 10px
}

.nft-dots-tabs li {
    width: auto !important;
    margin: 0 !important;
    float: none;
    display: inline-block
}

.nft-dots-tabs li a {
    border: none !important;
    padding: 0;
    margin: 0;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #ddd
}

.orange-btn-main {
    background: #ef6407;
    border-radius: 70px;
    color: #fff;
    border: none
}

.orange-btn-main:hover {
    color: #fff;
    background: #d85b08
}

.nft-features-area {
    background: url(../images/nft-featured-bg.jpg) center/cover no-repeat #312228;
    color: #fff
}

.nft-features-list h3 {
    font-size: 26px;
    line-height: 35px;
    margin-bottom: 50px;
    font-weight: 700
}

.nft-features-list h3 span {
    display: block;
    color: #ef6407;
    font-size: 28px
}

.nft-features-list ul li {
    margin-bottom: 40px;
    position: relative;
    padding-left: 60px
}

.nft-features-list ul li:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    background: url(../images/nft-list-tag.png) center no-repeat;
    width: 40px;
    height: 52px;
    border: 2px solid rgba(255, 255, 255, .35);
    border-radius: 5px
}

.nft-features-list ul li p {
    font-size: 16px;
    margin: 10px 0 0
}

.nft-token-paragraph p {
    text-align: justify;
    margin-bottom: 20px
}

.nft-token-paragraph p.token-development {
    font-weight: 700;
    font-size: 24px;
    margin-top: 45px
}

.check-ul li {
    flex: 0 0 50%;
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px
}

.check-ul li:after {
    content: "\f00c";
    font-family: FontAwesome;
    position: absolute;
    left: 0;
    top: 0;
    color: #086ad8
}

.custom-size {
    font-weight: 400 !important;
    font-size: 42px !important
}

.services-card_new {
    width: 100%;
    height: 274px;
    color: #333;
    padding: 20px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef;
    border: 1px solid #1476b1
}

.services-card_new:hover {
    background-color: #fff;
    border: 0
}

.services-card_new1:hover .card_logo.services_card_logo {
    border: 2px solid #ef6407 !important;
    transition: .3s ease-in-out
}

.services-card_new1:hover .card_logo.services_card_logo i {
    color: #ef6407 !important;
    transition: .3s ease-in-out
}

.services-card_new:hover .card_logo.services_card_logo i {
    color: #1271aa;
    transition: .3s ease-in-out
}

.services-card_new:hover .card_logo.services_card_logo {
    background: #fff;
    border: 2px solid #1271aa;
    transition: .3s ease-in-out;
    transform: scale(1.1)
}

.services-card_new .card-title {
    font-size: 18px;
    line-height: inherit;
    font-weight: 600;
    margin-left: 30px;
    color: #333;
    margin-top: 20px
}

.services-card_new1 {
    border: 1px solid #ef6407
}

.services-card_new .services_card_logo {
    margin-top: -53px
}

.services-card_new .card_logo.services_card_logo {
    background: #1271aa;
    height: 80px;
    width: 80px;
    display: block;
    border: 2px solid #1271aa;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.services-card_new .card_logo.services_card_logo i {
    font-size: 32px;
    color: #fff
}

.services-card_new1 .card_logo.services_card_logo i {
    font-size: 38px;
    color: #fff
}

.services-card_new1 .card_logo.services_card_logo {
    background: #ef6407;
    height: 80px;
    width: 80px;
    display: block;
    border: 2px solid #ef6407;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center
}

.Parameters_sec .services-card_new,
.Parameters_sec .services-card_new1 {
    text-align: left;
    height: 600px;
    padding: 31px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
    box-shadow: 0 3px 25px #eeefef;
    width: 100%
}

.Parameters_sec .services-card_new {
    color: #333;
    border-top: 4px solid #106ca2 !important;
    border: 1px solid #d3d3d3
}

.Parameters_sec .services-card_new .card-title,
.Parameters_sec .services-card_new1 .card-title {
    font-size: 25px;
    line-height: inherit;
    font-weight: 600;
    margin-left: 0;
    color: #ef6407;
    margin-top: 0
}

.Parameters_sec .services-card_new p,
.Parameters_sec .services-card_new1 p {
    font-size: 18px;
    line-height: 29px;
    margin-top: 10px
}

.Parameters_sec .services-card_new1 {
    color: #333;
    border: 1px solid #d3d3d3;
    border-top: 4px solid #0e669a !important
}

.Parameters_sec .services-card_new1:hover {
    background-color: #fff
}

.bluebg {
    background-image: url('../images/blue_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative
}

.bluebg:before {
    position: absolute;
    content: '';
    background-color: #000000a1;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0
}

.bluebg h2,
.bluebg p {
    color: #fff;
    position: relative;
}

.bluebg .linee {
    height: 4px;
    width: 100px;
    background: #fff;
    margin: 30px auto;
    z-index: 1024;
    position: relative
}

.blockheader h2,
.blockheader p.blockchain-subheading {
    font-size: 38px !important;
    font-weight: 600;
    line-height: 46px;
    margin-bottom: 20px !important;
    margin-top: 20px;
    max-width: 100%
}

.portfolio_headarea .container .blockheader h1 {
    font-size: 54px;
    margin: 15px 0
}

.blockheader h3 {
    font-size: 27px;
    font-weight: 600;
    line-height: 37px;
    margin-bottom: 20px;
    margin-top: 20px
}

.new-rounded-btn img {
    height: 22px
}

.nft_banner_section .header_content h3 {
    font-weight: 700;
    margin-top: 14px;
    line-height: 30px;
    font-size: 15px
}

.nft_banner_section .header_content h3 span {
    background: #ef6407;
    color: #fff;
    padding: 0 2px
}

.hire-list {
    margin-bottom: 13px
}

.hire-list li {
    font-size: 15px;
    margin: 5px 0
}

.services-card.services-card-copy {
    height: auto !important;
    margin-bottom: 33px;
    padding: 36px 20px
}

.nft-market-box {
    font-size: 22px;
    width: 100%;
    color: #5d5d5d;
    font-weight: 400
}

.nft-images-box {
    padding: 30px
}

.home_whatsapp_telegram {
    position: sticky;
    right: 0 !important;
    text-align: center;
    z-index: 9999;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    bottom: 0 !important;
    padding: 5px 0 10px
}

.whatsapp_telegram.home_whatsapp_telegram a {
    margin-top: -23px
}

.home_whatsapp_telegram p {
    color: #fff;
    font-size: 14px;
    margin-top: 5px
}

.portfolio_headarea .container .blockheader h1.blockchain-heading {
    font-size: 43px
}

.ready-go-live {
    font-size: 30px;
    margin-bottom: 0;
    display: block;
    margin-top: 0
}

.microsoft-innovation img {
    border-radius: 10px;
    width: 100%
}

#delivered-11 .row,
.microsoft-innovation .row {
    display: flex;
    align-items: center
}

.mainrow1 .col-md-3.col-sm-3 {
    padding-left: 0
}

.leftmenubox {
    background-color: #f3f6f6;
    height: 100%;
    padding: 15px;
    margin-left: -10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

#box,
.capabilities-ul-box {
    height: 250px
}

.contentdeffilottery,
.new-services-dropdown {
    padding-bottom: 0 !important
}

.leftmenubox h4 {
    font-size: 18px;
    font-weight: 700;
    margin: 0
}

.leftline12 {
    margin-top: 20px !important;
    margin-bottom: 0
}

.ledtcontent {
    font-size: 15px;
    line-height: 1.6;
    margin-top: 80px !important;
    margin-bottom: 0
}

.modal .row {
    max-width: 100% !important
}

.new-services-dropdown {
    padding-top: 0 !important;
    width: 1140px !important
}

.dropdown_menu.services_dropdown.new-services-dropdown {
    margin-left: 170px
}

.dropdown_menu.services_dropdown.new-services-dropdown:after {
    margin-left: -142px
}

.custom_navigation .nav li .leftline12 a.yieldline {
    color: #337ab7 !important;
    padding: 0;
    font-size: 20px;
    font-weight: 700
}

.custom_navigation .nav li .new-menu-servicesbox p a {
    color: var(--headingColor);
    font-size: 15px;
    padding-top: 0;
    padding-bottom: 0
}

.custom_navigation .nav li .new-menu-servicesbox p {
    position: relative;
    margin: 0
}

.custom_navigation .nav li .new-menu-servicesbox p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 12px;
    width: 7px;
    height: 1px;
    background: #000
}

.new-menu-servicesbox h4 {
    font-weight: 700;
    margin-bottom: 8px;
    margin-top: 0;
    line-height: 21px
}

.new-menu-servicesbox {
    margin-top: 30px;
    position: relative;
    padding-left: 60px
}

.view-more-services {
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    margin-top: 10px;
    display: inline-block
}

.btmline {
    margin-top: 30px;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 20px
}

.btmline a {
    color: #337ab7 !important;
    padding: 0 !important;
    font-size: 18px !important
}

.new-menu-servicesbox h4 a {
    color: #000 !important;
    padding: 0 !important
}

.btmline a:hover,
.custom_navigation .nav li .leftline12 a.yieldline:hover,
.custom_navigation .nav li .new-menu-servicesbox p a:hover,
.new-menu-servicesbox h4 a:hover,
.view-more-services:hover {
    color: #ef6407 !important
}

.new-menu-servicesbox .card_logo {
    margin: 0;
    position: absolute;
    left: -21px;
    top: -27px;
    transform: scale(.7)
}

.dropdown_menu.services_dropdown.new-services-dropdown .secondrow1 {
    max-height: 90vh;
    overflow: auto;
    width: 100%;
    margin: 0
}

.defiwrapper .product_wrapper .service_box .services-card {
    height: 341px
}

.defiwrapper .linee {
    margin-bottom: 52px !important
}

.stack-developer .service_box .services-card {
    height: 450px;
    color: #333;
    padding: 20px;
    text-align: center
}

.under-questions li {
    list-style: circle;
    border: 0;
    padding: 0
}

.hm-slide-holder {
    background-position: top !important
}

#file-error {
    position: absolute;
    left: 0;
    bottom: -26px;
    font-size: 12px !important
}

.web-3-text {
    font-size: 99px !important
}

.w3-product-wrapper .service_box .services-card {
    height: 353px;
    text-align: left
}

.roadmap-box {
    padding: 15px 31px 15px 30px;
    border-left: 1px solid #979797
}

.roadmap-box:before {
    content: "";
    position: absolute;
    width: 10px;
    left: -4px;
    margin: 10px 0 0;
    height: 10px;
    background: #ed5f00;
    border-radius: 12px
}

.f-800 {
    font-weight: 800 !important
}

.font-16,
.roadmap-box p {
    font-size: 16px !important
}

.text-transform {
    text-transform: initial
}

.ai-box-content h4,
.get-tailor-offer,
.line-text,
.new_how_it_box a,
.tiles-layout ul li span h4 {
    text-transform: uppercase
}

.card.card--growth {
    border: none;
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%) !important;
    color: #fff;
    border-radius: 0;
    padding: calc(2rem + 2vw) calc(1.3rem + 1vw);
    flex-direction: row;
    display: flex
}

.card.card--growth .card-body {
    padding: 0;
    margin-top: 23px
}

.card.card--business {
    border: none;
    border-radius: 0;
    position: relative
}

.animated .card.card--business:before {
    content: "";
    position: absolute;
    right: -39%;
    top: 0;
    border-top: 2px solid var(--headingColor);
    border-right: 2px solid var(--headingColor);
    width: 30px;
    height: 30px;
    -webkit-transform: translateY(0) translateX(-222px) rotate(0);
    transform: translateY(0) translateX(-222px) rotate(0);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-tr;
    animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-tr
}

.animated .card.card--business:after,
.main-bottom-box .card.card--business:after {
    -webkit-transform: rotate(0);
    -webkit-transition: .2s linear;
    -webkit-animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-br
}

.animated .card.card--business:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -19px;
    border-right: 2px solid var(--headingColor);
    border-bottom: 2px solid var(--headingColor);
    width: 30px;
    height: 30px;
    transform: rotate(0);
    transition: .2s linear;
    animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-br
}

.main-bottom-box .card.card--business:after,
.main-bottom-box .card.card--business:before {
    position: absolute;
    left: -30px;
    border-left: 2px solid var(--headingColor);
    border-right: 0px solid #000 !important;
    width: 30px;
    height: 30px;
    content: ""
}

.growth-primary .card.card--growth:not(:last-child) {
    margin-bottom: calc(2rem + 1vw)
}

.card.card--growth .card-head {
    margin-right: 4rem
}

.card-action {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer
}

.main-digital .row {
    display: flex;
    align-items: center;
    margin-bottom: 42px
}

.main-digital .card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border-radius: .25rem
}

.main-bottom-box .card.card--business:after {
    bottom: -20px;
    border-bottom: 2px solid #000 !important;
    transform: rotate(0);
    transition: .2s linear;
    animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-br
}

.main-bottom-box .card.card--business:before {
    top: -20px;
    border-top: 2px solid #000 !important;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: .2s linear;
    transition: .2s linear;
    -webkit-animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-br;
    animation: .5s cubic-bezier(.25, .46, .45, .94) both slide-br
}

.mt-3 {
    margin-top: 22px
}

.metaverse-heading {
    font-size: 64px;
    font-weight: 800
}

.main-content-arrow .arrow {
    margin-left: 32px
}

.services-top-navbar {
    position: sticky;
    z-index: 9999
}

.new-header {
    position: fixed;
    top: 77px;
    z-index: 9999
}

#essence-section-area {
    padding-top: 82px
}

.banner-area-starts .contactbtn,
.main-common-cls .contactbtn {
    width: initial;
    margin-left: 0;
    margin-top: 10px
}

.services-top-navbar .container {
    display: flex;
    align-items: center;
    justify-content: center
}

.banner-area-starts {
    background: url(../images/background_abstract-figures.svg) center bottom/cover no-repeat;
    padding: 112px 0 70px
}

.service-banner-content {
    padding: 62px 0;
    color: #fff
}

.packages-boxes ul,
.service-banner-content p {
    margin-top: 12px
}

.main-common-cls {
    padding: 52px 0
}

.essence-box-content {
    max-width: 720px;
    margin: 0 auto
}

.popular-services-box img {
    width: 78px;
    height: auto;
    margin-bottom: 16px
}

.popular-services-box ul li {
    list-style: square;
    margin-left: 17px;
    line-height: 34px;
    margin-top: 12px
}

.popular-services-box {
    background: #fff;
    padding: 32px;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 5%);
    border: 1px solid #cacaca;
    margin-top: 32px
}

.get-tailor-offer {
    text-decoration: none;
    font-size: 18px;
    margin-left: 3px;
    margin-top: 12px;
    display: inline-block
}

.key-features-box.height-160 {
    height: 140px
}

.incident-box-text p {
    font-size: 16px;
    margin-bottom: 20px
}

.incident-box-area {
    padding-left: 18px;
    margin-top: 5px
}

.incident-box-area li {
    font-size: 16px;
    line-height: 28px;
    list-style: disc;
    font-weight: 600
}

.key-features-box {
    padding: 22px;
    background: #e1e1e1;
    border-top: 16px solid #096ad8;
    margin-top: 22px
}

.key-features-box h4 {
    font-weight: 800;
    margin-bottom: 9px
}

.ticketing-box .row {
    margin: 32px 0;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.ticketing-box {
    border: 1px solid #cacaca;
    margin: 32px 0
}

.ticketing-content p {
    margin: 12px 0
}

#key-featurea-section h3 {
    margin-top: 62px
}

.ticketing-content h3 {
    margin: 0 !important
}

.main-nav__list,
.utility-nav__list {
    margin: 0;
    padding: 0;
    list-style: none
}

.services-top-navbar {
    position: sticky;
    top: 0;
    background-color: #fff
}

.services-top-navbar .header {
    background-color: #fff;
    display: block;
    width: 100%;
    z-index: 9999;
    padding: 16px 0;
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 10%)
}

.services-top-navbar .main-nav {
    display: block;
    width: 100%;
    background: #fff;
    padding: 16px 0;
    color: #000
}

.services-top-navbar .main-nav__list {
    float: left;
    height: 3.5rem;
    display: inline-block;
    position: relative
}

.services-top-navbar .main-nav__item {
    display: inline-block;
    float: left;
    height: 3.5rem;
    margin-right: 2rem
}

.services-top-navbar .main-nav__link {
    color: var(--headingColor);
    font-weight: 500;
    height: 3.5rem;
    padding: 1rem 5px;
    float: left;
    text-decoration: none;
    text-transform: uppercase
}

.services-top-navbar .main-nav__active {
    transition: width .22s ease-in-out, left .22s ease-in-out;
    background: #096ad8;
    height: 3px;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -16px
}

.services-top-navbar .main-nav__logo {
    background: url(http://placehold.it/170x50) 0 0/contain no-repeat;
    width: 170px;
    height: 1.75rem;
    margin-top: .85rem;
    display: inline-block;
    float: left
}

.utility-nav {
    display: block;
    width: 100%;
    height: 2rem;
    background: #1c1c1c;
    background: linear-gradient(to top, #1c1c1c 0, #252525 45%, #252525 55%, #1c1c1c 100%)
}

.utility-nav__list {
    display: inline-block;
    float: right
}

.utility-nav__item {
    display: inline-block;
    float: left;
    height: 13px;
    margin-top: .5rem;
    margin-left: 1rem;
    border-left: 2px solid #fff;
    padding-left: 1rem
}

.benefits-box,
.packages-boxes {
    border-left: 1px solid #cacaca
}

.utility-nav__item:first-child {
    margin-left: 0;
    border-left: 0;
    padding-left: 0
}

.utility-nav__link {
    font-weight: 600;
    display: inline-block;
    height: .5rem;
    line-height: 1;
    float: left;
    font-size: rem(12px)
}

.Outputs_slider .swiper,
.benefits-section .swiper,
.main-slider-images .swiper {
    width: 100%;
    height: 100%
}

.main-slider-images .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Outputs_slider .swiper-slide img,
.benefits-section .swiper-slide img,
.main-slider-images .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.opportunities-box-images h4 {
    font-weight: 800
}

.benefits-box {
    padding: 22px;
    height: 100%
}

#packages-cases-section .col-md-4:last-child {
    border-right: 1px solid #cacaca
}

.benefits-box h2 {
    margin-bottom: 13px;
    color: #096ad8;
    font-weight: 800
}

.packages-boxes {
    padding: 22px 12px;
    border-bottom: 1px solid #cacaca;
    border-top: 12px solid #096ad8
}

.packages-boxes ul li {
    list-style: square;
    margin-left: 18px;
    line-height: 41px
}

.integration-content ul li {
    margin: 22px 0;
    font-size: 18px;
    list-style: square
}

.capabilities-box img {
    width: 123px;
    height: auto
}

.capabilities-content h5 {
    font-size: 23px
}

.capabilities-box {
    margin: 32px 0;
    padding: 21px;
    border: 1px solid #cacaca
}

.blockchain-area-starts {
    background: url(../images/banner-bg.svg) center bottom/cover no-repeat;
    padding: 62px 0;
    color: #fff
}

.blockchain-banner-content p {
    color: #fff;
    margin-top: 15px
}

.adjust-spacing-tabs {
    border-radius: 17px;
    box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .09);
    background-image: linear-gradient(to right, #096ad8, #418be0);
    text-align: center;
    padding: 30px;
    position: relative;
    margin-bottom: 80px
}

.feature,
.imgbox {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.adjust-spacing-tabs h4 {
    font-size: 34px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    text-align: center;
    color: #fff
}

.adjust-spacing-tabs p {
    font-size: 20px;
    color: #fff;
    line-height: 1.5
}

.container.adjust-spacing-tabs ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 40px 0 10px
}

.container.adjust-spacing-tabs ul li {
    width: 20%;
    padding: 0 25px;
    margin-bottom: 26px;
    position: relative
}

.adjust-spacing-tabs h5 {
    font-size: 20px;
    font-weight: 700;
    color: #fff
}

.container.adjust-spacing-tabs ul li img {
    width: 100%;
    height: 55px;
    object-fit: scale-down;
    filter: brightness(0) invert(1)
}

.container.adjust-spacing-tabs ul li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 92px;
    opacity: .44;
    border-style: solid;
    border-width: 1px;
    border-image-source: radial-gradient(circle at 0 50%, #fff, rgba(255, 255, 255, 0));
    border-image-slice: 1;
    right: 0
}

.container.adjust-spacing-tabs ul li:last-child::before {
    border-image-source: initial;
    border-width: 0
}

.industry-list-cb {
    position: static;
    display: flex;
    margin: 40px -15px 0;
    list-style: none
}

.industry-list-cb li {
    flex: 3;
    margin: 0 15px;
    position: relative;
    overflow: hidden
}

.industry-list-cb li>img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 21px
}

.industry-list-cb li figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: .3s ease-in-out;
    bottom: -10rem;
    padding: 21px;
    left: 0;
    right: 0;
    top: unset;
    overflow: hidden;
    display: block;
    z-index: 1
}

.industry-list-cb li figcaption h4 {
    font-size: 20px;
    font-weight: 700;
    height: 64px;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -.86px;
    color: #fff;
    margin: 0 0 10px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    position: relative
}

.industry-list-cb li figcaption h4:before {
    z-index: 1;
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: #096ad8;
    left: -20px;
    top: -7px
}

.industry-list-cb:nth-of-type(2n) li:first-child,
.industry-list-cb:nth-of-type(odd) li:nth-child(3) {
    flex: 6
}

.leverage-area-section {
    padding: 0 0 62px
}

.clr-primary {
    color: #085bb9;
    font-size: 18px;
    margin-bottom: 13px
}

.cb-sub-heading-large,
.inbox-cta h5 {
    margin: 0;
    color: #fff;
    font-stretch: normal;
    font-style: normal
}

.cb-sub-heading-large {
    font-size: 32px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: -1.29px
}

.inbox-cta {
    display: block;
    width: 100%;
    background-image: url("../images/card-bg.svg");
    background-size: cover;
    padding: 30px;
    margin-top: 30px;
    position: relative
}

.explore-area-section {
    background: var(--headingColor);
}

.gif-frame {
    pointer-events: none
}

.polygon-shape {
    position: absolute;
    width: 70px;
    right: -10px;
    top: -13px
}

.inbox-cta h5 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33
}

.inbox-cta strong {
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #fff;
    display: block;
    margin: 15px 0 20px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
}

.tiles-heading h2 {
    font-size: 45px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.34;
    letter-spacing: -.78px;
    color: #1c1f24;
    margin-left: 14px
}

.inner-tiles-diver h4,
.inner-tiles-diver p,
.tiles-layout ul li span h4 {
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal
}

.inner-tiles-diver {
    background-image: url("../images/delivered-bg.webp");
    padding: 30px;
    margin-top: 70px;
    background-size: cover;
    background-position: center right
}

.inner-tiles-diver h4 {
    font-size: 26px;
    font-weight: 700;
    line-height: 1.43;
    color: #fff;
    margin: 0
}

.inner-tiles-diver p {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.56;
    color: #fff;
    margin: 10px 0 20px
}

.tiles-layout ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0 0 0 20px;
    margin: 0;
    align-items: center
}

.tiles-layout ul li:first-child,
.tiles-layout ul li:nth-child(3) {
    margin-top: 80px
}

.tiles-layout ul li {
    width: 25%
}

.tiles-layout ul li span.wow {
    opacity: 1;
    transition: .4s;
    cursor: auto !important;
}

.tiles-layout ul li span {
    background-image: linear-gradient(to bottom, #ececec 0, #f9f9f9 98%), linear-gradient(to bottom, #ededed, #eee);
    display: flex;
    height: 165px;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    opacity: .3
}

.tiles-layout ul li span img {
    height: 50px;
    margin: 0 0 10px;
    display: block
}

.tiles-layout ul li span h4 {
    font-size: 15px;
    font-weight: 700;
    line-height: normal;
    text-align: center;
    color: #262c36
}

.tiles-layout ul li span.wow:hover {
    background-image: linear-gradient(263deg, #45a3e9 100%, #2378ce 1%);
    cursor: pointer;
    color: #fff
}

.blockchain-banner-content {
    margin: 122px 0 0
}

.blockchain-banner-content h2 {
    font-size: 50px;
    font-weight: 800;
    line-height: 71px
}

.blockchain-banner-content p {
    font-size: 17px;
    margin-bottom: 21px
}

.blockchain-banner-content .contactbtn {
    margin-left: 0;
    padding: 14px 30px;
    width: initial
}

.outline-main-btn {
    color: #fff;
    padding: 12px;
    border: 1px solid;
    border-radius: 10px;
    text-decoration: none;
    outline: 0;
    cursor: pointer
}

.modal.lets-talk {
    top: 140px !important
}

.lets-talk .modal-title {
    font-size: 32px;
    margin: 31px 0 8px;
    text-align: center
}

.lets-talk .form-control {
    font-size: 15px;
    height: inherit;
    padding: 9px 20px
}

.lets-talk .contactbtn {
    margin-left: 0 !important;
    width: 100%;
    text-align: center !important;
    display: initial !important
}

.lets-talk .close {
    margin-top: -2px;
    font-size: 52px;
    color: #096ad8;
    opacity: 1;
    float: left
}

.lets-img {
    background: url(../images/carrer_img.jpeg) center/cover no-repeat;
    height: 52vh;
    position: relative;
    padding: 0
}

.lets-talk .modal-content {
    border-radius: 0 !important
}

#calendly-widget {
    height: 65vh
}

.lets-talk .errors {
    font-size: 13px;
    margin: 9px 0 0;
    display: inline-block
}

.lets-talk .modal-lg {
    width: 1020px !important
}

.lets-talk .form-group {
    margin-bottom: 0 !important
}

.lets-talk form {
    padding: 0 21px 21px !important
}

.lets-talk .help-block {
    font-size: 12px;
    padding: 0;
    margin: 0 0 6px
}

.lets-content {
    position: absolute;
    top: 30%;
    left: 30px;
    color: #fff
}

.lets-content h4 {
    font-size: 36px
}

.lets-ovelray {
    background: #000000a8;
    height: 100%
}

.ai-top-banner {
    position: relative;
    background: #000
}

.padding-top {
    padding: 114px 0
}

.ai-top-banner video {
    width: 100%;
    height: 100vh;
    position: absolute;
    object-fit: cover
}

.ai-box-content h4 {
    margin: 18px 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 32px
}

.ai-box-content p {
    margin-bottom: 22px
}

.ai-box-content h1 {
    font-size: 53px
}

.ai-body-section {
    padding: 105px 0;
    background: center/cover #f2f5f5
}

.inner-header {
    padding: 0 0 22px
}

.ai-body-section .inner-box {
    background: #fff;
    color: var(--headingColor);
    box-shadow: 0 3px 25px #eeefef;
    border-radius: 10px;
    margin-bottom: 15px
}

.ai-body-section .inner-header img {
    background: var(--headingColor);
    border-radius: 50%;
    padding: 10px
}

.header-global-impression img {
    width: 130px;
    margin-right: 30px
}

.inner-box {
    padding: 32px 22px;
    background: 0 0;
    color: #fff;
    background-image: radial-gradient(at top right, #ffffff24 0, #096ad8 50%);
    height: 405px
}

.left-content-box h2 {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 11px
}

.left-content-box a {
    margin: 12px 0;
    display: inline-block
}

.right-box-content {
    max-height: 782px;
    overflow: auto;
    background-color: #fff
}

.right-box-content::-webkit-scrollbar {
    width: 5px
}

.right-box-content::-webkit-scrollbar-track {
    box-shadow: inset 0 0 2px grey;
    border-radius: 10px
}

.right-box-content::-webkit-scrollbar-thumb {
    background: #096ad8;
    border-radius: 10px
}

.inner-box p,
.solution-main-box p {
    font-size: 15px
}

.inner-header img {
    width: 30%;
    margin-bottom: 15px
}

.solution-section {
    padding: 106px 0;
    background: url(../images/third-section.png) center/cover no-repeat
}

.ai-outer-box .col-md-4 {
    margin: 21px 0 0
}

.solution-main-box {
    background: #ffffff14;
    padding: 23px;
    border-radius: 6px;
    color: #fff;
    border: 1px solid #fff;
    min-height: 414px
}

.circle-solution {
    background: #cddc3973;
    padding: 18px;
    display: inline-block;
    margin-bottom: 12px;
    border-radius: 50%
}

.solution-content h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 12px
}

.solution-main-box h3 {
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 12px
}

.margin-top {
    margin-top: 33px
}

.benefits-section .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.benefits-section {
    padding: 105px 0
}

.benefit-boxes h2 {
    font-size: 46px;
    font-weight: 700;
    margin-bottom: 12px;
    text-align: center
}

.benefits-inner-box p:after {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    background: #096ad8;
    border-radius: 32px;
    display: flex;
    justify-content: flex-start
}

.benefits-inner-box:after {
    content: "";
    position: absolute;
    width: 91%;
    left: 148px;
    top: 26px;
    border-bottom: 4px dotted #797878
}

.benefits-inner-box {
    width: 100%;
    position: relative
}

.benefits-inner-box span {
    position: relative;
    text-align: left;
    display: block;
    font-size: 17px;
    margin-top: 32px
}

.benefits-inner-box p {
    border: 1px solid #096ad8;
    display: inline-block;
    text-align: left;
    border-radius: 50%;
    padding: 11px
}

.generative-ai-banner-wrap h1,
.heading-ai-page h2 {
    padding-bottom: 15px
}

.whitelabel-section {
    background: url("../images/cta-four-img-box.jpg") 0 0/cover no-repeat fixed;
    padding: 32px 0
}

.whitelable-box h4 {
    color: #fff;
    margin-bottom: 22px;
    font-size: 20px
}

.whitelable-box h2 {
    font-size: 42px;
    color: #fff;
    font-weight: 800;
    margin-bottom: 22px
}

.faq-ai-section {
    padding: 122px 0;
    position: relative
}

.faq-ai-section .accordion {
    background-color: #f3f1f1;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    border: none;
    text-align: left;
    outline: 0;
    transition: .4s;
    font-size: 19px;
    border-bottom: 1px solid #00000014;
    color: var(--headingColor);
    font-weight: 800;
    box-shadow: 0 4px 20px rgb(0 0 0 / 8%)
}

.platform-users img,
.platform-users2 img,
.white-label-content:hover {
    box-shadow: 1px 0 34px 1px rgba(0, 0, 0, .13), 0 15px 34px 1px rgba(0, 0, 0, .13)
}

.faq-ai-section .accordion:after {
    content: '\002B';
    color: var(--headingColor);
    font-weight: 700;
    float: right;
    margin-left: 5px;
    font-size: 25px
}

.faq-ai-section .accordion.active:after {
    content: "\2212"
}

.promo-lines {
    position: relative;
    min-height: 240px;
    overflow: hidden
}

.line-text {
    font-size: 42px;
    text-align: center;
    color: #fff;
    white-space: nowrap;
    padding: 0 40px;
    animation: 40s linear -40s infinite animate-first-screen;
    will-change: transform;
    display: flex;
    align-items: center
}

.line-text:nth-child(2) {
    animation: 40s linear -20s infinite animate-second-screen
}

.line {
    position: absolute;
    display: flex;
    width: 110%
}

.line-red {
    background: #ff6b45;
    height: 74px;
    line-height: 118px;
    z-index: 2;
    transform: rotate(-2deg) translate(-200px, 100px);
    top: 22px
}

.line-violet {
    background: #096ad8;
    height: 68px;
    line-height: 100px;
    z-index: 1;
    transform: rotate(-1.68deg) translate(-200px, 100px);
    top: -50px
}

.chatGPT-development-area {
    background-image: url("../images/user-experience-bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 780px;
    display: flex;
    align-items: center
}

.chatgpt-content-area-right h1 {
    color: var(--headingColor);
    font-size: 59px;
    font-weight: 900;
    margin-bottom: 18px;
    line-height: 70px
}

.chatgpt-content-area-right p {
    color: var(--headingColor);
    line-height: 30px;
    font-size: 16px
}

a.lets-discuss-btn {
    margin: 25px 0 0
}

.chatgpt-content-area,
.common-padding,
.howit_new_section,
.new_talk_section {
    padding: 60px 0
}

.chatgpt-development-heading h2 {
    color: var(--headingColor);
    font-size: 40px;
    margin-bottom: 12px;
    font-weight: 900
}

.chatgpt-development-heading {
    text-align: center;
    color: #000
}

.chatgpt-section .nav.nav-tabs,
.row.chatgptheading-area {
    display: flex;
    justify-content: center
}

.chatgpt-development-heading p {
    color: gray;
    line-height: 25px
}

.chatgpt-box-content {
    padding: 30px 15px;
    border: 1px solid #eee;
    margin-top: 0;
    background: #fff;
    position: relative;
    margin-bottom: 30px;
    border-bottom-width: 3px;
    border-bottom-color: #ef6407;
    text-align: center;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column
}

.enhancing-user-experience,
.our-project-contnet {
    background-image: url("../images/user-experience-bg.jpg")
}

.chatgpt-box-content h5 {
    font-size: 18px;
    color: var(--headingColor);
    font-weight: 900;
    margin-bottom: 8px
}

.chatgpt-box-content p {
    color: gray;
    font-size: 16px
}

.chatgpt-box-icon img {
    width: 70px;
    height: auto;
    object-fit: cover
}

.enhancing-user-experience {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 80px 0
}

.enchancing-user-content h2 {
    color: var(--headingColor);
    font-size: 37px;
    margin-bottom: 18px;
    font-weight: 900;
    line-height: 48px
}

.conversational-ai-platform-content p,
.enchancing-user-content p {
    color: gray
}

.our-project-contnet {
    display: flex;
    align-items: center;
    margin: 50px 0;
    padding: 50px;
    position: relative;
    z-index: 0;
    border-radius: 10px
}

.our-project-contnet:after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #544f4c29;
    left: 0;
    z-index: -1;
    border-radius: 10px
}

.our-project-contnet.our-project-content-second:after {
    background-color: #42e3f729
}

.our-project-contnet.our-project-content-third:after {
    background-color: #ff670c29
}

.our-project-contnet.our-project-content-four:after {
    background-color: #d272c429
}

.row.chatgpt-second-area .col-md-4 {
    margin: 20px 0 0
}

.our-project-content-right h3 {
    font-size: 23px;
    color: #096ad8;
    font-weight: 900;
    margin-bottom: 25px
}

.our-project-content-right p {
    color: var(--headingColor);
    font-size: 16px;
    margin-bottom: 10px
}

.our-project-content-right a {
    color: #0968d4;
    text-decoration: underline;
    font-weight: 600
}

.hideme {
    opacity: 0
}

@keyframes shake {

    0%,
    100% {
        transform: translateX(0)
    }

    10%,
    30%,
    50%,
    70%,
    90% {
        transform: translateX(-10px)
    }

    20%,
    40%,
    60%,
    80% {
        transform: translateX(10px)
    }
}

#box {
    width: 300px;
    display: flex;
    justify-content: center;
    align-items: center
}

.gradient-animation {
    --borderWidth: 3px;
    position: relative;
    border-radius: var(--borderWidth);
    background-color: #e3e9f5
}

.gradient-animation:after {
    content: "";
    position: absolute;
    z-index: -1;
    height: calc(100% + var(--borderWidth) * 3);
    width: calc(100% + var(--borderWidth) * 3);
    background-color: #ffe53b;
    background-image: linear-gradient(60deg, #ffe53b 0, #ff2525 74%);
    background-size: 300% 300%;
    border-radius: var(--borderWidth);
    animation: 3s infinite alternate gradientAnimation
}

@keyframes gradientAnimation {
    0% {
        background-position: 0 150%
    }

    50% {
        background-position: 150% 300%
    }

    100% {
        background-position: 300% 0
    }
}

@keyframes animate-first-screen {
    0% {
        transform: translateX(100%)
    }

    100% {
        transform: translateX(-100%)
    }
}

@keyframes animate-second-screen {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(-200%)
    }
}

span.circle-solution.cirle-img-small img {
    width: 32px
}

.conversational-ai-platform-heading {
    padding-bottom: 30px
}

.flex-wrap {
    flex-wrap: wrap
}

.align-items-center {
    align-items: center
}

.justify-content-center,
.new_review_img a {
    justify-content: center
}

.order-2 {
    order: 2
}

.space-pt {
    padding-top: 80px
}

.space-pb {
    padding-bottom: 80px
}

.height-three-zero2 {
    min-height: 303px
}

.generative-ai-banner-img img,
.new_review_img img {
    border-radius: 20px
}

.heading-ai-page {
    padding-bottom: 40px
}

.generative-ai-all-box h4 {
    font-size: 20px;
    font-weight: 700;
    padding: 20px 0
}

.generative-ai-all-box {
    margin-bottom: 30px;
    border: 1px solid #0000001f;
    padding: 20px
}

.generative-ai-all-box img {
    max-width: 90px
}

.techno-comps {
    text-align: center;
    border: 1px solid #d2d2d2;
    padding: 25px;
    height: 250px
}

.techno-comps-img img {
    margin: 5px 15px
}

.techno-comps-heading h4 {
    font-size: 24px;
    font-weight: 700;
    padding-bottom: 30px
}

.left-heading-techno h4,
.new_why_section h5,
section.ai-portfolios h4 {
    font-size: 22px;
    font-weight: 600
}

.left-heading-techno {
    width: 30%
}

.classifications-wrap {
    border: 1px solid #d2d2d2;
    padding: 20px;
    display: flex;
    align-items: center;
    margin-top: 30px
}

.left-text-techno p {
    margin-left: 10px;
    background-color: #f4f4f4;
    border-radius: 4px;
    padding: 15px 10px
}

.left-text-techno.d-flex {
    flex-wrap: wrap;
    gap: 10px;
    width: 70%
}

section.ai-portfolios h4 {
    padding-bottom: 20px
}

.ai-global-impression {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap
}

.ai-global-impression img {
    width: 170px
}

.ai-portfolios-list {
    padding-top: 20px
}

.ai-portfolios-list li {
    list-style: disc;
    margin-left: 15px;
    margin-bottom: 5px
}

.ai-portfolios-list li::marker {
    color: #ed5f00
}

section.ai-portfolios img {
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .35) 0 5px 15px
}

#ada-main-chat-frame~div.iti--container {
    background: #ffffff !important;
    width: 90% !important;
    height: 92% !important;
    display: unset !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: 0 auto !important;
    right: 0 !important;
    z-index: 9999 !important
}

#ada-main-chat-frame~div.modal-backdrop {
    background: #000 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999;
    border-radius: 0 !important
}

.banner-ai {
    position: absolute;
    right: 0;
    width: 34%;
    bottom: 0;
    z-index: -1
}

.choose-us-section .services-card {
    height: unset;
    padding: 25px
}

.unleasing-ul ul li {
    padding: 22px 20px;
    background: #fff;
    margin: 12px 0;
    border: 1px solid #0000001f;
    min-height: 200px
}

.unleasing-ul ul li p {
    margin-top: 13px
}

.Staff_section.why_choose_netset.casestudty_slider_sec.common_sec .casestudy_play_video {
    z-index: 3;
    padding: 0 20px 12px;
    color: #fff;
    bottom: 45px
}

.border-bottom {
    border-bottom: 0 !important
}

.mobile-placeholder .img-container img {
    height: 100%;
    object-fit: cover
}

.nft_banner_section {
    background-image: url('../img/bgimg.png');
    background-size: cover;
    width: 100%;
    display: flex;
    padding: 120px 0 40px !important
}

.displayrow {
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px
}

.demo_section .container,
.demo_section.py-5,
.nft_banner_section.py-5,
.py-5.why_section,
.why_section.py-5.Intuitive_section,
.why_section.py-5.investor_Black {
    padding-bottom: 4rem;
    padding-top: 4rem
}

.why_us.pb-5 {
    padding-bottom: 4rem
}

.nft_banner_section .header_content h1 {
    text-transform: capitalize !important;
    font-size: 46px;
    color: var(--headingColor);
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 700
}

.nft_banner_section .swiper-slide {
    padding: 20px;
    width: 100% !important
}

.nft_banner_section .swiper-container-horizontal>.swiper-pagination-bullets,
.nft_banner_section .swiper-pagination-custom,
.nft_banner_section .swiper-pagination-fraction {
    bottom: -4px !important;
    left: 0;
    width: 100%
}

.nft_banner_section .swiper-pagination-bullet {
    width: 18px !important;
    height: 6px !important;
    display: inline-block;
    border-radius: 16px !important
}

.nft_banner_section .swiper-pagination-bullet-active {
    background: #ed5f00 !important
}

.nft_banner_section .rqst_btn,
.rqst_btn {
    padding: 13px 27px;
    background: #ed5f00;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 2px;
    color: #fff
}

.nft_banner_section .header_content h1 span {
    color: #ef6407;
    font-weight: 400
}

.nft_banner_section .header_content p {
    font-size: 16px;
    color: #666;
    width: 80%;
    padding-top: 21px
}

.nft_banner_section .rqst_btn {
    margin: 37px auto 0;
    border-radius: 100px
}

.imgbox {
    border-radius: 0 20px 20px;
    overflow: hidden
}

.rqst_btn {
    margin: 0 auto;
    border-radius: 100px
}

.rqst_btn:hover {
    transform: translateY(-12px);
    transition: .8s;
    color: #fff
}

.feature {
    padding: 10px 15px;
    width: 100%;
    background: #fff;
    margin: 8px 0 11px;
    border-radius: 4px;
    position: relative;
    align-items: center;
    cursor: pointer;
    transition: .5s;
    transform-origin: right bottom;
    border: 1px solid #086ad873
}

.feature img {
    position: absolute;
    left: 10px;
    top: 20px
}

.the-tick img,
.yellowOne {
    left: 0;
    position: absolute
}

.col-md-6 .feature:hover:nth-child(2n) {
    transform-origin: left bottom
}

.feature:hover {
    background: #086ad8;
    transform: scale(1.1);
    transform: translateX(10px)
}

.feature span {
    width: 10px;
    height: 10px;
    background: no-repeat padding-box #ed5f00;
    opacity: 1;
    font-size: 2rem;
    line-height: 3rem;
    margin-right: 10px
}

.nft_subtitle {
    line-height: 1.8em;
    font-size: 16px;
    color: #3e3e3e
}

.why_section h3 {
    font-size: 24px;
    color: var(--headingColor);
    line-height: 35px
}

.why_section h3 strong {
    color: #ed5f00;
    font-size: 30px
}

.yellowOne {
    width: 80px;
    top: -82px
}

.rightSide {
    right: 0 !important;
    width: 80px;
    top: 190px;
    position: absolute
}

.Intuitive_section,
.investor_Black {
    background: #f9f9f9;
    position: relative
}

.demo_section .container {
    background: linear-gradient(to right, #35a9ef 0, #1983c3 50%, #0d6396 100%);
    overflow: hidden;
    border-radius: 10px;
    display: flex;
    align-items: unset;
    flex-wrap: wrap
}

.demo_section h1,
.demo_section h3 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 11px
}

.demo_section p {
    font-size: 17px;
    color: #fff;
    margin-bottom: 15px
}

.the-tick img {
    min-width: 22px;
    top: 9px
}

.the-tick p {
    margin-bottom: 0;
    padding: 0 0 0 28px
}

.the-card {
    box-shadow: 0 0 20px 15px #8888881f;
    padding: 15px;
    text-align: center;
    border-radius: 6px;
    transition: .8s
}

.the-card:hover {
    transform: translateY(-20px)
}

.the-card .icon {
    margin-top: 20px;
    margin-bottom: 20px
}

.the-card .icon img {
    width: 100px
}

.the-card .card-content .customize-nft-subheading,
.the-card .card-content h3,
.the-card .card-content h4 {
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 600;
    color: #1d1d1d;
    display: block
}

.the-card .card-content p {
    font-size: 15px;
    line-height: 24px;
    color: #333333C3
}

.key_new_section i,
.service_new_section i {
    color: #04f !important
}

.service_new_section h1 {
    font-size: 68px;
    font-weight: 600;
    margin: 23px 0
}

.service_new_section p {
    font-weight: 200 !important;
    font-size: 55px;
    line-height: 1.2
}

.what_new_section {
    background-color: #d8dede
}

.compliance_section h2,
.howit_new_section h2,
.new_why_section h2,
.what_new_section .text_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 23px
}

.what_new_section .text_section p {
    color: #21212b;
    font-size: 20px
}

.what_new_section .text_section {
    background-color: #fff;
    height: 100%;
    padding: 38px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.padding_img_top {
    padding-top: 45px
}

.new_how_it_box {
    padding: 30px;
    border-radius: 8px;
    background-color: #fff;
    box-shadow: -24px 24px 40px rgb(18 18 61 / 10%);
    width: 50%;
    display: inline-block
}

.howit_new_section .right_box {
    margin-left: 0;
    text-align: right
}

.new_how_it_box h5 {
    font-weight: 600;
    font-size: 25px;
    margin: 15px 0
}

.Outputs_slider .inner-wrap-outer p,
.new_how_it_box p {
    font-size: 17px;
    color: grey
}

.new_how_it_box a {
    border: 1px solid rgba(51, 51, 51, .75);
    color: rgb(0 0 0 / 84%);
    border-radius: 100px;
    display: inline-block;
    padding: 5px 20px;
    margin-top: 19px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.7
}

.Outputs_slider h2,
.key_new_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 53px;
    color: #fff
}

.key_new_section {
    background-color: #333;
    padding: 60px 0
}

.key_new_section .key_new_box {
    background-color: #fff;
    border-radius: 10px;
    padding: 25px;
    height: 100%
}

.key_new_box h5 {
    font-size: 24px;
    margin: 17px 0;
    font-weight: 600
}

.key_new_box p {
    font-size: 17px;
    color: #000
}

.Outputs_slider .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.Outputs_slider {
    padding: 60px 0;
    background: linear-gradient(to top, #fff 0, #fff 30%, #04f 70%, #04f 100%)
}

.new_review_img {
    position: relative;
    display: inline-block;
    overflow: hidden;
    border-radius: 20px
}

.new_review_img:hover img {
    transform: scale(1.1);
    transition: .2s ease-in-out
}

.new_reviews i {
    font-size: 55px;
    color: #04f;
    margin-bottom: 30px;
    display: inline-block
}

.new_reviews p {
    font-size: 22px
}

.new_reviews h5 {
    font-size: 23px;
    color: #04f;
    margin-top: 30px
}

.new_review_img a {
    width: 70px;
    height: 70px;
    display: inline-flex;
    align-items: center;
    color: #fff;
    border-radius: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1024;
    background-color: #0044ffd1;
    transform: translate(-50%, -50%)
}

.Outputs_slider .inner-wrap-outer h4 {
    font-size: 23px;
    color: var(--headingColor);
    margin: 18px 0
}

.Outputs_slider .inner-wrap-outer .inner-wrap img {
    height: 275px;
    object-fit: cover;
    overflow: hidden
}

.Outputs_slider .inner-wrap-outer .inner-wrap {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 10px;
    padding: 20px;
    text-align: left
}

.new_why_section .panel,
.new_why_section .panel-group .panel-heading {
    padding-left: 0;
    padding-right: 0
}

.Outputs_slider .swiper-button-next,
.Outputs_slider .swiper-button-prev {
    font-size: 28px;
    width: 40px;
    height: 40px;
    background: #04f;
    border-radius: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #fff
}

.new_talk_section .bookcall,
.prime_section a.round_btn_fill,
.prime_section a.round_btn_outline {
    margin-top: 19px;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 1.7
}

.prime_section {
    background-color: #04f;
    padding: 60px 0;
    margin: 70px 0
}

.prime_section h4 {
    font-size: 27px;
    color: #fff;
    font-weight: 600;
    margin: 21px 0
}

.prime_section p {
    font-size: 22px;
    color: #fff;
    margin-bottom: 25px
}

.prime_section .box_1 {
    width: 50px;
    height: 8px;
    background-color: #fff
}

.prime_section a.round_btn_outline {
    border: 1px solid #fff;
    color: #fff;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    font-weight: 600
}

.prime_section a.round_btn_fill {
    border: 1px solid #fff;
    color: #04f;
    background-color: #fff;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    font-weight: 600
}

.new_why_section {
    padding: 20px 0
}

.new_why_section p {
    font-size: 18px;
    padding-right: 50px
}

.new_why_section .panel {
    margin-bottom: 20px;
    border: 0
}

.compliance_section_box,
.new_other_box {
    background-color: #fff;
    border-radius: 12px
}

.new_why_section .new_flex_row {
    position: relative;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    border-left: 0;
    padding: 3px 0
}

.new_why_section .new_flex_row .new_flex_1 {
    position: relative;
    width: 50%
}

.new_why_section .new_flex_row .new_flex_1 .moreless1-button {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer
}

.new_why_section .panel-heading a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000
}

.new_why_section .panel-body {
    color: grey;
    padding-left: 0
}

.compliance_section {
    background-image: url('../images/new_images/fix_img.png');
    background-position: center;
    width: 100%;
    height: 100%;
    padding: 70px 0;
    background-attachment: fixed
}

.compliance_section_box {
    box-shadow: 0 60px 135px rgb(0 0 0 / 14%), 0 15px 65px rgb(0 0 0 / 14%);
    padding: 20px
}

.compliance_section p {
    text-transform: uppercase;
    font-size: 23px;
    letter-spacing: .5rem
}

.compliance_section_box div {
    font-size: 19px;
    font-weight: 400;
    position: relative;
    padding-left: 34px;
    margin-bottom: 18px
}

.compliance_section_box img {
    position: absolute;
    left: 0;
    top: 2px;
    color: #04f;
    width: 22px;
    font-weight: 100
}

.compliance_section_box div p {
    font-size: 17px;
    color: grey;
    letter-spacing: 0;
    text-transform: unset
}

.compliance_section .row {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.Outputs_slider.black_slider {
    background: linear-gradient(to top, #fff 0, #fff 30%, #21212b 70%, #21212b 100%)
}

.new_other_box {
    box-shadow: 0 42px 64px 0 #e7e7ec;
    padding: 40px 20px;
    text-align: center
}

.new_other_box h5 {
    font-size: 22px;
    font-weight: 600;
    margin: 17px 0 12px
}

.new_other_section h2,
.new_talk_section h2 {
    font-size: 42px;
    font-weight: 600;
    margin: 0 0 53px;
    text-align: center
}

.new_other_section {
    padding: 55px 0;
    background-color: #f7f9fd
}

.new_talk_section p {
    font-size: 17px;
    color: grey;
    margin-bottom: 15px
}

.new_talk_section input,
.new_talk_section select,
.new_talk_section textarea {
    width: 100%;
    border: 1px solid #d3d3d3;
    padding: 10px;
    border-radius: 4px;
    display: block;
    margin-bottom: 15px
}

.new_talk_section .bookcall {
    border: 1px solid #04f;
    color: #fff;
    background-color: #04f;
    border-radius: 100px;
    display: inline-block;
    padding: 9px 40px;
    font-weight: 600
}

.conversational-right-area h1 {
    font-size: 60px;
    color: #fff;
    font-weight: 900;
    line-height: 75px
}

.conversational-right-area p {
    color: #fff;
    font-size: 19px;
    font-weight: 500;
    margin-top: 15px
}

.white-label-icons-area img {
    width: 60px;
    height: auto;
    padding: 5px
}

.white-label-heading-area {
    text-align: center;
    margin-bottom: 45px
}

.white-label-area {
    padding: 100px 0;
    background: #f3f4f6
}

.white-label-content {
    text-align: center;
    background-color: #fff;
    padding: 30px;
    border-radius: 30px;
    border-bottom: 2px solid #086ad8;
    min-height: 300px
}

.white-label-heading-area h6 {
    color: #086ad8;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.about-conversational-ai {
    position: relative;
    background: #000
}

.platform-users img {
    width: 930px;
    height: auto;
    border-radius: 0 30px 30px 0
}

.about-conversational-ai-content h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 900;
    line-height: 60px;
    padding-bottom: 15px
}

button.read-more-btn i {
    background: var(--headingColor);
    padding: 5px 11px;
    border-radius: 50px;
    font-size: 20px;
    margin-left: 6px
}

button.read-more-btn {
    background: linear-gradient(268.68deg, #fff -10.2%, rgb(196 249 255 / 0%) 100.26%);
    border: none;
    color: #fff;
    margin-top: 22px;
    padding: 10px 10px 10px 27px;
    border-radius: 40px;
    display: flex;
    font-weight: 600;
    align-items: center
}

.conversational-platform-icon-area img {
    width: 60px;
    height: auto
}

.conventional-ai-area .contactbtn {
    margin: 15px 0 0 !important
}

.conventional-ai-area .outline-btn,
.get-in-touch-right .outline-btn {
    border: 1px solid #fff;
    background: 0 0;
    margin: 0 10px !important
}

.get-in-touch-right .dark-btn {
    border: 1px solid #ef6407;
    background: #ef6407;
    margin: 0 10px !important
}

.focus-on-improvement {
    background-image: url("../images/focus-on-improvement.png");
    background-repeat: no-repeat;
    padding: 50px 0;
    min-height: 600px;
    display: flex;
    justify-content: center;
    align-items: center
}

.focus-on-improvement-heading-area {
    text-align: center;
    color: #fff
}

.focus-on-improvement-left ul {
    display: flex;
    margin-top: 40px
}

.focus-on-improvement-left h6 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 15px
}

.focus-on-improvement-left h3 {
    font-weight: 900;
    font-size: 35px;
    margin-bottom: 20px
}

.get-in-touch-area .container {
    background: var(--netsetColor);
    padding: 45px;
    border-radius: 15px
}

.get-in-touch-left p {
    color: #fff;
    font-size: 20px
}

.get-in-touch-right {
    justify-content: end;
    display: flex
}

.get-in-touch-left h2 {
    color: #fff;
    font-weight: 700;
    margin-bottom: 7px
}

.focus-on-improvement-left ul li {
    padding: 15px;
    background: #fff;
    text-align: left;
    margin: 0 25px 0 0;
    color: var(--headingColor);
    border-radius: 25px;
    font-weight: 900;
    font-size: 22px;
    border-bottom: 4px solid #086ad8
}

.focus-on-improvement-left ul li p {
    font-size: 18px;
    font-weight: 400
}

.focus-on-improvement-heading-area h6 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 8px
}

.focus-on-improvement-heading-area h2,
.white-label-heading-area h2 {
    font-weight: 900;
    font-size: 35px
}

.conversational-ai-platform-content {
    text-align: left;
    background-color: #086ad81c;
    padding: 30px 20px;
    border-radius: 30px;
    border-top: 2px solid #086ad8;
    min-height: 370px;
    margin-bottom: 30px
}

.conversational-ai-platform-content h5 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 6px
}

.about-conversational-ai img {
    border-radius: 30px
}

.about-conversational-ai .container-fluid {
    max-width: 80%;
    width: 100%
}

.conversational-ai-platform {
    padding: 55px 0
}

.conversational-ai-platform-heading h2 {
    text-align: center;
    font-size: 40px;
    color: var(--headingColor);
    margin-bottom: 10px;
    font-weight: 800
}

.text-clr-blue h6 {
    color: #d2691e !important
}

.text-clr-heading h6 {
    color: #00bfff !important
}

.ai-great-for {
    margin: 10px 0 20px
}

.about-conversational-ai-content p {
    color: #fff;
    font-size: 17px;
    line-height: 32px
}

.text-clr h6 {
    color: #cb0404 !important
}

.platform-users2 {
    top: 30px;
    position: absolute;
    right: 0;
    bottom: 0
}

.ai-great-for p {
    font-size: 17px;
    line-height: 30px;
    margin-left: 25px
}

.ai-great-for h6 {
    color: green;
    font-size: 20px;
    font-weight: 900;
    margin-bottom: 7px
}

.platform-users2 img {
    width: 930px;
    height: auto;
    border-radius: 30px 0 0 30px
}

.platform-users {
    position: absolute;
    left: 0;
    top: 60px;
    margin-top: 50px
}

.white-label-icons-area {
    background: #086ad8;
    width: 90px;
    height: 90px;
    margin: 0 auto 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%
}

.white-label-content h6 {
    font-size: 20px;
    color: var(--headingColor);
    margin-bottom: 8px;
    font-weight: 900
}

.white-label-content p {
    font-size: 17px;
    color: gray
}

.project-proccess .row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.chat-box {
    margin: 32px 0
}

.chat-box .row {
    display: flex;
    justify-content: center;
    align-items: center
}

.chatgpt-section .nav-tabs>li.active>a:focus {
    background: #096ad8 !important;
    color: #fff
}

.choose-main-box {
    display: flex;
    align-items: center;
    padding: 19px 0 19px 60px
}

.choose-main-box img {
    width: 10%;
    margin-right: 12px
}

.choose-user-experience a.contactbtn {
    width: 262px
}

.enhancing-user-experience-btn a.contactbtn {
    width: 222px
}

.fascinating-box img {
    width: 30%;
    margin: 0 0 22px
}

.chatgpt-second-area {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch
}

.our-execution ul li {
    width: 100%;
    float: left
}

.our-execution li:nth-child(odd) .excuation-main {
    border-radius: 15px 100px 100px 15px;
    width: 50%;
    float: left;
    position: relative
}

.our-execution li:nth-child(2n) .excuation-main {
    border-radius: 100px 15px 15px 100px;
    width: 50%;
    float: right;
    position: relative;
    padding: 0 0 0 20px
}

.our-execution ul li p {
    margin-bottom: 0;
    font-size: 14px;
    color: #223547
}

.our-execution .excuation-main .excuation-text h2 {
    font-size: 20px;
    font-weight: 700 !important;
    color: #223547;
    margin-bottom: 0
}

.our-execution li.discovery .excuation-main .excuation-img {
    background-image: url("../images/icon_design-1.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.solution .excuation-main .excuation-img {
    background-image: url("../images/icon_design-2.svg");
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.development .excuation-main .excuation-img {
    background-image: url("../images/icon_design-3.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li.testing .excuation-main .excuation-img {
    background-image: url("../images/icon_design-4.svg");
    height: 80px;
    width: 80px;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 50%
}

.our-execution li:nth-child(odd):not(:last-child) .excuation-main:after {
    content: "";
    background-image: url("../images/excuation-left-arrow.png");
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    right: -11px
}

.our-execution .excuation-main {
    border: 1px solid var(--headingColor);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -ms-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.our-execution li:nth-child(2n) .excuation-main:before,
.our-execution li:nth-child(2n) .excuation-main:hover:before {
    content: "";
    background-image: url("../images/excuation-right-arrow.png");
    height: 34px;
    width: 34px;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
    bottom: 0;
    left: -11px
}

.our-execution .excuation-main .excuation-text {
    display: inline-block;
    width: calc(100% - 110px);
    padding: 15px 20px;
    position: relative
}

.choose-main-box h3 {
    font-size: 20px;
    text-align: left;
    font-weight: 800
}

.fascinating-box h3 {
    font-weight: 800;
    font-size: 19px
}

.outerbg {
    background: url("/images/body-bg.svg") no-repeat;
    background-size: cover;
    padding-top: 40px
}

.thankyouMain {
    margin: 90px 0 0
}

.thankyouMain h1 {
    font-size: 70px;
    font-weight: 700;
    margin-bottom: 20px;
}

.thankyouMain h2 {
    font-size: 24px;
    font-weight: 700
}

.thankyouMain p {
    font-size: 18px;
    margin-top: 12px
}

.thankyouimg img {
    width: 35%
}

.path a:hover {
    color: #ed5f00;
    text-decoration: none
}

.thankyou-section {
    display: flex
}

.path {
    display: flex;
    gap: 10px;
    margin-bottom: 30px
}

.path a {
    font-size: 18px;
    font-weight: 700;
    color: #c2bfbf
}

a.active {
    color: #ed5f00
}

.path img {
    width: 25px
}

.know_heading {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 700
}

.card-area {
    padding: 20px;
    background: #ffffff91;
    border-radius: 20px;
    margin-bottom: 30px;
    text-align: center;
    border: 2px solid #ffffff
}

.card-area:hover {
    box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px
}

.cardsection {
    display: flex;
    justify-content: center
}

.card-area p {
    font-size: 15px
}

.card-area img {
    width: 70px
}

.card-area span img {
    width: 25px;
    transition: all 0.3s ease
}

.gettoknow {
    margin-top: 60px
}

.ai-saudi-heading h2 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px
}

h2.heading_lable.saudi-label {
    width: 80%;
    line-height: 50px
}

.mobile-heading span {
    color: #007aff
}

.mobile-para {
    font-size: 22px;
    text-align: center;
    margin-bottom: 30px
}

.ourlist {
    margin-bottom: 15px
}

.main-btns {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

.exc-offer {
    text-align: center
}

#ada-main-chat-frame~div {
    background: #ff5a01 !important;
    border-radius: 7px !important;
    width: 56px !important;
    height: 56px !important;
    display: flex;
    position: fixed !important;
    align-items: center;
    justify-content: center;
    bottom: 23px !important
}

.new-service-box {
    border-top: 5px solid #ed5f00;
    border-radius: 15px
}

.file {
    visibility: hidden;
    position: absolute
}

div#contct_from_new input {
    background: #fff
}

div#contct_from_new .browse {
    background: #086ad8;
    border-color: #086ad8
}

.error {
    font-size: 14px !important;
    color: red
}

.job-title-radios input {
    height: auto !important;
    margin-top: 7px
}

.inline-radios-wraper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    margin: 13px 0
}

.inline-radios-wraper .radio-inline {
    margin-left: 10px
}

.inline-radios-wraper label {
    font-weight: 500
}

.about-company-row h3,
.job-title-radios h3 {
    padding-left: 12px;
    font-weight: 700;
    margin-bottom: 8px;
    font-size: 19px;
    color: #086ad8
}

.job-title-radios h3 {
    padding-left: 0 !important
}

.contact-field {
    margin-bottom: 10px
}

.file {
    visibility: hidden;
    position: absolute
}

div#contct_from_new input {
    background: #fff
}

div#contct_from_new .browse {
    background: #086ad8;
    border-color: #086ad8
}

form#career_form input#phone {
    padding-left: 84px !important
}

.career-contact h1 {
    margin-bottom: 15px
}

.career-contact-area {
    padding-bottom: 70px !important
}

.new-white-card {
    min-height: 360px !important;
    background-color: #ffffffe3 !important
}

.new-white-card:hover {
    background-color: #fff !important
}

.new-whitecard-area .new-white-card {
    min-height: 360px
}

.new-whitecard-area .count-card {
    min-height: 370px
}

section.portfolio_headarea.career_header.innerBanner {
    margin-top: 93px;
    padding-top: 62px
}

.mobile-banner-area {
    margin-top: 108px;
    padding: 51px 0
}

.count-card {
    padding: 29px;
    border: 1px solid #fff;
    background-color: transparent;
    color: #fff;
    border-radius: 7px;
    height: 300px;
    margin-bottom: 30px
}

.count-card h3 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px
}

.count-card:hover h3 {
    font-weight: 700;
    font-size: 24px;
    transform: scale(1.2);
    margin-bottom: 20px;
    transition: all .5s ease-in-out
}

.mobile-app-services {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.mvp-jrny {
    display: flex;
    align-items: center;
    gap: 30px
}

.saudi-journey {
    padding: 26px 0;
    background: #086ad8;
    color: #fff
}

.mvp-text,
.mvp-text h2 {
    text-align: left
}

.saudi-arabia {
    margin-bottom: -115px
}

.saudi-content {
    margin-bottom: 30px
}

.ios-saudi {
    position: absolute;
    top: 0;
    left: 10px;
    width: 100px
}

.android-saudi {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px
}

.zoom-in-zoom-out {
    margin: 24px;
    width: 60px;
    height: 60px;
    animation: zoom-in-zoom-out 2s ease-out infinite
}

.ai-main-sec {
    display: flex;
    align-items: center;
    height: 650px;
}

.blockchain-main-section {
    padding-top: 50px;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1)
    }

    50% {
        transform: scale(1.5, 1.5)
    }

    100% {
        transform: scale(1, 1)
    }
}

.saudi-heading h2 {
    color: #fff !important
}

.saudi-background {
    display: flex;
    gap: 40px
}

.looking-bussiness {
    display: flex;
    align-items: center
}

.looking-bussiness h2 {
    margin: 0 0 10px 5px
}

.saudi-bussiness {
    padding: 20px 0;
    background: #ecf3fc
}

.saudi-background img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 40%;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.looking-bussiness h2 {
    font-size: 30px;
    font-weight: 700
}

.saudirow {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.footer-area {
    background-color: #086ad8;
    color: #fff;
    padding: 20px 0;
    position: relative;
    z-index: 9
}

.footer-area ul {
    list-style-type: none;
    padding: 0
}

.footer-area ul li a {
    color: #fff;
    line-height: 32px;
    font-size: 16px;
}

.footer-bold-text {
    font-size: 18px
}

.netset-img img {
    margin-bottom: 20px;
    width: 150px;
}

.address {
    margin-top: 30px;
    padding-left: 15px !important;
    border-left: 1px solid #b6b6b6b0;
    height: 150px
}

.address p,
.dubai p {
    font-size: 15px;
    line-height: 22px
}

.copyryt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 15px
}

.address a {
    font-weight: 500;
    color: #fff
}

.located {
    display: flex;
    gap: 10px;
    align-items: center
}

.located img {
    height: 25px
}

.footer-area .row {
    display: flex;
    flex-wrap: wrap
}

.saudi-section {
    background-image: url(../images/dubai.webp);
    padding-bottom: 0px !important
}

.dubai-section {
    background-image: url(../images/dubai-background.webp)
}

.row.saudirow span {
    color: #086ad8 !important;
}

.img-hero {
    display: flex;
    justify-content: center;
}

.saudi-section,
.dubai-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 70px
}

.blockchain-heading span,
.saudi-heading span {
    color: #086ad8
}

.saudi-heading {
    color: #fff
}

.saudi-para {
    color: #fff
}

.saudi-case1,
.saudi-case2 {
    margin: 10px 0 30px 0;
    border-radius: 20px;
    padding: 45px 25px
}

.saudi-case1 {
    background-color: #ed5f002b;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.saudi-case2 {
    background-color: #086ad814;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px
}

.saudi-imgcase img {
    border-radius: 10px
}

.case-logo h2 {
    font-size: 22px;
    font-weight: 600;
    margin: 10px 0
}

.saudi-case-btn {
    margin: 10px 0 0 0 !important
}

.tab-content .tab-pane .accordian_box ul li::after {
    position: absolute;
    content: "";
    height: 7px;
    width: 7px;
    background: #086ad8;
    left: -15px;
    border-radius: 100%;
    top: 15px;
    display: none
}

.innerBanner h3 {
    font-style: italic;
    margin-bottom: 10px
}

.linee {
    margin: 10px auto 30px auto
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

.lineLeft {
    margin-left: 0
}

.listStyle li {
    list-style-type: square;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.behaviour_list {
    border: 1px solid #f1f1f1;
    background: #fff;
    padding-bottom: 25px
}

.bgclr {
    background: #ef6407;
    color: #fff
}

.textClr {
    color: #ef6407
}

.spacing {
    padding: 40px
}

.content h4 {
    font-weight: 600;
    margin-bottom: 10px
}

.content ul {
    padding-left: 30px
}

.content ul li {
    list-style-type: circle;
    list-style-position: outside;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    margin: 5px 0;
    padding: 5px 0
}

.px-1 {
    padding-left: 15px;
    padding-right: 15px
}

.noteCnt ul {
    padding-left: 30px
}

.noteCnt h4 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px
}

.noteCnt ul li {
    font-size: 16px;
    margin-bottom: 5px;
    list-style-type: square;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
    padding: 5px 0
}

.singleList li {
    width: 100% !important
}

.dFlexFull {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap
}

.cntCenter {
    display: flex;
    align-content: center;
    flex-wrap: wrap
}

.imgAboutCnt {
    max-width: 400px;
    width: 100%;
    display: block;
    margin: 0 auto
}

.py-1 {
    padding-top: 15px;
    padding-bottom: 15px
}

.titleHeading {
    font-size: 35px;
    font-weight: 600
}

.under-estimate-form .modal-header {
    padding: 0
}

.under-estimate-form .modal-body {
    padding: 6px 0 0 0
}

.main-hero-content h4 {
    font-size: 22px;
    color: var(--paragraphColor);
}

.img-hero img {
    margin-top: 35px
}

.saudi-case .case-logo {
    margin-top: 8px
}

.captcha-outer label {
    position: absolute;
    bottom: 72px;
    left: 106px
}

.saudi-stories.case-section {
    margin: 31px 0 !important
}

.mail_message {
    padding-bottom: 50px !important
}

#price .row {
    display: flex;
    flex-wrap: wrap
}

p.right-new-margin a {
    color: var(--whiteColor)
}

.main_staff_div {
    margin-top: 50px
}

.form-captcha {
    padding-left: 0px !important
}

.engagement-model h5 {
    font-size: 40px;
    font-weight: 600;
    margin-bottom: 20px
}

.new-whychoose .item {
    padding: 31px 20px;
}

.new-whychoose .item p {
    font-size: 16px;
    line-height: 21px;
}

.new-whychoose .item-grid:first-child .item:first-child .outline_text,
.new-whychoose .outline_text {
    font-size: 40px !important;
    font-weight: 100 !important;
    line-height: 1 !important;
    top: 10px;
    color: transparent;
}

.transparency path {
    fill: #FFFFFF;
}

section.common_sec.development_process.ar_app_development img {
    border-radius: 16px;
    margin-top: 6px;
}

.tecno-new {
    BORDER: 1PX SOLID #bfbfbf;
    BORDER-RADIUS: 8PX;
}

.our_techno.price_section .customtechno-tab li a::after {
    display: none !important;
}

.our_techno .customtechno-tab li a {
    font-weight: 700;
}

section.about_us_banner.portfolio_headarea.career_header.blockchain-development-side {
    color: var(--headingColor) !important;
}

section.portfolio_headarea.career_header.web_app_header.lottery_headarea p {
    color: var(--whiteColor) !important;
}

.clutch-rating {
    width: 207px;
    padding: 11px;
    background-color: var(--whiteColor);
    border-radius: 5px;
}

.germany-java-process .tab-content {
    padding: 38px !important;
    height: 218px !important;
}

.germany-devops-process .tab-content {
    padding: 38px !important;
    height: 240px !important;
}

.common_sec.germany-java-process p,
.common_sec.germany-devops-process p {
    font-size: 21px !important;
}

.new-java-section {
    margin-bottom: 20px;
}

section.common_sec.mvp_dev_process.germany-java-process,
section.common_sec.mvp_dev_process.germany-devops-process {
    padding: 108px 0 !important;
}

.germany-btns {
    margin-top: 0px !important;
}

div#google_translate_element {
    position: fixed;
    top: 96px;
    z-index: 9999;
    right: 5;
}

iframe#\:2\.container {
    visibility: hidden !important;
}

.java-faq {
    list-style: disc;
    padding-left: 20px;
}

.blog_content h5 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

body:has(.skiptranslate) {
    position: static !important;
}

.services-area.solutions-area {
    padding: 70px 0;
}

.services-area.solutions-area ul {
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.services-area.solutions-area ul li {
    background: var(--whiteColor);
    border-radius: 14px;
    overflow: hidden;
}

.services-area.solutions-area ul li.active {
    color: var(--whiteColor);
}

.services-area.solutions-area ul li a {
    font-size: 17px;
    font-weight: 600;
    color: var(--linkColor);
    transition: all 0.2s ease;
    width: 100%;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
}

.services-area.solutions-area ul li a:hover {
    background: #ffe5d4;
    color: var(--subheadingColor);
}

.solution-card {
    background: var(--whiteColor);
    padding: 42px;
    border-radius: 22px;
    margin: 34px 9px 0px;
    display: flex;
    gap: 54px;
    box-shadow: rgb(9 30 66 / 0%) 0px 4px 8px -2px, rgb(9 30 66 / 0%) 0px 0px 0px 1px;
}

.solution-card img {
    width: 100%;
    border-radius: 22px;
}

.learn-btn:hover,
.learn-btn:focus {
    background: #d15b0b;
    color: var(--whiteColor);
}

.learn-btn svg {
    width: 26px;
}

.solution-card-image,
.solution-card-content {
    width: 100%;
}

.solution-card-content h4 svg {
    width: 18px;
}

.solution-card-content h4 {
    text-transform: uppercase;
    margin-bottom: 14px;
    font-weight: 600;
    color: #636365;
    display: flex;
    align-items: center;
    gap: 12px;
}

.new-slide {
    display: grid;
    gap: 0 14px;
    grid-template-columns: 0.5fr 3fr;
    border-radius: 16px;
    background: var(--whiteColor);
    align-items: start;
    padding: 20px;
    height: 460px;
}

.get-more-section {
    background: url("/images/get-more-section.webp") no-repeat;
    background-position: center;
    padding: 102px 0;
    color: var(--whiteColor);
    position: relative;
}

.get-more-section::after {
    content: "";
    background: linear-gradient(90deg, #000000 0, #0a3c7400 100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
}

.get-more-section h2 {
    font-size: 70px;
    margin-bottom: 42px;
    letter-spacing: -3px;
    z-index: 9;
    position: relative;
    font-weight: 700;
}

.get-more-section h2 span {
    font-weight: normal;
    color: var(--primaryColor);
}

/* .swiper-slide.new-slide {width:60% !important;}.new-slide.swiper-slide:nth-child(2n) {width:60%;}*/
.services-area-main {
    background: #f5f5f7;
}

.porfolioImg {
    margin-top: 13px;
    width: 100%;
}

.brandlogo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.title-wrap,
.handles .navs {
    position: relative;
    z-index: 9;
}

.insights-section .col-md-6 {
    padding: 0;
    max-height: 100%;
}

.insights-content h3 {
    color: var(--subheadingColor);
    font-size: 25px;
    margin: 12px 0;
}

.bg-different {
    position: relative;
}

.bg-different::after {
    content: "";
    background: var(--netsetColor);
    width: 49%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.insights-content {
    padding: 40px 51px;
    position: relative;
    height: 100%;
}

.insights-form button {
    background: var(--netsetColor);
    padding: 12px;
    color: var(--whiteColor);
    border-radius: 8px;
    width: 150px;
    margin-top: 0;
    font-size: 18px;
}

.latest.marquee {
    --gap: 2rem;
    --speed: 20s;
    width: 100%;
    padding: 0 0 32px 0;
}

.latest .marquee__track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    animation: marquee var(--speed) linear infinite;
    font-size: 65px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    color: #dfecfa;
}

.latest .marquee__track>span {
    flex: 0 0 auto;
    padding-inline: 0;
}

.services-area.solutions-area .tab-content .tab-pane {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.6s ease;
}

.services-area.solutions-area .tab-content .tab-pane.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.solution-card-content,
.solution-card-image {
    opacity: 0;
    transform: translateX(0);
}

.services-area.solutions-area .tab-pane.active .solution-card-content {
    animation: slideLeft 0.6s ease forwards;
}

.services-area.solutions-area .tab-pane.active .solution-card-image {
    animation: slideRight 0.6s ease forwards;
    animation-delay: 0.1s;
}

@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

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

@keyframes slideRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

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

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

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

.services-area.solutions-area {
    padding: 70px 0;
}

.services-area.solutions-area .container {
    padding: 0 170px;
}

.subheading-h2 {
    font-size: 52px;
    margin-bottom: 32px;
    font-weight: 700;
    letter-spacing: -3px;
    color: var(--subheadingColor);
    max-width: 983px;
    width: 100%;
}

.services-area.solutions-area ul {
    display: flex;
    align-items: center;
    column-gap: 9px;
}

.services-area.solutions-area ul li {
    background: var(--whiteColor);
    border-radius: 14px;
    overflow: hidden;
}

.services-area.solutions-area ul li.active {
    color: var(--whiteColor);
}

.services-area.solutions-area ul li.active a {
    color: var(--whiteColor);
    background: var(--netsetColor);
}

.services-area.solutions-area ul li a {
    font-size: 17px;
    font-weight: 600;
    color: var(--linkColor);
    transition: all 0.2s ease;
    width: 100%;
    height: 94px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    text-align: center;
}

.services-area.solutions-area ul li a:hover {
    background: #ffe5d4;
    color: var(--subheadingColor);
}

.solution-card {
    background: var(--whiteColor);
    padding: 42px;
    border-radius: 22px;
    margin: 34px 9px 0px;
    display: flex;
    gap: 54px;
    box-shadow: rgb(9 30 66 / 0%) 0px 4px 8px -2px, rgb(9 30 66 / 0%) 0px 0px 0px 1px;
}

.solution-card h3 {
    font-size: 51px;
    margin-bottom: 22px;
    font-weight: 600;
    letter-spacing: -3px;
    color: var(--subheadingColor);
}

.solution-card p {
    font-size: 18px;
    margin-bottom: 30px;
    color: var(--paragraphColor);
}

.solution-card img {
    width: 100%;
    border-radius: 22px;
}

.learn-btn {
    border: 1px solid var(--primaryColor);
    padding: 10px 24px;
    background: var(--primaryColor);
    font-weight: 600;
    margin: 0 10px 0 0;
    font-size: 18px;
    white-space: nowrap;
    transition: all 0.2s ease;
    min-height: 51px;
    display: flex;
    width: fit-content;
    color: var(--whiteColor);
    gap: 11px;
    z-index: 9;
    position: relative;
}

.learn-btn:hover,
.learn-btn:focus {
    background: #d15b0b;
    color: var(--whiteColor);
}

.learn-btn svg {
    width: 26px;
}

.solution-card-image,
.solution-card-content {
    width: 100%;
}

.mx-auto {
    margin: 0 auto;
}

/* .slider-grid {display:grid;grid-template-columns:30% 1fr;}*/
/* .slider-grid .sliderwrap {overflow:hidden;position:absolute;width:65%;right:0;}*/
.aboutslider {
    position: relative;
    padding: 45px 0px 70px;
}

.solution-card-content h4 svg {
    width: 18px;
}

.solution-card-content h4 {
    text-transform: uppercase;
    margin-bottom: 14px;
    font-weight: 600;
    color: #636365;
    display: flex;
    align-items: center;
    gap: 12px;
}

.get-more-section::after {
    content: "";
    background: linear-gradient(90deg, #000000 0, #0a3c7400 100%);
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
}

.get-more-section h2 {
    font-size: 70px;
    margin-bottom: 42px;
    letter-spacing: -3px;
    z-index: 9;
    position: relative;
    font-weight: 700;
}

.get-more-section h2 span {
    font-weight: normal;
    color: var(--primaryColor);
}

/* .swiper-slide.new-slide {width:30% !important;}*/
/* .new-slide.swiper-slide:nth-child(2n) {width:60%;}*/
.rightinfo {
    height: 100%;
    flex: 0 0 70%;
    flex-direction: column;
    padding-left: 20px;
    border-left: 1px solid #e0e0e0;
    justify-content: space-between;
}

.porfolioImg img {
    height: 148px;
    width: 100%;
    object-fit: cover;
    border-radius: 8px;
    margin-top: 12px;
}

.rightinfo a {
    color: var(--subheadingColor);
    font-size: 17px;
}

.infobox h4 {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: -1px;
}

.brandlogo {
    flex: 0 0 30%;
    margin-top: 25px;
    height: 46px;
    width: 102px;
    margin: 19px auto;
}

.handles {
    position: absolute;
    bottom: 10px;
    width: 100%;
    display: flex;
    gap: 32px;
    justify-content: flex-end;
    right: 10px;
}

.title-wrap,
.handles .navs {
    position: relative;
    z-index: 9;
}

.title-wrap {
    z-index: 0 !important;
    margin-top: 20px;
}

.insights-section {
    padding: 85px 0;
    background: var(--netsetColor);
}

.shape-asset {
    position: absolute;
    top: 0;
    right: -40px;
    left: unset;
    width: 290px;
    height: 100%;
    z-index: 0;
}

.insights-section .row {
    background: var(--whiteColor);
    border-radius: 22px;
    display: flex;
}

.insights-section .col-md-6 {
    padding: 0;
    max-height: 100%;
}

.insights-content h2 {
    font-size: 44px;
    color: var(--headingColor);
    font-weight: 600;
    letter-spacing: -2px;
}

.insights-form form {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}

.insights-form .form-group {
    width: 100%;
    position: relative;
}

.insights-form textarea {
    height: 58px;
}

.bg-different {
    position: relative;
}

.insights-form .error {
    border-bottom: 1px solid red !important;
}

.insights-form .error::placeholder {
    color: red;
}

.insights-form label {
    display: none !important;
}

.insights-form input,
.insights-form textarea {
    background: transparent;
    border-bottom: 1px solid var(--linkColor) !important;
    padding: 12px 0;
    border-radius: 0;
    border: none;
    width: 100%;
    font-size: 15px;
}

.under-img {
    position: relative;
    z-index: 9;
    height: 100%;
}

.latest.marquee {
    --gap: 2rem;
    --speed: 20s;
    width: 100%;
    padding: 0 0 32px 0;
}

.latest .marquee__track {
    display: flex;
    white-space: nowrap;
    will-change: transform;
    animation: marquee var(--speed) linear infinite;
    font-size: 65px;
    font-weight: 800;
    text-transform: uppercase;
    opacity: 1;
    color: #dfecfa;
}

.latest .marquee__track>span {
    flex: 0 0 auto;
    padding-inline: 0;
}

.services-area.solutions-area .tab-content .tab-pane {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.6s ease;
}

.services-area.solutions-area .tab-content .tab-pane.active {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.solution-card-content,
.solution-card-image {
    opacity: 0;
    transform: translateX(0);
}

.services-area.solutions-area .tab-pane.active .solution-card-content {
    animation: slideLeft 0.6s ease forwards;
}

.services-area.solutions-area .tab-pane.active .solution-card-image {
    animation: slideRight 0.6s ease forwards;
    animation-delay: 0.1s;
}

@keyframes slideLeft {
    from {
        opacity: 0;
        transform: translateX(-40px);
    }

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

@keyframes slideRight {
    from {
        opacity: 0;
        transform: translateX(40px);
    }

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

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

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

section.portfolio_headarea.career_header.web_app_header p {
    color: var(--whitecolor) !important;
}

.talent_boxes.text-left p {
    color: var(--whitecolor);
}

.cursor-banned {
    pointer-events: none;
    cursor: not-allowed;
}

.choose-why-section {
    padding: 100px 0;
    background: var(--netsetColor);
}

.choose-box {
    background: rgb(255 255 255 / 11%);
    backdrop-filter: blur(10px);
    border-radius: 29px;
    color: var(--whiteColor);
    transition: all 0.4s ease-in-out;
    position: relative;
    padding: 40px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: visible;
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%);
}

.choose-img-box {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 20px;
}

.choose-box img {
    z-index: 9;
    position: relative;
    max-width: 64px;
    width: 64px;
    height: 64px;
    text-align: left;
    filter: brightness(0) invert(1);
    opacity: 1;
    margin: 0;
}

.choose-btm-bg .choose-box h3 {
    font-size: 50px !important;
    font-weight: 700;
    letter-spacing: -2px;
    margin-top: 11px;
}

.outer-left {
    padding-left: 28px;
    margin-top: 22px;
}

.choose-btm-bg .choose-box p {
    font-size: 24px !important;
    max-width: 32%;
}

.space-top {
    margin-top: 34px;
}

.choose-box h3 {
    font-size: 28px !important;
    padding: 0 !important;
    margin-bottom: 12px !important;
    font-weight: 700;
    z-index: 9;
    position: relative;
    line-height: 1.3;
    color: #ffffff;
}

.choose-box p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px !important;
    line-height: 1.6 !important;
    padding: 0;
    margin-bottom: 0 !important;
    z-index: 9;
    position: relative;
    margin-right: 0;
}

.choose-why-section .subheading-h2 {
    margin-bottom: 12px;
    color: #ffffff;
}

.choose-why-section h3 {
    font-size: 22px;
    margin-bottom: 10px;
    color: #ffffff;
}

.choose-why-section p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 43px;
}

.choose-why-section>.container>p {
    color: rgba(255, 255, 255, 0.9);
}

.choose-box::after {
    display: none;
}

.choose-btm-bg .choose-box {
    background: url("/images/get-more-section.webp") no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
    height: 322px;
    border-radius: 21px;
}

.choose-btm-bg .choose-box::after {
    content: "";
    background: linear-gradient(90deg, #000000 0, #0a3c7400 100%) !important;
    position: absolute;
    z-index: 1;
    width: 100% !important;
    height: 100% !important;
    top: 0;
    left: 0;
    bottom: 0 !important;
    right: unset !important;
    transform: unset;
}

.insights-form {
    margin-top: 32px;
}

.our-process-infographics {
    margin: 42px 0 0 0;
}

.choose-why-section.our-process {
    background: #f5f5f7;
}

.width-wise-faq {
    max-width: 1024px;
    margin: 0 auto;
}

.tech-expertise-section {
    padding: 100px 0;
    background: #ffffff;
}

.tech-paragraph {
    margin-bottom: 32px;
}

.tech-tabs {
    display: flex;
    flex-direction: column;
    gap: 0;
    background: linear-gradient(44deg, #086ad85e 0.39%, #ffffff 35.05%, #ffffff 68.05%, #086ad896 99.26%);
    padding: 21px;
    border-radius: 23px;
    border: 1px solid #e9ecef;
}

.tech-tab-item {
    border-radius: 0;
    padding: 24px;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    border-bottom: 2px solid #e9ecef;
    position: relative;
    overflow: hidden;
}

.tech-tab-item:last-child {
    border-bottom: 0;
}

.tech-tab-item.active {
    opacity: 1;
}

.tech-tab-item h3 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 8px 0;
    transition: color 0.3s ease;
}

.tech-tab-item.active h3 {
    color: var(--netsetColor);
}

.tech-tab-item p {
    color: var(--paragraphColor);
    margin: 0;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.tech-tab-item.active p {
    color: var(--linkColor);
}

.tech-content-wrapper {
    background: var(--netsetColor);
    color: var(--sectionColor);
    border-radius: 24px;
    padding: 40px;
    min-height: 410px;
    border: 2px solid #e9ecef;
}

.tech-tab-content {
    display: none;
}

.tech-tab-content.active {
    display: block;
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

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

.tech-content-header h3 {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 8px;
}

.tech-content-header {
    position: relative;
    display: flex;
    gap: 82px;
}

.tech-content-header p {
    font-size: 18px;
    line-height: 1.6;
    margin-bottom: 40px;
    color: white;
}

.tech-tab-item .outer-partner svg {
    display: none;
}

.tech-tab-item.active .outer-partner svg {
    display: block;
    color: var(--netsetColor);
}

.outer-partner {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.outer-partner h3 {
    margin-bottom: 0;
}

.proven-tech-expertise h4 {
    font-size: 24px;
    margin-bottom: 24px;
}

.tech-icons-grid button {
    background: transparent;
}

.tech-icons-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 15px;
}

.tech-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
    background: #ffffff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 2px solid #e9ecef;
    color: black;
    padding: 12px;
    height: 150px;
    position: relative;
}

.tech-icon-item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(8, 106, 216, 0.15);
    border-color: var(--netsetColor);
}

.tech-icon-box img {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.tech-icon-item span {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
}

.ai-products-section h4 {
    color: var(--whiteColor);
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 24px;
}

.ai-product-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
    transition: all 0.3s ease;
    margin-bottom: 20px;
    border: 2px solid #e9ecef;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.ai-product-card:hover {
    border-color: var(--netsetColor);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(8, 106, 216, 0.15);
}

.ai-product-icon {
    background: linear-gradient(135deg, #086ad8 0%, #2550D4 100%);
    border-radius: 12px;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.ai-product-icon img {
    width: 35px;
    height: 35px;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

.ai-product-card h5 {
    color: var(--headingColor);
    font-size: 20px;
    font-weight: 700;
    margin: 0;
    flex: 1;
}

.ai-product-link {
    background: #f8f9fa;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--netsetColor);
    transition: all 0.3s ease;
    text-decoration: none;
    border: 2px solid #e9ecef;
}

.ai-product-link:hover {
    background: var(--netsetColor);
    color: #ffffff;
    border-color: var(--netsetColor);
    transform: rotate(45deg);
}

.top-area-form.hire-deverloper-form {
    margin: unset;
}

a.orange_button.roundd_button.hireNew-btn {
    background: var(--whiteColor) !important;
    color: var(--subheadingColor) !important;
    border: none !important;
}

.counter-column-section.hireNewpricing {
    background-color: var(--whiteColor) !important;
}

.counter-column-section.hireNewpricing .pricing-section h2,
.counter-column-section.hireNewpricing .pricing-section p,
.counter-column-section.hireNewpricing .pricing-section ul li {
    color: var(--headingColor) !important;
}

.counter-column-section.hireNewpricing .blue-btns {
    background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
}

.counter-column-section.hireNewpricing p.upwork-text img {
    filter: contrast(0.5);
}

.three-section.hireNewSteps {
    background: var(--netsetColor);
    color: var(--whiteColor);
    padding: 100px 0;
}

.hireNewStepsBoxInner::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 83%;
    background: var(--whiteColor);
    left: 34px;
    top: 70px;
}

.three-section.hireNewSteps .row {
    display: flex;
    align-items: center;
}

.three-section.hireNewSteps p {
    color: var(--whiteColor);
}

.hireNewStepsBoxInner {
    color: var(--whiteColor);
    display: flex;
    gap: 22px;
    align-items: flex-start;
    position: relative;
}

.hireNewStepsBoxInner h4 {
    font-size: 28px;
}

.hireNewStepsBoxInner p {
    color: var(--whiteColor) !important;
    margin: 12px 0 0 0;
    text-align: left;
    font-size: 17px;
}

.hireNewStepsBoxInner span {
    font-size: 30px;
    display: inline-block;
    border: 1px solid;
    padding: 12px;
    min-width: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
}

.hireNewStepsBox {
    display: flex;
    flex-wrap: wrap;
    gap: 52px;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec {
    flex-basis: 54%;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec .cir-sec .cir-box .text-wrap {
    margin-bottom: 30px;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec .cir-sec .cir-box .text-wrap .display {
    font-size: 35px;
}

.digital_pro_development.common_sec.hireNewDevelopment .services-card {
    border-top: 5px solid #ed5f00;
    border-radius: 15px;
}

.digital_pro_development.common_sec.hireNewDevelopment .card_logo.services_card_logo {
    margin: 0 !important;
}

.digital_pro_development.common_sec.hireNewDevelopment .card-title {
    font-size: 32px !important;
    text-align: left;
    line-height: 41px !important;
    font-weight: 600 !important;
    letter-spacing: -2px;
}

.digital_pro_development.common_sec.hireNewDevelopment p {
    text-align: left;
    font-size: 18px !important;
}

.digital_pro_development.common_sec.hireNewDevelopment h2 {
    font-size: 45px !important;
    font-weight: 700 !important;
    letter-spacing: -2px;
}

.cluthc-widget-body {
    padding: 54px;
    background: #f3f6f6;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.cluthc-widget-body h4 {
    font-size: 27px;
    letter-spacing: -1px;
    line-height: normal;
}

.client-name {
    font-weight: bold;
}

.client-order {
    font-size: 15px;
    font-style: italic;
}

.clutch-section-new {
    padding: 100px 0;
}

.cluthc-img {
    border-radius: 12px;
    overflow: hidden;
    padding: 12px;
    background: var(--whiteColor);
}

.under-img.mobile,
.shape-asset.mobile {
    display: none;
}

.dubai-services {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

p.upwork-text.clutch-text {
    display: flex;
    align-items: baseline;
}

.iti--separate-dial-code .iti__selected-dial-code {
    margin-left: 6px;
    color: #000 !important;
}

#estimate-form .iti__selected-dial-code {
    color: #fff !important;
}

section.digital_pro_development.common_sec.hireNewDevelopment.newsansfranc .services-card {
    height: 410px;
}

p.text-center.text-white {
    color: #fff;
}

.top-area-form.hire-deverloper-form {
    margin: unset;
}

a.orange_button.roundd_button.hireNew-btn {
    background: var(--whiteColor) !important;
    color: var(--subheadingColor) !important;
    border: none !important;
}

.counter-column-section.hireNewpricing {
    background-color: var(--whiteColor) !important;
}

.counter-column-section.hireNewpricing .pricing-section h2,
.counter-column-section.hireNewpricing .pricing-section p,
.counter-column-section.hireNewpricing .pricing-section ul li {
    color: var(--headingColor) !important;
}

.counter-column-section.hireNewpricing .blue-btns {
    background: var(--primaryColor) !important;
    color: var(--whiteColor) !important;
}

.counter-column-section.hireNewpricing p.upwork-text img {
    filter: contrast(0.5);
}

.three-section.hireNewSteps {
    background: var(--netsetColor);
    color: var(--whiteColor);
    padding: 100px 0;
}

.hireNewStepsBoxInner::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 83%;
    background: var(--whiteColor);
    left: 34px;
    top: 70px;
}

.three-section.hireNewSteps .row {
    display: flex;
    align-items: center;
}

.three-section.hireNewSteps p {
    color: var(--whiteColor);
}

.hireNewStepsBoxInner {
    color: var(--whiteColor);
    display: flex;
    gap: 22px;
    align-items: flex-start;
    position: relative;
}

.hireNewStepsBoxInner h4 {
    font-size: 28px;
    margin-top: 15px;
}

.hireNewStepsBoxInner p {
    color: var(--whiteColor) !important;
    margin: 12px 0 0 0;
    text-align: left;
    font-size: 17px;
}

.hireNewStepsBoxInner span {
    font-size: 30px;
    display: inline-block;
    border: 1px solid;
    padding: 12px;
    min-width: 70px;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 42px;
}

.hireNewStepsBox {
    display: flex;
    flex-wrap: wrap;
    gap: 52px;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec {
    flex-basis: 54%;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec .cir-sec .cir-box .text-wrap {
    margin-bottom: 30px;
}

.counter-column-section.hireNewRatings .dis-flex .right-sec .cir-sec .cir-box .text-wrap .display {
    font-size: 35px;
}

.digital_pro_development.common_sec.hireNewDevelopment .services-card {
    border-top: 5px solid #ed5f00;
    border-radius: 15px;
}

.digital_pro_development.common_sec.hireNewDevelopment .card_logo.services_card_logo {
    margin: 0 !important;
}

.digital_pro_development.common_sec.hireNewDevelopment .card-title {
    font-size: 32px !important;
    text-align: left;
    line-height: 41px !important;
    font-weight: 600 !important;
    letter-spacing: -2px;
}

.digital_pro_development.common_sec.hireNewDevelopment p {
    text-align: left;
    font-size: 18px !important;
}

.digital_pro_development.common_sec.hireNewDevelopment h2 {
    font-size: 45px !important;
    font-weight: 700 !important;
    letter-spacing: -2px;
}

.cluthc-widget-body {
    padding: 54px;
    background: #f3f6f6;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.cluthc-widget-body h4 {
    font-size: 27px;
    letter-spacing: -1px;
    line-height: normal;
}

.client-name {
    font-weight: bold;
}

.client-order {
    font-size: 15px;
    font-style: italic;
}

.clutch-section-new {
    padding: 100px 0;
}

.cluthc-img {
    border-radius: 12px;
    overflow: hidden;
    padding: 12px;
    background: var(--whiteColor);
}

.newpages-listing li {
    float: unset;
    width: 100% !important;
}

.newpages-listing li p {
    font-size: 18px !important;
}

.clientslide-info {
    margin-top: 25px;
}

.hire-clutch {
    margin-top: 20px;
}

.threemodal-tabs {
    height: 477px;
    display: flex;
    align-items: center;
}

.countries-pages h2 {
    font-size: 54px;
    font-weight: 500;
}

.newcities-pages a {
    background: #fff;
    border: 2px solid #e4e4e4;
    color: #000;
    padding: 15px 30px;
    border-radius: 13px;
    text-decoration: none;
    display: inline-block;
    margin: 13px auto 0 auto;
    border-radius: 16px;
}

.newcities-pages a:hover {
    color: #086ad8;
}

section.countries-pages h2 {
    text-align: center;
    margin: 30px;
}

.countries-pages {
    padding: 50px 0;
}

.main-logos ul {
    display: flex;
    gap: 10px;
    padding-left: 0px;
    margin-left: 0px;
}

.solana-process .nav.nav-pills li {
    width: 49%;
    display: inline-block;
    float: inherit;
    vertical-align: middle;
    margin-bottom: 5px;
}

.solana-process .nav.nav-pills li a {
    color: #000;
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    border: 2px solid #e9e9e9;
}

.solana-process .nav.nav-pills li.active a,
.solana-process .nav.nav-pills li a:hover {
    background-color: #086ad8 !important;
    color: #fff !important;
    border: 2px solid #086ad8;
}

.solana-process .tab-content {
    background: #086ad8;
    padding: 30px;
}

.solana-process .tab-content p {
    color: #fff;
}

.call_to_action_home {
    display: flex;
    align-items: center;
}

.main-logos ul {
    display: flex;
    gap: 10px;
    padding-left: 0px;
    margin-left: 0px;
}

.solana-process .nav.nav-pills li {
    width: 49%;
    display: inline-block;
    float: inherit;
    vertical-align: middle;
    margin-bottom: 5px;
}

.solana-process .nav.nav-pills li a {
    color: #000;
    padding: 20px;
    font-weight: 500;
    font-size: 16px;
    line-height: 26px;
    border: 2px solid #e9e9e9;
}

.solana-process .nav.nav-pills li.active a,
.solana-process .nav.nav-pills li a:hover {
    background-color: #086ad8 !important;
    color: #fff !important;
    border: 2px solid #086ad8;
}

.solana-process .tab-content {
    background: #086ad8;
    padding: 30px;
}

.solana-process .tab-content p {
    color: #fff;
}

.portfolio_headarea.career_header.web_app_header .portfolio-connect {
    color: #fff !important;
}

.toolbar-container {
    position: fixed;
    bottom: 14px;
    right: 14px;
    z-index: 1000;
}

.toolbar {
    display: flex;
    align-items: center;
    background: var(--primaryColor);
    border-radius: 50px;
    box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.19), 0 0.375rem 0.375rem rgba(0, 0, 0, 0.23);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 4px;
    width: 5.5rem;
    justify-content: center;
    animation: glowing 1.5s infinite alternate;
}

@keyframes glowing {
    from {
        box-shadow: 0 0 5px #ed5f0069, 0 0 10px #ed5f0069, 0 0 20px #ed5f0069;
    }

    to {
        box-shadow: 0 0 20px #ed5f0069, 0 0 40px #ed5f0069, 0 0 60px #ed5f0069;
    }
}

.toolbar.expanded {
    width: 251px;
    padding: 5px;
    background: var(--netsetColor);
}

.toggle-btn {
    background: #fff;
    border: none;
    border-radius: 50%;
    min-width: 47px;
    min-height: 47px;
    width: 47px;
    height: 47px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    margin-left: 0;
    order: 2;
}

.toolbar.expanded .toggle-btn {
    margin-left: auto;
}

.toggle-btn svg {
    width: 20px;
    height: 20px;
    transition: transform 0.3s ease;
}

.toolbar-items {
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: 0;
    max-width: 0;
    overflow: hidden;
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    order: 1;
}

.toolbar.expanded .toolbar-items {
    opacity: 1;
    max-width: 240px;
    margin-right: 12px;
}

.toolbar-item {
    background: var(--whiteColor);
    border: none;
    padding: 5px;
    border-radius: 50%;
    min-width: 47px;
    min-height: 47px;
    height: 47px;
    width: 47px;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    transform: translateX(20px);
    opacity: 0;
    box-shadow: 0 0.188rem 0.375rem rgba(0, 0, 0, 0.16), 0 0.188rem 0.375rem rgba(0, 0, 0, 0.23);
}

.toolbar.expanded .toolbar-item {
    transform: translateX(0);
    opacity: 1;
}

.toolbar.expanded .toolbar-item:nth-child(1) {
    transition-delay: 0.1s;
}

.toolbar.expanded .toolbar-item:nth-child(2) {
    transition-delay: 0.2s;
}

.toolbar.expanded .toolbar-item:nth-child(3) {
    transition-delay: 0.3s;
}

.toolbar.expanded .toolbar-item:nth-child(4) {
    transition-delay: 0.4s;
}

.close-icon {
    background: var(--whiteColor) !important;
}

.toolbar-item.call {
    background: #1d4ed8;
}

.toolbar-item.call:hover {
    background: #1e40af;
    transform: scale(1.1);
}

.toolbar-item.qr {
    background: #6b7280;
}

.toolbar-item.qr:hover {
    background: #4b5563;
    transform: scale(1.1);
}

.toolbar-item svg,
.toggle-btn svg {
    width: 18px;
    height: 18px;
}

.toolbar-labels {
    position: absolute;
    bottom: 80px;
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    pointer-events: none;
}

.toolbar.expanded .toolbar-labels {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.5s;
}

.mobile-handles {
    display: none !important;
}

.new-fullstack-tech {
    margin: 60px 0;
}

.wide-input {
    width: 100%;
}

.italic {
    font-family: "Instrument Serif", serif;
    font-style: italic;
}

.banner-titles h1 {
    font-size: 79px !important;
    font-weight: 600 !important;
    letter-spacing: -0.04em !important;
    line-height: normal !important;
    margin-bottom: 30px;
    color: #fff;
}

.banner-titles p {
    color: #fff;
    margin-bottom: 20px;
}

.section-gap {
    padding: 40px 0 80px;
}

.section-gap .section-title {
    display: flex;
}

.section-title span {
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px 16px;
    border-radius: 12px;
    width: 100%;
    justify-content: center;
}

h2.devs-title {
    font-size: 3.2em !important;
    max-width: 909px !important;
    margin: 0 auto !important;
}

.main-services-grid {
    margin-top: 50px;
}

.servicebox-freetrial {
    border: 1px solid #ddd;
    margin-bottom: 30px;
    transition: all 0.3s ease;
    overflow: hidden;
    padding: 48px 24px;
    border-radius: 24px;
    opacity: 1;
    position: relative;
    min-height: 317px;
    box-sizing: border-box;
}

.servicebox-freetrial.last {
    min-height: 250px !important;
}

section.trial-choose {
    background: #086ad8;
}

.servicebox-freetrial:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.servicebox-freetrial h3 {
    font-size: 36px;
    margin-bottom: 15px;
    font-weight: 600;
}

.servicebox-freetrial p {
    color: #555;
    margin-top: 2em;
    line-height: 1.6;
}

.comparison-label {
    display: inline-block;
    padding: 5px 15px;
    border: 1px solid #ddd;
    border-radius: 20px;
    font-size: 12px;
    color: #cfcfcf;
    margin-bottom: 10px;
}

.comparison-title {
    font-size: 3.2em;
    max-width: 909px;
    margin: 0 auto !important;
    color: #fff;
}

.comparison-title em {
    font-style: italic;
}

.comparison-box {
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 30px 25px;
    margin-bottom: 30px;
    box-sizing: border-box;
    min-height: 380px;
}

.left-box li {
    color: #dbd8d8;
}

.right-box li {
    color: #ffffff;
}

.comparison-box ul {
    list-style: none;
    padding-left: 0;
}

.comparison-box li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 25px;
    line-height: 1.6;
}

.left-box li::before {
    content: "✖";
    position: absolute;
    left: 0;
    color: #dbd8d8;
}

.right-box li::before {
    content: "✔";
    position: absolute;
    left: 0;
}

.other-agency h3,
.netset h3 {
    font-size: 32px;
    color: black;
    margin: 30px 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.other-agency h3 {
    color: #dbdbdb;
}

.netset h3 {
    color: #fff;
}

.servicebox-freetrial::after {
    position: absolute;
    content: " ";
    width: 200px;
    height: 200px;
    z-index: 999;
    background: linear-gradient(97deg, #024dbf 0.39%, #2550D4 35.05%, #1f85ce 68.05%, #084A9F 99.26%);
    border-radius: 100%;
    opacity: 2;
    filter: blur(35px);
}

.servicebox-freetrial.second:after {
    right: -15%;
    top: -31%;
}

.servicebox-freetrial.first:after {
    left: -15%;
    top: -31%;
}

.free-trail-list li {
    width: 16% !important;
    min-height: 127px !important;
    padding: 15px !important;
    cursor: pointer;
}

.free-trail-list li img {
    height: 50px !important;
}

.free-trail-list li p {
    margin-bottom: 8px !important;
}

.free-trial-btn-top {
    text-align: center;
    display: flex;
    margin-top: 50px;
    margin-bottom: 30px !important;
}

.free-trial-btn-top .button {
    display: flex;
    border-radius: 10px;
    transition: 0.5s;
    font-size: 23px;
    background: transparent;
    color: white;
    animation: blurr 2s;
    animation-iteration-count: infinite;
    outline: none;
    cursor: pointer;
    border: none;
    align-items: center;
    z-index: 99;
    padding: 5px;
    text-transform: uppercase;
    border: 1px solid #ffffff4f;
    text-decoration: none !important;
}

.free-trial-btn-top .button span {
    padding: 13px 31px;
    border: 1px solid #ffffff87;
    border-radius: 7px;
}

section.generative-ai-banner.space.free-trial-developers {
    background-color: #000 !important;
}

.freetrial-form button#submit {
    background: #6c521f;
    border: 2px solid white !important;
}

.freetrial-form {
    background: #161616;
    padding: 25px 50px;
    box-shadow: 2px 20px 30px 8px rgba(0, 0, 0, 0.21);
}

.blackbody {
    background-color: #000 !important;
}

.blackbody p,
.blackbody h1,
.blackbody h2,
.blackbody h3,
.blackbody h4,
.blackbody li {
    color: #ffff !important;
}

.blackbody section {
    background-color: #0000 !important;
}

.blackbody .hireNewpricing {
    background-color: #000 !important;
}

.blackbody .header {
    display: none;
}

.freetrial-logo img {
    width: 120px;
    margin-top: 50px;
}

.blackbody .space {
    padding: 60px 0 100px 0 !important;
}

.blackbody .technologies-area .panel.panel-default {
    border-bottom: 1px solid #ffffff21 !important;
    padding: 8px;
    background: #b5b3b321 !important;
}

.blackbody .panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 0px;
}

.blackbody .accordian_box .panel-heading {
    background-color: transparent;
}

.blackbody .accordian_box .panel-title a {
    color: #fff;
}

.blackbody .panel-body {
    color: #b6b5b5;
}

.blackbody .our_techno .techno_list ul li {
    background-color: transparent;
}

.blackbody .our_techno .techno_tab .nav-tabs li.active a {
    box-shadow: none;
}

.blackbody .cluthc-widget-body {
    background: #222222;
}

.blackbody .client-order {
    color: white;
}

.blackbody .clutch-freetrial {
    background: #fff;
    padding: 8px;
    width: fit-content;
}

.blackbody .hire-clutch {
    margin-top: unset;
}

.blackbody .our_techno .techno_tab li a {
    color: #000;
}

.blackbody .our_techno .techno_tab li {
    background-color: #fff;
}

.blackbody .ctabtn {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.blackbody .ctabtn .free-trial-btn-top .button span {
    padding: 26px 61px;
    border: 1px solid #ffffff87;
    border-radius: 7px;
}

.ap-main-heading h2 {
    color: #fff !important;
}

.supprt_box li {
    color: #b0b0b0 !important;
}

form#formid1 .iti--separate-dial-code .iti__selected-dial-code {
    color: var(--whiteColor) !important;
}

.hire-list li {
    color: var(--whitecolor);
}

section.choose_use_sction.features-area.new_custom_section .item p,
section.choose_use_sction.features-area.new_custom_section .item i {
    color: var(--whiteColor) !important;
}

.contact-card-view #phone_career-error {
    position: absolute;
    left: 0;
    bottom: -28px;
}

@keyframes blurr {

    0%,
    100% {
        box-shadow: 0 0 10px var(--handshake);
    }

    50% {
        box-shadow: 0 0 36px var(--handshake);
    }
}

@keyframes fade {
    0% {
        opacity: 100%;
    }

    100% {
        opacity: 0%;
    }
}

.skillscoop-testimonials h3 {
    font-size: 34px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 30px;
}

.skillscoop-review {
    padding: 50px 0;
}

.review-video-conatiner {
    margin-top: 40px;
}

.review-video-conatiner img {
    width: 70%;
}

a.services-cards.box-clr h4 {
    line-height: normal !important;
}

.casestudy_logo.index-cube-logo img {
    max-width: 72px;
}

section.Staff_section.happy-help {
    padding: 100px 0;
}

.cop-heading {
    color: #fff;
}

.casestudy_logo.v2a-logo img {
    max-width: 70px;
}

.qbounce-logo img {
    max-width: 140px !important;
}

.mental-health-content.health-content p {
    color: #000;
}

.update-section {
    background: #f5f5f7 !important;
    padding: 34px 0;
}

.main-index-content {
    display: flex;
}

.update-section .card-content {
    height: fit-content !important;
}

h2.heading_lable.new-cta-label {
    width: 70%;
    line-height: 50px;
    font-size: 42px !important;
}

a.orange_button.roundd_button.new-btn-cta {
    margin-top: 27px;
}

.credibility-stats-section {
    background: var(--netsetColor);
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

.credibility-stats-section .row {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    flex-wrap: wrap;
}

.credibility-stats-section .col-lg {
    flex: 1;
    min-width: 180px;
}

.tech-content-wrapper.technology-box .tech-icons-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 15px;
}

.technology-box .tech-icon-box img {
    width: fit-content;
    height: 70px;
}

.technology-box .tech-icon-item span {
    font-weight: 600;
}

.technology-box .tech-icon-item {
    height: fit-content;
}

.stats-card {
    backdrop-filter: blur(10px);
    border-radius: 16px;
    padding: 30px 20px;
    background: linear-gradient(44deg, #ffffff14 0.39%, #086ad8 35.05%, #00000000 68.05%, #ffffff45 99.26%);
    text-align: center;
    height: 100%;
    transition: all 0.3s ease;
    position: relative;
}

.stats-card:hover {
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.25);
    box-shadow: -1px -2px 0px 0px rgb(255 255 255 / 30%);
}

.million-text {
    font-size: 30px;
}

.stats-card h3 {
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    margin: 0 0 10px 0;
    font-family: "onest", sans-serif;
    line-height: 1.2;
}

.stats-card h3::after {
    content: '+';
    font-size: 36px;
    margin-left: 5px;
}

.stats-card.percent h3::after {
    content: '%';
}

.stats-card p {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.9);
    margin: 0;
    font-weight: 400;
}

.home-services a {
    color: var(--netsetColor);
}

.home-services .read-more {
    left: 10%;
}

.software-section {
    padding: 80px 0 0 0;
    background: #fafbfc;
}

.pricing-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.netset-pricing-wrapper {
    padding: 80px 0;
}

.netset-pricing-cards-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin: 42px auto 0;
}

.netset-pricing-card {
    background: linear-gradient(44deg, #086ad85e 0.39%, #ffffff 35.05%, #ed5f000f 68.05%, #ed5f0045 99.26%);
    border-radius: 26px;
    padding: 31px;
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
}

.netset-pricing-card:hover {
    transform: translateY(-8px);
}

.netset-pricing-plan-name {
    font-size: 29px;
    font-weight: 700;
    color: #000;
    margin-bottom: 22px;
    letter-spacing: -1px;
    line-height: normal;
}

.netset-pricing-features-list {
    list-style: none;
    padding: 0;
    margin: 0 0 30px;
    flex-grow: 1;
}

.netset-pricing-features-list li {
    font-size: 19px;
    color: #444;
    line-height: 1.8;
    margin-bottom: 14px;
    padding-left: 28px;
    position: relative;
}

.netset-pricing-features-list li:before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--netsetColor);
    font-size: 24px;
    line-height: 1;
    top: -2px;
}

.netset-pricing-button-wrapper {
    margin-top: auto;
}

.netset-pricing-btn {
    display: block;
    width: 100%;
    padding: 10px 24px;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    transition: all 0.3s ease;
    border: 1px solid transparent;
}

.netset-pricing-btn-primary {
    border: 2px solid var(--primaryColor);
    color: var(--primaryColor) !important;
}

.netset-pricing-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(230, 36, 21, 0.3);
}

.netset-pricing-btn-secondary {
    background: #fff;
    color: #000;
    border-color: #e5e7eb;
}

.netset-pricing-btn-secondary:hover {
    background: #f9fafb;
    border-color: #000;
    color: #000;
    transform: translateY(-2px);
}

.footer-heading {
    font-size: 23px;
    margin-bottom: 15px;
    margin-top: 9px;
    font-weight: 600;
}

.border-footer {
    border-bottom: 1px solid #ffffff47;
    padding-bottom: 22px;
    margin-bottom: 18px;
}

.footer-subheading {
    font-weight: 600;
    margin-bottom: 13px;
    display: block;
    font-size: 20px;
}

.certification-section {
    background-color: #ffffff;
    padding: 80px 0;
}

.certification-cards-container {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin: 0 auto;
}

.certification-card {
    background: linear-gradient(44deg, #086ad85e 0.39%, #ffffff 35.05%, #ffffff 68.05%, #086ad896 99.26%);
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 40px 30px;
    text-align: center;
    width: 100%;
    transition: none;
}

.certification-badge {
    width: 170px;
    height: 140px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.certification-badge img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.certification-card h3 {
    font-size: 22px;
    font-weight: 700;
    color: #000;
    margin-bottom: 10px;
    line-height: 1.2;
}

.certification-card p {
    font-size: 19px;
    color: #666;
    line-height: 1.5;
    margin: 0;
}

.tech-tabs.left-sidebar {
    min-height: 625px;
}

.section-subtitle {
    font-size: 23px;
    font-weight: 600;
    margin: 34px 0px 25px 30px;
}

.coming-soon-text {
    color: #999999 !important;
}

.content-section {
    scroll-margin-top: 100px;
    margin: 0 0 62px 0;
}

.section-title {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.guide-main-content {
    background: #fff;
    padding: 25px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.subsection {
    scroll-margin-top: 100px;
}

.subsection-title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 20px;
}

.guide-main-content p {
    font-size: 18px;
    color: black;
    padding-left: 30px;
}

.content-guidline {
    list-style: disc;
    padding-left: 50px;
    margin: 19px 0 22px;
}

.content-guidline li {
    color: black;
    font-size: 18px;
}

.highlight-box {
    background: #f8f9fa;
    border-left: 4px solid #086ad8;
    padding: 20px 25px;
    border-radius: 8px;
    margin: 20px 0;
}

.highlight-box h4 {
    font-size: 18px;
    font-weight: 600;
    color: #222;
    margin-bottom: 15px;
}

.custom-list {
    list-style: none;
    padding-left: 0;
}

.custom-list li {
    padding-left: 25px;
    position: relative;
    margin-bottom: 10px;
    color: #444;
    line-height: 1.6;
}

.custom-list li:before {
    content: "•";
    color: #086ad8;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    left: 0;
}

.guide-hero-section {
    padding: 180px 0 40px;
    background: var(--netsetColor);
}

.guide-hero-section .index-heading {
    color: white !important;
}

.guide-hero-section a.it-area-case-study {
    border: 2px solid #fff;
    background: 0 0;
    color: #fff;
}

.guide-img img {
    max-width: 372px;
    width: 100%;
}

.guide-hero-banner {
    margin: 42px 0;
}

.guide-content-section {
    padding: 42px 0;
    background: #f3f6f6;
}

.table-of-contents {
    background: white;
    padding: 20px 17px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
}

.toc-title {
    font-size: 20px;
    font-weight: 700;
    color: #121111;
    margin-bottom: 0;
    padding-bottom: 15px;
    border-bottom: 2px solid #f0f0f0;
}

.toc-list {
    list-style: none;
    padding: 0;
    margin: 0;
    height: calc(100vh - 270px);
    overflow: auto;
    padding-top: 7px;
}

.toc-list>li>.toc-link {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: block;
    padding: 4px 10px 4px 0;
    position: relative;
}

.toc-list>li>.toc-link:hover {
    color: var(--netsetColor);
}

.toc-sublist {
    list-style: none;
    padding-left: 19px;
    margin-top: 0;
}

.toc-sublist .toc-link {
    font-size: 16px;
    color: #000;
    display: block;
    padding: 2px 0;
}

.toc-sublist .toc-link:hover,
.toc-sublist .toc-link.active {
    color: var(--netsetColor);
}

.toc-sublist .toc-link.active {
    font-weight: 600;
}

.guide-action {
    display: flex;
    margin: 12px 0;
    align-items: center;
}

.sticky-guidline {
    position: sticky;
    top: 108px;
    height: 100%;
}

.guide-action a {
    width: fit-content;
    justify-content: center;
    font-size: 15px;
    padding: 7px 25px;
    align-items: center;
}

.learn-btn.it-area-case-study.call-action {
    background: #FF5722;
    color: white;
}

.guide-hero-section .container,
.guide-content-section .container {
    max-width: 1470px;
    width: 100%;
    padding: 0;
}

.toc-sublist {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease;
}

.toc-list li.open>.toc-sublist {
    max-height: 1000px;
}

.toc-list>li>a::after {
    content: '+';
    float: right;
    font-size: 20px;
    font-weight: 600;
    color: #000;
    transition: transform 0.25s ease;
    display: none;
    position: absolute;
    right: 0;
    top: 4px;
}

.toc-list>li:has(.toc-sublist)>a::after {
    display: inline-block;
}

.toc-list li.open>a::after {
    content: '−';
    transform: none;
}

.different-text {
    color: var(--netsetColor);
    margin-left: 30px;
    display: block;
    margin-top: 3px;
}

.services-cards.new-logo.empty {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
}

.top-area-form.top-form-area h4 {
    color: var(--whiteColor);
    padding: 13px 0;
}

.service_box.whitelable-card .services-card {
    min-height: 100%;
}
.guide-widget {
    position: fixed;
    bottom: 10px;
    left: 10px;
    z-index: 9999;
    background: url("/images/ebook-bg.webp") no-repeat center center;
    padding: 22px;
    border-radius: 20px;
    max-width: 297px;
    width: 100%;
    border: 1px solid;
    color: var(--whiteColor);
    box-shadow: 8px 0rem 1.25rem rgb(0 0 0 / 1%), 0 0.375rem 0.375rem rgba(0, 0, 0, 0.23);
}
.guide-widget span {
    background: #ffffff;
    font-size: 15px;
    padding: 3px 18px;
    border-radius: 22px;
    display: inline-block;
    margin-bottom: 10px;
    color: black;
}
.guide-widget img {
    width: 82px;
    margin-bottom: 12px;
}
.guide-widget h4 {
    font-size: 19px;
    letter-spacing: 0px;
    margin-bottom: 12px;
    font-weight: 700;
}
.close-guide-btn {
    background: transparent;
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}
.guide-widget .swiper-pagination-bullet{
    padding: 0;
}
.guide-widget .swiper-pagination {
    top: 10px;
    bottom: unset;
}
.guide-widget .learn-btn.it-area-case-study.cursor-pointer {
    min-height: 33px;
    font-size: 16px;
    padding: 0px 17px;
}