.app-banner {
    margin-left: -37px;
    width: 106%
}

.Product-Managers p {
    font-size: 25px;
    color: #828fad;
    margin-top: 17px;
    padding-right: 22px;
    line-height: 33px;
    font-family: CircularStdMedium
}

.core-idea p {
    font-size: 22px;
    font-family: CircularStdRegular;
    color: #6c7a97;
    text-align: center
}

.core-idea-box {
    width: 303px;
    height: 390px;
    background-color: #fff;
    padding: 26px 25px;
    border-radius: 20px;
    box-shadow: 0 10px 20px #dde2ff80
}

.core-idea-box img {
    padding-bottom: 20px
}

.core-idea-box h4 {
    color: #ffcd43;
    font-size: 26px;
    font-family: CircularStdBold;
    line-height: 36px;
    padding-bottom: 6px
}

.core-idea-box p {
    font-size: 20px;
    color: #828fad;
    font-family: CircularStdMedium;
    line-height: 31px
}

.dot {
    position: relative
}

.dot-img {
    position: absolute;
    top: 196px;
    right: -94px;
    z-index: -1
}

.margin-auto {
    margin: auto
}

.margin-right {
    float: right
}

section.roi-area {
    margin-bottom: 60px
}

.roi-box {
    min-height: 390px;
    border-radius: 20px;
    padding: 30px 19px 10px;
    border: 2px solid transparent
}

.roi-box:hover {
    box-shadow: 0 27px 50px #0000000D
}

.roi-box h3 {
    font-size: 22px;
    color: #0a2540;
    margin-top: 13px;
    line-height: 50px;
    font-family: CircularStdBold
}

.roi-box p {
    line-height: 35px;
    font-size: 18px;
    color: #6c7a97;
    font-family: CircularStdRegular
}

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

.start-here-box h4 {
    font-size: 22px;
    color: #ffcd43;
    line-height: 35px;
    padding: 17px 0 13px;
    font-family: CircularStdBold
}

.start-here-box p {
    font-size: 18px;
    line-height: 32px;
    color: #828fad;
    font-family: CircularStdMedium
}

.how-we-work-slider.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    display: block
}

.how-we-work-slider.owl-theme .owl-dots .owl-dot span {
    width: 17px;
    height: 7px;
    margin: 5px 5px;
    background: #ffcd43;
    opacity: .3;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity .2s ease;
    border-radius: 30px
}

.how-we-work-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #ffcd43;
    width: 64px;
    opacity: 1
}

.how-we-work-slider.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffcd43;
    opacity: 1
}

.how-we-work-slider.owl-theme .owl-nav.disabled+.owl-dots {
    margin-top: -30px
}

.owl-carousel.how-we-work-slider .owl-item img {
    display: inline
}

