.Create-img,
.animation-game-section,
.ar-vr-p,
.base-center-images,
.bg-half-170,
.icon-background,
.marquee_image,
.section,
.section1 {
    position: relative
}

.slick-slider,
body {
    box-sizing: border-box
}

.benefit-box ul li,
.healthcare-soft-box ul li,
.key-elements-p ul li,
.mobile-market-ul ul li {
    display: -webkit-inline-box
}

.offers-tabcontent,
.offers-tabcontent .tabcontent-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal
}

* {
    margin: 0;
    padding: 0
}

@font-face {
    font-family: CircularStdBold;
    font-display: swap;
    src: url(../assets/fonts/CircularStdBold.ttf)
}

@font-face {
    font-family: CircularStdRegular;
    font-display: swap;
    src: url(../assets/fonts/circularstd-book.otf)
}

@font-face {
    font-family: CircularStdMedium;
    font-display: swap;
    src: url(../assets/fonts/circularstd-medium.otf)
}

@font-face {
    font-family: CircularStdBook;
    font-display: swap;
    src: url(../assets/fonts/circularstd-book.otf)
}

@font-face {
    font-family: "Poppins-Bold.ttf";
    font-display: swap;
    src: url(../assets/fonts/Poppins-Bold.ttf)
}

@font-face {
    font-family: "Poppins-Medium.ttf";
    font-display: swap;
    src: url(../assets/fonts/Poppins-Medium.ttf)
}

@font-face {
    font-family: "Poppins-Regular.ttf";
    font-display: swap;
    src: url(../assets/fonts/Poppins-Regular.ttf)
}

@font-face {
    font-family: "Poppins-SemiBold.ttf";
    font-display: swap;
    src: url(../assets/fonts/Poppins-SemiBold.ttf)
}

@font-face {
    font-family: Roboto-Black;
    font-display: swap;
    src: url(../assets/fonts/Roboto-Black.ttf)
}

@font-face {
    font-family: Roboto-Bold;
    font-display: swap;
    src: url(../assets/fonts/Roboto-Bold.ttf)
}

@font-face {
    font-family: Roboto-Medium;
    font-display: swap;
    src: url(../assets/fonts/Roboto-Medium.ttf)
}

@font-face {
    font-family: Roboto-Regular;
    font-display: swap;
    src: url(../assets/fonts/Roboto-Regular.ttf)
}

@font-face {
    font-family: Roboto-Light;
    font-display: swap;
    src: url(../assets/fonts/Roboto-Light.ttf)
}

@font-face {
    font-family: SFProDisplay;
    font-display: swap;
    src: url(../assets/fonts/sf-pro-display.ttf)
}

@font-face {
    font-family: Avenir;
    font-display: swap;
    src: url(../assets/fonts/avenir.otf)
}

body {
    overflow-x: none !important
}

.bg-half-170 {
    padding-top: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: cover;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    background-position: center;
    height: 100vh
}

.heading-text h2,
.our-engagement-model h2,
.why-adopting h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 58px;
    color: #0a0d20;
    font-family: CircularStdBold
}

.Cloud-computing-solutions h2>span,
.banner-heading h1>span,
.blc-text h2>span,
.cloud-app-dev h2>span,
.ent-mvp h2 span,
.hadoop-heading h2 span,
.heading-text h2>span,
.machine-learning-process h2>span,
.our-engagement-model h2>span,
.our-portfolio h2 span,
.tool-develop-content h2 span,
.what-is-blockchain-text h2>span,
.what-is-product-mngmt-text h2>span,
.who-use-cloud-base-services h2>span,
.why-adopting h2>span {
    color: #ffc039
}

