body,
html {
    height: 100%;
    transform: scale()
}

*,
body,
html {
    transform: scale()
}

.tech-content-secondary h1,
.techno-content-para p {
    font-family: roboto;
    text-align: left;
    font-style: normal
}

.partner-kaledio,
.partner-oyo,
.partner-soldex {
    width: 66%;
    left: 62px;
    position: relative
}

#main,
#partner,
#statics {
    max-width: 100%
}

.must-text a:hover,
.read-more {
    float: right;
    text-decoration: none
}

.accordion button .icon::after,
.accordion button .icon::before {
    content: "";
    position: absolute;
    background: currentColor;
    display: block
}

#solution a,
.era-solution,
.home-text a,
.list-group-item a,
.must-text a:hover,
.read-more,
.solution-heading-forth p {
    text-decoration: none
}

html {
    scrollbar-width: auto;
    scrollbar-color: darkgray lightgray;
    scroll-behavior: smooth
}

body::-webkit-scrollbar {
    width: 12px
}

body::-webkit-scrollbar-track {
    background: #d3d3d3
}

body::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    border-radius: 6px
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box
}

body {
    overflow: auto;
    font-family: open sans, sans-serif !important
}

.main-heads-index {
    background-color: #000820
}

.partner-airbnb,
.partner-kaledio,
.partner-netflix,
.partner-oyo,
.partner-soldex {
    background-color: #030927;
    border-radius: 9px;
    height: auto
}

@font-face {
    font-family: Font-Awesome;
    font-style: normal;
    font-weight: 400;
    src: local("Font Awesome"), local(Font-Awesome), url(https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css) format("woff2");
    font-display: swap
}

@font-face {
    font-family: Bootstrap-icons;
    font-style: normal;
    font-weight: 400;
    src: local("Bootstrap icons"), local(Bootstrap-Icons), url(https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.1/font/bootstrap-icons.css) format("woff2");
    font-display: swap
}

.technical-group-horizontal,
.techno-main {
    display: flex;
    flex-direction: row
}

.list-group,
.owl-carousel {
    justify-content: center
}

.tech-content-secondary {
    padding-top: 15px
}

.tech-content-secondary h1 {
    font-weight: 500;
    font-size: 38px;
    line-height: 64px;
    color: #06daf7
}

.techno-content-para p {
    font-weight: 400;
    font-size: 17px;
    color: #f0f0f0
}

.main-primary,
.partner-heading h5 {
    font-family: Roboto;
    font-size: 36px
}

#partner {
    height: auto;
    background: #060d30;
    padding-bottom: 50px
}

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

.partner-heading h5 {
    color: #fff;
    font-style: normal;
    font-weight: 500;
    line-hezzight: 75px;
    letter-spacing: 0;
    text-align: center
}

.owl-carousel {
    display: flex;
    align-items: center;
    margin: auto
}

.partner-oyo {
    padding: 42px 29px 41px
}

.partner-soldex {
    padding: 60px 29px
}

.partner-kaledio {
    padding: 56px 29px 52px
}

.partner-airbnb {
    width: 48%;
    margin-left: -9px;
    position: relative;
    left: 100px;
    padding: 10px 18px 14px
}

.partner-netflix {
    width: 62%;
    margin-left: 7px;
    position: relative;
    left: 38px;
    padding: 31px 29px
}

.partner-5,
.partner-6,
.partner-7,
.partner-adidas {
    background-color: #030927;
    border-radius: 9px;
    width: 58%;
    position: relative;
    height: auto
}

.partner-adidas {
    right: -27px;
    padding: 18px 29px 12px
}

.partner-5 {
    right: -47px;
    padding: 45px 29px 38px
}

.partner-6 {
    right: -51px;
    padding: 18px 15px 12px 41px
}

.partner-7 {
    right: -54px;
    padding: 18px 29px 12px
}

.sucess-1,
.sucess-2,
.sucess-3,
.sucess-4,
.sucess-5 {
    position: absolute
}

.owl-carousel span {
    display: none;
    zoom: 1.6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-carousel .active span {
    width: 20px;
    height: 20px;
    margin: 5px 7px;
    background: red !important;
    display: block;
    zoom: 1.6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.card-title span,
.why-us:hover h4 {
    font-family: roboto;
    line-height: 22px;
    margin-bottom: 3px;
    font-weight: 500;
    font-style: normal
}

#main {
    background-image: url(../image/why-us-bg-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: auto;
    padding-bottom: 30px
}

.main-primary {
    font-style: normal;
    font-weight: 500;
    text-align: left;
    line-height: 49px;
    color: #f0f0f0;
    transform: rotate(-.44deg);
    margin-bottom: 3rem;
    padding-top: 3rem;
    margin-left: 53px
}

.flow-h-1,
.flow-h-2,
.flow-h-3,
.flow-h-4,
.flow-h-5 {
    font-size: 18px
}

.application-card,
.skilled-card,
.user-card {
    margin-bottom: 10px
}

.why-us {
    background-color: #000;
    border: 1px solid #fff;
    width: 288px;
    padding-top: 30px
}

.why-us:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid #000
}

.era-solution:hover img,
.why-us:hover span {
    filter: grayscale(1) invert(1)
}

.why-us:hover h4 {
    color: #000;
    font-size: 17px
}

.skilled-card {
    padding-bottom: 26px
}

.application-card {
    padding-bottom: 9px
}

.card-compo {
    padding-bottom: 40px;
    margin-left: 79px
}

.card-body {
    padding: 8px
}

.stay-successful {
    margin-top: 65px;
    margin-bottom: 40px
}

.card-title span {
    color: #fff;
    font-size: 18px
}

.card-application-para,
.card-user-para {
    padding-bottom: 0
}

.card-skilled-para {
    padding-bottom: 9pxpx
}

.target-card:hover {
    background-color: #fff !important;
    color: #000 !important;
    border: 1px solid #000 !important
}

.card-stay-para,
.hosting-para {
    padding-bottom: 34px
}

.card-service-para {
    padding-bottom: 51px
}

.card-achieve-para {
    padding-bottom: 36px
}

.why-us .card-text p {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
    text-align: center;
    color: #ffff
}

.why-1 {
    height: 178px;
    margin-top: -24px
}

/* .techno-content {
    padding-left: 0;
    padding-right: 35px
} */

[class*=cards-] {
    width: 260px;
    height: 96px;
    display: inline-block
}

.cards-1 {
    background: url(../image/card-section-1-fresh.png) -115px -210px;
    margin-top: -5px
}

.card-skilled-para,
.card-user-para {
    margin-top: -10px
}

.cards-2 {
    background: url(../image/card-section-1-fresh.png) -714px -210px;
    margin-top: -5px
}

.response-title {
    margin-bottom: 19px
}

.cards-3 {
    background: url(../image/card-section-1-fresh.png) -1329px -210px;
    margin-top: -5px
}

.why-3,
.why-4,
.why-5,
.why-6,
.why-body {
    height: 168px;
    margin-top: -27px
}

.cards-4,
.cards-5,
.cards-6 {
    margin-top: -5px
}

.cards-4 {
    background: url(../image/card-section-1-fresh.png) -100px -540px
}

.cards-5 {
    background: url(../image/card-section-1-fresh.png) -720px -540px
}

.cards-6 {
    background: url(../image/card-section-1-fresh.png) -1324px -540px
}

.why-2 {
    height: 148px;
    margin-top: -27px
}

#statics,
#technical,
.heading-part,
.static-bg {
    height: auto
}

#statics {
    background: url(../image/staticcc-1.png) center/cover no-repeat;
    margin: auto
}

.static-heading-secondary h3 {
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 75px;
    letter-spacing: 0;
    text-align: left;
    font-family: Roboto;
    color: #8dabff
}