.client-section-image2 {
    background: transparent url(https://digital.thugo.in/images/clients/settlyt.webp) repeat 0 0;
    margin: 0;
    background-size: cover;
    height: 122vh;
    padding-top: 100px;
    box-sizing: border-box;
    -webkit-animation: slide 125s linear infinite
}

.client-section-image2 {
    margin-left: -10%;
    width: 131%
}

.client-section-image4 {
    background: transparent url(https://digital.thugo.in/images/clients/alphamatch.webp) repeat 0 0;
    margin: 0;
    background-size: cover;
    height: 122vh;
    padding-top: 100px;
    box-sizing: border-box;
    -webkit-animation: slide 125s linear infinite
}

.client-section-image4 {
    margin-left: -10%;
    width: 131%
}

.client-section-image3 {
    background: transparent url(https://digital.thugo.in/images/clients/jane.webp) repeat 0 0;
    margin: 0;
    background-size: cover;
    height: 122vh;
    padding-top: 100px;
    box-sizing: border-box;
    -webkit-animation: slide 125s linear infinite
}

.client-section-image3 {
    margin-left: -10%;
    width: 131%
}

.client-section-image1 {
    background: transparent url(https://digital.thugo.in/images/clients/mindset.webp) repeat 0 0;
    margin: 0;
    background-size: cover;
    height: 122vh;
    padding-top: 100px;
    box-sizing: border-box;
    -webkit-animation: slide 125s linear infinite
}

.client-section-image1 {
    margin-left: -10%;
    width: 131%
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -6000px
    }
}

.demo1 {
    width: 90%;
    margin: 0 auto;
    display: block;
    background: #3c3c3c00
}

.demo1 p {
    padding: 10px 15px;
    font-size: 15px;
    line-height: 22px
}

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

.transforming-p p {
    font-size: 22px;
    color: #828fad;
    margin-top: 15px;
    font-family: CircularStdMedium;
    line-height: 35px
}

.Transforming-box {
    width: 100%;
    background-color: #fff;
    padding: 28px 19px 14px;
    border-radius: 20px;
    margin: 23px 6px;
    height: 238px
}

.Transforming-box:hover {
    box-shadow: 0 10px 20px #dde2ff54
}

.Transforming-box h4 {
    font-size: 24px;
    color: #ffcd43;
    line-height: 35px;
    padding: 26px 0 0;
    font-family: CircularStdBold
}

.Process-box {
    height: 223px;
    background: #fff;
    border-radius: 20px;
    width: 100%;
    display: flex;
    padding: 21px 33px 0px
}

.Process-box li {
    display: -webkit-inline-box
}

.Process-bg {
    background-size: cover;
    padding: 63px 26px
}

.Process-box li div {
    padding: 0 41px 0 38px
}

.Process-box li div h4 {
    font-size: 20px;
    color: #ffcd43;
    font-family: CircularStdBold;
    line-height: 30px
}

.Process-box li div p {
    margin-bottom: 0;
    font-size: 14px;
    font-family: CircularStdMedium;
    color: #828fad;
    line-height: 30px
}

.our-android h3 {
    font-size: 54px;
    color: #ffcd43;
    line-height: 74px;
    font-family: CircularStdBold;
    margin-bottom: 58px
}

.our-android a.android-btn {
    margin-bottom: 10px;
    color: #fff;
    background-color: #c3ccfe;
    border-color: #c3ccfe;
    font-size: 18px;
    padding: 11px 29px;
    border-radius: 12px;
    font-family: CircularStdMedium
}

.our-android a.active {
    background-color: #ffcd43
}

.our-android h3 span {
    color: #ffcd43
}

.native-app-box {
    width: 100%;
    height: auto;
    background: #fff;
    border-radius: 20px;
    padding: 21px 34px;
    margin-bottom: 10px
}

.native-app-box-bg {
    background-size: cover;
    padding: 64px 23px;
    border-radius: 30px
}

.native-app-box h4 {
    font-size: 20px;
    color: #ffcd43;
    font-family: CircularStdBold;
    line-height: 28px;
    padding-top: 16px;
    padding-bottom: 0
}

.native-app-box p {
    font-size: 14px;
    color: #828fad;
    line-height: 30px;
    font-family: CircularStdMedium
}

.native-app-box ul li {
    font-size: 15px;
    font-family: CircularStdBold;
    color: #444;
    line-height: 26px
}

.native-app-box ul {
    margin-bottom: 30px
}

.btn-primary1 {
    color: #fff !important;
    background-color: #c3ccfe !important;
    border-color: #c3ccfe !important;
    font-size: 18px !important;
    padding: 11px 29px !important;
    border-radius: 12px !important;
    font-family: CircularStdMedium;
    margin-top: 26px
}

.client-section-image6 {
    background: transparent url(https://digital.thugo.in/images/clients/idealprotein.webp) repeat 0 0;
    margin: 0;
    background-size: cover;
    height: 122vh;
    padding-top: 100px;
    box-sizing: border-box;
    -webkit-animation: slide 125s linear infinite
}

.client-section-image6 {
    margin-left: -13%;
    width: 130%
}

@-webkit-keyframes slide {
    from {
        background-position: 0 0
    }
    to {
        background-position: 0 -6000px
    }
}

.Android-Application-Development-box {
    box-shadow: 0 24px 98px #0000000d;
    border-radius: 62px;
    background: #fff;
    padding: 43px 20px
}

.maxsold-bg-color {
    background-color: #f2fdff
}

.maxsold-banner {
    padding: 160px 0 80px
}

.max-p {
    font-size: 19px;
    font-family: CircularStdMedium;
    color: #707070;
    line-height: 38px;
    margin-top: 29px
}

.about-app-h2 {
    margin-top: 30%
}

.about-app-h2 h2 {
    color: #fff;
    font-size: 44px;
    line-height: 50px;
    font-family: CircularStdBold
}

.about-app-h2 p {
    font-size: 20px;
    line-height: 38px;
    font-family: CircularStdMedium;
    opacity: 50%;
    margin-top: 13px;
    color: #fff
}

.color-section {
    padding: 128px 0 0;
    position: relative
}

.about-app-bg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 189vh
}

.maxsold-color-bg {
    background-repeat: no-repeat;
    background-size: contain
}

.color-box {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #039cc0;
    box-shadow: 7px 8px 30px #039cc05c;
    margin-bottom: 54px;
    position: relative
}

.color-box1 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #0063ce;
    box-shadow: 7px 8px 30px #0063ce47;
    margin-bottom: 54px;
    position: relative
}

.color-box2 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #d91f50;
    box-shadow: 7px 8px 30px #d91f5047;
    margin-bottom: 54px;
    position: relative
}

.color-box3 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #ff9531;
    box-shadow: 7px 8px 30px #ff953152;
    margin-bottom: 54px;
    position: relative
}