.augmented-reality-text>p,
.blc-text p,
.cloud-computing-sol-box-text>p,
.heading-text p,
.our-engagement-model-textp,
.strategy>p,
.what-we-done-text>p {
    font-size: 20px;
    color: #2e3341;
    margin-top: 24px;
    line-height: 34px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.section {
    padding: 100px 0
}

.section1 {
    padding: 100px 0 0
}

.banner-heading h1 {
    font-size: 51px;
    font-weight: 400;
    line-height: 72px;
    color: #070a1d;
    font-family: CircularStdBold
}

.bottom-lets-we-talk p {
    padding-left: 17px;
    font-size: 20px;
    color: #070a1d;
    width: fit-content;
    font-family: CircularStdMedium
}

.banner-heading p {
    padding-left: 7px;
    font-size: 18px;
    color: #070a1d;
    width: 150px;
    font-family: CircularStdMedium
}

.besides-all,
.key-elements-p>p {
    color: #2e3341;
    font-family: CircularStdMedium
}

.Banner-img-1 {
    width: 110%
}

.besides-all {
    font-size: 25px;
    line-height: 38px
}

a.btn-primary>img {
    padding-left: 12px
}

.augmented-reality-img,
.buy-button,
.services-ddes-img,
.social-care-img,
.strategy-img,
.what-we-done-img {
    text-align: right
}

.key-elements-p>p {
    font-size: 20px;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 34px;
    text-align: justify
}

.Mobile-app-design ul,
.key-elements-p ul,
.strategy ul {
    margin-top: 22px;
    font-size: 20px;
    color: #2e3341;
    list-style: none;
    padding-left: 0;
    padding-right: 19px;
    font-family: CircularStdMedium
}

.key-elements-p ul li {
    line-height: 34px
}

.key-elements-p ul li>img,
.owl-slider2 .card-body ul li>span {
    margin-right: 10px
}

.key-elements-p ul li p {
    margin-bottom: 2px;
    text-align: justify
}

.Amplify-text ul li a,
.bg-half-170 a,
.bottom-lets-talk a,
.content-over-marquee-can-we-talk a,
.key-elements-p ul li p>span,
.webBenefits h3 {
    color: #070a1d
}

.ar-vr-p p,
.game-dev p {
    color: #2e3341;
    font-family: CircularStdMedium
}

.key-element-bg {
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 11px
}

.ar-vr-technolog-bg {
    background: no-repeat padding-box #ffeaea;
    height: 580px
}

.Technology-img {
    margin-top: -72px;
    width: 118%;
    margin-left: -48px
}

.game-dev p {
    font-size: 24px;
    margin-top: 32px;
    padding-right: 223px
}

.ar-vr-p p {
    font-size: 20px;
    margin-top: 40px;
    line-height: 34px;
    text-align: left;
    padding-right: 91px
}

.ar-vr-box .small-box p,
.ar-vr-box p,
.small-box sapn {
    font-family: CircularStdBold
}

.ar-vr-box p,
.card-bord,
.choose-box,
.img-x1 .tooltiptext,
.kind-of-box,
.small-box,
.small-box sapn {
    text-align: center
}

.AR-tech-overview-bg,
.ar-vr-bg,
.augmented-reality,
.benifits-of-flutter-mobile-app-dev,
.cloud-computing-sol-box,
.iot-skill-matrix,
.services-ddes,
.what-we-done {
    background-position: center;
    background-repeat: no-repeat
}

.ar-vr-box {
    width: 133px;
    background: #fff;
    border-radius: 20px;
    height: 164px;
    padding: 18px 15px;
    box-shadow: 0 20px 40px #fedee052;
    display: inline-block;
    margin: 3px
}

.counter-box {
    position: absolute
}

.counter-box .small-box p {
    color: #fff;
    margin-bottom: 0;
    font-weight: 500
}

.small-box {
    border-radius: 10px;
    padding: 9px 0 10px;
    width: 126px;
    display: inline-block;
    height: auto;
    margin-right: 4px
}

.Virtual-Tour-img,
.ar-gamming-img,
.beginning-img,
.cloud-img,
.left-img-sec {
    border-radius: 20px;
    box-shadow: 0 10px 20px #070a1d14
}

.small-box-color-1 {
    background-color: #f5848e
}

.small-box-color-2 {
    background-color: #ffaa6c
}

.small-box-color-3 {
    background-color: #4ed59e
}

.small-box-color-4 {
    background-color: #6de2fb
}

.ar-vr-box .small-box p {
    font-size: 18px;
    color: #f5808b;
    margin-top: -19px
}

.small-box sapn {
    color: #fff;
    font-size: 35px
}

.ar-vr-box p {
    font-size: 20px;
    padding-top: 10px;
    color: #070a1d
}

.ar-vr-box-2 {
    height: 201px !important
}

.samll-box2 {
    height: 133px !important;
    background: #fff7f2 !important
}

.samll-box2 p,
.samll-box2 sapn {
    color: #ffa15c !important
}

.ar-vr-box3 {
    height: 252px !important
}

.small-box3 {
    height: 182px !important;
    background: #f0fbf7 !important
}

.small-box3 p,
.small-box3 sapn {
    color: #49d49c !important
}

.ar-vr-box4 {
    height: 303px !important
}

.small-box4 {
    height: 229px !important;
    background: #eaf8ff !important
}

.card-bord,
.choose-box,
.ios-box,
.kind-of-box,
.process-box {
    background-color: #fff
}

.small-box4 p,
.small-box4 sapn {
    color: #51defd !important
}

.cloud-img {
    width: 89%
}

.Auto-Mobile,
.angle-img-even,
.application ul li a,
.capabilities-right,
.cross-sec-img,
.enterprise-text,
.ind-sol-icon5,
.ind-sol-icon6,
[dir=rtl] .slick-slide,
footer .social-icons {
    float: right
}

.main-card .card-header {
    width: 100%;
    padding-top: 65px;
    padding-bottom: 65px;
    border-bottom: 2px solid #f0f4fd
}

.main-card .card-header h3 {
    margin-left: 70px;
    margin-bottom: 30px;
    font-style: normal;
    font-weight: 700;
    font-size: 22px;
    line-height: 28px;
    color: #1d2140
}

.main-card .card-header p {
    font-family: Mulish;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #1d2140;
    margin-left: 70px
}

.main-card .accordions {
    padding-top: 45px
}

.main-card .accordions .accordion {
    width: 100%;
    background: #ccbe00;
    max-height: 94px;
    margin-bottom: 27px;
    overflow: hidden;
    transition: .5s;
    cursor: pointer;
    outline: 0;
    border: #fff;
    display: block;
    text-align: left;
    align-items: none;
    display: grid;
    grid-gap: none;
    border-left: 4px solid #1d214060;
    border-radius: 20px;
    box-shadow: 0 10px 20px #dde2ff
}

.main-card .accordions .accordion:focus-within {
    max-height: fit-content;
    height: auto;
    background: #fff
}

.main-card .accordions .accordion:focus-within .icon {
    transform: rotate(225deg)
}

.main-card .accordions .accordion .cont-header {
    display: flex;
    height: 99px;
    align-items: center
}

.main-card .accordions .accordion .cont-header .icon {
    margin-left: 25px;
    margin-right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s
}

.main-card .accordions .accordion .cont-header h3 {
    font-family: CircularStdMedium;
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 20px;
    margin-left: 30px;
    width: 100%;
    margin-right: 55px;
    color: #1d2140
}

.main-card .accordions .accordion .cont-content {
    height: auto
}

.main-card .accordions .accordion .cont-content p {
    width: 100%;
    text-align: left;
    margin-left: 30px;
    margin-bottom: 30px;
    padding-right: 131px;
    color: #2e3341;
    max-height: 180px;
    font-family: CircularStdMedium;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px
}

.main-card .accordions .accordion .cont-content .btn {
    width: 167px;
    height: 44px;
    background: #6b63ff;
    border-radius: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    margin-left: 30px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    transition: .3s;
    color: #fff
}

.main-card .accordions .accordion .cont-content .btn:hover {
    transform: scale(1.05)
}

.card-bord {
    width: 100%;
    box-shadow: 0 10px 20px #dde2ff54;
    height: 180px;
    border-radius: 20px;
    padding: 28px 21px
}

.card-bord P {
    padding-top: 21px;
    font-size: 19px;
    font-family: CircularStdMedium
}

.owl-slider1 .card-body h5,
.process-box h4 {
    font-size: 26px;
    color: #070a1d;
    font-family: CircularStdBold
}

.tools-bg {
    background-position: bottom;
    background-repeat: no-repeat
}

.owl-carousel .owl-item img {
    display: block;
    width: auto
}

.our-company-slider .owl-story img {
    width: auto !important
}

.owl-slider1 {
    border-radius: 20px !important;
    height: 506px;
    margin: 12px 12px 30px;
    padding: 35px 39px;
    box-shadow: 0 10px 20px #dde2ff59
}

.owl-slider1 .card-body h5 {
    padding: 15px 0 18px
}

.owl-slider1 .card-body p {
    font-size: 16px;
    line-height: 28px;
    color: #2e3341 !important;
    font-family: CircularStdRegular;
    text-align: inherit
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.slick-slide {
    margin: 0 20px
}

.slick-slide img {
    width: 100%;
    height: 146px;
    margin-bottom: 18px;
    display: block
}

.architecture-right img,
.slick-slide img:hover {
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px
}

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.accordion_head,
.arrow,
.icon,
.key-benefit-box,
.tab button {
    cursor: pointer
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ""
}

#topnav.nav-sticky .settlyt-1-logo,
.disply-none,
.responsiveTimeline,
.setllyt-2-logo,
.slick-arrow.slick-hidden,
.slick-slide,
.slick-slide.slick-loading img {
    display: none
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px
}

.contact-us-btn.disable,
.slick-slide.dragging img {
    pointer-events: none
}

.icon:hover span,
.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.copyrights {
    font-size: 16px;
    font-family: CircularStdMedium
}

.process-box {
    width: 100%;
    padding: 20px 20px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0;
    min-height: 469px
}

.process-box h4 {
    line-height: 35px;
    padding: 15px 0 0
}

.iot-tabs p,
.process-box p {
    font-size: 16px;
    line-height: 30px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.benifits-of-rpa,
.process-sec {
    padding: 46px 0 0;
    position: relative
}

.Mobile-app-design ul li,
.strategy ul li {
    line-height: 34px;
    display: -webkit-box
}

.Get-Retail-box .Get-Retail>img,
.Mobile-app-design ul li img,
.iot-skill-matrix-box ul li img,
.strategy ul li img,
.wwd-footer-box ul li img {
    margin-right: 20px
}

.Mobile-app-design ul li p,
.iot-skill-matrix-box ul li p,
.strategy ul li p,
.wwd-footer-box ul li p {
    margin-bottom: 2px
}

.strategy-img img {
    border-radius: 20px;
    box-shadow: 0 10px 20px #070a1d0f
}

.Mobile-app-design>p,
.heading-text-left p,
.services-ddes-text>p,
.what-is-blockchain-text p {
    font-size: 20px;
    color: #2e3341;
    margin-top: 24px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.mobile-app-col-7 {
    padding-left: 57px
}

.banner-paragraph {
    font-size: 22px;
    color: #2e3341;
    font-family: CircularStdMedium;
    padding-top: 22px
}

.all-games,
.cloud-computing-sol-box-img img,
.kind-of-box img {
    width: 100%
}

.animation-game-gif {
    position: absolute;
    left: 43%;
    top: 34%;
    width: 35%
}

.augment-sec,
.choose-box1,
.img-x1,
.slider {
    position: relative
}

.img-x1 {
    margin: -31px 0 0 107px;
    display: inline-block
}

.benefit-box,
.healthcare-soft-box,
.inner-box,
.slider .slide-track {
    display: flex;
    display: flex
}

.img-sap {
    margin: -22px 0 0 123px
}

.img-sap1 {
    margin: 23px 0 0 44px
}

.img-roku {
    margin: 0 0 0 96px
}

.img-roku1 {
    margin: 0 0 0 156px
}

.img-braze {
    margin: 0 0 0 48px
}

.img-braze1 {
    margin: 0 0 0 -29px
}

.img-aws {
    margin: -69px 0 0 67px
}

.img-aws1 {
    margin: 0 0 -51px 19px
}

.img-dotcms {
    margin: 17px 0 0 74px
}

.img-dotcms1 {
    margin: -125px 0 0 -25px
}

.img-x1 .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #000;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 50%;
    margin-left: -60px
}

.img-x1:hover .tooltiptext {
    visibility: visible
}

.choose-box {
    width: 88%;
    padding: 28px 25px 14px;
    box-shadow: 0 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0 16px 47px;
    height: 201px
}

.AR-tech-overview p,
.choose-box p {
    font-size: 18px;
    line-height: 24px;
    color: #070a1d;
    padding-top: 17px;
    font-family: CircularStdMedium
}

.choose-bg,
.process-bg {
    background-position: top;
    background-repeat: no-repeat
}

.Market-box,
.ios-app-box,
.ios-mobile-box {
    background: #fff;
    border-radius: 20px
}

.choose1 {
    margin-top: 150px !important
}

.choose2 {
    margin-top: 50px !important
}

.kind-of-box {
    width: 197px;
    box-shadow: 0 50px 40px #42d6fc1f;
    height: 190px;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 28px
}

.kind-of-box p {
    padding-top: 3px;
    font-size: 19px;
    color: #070a1d;
    font-family: CircularStdMedium
}

.ios-solution p,
.king-p {
    color: #2e3341;
    font-family: CircularStdMedium
}

.king-p {
    font-size: 20px
}

.service-banner {
    width: 100%;
    margin-left: 15px
}

.ios-solution p {
    font-size: 19px;
    margin-top: 26px;
    padding-right: 0;
    line-height: 30px;
    text-align: justify
}

.social-care h6,
.social-care p {
    text-align: justify;
    line-height: 34px
}

.social-care h6 {
    font-size: 24px;
    font-family: CircularStdMedium;
    color: #070a1d;
    margin-top: 30px;
    margin-bottom: -6px
}

.ios-app-dev p,
.social-care p {
    font-size: 20px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.social-care p {
    margin-top: 24px;
    padding-right: 87px
}

.AR-tech-overview,
.Market-box,
.augment-box h4,
.augment-box p,
.choose-box1,
.devices,
.hospital-box,
.inner-box {
    text-align: center
}

.social-care-img img {
    box-shadow: 10px 20px 30px #0000001c;
    border-radius: 37px
}

.ios-app-dev p {
    margin-top: 32px
}

.ios-app-dev-bg {
    padding: 24px 0
}

.ios-box {
    width: 100%;
    padding: 28px 23px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0;
    height: 400px
}

.ios-box h4 {
    font-size: 23px;
    color: #070a1d;
    line-height: 35px;
    padding: 15px 0 13px;
    font-family: CircularStdBold
}

.Reach-p p,
.devices p,
.ios-box p {
    font-family: CircularStdMedium
}

.ios-box p {
    font-size: 18px;
    line-height: 32px;
    color: #2e3341
}

.Reach-p p {
    font-size: 20px;
    color: #2e3341;
    margin-top: 18px
}

.Market-box,
.devices p,
.ios-app-box,
.ios-mobile-box h4 {
    font-size: 22px;
    color: #070a1d
}

.devices p {
    padding-top: 18px
}

.Market-box,
.ios-app-box,
.ios-mobile-box,
.ios-mobile-box h4,
.mobile-market-ul ul li p {
    font-family: CircularStdBold
}

.ios-app-box {
    padding: 13px 20px;
    box-shadow: 0 10px 20px #dde2ff59;
    margin-bottom: 30px
}

.benefit-box {
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.inner-box {
    justify-content: center;
    align-items: center;
    padding: 0 15px
}

.Market-box h5,
.ios-app-box p {
    font-size: 22px;
    margin: 6px 0;
    font-family: CircularStdBold;
    color: #070a1d
}

.ios-mobile-box {
    padding: 22px 24px;
    color: #070a1d;
    box-shadow: 0 10px 20px #dde2ff61;
    margin-bottom: 54px;
    height: 330px
}

.ios-mobile-box h4 {
    padding-bottom: 9px
}

.ios-mobile-box p {
    font-size: 14px;
    font-family: CircularStdMedium;
    line-height: 29px;
    color: #2e3341
}

.Market-box {
    padding: 31px 20px;
    box-shadow: 0 20px 40px #ffcd431c;
    margin-bottom: 30px;
    width: 250px
}

.mobile-market-ul {
    padding: 79px 30px 0
}

.Amplify-text ul,
.Get-Retail-box ul,
.Our-Expertise-box ul,
.Outcome ul,
.application ul,
.benefit-box ul,
.mobile-market-ul ul {
    list-style: none
}

.mobile-market-ul ul li {
    margin: -11px 16px
}

.mobile-market-ul ul li img {
    margin-right: 11px
}

.mobile-market-ul ul li p {
    font-size: 20px;
    color: #000c
}

.benefit-box ul li p,
.healthcare-soft-box ul li p {
    font-family: CircularStdRegular
}

.ios-margin {
    margin: 0 72px 0 35px !important
}

.windows-margin {
    margin: 0 12px 0 56px !important
}

.Market-box:hover {
    background-color: #ffcd43
}

.Market-box:hover h5,
.Our-Work h4,
.offers-tabcontent .tabcontent-item:hover .offer-content-title,
.ui-ux-Industries .heading-text h2,
.ui-ux-Industries .heading-text p {
    color: #fff
}

.choose-box1 {
    width: 200px;
    background-color: #fff;
    padding: 28px 25px 14px;
    box-shadow: 0 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0 2px 47px;
    height: 200px;
    z-index: 1
}

.benefit-box,
.health-dev-box {
    width: 100%;
    background-color: #fff
}

.choose-box1 p {
    font-size: 18px;
    line-height: 24px;
    color: #070a1d;
    padding-top: 21px;
    font-family: CircularStdMedium
}

.benefit-box ul li p,
.health-dev-box h4 {
    font-size: 22px;
    color: #070a1d;
    line-height: 30px
}

.related-img>img {
    position: absolute;
    z-index: 0;
    top: 92px;
    left: 194px
}

.choose-box2 {
    margin-top: 65px
}

.benefit-box {
    padding: 23px 23px 14px;
    box-shadow: 0 10px 20px #dde2ff70;
    border-radius: 20px;
    margin: 18px 0;
    height: 153px
}

.benefit-box ul li img {
    padding: 0 20px 0 0
}

.hospital-box {
    width: 200px;
    background-color: #fff;
    padding: 10px;
    box-shadow: 0 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0 27px 47px;
    height: 201px
}

.inner-box {
    background-color: #fef1f2;
    border-radius: 20px;
    height: 181px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-family: CircularStdBold;
    line-height: 27px;
    color: #f5808b
}

.development-tool ul,
.hospital-box .inner-box p {
    margin-bottom: 0
}

.hospital-color-box {
    background-color: #fff5ee !important;
    color: #ff9f59 !important
}

.hospital-color-box1 {
    background-color: #fdedf3 !important;
    color: #ea4d89 !important
}

.hospital-color-box2 {
    background-color: #ebeeff !important;
    color: #ffcd43 !important
}

.hospital-color-box3 {
    background-color: #ecfbf5 !important;
    color: #45d49a !important
}

.hospital-color-box4 {
    background-color: #f0eaff !important;
    color: #6b36ff !important
}

.hospital-color-box5 {
    background-color: #eefaff !important;
    color: #59c9ff !important
}

.hospital-color-box6 {
    background-color: #ffeafc !important;
    color: #ff36de !important
}

.health-dev-box {
    box-shadow: 0 50px 40px #dde2ff45;
    height: 170px;
    border-radius: 20px;
    padding: 26px 30px;
    margin-bottom: 30px
}

.custom-box,
.healthcare-soft-box {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 20px #dde2ff70;
    border-radius: 20px
}

.health-dev-box h4 {
    font-family: CircularStdBold
}

.health-dev-box p {
    font-size: 15px;
    font-family: CircularStdMedium;
    color: #2e3341;
    line-height: 31px
}

.custom-box {
    padding: 30px 25px 14px;
    margin: 18px 0;
    height: 420px
}

.custom-box h5 {
    font-size: 22px;
    font-family: CircularStdBold;
    line-height: 34px;
    color: #070a1d;
    margin-bottom: 46px
}

.Standard p,
.custom-box p {
    color: #2e3341;
    font-family: CircularStdMedium
}

.custom-box h5::after {
    content: "";
    height: 6px;
    width: 24%;
    background: #ffcd43;
    position: absolute;
    top: 136px;
    left: 40px;
    border-radius: 20px
}

.custom-box p {
    font-size: 16px;
    line-height: 30px
}

.Standard p {
    font-size: 19px;
    margin-top: 24px;
    line-height: 34px
}

.Standard h4 {
    margin-bottom: -17px
}

.healthcare-soft-box {
    padding: 0 20px;
    margin: 0 0 60px;
    height: 120px;
    align-items: center;
    justify-content: center
}

.healthcare-soft-box ul {
    list-style: none;
    margin-bottom: 0
}

.healthcare-soft-box ul li img {
    padding: 8px 17px 10px 0
}

.healthcare-soft-box ul li p {
    font-size: 22px;
    color: #070a1d;
    line-height: 30px;
    margin-bottom: 0
}

.healthcare-soft-1 {
    margin-left: 79px;
    margin-top: 69px
}

.healthcare-soft-2 {
    margin-left: -40px
}

.healthcare-soft-3 {
    margin-left: 85px
}

.healthcare-soft-4 {
    margin-left: -81px;
    margin-top: 69px
}

.healthcare-soft-5 {
    margin-left: 40px
}

.healthcare-soft-6 {
    margin-left: -85px
}

.apart,
.game-apart,
.programming-languages-box {
    margin: 23px auto;
    box-shadow: 0 10px 20px #dde2ff54;
    background-color: #fff;
    border-radius: 20px
}

.cloud-app-dev-p p,
.developing-Virtual p,
.top-notch p {
    font-size: 20px;
    color: #2e3341;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 38px;
    font-family: CircularStdMedium
}

.programming-languages-box {
    width: 97%;
    padding: 28px 20px 14px;
    height: 403px
}

.programming-languages-box h4 {
    font-size: 26px;
    color: #070a1d;
    line-height: 35px;
    padding: 25px 0 0;
    font-family: CircularStdBold
}

.programming-languages-box p {
    font-size: 16px;
    line-height: 33px;
    color: #2e3341;
    font-family: CircularStdRegular
}

.apart {
    width: 100%;
    padding: 20px 20px 14px;
    height: 514px
}

.apart h4 {
    font-size: 26px;
    color: #070a1d;
    line-height: 35px;
    padding: 25px 0 8px;
    font-family: CircularStdBold
}

.Industry-Specific p,
.apart p,
.blockchain-dev-services-box p,
.eng-model-text p {
    font-size: 18px;
    line-height: 32px;
    color: #2e3341;
    font-family: CircularStdRegular
}

.game-apart {
    width: 97%;
    padding: 23px 20px 14px;
    height: 608px
}

.game-apart h4 {
    font-size: 25px;
    color: #070a1d;
    line-height: 35px;
    padding: 25px 0 14px;
    font-family: CircularStdBold
}

.game-apart p {
    font-size: 20px;
    line-height: 34px;
    color: #2e3341;
    font-family: CircularStdRegular
}

@-webkit-keyframes scroll {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(calc(-250px * 7))
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0)
    }
    100% {
        transform: translateX(calc(-250px * 7))
    }
}

.slider {
    background: #fff;
    height: 100px;
    overflow: hidden
}

.AR-tech-overview,
.ai-benifit-your-business-img,
.ai-capabilities-bg,
.augment-bg,
.build-intelligent-AR {
    background-repeat: no-repeat
}

.slider::after,
.slider::before {
    background: linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2
}

.slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg)
}

.slider::before {
    left: 0;
    top: 0
}

.slider .slide-track {
    -webkit-animation: 40s linear infinite scroll;
    animation: 40s linear infinite scroll;
    width: calc(250px * 14)
}

.slider .slide {
    height: 100px;
    width: 250px
}

.award-box {
    width: 100%;
    background-color: #fff;
    padding: 28px 30px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 18px 0;
    height: 400px
}

.award-box p {
    font-size: 25px;
    line-height: 35px;
    color: #070a1d;
    font-family: CircularStdBold;
    padding-top: 12px
}

.award-box h4 {
    font-size: 30px;
    color: #2e3341;
    line-height: 34px;
    padding: 9px 0 13px;
    font-family: CircularStdMedium
}

.main-banner {
    width: 75%;
    margin-left: 25%
}

.AR-tech-overview {
    width: 88%;
    background-color: #fff;
    padding: 28px 25px 14px;
    box-shadow: 0 10px 20px #dde2ff63;
    border-radius: 20px;
    margin: 0 16px 40px;
    min-height: 200px;
    background-position: center
}

.augment-bg {
    background-position: top;
    padding-top: 100px
}

.augment-sec {
    padding: 100px 0 30px
}

.augment-box {
    width: 100%;
    background-color: #fff;
    padding: 25px 12px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 0;
    min-height: 748px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.AR-plateforms-box,
.iot-tabs {
    width: 90%;
    background-color: #fff
}

.augment-box-zoom:hover,
.ben-flutter-mobile-app-dev-tabs:hover,
.product-mngmt-relationship-tab:hover,
.we-start-here-tabs:hover,
.what-we-done-tabs:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform 1s
}

.augment-box h4 {
    font-size: 24px;
    color: #070a1d;
    line-height: 28px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.augment-box p {
    font-size: 18px;
    line-height: 30px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.augment-box img,
.product-mngmt-relationship-tab img,
.why-choose-fad img {
    display: block;
    margin: auto
}

.build-intelligent-AR {
    background-position: center;
    height: 500px
}

.AR-app-development-box {
    background-color: #fff;
    min-height: 300px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    margin-bottom: 50px
}

.AR-app-development-box h3 {
    font-size: 30px;
    line-height: 60px;
    padding-right: 20px;
    color: #070a1d;
    font-family: CircularStdBold
}

.AR-app-development-box p {
    font-size: 18px;
    color: #2e3341;
    line-height: 34px;
    padding-right: 10px;
    font-family: CircularStdMedium
}

.AR-plateforms {
    min-height: 500px
}

.AR-plateforms-bg,
.our-engagement-model {
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 11px;
    min-height: 500px
}

.AR-plateforms-bg p {
    font-size: 20px;
    line-height: 28px;
    color: #2e3341;
    font-family: CircularStdMedium;
    text-align: left;
    padding: 5px 0
}

.AR-plateforms-bg h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 48px;
    color: #070a1d;
    font-family: CircularStdBold
}

.AR-plateforms-box {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    min-height: 200px;
    border-radius: 20px;
    display: block;
    margin: auto auto 30px
}

.AR-plateforms-box p {
    font-size: 22px;
    line-height: 28px;
    color: #070a1d;
    font-family: CircularStdMedium;
    text-align: center;
    padding: 5px 0
}

.AR-app-development,
.custom-iot-solution,
.hire-AR-developers,
.iot-development-company,
.row2,
.rpa-differ {
    margin-top: 50px
}

.hire-AR-developers-box {
    background-color: #fff;
    min-height: 520px;
    border-radius: 15px;
    -webkit-box-shadow: 0 18px 20px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 18px 20px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    margin: 20px
}

.Industry-Specific,
.iot-tabs {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.hire-AR-developers-box h3,
.iot-development-company-box h3 {
    font-size: 22px;
    line-height: 26px;
    color: #070a1d;
    font-family: CircularStdBold
}

.hire-AR-developers-box p,
.iot-development-company-box p {
    font-size: 14px;
    line-height: 14px;
    color: #2e3341;
    font-family: CircularStdMedium;
    text-align: left;
    padding: 0 5px
}

#awards-button {
    float: right;
    font-size: 20px;
    font-family: CircularStdMedium
}

#blc-service-button,
#blogs-button,
#servics-button {
    font-size: 20px;
    font-family: CircularStdMedium
}

.iot-tabs {
    margin-left: 5%;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    min-height: 425px
}

.iot-tabs h4 {
    font-size: 26px;
    color: #070a1d;
    line-height: 35px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.iot-skill-matrix-box ul,
.iot-skill-matrix-box>p {
    font-size: 18px;
    color: #2e3341;
    font-family: CircularStdMedium;
    margin-top: 20px
}

.Industry-Specific {
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.iot-development-company-box,
.iot-development-company-box-left {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.iot-skill-matrix-box>p {
    line-height: 30px;
    padding-right: 40px
}

.iot-skill-matrix-box ul {
    list-style: none;
    padding-left: 0;
    padding-right: 19px
}

.iot-skill-matrix-box ul li {
    line-height: 30px;
    display: -webkit-box
}

.iot-development-company-box {
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    margin: 20px
}

.iot-development-company-box h4 {
    margin-top: 10px;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #070a1d;
    font-family: CircularStdBold
}

.iot-development-company-box2 {
    background-color: #fff;
    border-radius: 15px;
    margin: 20px
}

.iot-development-company-box-left {
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    min-height: 200px;
    border-radius: 20px;
    width: 48%;
    margin-right: 2%
}

.iot-app-development-box-row1,
.iot-development-company-box-right {
    background-color: #fff;
    min-height: 200px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.iot-development-company-box-right {
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    width: 48%;
    margin-left: 2%
}

.iot-development-company-flexbox {
    display: flex;
    margin: 30px 0
}

.iot-development-company-box-left img,
.iot-development-company-box-right img {
    display: block;
    margin: auto;
    padding: 30px 10px
}

.iot-development-company-box-left p,
.iot-development-company-box-right p {
    font-size: 18px;
    line-height: 24px;
    color: #070a1d;
    font-family: CircularStdMedium;
    text-align: center
}

.iot-app-development-box-row1 {
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    margin: 20px 0
}

.iot-app-development-box-row2,
.iot-app-development-box-row3,
.iot-app-development-box-row4 {
    background-color: #fff;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    border-radius: 20px;
    margin: 20px 0
}

.iot-app-development-box-row2,
.iot-app-development-box-row3 {
    min-height: 250px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px
}

.iot-app-development-box-row4 {
    min-height: 150px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px
}

.custom-iot-solution-box,
.iot-app-development-box-row5 {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    background-color: #fff
}

.iot-app-development-box-row5 {
    min-height: 220px;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    margin: 20px 0
}

.iot-app-development-box-row1 h3,
.iot-app-development-box-row2 h3,
.iot-app-development-box-row3 h3,
.iot-app-development-box-row4 h3,
.iot-app-development-box-row5 h3,
.rpa-differ-box h3 {
    font-size: 30px;
    line-height: 35px;
    color: #070a1d;
    font-family: CircularStdBold
}

.iot-app-development-box-row1 p,
.iot-app-development-box-row2 p,
.iot-app-development-box-row3 p,
.iot-app-development-box-row4 p,
.iot-app-development-box-row5 p {
    font-size: 18px;
    color: #2e3341;
    line-height: 28px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.custom-iot-solution-box {
    min-height: 520px;
    border-radius: 15px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    margin: 20px
}

.custom-iot-solution-box h3 {
    font-size: 22px;
    line-height: 34px;
    color: #070a1d;
    font-family: CircularStdBold
}

.hire-AR-developers-box h4 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 22px;
    color: #070a1d;
    font-family: CircularStdBold
}

.custom-iot-solution-box p {
    font-size: 16px;
    line-height: 24px;
    color: #2e3341;
    font-family: CircularStdMedium;
    text-align: left;
    padding: 0 5px
}

.roadmap-of-iot-app-development {
    margin-top: 50px;
    margin-bottom: 100px;
    padding-bottom: 20px
}

.ai-capabilities-flexbox,
.cloud-storage-services,
.eng-model-text-flex,
.ind-sol-flexbox,
.roadmap-flexbox,
.roadmap-of-iot-app-development-box,
.why-adopting-tab-flexbox,
.why-choose-us-blc-flexbox,
.why-choose-us-blc-of-iot-app-development-box {
    display: flex
}

.roadmap-of-iot-app-development-img-box {
    width: 30%;
    margin-top: 80px
}

.roadmap-of-iot-app-development-content-box {
    width: 70%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    height: 160px
}

.roadmap-of-iot-app-development-content-box p {
    color: #2e3341;
    padding: 20px 0;
    font-size: 18px;
    line-height: 34px
}

.book-filed-btn,
.roadmap-flexbox-left,
.why-choose-us-blc-flexbox-left {
    width: 90%
}

.roadmap-flexbox-left h5 {
    font-size: 22px;
    line-height: 30px;
    color: #070a1d
}

.roadmap-flexbox-left h5 img,
.why-choose-us-blc-flexbox-left h5 img {
    float: left;
    padding: 0 20px 0 0
}

.roadmap-flexbox-right,
.why-choose-us-blc-flexbox-right {
    width: 10%
}

.roadmap-flexbox-right h2 {
    color: #2e334133;
    font-size: 37px;
    line-height: 35px
}

.Industry-Specific {
    width: 97%;
    background-color: #fff;
    padding: 28px 18px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    height: 470px
}

.Industry-Specific h4,
.blockchain-dev-services-box h4 {
    font-size: 22px;
    color: #070a1d;
    line-height: 30px;
    padding: 25px 0 0;
    font-family: CircularStdBold
}

.owl-slider2 .card-body h5,
.vr-box h5 {
    font-size: 26px;
    font-family: CircularStdBold;
    color: #070a1d
}

.owl-slider2 {
    border-radius: 20px !important;
    max-height: 483px;
    min-height: 483px;
    margin: 12px 9px 30px 8px;
    padding: 30px;
    box-shadow: 0 10px 20px #dde2ff59
}

.owl-slider2 .card-body h5 {
    padding: 12px 0
}

.owl-slider2 .card-body p,
.owl-slider2 .card-body ul {
    font-size: 18px;
    color: #2e3341 !important;
    font-family: CircularStdMedium
}

.owl-slider2 .card-body p {
    line-height: 28px
}

.owl-slider2 .card-body ul {
    list-style: none;
    line-height: 34px;
    padding-top: 10px
}

.owl-slider2 .card-body ul li {
    display: inline-flex
}

.vr-box {
    width: 340px;
    background-color: #fff;
    padding: 30px 38px 14px;
    box-shadow: 0 10px 20px #dde2ff36;
    border-radius: 20px;
    margin: 18px auto;
    height: 410px
}

.tab,
.tab button.active,
.tab button:hover {
    background-color: transparent
}

.tab,
.tabcontent {
    float: left;
    border: 0 solid #ccc;
    height: auto
}

.vr-box img {
    padding-bottom: 23px
}

.vr-box h5 {
    line-height: 34px;
    margin-bottom: 18px
}

.vr-box p {
    font-family: CircularStdRegular;
    font-size: 16px;
    color: #2e3341;
    line-height: 30px
}

.box-h3,
.space,
.tab button {
    font-family: CircularStdBold
}

.tab {
    width: 18%
}

.tab button {
    display: block;
    background-color: inherit;
    color: #070a1d;
    padding: 19px 16px;
    width: 140%;
    border: none;
    text-align: left
}

.heading-text-left h2,
.heading-text-left p {
    text-align: left !important
}

.tabcontent {
    width: 80%;
    border-left: none
}

.SEO-Services-box,
.research {
    width: 100%;
    background-color: #fff;
    border-radius: 20px
}

.research {
    height: 370px;
    margin-top: 25px;
    padding-left: 4%;
    padding-top: 0
}

.space {
    font-size: 20px;
    margin-left: 30px;
    position: absolute;
    line-height: 25px;
    color: #070a1d
}

.box-h3 {
    font-size: 34px;
    margin-top: 15px;
    color: #070a1d
}

button:focus {
    outline: -webkit-focus-ring-color auto 0 !important
}

.SEO-Services-box {
    padding: 41px 35px 28px;
    box-shadow: 0 10px 20px #dde2ff54
}

.SEO-Services-box h4 {
    font-size: 22px;
    font-weight: 400;
    color: #070a1d;
    padding-bottom: 19px;
    font-family: CircularStdMedium
}

.SEO-Services-box ul {
    list-style: none;
    padding: 23px 0 0
}

.SEO-Services-box ul li {
    display: inline-flex;
    color: #2e3341;
    font-size: 14px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.Our-Expertise-box ul li span,
.SEO-Services-box ul li>span {
    padding-right: 10px
}

.ai-benifit-your-business-img {
    background-position: right;
    background-size: 80%
}

.ai-benifit-your-business-img img {
    margin-top: 20%;
    margin-right: 50%;
    filter: brightness(70%)
}

.accordions a,
.intro-cloud-based-services a {
    display: block;
    margin: auto;
    width: 260px
}

.ai-capabilities-bg {
    background-size: 37% 100%
}

.machine-learning-process,
.wwd-footer {
    background-size: cover;
    background-repeat: no-repeat
}

.heading-text-left p {
    padding: 25px 0 !important
}

.ai-capabilities-box1,
.eng-model-text-flex-right,
.why-adopting-tab-img {
    width: 20%
}

.ai-capabilities-box2,
.eng-model-text-flex-left,
.why-adopting-tab-content {
    width: 80%
}

.cb-top {
    width: 100%;
    padding: 0 25px
}

.cb-top img {
    margin: 0
}

.cb-bottom {
    width: 100%;
    padding: 25px;
    min-height: 150px
}

.cb-bottom img {
    margin: 0 45px;
    display: block
}

.cb-content-top {
    padding: 10px 0
}

.cb-content-bottom {
    width: 100%;
    min-height: 150px;
    padding: 10px 0
}

.cb-content-top h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 58px;
    color: #070a1d;
    font-family: CircularStdBold
}

.cb-content-bottom p {
    font-size: 20px;
    line-height: 34px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.capability {
    padding: 25px 0;
    font-size: 42px;
    font-weight: 400;
    line-height: 45px;
    color: #070a1d;
    font-family: CircularStdBold
}

.what-we-done-tabs {
    width: 100%;
    margin-left: 5%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    min-height: 420px
}

.ben-flutter-mobile-app-dev-tabs h4,
.our-engagement-model-tabs h4,
.we-start-here-tabs h4,
.what-we-done-tabs h4 {
    font-size: 24px;
    color: #070a1d;
    line-height: 28px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.ben-flutter-mobile-app-dev-tabs p,
.our-engagement-model-tabs p,
.we-start-here-tabs p,
.what-we-done-tabs p {
    font-size: 18px;
    line-height: 24px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.wwd-footer-box ul {
    margin: 30px;
    font-size: 18px;
    color: #fff;
    font-family: CircularStdMedium
}

.wwd-footer-box ul li {
    margin-top: 20px;
    line-height: 30px;
    display: -webkit-box
}

.machine-learning-process h2 {
    font-size: 42px;
    font-weight: 400;
    line-height: 48px;
    color: #070a1d;
    font-family: CircularStdBold;
    margin: 100px 0
}

.mlp-box {
    background-color: #fff;
    display: block;
    margin: auto auto 50px;
    border-radius: 20px;
    min-height: 291px
}

.mlp-box img {
    display: block;
    margin: auto;
    padding: 20px 0
}

.mlp-box p {
    text-align: center;
    margin: 10px;
    min-height: 75px
}

.underline ::before {
    border-top: 3px solid #ffcd43;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 40%;
    left: 50%;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1
}

section {
    overflow-x: hidden;
    overflow-y: hidden
}

.benifits-of-rpa-box {
    width: 100%;
    background-color: #fff;
    padding: 28px 10px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 20px 0
}

.benifits-of-rpa-box h4 {
    font-size: 24px;
    color: #070a1d;
    line-height: 35px;
    padding: 15px 0;
    font-family: CircularStdBold
}

.benifits-of-rpa-box p,
.rpa-differ-box p {
    color: #2e3341;
    font-family: CircularStdMedium
}

.benifits-of-rpa-box p {
    font-size: 16px;
    line-height: 24px
}

.benifits-of-rpa-description {
    width: 70%;
    display: block;
    margin: auto
}

.benifits-from-rpa {
    margin: 5% 0
}

.rpa-differ-box {
    background-color: #fff;
    min-height: 200px;
    border-radius: 20px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1);
    padding: 20px;
    margin: 50px 0
}

.rpa-differ-box p {
    font-size: 18px;
    margin-top: 5px;
    line-height: 28px;
    padding-right: 40px
}

.why-choose-fad {
    margin: 50px
}

.why-choose-fad h3 {
    text-align: center;
    margin-top: 20px;
    color: #070a1d;
    font-family: CircularStdBold
}

.heading-text-heading {
    padding: 30px
}

.best-flutter-app-development {
    margin-top: 50px;
    padding: 50px 0
}

.ben-flutter-mobile-app-dev-tabs,
.best-flutter-app-development-box {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    background-color: #fff;
    border-radius: 20px
}

.best-flutter-app-development-box {
    min-height: 400px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    margin-top: 25px
}

.best-flutter-app-development-box h3 {
    font-size: 26px;
    line-height: 34px;
    color: #070a1d;
    font-family: CircularStdBold
}

.best-flutter-app-development-box p {
    font-size: 16px;
    color: #2e3341;
    margin-top: 24px;
    line-height: 28px;
    padding-right: 40px;
    font-family: CircularStdMedium
}

.ben-flutter-mobile-app-dev-tabs {
    width: 90%;
    margin-left: 5%;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    min-height: 460px
}

.app-dev-expertise {
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px
}

.app-dev-expertise-box {
    background-color: #fff;
    min-height: 300px;
    margin: 50px 10px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.app-dev-expertise-box img {
    display: block;
    margin: auto;
    padding: 30px
}

.app-dev-expertise-box p {
    font-size: 20px;
    line-height: 28px;
    color: #070a1d;
    font-family: CircularStdMedium;
    text-align: center
}

.Our-Expertise-box {
    width: 527px;
    background-color: #fff;
    padding: 26px 30px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 0 auto;
    height: 585px
}

.Our-Java-box,
.resion-box {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px
}

.Our-Expertise-box h4 {
    font-family: CircularStdBold;
    font-size: 20px;
    line-height: 30px;
    color: #070a1d
}

.Our-Expertise-box p,
.Our-Expertise-box ul li {
    line-height: 40px;
    font-family: CircularStdMedium
}

.Our-Expertise-box p {
    color: #2e3341;
    font-size: 16px
}

.Our-Expertise-box ul li {
    display: -webkit-box;
    font-size: 18px;
    color: #070a1d
}

.Our-Java-box {
    padding: 20px 20px 16px;
    margin: 23px 0;
    min-height: 335px
}

.Our-Java-box h4 {
    font-size: 22px;
    font-family: CircularStdBold;
    color: #070a1d;
    line-height: 30px
}

.Our-Java-box p {
    font-size: 14px;
    line-height: 34px;
    font-family: CircularStdMedium;
    color: #2e3341;
    padding-top: 11px
}

.hadoop-appstudio .apart h4,
.resion-box h4 {
    padding: 15px 0 0
}

.resion-box {
    padding: 20px 20px 14px;
    margin: 18px 0;
    height: 484px
}

.lang-box,
.lang-box1 {
    height: 50px;
    border-radius: 14px;
    background: no-repeat padding-box #fff;
    box-shadow: 0 10px 20px #dde2ff80;
    margin-bottom: 16px
}

.resion-box h4 {
    font-size: 19px;
    color: #070a1d;
    line-height: 26px;
    font-family: CircularStdBold
}

.resion-box p {
    font-size: 14px;
    line-height: 30px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.lang h2,
.lang-box p,
.lang-box1 p,
.lang2 h2,
.socal-links-img-p {
    font-family: CircularStdBold
}

.lang {
    margin-top: 253%
}

.lang2 {
    margin-top: 195%
}

.lang h2 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    font-size: 136px;
    color: #070a1d;
    line-height: 181px;
    transform: matrix(0, -1, 1, 0, 0, 0)
}

.lang2 h2 {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
    font-size: 118px;
    color: #070a1d;
    line-height: 181px;
    transform: matrix(0, -1, 1, 0, 0, 0)
}

.lang-box {
    width: 220px
}

.lang-box p,
.lang-box1 p {
    font-size: 20px;
    color: #070a1d;
    margin-bottom: 0;
    padding: 10px 16px
}

.lang-box1 {
    width: 560px
}

.bancked {
    margin-left: -126px
}

.flutter-app-development-ind-sol {
    background-size: 90% 90%;
    background-repeat: no-repeat;
    background-position: center
}

.why-adopting-nonscrollable,
.why-adopting-scrollable {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    overflow-x: hidden;
    border-radius: 20px
}

.ind-sol-flexbox1,
.ind-sol-flexbox3 {
    width: 33%
}

.ind-sol-flexbox2 {
    width: 34%
}

.ind-sol-icon1 {
    margin-top: 145px !important
}

.ind-sol-icon3 {
    margin-left: 30px
}

.ind-sol-icon7 {
    float: none;
    margin-top: 54px;
    margin-left: -54px
}

.ind-sol-icon8 {
    margin-top: 35px;
    margin-left: 30px
}

#loading {
    -webkit-animation: 25s linear infinite rotation
}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}

.Create-img-2 {
    position: absolute;
    top: 261px;
    left: 104px
}

.socal-links-img-p {
    font-size: 20px;
    padding-left: 10px;
    padding-top: 12px
}

.Technology {
    float: right;
    margin-left: 63px
}

.Aviation {
    margin-left: -50px !important;
    margin-top: 63px !important
}

.Security {
    margin-top: 89px !important;
    float: left
}

.tools-Using-React-Native {
    width: 97%;
    background-color: #fff;
    padding: 28px 20px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px auto;
    height: 475px
}

.cloud-computing-sol-box-img,
.who-uses img {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.tools-Using-React-Native h4 {
    color: #070a1d;
    line-height: 35px;
    padding: 25px 0 0;
    font-family: CircularStdBold;
    font-size: 22px
}

.tools-Using-React-Native p {
    font-size: 17px;
    line-height: 31px;
    color: #2e3341;
    font-family: CircularStdRegular
}

ul.prepare-enterprises li {
    display: inline-block !important;
    width: 32%
}

.cloud-app-dev h2,
.what-is-blockchain-text h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 62px;
    color: #070a1d;
    font-family: CircularStdBold
}

.blc-text h2,
.who-use-cloud-base-services h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 52px;
    color: #070a1d;
    font-family: CircularStdBold
}

.who-use-cloud-base-services-p p {
    font-size: 26px;
    color: #2e3341;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 38px;
    font-family: CircularStdMedium
}

.Cloud-computing-solutions h2,
.cloud-computing-sol-box-text-heading h2 {
    font-size: 44px;
    font-weight: 400;
    line-height: 62px;
    color: #070a1d;
    font-family: CircularStdBold;
    text-align: center
}

.Cloud-computing-solutions-p p {
    font-size: 20px;
    color: #2e3341;
    text-align: center;
    margin-top: 40px;
    padding-right: 23px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.carousel-control {
    width: 0 !important
}

.intro-cloud-based-services {
    margin-top: 50px;
    background-color: #f8faff;
    border-radius: 20px;
    padding: 50px
}

.intro-cloud-based-services h2 {
    text-align: center;
    font-size: 64px;
    font-weight: 400;
    line-height: 70px;
    color: #070a1d;
    font-family: CircularStdBold;
    padding: 0 0 20px
}

.intro-cloud-based-services p {
    text-align: center;
    font-size: 20px;
    color: #2e3341;
    line-height: 34px;
    font-family: CircularStdMedium
}

.why-adopting-h2,
.why-adopting-tab-content h3 {
    font-family: CircularStdBold;
    color: #070a1d;
    font-weight: 400
}

.why-adopting-h2 {
    font-size: 54px !important;
    line-height: 76px !important
}

.why-adopting-tab-content h3 {
    font-size: 20px;
    line-height: 28px
}

.aws-content,
.why-adopting {
    margin-bottom: 100px
}

.why-adopting-scrollable {
    overflow-y: scroll;
    height: 600px
}

.why-adopting-nonscrollable {
    overflow-y: hidden
}

.why-adopting-scrollable::-webkit-scrollbar {
    width: 1px;
    background-color: #fff
}

.why-adopting p {
    font-size: 20px;
    color: #2e3341;
    padding-right: 23px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.why-adopting-tab {
    padding: 10px;
    background-color: #fff;
    margin: 20px;
    border-radius: 20px
}

.why-adopting-tab-content p {
    font-size: 18px;
    color: #2e3341;
    padding-right: 23px;
    line-height: 30px;
    font-family: CircularStdMedium
}

.cloud-computing-sol-box-img {
    background-color: #fff;
    padding: 20%;
    border-radius: 20px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    margin-left: 10px
}

.owl-slider-img {
    padding: 35px 30px;
    border-radius: 20px !important;
    margin: auto;
    display: block
}

.empower-your-industry,
.who-uses {
    background-repeat: no-repeat;
    padding: 100px 0
}

.carousel-indicators .active,
.carousel-indicators li {
    background-color: #2e3341 !important
}

.who-uses {
    float: right;
    background-size: 80% 100%;
    background-position: right
}

.who-uses img {
    background-color: #fff;
    padding: 40px;
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    border-radius: 20px
}

.empower-your-industry {
    background-position: center;
    margin-bottom: 100px;
    border-radius: 20px
}

.cloud-storage-services-box1 {
    padding: 5px;
    width: 60%
}

.cloud-storage-services-box1 img {
    max-height: 490px
}

.cloud-storage-services-box2 {
    padding: 5px;
    width: 40%
}

.cloud-storage-services-box2-img1 {
    margin-bottom: 10px
}

.img-cloud-center img,
.img-cloud-left img,
.img-cloud-right img {
    margin: auto
}

.content-over-marquee {
    position: absolute;
    width: 100%;
    z-index: 1;
    top: 200px
}

.content-over-marquee-can-we-talk {
    padding-left: 17px;
    font-size: 18px;
    color: #070a1d;
    font-family: CircularStdMedium
}

.bg-half-170 a:hover,
.content-over-marquee-can-we-talk a:hover {
    color: #070a1d;
    text-decoration: none
}

.for-center-images {
    position: absolute;
    top: 150px;
    width: 65%
}

.for-center-images img {
    margin: auto;
    display: block
}

.services-ddes-img img,
.services-ddes-img-even img {
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    border-radius: 20px
}

.sideline-upper {
    margin-top: -90px !important
}

.we-start-here-tabs-section {
    padding: 0 0 40px
}

.we-start-here-tabs {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    min-height: 400px
}

.right-fit {
    margin-top: 100px
}

.our-engagement-model-tabs,
.our-product-managers-tabs {
    padding: 20px;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    min-height: 380px;
    background-color: #fff
}

.our-engagement-model-tab1 {
    margin-top: 360px
}

.our-engagement-model-tab3 {
    margin-top: 20px
}

.we-have-done-it-before-tabs {
    width: 290px;
    padding: 10px;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 #fedee0;
    display: block;
    margin: 25px auto auto
}

.we-have-done-it-before-tabs-left1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fff7f2;
    padding: 10px;
    border-radius: 12px
}

.we-have-done-it-before-tabs-left2,
.we-have-done-it-before-tabs-left3 {
    -ms-transform: translate(-50%, -50%);
    margin: 0;
    top: 50%;
    padding: 10px;
    border-radius: 12px;
    position: absolute;
    left: 50%
}

.we-have-done-it-before-tabs-left1 h3 {
    font-size: 40px;
    color: #ff9f59;
    text-align: center;
    padding-top: 12%
}

.we-have-done-it-before-tabs-left2 {
    transform: translate(-50%, -50%);
    background-color: #f0fbf7
}

.we-have-done-it-before-tabs-left2 h3 {
    font-size: 40px;
    color: #46d39a;
    text-align: center;
    padding-top: 12%
}

.we-have-done-it-before-tabs-left3 {
    transform: translate(-50%, -50%);
    background-color: #eaf8ff
}

.we-have-done-it-before-tabs-left3 h3 {
    font-size: 40px;
    color: #50defd;
    text-align: center;
    padding-top: 12%
}

.we-have-done-it-before-tabs-left4 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #fef1f2;
    padding: 10px;
    border-radius: 12px
}

.we-have-done-it-before-tabs-left4 h3 {
    font-size: 40px;
    color: #f5808b;
    text-align: center;
    padding-top: 12%
}

.we-have-done-it-before-tabs p {
    font-size: 20px;
    font-family: CircularStdMedium;
    line-height: 26px;
    color: #070a1d
}

.icon span,
.webTab .tab-content p a {
    color: #000
}

.everything-appstudio-tabs {
    background-color: #fff;
    border-radius: 20px;
    margin-top: 25px;
    width: 100%;
    padding: 4%
}

.everything-text {
    font-size: 20px;
    font-family: CircularStdBold;
    margin-left: 100px;
    position: absolute;
    line-height: 25px;
    color: #070a1d
}

.research1,
.research2,
.research3,
.research4,
.research5,
.research6,
.research7 {
    margin-top: 35px
}

.everything-icons {
    margin-bottom: 20px;
    min-height: 100px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.icon {
    position: relative;
    transition: .3s
}

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

.icon:hover {
    transform: scale(1.2)
}

.icon-1 {
    top: 7%;
    left: -7%
}

.icon-2 {
    bottom: 0;
    left: -7%
}

.icon-3 {
    top: 40%;
    left: 10%
}

.icon-4 {
    top: 7%;
    right: -6%
}

.icon-5,
.icon-7 {
    top: 40%;
    position: absolute
}

.icon-5 {
    right: 8%
}

.icon-6 {
    position: absolute;
    bottom: 0;
    right: -7%
}

.icon-7 {
    left: 40%
}

.icon-8 {
    position: absolute;
    top: 9%;
    left: 21%
}

.icon-9 {
    position: absolute;
    top: 7%;
    right: 20%
}

.icon-10 {
    position: absolute;
    bottom: 0;
    right: 37%
}

.icon-11 {
    position: absolute;
    bottom: 2%;
    left: 17%
}

.icon-12 {
    position: absolute;
    bottom: -2%;
    right: 15%
}

.icon img {
    position: relative;
    transition: .3s
}

.icon span {
    transition: .3s;
    display: none;
    bottom: 12px;
    font-family: CircularStdBook;
    right: 0;
    left: 0;
    width: fit-content;
    margin: 0 auto;
    position: absolute;
    font-size: 11px;
    background: #fff;
    box-shadow: 0 0 10px red;
    padding: 3px 6px;
    text-align: center;
    border-radius: 6px;
    box-shadow: 0 10px 20px #dde2ff82;
    width: intrinsic;
    width: -moz-fit-content
}

.pdt100 {
    padding-top: 100px
}

.mdt60,
.mtop60 {
    margin-top: 60px
}

.ent-mvp h2,
.hadoop-heading h2 {
    font-size: 44px;
    color: #070a1d;
    font-family: CircularStdBold;
    line-height: 60px
}

.architecture-left ul li,
.text-pera p {
    font-family: CircularStdMedium
}

.text-pera p {
    font-size: 20px;
    color: #2e3341;
    line-height: 38px
}

.all-btns a,
.overview-about p {
    font-family: CircularStdRegular
}

.all-btns {
    display: inline-block;
    margin-top: 10px
}

.all-btns a {
    display: block;
    width: 300px;
    height: 54px;
    line-height: 54px;
    color: #fff;
    font-size: 18px;
    background: #ffcd43;
    border-radius: 10px;
    text-align: center
}

.architecture-left ul li,
.overview-about p {
    line-height: 38px;
    color: #2e3341;
    font-size: 20px
}

.all-btns a:hover,
.white-span {
    color: #fff !important
}

.hadoop-appstudio .apart p {
    font-size: 18px;
    line-height: 32px
}

.hadoop-appstudio .apart {
    padding: 28px 22px 14px
}

.architectur-bg {
    border-radius: 30px;
    padding: 41px 45px 40px 40px
}

.architecture-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%
}

.devel-heading {
    font-size: 37px !important
}

.hadoop-develop-box {
    box-shadow: 0 10px 20px #dde2ff80;
    border-radius: 20px;
    min-height: 350px;
    padding: 40px 20px 20px;
    margin-bottom: 30px
}

.hadoop-develop-box h3 {
    font-size: 20px;
    color: #070a1d;
    line-height: 28px;
    margin-top: 20px;
    font-family: CircularStdBold
}

.hadoop-develop-box p {
    font-size: 14px;
    color: #2e3341;
    font-family: CircularStdRegular;
    line-height: 30px
}

.develop-box-1 {
    margin-top: 130px
}

.develop-box-2 {
    margin-top: -70px
}

.development-bottom {
    margin-top: -220px;
    margin-left: 20px;
    margin-bottom: 260px
}

.key-benefit {
    background: #eee;
    padding-top: 57px
}

.key-benefit-box {
    background: #fff;
    border-radius: 40px
}

.hideme {
    display: none;
    font-size: 12px;
    color: #2e3341;
    line-height: 26px;
    text-align: center;
    margin-top: -20px;
    padding: 0 30px 30px
}

.key-benefit-box h3 {
    color: #070a1d;
    font-size: 18px;
    text-align: center;
    margin-bottom: 0;
    padding: 30px;
    display: block
}

.management img,
.management1 img {
    padding-top: 37px;
    padding-bottom: 29px
}

.key-margin-top {
    margin-top: 75px
}

.development-tool {
    padding-top: 100px;
    margin-top: -130px
}

.tool-right-img {
    margin-top: -100px
}

.tool-develop-content {
    padding-top: 80px
}

.tool-develop-content h2 {
    font-size: 34px;
    color: #070a1d;
    font-family: CircularStdBold;
    line-height: 48px
}

.tool-develop-content p {
    color: #2e3341;
    font-size: 16px;
    line-height: 34px;
    font-family: CircularStdRegular;
    margin-top: 20px
}

.development-tool li {
    margin-bottom: -30px
}

.mg-left-top {
    margin-left: -100px;
    margin-top: 60px
}

.erp-lists,
.mgtop30 {
    margin-top: 30px
}

@media (min-width:991px) and (max-width:1200px) {
    .devel-heading {
        font-size: 30px !important;
        line-height: 50px !important
    }
    .text-pera p {
        font-size: 17px
    }
    .development-bottom {
        margin-top: -300px
    }
    .key-benefit-box h3 {
        font-size: 16px
    }
    .development-tool img.img-fluid {
        width: 200px
    }
    .mg-left-top {
        margin-left: -60px
    }
    .hadoop-appstudio .apart {
        padding: 28px 12px 14px;
        height: 520px
    }
    .hadoop-appstudio .apart h4 {
        padding: 10px 0 0;
        font-size: 23px;
        line-height: 32px
    }
}

@media (min-width:991px) {
    .show-mobile {
        display: none
    }
}

@media (max-width:991px) {
    .banner-heading h1 br,
    .hidden-mobile {
        display: none
    }
    .text-pera p {
        font-size: 20px;
        line-height: 34px
    }
    .development-bottom {
        margin-top: 0
    }
    .development-tool {
        margin-top: -220px
    }
    .pdtop50 {
        padding-top: 40px
    }
    .padding0 {
        padding: 0 !important
    }
    .key-benefit-box h3 {
        font-size: 11px
    }
    .mg-left-top {
        margin-left: -20px
    }
}

@media (min-width:767px) {
    .key-benefit-box:hover .hideme {
        display: block
    }
    .display-none-in-desktop,
    .mobile-show {
        display: none
    }
}

.startup-banner-img {
    margin-left: -227px
}

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

.Do-Big-Things-box {
    box-shadow: 0 24px 98px #0000000d;
    border-radius: 62px;
    background: #fff
}

.management,
.management1 {
    height: 274px;
    box-shadow: -29px 9px 77px #0000000d;
    padding: 0 26px;
    border-radius: 30px;
    background-color: #fff;
    text-align: center
}

.management {
    width: 100%
}

.management img {
    width: 106px
}

.management p {
    font-size: 24px;
    color: #070a1d;
    font-family: CircularStdMedium
}

.management1 {
    width: 263px;
    margin-bottom: 20px
}

.Scoping-bg,
.discovery-bg {
    height: 390px;
    background-repeat: no-repeat
}

.Scopin-img,
.discovery-img {
    border-radius: 39px;
    box-shadow: 0 0 20px #a8b1e273;
    width: 100%
}

.management1 img {
    width: 91px
}

.management1 p {
    font-size: 22px;
    color: #070a1d;
    font-family: CircularStdMedium
}

.MVP-p p,
.MVP-para p {
    color: #2e3341;
    font-size: 26px;
    font-family: CircularStdMedium
}

.MVP-p p {
    margin-top: 2px;
    padding-right: 23px;
    line-height: 38px
}

.MVP-para p {
    line-height: 50px
}

.MVP-para a {
    font-size: 26px;
    color: #ff6473;
    font-family: CircularStdMedium;
    line-height: 54px
}

.discovery-bg {
    background-position: right
}

.Scoping-bg {
    background-position: left
}

.discovery-h2 h2 {
    font-size: 35px;
    font-weight: 400;
    line-height: 50px;
    color: #070a1d;
    font-family: CircularStdBold
}

.discovery-p p {
    font-size: 20px;
    color: #070a1d;
    margin-top: 7px;
    line-height: 42px;
    font-family: CircularStdMedium
}

.discovery-img {
    margin-top: -100px
}

.Scopin-img {
    margin-top: -111px
}

.startup-section {
    padding: 135px 0 38px;
    position: relative
}

.Amplify-text h3,
.Amplify-text h4 {
    font-size: 30px;
    color: #ff6473;
    font-family: CircularStdMedium;
    line-height: 57px
}

.Amplify-text p,
.Amplify-text ul li {
    color: #070a1d;
    font-family: CircularStdMedium
}

.Amplify-text p {
    font-size: 21px
}

.Amplify-text ul li {
    font-size: 20px;
    line-height: 35px
}

.Amplify-text ul.Assemble {
    list-style: none;
    display: inline-block;
    width: 48%
}

.Amplify-text ul li img,
.Get-Retail-box ul li img {
    margin-right: 15px
}

.office-location h2,
.startup-idea h2 {
    font-size: 40px;
    font-weight: 400;
    line-height: 58px;
    color: #fff;
    font-family: CircularStdBold
}

.startup-idea h4 {
    font-size: 21px;
    font-family: CircularStdBold;
    color: #fff;
    line-height: 50px;
    margin-top: 10px
}

.Outcome ul li h4,
.Outcome ul li p,
.startup-idea p {
    font-family: CircularStdMedium
}

.startup-idea p {
    font-size: 16px;
    color: #fff;
    line-height: 25px;
    opacity: 70%
}

.Outcome h2,
.what-is-product-mngmt-text h2 {
    font-weight: 400;
    font-family: CircularStdBold
}

.Outcome h2,
.Outcome ul li h4 {
    line-height: 50px;
    color: #070a1d
}

.Outcome h2 {
    font-size: 40px
}

.Outcome ul li {
    display: -webkit-inline-box;
    margin-bottom: 35px
}

.Outcome ul li img {
    margin-right: 22px
}

.Outcome ul li h4 {
    font-size: 30px
}

.Outcome ul li p {
    font-size: 21px;
    color: #2e3341;
    line-height: 40px;
    padding-right: 81px
}

.what-is-product-mngmt-text h2 {
    font-size: 44px;
    text-align: center;
    line-height: 62px;
    color: #070a1d
}

.what-is-product-mngmt-text p {
    font-size: 26px;
    color: #2e3341;
    margin-top: 24px;
    line-height: 38px;
    font-family: CircularStdMedium
}

.product-fun-in-comp-tab {
    width: 97%;
    background-color: #fff;
    padding: 20px 20px 10px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 620px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75)
}

.product-fun-in-comp-tab h4 {
    font-size: 26px;
    color: #070a1d;
    line-height: 36px;
    padding: 15px 0 4px;
    font-family: CircularStdBold
}

.product-fun-in-comp-tab p {
    font-size: 18px;
    line-height: 36px;
    color: #2e3341;
    font-family: CircularStdRegular
}

.agile-project-mngmt,
.pmibuet,
.what-is-blockchain {
    padding: 0 !important
}

.what-is-product-mngmt {
    padding: 0 0 50px !important
}

.product-mngmt-relationship-tab {
    width: 90%;
    margin-left: 5%;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 20px;
    min-height: 520px
}

.product-mngmt-relationship-tab h4 {
    text-align: center;
    font-size: 28px;
    color: #070a1d;
    line-height: 40px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.product-mngmt-relationship-tab p {
    text-align: center;
    font-size: 18px;
    line-height: 34px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.opm-tabs-section {
    width: 600px;
    height: 1000px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative
}

.opm-circle {
    border-radius: 50%;
    background-color: #80808054;
    width: 210px;
    height: 210px;
    position: absolute;
    opacity: 0;
    margin-left: -100px;
    animation: 4s cubic-bezier(.36, .11, .89, .32) infinite scaleIn
}

.blc-top-p,
.iot_for_everyone .iot-tabs {
    width: 100% !important
}

.opm-tabs {
    z-index: 100;
    padding: 5px
}

@keyframes scaleIn {
    from {
        transform: scale(.5, .5);
        opacity: .5
    }
    to {
        transform: scale(2.5, 2.5);
        opacity: 0
    }
}

.our-product-managers-tabs h4 {
    text-align: left;
    font-size: 24px;
    color: #070a1d;
    line-height: 28px;
    padding: 10px 0;
    font-family: CircularStdBold
}

.our-product-managers-tabs p {
    text-align: left;
    font-size: 18px;
    line-height: 24px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.blc-top-p {
    padding-left: 0 !important;
    font-size: 25px !important;
    color: #2e3341 !important;
    margin-top: 40px !important;
    line-height: 35px;
    font-family: CircularStdMedium !important
}

.Congratulations_icon,
.why-choose-us-blc {
    padding: 100px 0
}

.blockchain-dev-services-box {
    width: 97%;
    background-color: #fff;
    padding: 20px 10px 10px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 550px
}

.why-choose-us-blc-of-iot-app-development-img-box {
    width: 30%;
    margin-top: 140px
}

.why-choose-us-blc-of-iot-app-development-content-box {
    width: 70%;
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    padding: 15px;
    height: 252px
}

.why-choose-us-blc-of-iot-app-development-content-box p {
    color: #2e3341;
    font-size: 18px;
    line-height: 34px;
    font-family: CircularStdMedium
}

.why-choose-us-blc-flexbox-left h5 {
    font-size: 22px;
    line-height: 30px;
    color: #070a1d;
    margin-top: 20px;
    font-family: CircularStdBold
}

.why-choose-us-blc-flexbox-right h2 {
    color: #ffcd43;
    font-size: 94px;
    margin-top: -30px
}

.eng-model-bg {
    background-position: center;
    background-repeat: no-repeat;
    padding: 50px 0
}

.eng-model-text {
    width: 97%;
    background-color: #fff;
    padding: 28px 32px 14px;
    box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -webkit-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    -moz-box-shadow: 0 10px 20px 0 rgba(221, 226, 255, .75);
    border-radius: 20px;
    margin: 23px 6px;
    min-height: 575px
}

.android-count img,
.android-icon-style img {
    box-shadow: 0 10px 20px #dde2ff54
}

.eng-model-text h4 {
    font-size: 22px;
    color: #070a1d;
    font-family: CircularStdBold
}

.eng-model-text h5 {
    font-size: 20px;
    color: #070a1d;
    line-height: 30px
}

.client-img img {
    opacity: .3;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    filter: grayscale(100%);
    padding-top: 0;
    width: 90px
}

.owl-item.active.center .client-img {
    background-color: #fff;
    box-shadow: 0 10px 30px #000;
    border-radius: 10px;
    width: 240px;
    height: 130px;
    padding: 20px 0;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.webTab .nav-tabs .nav-item.active a,
.webTab .nav-tabs .nav-link.active,
.webTab .tab-content {
    background-color: #ffcd43;
    color: #fff
}

.owl-item.active.center img {
    opacity: 1;
    filter: grayscale(0) !important
}

.client-img {
    background-color: #fff;
    border-radius: 5px;
    width: 100px;
    height: 100px;
    margin: 26px auto;
    padding: 20px
}

.client-img img:hover {
    opacity: 1;
    filter: inherit
}

a:hover {
    text-decoration: none !important
}

.agency .client-img img {
    height: 144% !important;
    padding-top: 0;
    opacity: 1;
    filter: none
}

.application ul li {
    display: inline-block;
    width: 24%
}

.application ul li.lastapp {
    display: inline-block;
    width: 19%
}

.application ul li.apple-app {
    display: inline-block;
    width: 31%
}

.android-logo {
    padding-top: 76px
}

.window-logo {
    margin-bottom: 14px
}

.app11 {
    margin-bottom: 81px
}

.ecommerce {
    margin-bottom: 66px
}

.security {
    margin-bottom: 60px
}

.enterprise-whats-set-apartas .apart {
    padding: 25px 15px 14px;
    height: 500px
}

.enterprise-whats-set-apartas .apart p {
    font-size: 18px
}

.close {
    font-weight: 500 !important;
    line-height: 1 !important;
    color: #000 !important
}

.accordion_body p,
.accordion_head {
    font-style: normal;
    font-weight: 400
}

.Consulation {
    font-size: 32px;
    font-family: CircularStdBold;
    color: #008ee6;
    margin-bottom: 25px
}

.book-field,
.book-filed-lable {
    font-family: CircularStdMedium
}

.book-filed-lable,
.offers-tabcontent .tabcontent-item:not(:nth-child(n + 4)) {
    margin-bottom: 3px
}

.book-field {
    background-color: #e0e0e073 !important;
    border: 0 solid #dee2e6;
    border-bottom: 1px solid #fff;
    border-radius: 11px;
    width: 90%;
    color: #5d5d5d !important;
    font-size: 16px;
    padding: 8px .75rem
}

.book-filed-lable {
    font-size: 15px
}

input.book-field::-webkit-input-placeholder {
    color: #b2b2b2;
    font-size: 16px;
    font-family: CircularStdBold
}

.book-filed-logo {
    padding-left: 33px
}

.modal-header {
    padding: 1rem 1rem 0 !important;
    border-bottom: 0 solid #dee2e6 !important
}

.modal-content {
    border-radius: 1.3rem !important;
    margin-top: 2%
}

.modal-body {
    padding: 1rem 1rem 3rem !important
}

@media (min-width:576px) {
    .modal-dialog {
        max-width: 808px !important
    }
}

.form-control:focus {
    box-shadow: 0 0 0 0 red !important;
    font-size: 18px !important
}

.mouse-zoom:hover {
    transform: scale(1.18) !important
}

.mouse-zoom {
    transition: transform .2s
}

.cpch-btn {
    padding: 25px;
    background: #fff;
    color: #ffcd43;
    border: none;
    font-family: CircularStdBold;
    border-radius: 10px
}

.accordion_body p,
.accordion_head,
.see-all-blog {
    font-family: CircularStdMedium
}

.wsps-what-set .game-apart {
    height: 430px
}

.mindset-what-set .game-apart {
    height: 440px
}

.settlyt-what-set .game-apart {
    height: 480px
}

.dynglo-what-set .game-apart {
    height: 510px
}

.hadoop-what-set .game-apart {
    height: 560px
}

@media (max-width:767px) {
    .small-box {
        padding: 14px 0 0;
        height: 102px;
        margin-bottom: 19px
    }
    .counter-box {
        position: relative;
        text-align: center
    }
    .ar-vr-p p {
        padding-right: 0
    }
    .ar-vr-technolog-bg,
    .dynglo-what-set .game-apart,
    .enterprise-whats-set-apartas .apart,
    .hadoop-what-set .game-apart,
    .mindset-what-set .game-apart,
    .settlyt-what-set .game-apart,
    .wsps-what-set .game-apart {
        height: auto
    }
    .Technology-img {
        margin-top: -72px;
        width: 100%;
        margin-left: 0
    }
    .banner-paragraph {
        font-size: 14px !important;
        padding-top: 10px !important
    }
    .mobile-app-col-7 {
        padding-left: 20px
    }
    .row-reverse {
        flex-direction: column-reverse
    }
    .architecture-right,
    .key-benefit-box {
        margin-bottom: 30px
    }
    .architecture-left.hadoop-heading.text-pera.pl-4 {
        padding-left: 0 !important
    }
    .architecture-left.hadoop-heading.text-pera.pr-4 {
        padding-right: 0 !important
    }
    .architectur-bg {
        padding: 20px 0 30px
    }
    .hadoop-develop-box {
        padding: 25px 11px 5px;
        min-height: 250px
    }
    .development-bottom {
        margin-top: 0;
        margin-left: 0
    }
    .banner-image,
    .display-none-in-mobile,
    .mobile-display-none,
    .mobile-hide {
        display: none
    }
    .banner-heading h1 {
        font-size: 31px;
        line-height: 43px
    }
    .banner-heading p {
        font-size: 14px
    }
    .hadoop-heading h2 {
        font-size: 30px;
        line-height: 42px
    }
    .overview-about p {
        font-size: 20px
    }
    .hadoop-develop-box h3 {
        font-size: 12px;
        line-height: 16px;
        margin-top: 10px
    }
    .development-heading h2 {
        font-size: 30px !important;
        line-height: 42px !important
    }
    .text-pera p {
        font-size: 20px;
        line-height: 34px
    }
    .hadoop-develop-box p {
        font-size: 10px;
        line-height: 20px
    }
    .hadoop-develop-box.hadoop-heading.text-pera img {
        width: 32px
    }
    .develop-box-1,
    .key-margin-top {
        margin-top: 0
    }
    .mobile-mgt50 {
        margin-top: 50px
    }
    .mob-mt50 {
        margin-top: -20px
    }
    .key-benefit-box h3 {
        font-size: 18px
    }
    .development-tool,
    .key-benefit .pdt100,
    .key-benefit .pdtop50 {
        padding-top: 0
    }
    .tool-right-img {
        margin-top: 20px
    }
    .development-tool img {
        width: 150px;
        margin-bottom: 20px
    }
    .mobile-d-flex {
        display: flex
    }
    .tool-develop-content {
        padding-top: 0 !important
    }
    .mobile-mgt-100 {
        margin-top: -100px
    }
    .mobile-mgt60px {
        margin-top: 60px
    }
    .mgl-100 {
        margin-left: 0 !important
    }
}

.mgl-100 {
    margin-left: 110px
}

.accordion_container {
    padding-top: 35px
}

.inner-accordion {
    background: #fff;
    border-color: #fff;
    border-left: 4px solid #1d214060;
    border-radius: 20px;
    box-shadow: 0 10px 20px #dde2ff;
    margin-bottom: 27px
}

.thank-mindset-sec,
.thank-wsps-sec {
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat
}

.accordion_head {
    font-size: 23px;
    line-height: 30px;
    color: #1d2140;
    padding: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.accordion_body p {
    padding: 0 30px 30px;
    margin: 0;
    font-size: 16px;
    line-height: 26px;
    color: #2e3341
}

.plusminus {
    float: right;
    margin-left: 30px;
    font-size: 30px
}

.see-all-blog {
    font-size: 20px;
    color: #ffcd43
}

.see-all-blog:hover {
    text-decoration: underline !important;
    color: #ffcd43
}

.form-group {
    margin-bottom: 2rem !important
}

.our-portfolio h2 {
    font-size: 50px;
    color: #070a1d;
    font-family: CircularStdBold;
    line-height: 60px;
    margin-top: 50px
}

.our-portfolio p,
.thank-p p {
    font-size: 26px;
    color: #2e3341;
    font-family: CircularStdRegular;
    line-height: 38px
}

.thank-mindsetandwsps-sec h2 {
    font-size: 40px;
    color: #070a1d;
    font-family: CircularStdBold;
    line-height: 50px;
    margin-top: 200px
}

.thank-mindsetandwsps-sec p {
    font-size: 20px;
    line-height: 28px;
    color: #2e3341;
    font-family: CircularStdMedium
}

.thank-mindset-sec {
    margin-top: 50px
}

.thank-wsps-sec {
    margin-top: 50px;
    margin-bottom: 50px
}

._2F38v___branding-Container__cls1._2TcyV___branding-Container__isTabletUp::after,
._2F38v___branding-Container__cls1._2TcyV___branding-Container__isTabletUp::before,
._3FDub___branding-Badge__cls1,
a._2mHtj___back_button-Button__cls1._36-gb___back_button-Button__withCompanyLogo._1LBQI___back_button-Button__isDesktopUp._1Qg-r___BareButton__cls1._2zIir___index-UnstyledButton__cls1 {
    display: none !important
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
    transition: background-color 5000s;
    -webkit-text-fill-color: #000000 !important
}

.Amplify-Your-Startup-img {
    width: 107%
}

.office-location {
    margin-top: -107px
}

.owl-nav {
    top: 140px;
    text-align: center;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0
}

button.owl-prev {
    margin-right: 112px;
    outline: 0;
    opacity: .8
}

button.owl-next {
    margin-left: 138px;
    outline: 0;
    opacity: .8
}

.new-ios-app-dev-bg .ios-box {
    min-height: 605px
}

@media (min-width:992px) and (max-width:1199px) {
    .new-ios-app-dev-bg .ios-box {
        min-height: 730px
    }
    .new-what-we-done .what-we-done-tabs {
        min-height: 480px
    }
}

.blue-bg-list {
    background: no-repeat padding-box #fff;
    box-shadow: 0 8px 30px #0a717e1d;
    border-radius: 17px;
    height: fit-content;
    margin: 11px 0 22px;
    padding: 16px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.blue-bg-list p {
    line-height: 22px;
    font-size: 18px;
    color: #001851;
    margin-bottom: 0
}

.Learning-Management-bg {
    background: url(https://digital.thugo.in/images/Mindset-bg-1.webp) bottom right no-repeat padding-box
}

.LEARNING-PORTALS-bg {
    background: url(https://digital.thugo.in/images/LEARNING-PORTALS-bg.webp) bottom left no-repeat padding-box
}

.M-Learning-bg {
    background: url(https://digital.thugo.in/images/M-Learning-bg.webp) bottom right no-repeat padding-box
}

.Custom-Testware-bg {
    background: url(https://digital.thugo.in/images/M-Learning-bg.webp) bottom left no-repeat padding-box
}

.Supporting-box {
    width: 96%;
    background-color: #fff;
    padding: 20px 20px 14px;
    border-radius: 20px;
    margin: 44px auto;
    height: 430px;
    box-shadow: 0 20px 30px #0a717e1d
}

.Supporting-box h4,
.eLearning-Domain-box h4 {
    color: #001851;
    font-size: 20px;
    padding-top: 23px;
    padding-bottom: 12px
}

.Supporting-box p,
.eLearning-Domain-box p {
    color: #2e3341;
    font-size: 18px;
    line-height: 30px
}

.Supporting-bg {
    background: url(https://digital.thugo.in/images/Supporting-bg.webp) center no-repeat padding-box
}

.Get-Retail-box {
    background: no-repeat padding-box #fff;
    box-shadow: 0 3px 30px #0a717e1d;
    border-radius: 17px;
    padding: 16px 17px 2px;
    width: 526px;
    margin-bottom: 20px;
    margin-top: 20px;
    margin-left: -25px
}

.Get-Retail {
    display: flex;
    align-items: center;
    margin-bottom: 10px
}

.Get-Retail-box h4 {
    color: #001851;
    font-size: 28px
}

.Get-Retail-box p {
    font-size: 20px;
    line-height: 30px;
    padding-top: 16px;
    color: #2e3341
}

.Get-Retail-box ul li {
    align-items: center;
    display: flex
}

.Get-Retail-box ul li p {
    padding: 6px 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #2e3341
}

.Get-Retail-bg {
    background: url(https://digital.thugo.in/images/our-expertise-bg.webp) center right no-repeat padding-box
}

.eLearning-Domain-box {
    width: 96%;
    background-color: #fff;
    padding: 20px 20px 14px;
    border-radius: 20px;
    margin: 16px auto;
    height: 400px;
    box-shadow: 0 20px 30px #0a717e1d
}

.eLearning-Domain-bg {
    background: url(https://digital.thugo.in/images/eLearning-Domain-bg.webp) center top no-repeat padding-box
}

.Creating-custom-box {
    display: flex;
    justify-content: center;
    align-items: center
}

.Creating-custom-box img {
    margin-right: 79px;
    width: 99% !important
}

.Creating-custom-box h4 {
    color: #001851;
    font-size: 40px;
    padding-bottom: 22px
}

.Creating-custom-box p {
    color: #2e3341;
    font-size: 20px;
    line-height: 30px
}

.Creating-custom-bg {
    background: url(https://digital.thugo.in/images/Mindset-bg.webp) center top no-repeat padding-box
}

#Creating-custom .owl-dots .owl-dot span {
    width: 40px
}

#Creating-custom .owl-dots .owl-dot.active span,
#Creating-custom .owl-dots .owl-dot:hover span {
    background: #4456f0
}

@media (max-width:767px) {
    .accordion_head {
        margin-left: 20px;
        margin-right: 20px;
        padding: 10px 0;
        font-size: 19px;
        line-height: 24px
    }
    .accordion_body p {
        padding: 0 20px 20px
    }
    .new-ios-app-dev-bg .ios-box {
        min-height: auto
    }
    .Custom-Testware-bg,
    .LEARNING-PORTALS-bg,
    .Learning-Management-bg,
    .M-Learning-bg,
    .Supporting-bg,
    .eLearning-Domain-bg {
        background-image: none;
        background-position: center center;
        border-radius: 29px
    }
    .Learning-Management-bg {
        background-color: #f5f8ff70;
        padding: 31px 0 0;
        margin: -39px 7px 0;
        box-shadow: 0 8px 30px #0a717e29
    }
    .Custom-Testware-bg,
    .LEARNING-PORTALS-bg,
    .M-Learning-bg {
        background-color: #f5f8ff70;
        padding: 31px 0 0;
        margin: 2px 7px;
        box-shadow: 0 8px 30px #0a717e29
    }
    .Supporting-bg,
    .eLearning-Domain-bg {
        background-color: #fff0f0;
        padding: 31px 0;
        margin: auto 0
    }
    .Supporting-box {
        margin: 13px auto;
        height: auto
    }
    .pb-04 {
        padding-bottom: 1.5rem !important
    }
    .pt-04 {
        padding-top: 1.5rem !important
    }
    .Get-Retail-box {
        width: 100%;
        margin-left: 0
    }
    .Get-Retail-bg {
        background-position: bottom center
    }
    .Creating-custom-box {
        display: block
    }
    #Creating-custom .Creating-custom-box img {
        width: 100% !important
    }
    .Creating-custom-box h4 {
        font-size: 30px;
        padding-bottom: 0;
        padding-top: 25px
    }
}

.slider-1,
.slider-2,
.slider-3,
.slider-4 {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center top;
    height: 100vh;
    padding-top: 130px
}

.banner1 {
    line-height: 65px !important
}

#topnav.nav-sticky .setllyt-2-logo {
    display: block;
    margin-top: 10px
}

@media (max-width:1280px) {
    .settlyt-1-logo {
        display: none
    }
    .setllyt-2-logo {
        display: block;
        margin-top: 10px
    }
}

@media only screen and (max-width:768px) {
    .tab button {
        padding: 14px 12px;
        width: 100%
    }
    .img-cloud-left,
    .img-cloud-right {
        display: none
    }
    .img-cloud-center img {
        margin: auto
    }
    .case-study h2 {
        font-size: 2rem !important
    }
    .banner1 {
        line-height: 36px !important
    }
    .pt-mobile-dev {
        padding-top: 1.5rem !important
    }
    .slider-1,
    .slider-2,
    .slider-3,
    .slider-4 {
        height: auto;
        padding-top: 0;
        margin-bottom: 9%;
        margin-top: 72px
    }
    .slider-1 .banner-heading h1 {
        font-size: 30px;
        line-height: 42px !important
    }
    .slider-1 {
        background: url(https://digital.thugo.in/images/game-1.webp) center top/100% no-repeat !important
    }
    .slider-2 {
        background: url(https://digital.thugo.in/images/game-2.webp) center top/100% no-repeat !important
    }
    .slider-3 {
        background: url(https://digital.thugo.in/images/game-3.webp) center top/100% no-repeat !important
    }
    .slider-4 {
        background: url(https://digital.thugo.in/images/game-4.webp) center top/100% no-repeat !important
    }
}

@media (max-width:1279px) {
    .white_logo_header .logo-white {
        display: none !important
    }
}

.white_logo_header .logo-white {
    display: block;
    margin-top: 12px
}

.machine_earning_help .apart {
    height: 420px
}

.AR-plateforms-box img {
    display: block;
    margin: auto;
    padding: 0;
    width: auto
}

.AR-plateforms-box {
    display: flex !important;
    flex-direction: column !important
}

.research1 img,
.research2 img,
.research3 img {
    width: 70px
}

.benifits-of-rpa-box {
    min-height: 470px
}

.tablinks.active>img {
    display: inline-block !important
}

.android-toolbox .apart {
    width: 100%;
    height: 598px
}

.call-banner {
    padding: 20px
}

.darkbg,
.lightbg {
    height: 150px;
    background-size: cover;
    padding-top: 48px;
    width: 100%
}

.darkbg {
    background-image: url(https://digital.thugo.in/images/android/darkbg.webp);
    color: #fff
}

.lightbg {
    background-image: url(https://digital.thugo.in/images/android/lightbg.webp)
}

.android-banner p {
    font-size: 26px;
    color: #2e3341;
    line-height: 38px;
    width: 100%;
    padding-left: 0;
    margin-top: 11px
}

.android-count {
    padding-top: 70px;
    padding-bottom: 70px;
    background: #f7f7f7;
    margin-bottom: 50px
}

.events-content,
.timeline {
    margin: 0 auto;
    display: flex;
    width: 100%
}

.android-count img {
    margin-bottom: 20px
}

.android-count h2 {
    font-size: 40px;
    font-weight: 600;
    color: #070a1d;
    padding-bottom: 30px
}

.android-count h4 {
    font-size: 35px;
    color: #070a1d;
    line-height: 35px;
    font-weight: 500
}

.highlight-txt h4 {
    font-size: 35px;
    padding-top: 30px;
    padding-bottom: 20px
}

.highlight-btn a {
    width: 28%;
    height: 55px;
    font-size: 22px !important
}

.call-banner h4 {
    font-size: 26px
}

.timeline {
    padding-top: 80px;
    height: 350px;
    max-width: 1080px;
    justify-content: center
}

.timeline .events {
    position: relative;
    background-color: #ffcd43;
    height: 5px;
    width: 100%;
    border-radius: 4px;
    margin: 5em 0
}

.timeline .events ol {
    margin: 0;
    padding: 0;
    text-align: center
}

.timeline .events ul {
    list-style: none;
    display: flex
}

.timeline .events ul li {
    display: inline-block;
    width: 15%;
    margin: 0;
    padding: 0
}

.timeline .events ul li a {
    font-size: 1.25em;
    color: #606060;
    text-decoration: none;
    position: relative;
    top: -32px
}

.timeline .events ul li a:after {
    content: "";
    position: absolute;
    bottom: -43px;
    left: 50%;
    right: auto;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 4px solid #ffcd43;
    background-color: #fff;
    transition: .3s;
    transform: translateX(-50%)
}

.timeline .events ul li a:hover::after {
    background-color: #ff6363;
    border-color: #ffc72c
}

.events-content {
    height: 100px;
    max-width: 800px;
    justify-content: left
}

.events-content li {
    display: none;
    list-style: none
}

.events-content li.selected {
    display: initial
}

.events-content li h2 {
    font-weight: 500;
    color: #919191;
    font-size: 2.5em
}

.timeline .second {
    display: none;
    padding-top: 0
}

.timeline .clickEvent h4 {
    width: 100%;
    font-size: 18px;
    height: 62px;
    position: relative;
    top: -45px
}

.timeline .clickEvent p {
    padding-top: 25px;
    width: 100%;
    height: 195px;
    font-size: 15px
}

.timelineSection,
.webBenefits {
    padding-top: 70px
}

.webTab {
    padding-top: 80px;
    padding-bottom: 80px
}

.webTab h2 {
    padding-bottom: 55px
}

.webTab .nav li a {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    border-radius: 20px;
    padding: 11px 22px;
    margin-right: 12px;
    margin-bottom: 20px
}

.webTab .nav-tabs .nav-link {
    border: none
}

.webTab .tab-content {
    padding: 50px 30px;
    border-radius: 15px
}

.webBenefits p {
    color: #2e3341;
    font-size: 20px
}

.webDots {
    border-style: dotted;
    border-width: 0 4px 0 0;
    border-color: #82a9d8
}

.webBenefits .txt {
    padding-left: 25px
}

.javascript-development-text h4 {
    color: #fff;
    font-size: 20px;
    font-family: CircularStdBlack
}

.timeline h5 {
    position: relative;
    top: -45px;
    font-size: 18px;
    transition: 1s
}

@media (max-width:1200px) {
    .benifits-of-rpa-box {
        min-height: 570px
    }
}

@media (max-width:768px) {
    .ai-recognized .recognized_area,
    .media-py0 {
        padding-bottom: 0 !important
    }
    .media-pt30 {
        padding-top: 30px !important
    }
    .media-pt0,
    .media-py0 {
        padding-top: 0 !important
    }
    .media-py30 {
        padding-top: 30px !important;
        padding-bottom: 30px !important
    }
    .row2 {
        margin-top: 0
    }
    .responsiveTimeline p {
        color: #2e3341
    }
    .responsiveTimeline h4 {
        color: #070a1d
    }
    .benifits-of-rpa-box,
    .what-we-done-tabs {
        min-height: auto
    }
    .machine-learning-process h2 {
        font-size: 40px;
        margin: 60px 0
    }
    .timelineSection {
        padding-top: 30px
    }
    .android-count,
    .down a,
    .webTab {
        padding-top: 50px
    }
    .webTab .heading-text h2 {
        font-size: 24px !important;
        line-height: 40px
    }
    .webTab h2 {
        padding-bottom: 35px
    }
    .webTab {
        padding-bottom: 0
    }
    .webTab .nav li a {
        font-size: 17px;
        padding: 11px 22px;
        margin-right: 6px;
        margin-bottom: 6px
    }
    .webTab .tab-content {
        padding: 25px 15px
    }
    .seo_content_area {
        padding-bottom: 70px !important
    }
    .key-element-h2 ul {
        padding-left: 10px
    }
    .call-banner h4 {
        font-size: 20px;
        padding-bottom: 15px
    }
    .call-banner a {
        width: 68%;
        font-size: 16px !important
    }
    .android-banner p {
        font-size: 20px;
        line-height: 34px
    }
    .android-count img {
        margin-bottom: 12px;
        width: 20%
    }
    .android-count {
        padding-bottom: 50px;
        margin-bottom: 50px
    }
    .android-count .transforming-p p {
        font-size: 17px;
        line-height: 24px
    }
    .highlight-txt h4 {
        font-size: 20px;
        padding-top: 0;
        padding-bottom: 0
    }
    .highlight-btn a {
        width: 70%;
        height: auto;
        font-size: 18px !important
    }
    .webBenefits {
        padding-top: 40px
    }
    .webBenefits .txt {
        padding-left: 0
    }
    .webBenefits h3 {
        font-size: 24px
    }
    .webTab h3 {
        font-size: 20px
    }
    .darkbg,
    .lightbg {
        width: 100%;
        height: 210px
    }
    .android-toolbox .apart {
        width: 100%;
        height: auto
    }
    .our-engagement-model-textp {
        padding-right: 0
    }
    .services-ddes-img img,
    .services-ddes-img-even img {
        margin-bottom: 32px
    }
    .timeline {
        display: none
    }
    .responsiveTimeline {
        display: block;
        padding: 5px 0 0 18px;
        color: #070a1d
    }
    .remove-justify .social-care h6,
    .remove-justify p {
        text-align: left
    }
}

@media (min-width:992px) {
    .modal-lg,
    .modal-xl {
        max-width: 1084px !important
    }
}

.modal-content {
    border: 0 solid rgba(0, 0, 0, .2) !important;
    background-color: transparent !important
}

.process-box-in-canberra .process-box,
.process-box-in-sydney .process-box,
.process-box-usa .process-box,
.programming-languages-box-australia .programming-languages-box,
.programming-languages-box-canberra .programming-languages-box,
.programming-languages-box-sydney .programming-languages-box,
.programming-languages-box-usa .programming-languages-box {
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    background-color: #fff
}

.modal-header {
    border-bottom: 1px solid #657d9600 !important
}

.close {
    font-size: 2.5rem !important
}

#my-calendly ._3XRoS6OTgV._3plJKEkn5b {
    width: 50% !important;
    float: left !important
}

.modal-backdrop {
    background-color: #00000047 !important
}

.modal-open .modal {
    z-index: 10000
}

.modal-header .close {
    z-index: 1000
}

.top-notch-usa .top-notch p {
    font-size: 19px;
    color: #2e3341;
    margin-top: 15px;
    padding-right: 0;
    line-height: 31px;
    font-family: CircularStdMedium
}

.programming-languages-box-usa .programming-languages-box {
    width: 97%;
    padding: 28px 20px 14px;
    margin: 23px auto;
    height: 444px
}

.programming-languages-box-australia .programming-languages-box {
    width: 97%;
    padding: 28px 20px 14px;
    margin: 23px auto;
    height: 550px
}

.process-box-usa .process-box {
    width: 100%;
    padding: 20px 20px 0;
    margin: 18px 0;
    min-height: 471px
}

#header-call-btn .modal-content,
#top-header-contact-btn .modal-content {
    background-color: #fff !important
}

.programming-languages-box-canberra .programming-languages-box {
    width: 97%;
    padding: 28px 20px 14px;
    margin: 23px auto;
    height: 540px
}

.process-box-in-canberra .process-box {
    width: 100%;
    padding: 20px 20px 14px;
    margin: 18px 0;
    min-height: 397px
}

.programming-languages-box-sydney .programming-languages-box {
    width: 97%;
    padding: 28px 20px 14px;
    margin: 23px auto;
    height: 415px
}

.process-box-in-sydney .process-box {
    width: 100%;
    padding: 20px 20px 14px;
    margin: 18px 0;
    min-height: 534px
}

.Healthcare-Solutions .custom-box {
    height: 335px
}

.unity-game-slider-1,
.unity-game-slider-2,
.unity-game-slider-3,
.unity-game-slider-4 {
    height: 100vh;
    padding-top: 130px
}

.seo-section {
    padding-top: 47px;
    padding-bottom: 47px;
    background-color: #272727
}

.seo-section .javascript-development-text p {
    font-size: 16px;
    margin-top: 3px;
    line-height: 20px;
    font-family: CircularStdMedium;
    color: #2e3341
}

.seo-section .javascript-development-text h2 {
    color: #fff;
    font-size: 28px;
    font-family: CircularStdBlack
}

.seo-section .javascript-development-text h3 {
    color: #fff;
    font-size: 24px;
    line-height: 33px;
    font-family: CircularStdBlack
}

.seo-section .javascript-development-text ul li {
    margin-top: 8px;
    font-size: 14px;
    color: #7f8ca9;
    font-weight: 500
}

button:focus {
    outline: dotted 0 !important
}

.ai-apart .apart {
    height: 565px
}

.Why-ThugoDigital             
 {
    display: flex;
    box-shadow: 5px 10px 40px #1853c321;
    border-radius: 10px;
    padding: 30px 13px;
    align-items: center
}

.Why-ThugoDigital             
 ul li {
    font-size: 17px;
    margin-left: 9px;
    color: #0d152e;
    font-weight: 600
}

.ui-ux-Industries {
    background-color: #ffc72c
}

.ui-ux-Industries .Manufacturing {
    position: relative;
    margin-bottom: 82px;
    padding-right: 24px
}

.ui-ux-Industries .Manufacturing h4 {
    color: #fff;
    margin-top: 19px;
    font-size: 24px;
    line-height: 35px
}

.ui-ux-Industries .Manufacturing p {
    color: #fff;
    font-size: 17px;
    line-height: 30px
}

.ui-ux-Industries .Manufacturing div.line {
    border-right: 1px solid #fff;
    top: -7px;
    left: 260px;
    width: 0;
    height: 473px;
    position: absolute
}

.Global-Locations {
    background: no-repeat padding-box #fff;
    box-shadow: 0 20px 30px #106fce15;
    border-radius: 17px;
    padding: 17px 15px 1px;
    margin-bottom: 46px
}

.Global-Locations span {
    color: #001851;
    font-size: 35px;
    font-weight: 700;
    padding-left: 22px
}

.Global-Locations p {
    color: #001851;
    font-size: 20px;
    margin-top: 10px
}

.seo_content_area {
    background: #6e6e6e;
    padding-top: 47px;
    padding-bottom: 10px;
    position: relative;
    display: none
}

.arrow {
    margin: -4% 0 -4% 25px;
    position: absolute
}

.bounce {
    -moz-animation: 2s infinite bounce;
    -webkit-animation: 2s infinite bounce;
    animation: 2s infinite bounce
}

.bounce a {
    color: #f77d33
}

.bounce a:hover {
    color: #f77d33 !important
}

@keyframes bounce {
    0%,
    100%,
    20%,
    50%,
    80% {
        transform: translateY(0)
    }
    40%,
    60% {
        transform: translateY(-10px)
    }
}

.app-download {
    text-align: right;
    padding-right: 26px
}

.app-download span,
.app-download strong {
    font-size: 123px;
    font-weight: 700;
    color: #0091c8;
    line-height: 68px
}

.app-download p,
.no-gutters p {
    font-size: 27px;
    font-weight: 600;
    margin-top: 8px
}

.no-gutters span,
.no-gutters strong {
    font-size: 95px;
    font-weight: 700;
    color: #0091c8;
    line-height: 68px
}

.offers-tabcontent.active {
    max-height: none;
    height: 100%;
    width: 100%;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.offers-tabcontent {
    margin: 0 auto;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-line-pack: justify;
    align-content: space-between;
    max-width: 1120px;
    max-height: 0;
    height: 0;
    width: 0;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .03);
    -webkit-box-shadow: 0 3px 15px #000;
    box-shadow: 0 3px 15px #000;
    opacity: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.offers-tabcontent .tabcontent-item {
    padding: 31px 20px 0 0;
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 33.3333%;
    flex: 0 1 33.3333%;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    min-width: 300px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    cursor: pointer;
    min-height: 250px;
    max-width: 368px
}

.offers-tabcontent .tabcontent-item:hover {
    background-color: rgba(20, 118, 242, .8)
}

.offers-tabcontent .tabcontent-item .custom-d {
    -js-display: flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%
}

.tabcontent-item .offer-content-title {
    font-size: 19px;
    line-height: 20px;
    margin-bottom: 9px;
    text-transform: unset;
    font-family: CircularStdMedium
}

.offers-tabcontent .tabcontent-item .offer-content-description {
    margin: 0 0 12px;
    font-size: 15.5px;
    line-height: 1.43;
    text-align: left;
    color: rgba(50, 50, 50, .8);
    -webkit-transition: .3s;
    transition: .3s;
    font-weight: 500
}

.offers-tabcontent .tabcontent-item:hover .offer-content-description {
    color: hsla(0, 0%, 100%, .85)
}

.tab-tbn {
    justify-content: space-between;
    align-content: center;
    border-bottom: 2px dotted #bababa !important;
    padding-bottom: 17px
}

.tab-tbn li {
    width: 200px;
    text-align: center
}

.tab-tbn li a.nav-link {
    padding: 0;
    font-size: 17px;
    font-weight: 500;
    color: #070a1d;
    display: inline-grid;
    justify-items: center;
    border: 0
}

.tab-tbn li a img {
    max-width: 100%;
    margin-bottom: 10px
}

.tab-tbn .nav-item.active {
    background-color: #e8e8e8;
    border-radius: 10px;
    padding-top: 9px
}

@media (max-width:426px) {
    .unity-game-development-mobile-heading .banner-heading h1 {
        font-size: 26px;
        line-height: 36px
    }
}

.Stack img {
    box-shadow: 0 0 28px 0 #00000052;
    border-radius: 11px
}

.Stack {
    text-align: center;
    margin-bottom: 29px
}

.Our-Work a {
    background: #f0f0f0;
    padding: 11px 25px 13px;
    border-radius: 11px;
    width: 216px;
    color: #ffcd43;
    font-weight: 600;
    box-shadow: 0 0 22px 0 #00000052
}

.javascript-development-text strong {
    font-size: 18px;
    color: #070a1d
}

.txt-bold {
    color: #070a1d !important;
    font-weight: 600
}

.seo_content_area strong {
    color: #e7e7e7
}

.start-project-link a {
    font-weight: 500;
    color: #ffe600;
    font-size: 24px;
    text-decoration: underline
}

.start-project-link a:hover {
    color: #ffe600;
    text-decoration: underline;
    transition: 1s
}

.txt-card-section {
    padding-top: 50px;
    padding-bottom: 35px
}

.txt-card-section .text-box-style {
    text-align: center;
    padding: 30px;
    transition: .3s;
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075);
    width: 100%;
    height: 384px;
    margin-bottom: 25px
}

.txt-card-section .text-box-style h4 {
    color: #070a1d;
    font-size: 20px
}

.txt-card-section .text-box-style p {
    font-size: 15px
}

.txt-card-section .text-box-style:hover {
    box-shadow: 0 4px 25px #870000 !important;
    transform: translateY(-5px)
}

.javascript-development-text .txtBtn a {
    color: #fff;
    background: #ff4f76;
    border: 1px solid #ff4f76;
    padding: 11px 40px;
    border-radius: 8px
}

.javascript-development-text .txtBtn {
    margin-bottom: 50px;
    text-align: center
}

@media only screen and (max-width:767px) {
    .txt-card-section .text-box-style {
        padding: 30px;
        height: auto;
        margin-bottom: 20px
    }
    .javascript-development-text h2 {
        font-size: 28px !important;
        line-height: 44px !important;
        margin-bottom: 20px
    }
}

@media only screen and (min-width:768px) and (max-width:999px) {
    .txt-card-section .text-box-style p {
        font-size: 13px;
        line-height: 22px;
        text-align: center
    }
    .txt-card-section .text-box-style {
        padding: 20px;
        height: 370px;
        margin-bottom: 20px
    }
    .txt-card-section .text-box-style h4 {
        font-size: 17px
    }
    .choose-box {
        height: auto;
        word-wrap: break-word
    }
}

.pri-owl .owl-slider2 {
    max-height: 800px !important;
    min-height: 550px !important
}

@media (max-width:1200px) {
    .pri-owl .owl-slider2 {
        min-height: 630px !important
    }
}

@media (max-width:768px) {
    .seo-section .javascript-development-text h3 {
        line-height: 29px
    }
    .why-choose-us-blc-flexbox-right h2 {
        font-size: 68px
    }
    .seo-section .javascript-development-text h2 {
        line-height: 35px
    }
    .arrow {
        margin: -15% 0;
        z-index: 999999
    }
    .Global-Locations p br {
        display: none
    }
    .ui-ux-Industries .Manufacturing {
        margin-bottom: 54px;
        padding-right: 0
    }
    .ui-ux-Industries .Manufacturing div.line {
        border-right: 0 solid #fff
    }
    .complete-mobile-img {
        margin-bottom: 21px
    }
    .Why-ThugoDigital             
 {
        margin-bottom: 24px
    }
    .Healthcare-Solutions .custom-box,
    .ai-apart .apart,
    .programming-languages-box-australia .programming-languages-box,
    .programming-languages-box-canberra .programming-languages-box,
    .programming-languages-box-sydney .programming-languages-box,
    .programming-languages-box-usa .programming-languages-box {
        height: auto
    }
    .iot-tabs,
    .what-we-done-tabs {
        margin-left: 0
    }
    .everything-icons {
        margin-bottom: -31px
    }
    .marquee_image {
        margin-top: -75px
    }
    .content-over-marquee {
        top: 119px
    }
    .augment-box,
    .process-box-in-canberra .process-box,
    .process-box-in-sydney .process-box,
    .process-box-usa .process-box {
        min-height: auto
    }
    #header-call-btn .modal-content,
    #top-header-contact-btn .modal-content {
        margin-top: 117px
    }
    .app-download,
    .blc-text p {
        padding-right: 0
    }
    .augment-sec {
        padding-top: 29px
    }
    .unity-game-slider-1,
    .unity-game-slider-2,
    .unity-game-slider-3,
    .unity-game-slider-4 {
        height: auto;
        padding-top: 0;
        margin-bottom: 9%;
        margin-top: 72px
    }
    .augment-box-zoom:hover {
        transform: scale(1.02)
    }
    .unity-game-slider-1 {
        background: url(https://digital.thugo.in/images/unity-game-development-company/Unity-Game-Development-Company.webp) center top/100% no-repeat !important
    }
    .unity-game-slider-2 {
        background: url(https://digital.thugo.in/images/unity-game-development-company/Unity-Game-App-Development.webp) center top/100% no-repeat !important
    }
    .unity-game-slider-3 {
        background: url(https://digital.thugo.in/images/unity-game-development-company/Unity-Game-development.webp) center top/100% no-repeat !important
    }
    .unity-game-slider-4 {
        background: url(https://digital.thugo.in/images/unity-game-development-company/Unity-Game-Application-development.webp) center top/100% no-repeat !important
    }
    .Our-Work div,
    .app-download,
    .no-gutters {
        text-align: center
    }
    .app-download span,
    .app-download strong {
        font-size: 61px;
        line-height: 44px
    }
    .app-download p,
    .no-gutters p {
        font-size: 19px;
        margin-top: 8px
    }
    .no-gutters span,
    .no-gutters strong {
        font-size: 56px;
        line-height: 53px
    }
    .offers-tabcontent .tabcontent-item {
        min-width: 100%
    }
    .process-box-usa .process-box {
        padding: 20px 20px 10px
    }
    .Our-Work h4 {
        margin-bottom: 30px
    }
    .nav-tabs .nav-item {
        margin-bottom: 19px
    }
    .tab-tbn li {
        width: 144px
    }
    .owl-slider2 {
        min-height: 378px !important
    }
    .pri-owl .owl-slider2 {
        min-height: 445px !important
    }
}

@media (max-width:428px) {
    .owl-slider2 {
        min-height: 378px !important
    }
    .pri-owl .owl-slider2 {
        min-height: 570px !important
    }
}

@media (max-width:414px) {
    .pri-owl .owl-slider2 {
        min-height: 600px !important
    }
}

@media (max-width:375px) {
    .pri-owl .owl-slider2 {
        min-height: 630px !important
    }
}

@media (max-width:320px) {
    .owl-slider2 {
        min-height: 420px !important
    }
    .pri-owl .owl-slider2 {
        min-height: 800px !important
    }
}

.cloud-img-size {
    width: 27% !important
}

.linehight-sm {
    line-height: 39px !important
}

.key-element-h2 h2 {
    margin-bottom: 12px
}

.bounce i {
    color: #f77d33;
}