.static-bg {
    background-image: url(../image/stats-1-1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin: auto;
    width: 70%;
    padding-top: 454px;
    padding-bottom: 0
}

#technical,
#workflow,
.heading-part {
    background: #070c25;
    max-width: 100%
}

.static-heading-secondary {
    margin-bottom: 90px
}

.sucess-1 {
    bottom: 120px;
    left: -37px
}

.static-heading-1 p {
    font-family: Roboto;
    font-size: 27px;
    font-weight: 700;
    color: rgba(255, 255, 0, .541)
}

.static-para-1 p,
.static-para-2 p,
.static-para-3 p {
    font-family: roboto;
    color: #fff;
    font-size: 14px;
    padding: 0;
    margin: 0;
    text-transform: capitalize
}

.static-heading-2 p,
.static-heading-3 p,
.static-heading-4 p {
    font-family: Roboto;
    font-size: 27px;
    font-weight: 700
}

.sucess-2 {
    bottom: 301px;
    right: -44px
}

.static-heading-2 p {
    color: #8dabffa1
}

.sucess-3 {
    bottom: 378px;
    right: -54px
}

.dropdown-mobile,
.for-phone,
.tab-pane,
.tech-tech .technical-heading,
.technical-mobile,
.techo-mobile-mobile,
.techo-phone {
    display: none
}

.era-solution,
.industry-main {
    display: flex;
    text-align: center
}

.static-heading-3 p {
    color: rgba(135, 207, 235, .596)
}

.sucess-4 {
    bottom: 330px;
    right: -205px
}

.static-heading-4 p {
    color: rgba(70, 131, 180, .842)
}

.static-para-4 p,
.static-para-5 p {
    font-family: roboto;
    font-size: 14px;
    color: #fff;
    padding: 0;
    margin: 0;
    text-transform: capitalize
}

.sucess-5 {
    bottom: 142px;
    right: -136px
}

.static-heading-5 p {
    font-family: Roboto;
    font-size: 27px;
    font-weight: 700;
    color: #87ebbc
}

.solution-heading h3 {
    font-family: Roboto;
    color: #8dabff;
    font-weight: 500;
    padding-top: 20px;
    font-size: 36px
}

.solution-image img {
    width: 80px;
    height: 72px
}

.era-solution {
    flex-direction: column;
    justify-content: center;
    padding: 21px
}

.era-solution:hover,
.nav-tabs .nav-item.show .nav-link a,
.nav-tabs .nav-link.active a {
    background: linear-gradient(137.92deg, #759aff -7.87%, #fff 118.88%);
    color: #001655;
    border-radius: 9px;
    border: 1px solid #fff;
    filter: grayscale(#001655) invert(1)
}

.era-solution:hover h4,
.nav-tabs .nav-item.show .nav-link a h4,
.nav-tabs .nav-link.active a span {
    color: #001655;
    font-weight: 700
}

.saas-heading h4 {
    color: #0f7ada
}

.solution-heading-forth p {
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    margin-top: 23px;
    color: #fff
}

.card-text p,
.why-us:hover p {
    font-family: Poppins;
    line-height: 17px
}

.digital-solution {
    padding-bottom: 5px
}

.saas-solution {
    padding-bottom: 40px
}

.industry-main {
    background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
    border-radius: 5px;
    width: 243px;
    flex-direction: column;
    justify-content: center;
    border: 1px solid #fff;
    padding-top: 5px;
    height: 266px
}

.era-content {
    margin-top: 60px
}

.card-text p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    text-align: center;
    color: rgba(255, 255, 255, .822)
}

.list-group-item a,
.market-heading h5,
.technical-heading h5,
.testimonial-content p,
.testimonials-heading h6 {
    text-align: left;
    font-weight: 500;
    letter-spacing: 0;
    font-style: normal
}

.solution-material {
    padding-bottom: 7px
}

.solution-project {
    padding-bottom: 15px
}

.solution-finance {
    padding-bottom: 23px
}

.solution-risk {
    padding-bottom: 29px
}

.pb-6 {
    padding-bottom: 3rem !important
}

.hostings-para,
.manu-para {
    padding-bottom: 12px
}

.aut-para,
.ind-para,
.insu-para {
    padding-bottom: 14px
}

#technical {
    display: block;
    padding-bottom: 46px
}

.technical-heading {
    padding-top: 46px;
    padding-bottom: 15px
}

.technical-heading h5 {
    font-family: Roboto;
    font-size: 36px;
    line-height: 75px;
    color: #fff
}

.devlopment-content {
    margin-top: -14px;
    padding-bottom: 17px
}

.list-group-item {
    justify-content: center;
    background-color: #070c25;
    border: 1px solid #8dabff;
    padding-top: 20px;
    padding-bottom: 20px
}

.mobile {
    padding-right: 28px;
    position: relative;
    border-top: 1px solid #8dabff
}

.list-group-item a {
    font-family: Roboto;
    font-size: 20px;
    border-radius: 6px;
    border: 0;
    color: #f0f0f0;
    line-height: 35px;
    padding: 6px 5px
}

.list-group-item .active {
    background: linear-gradient(137.92deg, #759aff -7.87%, #fff 118.88%);
    color: #001655;
    font-weight: 500
}

.list-group-item {
    border: 1px solid #ffff
}

.list-group-item+.list-group-item,
.testimonial-first {
    border: 1px solid #fff
}

[class*=icon-] {
    width: 173px;
    height: 135px;
    display: inline-block
}

.icon-1 {
    background: url(../image/blockchain-9685.png)
}

.icon-2 {
    background: url(../image/blockchain-9685.png) -161px 0
}

.icon-3 {
    background: url(../image/blockchain-9685.png) -319px 0
}

.icon-4 {
    background: url(../image/blockchain-9685.png) -478px 0
}

.icon-5 {
    background: url(../image/blockchain-9685.png) -639px 0
}

.icon-6 {
    background: url(../image/blockchain-9685.png) -802px 0
}

.icon-7 {
    background: url(../image/blockchain-9685.png) -161px 141px
}

.icon-8 {
    background: url(../image/blockchain-9685.png) -981px 141px
}

.icon-9 {
    background: url(../image/blockchain-9685.png) -799px 141px
}

.icon-10 {
    background: url(../image/blockchain-9685.png) -638px 141px
}

.icon-11 {
    background: url(../image/blockchain-9685.png) -1300px 409px
}

.icon-12 {
    background: url(../image/blockchain-9685.png) -1462px 141px
}

.icon-13 {
    background: url(../image/data-science-9685.png)
}

.icon-22 {
    background: url(../image/data-science-9685.png) -162px 0
}

.icon-44 {
    background: url(../image/data-science-9685.png) -478px 0
}

.icon-55 {
    background: url(../image/data-science-9685.png) -639px 0
}

.icon-66 {
    background: url(../image/data-science-9685.png) -802px 0
}

.icon-77 {
    background: url(../image/data-science-9685.png) -159px 144px
}

.icon-88 {
    background: url(../image/data-science-9685.png) -984px 144px
}

.icon-99 {
    background: url(../image/data-science-9685.png) -799px 144px
}

.icon-100 {
    background: url(../image/data-science-9685.png) -636px 144px
}

.icon-111 {
    background: url(../image/data-science-9685.png) -1300px 410px
}

.icon-122 {
    background: url(../image/data-science-9685.png) -1462px 143px
}

.icon-133 {
    background: url(../image/mobile-9685.png)
}

.icon-222 {
    background: url(../image/mobile-9685.png) -161px 0
}

.icon-444 {
    background: url(../image/mobile-9685.png) -478px 0
}

.icon-555 {
    background: url(../image/mobile-9685.png) -639px 0
}

.icon-666 {
    background: url(../image/mobile-9685.png) -802px 0
}

.icon-777 {
    background: url(../image/mobile-9685.png) -161px 141px
}

.icon-888 {
    background: url(../image/mobile-9685.png) -991px 141px
}

.icon-999 {
    background: url(../image/mobile-9685.png) -799px 141px
}

.icon-1000 {
    background: url(../image/mobile-9685.png) -638px 141px
}

.icon-1222 {
    background: url(../image/mobile-9685.png) -1471px 143px
}

.icon-1111 {
    background: url(../image/web-9685-fresh.png)
}

.icon-2222 {
    background: url(../image/web-9685-fresh.png) -160px 0
}

.icon-33334 {
    background: url(../image/web-9685-fresh.png) -320px 0
}

.icon-4444 {
    background: url(../image/web-9685-fresh.png) -480px 0
}

.icon-5555 {
    background: url(../image/web-9685-fresh.png) -639px 0
}

.icon-6666 {
    background: url(../image/web-9685-fresh.png) -802px 0
}

.icon-7777 {
    background: url(../image/web-9685-fresh.png) -161px 142px
}

.icon-8888 {
    background: url(../image/web-9685-fresh.png) -971px 142px
}

.icon-9999 {
    background: url(../image/web-9685-fresh.png) -799px 141px
}

.icon-10000 {
    background: url(../image/web-9685-fresh.png) -639px 142px
}

.icon-11111 {
    background: url(../image/web-9685-fresh.png) -1290px 409px
}

.icon-12222 {
    background: url(../image/web-9685-fresh.png) -1452px 141px
}

.icon-31 {
    background: url(../image/erp-9685.png)
}

.icon-32 {
    background: url(../image/erp-9685.png) -161px 0
}

.icon-33 {
    background: url(../image/erp-9685.png) -319px 0
}

.icon-34 {
    background: url(../image/erp-9685.png) -478px 0
}

.icon-35 {
    background: url(../image/erp-9685.png) -639px 0
}

.icon-36 {
    background: url(../image/erp-9685.png) -802px 0
}

.icon-37 {
    background: url(../image/erp-9685.png) -160px 141px
}

.icon-38 {
    background: url(../image/erp-9685.png) -982px 141px
}

.icon-39 {
    background: url(../image/erp-9685.png) -799px 141px
}

.icon-40 {
    background: url(../image/erp-9685.png) -638px 141px
}

.icon-41 {
    background: url(../image/erp-9685.png) -1299px 410px
}

.icon-42 {
    background: url(../image/erp-9685.png) -1459px 141px
}

.icon-311 {
    background: url(../image/crm-9685.png)
}

.icon-322 {
    background: url(../image/crm-9685.png) -161px 0
}

.icon-333 {
    background: url(../image/crm-9685.png) -321px 0
}

.icon-344 {
    background: url(../image/crm-9685.png) -478px 0
}

.icon-355 {
    background: url(../image/crm-9685.png) -639px 0
}

.icon-366 {
    background: url(../image/crm-9685.png) -802px 0
}

.icon-377 {
    background: url(../image/crm-9685.png) -160px 141px
}

.icon-388 {
    background: url(../image/crm-9685.png) -982px 141px
}

.icon-399 {
    background: url(../image/crm-9685.png) -799px 141px
}

.icon-400 {
    background: url(../image/crm-9685.png) -638px 141px
}

.icon-411 {
    background: url(../image/crm-9685.png) -1300px 410px
}

.icon-422 {
    background: url(../image/crm-9685.png) -1459px 141px
}

.icon-3111 {
    background: url(../image/ai-9685.png)
}

.icon-3222 {
    background: url(../image/ai-9685.png) -162px 0
}

.icon-3333 {
    background: url(../image/ai-9685.png) -322px 0
}

.icon-3444 {
    background: url(../image/ai-9685.png) -478px 0
}

.icon-3555 {
    background: url(../image/ai-9685.png) -639px 0
}

.icon-3666 {
    background: url(../image/ai-9685.png) -802px 0
}

.icon-3777 {
    background: url(../image/ai-9685.png) -159px 144px
}

.icon-3888 {
    background: url(../image/ai-9685.png) -982px 144px
}

.icon-3999 {
    background: url(../image/ai-9685.png) -799px 144px
}

.icon-4000 {
    background: url(../image/ai-9685.png) -636px 144px
}

.icon-4111 {
    background: url(../image/ai-9685.png) -1297px 410px
}

.icon-4222 {
    background: url(../image/crm-9685.png) -1459px 143px
}

.market-heading h5,
.testimonials-heading h6 {
    color: #fff;
    font-family: Roboto;
    font-size: 36px;
    line-height: 75px
}

.testimonial-row {
    margin-top: 30px
}

.testimonial-col {
    margin: 40px 16px
}

.testimonial-first {
    padding: 56px 20px 20px;
    background-color: #fff;
    border-radius: 5px;
    height: 220px
}

.carousel-indicators .active,
.carousel-indicators li {
    box-sizing: content-box;
    width: 12px;
    height: 12px;
    border-radius: 60%;
    margin-top: 30px;
    margin-right: 9px;
    margin-left: 3px;
    text-indent: unset;
    top: 30px;
    background-clip: unset;
    border-top: 0;
    opacity: .5;
    transition: opacity .6s;
    border-bottom: 0;
    cursor: pointer
}

.testimonial-first .testimonial-image img {
    top: -60px;
    position: absolute;
    left: calc(50% - 275px);
    border-radius: 50%;
    width: 111px
}

.testimonial-content p {
    font-size: 16px;
    line-height: 18px;
    color: #000
}

.carousel-indicators li,
.flow-p-1,
.flow-p-2,
.flow-p-3,
.work-start,
.work-start-2,
.work-start-3,
.work-start-4 {
    text-align: center
}

.testimonial-comas {
    width: 37.09px;
    height: 40.4px;
    position: absolute;
    top: 20px;
    right: 43px
}

.carousel-indicators li {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    position: relative;
    background-color: #32e1e8
}

.carousel-indicators .active {
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    text-align: center;
    position: relative;
    background-color: #d2691e
}

#workflow {
    height: auto;
    padding-top: 20px;
    padding-bottom: 100px
}

.work-heading h5 {
    color: #fff;
    font-family: Roboto;
    font-size: 36px;
    font-style: normal;
    font-weight: 500;
    line-height: 75px;
    letter-spacing: 0;
    text-align: left;
    margin-left: 53px
}

.work-start {
    width: 139%;
    height: auto
}

.work-row {
    flex-wrap: nowrap
}

.work-1 {
    background: url(../image/work-1-1-1.png) center/cover no-repeat;
    position: relative;
    height: 400px;
    left: 54px;
    top: 36px
}

.work-2,
.work-3 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat
}

.work-band-1 {
    width: 10%;
    margin-top: 200px;
    position: relative;
    right: -44px
}

.work-band-2 {
    width: 10%;
    margin-top: 135px;
    position: relative;
    right: -4px
}

.work-band-3,
.work-band-4 {
    width: 11%;
    margin-top: 200px;
    position: relative
}

.work-band-3 {
    right: 32px
}

.work-band-4 {
    right: 61px;
    top: -64px
}

.work-2 {
    background-image: url(../image/work-2-1-1.png);
    height: 400px;
    position: relative;
    right: -21px;
    top: 38px
}

.work-3 {
    background-image: url(../image/work-3-1-1.png);
    position: relative;
    right: 25px;
    top: 32px
}