.color-box4 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #369afd;
    box-shadow: 7px 8px 30px #369afd4f;
    margin-bottom: 54px;
    position: relative
}

.color-box5 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #96d33b;
    box-shadow: 7px 8px 30px #96d33b4f;
    margin-bottom: 54px;
    position: relative
}

.color-box6 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #4f586a;
    box-shadow: 7px 8px 30px #4f586a4f;
    margin-bottom: 54px;
    position: relative
}

.color-box7 {
    width: 220px;
    border-radius: 30px;
    height: 190px;
    background: #e5faff;
    box-shadow: 7px 8px 30px #a4bfc561;
    margin-bottom: 54px;
    position: relative
}

.color-box-h4 h4 {
    position: absolute;
    bottom: 5px;
    left: 18px;
    font-size: 24px;
    color: #fff;
    line-height: 50px;
    font-family: CircularStdBook
}

.Typography-img {
    margin-left: -150px
}

.poppins-text h2 {
    font-size: 84px;
    font-family: poppins;
    font-weight: 900;
    color: #039cc0;
    line-height: 50px
}

.poppins-text h4 {
    font-size: 32px;
    line-height: 50px;
    color: #30333a;
    font-weight: 900;
    margin-top: 53px
}

.poppins-text h6 {
    color: #868686;
    font-size: 24px;
    padding-right: 6px;
    margin-top: 14px;
    margin-bottom: 24px
}

h6.poppins-text span.regular {
    padding-right: 6px;
    padding-left: 0
}

.poppins-text span.meduim {
    padding: 0 6px
}

.poppins-text span.bold {
    padding: 0 6px
}

.poppins-text p {
    font-size: 32px;
    color: #30333a;
    font-weight: 600;
    letter-spacing: 6px;
    font-family: 'Poppins-Regular.ttf'
}

.Screens h2 {
    color: #30333a;
    font-size: 44px;
    font-family: CircularStdBold;
    text-align: center;
    line-height: 50px
}

.Elements h2 {
    color: #039cc0;
    font-size: 44px;
    font-family: CircularStdBold;
    text-align: center;
    line-height: 50px;
    padding: 35px 0
}

.Elements-img {
    width: 103%;
    margin-left: -2%
}

.boarding-screens {
    margin-top: -148px
}

.Boarding-Screens h2 {
    margin-top: -227px
}

.Boarding-img img {
    border-radius: 26px;
    width: 100%;
    background-color: #fff;
    box-shadow: 10px 10px 20px #ffcd431f
}

.Boarding-img1 {
    margin-top: -80px
}

.Boarding-img3 {
    margin-top: 80px
}

.UI-Design h2 {
    font-size: 44px;
    color: #2e2e2e;
    line-height: 50px;
    font-family: CircularStdBold
}

.UI-Design p {
    margin-top: 21px;
    font-size: 20px;
    color: #2e2e2e;
    line-height: 38px;
    font-family: CircularStdMedium
}

.UI-Design-img {
    width: 103%;
    margin-left: -2%
}

.about-app-img {
    width: 76%
}

.viewgem-banner-img {
    width: 116%;
    margin-left: -9%
}

.Viewgem h2 {
    font-size: 44px;
    font-family: CircularStdBold;
    color: #ffcd43
}

.Viewgem p {
    font-size: 20px;
    color: #ffcd43;
    line-height: 50px;
    font-family: CircularStdMedium;
    margin-top: 21px
}

.Viewgem-box {
    width: 497px;
    height: 220px;
    background: #fff;
    border-radius: 20px;
    position: relative;
    padding: 51px 32px 68px 86px;
    margin-bottom: 83px
}

.Viewgem-box h4 {
    font-size: 30px;
    color: #ffcd43;
    font-family: CircularStdBold;
    line-height: 32px
}

.Viewgem-box p {
    font-size: 16px;
    color: #ffcd43;
    font-family: CircularStdMedium;
    line-height: 30px
}

.Viewgem-box img {
    left: -62px;
    position: absolute;
    top: -74px
}

.Font-color>p {
    font-size: 20px;
    color: #ffcd43;
    line-height: 40px;
    font-family: CircularStdMedium
}

.Font-color h2 {
    font-size: 284px;
    color: #ffcd43;
    font-family: CircularStdBook;
    margin-bottom: -22px
}

.Font-color ul {
    list-style: none
}

.Font-color ul li {
    display: inline-block;
    width: 48%
}

.Font-color ul li p {
    font-size: 20px;
    color: #ffcd43;
    line-height: 30px
}

.Color-sec ul {
    list-style: none
}

.Color-sec ul li {
    display: inline-block;
    width: 49%
}

.Color-sec div img {
    margin-left: -86px;
    font-size: 20px;
    color: #ffcd43;
    line-height: 30px;
    margin-top: 6px
}

.Color-sec p {
    font-size: 20px;
    color: #ffcd43;
    line-height: 30px;
    margin-top: 41px
}

.font-color-row {
    padding: 54px 34px;
    border-radius: 20px;
    background-color: #fff
}

.Final-Product-text {
    position: absolute;
    left: 63%;
    right: 9%;
    margin-top: 243px;
    z-index: 99999999
}

.Final-Product-text h2 {
    font-size: 44px;
    color: #ffcd43;
    font-family: CircularStdBold
}

.Final-Product-text p {
    color: #ffcd43;
    font-size: 20px;
    line-height: 50px;
    font-family: CircularStdMedium
}

.front-end-banner {
    width: 100%;
    margin-left: -6%
}
.Why-ThugoDigital{
    width: auto;
    background-color: #ffffff;
    padding: 26px 20px 1px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: -26px 0 70px;
    min-height: auto
}
.Advanced-web {
    width: 100%;
    background-color: #ffffff;
    padding: 26px 20px 1px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: -26px 0 70px;
    min-height: 620px
}

.Advanced-web h4 {
    font-size: 26px;
    color: #ffcd43;
    line-height: 35px;
    padding: 15px 0;
    font-family: CircularStdBold
}

.Advanced-web p {
    font-size: 17px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdMedium
}

.Why-ThugoDigital {
    width: 100%;
    background-color: #fff;
    padding: 28px 19px 14px;
    box-shadow: 0 10px 20px #dde2ff54;
    border-radius: 20px;
    margin: 23px 6px;
    height: 432px
}

.Why-ThugoDigital h4 {
    font-size: 26px;
    color: #ffcd43;
    line-height: 35px;
    padding: 25px 0 14px;
    font-family: CircularStdBold
}

.Why-ThugoDigital p {
    font-size: 16px;
    line-height: 30px;
    color: #828fad;
    font-family: CircularStdRegular
}

.What-we-do-img {
    width: 100%;
    border-radius: 27px;
    box-shadow: 0 10px 20px #00000017;
    margin-bottom: 19px
}

.html-img {
    width: 57%;
    margin-top: 136px;
    margin-right: 40px;
    margin-left: 15px
}

.css-img {
    width: 66%;
    margin-left: 20px
}

.js-img {
    width: 59%;
    margin-top: 75px;
    margin-left: 29px
}

.ce-img {
    width: 90%;
    margin-top: 97px;
    margin-left: 28px
}

.angular-img {
    margin-top: 197px;
    margin-left: 67px
}

.circle-img {
    margin-top: 189px;
    width: 60%;
    margin-left: 27px
}

.big-b {
    margin-top: 98%
}

.agile-benifit .AR-app-development-box ul {
    list-style: none
}

.agile-benifit .AR-app-development-box ul li {
    margin-bottom: 11px;
    font-size: 18px;
    color: #828fad;
    line-height: 33px;
    padding-right: 10px;
    font-family: CircularStdMedium
}

.agile-benifit .AR-app-development-box ul li img {
    margin-right: 11px
}

.bg-half-170 a {
    color: #ffcd43
}

.bg-half-170 a:hover {
    color: #ffcd43;
    text-decoration: none
}

.cover {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.bookmi p {
    font-size: 19px;
    color: #fff;
    font-family: CircularStdMedium;
    margin-top: 37px;
    text-align: justify;
    line-height: 37px
}

.bookmi-img img {
    width: 100%
}

.middile-content {
    position: relative;
    display: table;
    width: 100%;
    height: 100%
}

.middile-content-inside {
    vertical-align: middle;
    display: table-cell;
    padding-top: 60px;
    height: 750px
}

.portfolio-cnt {
    position: absolute
}

.portfolio-image {
    position: absolute;
    top: -145px;
    z-index: 0
}

.Process-box {
    height: 260px;
}

@media only screen and (max-width: 767px) {
    .Process-box {
        height: auto;
    }
}