.work-2:hover,
.work-4 {
    top: 38px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.work-4 {
    background-image: url(../image/work-5-1-1.png);
    right: 57px
}

.work-5 {
    background-image: url(../image/work-4-1-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    right: 84px;
    top: 48px
}

.dropdown-desktop,
.tab-pane.active {
    display: block
}

.work-1:hover {
    background-image: url(../image/work-111-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffff;
    height: 400px;
    position: relative;
    left: 72px
}

.work-2:hover {
    background-image: url(../image/work-222-1.png);
    color: #ffff;
    height: 400px;
    left: 14px
}

.work-3:hover {
    background-image: url(../image/work-333-1.png);
    background-position: center;
    background-size: cover;
    color: #ffff;
    background-repeat: no-repeat;
    height: 400px;
    position: relative;
    left: -17px;
    top: 28px
}

.work-4:hover {
    background-image: url(../image/work-888-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    color: #ffff;
    height: 400px;
    position: relative;
    left: -47px;
    top: 42px
}

.work-5:hover {
    background-image: url(../image/work-508-1.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 400px;
    position: relative;
    top: 50px;
    color: #ffff;
    left: -73px
}

.work-start {
    position: relative;
    margin-top: 92px;
    margin-left: -2px;
    left: 8px
}

.work-1:hover .work-start,
.work-start:hover {
    position: relative;
    left: -7px
}

.flow-h-1 {
    position: relative;
    top: -12px;
    left: -34px
}

.dropdown-content-item {
    color: #ffff;
    padding-bottom: 3px
}

.flow-p-1 {
    margin-right: 68px
}

.fixed-top.scrolled .nav-link,
.work-start-2:hover h4,
.work-start-3:hover h4,
.work-start-3:hover p,
.work-start-4:hover p,
.work-start-5:hover h4,
.work-start-5:hover p,
.work-start:hover h4,
.work-start:hover p {
    color: #ffff
}

.work-start-2 {
    position: relative;
    top: 93px;
    left: 10px
}

.flow-h-2 {
    margin-right: 19px;
    position: relative;
    top: -18px
}

.flow-p-2 {
    margin-right: 24px
}

.work-start-3 {
    position: relative;
    top: 101px;
    left: 17px
}

.flow-h-3 {
    position: relative;
    top: -18px;
    left: -10px
}

.flow-p-3 {
    margin-right: 22px
}

.work-start-4 {
    position: relative;
    top: 89px;
    left: 10px
}

.flow-h-4 {
    position: relative;
    top: -14px;
    right: -1px
}

.work-5:hover .work-start-5,
.work-start-5 {
    top: 90px;
    position: relative;
    text-align: center
}

.flow-p-4 {
    margin-right: 32px;
    margin-top: -9px
}

.work-start-5 {
    left: 19px
}

.flow-h-5 {
    position: relative;
    padding-left: 45px;
    top: -26px;
    right: 37px
}

.flow-p-5 {
    text-align: center;
    margin-right: 18px;
    margin-top: -4px;
    position: relative;
    left: 10px
}

.work-5:hover .work-start-5 {
    left: 11px
}

.work-3:hover .work-start-3 {
    position: relative;
    top: 101px;
    left: 8px;
    text-align: center
}

.work-4:hover .work-start-4 {
    position: relative;
    top: 89px;
    left: -2px;
    text-align: center
}

#market {
    max-width: 100%;
    height: auto;
    background: #000312;
    padding-top: 20px;
    padding-bottom: 70px
}

.index-carouselnew .owl-dots {
    margin-left: 109px
}

.insight {
    background: linear-gradient(182.71deg, #fff 2.26%, rgba(13, 28, 69, 0) 153.18%, #002079 153.18%);
    padding: 20px 24px 0;
    border-radius: 9px;
    margin-bottom: 0;
    width: 93%
}

.insight-1,
.insight-2,
.insight-3 {
    height: 136px
}

.erperp-1-solution-fresh {
    background: url(../image/css-sprite-combined-erp.png);
    width: 91px;
    height: 91px;
    display: inline-block
}

.erperp-2-solution-fresh {
    background: url(../image/css-sprite-combined-erp.png) -91px -16px;
    width: 75px;
    height: 75px;
    display: inline-block
}

.erperp-3-solution-fresh {
    background: url(../image/css-sprite-combined-erp.png) -166px -5px;
    width: 86px;
    height: 86px;
    display: inline-block
}

.css-erp-seconderp-4-solution-fresh {
    background: url(../image/css-sprite-combined.2.png) 0 -11px;
    width: 86px;
    height: 86px;
    display: inline-block
}

.css-erp-seconderp-5-solution-fresh {
    background: url(../image/css-sprite-combined.2.png) -86px 0;
    width: 97px;
    height: 97px;
    display: inline-block
}

.css-erp-seconderp-6-solution-fresh {
    background: url(../image/css-sprite-combined.2.png) -183px -3px;
    width: 94px;
    height: 94px;
    display: inline-block
}

.blockchain-onehandshake21 {
    background: url(../image/css-sprite-combined-block.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.blockchain-onereal-estate21 {
    background: url(../image/css-sprite-combined-block.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.blockchain-onesupply-chain21 {
    background: url(../image/css-sprite-combined-block.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.blockchain-firstsupply-chain21 {
    background: url(../image/css-sprite-blockchain-first.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.blockchain-firsttrain21 {
    background: url(../image/css-sprite-blockchain-first.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.blockchain-firstuser521 {
    background: url(../image/css-sprite-blockchain-first.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-iotsaas-1-solution1 {
    background: url(../image/css-sprite-combined-ai.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-iotsaas-2-solution1 {
    background: url(../image/css-sprite-combined-ai.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-iotsaas-3-solution1 {
    background: url(../image/css-sprite-combined-ai.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-secondsaas-4-solution1 {
    background: url(../image/css-sprite-combined-ai-2.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-secondsaas-5-solution1 {
    background: url(../image/css-sprite-combined-ai-2.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-secondsaas-6-solution1 {
    background: url(../image/css-sprite-combined-ai-2.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-devlopeddigital-1-solution1 {
    background: url(../image/css-sprite-devloped.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-devlopeddigital-2-solution1 {
    background: url(../image/css-sprite-devloped.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.ai-devlopeddigital-3-solution1 {
    background: url(../image/css-sprite-devloped.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.css-sprite-ssssdigital-4-solution1 {
    background: url(../image/css-sprite-combined-ss.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.css-sprite-ssssdigital-51-solution1 {
    background: url(../image/css-sprite-combined-ss.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.css-sprite-ssssdigital-6-solution1 {
    background: url(../image/css-sprite-combined-ss.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.springdigital-4-solution1 {
    background: url(../image/css-sprite-combined-spring.png);
    width: 72px;
    height: 72px;
    display: inline-block
}

.springdigital-51-solution1 {
    background: url(../image/css-sprite-combined-spring.png) -72px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.springdigital-6-solution1 {
    background: url(../image/css-sprite-combined-spring.png) -144px 0;
    width: 72px;
    height: 72px;
    display: inline-block
}

.flagengland-fresh,
.flagindia-fresh,
.flagunited-fresh {
    height: 53px;
    display: inline-block
}

.flagunited-fresh {
    background: url(../image/css-sprite-combined-flag-2.png);
    width: 56px
}

.flagengland-fresh {
    background: url(../image/css-sprite-combined-flag-2.png) -53px 0;
    width: 75px
}

.flagindia-fresh {
    background: url(../image/css-sprite-combined-flag-2.png) -106px 0;
    width: 87px
}

.css-sprite-inverted-fresh {
    background: url(../image/css-sprite-combined-cooma.png);
    width: 52px;
    height: 42px;
    display: inline-block
}

.saas-image {
    filter: grayscale(2) invert(1);
    filter: grayscale(1) invert(0)
}

.fixed-top.scrolled .skype-image,
.skype-image {
    filter: invert(1)
}

.testimonials-heading {
    padding-bottom: 3rem;
    margin-left: 30px
}

.solution-erp {
    padding-bottom: 37px
}

.techno-image {
       width: 100%;
}

@media only screen and (min-width:1300px) and (max-width:1500px) {

    .card-title span,
    .tech-content-secondary h1,
    .techno-content-para p {
        font-family: roboto;
        font-style: normal
    }

    #event-heading {
        margin-top: -74px !important
    }

    .testrr {
        padding-bottom: 45px
    }

    .da-slide p {
        top: 104px;
        font-family: roboto;
        font-size: 20px !important
    }

    .techno-content-para p {
        font-weight: 400;
        font-size: 20px !important;
        text-align: left;
        color: #f0f0f0
    }

    .tech-content-secondary h1 {
        font-weight: 500;
        font-size: 39px !important;
        text-align: left;
        line-height: 64px;
        color: #06daf7
    }

    .why-us .card-img-top img {
        height: 82px !important;
        width: 82px !important
    }

    .card-title span {
        color: #fff;
        font-weight: 500;
        font-size: 19px !important;
        line-height: 25px !important;
        margin-bottom: 3px
    }

    .static-heading-secondary h3 {
        font-family: Roboto;
        font-size: 39px !important;
        font-style: normal;
        font-weight: 500;
        line-height: 75px;
        letter-spacing: 0;
        text-align: left;
        color: #fff
    }

    .static-bg {
        padding-top: 474px
    }

    .static-para-1 p,
    .static-para-2 p,
    .static-para-3 p,
    .static-para-4 p,
    .static-para-5 p {
        font-family: roboto;
        font-size: 18px !important
    }

    .testimonial-first {
        height: 242px
    }
}

@media screen and (max-width:1024px) {

    .sucess-2,
    .sucess-3,
    .sucess-4,
    .sucess-5 {
        position: absolute
    }

    .flow-h-3,
    .work-3:hover .work-start-3,
    .work-4:hover .work-start-4,
    .work-5:hover .work-start-5,
    .work-start-3,
    .work-start-4,
    .work-start-5 {
        text-align: center;
        position: relative
    }

    #technical,
    .card-compo,
    .partner-heading,
    .testimonials-heading {
        padding-bottom: 0
    }

    .da-slide p {
        width: 45%;
        top: 155px;
        color: #ffff;
        font-size: 14px;
        height: 105px !important;
        overflow: hidden;
        font-weight: 400;
        font-family: Poppins;
        font-style: normal;
        line-height: 23px
    }

    .da-slide .da-link {
        font-size: 14px !important
    }

    .card-compo {
        margin-left: 0
    }

    .techno-content-para p {
        padding-bottom: 20px
    }

    .main-primary {
        margin-bottom: 2rem;
        padding-top: 1rem
    }

    .stay-successful {
        margin-top: 24px;
        margin-bottom: 40px
    }

    .static-bg {
        padding-top: 372px
    }

    .sucess-2 {
        bottom: 239px;
        right: -17px
    }

    .sucess-3 {
        bottom: 296px;
        right: -54px
    }

    .sucess-4 {
        bottom: 280px;
        right: -147px
    }

    .sucess-5 {
        bottom: 110px;
        right: -121px
    }

    .industry-main {
        width: 215px
    }

    .list-group-item a {
        font-size: 15px
    }

    #workflow {
        padding-top: 0;
        padding-bottom: 46px
    }

    .flagengland-fresh {
        width: 104px
    }

    .flagunited-fresh {
        width: 80px
    }

    .work-start,
    .work-start:hover {
        margin-top: 64px
    }

    .flow-p-1 {
        margin-right: 54px
    }

    .flow-p-1,
    .flow-p-2,
    .flow-p-3,
    .flow-p-4,
    .flow-p-5 {
        font-size: 12px
    }

    .work-1,
    .work-1:hover,
    .work-2,
    .work-2:hover,
    .work-3,
    .work-3:hover,
    .work-4,
    .work-4:hover,
    .work-5,
    .work-5:hover {
        height: 316px
    }

    .work-start-2,
    .work-start-2:hover {
        top: 45px;
        left: 10px
    }

    .flow-h-3 {
        font-size: 16px;
        top: -10px;
        left: -10px
    }

    .work-start-3 {
        top: 64px;
        left: 17px
    }

    .work-3:hover .work-start-3 {
        top: 71px;
        left: 8px
    }

    .work-start-4 {
        top: 37px;
        left: 10px
    }

    .work-4:hover .work-start-4 {
        top: 35px;
        left: -2px
    }

    .flow-h-4 {
        top: -3px
    }

    .work-start-5 {
        top: 47px;
        left: 19px
    }

    .work-5:hover .work-start-5 {
        top: 46px;
        left: 11px
    }

    .flow-p-4 {
        margin-right: 32px;
        margin-top: -28px
    }

    #partner {
        padding-bottom: 11px
    }

    .partner-heading {
        padding-top: 0
    }

    .testimonial-row {
        margin-top: 30px;
        margin-left: 21px
    }

    .testimonial-first .testimonial-image img {
        left: calc(50% - 233px)
    }

    .testimonial-col {
        margin: 38px 35px
    }

    .chalu-address a {
        padding-top: 7px;
        padding-bottom: 7px
    }

    .chalu-address {
        position: relative;
        top: -27px;
        padding: 12px;
        left: 109px
    }

    .quick-link-heading h5 {
        font-size: 14px
    }

    .quick-link-content a {
        text-decoration: none;
        color: #f5f5f5;
        font-size: 10px;
        padding-top: 6px
    }

    .flagindia-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -106px 0;
        width: 121px;
        height: 53px;
        display: inline-block
    }

    #wpcf7-f394-o1 .wpcf7-submit,
    #wpcf7-f998-o1 .wpcf7-submit {
        background: linear-gradient(99.93deg, #1d3886 -40.09%, #0043ff 139.61%);
        color: #ffff;
        padding: 5px 30px !important;
        margin-top: 15px;
        float: right;
        width: 36% !important;
        color: #ffff
    }

    .offering-heading h4 {
        text-align: center
    }

    .da-slide.da-link {
        font-size: 13px
    }

    .db-row {
        display: flex;
        flex-direction: row
    }

    .dropdown-menu {
        margin-left: -399px
    }

    [class*=icon-] {
        width: 154px;
        height: 135px;
        display: inline-block
    }

    #wpcf7-f394-o1 .wpcf7-form label,
    #wpcf7-f998-o1 .wpcf7-form label {
        padding: 6px;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0;
        text-align: left;
        position: static;
        margin-left: -228px
    }

    #wpcf7-f998-o1 .wpcf7-submit {
        border-radius: 5px;
        border: 0;
        margin-right: 203px
    }

    #wpcf7-f394-o1 .wpcf7-submit {
        border-radius: 5px;
        border: 0;
        margin-right: 188px
    }
}

@media screen and (max-width:972px) {
    .vision-start {
        display: flex;
        flex-direction: column-reverse;
        margin-top: 18px
    }

    .vision-image img {
        max-width: 100%;
        padding-bottom: 0;
        margin-bottom: 0;
        position: relative;
        right: 52px
    }

    .vision-image {
        margin-top: 63px;
        width: 90%
    }

    .mobile-image {
        width: 75%
    }

    .techno-main {
        display: flex;
        flex-direction: column
    }

    /* .techno-image {
        width: 54%;
        position: relative;
        left: -56px
    } */

    .partner-oyo,
    .partner-soldex {
        width: 56%;
        left: 134px;
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        position: relative
    }

    /* .tech-content-secondary {
        padding-top: 15px;
        position: relative;
        top: -239px;
        margin-left: 289px
    } */

    .tech-content-secondary h2 {
        font-size: 48px
    }

    /* .techno-content-para {
        position: relative;
        top: -141px
    } */

    /* .techno-content {
        padding-left: 27px;
        padding-right: 18px;
        margin-bottom: -92px;
        padding-bottom: 0
    } */

    .partner-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 242px
    }

    .partner-oyo {
        padding: 35px 29px
    }

    .partner-soldex {
        padding: 54px 29px
    }

    .partner-airbnb {
        background-color: #030927;
        border-radius: 9px;
        position: relative;
        left: 12px;
        height: auto;
        width: 75%;
        margin-left: 65px;
        padding: 64px 15px 68px
    }

    .partner-netflix {
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        width: 55%;
        margin-left: 7px;
        position: relative;
        left: 140px;
        padding: 31px 29px
    }

    .partner-adidas {
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        width: 63%;
        position: relative;
        right: -6px;
        padding: 51px 29px 36px
    }

    .era-solution,
    .why-us {
        border: 3px solid #fff
    }

    .services-card,
    .skilled-card,
    .stay-card,
    .target-card,
    .user-card {
        top: 0;
        width: 73%
    }

    .why-us {
        margin-top: 30px
    }

    .user-card {
        padding-bottom: 9px;
        margin-bottom: 10px
    }

    .skilled-card {
        padding-bottom: 19px
    }

    .application-card,
    .services-card {
        padding-bottom: 9px;
        margin-bottom: 10px;
        position: absolute;
        right: 23px
    }

    .ai-heading,
    .application-card,
    .blockchain-heading-main,
    .digital-heading,
    .digital-image,
    .saas-heading,
    .saas-image,
    .services-card,
    .skilled-card,
    .solution-heading-forth,
    .solution-image,
    .static-para-1,
    .stay-card,
    .target-card,
    .user-card {
        position: relative
    }

    .target-card {
        padding-bottom: 10px
    }

    .card-user-para {
        display: none;
        padding-bottom: 30px
    }

    .card-achieve-para,
    .card-application-para,
    .card-service-para,
    .card-skilled-para,
    .card-stay-para,
    .era-content {
        display: none
    }

    #solution {
        padding-bottom: 50px
    }

    .era-solution {
        border-radius: 9px;
        background: linear-gradient(180deg, #000 0, rgba(0, 0, 0, 0) 100%);
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center
    }

    .solution-image {
        left: -53px
    }

    .solution-heading-forth {
        left: -13px
    }

    .solution-heading-forth p {
        font-size: 40px
    }

    .ai-image,
    .blockchain-image {
        position: relative;
        left: -30px
    }

    .blockchain-heading-main {
        left: -6px
    }

    .saas-image {
        left: -114px
    }

    .saas-heading {
        left: -65px
    }

    .digital-image {
        left: -59px
    }

    .digital-heading {
        left: -22px
    }

    .ai-heading {
        left: 28px
    }

    .testimonial-first .testimonial-image img {
        top: -60px;
        position: absolute;
        left: calc(50% - 59px);
        width: 111px
    }

    .user-card {
        right: -62px
    }

    .skilled-card {
        right: -36px
    }

    .application-card {
        padding-bottom: 9px;
        margin-bottom: 10px;
        right: -61px;
        width: 73%;
        top: 0
    }

    .stay-card {
        right: -35px;
        padding-bottom: 10px
    }

    .services-card {
        right: -59px
    }

    .target-card {
        right: -29px
    }

    .why-1 {
        height: 92px
    }

    #workflow,
    .work-bg {
        background: 0;
        content: none;
        display: none
    }

    .sucess-2,
    .sucess-3,
    .sucess-4 {
        display: flex;
        align-content: center
    }

    .insight {
        margin-bottom: 30px
    }

    .static-para-1 {
        margin-left: -382px;
        left: 407px
    }

    .sucess-2 {
        flex-direction: row;
        position: absolute;
        right: -6px;
        left: -58px;
        top: -460px;
        align-items: center
    }

    .static-para-2 {
        margin-left: -210px;
        position: relative;
        left: 232px
    }

    .sucess-3 {
        flex-direction: row;
        position: absolute;
        top: -337px;
        left: -56px;
        right: 6px;
        align-items: center
    }

    .static-para-3 {
        margin-left: -370px;
        position: relative;
        left: 389px
    }

    .sucess-4 {
        flex-direction: row;
        position: absolute;
        top: -296px;
        left: -57px;
        right: 74px;
        align-items: center
    }

    .static-para-4 {
        margin-left: -313px;
        position: relative;
        left: 333px
    }

    .sucess-5 {
        top: -368px;
        right: 90px;
        left: -57px
    }

    .static-para-5 {
        margin-left: -311px;
        position: relative;
        left: 332px
    }
}

@media screen and (max-width:912px) {
    .list-group-item a {
        padding: 5px 11px;
        font-size: 8px
    }

    .techo-phone .era-solution {
        margin: 38px
    }

    .techo-phone .for-phone .technical-image-web {
        margin-left: 62px;
        margin-right: 79px
    }

    .list-group-item {
        padding-top: 10px;
        padding-bottom: 3px;
        margin-top: 8px;
        margin-bottom: 2px;
        padding-left: 30px
    }
}

@media screen and (min-width:768px) and (max-width:970px) {
    #serviceLayout1 {
        padding-bottom: 62px
    }

    .index-carouselnew .owl-dots {
        margin-left: 349px
    }

    .footer-content p {
        font-size: 18px;
        font-family: Roboto
    }

    .quick-link-heading h5 {
        font-size: 20px
    }

    .quick-link-content a {
        text-decoration: none;
        color: #f5f5f5;
        font-size: 14px;
        padding-top: 6px
    }

    .flagindia-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -107px 0;
        width: 51px;
        height: 53px;
        display: inline-block
    }

    .flagengland-fresh,
    .flagunited-fresh {
        width: 52px;
        height: 53px;
        display: inline-block
    }

    .flagengland-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -53px 0
    }

    .flagunited-fresh {
        background: url(../image/css-sprite-combined-flag-2.png)
    }

    .expertise-content,
    .techno-main {
        display: flex;
        display: flex
    }

    .expertise-content {
        flex-direction: column
    }

    .value-heading::after {
        left: 275px
    }

    .about-second-content-secondary::after {
        left: 296px
    }

    .about-second-image {
        margin-left: 268px
    }

    .tlp-portfolio .button-group {
        width: 36% !important
    }

    .vision-image {
        margin: auto
    }

    .weprovide-heading::after {
        content: "";
        background-color: #2a2a2a;
        position: absolute;
        width: 284px;
        height: 2px;
        left: 214px
    }

    .platform-heading::after {
        position: absolute;
        left: 111px;
        top: 58px
    }

    .blockchain-tron {
        margin-top: 1px
    }

    .blockchain-cosmos img {
        width: 78%
    }

    .blockchain-cosmos {
        background: #ffff;
        border-radius: 8px;
        margin-top: 24px;
        padding-bottom: 15px;
        padding-top: 16px
    }

    .mob-col {
        padding-left: 0 !important;
        padding-right: 0 !important
    }

    .vision-content {
        width: 421px;
        padding-left: 36px
    }

    .vision-start {
        margin-top: 104px
    }

    .vision-image {
        margin-top: 63px;
        width: 90%
    }

    .mobile-image {
        width: 75%
    }

    .techno-main {
        flex-direction: column;
        flex-direction: column
    }

    .different-layout-3-digital-advertise-content-image {
        margin-top: 57px
    }
/* 
    .techno-image {
        width: 54%;
        position: relative;
        left: -56px
    } */

    /* .tech-content-secondary {
        padding-top: 15px;
        position: relative;
        top: -286px;
        margin-left: 289px
    } */

    /* .tech-content-secondary h2 {
        font-size: 48px;
        margin-left: 102px
    } */

    /* .techno-content-para {
        position: relative;
        top: -141px
    } */

    .services-card,
    .skilled-card,
    .stay-card,
    .target-card,
    .user-card {
        top: 0;
        width: 73%
    }

    .techno-content {
        padding-left: 27px;
        padding-right: 18px;
        padding-bottom: 0
    }

    .sucess-1 {
        position: absolute;
        bottom: 114px;
        left: -214px
    }

    .sucess-2 {
        bottom: 300px
    }

    .sucess-3 {
        bottom: 353px
    }

    .sucess-4 {
        bottom: 360px
    }

    .sucess-5 {
        position: absolute;
        bottom: 124px
    }

    .application-card,
    .services-card,
    .skilled-card,
    .static-para-1,
    .stay-card,
    .target-card,
    .user-card {
        position: relative
    }

    .user-card {
        right: -62px
    }

    .skilled-card {
        right: -36px
    }

    .application-card {
        padding-bottom: 9px;
        margin-bottom: 10px;
        right: -61px;
        width: 73%;
        top: 0
    }

    .stay-card {
        right: -35px;
        padding-bottom: 10px
    }

    .services-card {
        right: -59px
    }

    .target-card {
        right: -29px
    }

    .why-1 {
        height: 92px
    }

    #workflow,
    .work-bg {
        background: 0;
        content: none;
        display: none
    }

    .sucess-2,
    .sucess-3,
    .sucess-4 {
        display: flex;
        align-content: center
    }

    .insight {
        margin-bottom: 30px
    }

    .static-para-1 {
        margin-left: -382px;
        left: 407px
    }

    .sucess-2 {
        flex-direction: row;
        position: absolute;
        right: -6px;
        left: -58px;
        top: -460px;
        align-items: center
    }

    .static-para-2 {
        margin-left: -210px;
        position: relative;
        left: 232px
    }

    .sucess-3 {
        flex-direction: row;
        position: absolute;
        top: -337px;
        left: -56px;
        right: 6px;
        align-items: center
    }

    .static-para-3 {
        margin-left: -370px;
        position: relative;
        left: 389px
    }

    .sucess-4 {
        flex-direction: row;
        position: absolute;
        top: -296px;
        left: -57px;
        right: 74px;
        align-items: center
    }

    .static-para-4 {
        margin-left: -313px;
        position: relative;
        left: 333px
    }

    .sucess-5 {
        top: -368px;
        right: 90px;
        left: -57px
    }

    .static-para-5 {
        margin-left: -311px;
        position: relative;
        left: 332px
    }

    #wpcf7-f394-o1 .wpcf7-submit,
    #wpcf7-f998-o1 .wpcf7-submit {
        background: linear-gradient(99.93deg, #1d3886 -40.09%, #0043ff 139.61%);
        border-radius: 5px;
        color: #ffff;
        padding: 5px 30px !important;
        margin-top: 15px;
        float: right;
        width: 36% !important;
        border: 0;
        margin-right: 340px
    }

    .articles-line .articles-image img {
        width: 164% !important;
        margin-left: -3px
    }

    .recaptcha iframe {
        margin-left: -4px
    }

    .footer-image img {
        width: 41%;
        padding-bottom: 5px;
        position: static;
        margin-left: -2px
    }

    #wpcf7-f394-o1 .wpcf7-form label,
    #wpcf7-f998-o1 .wpcf7-form label {
        padding: 6px;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0;
        text-align: left;
        position: static;
        margin-left: -454px !important
    }

    #wpcf7-f394-o1 .recaptcha iframe,
    #wpcf7-f998-o1 .recaptcha iframe {
        margin-left: 23px
    }

    .expertise-heading {
        padding-left: 4px
    }

    .testimonial-first {
        height: 287px
    }
}

@media screen and (max-width:991px) {

    .development-content,
    .dropdown-content,
    .navbar-nav,
    .offering-heading,
    .offering-heading-2 {
        text-align: center
    }

    .list-group-item a,
    .techo-phone a {
        text-decoration: none
    }

    #technical,
    .dropdown-desktop,
    .list-group .list-group-item .active .technical-mobile,
    .list-group .list-group-item .technical-mobile,
    .technical-phone {
        display: none
    }

    .dropdown-mobile {
        display: block;
        background: 0 0;
        padding-bottom: 0
    }

    .fixed-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .offering-heading {
        margin-left: 0;
        padding-left: 0;
        margin-right: 0
    }

    .drop-mob,
    .drop-mob:hover {
        background: 0 0
    }

    .dropdown-menu,
    .navigate {
        background-color: #000820
    }

    .special-dropdown-heading,
    .techo-phone .for-phone .technical-image {
        margin-left: 26px
    }

    .special-dropdown-heading-1 {
        margin-left: 3px
    }

    .special-dropdown-heading h5 {
        color: #00bfff
    }

    .navbar-nav .nav-item .drop-span {
        display: revert;
        padding: 2px
    }

    .navbar-nav .nav-item .drop-nav {
        margin-left: 16px;
        text-decoration: none;
        color: #ffff;
        font-family: roboto, sans-serif
    }

    .dropdown-menu {
        border: 0;
        border-radius: 9px;
        width: auto;
        margin-left: 0;
        padding: 12px
    }

    #block-570ccaf2-7d7d-403a-927d-aca745b0e01f,
    #block-7bee8ce5-989b-4fbb-88e0-f7875b88833b,
    #block-f86e3d15-ab34-4e2a-88c6-4a8b7825717f,
    .expertise-content {
        display: flex;
        flex-direction: column
    }

    .tech-tech .technical-heading,
    .techo-phone {
        display: block
    }

    .wh-approach {
        height: 76px
    }

    .drop-mob .dip-mob {
        margin-bottom: 35px
    }

    .ai-drop-image,
    .wallet-drop-image {
        position: relative;
        left: 65px
    }

    .ai-drop-heading {
        margin-left: 85px
    }

    .digital-drop-image img {
        position: relative;
        left: 39px
    }

    .digital-drop-heading {
        margin-left: 58px
    }

    .cloud-drop-heading h5 {
        margin-left: 33px
    }

    .cloud-drop-image {
        position: relative;
        left: 41px
    }

    .data-drop-image {
        position: relative;
        left: 17px
    }

    .data-drop-heading h5,
    .development-content a {
        margin-left: 10px
    }

    .wallet-drop-heading h5 {
        margin-left: 59px
    }

    .da-img img,
    .da-slide .da-img {
        margin: 0 !important;
        left: 0 !important
    }

    .navigate {
        padding-bottom: 8px
    }

    .for-phone,
    .techo-phone {
        background: #060d30
    }

    .navbar-brand img {
        width: 15%
    }

    .da-slide .da-link {
        white-space: nowrap;
        width: max-content !important;
        top: 34% !important
    }

    .da-slide .da-img {
        width: 100% !important;
        bottom: 0 !important;
        top: auto !important
    }

    .da-img img {
        width: 78% !important;
        position: absolute;
        top: -111px !important
    }

    .da-slide h2 {
        font-size: 36px !important;
        margin-top: 47px !important
    }

    .da-slide p,
    .for-phone ul li p {
        font-size: 17px;
        font-family: roboto
    }

    .da-slide p {
        width: 88% !important;
        top: 94px !important
    }

    .da-slider {
        height: 614px !important
    }

    /* .techno-content {
        margin-bottom: -106px
    } */
/* 
    .tech-content-secondary {
        position: relative;
        top: -266px;
        margin-left: 339px
    } */

    .tech-content-secondary h1 {
        text-align: left;
        line-height: 45px
    }

    /* .techno-content-para {
        position: relative;
        top: -120px
    } */

    #nav-tab,
    .nav-2,
    .nav-tabs .nav-link,
    .navbar-nav {
        position: static
    }

    .techno-content-para p {
        text-align: justify
    }

    .nav-link.active .for-phone {
        display: block;
        text-align: center
    }

    .for-phone ul li {
        color: #fff;
        font-size: 26px;
        text-align: left
    }

    .for-phone ul li p {
        margin-left: 22px;
        margin-top: 10px;
        margin-bottom: 10px
    }

    .nav-tabs .nav-link {
        margin-bottom: 0;
        border: 0;
        padding: 0 15px;
        border-radius: 0
    }

    .solution-heading h3 {
        padding-bottom: 29px
    }

    .technical-group-horizontal {
        display: flex
    }

    .techo-phone .era-solution,
    .techo-phone .solution-erp {
        padding: 0
    }

    .techo-phone .for-phone .technical-image-web {
        margin-left: 28px
    }

    .tech-tech {
        background-color: #060d30;
        padding-bottom: 32px
    }

    .techo-phone .era-solution {
        border: 0;
        border-radius: 9px;
        background: 0;
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center
    }

    .nav-2,
    .sucess-1,
    .sucess-2 {
        flex-direction: row;
        display: flex
    }

    .articles-line {
        display: flex;
        height: 398px;
        width: 100%
    }

    .articles-line .articles-image img {
        width: 56% !important;
        margin-left: -132px
    }

    .articles-line::after {
        content: "";
        position: absolute;
        background-color: #32e1e8;
        width: 89%;
        height: 2px;
        top: 441px;
        left: 63px
    }

    .articles-line .articles-date {
        margin-top: 18px
    }

    .blog-main {
        padding-top: 110px;
        padding-bottom: 74px
    }

    .techo-phone .solution-heading-forth p {
        margin-top: 0;
        padding-top: 0;
        position: relative;
        top: 11px
    }

    #solution .nav-tabs .nav-item.show .nav-link a,
    .nav-tabs .nav-item.show .nav-link a,
    .nav-tabs .nav-link.active a {
        background: linear-gradient(137.92deg, #759aff -7.87%, #fff 118.88%);
        color: #001655;
        border-radius: 9px;
        border: 1px solid #fff;
        padding: 11px
    }

    .techoo {
        background-color: #001655
    }

    [class*=icon-] {
        width: 159px;
        height: 122px;
        display: inline-block
    }

    .list-group-item,
    .list-group-item+.list-group-item,
    .list-group.blockchain,
    .list-group.crm,
    .list-group.data,
    .list-group.erp,
    .list-group.ios,
    .list-group.mobile {
        border: 0
    }

    .nav-2 {
        justify-content: center;
        margin-top: 10px
    }

    .special-main-div {
        margin-bottom: 8px;
        justify-content: center;
        background: rgba(255, 255, 255, .1);
        padding-top: 6px;
        padding-bottom: 5px;
        border-radius: 8px
    }

    .dropdown:hover {
        padding: 0 10px;
        border-bottom: 0;
        border-top-left-radius: 10px
    }

    .vision-image {
        margin: auto
    }

    .vision-content {
        width: 421px;
        padding-left: 36px
    }

    .vision-start {
        margin-top: 104px
    }

    .vision-image {
        margin-top: 63px;
        width: 90%
    }

    .mobile-image {
        width: 75%
    }

    .partner-oyo,
    .partner-soldex {
        background-color: #030927;
        border-radius: 9px;
        width: 89%;
        position: relative;
        left: 25px;
        height: auto
    }

    #partner {
        padding-bottom: 12px
    }

    .partner-heading {
        padding-top: 0;
        padding-bottom: 14px
    }

    .partner-heading h5 {
        font-size: 32px
    }

    .partner-oyo {
        padding: 39px 29px 53px
    }

    .partner-soldex {
        padding: 54px 29px
    }

    .partner-airbnb {
        height: auto;
        width: 56%;
        margin-left: -9px;
        background-color: #030927;
        border-radius: 9px;
        position: relative;
        left: 40px;
        padding: 10px 11px 23px 18px
    }

    .partner-5,
    .partner-6,
    .partner-7 {
        width: 58%;
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        position: relative
    }

    .partner-5 {
        right: -94px;
        padding: 64px 29px 60px
    }

    .partner-6 {
        right: -8px;
        padding: 18px 15px 26px 41px
    }

    .partner-7 {
        right: -61px;
        padding: 30px 29px 31px
    }

    .partner-netflix {
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        width: 82%;
        margin-left: 7px;
        position: relative;
        left: 51px;
        padding: 25px 16px
    }

    .partner-adidas {
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        width: 67%;
        position: relative;
        right: -55px;
        padding: 15px 29px
    }

    .main-primary {
        margin-bottom: 0;
        padding-top: 1rem
    }

    .stay-successful {
        margin-bottom: -5px
    }

    .why-us {
        width: 90%
    }

    .application-card,
    .services-card,
    .skilled-card,
    .stay-card,
    .target-card,
    .user-card {
        top: 0;
        right: -93px;
        width: 73%;
        position: relative
    }

    .why-us .card-img-top img {
        height: 97px;
        width: 97px
    }

    .why-body {
        padding-bottom: 31px
    }

    .why-1,
    .why-2,
    .why-3,
    .why-4,
    .why-5,
    .why-6 {
        height: 85px
    }

    .why-us-title {
        margin-top: 15px
    }

    .static-para-1 p,
    .static-para-2 p,
    .static-para-3 p,
    .static-para-4 p,
    .static-para-5 p,
    .why-us-title h4 {
        font-size: 26px
    }

    .application-card {
        padding-bottom: 9px;
        margin-bottom: 10px
    }

    #statics {
        padding-bottom: 21px
    }

    .static-heading-secondary {
        margin-bottom: 62px
    }

    .static-bg {
        display: flex;
        flex-direction: column;
        background: 0;
        margin-bottom: -241px
    }

    .static-heading-1 p,
    .static-heading-2 p,
    .static-heading-3 p,
    .static-heading-4 p,
    .static-heading-5 p {
        font-size: 36px
    }

    .static-para-1 {
        margin-left: -214px;
        position: relative;
        left: 257px
    }

    .sucess-1,
    .sucess-2 {
        align-items: center;
        align-content: center
    }

    .sucess-2,
    .sucess-3 {
        display: flex;
        flex-direction: row
    }

    .static-para-2,
    .static-para-3,
    .static-para-4,
    .static-para-5 {
        margin-left: -186px;
        position: relative;
        left: 232px
    }

    .sucess-1,
    .sucess-2,
    .sucess-3 {
        position: absolute
    }

    .sucess-3 {
        top: -331px;
        left: -63px;
        right: 6px;
        align-items: center;
        align-content: center
    }

    .sucess-1 {
        left: -63px;
        top: -741px
    }

    .sucess-2 {
        right: -6px;
        left: -63px;
        top: -466px;
        align-items: center;
        align-content: center
    }

    .sucess-4,
    .sucess-5 {
        flex-direction: row;
        position: absolute;
        align-content: center;
        display: flex
    }

    .sucess-4 {
        top: -281px;
        left: -63px;
        right: 74px;
        align-items: center
    }

    .static-para-4 .static-para-42 {
        margin-left: 11px
    }

    .sucess-5 {
        align-items: center
    }

    .static-para-2,
    .static-para-3,
    .static-para-4,
    .static-para-5 {
        display: flex;
        flex-direction: row
    }

    .sucess-5 {
        top: -327px;
        right: 90px;
        left: -63px
    }

    .technical-group-horizontal {
        display: flex;
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #fff;
        margin-bottom: 16px
    }

    #nav-tab {
        border-bottom: 0;
        margin-top: -14px
    }

    #wpcf7-394-o1 .wpcf7-form label,
    #wpcf7-f998-o1 .wpcf7-form label {
        padding: 6px;
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 17px;
        letter-spacing: 0;
        text-align: left;
        position: static;
        margin-left: -313px
    }

    .flagengland-fresh,
    .flagindia-fresh {
        width: 52px
    }

    .flagunited-fresh {
        width: 53px
    }

    #solution,
    #technical,
    .testimonials-heading {
        padding-bottom: 0
    }

    .saas-solution {
        padding-bottom: 23px
    }

    .digital-solution {
        padding-bottom: 20px
    }

    .solution-heading-forth p {
        font-size: 25px
    }

    .solution-heading-forth {
        position: relative;
        left: -13px;
        font-size: 26px;
        top: -11px
    }

    .for-phone ul {
        list-style: none;
        padding: 17px
    }

    .technical-heading {
        padding-top: 10px;
        padding-bottom: 0
    }

    .footer-nav {
        list-style: none;
        width: 7%;
        padding: 10px 2px
    }

    .quick-link {
        padding-top: 43px
    }

    .list-group-item a {
        font-family: Roboto;
        font-size: 18px;
        font-style: normal;
        padding: 3px 5px;
        border-radius: 10px;
        border: 0;
        font-weight: 500;
        color: #f0f0f0;
        line-height: 35px;
        letter-spacing: 0;
        text-align: left
    }

    .list-group-item {
        padding-top: 8px;
        padding-bottom: 5px;
        margin-top: 11px;
        margin-bottom: 0;
        padding-left: 19px;
        margin-left: 10px
    }
}

@media screen and (max-width:820px) {
    .list-group-item {
        margin-left: 5px;
        padding: 2px
    }

    .nav-tabs .nav-link {
        margin-bottom: 0;
        border: 0;
        padding: 0 15px;
        border-radius: 0;
        margin-top: 46px
    }

    .sucess-2 {
        top: -450px
    }

    .sucess-3 {
        top: -325px
    }

    .sucess-4 {
        top: -265px
    }

    .sucess-5 {
        top: -310px;
        right: 90px;
        left: -63px
    }

    .static-bg {
        margin-bottom: -201px
    }
}

.policy-content ul li a {
    padding: 0 6px
}

@media screen and (max-width:560px) {

    .static-para-1 p,
    .static-para-3 p {
        font-size: 23px
    }

    .landline-address {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative
    }

    /* .tech-content-secondary {
        position: relative;
        top: -266px;
        margin-left: 302px
    } */

    .flagengland-fresh {
        width: 79px
    }

    .flagindia-fresh {
        width: 65px
    }

    .sucess-2 {
        top: -502px
    }

    .why-us {
        right: -71px
    }

    .testimonial-first {
        padding: 56px 20px 20px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        height: 234px
    }

    .phone-address-para p {
        text-align: left
    }

    .phone-p {
        margin-left: -2px
    }
}

@media screen and (max-width:535px) {
    .techno-main {
        display: flex;
        flex-direction: column
    }

    /* .techno-image {
        width: 54%;
        position: relative;
        left: -56px
    } */

    .partner-oyo,
    .partner-soldex {
        width: 56%;
        left: 99px;
        background-color: #030927;
        border-radius: 9px;
        position: relative;
        height: auto
    }

    .tech-content-secondary {
        padding-top: 15px;
        /* position: relative;
        top: -191px; */
        margin-left: -18px
    }
/* 
    .tech-content-secondary h2 {
        font-size: 42px;
        margin-left: 158px
    } */
/* 
    .techno-content-para {
        position: relative;
        top: -141px
    } */

    /* .techno-content {
        padding-left: 27px;
        padding-right: 18px;
        margin-bottom: -92px;
        padding-bottom: 0
    } */

    #partner {
        padding-bottom: 40px
    }

    .partner-content {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding-bottom: 0
    }

    .partner-oyo {
        padding: 35px 29px
    }

    .partner-soldex {
        padding: 54px 29px
    }

    .partner-airbnb {
        background-color: #030927;
        border-radius: 9px;
        position: relative;
        left: 16px;
        height: auto;
        width: 75%;
        margin-left: -9px;
        padding: 64px 15px 35px
    }

    .partner-adidas,
    .partner-netflix {
        margin-bottom: 20px;
        text-align: center;
        margin-top: -1px;
        position: absolute;
        top: 0
    }

    .partner-netflix {
        left: 92px;
        padding-bottom: 29px
    }

    .partner-adidas {
        padding-bottom: 20px;
        left: 8px
    }
}

@media screen and (min-width:419px) and (max-width:520px) {

    .static-para-1 p,
    .static-para-2 p,
    .static-para-3 p,
    .static-para-4 p,
    .static-para-5 p {
        font-size: 18px
    }

    .pu {
        display: none
    }

    .static-heading-1 p,
    .static-heading-2 p,
    .static-heading-3 p,
    .static-heading-4 p,
    .static-heading-5 p {
        font-size: 25px
    }

    .da-img img {
        top: -66px !important
    }

    .tech-content-secondary h1 {
        font-size: 26px;
        /* margin-left: 183px */
    }

    .saas-image {
        left: -122px
    }

    .ai-image {
        left: -30px
    }

    .add-two {
        margin-left: -20%
    }

    .add-three {
        margin-left: -22%
    }

    .da-slide h2 {
        font-size: 29px !important
    }
}

@media screen and (max-width:418px) {

    .sucess-1,
    .sucess-2 {
        align-content: center
    }

    .blog-detail-post p {
        padding: 0 13px !important
    }

    .target-card:hover {
        background-color: #fff;
        color: #000;
        border: 1px solid #000
    }

    .articles-content .articles-line:last-child::after,
    .articles-line::after {
        background-color: #32e1e8;
        width: 89%;
        left: 18px;
        position: absolute;
        content: "";
        height: 2px
    }

    .navbar-brand img {
        position: absolute;
        top: 12px;
        left: 27px;
        width: 40%
    }

    .technical-heading h5 {
        text-align: center;
        color: #fff
    }

    .techo-phone .saas-heading {
        margin-left: 69px
    }

    .techo-phone .ai-heading {
        margin-left: -26px
    }

    .list-group-item a {
        font-family: Roboto;
        font-size: 16px;
        font-style: normal;
        border-radius: 6px;
        border: 0;
        font-weight: 500;
        color: #f0f0f0;
        text-decoration: none;
        line-height: 30px;
        letter-spacing: 0;
        text-align: left;
        padding: 6px 5px
    }

    .blog-para p,
    .service-para p {
        text-align: justify
    }

    .index-carouselnew .owl-dots {
        margin-left: 146px
    }

    .service-carouselnew .owl-dots {
        margin-left: -37px
    }

    #service,
    #technical {
        padding-bottom: 0
    }

    .articles-content.articles-line:-last-child(1) {
        display: flex;
        flex-direction: column;
        flex-direction: column
    }

    .articles-content .articles-line:first-child,
    .techno-main {
        flex-direction: column;
        display: flex
    }

    .articles-content {
        height: 502px;
        margin-left: 25px
    }

    .articles-line::after {
        top: 619px
    }

    .articles-content-para p {
        font-family: Roboto;
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 26px;
        color: #000f39;
        text-align: justify
    }

    .articles-date {
        margin-top: 12px
    }

    .blog-para p {
        font-family: roboto;
        font-style: normal;
        color: #fff;
        font-size: 17px;
        line-height: 23px
    }

    .articles-content .articles-line:last-child::after {
        top: 578px
    }

    .management .card-img-top img {
        border-radius: 50%;
        top: -59px;
        position: absolute;
        left: calc(50% - 275px);
        width: 32%;
        margin-left: 217px;
        margin-top: 11px
    }

    .banner-blockchain,
    .management .card-body {
        margin-top: 61px
    }

    #management {
        background: #060d30;
        max-width: 100%;
        height: auto;
        display: block;
        padding-bottom: 4px;
        padding-top: 0
    }

    .management-carousel .item {
        margin-top: 99px;
        margin-left: 18px
    }

    .management-carousel .owl-dots {
        text-align: center;
        margin-top: -22px
    }

    .must {
        background: #fff;
        border: 2px solid #000;
        padding: 27px 24px 52px;
        border-radius: 9px;
        margin-bottom: 39px
    }

    .vision-content {
        width: 100%;
        padding-left: 34px;
        margin-top: 38px;
        margin-left: -3px
    }

    #partner,
    .navigate,
    .testimonials-heading {
        padding-bottom: 12px
    }

    .vision-image {
        margin-left: 75px;
        width: 145%;
        margin-top: -25px;
        position: absolute;
        right: -16%;
        top: 28%
    }

    .mobile-image {
        width: 138%;
        position: absolute;
        top: 16%
    }

    .dream-image {
        margin-top: -77px;
        width: 145%
    }

    .banner-heading {
        margin-top: 32px
    }

    .banner-para {
        margin-top: 30px
    }

    .da-link {
        margin-top: 52px
    }

    .da-slide h2 {
        top: 8px
    }

    .da-slide p {
        top: 82px;
        line-height: 20px
    }

    .da-slide.da-link {
        width: 34%
    }

    /* .techno-image {
        width: 54%;
        position: relative;
        left: -29px
    } */

    /* .tech-content-secondary {
        padding-top: 15px;
        position: relative;
        top: -191px;
        margin-left: -35px
    } */

    .tech-content-secondary h1 {
        font-size: 28px;
        /* margin-left: 253px; */
        line-height: 41px
    }

    #main {
        overflow: hidden
    }

    .era-solution {
        margin-top: -21px
    }

    .solution-erp {
        padding-bottom: 24px
    }

    .da-slide .da-link {
        white-space: nowrap;
        width: max-content !important;
        top: 40% !important
    }

    .da-img img,
    .da-slide .da-img {
        width: 100% !important;
        margin: 0 !important;
        left: 0 !important
    }

    .da-slide .da-img {
        bottom: 0 !important;
        top: auto !important
    }

    .da-img img {
        position: absolute;
        top: 0 !important
    }

    .da-slide h2 {
        font-size: 26px !important
    }

    .da-slide p {
        width: 88% !important
    }

    .da-slider {
        height: 500px !important
    }

    .flagengland-fresh,
    .flagindia-fresh,
    .flagunited-fresh {
        height: 53px;
        display: inline-block
    }
/* 
    .techno-content-para {
        position: relative;
        top: -133px
    } */

    .flagunited-fresh {
        background: url(../image/css-sprite-combined-flag-2.png);
        width: 53px
    }

    .flagengland-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -53px 0;
        width: 111px
    }

    .flagindia-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -106px 0;
        width: 93px
    }

    .partner-5,
    .partner-6,
    .partner-7,
    .partner-adidas,
    .partner-airbnb,
    .partner-kaledio,
    .partner-netflix,
    .partner-oyo,
    .partner-soldex {
        background-color: #030927;
        border-radius: 9px;
        height: auto;
        position: relative
    }

    .techno-conten {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 0
    }

    .static-para-1 p,
    .techno-content-para p {
        font-size: 16px
    }

    .partner-heading {
        padding-top: 0;
        padding-bottom: 0
    }

    .partner-heading h5 {
        font-size: 27px
    }

    .main-primary,
    .market-heading h5,
    .static-heading-secondary h3,
    .testimonials-heading h6 {
        font-size: 32px
    }

    .partner-oyo {
        width: 89%;
        left: 12px;
        padding: 39px 29px 38px
    }

    .partner-soldex {
        width: 89%;
        left: 12px;
        padding: 54px 29px
    }

    .partner-airbnb {
        width: 71%;
        margin-left: -9px;
        left: 24px;
        padding: 10px 11px 14px 18px
    }

    .articles-line .articles-image img {
        width: 79% !important;
        margin-left: -57px
    }

    .articles-content .articles-line::after {
        top: 508px !important
    }

    .articles-content-link {
        margin-top: 18px
    }

    .partner-netflix {
        width: 82%;
        margin-left: 7px;
        left: 12px;
        padding: 25px 16px
    }

    .partner-adidas {
        width: 83%;
        right: -11px;
        padding: 15px 29px
    }

    .partner-5 {
        width: 100%;
        right: -3px;
        padding: 22px 4px 25px 13px
    }

    .partner-6 {
        width: 86%;
        right: -17px;
        padding: 18px 15px 12px 41px
    }

    .partner-kaledio {
        width: 66%;
        left: 29px;
        padding: 50px 14px
    }

    .partner-7 {
        width: 88%;
        right: -8px;
        padding: 18px 29px 12px
    }

    .why-us {
        width: 293px
    }

    .card-compo {
        padding-bottom: 23px
    }

    .main-primary {
        margin-bottom: 7px;
        padding-top: 17px;
        margin-left: 0
    }

    .application-card,
    .services-card,
    .skilled-card,
    .stay-card,
    .user-card {
        position: relative;
        right: 35px;
        top: 0
    }

    .target-card {
        position: relative;
        right: 35px;
        top: -8px
    }

    .why-1 {
        height: 62px
    }

    .why-2 {
        height: 52px
    }

    .why-3 {
        height: 77px
    }

    .why-4 {
        height: 37px
    }

    .why-6 {
        height: 51px
    }

    .static-bg {
        display: flex;
        flex-direction: column;
        background: 0;
        margin-bottom: -290px
    }

    .static-heading-secondary {
        margin-bottom: 63px
    }

    .static-heading-1 p,
    .static-heading-2 p,
    .static-heading-3 p,
    .static-heading-4 p,
    .static-heading-5 p {
        font-size: 29px
    }

    .static-para-1 {
        position: relative;
        left: 66px;
        margin-left: -60px
    }

    .sucess-1 {
        display: flex;
        flex-direction: row;
        position: absolute;
        left: -46px;
        top: -760px;
        align-items: center
    }

    .sucess-2,
    .sucess-3 {
        display: flex;
        flex-direction: row;
        position: absolute;
        left: -46px
    }

    .sucess-2 {
        right: -6px;
        top: -578px;
        align-items: center
    }

    .static-para-2,
    .static-para-3,
    .static-para-4,
    .static-para-5 {
        margin-left: -223px
    }

    .static-para-2 p,
    .static-para-3 p,
    .static-para-4 p,
    .static-para-5 p {
        font-size: 17px
    }

    .sucess-3 {
        top: -453px;
        right: 6px;
        align-items: center;
        align-content: center
    }

    .sucess-4,
    .sucess-5 {
        flex-direction: row;
        left: -46px;
        align-content: center;
        display: flex;
        position: absolute
    }

    .static-para-3 .pg {
        margin-right: 4px
    }

    .static-para-3 .pu {
        margin-left: 4px
    }

    .static-para-2 .te,
    .static-para-5 .re {
        margin-left: 6px
    }

    .sucess-4 {
        top: -415px;
        right: 74px;
        align-items: center
    }

    .sucess-5 {
        top: -516px;
        right: 90px;
        align-items: center
    }

    .static-para-2,
    .static-para-3,
    .static-para-4,
    .static-para-5 {
        display: flex;
        flex-direction: row
    }

    #solution {
        padding-bottom: 32px
    }

    .solution-heading h3 {
        padding-top: 0;
        font-size: 32px
    }

    .solution-image {
        position: relative;
        left: -43px
    }

    .solution-heading-forth {
        position: relative;
        left: 5px
    }

    .solution-heading-forth p {
        font-size: 21px
    }

    .digital-solution,
    .saas-solution {
        padding: 18px
    }

    .blockchain-image {
        position: relative;
        left: -17px
    }

    .ai-heading,
    .blockchain-heading-main {
        position: relative;
        left: 0
    }

    .saas-image {
        position: relative;
        left: -59px
    }

    .saas-heading {
        position: relative;
        left: -44px
    }

    .digital-image {
        position: relative;
        left: -30px
    }

    .digital-heading {
        position: relative;
        left: -13px
    }

    .ai-image {
        position: relative;
        left: -12px
    }

    .insight-1 {
        padding: 14px
    }

    .insight-2 {
        padding: 29px
    }

    .technical-heading {
        padding-top: 3px;
        padding-bottom: 0
    }

    .testimonial-first {
        padding: 56px 20px 20px;
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 5px;
        height: 260px
    }

    #testimonials {
        padding-top: 0 !important
    }

    #market {
        padding-bottom: 18px;
        padding-top: 0
    }

    .insight-1,
    .insight-2,
    .insight-3 {
        height: 158px
    }

    .insight-3 {
        padding: 26px
    }

    #wpcf7-f395-o1,
    #wpcf7-f999-o1 {
        margin-left: 57px;
        position: relative;
        right: 24px
    }

    #wpcf7-f395-o1 .wpcf7-form input,
    #wpcf7-f999-o1 .wpcf7-form input {
        padding: 6px;
        margin-left: -1px
    }

    .card-compo {
        margin-left: 67px
    }

    .home-carouselnew.owl-dot:first-child,
    .home-carouselnew.owl-dot:nth-child(2) {
        text-align: center !important
    }

    .digital-form-heading::after {
        content: "";
        background-color: #2a2a2a;
        position: absolute;
        width: 261px;
        height: 2px;
        left: 78px
    }

    .marketing-main {
        padding-top: 58px;
        padding-bottom: 59px
    }

    .app-heading::after {
        content: "";
        background-color: #2a2a2a;
        position: absolute;
        width: 284px !important;
        height: 2px;
        left: 44px;
        top: 91px
    }

    .approach-image {
        width: 77%;
        margin-left: 72px;
        margin-top: 23px
    }

    .approach-content-2 {
        position: static;
        margin-top: 64px
    }

    .approach-content-1-image,
    .approach-content-2-image {
        width: 28%;
        border-radius: 50%;
        box-shadow: -1px 7px 65px 0 #0000002e;
        padding: 19px;
        background: #fff;
        text-align: center
    }

    .approach-content-2-image {
        margin-left: 94px !important
    }

    .intro-layout-1-second-image {
        display: block;
        position: static;
        margin-top: -4px !important
    }

    .why-us:hover h4 {
        font-size: 26px
    }

    .why-us-feedback {
        margin-bottom: 20px
    }

    .why-approach,
    .why-feedback,
    .why-response,
    .why-technical {
        height: 175px
    }

    .speqto-event-1 {
        margin-bottom: 153px
    }
}

@media screen and (max-width:415px) {
    [class*=icon-] {
        width: 160px
    }

    .saas-heading {
        position: relative;
        left: -13px
    }

    .techo-phone .saas-heading {
        margin-left: 28px
    }

    .techo-phone .for-phone .technical-image-web {
        margin-left: -36px;
        margin-right: -15px
    }
}

@media screen and (max-width:402px) {

    .techo-phone .for-phone .technical-image,
    [class*=icon-] {
        margin-left: -4px
    }

    [class*=icon-] {
        width: 163px;
        height: 122px;
        display: inline-block
    }

    .tech-content-secondary h1 {
        font-size: 28px;
        /* margin-left: 231px; */
        line-height: 41px
    }

    .service-circle-1-para span {
        margin-left: 18px !important;
        position: relative;
        left: -6px
    }
}

@media screen and (max-width:394px) {
    .flagindia-fresh {
        width: 100px
    }
}

@media screen and (max-width:390px) {
    [class*=icon-] {
        width: 162px
    }

    .card-compo {
        margin-left: 52px
    }

    .flagindia-fresh {
        width: 102px
    }

    .flagengland-fresh {
        width: 120px
    }
}

@media screen and (max-width:380px) {
    .tech-content-secondary h1 {
        font-size: 28px;
        /* margin-left: 231px; */
        line-height: 41px
    }

    .service-circle-1-para span {
        margin-left: 18px !important;
        position: relative;
        left: -6px
    }
}

@media screen and (max-width:376px) {
    .tech-content-secondary h1 {
        font-size: 28px;
        /* margin-left: 225px; */
        line-height: 41px
    }

    .card-compo {
        margin-left: 36px
    }

    .service-circle-1-para span {
        margin-left: 18px !important;
        position: relative;
        left: -6px
    }

    .value-heading::after {
        left: 73px
    }

    .techo-phone .saas-heading {
        margin-left: 27px
    }

    .about-second-content-secondary::after {
        left: 93px
    }

    .flagindia-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -106px 0;
        width: 109px
    }

    .flagengland-fresh {
        background: url(../image/css-sprite-combined-flag-2.png) -53px 0;
        width: 128px
    }

    [class*=icon-] {
        width: 164px;
        height: 122px;
        display: inline-block;
        margin-left: -8px
    }

    .saas-heading {
        left: -13px
    }
}

.card-header,
.free {
    background-color: #fff
}

.techo-phone .for-phone .technical-image,
.techo-phone .for-phone .technical-image-web {
    margin-left: -3px
}

.home-text a {
    margin-top: 43px;
    cursor: pointer
}

.chalu-address {
    left: 6px
}

.ai-heading h1 {
    font-size: 36px
}

.email-address-para {
    margin-left: -3px;
    position: relative;
    left: 9px
}

.different-layout-3-digital-advertise-content-image {
    margin-top: -14px
}

@media screen and (min-width:912px) {
    .techo-phone .for-phone .technical-image-web {
        margin-left: 62px;
        margin-right: 79px
    }

    #statics {
        padding-bottom: 88px
    }
}

@media screen and (max-width:412px) {
    .techo-phone .for-phone .technical-image-web {
        margin-left: -25px;
        margin-right: 0
    }
}

@media screen and (max-width:394px) {
    .card-compo {
        margin-left: 58px
    }
}

@media screen and (max-width:360px) {
    .flagindia-fresh {
        width: 115px
    }

    [class*=icon-] {
        width: 164px;
        height: 122px;
        display: inline-block;
        margin-left: -16px
    }
}

@media screen and (min-width:300px) and (max-width:360px) {
    .static-para-3 .pu {
        display: none
    }

    .phone .technical-image {
        margin-left: -23px;
        margin-right: -33px
    }

    .nav-tabs .nav-link {
        margin-bottom: 0;
        border: 0;
        padding: 0 18px;
        border-radius: 0
    }

    .techo-phone .for-phone .technical-image {
        margin-left: -14px;
        margin-right: -33px
    }
}

@media screen and (max-width:376px) {
    .techo-phone .for-phone .technical-image-web {
        margin-left: 0;
        margin-right: 0
    }
}

@media screen and (max-width:340px) {
    [class*=icon-] {
        width: 150px;
        height: 122px;
        display: inline-block;
        margin-left: -4px
    }

    .techo-phone .for-phone .technical-image {
        margin-left: -22px
    }
}

@media screen and (max-width:320px) {

    .address-1,
    .address-2 {
        border-bottom: 1px solid #fff;
        border-right: 0
    }

    .copyright-content h4,
    .list-group-item a {
        font-family: Roboto;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0;
        text-align: left
    }

    .index-carouselnew .owl-dots {
        margin-left: 100px
    }

    .navbar-brand img {
        position: absolute;
        top: 12px;
        left: 27px;
        width: 40%
    }

    .testimonials-heading h6 {
        font-size: 28px;
        margin-left: 0
    }

    .management .card-img-top img {
        border-radius: 50%;
        top: -59px;
        position: absolute;
        left: calc(50% - 275px);
        width: 41%;
        margin-left: 217px;
        margin-top: 11px
    }

    [class*=icon-] {
        width: 154px;
        height: 122px;
        display: inline-block;
        margin-left: -15px
    }

    .navigate {
        padding-bottom: 12px
    }

    .da-slide p {
        font-size: 11px
    }

    .da-slide h2 {
        font-size: 24px !important
    }

    .tech-content-secondary h1 {
        font-size: 28px;
        /* margin-left: 165px; */
        line-height: 35px;
        margin-top: 49px
    }

    .main-primary {
        margin-left: 10px
    }

    .why-us {
        width: 260px
    }

    .application-card,
    .services-card,
    .skilled-card,
    .stay-card,
    .target-card,
    .user-card {
        position: relative;
        right: 35px;
        top: 0
    }

    .sucess-1,
    .sucess-2,
    .sucess-3,
    .sucess-4,
    .sucess-5 {
        position: absolute;
        left: -52px
    }

    .static-para-1 p,
    .static-para-2 p,
    .static-para-3 p,
    .static-para-4 p,
    .static-para-5 p {
        font-size: 15px
    }

    .erp-image {
        position: relative;
        left: -23px
    }

    .ai-image,
    .blockchain-image {
        position: relative;
        left: 4px
    }

    .saas-image {
        position: relative;
        left: -37px
    }

    .digital-image {
        position: relative;
        left: -4px
    }

    .digital-heading {
        position: relative;
        left: 7px
    }

    .insight-1,
    .insight-2,
    .insight-3 {
        height: 177px
    }

    .partner-heading h5 {
        font-size: 25px
    }

    .address-1 {
        display: flex;
        flex-direction: row;
        padding-bottom: 23px;
        margin-bottom: 17px
    }

    .address-2 {
        padding-bottom: 18px;
        margin-left: -21px;
        margin-bottom: 14px;
        display: flex;
        flex-direction: row
    }

    .policy-content ul li a {
        color: #fff;
        text-decoration: none;
        padding: 0 10px;
        font-weight: 500;
        font-family: Roboto;
        font-size: 8px
    }

    .copyright-content h4 {
        font-size: 14px;
        line-height: 21px
    }

    .rc-anchor-logo-img-portrait {
        background-size: 32px;
        height: 32px;
        margin: 0 13px;
        width: 32px !important;
        margin-left: -54px !important
    }

    #rc-anchor-container {
        margin-left: 11px !important;
        width: 76% !important
    }

    .technical-group-horizontal {
        display: flex;
        flex-wrap: wrap;
        border: 1px solid #fff
    }

    .list-group-item a {
        font-size: 18px;
        padding: 3px 5px;
        border-radius: 6px;
        border: 0;
        color: #f0f0f0;
        text-decoration: none;
        line-height: 35px
    }
}

.home-text p,
.software-content p {
    font-size: 15px;
    text-overflow: ellipsis
}

@media screen and (max-width:2169px) {
    .da-slide .da-img {
        text-align: center;
        width: 23%;
        top: 70px;
        height: 256px;
        line-height: 320px;
        left: 110%
    }
}

.nav-tabs .nav-link {
    margin-bottom: 0;
    border: 0;
    padding: 0 15px;
    border-radius: 0
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    border: 0;
    background-color: transparent
}

#nav-tab {
    border-bottom: 0
}

.fixed-top.scrolled {
    background-color: #000820;
    transition: background-color .2s linear
}

.fixed-top.scrolled .nav-2 .social .icon i {
    padding-left: 7px;
    color: #ffff
}

.fixed-top.scrolled .active:hover,
.fixed-top.scrolled .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-nav.nav-item.nav-link:hover {
    color: #00bfff
}

.fixed-top.scrolled .navbar-toggler {
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background-color: #001655;
    border: 1px solid transparent;
    border-radius: .25rem
}

.skype-image {
    padding-left: 7px;
    width: 24px
}

.blog-card {
    height: 220px
}

#testimonials {
    max-width: 100%;
    height: auto;
    background: url(../image/Rectangle\ 361.png) center/cover no-repeat;
    padding-top: 20px;
    padding-bottom: 50px
}

#solution {
    max-width: 100%;
    display: block;
    height: auto;
    background: url(../image/Frame\ 4-1.png) top/cover no-repeat;
    margin: auto
}

.country-image {
    width: 45px;
    height: 45px
}

.solution-heading-forth {
    margin-top: 21px
}

.navbar-nav .nav-item .active {
    color: #87ceeb
}

.nav-act.active,
.nav-link.nav.active {
    color: #00bfff !important
}

.latest-4 {
    margin-left: 7px
}

.wp-block-image {
    width: 83%
}

.must {
    background: #fff;
    border: 2px solid #000;
    padding: 23px 16px 0;
    border-radius: 9px;
    height: 479px;
    width: 95%;
    margin-left: 10px
}

.must-text {
    padding-top: 0
}

.must-title {
    margin-bottom: 4px
}

.home-carouselnew {
    margin-left: 0
}

.home-text p {
    font-family: poppins;
    color: #fff;
    font-weight: 500;
    text-align: left;
    white-space: nowrap;
    overflow: hidden !important
}

.home-text:hover a {
    color: #777c8a
}

.blog-read-first {
    display: flex
}

.blog-read-first .wp-block-image {
    width: 68%
}

.must-text a:hover {
    color: #777c8a
}

.insight img,
.insight-blog img,
.insight-service img {
    margin-left: 31px
}

.cat-heading {
    margin-left: 17px
}

.read-more {
    color: #fff
}

.home-text a:hover {
    color: #000
}

.accordion .accordion-item,
.accordion .accordion-item button[aria-expanded=true],
.under-service {
    border-bottom: 1px solid
}

.create,
.fabricate {
    padding-top: 34px
}

.building,
.delivering {
    padding-bottom: 35px
}

.online-pr {
    margin-top: 17px
}

.reputation {
    margin-top: 5px
}

#site-content {
    margin-top: 90px;
    margin-left: 28px
}

.frequently-1,
.frequently-2,
.frequently-3 {
    color: #000;
    text-decoration: none !important;
    padding: 6px;
    border: 0;
    background-color: #fff
}

.frequently-1:hover,
.frequently-2:hover,
.frequently-3:hover {
    border: none !important;
    color: #000
}

.free {
    margin-top: 25px !important
}

.blog-carouselnew .owl-dots {
    text-align: center !important;
    margin-top: 32px
}

.insight-blog img {
    margin-left: 11px
}

.why-us:hover p {
    color: #000;
    font-style: normal;
    font-size: 14px;
    font-weight: 500;
    text-align: center
}

.blog-carouselnew1 .owl-dots span,
.service-carouselnew .owl-dots span {
    width: 7px;
    height: 7px;
    margin: 5px 7px;
    background: #000 !important;
    display: block;
    zoom: 1.6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.blog-carouselnew1 .owl-dots .active span,
.index-carouselnew .owl-dots .active span,
.management-carousel .owl-dots .active span,
.service-carouselnew .owl-dots .active span {
    width: 7px;
    height: 7px;
    margin: 5px 7px;
    background: red !important;
    display: block;
    zoom: 1.6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.index-carouselnew .owl-dots span,
.management-carousel .owl-dots span {
    width: 7px;
    height: 7px;
    margin: 5px 7px;
    background: #fff !important;
    display: block;
    zoom: 1.6;
    -webkit-transition: opacity .2s;
    -moz-transition: opacity .2s;
    -ms-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.insight img {
    margin-left: 27px
}

.index-carouselnew {
    margin-left: 10px
}

#error-content {
    margin-top: 216px;
    margin-bottom: 190px;
    background: beige
}

.error404-content {
    text-align: center;
    border-radius: 10px
}

.entry-title-1 {
    color: #000;
    font-size: 92px
}

.entry-title-2 {
    color: #000;
    margin-bottom: 36px;
    font-size: 66px
}

.software-content p {
    color: #ffff;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.sticky-top {
    position: sticky;
    top: 0;
    right: 0;
    left: auto;
    width: 100%
}

#topheader {
    position: relative;
    z-index: 999999
}

.contract-para {
    padding-bottom: 16px
}

.industry-para {
    padding-bottom: 1px
}

.wrapper {
    padding: 32px
}

.cookie-container {
    position: fixed;
    bottom: -100%;
    left: 0;
    right: 0;
    background: #2f3640;
    color: #f5f6fa;
    padding: 0 32px;
    box-shadow: 0 -2px 16px rgba(47, 54, 64, .39);
    transition: .4s
}

.cookie-container.active {
    bottom: 0
}

.cookie-container a {
    color: #f5f6fa;
    font-weight: 600
}

.cookie-container p {
    margin-top: 14px;
    text-align: left;
    margin-bottom: 13px
}

.cookie-container h4 {
    text-align: left;
    font-size: 22px;
    font-weight: 600;
    margin-top: 6px;
    color: #fff
}

.cookie-btn {
    background: #0074d9;
    border: 0;
    color: #f5f6fa;
    padding: 6px 32px;
    font-size: 18px;
    margin-left: -40px;
    margin-top: 18px;
    margin-bottom: 16px;
    border-radius: 8px;
    cursor: pointer
}

.accordion-content p,
.cookies-btn-div {
    text-align: left
}

.toast-body {
    padding-left: 23px
}

.accordion button {
    position: relative;
    display: block;
    text-align: left;
    width: 100%;
    padding: 1em 1% 1em 0;
    font-size: 1.15rem;
    font-weight: 400;
    border: 0;
    background: 0;
    outline: 0
}

.accordion button:focus,
.accordion button:hover {
    cursor: pointer
}

.accordion button:focus::after,
.accordion button:hover::after {
    cursor: pointer;
    border: 1px solid
}

.accordion button .accordion-title {
    padding: 1em 1.5em 1em 0
}

.accordion button .icon {
    display: inline-block;
    position: absolute;
    top: 18px;
    right: 0;
    width: 22px;
    height: 22px;
    border: 1px solid;
    border-radius: 22px
}

.accordion button .icon::before {
    top: 9px;
    left: 5px;
    width: 10px;
    height: 2px
}

.accordion button .icon::after {
    top: 5px;
    left: 9px;
    width: 2px;
    height: 10px
}

.accordion button[aria-expanded=true] .icon::after {
    width: 0
}

.accordion button[aria-expanded=true]+.accordion-content {
    opacity: 1;
    max-height: 17em;
    transition: .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity .2s linear, max-height .2s linear;
    will-change: opacity, max-height
}

.accordion .accordion-content p {
    font-size: 1rem;
    font-weight: 300;
    margin: 1em 0;
    color: #000
}

@media screen and (min-width:666px) and (max-width:700px) {
    .fixed-top {
        position: fixed;
        top: 0;
        z-index: 1030
    }
}

@media screen and (min-width:560px) and (max-width:790px) {
    .fixed-top {
        position: fixed;
        top: 0;
        z-index: 1030;
        margin-left: 0
    }
}

@media screen and (min-width:913px) {

    .techo-phone .for-phone .technical-image,
    .techo-phone .for-phone .technical-image-web {
        margin-left: 89px;
        margin-right: 84px
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #safari {
        display: block
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    .navigate {
        background-color: #000820;
        padding-bottom: 16px
    }

    .fixed-top {
        position: absolute;
        top: 0;
        z-index: 1030;
        margin-left: 0
    }
}

@media screen and (min-width:733px) and (max-width:740px) {
    .fixed-top {
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }
}

@media screen and (min-width:666px) and (max-width:700px) {
    .fixed-top {
        position: fixed;
        top: 0
    }
}

@media screen and (min-width:374px) and (max-width:400px) {
    .fixed-top {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }

    .phone-address .footer-job {
        padding-left: 0;
        position: relative;
        left: 40.1px
    }

    .phone-address-para .whtsp-p {
        margin-left: -36%
    }

    .phone-address-para {
        margin-left: 3%
    }

    .email-address-para .enqu {
        position: relative;
        left: -12px;
        color: #fff;
        font-family: Roboto
    }

    .email-address-para {
        margin-left: -3px;
        position: relative;
        left: 25px
    }
}

@media screen and (min-width:683px) and (max-width:710px) {
    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

@media screen and (min-width:411px) and (max-width:420px) {
    .fixed-top {
        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030
    }
}

@media screen and (min-width:560px) and (max-width:790px) {
    .fixed-top {
        position: fixed;
        top: 0;
        margin-left: 0
    }
}

@media screen and (min-width:769px) and (max-width:991px) {
    .navigate {
        background-color: #000820;
        padding-bottom: 16px
    }

    .fixed-top {
        position: absolute;
        top: 0;
        margin-left: 0
    }

    .nav-tabs .nav-link {
        margin-top: 16px
    }
}

@media screen and (min-width:100px) {
    .fixed-top {
        z-index: 1030;
        position: fixed;
        top: 0
    }
}

.landline-address-para a,
.phone-address-para a {
    color: #ffff;
    text-decoration: none
}

@media screen and (max-width:767px) {
    .sucess-1 {
        height: 0;
        margin-top: 22rem
    }
}

@media screen and (max-width:500px) {
    .sucess-1 {
        height: 0;
        margin-top: 20rem
    }
}

@media screen and (min-width:450px) and (max-width:600px) {
    .contact-button {
        margin-left: 181px
    }

    .ieo-ban {
        margin-left: -229px !important
    }

    .abcde {
        text-align: center;
        justify-content: center;
        align-items: center
    }

    .dropdown-desktop {
        display: none !important
    }

    .dropdown-mobile {
        display: block !important
    }
}