@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");html, body {
    max-width: 100%;
    overflow-x: hidden
}

body {
    font-family: "Inter", sans-serif;
    line-height: 1.7
}

.sliderHeading-loc {
    font-size: 2.4rem;
    line-height: 2.8rem;
    font-weight: 700
}

.sliderSubHeading-loc {
    font-size: 1.32rem;
    line-height: 1.8rem;
    font-weight: 500
}

.sliderDescription-loc {
    line-height: 1.48rem;
    font-size: 1.14rem
}

.slider-txtbox ul li {
    font-size: 1.14rem;
    line-height: 1.48rem;
    list-style: disc
}

.boxHeading-loc {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.5rem;
    text-transform: capitalize
}

ul.tick-black li {
    list-style: square
}

section ul li {
    list-style: square
}

.slider-txtbox ul {
    padding-left: 20px
}

.serviceBanner-loc {
    padding: 122px 0px 92px 0;
    position: relative
}

.sectionDescription-loc, div#cke_pastebin, p, ul li {
    line-height: 1.288rem;
    font-size: 1rem;
    list-style: none
}

.loc-ban-img {
    position: absolute;
    bottom: 0;
    right: 242px;
    width: 517px
}

.txfont {
    line-height: 1.7rem;
    font-size: 1.3rem
}

.btn {
    border-radius: 48px;
    padding: 6px 22px;
    font-weight: 500;
    font-size: 18px;
    color: #fff;
    width: fit-content;
    display: table
}

.loc-btn-white {
    background-color: #d33536;
    color: #fff;
    display: unset;
    padding: 10px 40px;
    font-weight: 500;
    font-size: 17px
}

.loc-btn-white:hover, .btn:active {
    background-color: #d33536 !important;
    color: #fff !important
}

.sectionHeading-loc {
    font-size: 1.88rem;
    line-height: 2.2rem;
    font-weight: 700
}

.sectionSubDescription-loc {
    font-size: 1.22rem;
    line-height: 1.5rem;
    font-weight: 500
}

.number-text {
    font-size: 35px;
    font-weight: 600
}

.tab-heading {
    font-size: 25px;
    line-height: 30px;
    font-weight: 600;
    color: #023575
}

.blueTxt {
    color: #023575
}

.solving-section .nav-pills .nav-link .visble-txt {
    position: relative;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 0px;
    text-transform: capitalize
}

section.visual-lay-section .tab-pane ul li {
    list-style: square
}

#JDDPageid-535 section.visual-lay-section div#v-pills-tabContent img {
    display: none
}

.smlYellow {
    font-size: 22px;
    color: #ffd042;
    line-height: 28px
}

.starDiv img {
    width: 100px;
    margin-right: 27px
}

.starBox.m-auto {
    display: flex;
    align-items: center;
    column-gap: 5px;
    justify-content: center
}

.stripSection img.img-fluid {
    width: 188px;
    filter: brightness(0.2)
}

.califo-bx:hover {
    position: relative;
    transform: translate3d(0, -8px, 0)
}

.hard-bx {
    width: 100%;
    float: left;
    position: relative;
    box-shadow: 0px 6px 10px rgb(135 135 135 / 9%);
    text-align: center;
    background: linear-gradient( 31deg, rgb(255 253 246) 0%, #fbf3dd 52%, rgb(255 250 236) 52% );
    height: initial;
    padding: 30px 43px;
    margin-bottom: 30px
}

.hard-bx .boxHeading-loc {
    min-height: 41px;
    text-transform: capitalize
}

.colorLine {
    width: 119px;
    background: linear-gradient(45deg, #673ab7, #ff0505);
    height: 2.8px;
    display: inline-block
}

.hard-bx .podt {
    font-size: 45px;
    line-height: 48px;
    font-weight: 600;
    color: #273792;
    margin: 0 auto;
    display: table
}

.podt span {
    display: block;
    float: left
}

.circulate .circle {
    width: 480px;
    height: 480px;
    border-radius: 100%;
    background: white;
    box-shadow: 0 2px 150px rgba(0, 0, 0, 0.2);
    background: linear-gradient(to left top, #23345d, #0043a5);
    position: relative;
    overflow: hidden;
    transform: translateZ(0)
}

.circulate .wave {
    opacity: 0.4;
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgb(0 2 48 / 56%);
    width: 420px;
    height: 420px;
    margin-left: -200px;
    margin-top: -185px;
    transform-origin: 50% 48%;
    border-radius: 43%;
    animation: humming 2.5s infinite linear
}

.circulate .wave._three {
    animation: humming 5000ms infinite linear;
    top: 200px
}

.circulate .wave._two {
    animation: humming 9000ms infinite linear;
    opacity: 1;
    left: 60px
}

.circulate .box:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    transform: translate3d(0, 0, 0)
}

.circulate .title {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    z-index: 1;
    line-height: 30px;
    text-align: center;
    transform: translate3d(0, 0, 0);
    color: white;
    text-transform: uppercase;
    font-family: "Playfair Display", serif;
    letter-spacing: 0.4em;
    font-size: 24px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    text-indent: 0.3em
}

@keyframes humming {
    from {
        transform: rotate(0deg)
    }

    from {
        transform: rotate(360deg)
    }
}

button.accordion-button.tab-heading {
    background-color: #fff0;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600;
    color: #023575
}

.visual-lay-section .nav-pills .nav-link {
    position: relative;
    border-radius: 0px;
    color: #000d53;
    font-weight: 600;
    padding: 16px 0px;
    font-size: 19px;
    width: 100%;
    text-align: left;
    padding-right: 26px;
    line-height: 22px
}

.visual-lay-section .nav-pills .nav-link::after {
    position: absolute;
    content: "";
    background-image: url('data:image/svg+xml,<svg style="color:rgb(196, 196, 196);" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-circle-fill" viewBox="0 0 16 16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" fill="%23c4c4c4"></path></svg>');
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 50%;
    transform: translate(0, -50%);
    right: 22px
}

.visual-lay-section .nav-pills .nav-link.active::after {
    background-image: url('data:image/svg+xml,<svg style="color:rgb(0, 13, 83);" xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="currentColor" class="bi bi-arrow-right-circle-fill" viewBox="0 0 16 16"><path d="M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z" fill="%23000d53"></path></svg>')
}

.visual-lay-section .nav-pills .nav-link.active, .visual-lay-section .nav-pills .show > .nav-link {
    background-color: #ffffff00
}

#JDDPageid-356 section.solving-section.pb-0 {
    background: #fff !important
}

.visual-lay-section .nav {
    display: unset;
    flex-wrap: unset
}

.displayTable {
    display: table !important
}

.accordion-button:not(.collapsed) {
    background: #273792;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-weight: 600
}

.accordion-button:focus {
    outline: 0;
    border-color: transparent !important;
    box-shadow: none
}

button.accordion-button.tab-heading.collapsed {
    border-bottom: 1px solid #eee
}

.solving-section .nav-pills .nav-link.active p {
    background: linear-gradient(45deg, #673ab7, #000e5b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent
}

.solving-section .nav-pills .nav-link {
    text-align: left;
    width: 410px;
    border-radius: 0px;
    color: #000d53;
    position: relative;
    font-weight: 500;
    padding: 8px 6px 8px 20px
}

.solving-section .nav-pills .nav-link.active::before {
    position: absolute;
    content: "";
    width: 4px;
    height: 30px;
    background: linear-gradient(45deg, #673ab7, #ff0505);
    left: 0;
    top: 50%;
    transform: translate(0, -50%)
}

.solving-section .nav-pills .nav-link.active, .solving-section .nav-pills .show > .nav-link {
    color: #e03535;
    background-color: #ffffff00
}

.vidBox {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 75vh
}

.vidBox video#myVideo98 {
    width: 100%;
    position: relative;
    top: -180px
}

.campusFuture {
    width: 624px
}

.vidBox:after {
    position: absolute;
    background: linear-gradient(to right, #000000b8, #0000003b);
    content: "";
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0
}

.campusFuture {
    position: absolute;
    width: 720px;
    top: 50%;
    transform: translate(0, -50%);
    z-index: 1
}

#JDDPageid-240 .fixed-top img.colorLogo, #JDDPageid-447 .fixed-top img.colorLogo {
    display: none
}

#JDDPageid-240 .fixed-top .nav-menu > ul > li > a, #JDDPageid-447 .fixed-top .nav-menu > ul > li > a {
    color: #fff
}

#JDDPageid-240 .fixed-top.header-scrolled img.colorLogo, #JDDPageid-447 .fixed-top.header-scrolled img.colorLogo {
    display: block
}

#JDDPageid-240 .fixed-top.header-scrolled .nav-menu a, #JDDPageid-447 .fixed-top.header-scrolled .nav-menu a {
    color: #000
}

.serv-img {
    width: 50px
}

.califo-bx {
    border-radius: 0 20px 0 0;
    padding: 20px;
    margin-bottom: 20px;
    transition: 1s ease
}

.califo-color-1 {
    background: linear-gradient( 31deg, rgba(237, 228, 204, 1) 0%, rgba(237, 228, 204, 1) 52%, rgba(250, 240, 215, 1) 52% )
}

.califo-color-2 {
    background: linear-gradient( 31deg, rgba(205, 241, 219, 1) 0%, rgba(205, 241, 219, 1) 52%, rgba(216, 254, 231, 1) 52% )
}

.califo-color-3 {
    background: linear-gradient( 31deg, rgba(209, 216, 231, 1) 0%, rgba(209, 216, 231, 1) 52%, rgba(220, 227, 243, 1) 52% )
}

.califo-color-4 {
    background: linear-gradient( 31deg, rgba(237, 226, 239, 1) 0%, rgba(237, 226, 239, 1) 52%, rgba(249, 238, 252, 1) 52% )
}

.califo-color-5 {
    background: linear-gradient( 31deg, rgba(209, 216, 231, 1) 0%, rgba(209, 216, 231, 1) 52%, rgba(220, 227, 243, 1) 52% )
}

.califo-color-6 {
    background: linear-gradient( 31deg, rgba(237, 226, 239, 1) 0%, rgba(237, 226, 239, 1) 52%, rgba(249, 238, 252, 1) 52% )
}

.califo-color-7 {
    background: linear-gradient( 31deg, rgba(237, 228, 204, 1) 0%, rgba(237, 228, 204, 1) 52%, rgba(250, 240, 215, 1) 52% )
}

.califo-color-8 {
    background: linear-gradient( 31deg, rgba(205, 241, 219, 1) 0%, rgba(205, 241, 219, 1) 52%, rgba(216, 254, 231, 1) 52% )
}

.circulate {
    position: relative;
    width: 480px
}

.round-bx {
    position: absolute;
    top: 50%;
    width: 352px;
    z-index: 1;
    transform: translate(-50%, -50%);
    left: 50%
}

a {
    text-decoration: none
}

.auditSeo {
    padding-right: 22px;
    position: relative
}

.auditSeo img {
    width: 54px
}

.auditSeo:after {
    background: linear-gradient(180deg, #023575 0, #d33536 100%);
    content: "";
    position: absolute;
    transform: translate(0, -50%);
    right: 11px;
    top: 50%;
    height: 100%;
    width: 3px
}

.brand-big {
    margin-right: 30px
}

.CTA-section {
    padding: 160px 0
}

.cta-round-bx {
    background-color: #000835;
    border-radius: 50%;
    width: 400px;
    height: 400px;
    position: relative
}

.cta-round-bx::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000835a1;
    border-radius: 50%;
    left: 28px
}

.cta-round-bx::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #0008358f;
    border-radius: 50%;
    left: 53px
}

.testimonial-img figure {
    margin-top: -60px;
    margin-bottom: 0px
}

div#galleryLogosNew .slick-track {
    display: flex;
    align-items: center
}

div#galleryLogosNew .slick-track .slide.slick-slide {
    padding: 0px 18px
}

div#galleryLogosNew .slick-track .slide.slick-slide img.img-fluid {
    margin: 0 auto;
    width: 90%
}

.Boxtestimonial {
    padding: 0px 20px
}

.black-testimonial button.slick-next.slick-arrow, .black-testimonial button.slick-prev.slick-arrow {
    display: none !important
}

#JDDPageid-535 .solving-section .col-lg-7 {
    width: 62%
}

#JDDPageid-535 .solving-section .col-lg-5 {
    width: 38%
}

.testim-img {
    width: 668px;
    position: absolute;
    top: -54px;
    left: 90px
}

.newtestimonial {
    padding: 108px 0px 80px 0px
}

.slick-dots li {
    float: left
}

.slick-dots li button:before {
    font-size: 20px;
    line-height: 20px
}

.quote-img {
    width: 40px
}

.newtestimonial .slick-dots li.slick-active button:before {
    opacity: 100;
    color: #e03535
}

.client-logo-img {
    width: 100px
}

.logo-img-bx {
    background-color: #fff
}

.content {
    position: relative
}

.portfolio-new-section {
    position: relative
}

.portfolio-new-sec-2 {
    margin-top: -355px;
    position: relative;
    overflow: hidden
}

.svg-Img1 {
    position: absolute;
    right: 0px;
    top: 0px
}

.svg-Img2 {
    position: absolute;
    left: 24px;
    top: 13px
}

.HighlightsPortfolio .screen {
    width: 190px
}

.screen {
    display: block;
    width: 252px;
    height: 460px;
    overflow: hidden;
    position: relative;
    border-radius: 1px;
    margin: 0 auto
}

.screen img {
    top: 0px;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 0;
    margin: 0;
    padding: 0;
    -webkit-transition: top 11s;
    -moz-transition: top 11s;
    -ms-transition: top 11s;
    -o-transition: top 11s;
    transition: bottom 11s
}

.screen:hover img {
    top: -355px;
    -webkit-transition: all 11s;
    -moz-transition: all 11s;
    -ms-transition: all 11s;
    -o-transition: all 11s;
    transition: all 11s
}

.accordion-body a {
    color: #0d86e7
}

#JDDPageid-562 section.smallTalk {
    background: linear-gradient(180deg, #f7f7f7 50%, #f7f7f7 80%) !important
}

#JDDPageid-107 section.visual-lay-section img.img-fluid {
    display: none
}

.boxNgo {
    padding: 20px 10px;
    text-align: center;
    min-height: 246px;
    transition: 1s ease
}

.boxNgo:hover {
    position: relative;
    transform: translate3d(0, -8px, 0)
}

.Midbox ul li {
    list-style: square
}

.Midbox {
    position: relative;
    padding-left: 38px
}

.Midbox:after {
    background: linear-gradient(180deg, #023575 0, #d33536 100%);
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    left: 8px;
    top: 50%;
    height: 230px;
    width: 5px
}

.funnelBx li {
    list-style: none
}

.funnelBx {
    padding-left: 0px
}

.wayIcon {
    width: 128px
}

.cloudRun {
    background: linear-gradient(0deg, #005395 13.61%, #2f175b 75.93%);
    position: absolute;
    width: 270px;
    padding: 20px 20px;
    text-align: center;
    bottom: -20px;
    right: -24px
}

.nonprofit-section .latestTech-box li {
    padding-bottom: 6px;
    width: 20%;
    display: flex;
    justify-content: center;
    border: 1px solid #eee;
    background: #fff;
    margin-bottom: 2px
}

.nonprofit-section .nav-link.active:after {
    content: "";
    position: absolute;
    width: 100%;
    left: 50%;
    bottom: -5px;
    background: linear-gradient(89deg, #023575 0, #d33536 100%);
    height: 4px;
    transform: translate(-50%, 0);
    transition: 0.5s ease-in-out
}

#JDDPageid-123 section.solving-section {
    background: #fff !important
}

.colNew-5 {
    flex: 0 0 auto;
    width: 20%
}

#JDDPageid-40 .techfor .boxHeading-loc, #JDDPageid-28 .techfor .boxHeading-loc {
    min-height: auto
}

.icon-set {
    width: 100%;
    text-align: center;
    padding: 14px 8px;
    flex: 0 1 calc(20% - 8px);
    margin: 0px 4px;
    margin-bottom: 10px;
    -webkit-box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%)
}

.work-card-set, .work-card-set-footer {
    display: flex;
    flex-flow: row wrap;
    position: relative
}

.icon-bg img {
    width: 50px
}

.icon-set:hover {
    position: relative;
    transform: translate3d(0, -8px, 0)
}

.icon-set {
    padding: 14px 0px;
    flex: 0 1 calc(25% - 8px);
    margin-bottom: 18px;
    margin: 0 4px 10px;
    -webkit-box-shadow: 0 0 7px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 0 7px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0 7px 0 rgb(0 0 0 / 8%);
    transition: 1s;
    background: #fff;
    text-align: center
}

.port-box {
    border: 1px solid #ccc !important;
    margin: 0;
    width: 100%;
    background: #fff;
    min-height: auto
}

.port-box-description {
    background: linear-gradient(0deg, black, transparent);
    padding: 10px;
    margin-top: -100px;
    position: relative
}

.port-box-stats {
    margin: 15px
}

.port-box-left {
    border-right: 1px solid #ccc
}

.port-heading {
    font-size: 22px;
    color: #000d53;
    font-weight: 700;
    text-align: center
}

.seoSmlBusiness img {
    margin-top: -98px;
    width: 228px
}

.seoSmlBusiness {
    border: 1px solid #eee;
    background: #fff;
    padding: 0px 20px 20px 20px;
    margin-top: 98px;
    position: relative;
    min-height: 342px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.Keep-block, .seoSmlBusiness img {
    position: relative;
    z-index: 1
}

#JDDPageid-718 .techfor .seoSmlBusiness {
    padding: 0px 14px 20px 14px
}

.venterBxImg {
    border-radius: 14px;
    position: relative;
    overflow: hidden
}

.venterBx {
    background-color: #fff;
    padding: 20px 30px;
    height: 100%;
    border-radius: 14px
}

.hard-bx {
    padding: 30px 10px
}

.blogbg {
    background: #f7f7f7
}

#JDDPageid-534 .blogbg {
    background: #ffffff
}

.business-img-circle {
    width: 60px;
    height: 60px;
    border: 2px solid #e1e1e1;
    border-radius: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center
}

.mobile-service-div .nav-pills .nav-link.active .business-img-circle, .mobile-service-div .nav-pills .show>.nav-link .business-img-circle {
    border: 2px solid #023575;
    background: #023575
}

.mobile-service-div .nav-pills .nav-link.active .business-img-circle::after, .mobile-service-div .nav-pills .show>.nav-link .business-img-circle::after {
    background: #023575
}

.mobile-service-div .nav-pills .nav-link.active img, .mobile-service-div .nav-pills .show>.nav-link img {
    filter: invert(1)
}

.mobile-service-div .nav-pills .nav-link {
    text-align: left;
    padding: 13px 6px;
    position: relative;
    font-weight: 600;
    color: #000000
}

.business-img-circle {
    position: relative
}

.business-img-circle::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 21px;
    background: #cfcfcf;
    left: 50%;
    top: 55%;
    transform: translate(0, 100%)
}

.nav-last::after {
    display: none
}

.mobile-service-div .nav-pills .nav-link.active, .mobile-service-div .nav-pills .show>.nav-link {
    color: #023575;
    background-color: #0d6efd00;
    font-weight: 600
}

.mobile-service-div .nav-pills img {
    width: 22px;
    filter: opacity(0.5)
}

.work-img {
    width: 190px
}

.tech-div {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.industry-div {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.industry-div-bx {
    padding: 20px;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 8%);
    border-radius: 15px;
    text-align: center;
    width: 30%;
    height: 150px;
    transition: 1s ease
}

.industry-div-bx:hover {
    transform: translate3d(0, -8px, 0)
}

.form-mobile-app {
    background: #fff;
    padding: 20px;
    width: 100%;
    box-shadow: 0 4px 12px 0 rgb(0 0 0 / 8%);
    border-radius: 15px
}

.industry-div-bx img {
    width: 54px
}

.tech-div-bx img {
    width: 50px;
    transition: 1s ease
}

.tech-div-bx {
    width: 164px;
    height: 148px;
    background: #b6a7eb73;
    border: 1px solid #fff;
    border-radius: 40px 40px 0px 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(10px);
    transition: 1s ease;
    flex-direction: column
}

.mobile-app-work {
    position: relative
}

.mobile-app-work:before {
    content: "";
    background: linear-gradient(to right, #f7f7f796, #f7f7f796), url(../img/1713954326_dot-pattern.png);
    position: absolute;
    height: 50%;
    right: 0;
    left: 0;
    top: 0;
    background-size: auto;
    z-index: -1
}

.app-section {
    position: relative
}

.mobile-bx-section {
    position: relative
}

.mobile-bx-section::before {
    content: '';
    position: absolute;
    background: #f1eae4;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: -1
}

.mobile-bx-section::after {
    content: '';
    position: absolute;
    background: url(../img/1713954326_dot-pattern.png);
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    z-index: -1
}

.mobil-bx-first {
    background-color: #FBEEFD
}

.mobil-bx-second {
    background-color: #EFFDFF
}

.mobil-bx-third {
    background-color: #FBFFF1
}

.mobil-bx a {
    text-decoration: none
}

.mobil-bx a::after {
}

.mobi-img {
    width: 221px;
    margin-top: -111px
}

.mobil-bx {
    padding: 20px;
    box-shadow: 0 4px 3px 0 rgb(0 0 0 / 8%);
    border-radius: 15px;
    text-align: center;
    transition: 1s ease
}

.mobil-bx:hover {
    transform: translate3d(0, -8px, 0)
}

.pattern-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .5
}

.mobile-app-section::before {
    content: '';
    position: absolute;
    background: #16005a1a;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

#JDDPageid-18 img.colorLogo {
    display: none
}

#header.header-scrolled img.colorLogo {
    display: block
}

.mobile-app-section ul li {
    color: #fff
}

div#accordionExample48 button.accordion-button {
    border-radius: 28px;
    color: #fff;
    box-shadow: 0px 0px 2px 0px #fff
}

div#accordionExample48 .accordion-button:not(.collapsed) {
    background: #27379266
}

.andro-box {
    padding: 15px;
    background: #ffffff;
    -webkit-box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%);
    -moz-box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%);
    box-shadow: 0 0px 7px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
    border-bottom: 2px solid #fff0
}

.android-app-section {
    position: relative
}

.android-app-section::after {
    position: absolute;
    content: '';
    width: 50%;
    height: 100%;
    background: #000248;
    right: 0;
    top: 0
}

.andro-box img {
    width: 60px
}

.android-app-section .accordion-button::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 11H13V5h-2v6H5v2h6v6h2v-6h6z"/></svg>');
    filter: invert(1)
}

.android-app-section .accordion-button:not(.collapsed)::after {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path d="M19 13H5v-2h14v2z"/></svg>');
    filter: invert(1)
}

.android-app-section div#accordionExample .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: #f7f7f700
}

.android-app-section .accordion-button:not(.collapsed) {
    font-size: 1rem;
    line-height: 1.4rem
}

.android-app-section .accordion {
    --bs-accordion-bg: #fff0
}

.android-app-section .accordion-button:focus {
    border-color: red
}

div#accordionExample .accordion-button:not(.collapsed) {
    border-top-right-radius: 50px !important
}

.android-app-section div#accordionExample button.accordion-button {
    border: 1px solid #ffffff96;
    border-bottom: 1px solid #ffffff96;
    border-radius: 50px;
    color: #fff;
    margin-bottom: 10px
}

.android-app-section .accordion-item {
    color: #ffffff;
    margin-bottom: 14px
}

.android-app-section .nav-pills .nav-link.active, .android-app-section .nav-pills .show>.nav-link {
    color: #023575;
    background-color: #0d6efd00
}

.android-app-section .nav-pills .nav-link.active .andro-box, .android-app-section .nav-pills .show>.nav-link .andro-box {
    color: #023575;
    background-color: #ffffffc7;
    border-bottom: 2px solid #E03535
}

.android-app-section .nav-link {
    color: #000000;
    font-weight: 700;
    position: relative
}

.android-app-section {
    background: -webkit-linear-gradient(top, #e8fffc 0, #fff4f4 100%);
    background: linear-gradient(to bottom, #e8fffc 0, #fff4f4 100%)
}

#JDDPageid-758 .android-industry, #JDDPageid-766 .android-industry {
    background-color: #f7f7f7
}

#JDDPageid-758 .smallTalk, #JDDPageid-766 .smallTalk {
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 80%)
}

.smallTalk {
    background: linear-gradient(180deg, #f7f7f7 50%, #f7f7f7 80%)
}

#JDDPageid-758 .mobile-app-section, #JDDPageid-766 .mobile-app-section {
    background-size: contain !important
}

.mobile-app-section {
    padding: 114px 0 40px;
    position: relative
}

#JDDPageid-17 .android-industry {
    background: #f7f7f7
}

#JDDPageid-17 .smallTalk {
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 80%)
}

.newtestimonial {
    background: linear-gradient(180deg, rgba(250,246,235,1) 0%, rgb(246 246 246) 100%)
}

#JDDPageid-17 .newtestimonial {
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 80%)
}

#JDDPageid-17 .OurMobile-sec {
    background: #f7f7f7
}

#JDDPageid-17 div#accordionExample2 .accordion-button:not(.collapsed), #JDDPageid-766 div#accordionExample2 .accordion-button:not(.collapsed) {
    background: lightyellow
}

#JDDPageid-17 h2#headingOne-11 button.accordion-button.collapsed, #JDDPageid-766 h2#headingOne-11 button.accordion-button.collapsed {
    background: rgba(237, 228, 204, 1)
}

#JDDPageid-17 h2#headingTwo-12 button.accordion-button.collapsed, #JDDPageid-766 h2#headingTwo-12 button.accordion-button.collapsed {
    background: rgba(216, 254, 231, 1)
}

#JDDPageid-17 h2#headingThree-13 button.accordion-button.collapsed, #JDDPageid-766 h2#headingThree-13 button.accordion-button.collapsed {
    background: rgba(249, 238, 252, 1)
}

#JDDPageid-17 h2#headingFour-14 button.accordion-button.collapsed, #JDDPageid-766 h2#headingFour-14 button.accordion-button.collapsed {
    background: rgba(220, 227, 243, 1)
}

#JDDPageid-17 h2#headingEight-15 button.accordion-button.collapsed, #JDDPageid-766 h2#headingEight-15 button.accordion-button.collapsed {
    background: rgba(237, 228, 204, 1)
}

#JDDPageid-17 h2#headingFive-16 button.accordion-button.collapsed, #JDDPageid-766 h2#headingFive-16 button.accordion-button.collapsed {
    background: rgba(237, 226, 239, 1)
}

#JDDPageid-17 .OurMobile-sec .accordion-item {
    background-color: #ffffff17
}

#JDDPageid-766 h2#headingsix-17 button.accordion-button.collapsed {
    background: rgba(216, 254, 231, 1);
}

#JDDPageid-766 h2#headingseven-18 button.accordion-button.collapsed {
    background: rgba(220, 227, 243, 1);
}

#JDDPageid-766 h2#headingeight-18 button.accordion-button.collapsed {
    background: rgba(237, 226, 239, 1)
}

#JDDPageid-766 h2#headingnine-18 button.accordion-button.collapsed {
    background: rgba(216, 254, 231, 1);
}

#JDDPageid-766 h2#headingten-18 button.accordion-button.collapsed {
    background: rgba(220, 227, 243, 1);
}

#JDDPageid-17 .mobile-bx-section .slick-dots {
    width: fit-content
}

.mobile-bx-section .slick-slide img {
    display: inline-block
}

.mobile-bx-section .slick-list {
    overflow: visible;
    overflow-x: clip
}

.mobile-bx-section .slick-prev:before, .mobile-bx-section .slick-next:before {
    color: #cdcdcd;
    font-size: 31px
}

.mobile-bx-section .slick-dots {
    left: 50%;
    transform: translate(-50%, 10px)
}

#JDDPageid-457 .smallTalk .hard-bx {
    padding: 24px 18px;
    min-height: unset
}

#JDDPageid-457 .smallTalk .hard-bx .boxHeading-loc {
    min-height: 72px
}

.banner-image {
    position: absolute;
    right: 0;
    top: 50%;
    width: 651px;
    transform: translate(10px, -50%)
}

.serviceBanner-loc .breadcrumb-item+.breadcrumb-item::before {
    color: #fff
}

.new-portfolio-section {
    background: #f7f7f7
}

#JDDPageid-232 .new-portfolio-section {
    background: linear-gradient(0deg, rgba(247,247,247,0) 0%, rgba(247,247,247,1) 100%)
}

#JDDPageid-663 .techfor img.img-fluid.startupsImg {
    width: 196px
}

.listBox45 {
    background: linear-gradient(359deg, rgb(255 255 255) 10%, #f7f7f7 90%)
}

#JDDPageid-181 .listBox45 {
    background: linear-gradient(359deg, rgb(255 255 255) 10%, #f7f7f7 90%)
}

.colNew-5 {
    flex: 0 0 auto;
    width: 20%
}

.ideaBox {
    padding: 20px 20px;
    transition: 1s ease
}

.moretext, .moretext2, .moretext3, .moretext4, .moretext5, .moretext6 {
    position: relative;
    overflow: hidden;
    transition: .3s;
    height: 64px
}

.solving-section {
    background: linear-gradient(359deg, rgb(255 255 255) , #f7f7f7 52%)
}

#JDDPageid-171 .solving-section {
    background: linear-gradient(359deg, #ffffff , #ffffff)
}

#JDDPageid-171 .aiTechSection {
    background: linear-gradient(359deg, rgb(255 255 255) , #f7f7f7 52%)
}

#JDDPageid-533 .fixed-top .nav-menu>ul>li>a {
    color: #fff
}

#JDDPageid-533 .fixed-top.header-scrolled .nav-menu a {
    color: #000
}

#JDDPageid-533 .fixed-top img.whiteLogo {
    display: block
}

#JDDPageid-533 .fixed-top img.colorLogo {
    display: none
}

#JDDPageid-533 .fixed-top.header-scrolled img.colorLogo {
    display: block
}

#JDDPageid-533 .fixed-top.header-scrolled img.whiteLogo {
    display: none
}

#JDDPageid-663 .visual-lay-section .fragment-img {
    display: none
}

@media (min-width: 321px) and (max-width:767px) {
    .auditSeo:after {
        display:none
    }

    #JDDPageid-107 .offpageBox {
        min-height: 144px
    }

    #JDDPageid-187 .hard-bx .boxHeading-loc {
        min-height: 92px
    }

    #JDDPageid-27 .smallTalk .hard-bx {
        min-height: 185px
    }

    #JDDPageid-47 section.section.section2 .hard-bx {
        padding: 11px 10px
    }

    .icon-set {
        flex: 0 1 calc(50% - 8px) !important
    }

    #JDDPageid-47 .newtestimonial {
        padding: 88px 0px 0px 0px
    }

    #JDDPageid-663 .hard-bx .boxHeading-loc {
        min-height: 85px;
        font-size: 0.99rem;
        line-height: 1.4rem
    }

    .boxNgo:hover {
        position: relative;
        transform: translate3d(0, -8px, 0)
    }

    .Midbox ul li {
        list-style: square
    }

    .copyright.py-3 {
        overflow: hidden
    }

    .footerTop {
        padding: 0px 14px
    }

    .califo-bx .boxHeading-loc {
        margin: 10px 0px 0px !important;
        font-size: 0.92rem
    }

    .form-box {
        z-index: 1;
        position: relative
    }

    .serviceBanner-loc:after {
        background: linear-gradient(to top, #00000061 68%, #00000042);
        position: absolute;
        top: 0px;
        width: 100%;
        height: 100%;
        content: ""
    }

    section.solving-section .col-lg-5 img {
        display: none
    }

    section.solving-section {
        padding-bottom: 30px !important
    }

    #JDDPageid-535 .nav-toggle::before {
        background-color: #ffffff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
    }

    #JDDPageid-535 .call-toggle img {
        filter: invert()
    }

    #JDDPageid-535 .cta-bx {
        z-index: 1
    }

    #JDDPageid-535 section.CTA-section:after {
        background: linear-gradient(to right, #000000ab, #00000005);
        position: absolute;
        height: 100%;
        width: 100%;
        content: "";
        top: 0px;
        left: 0px
    }

    .contact-form-jdd {
        padding: 25px 14px
    }

    .ecom-webDesign-10 div#accordionExample button.accordion-button.collapsed {
        padding-left: 6px
    }

    .visual-lay-section .nav {
        padding-left: 14px
    }

    #JDDPageid-535 .solving-section .col-lg-7 {
        width: 100%
    }

    #JDDPageid-535 .solving-section .col-lg-5 {
        width: 100%;
        margin-bottom: 20px
    }

    .Boxtestimonial {
        padding: 0px 20px 40px 20px
    }

    .brand-big {
        margin-right: 0px
    }

    ul.halful li {
        width: 100% !important
    }

    ul.halful li {
        line-height: 1.288rem;
        font-size: 1rem
    }

    .slider-txtbox {
        padding-right: 0px
    }

    #JDDPageid-20 .call-toggle img, #JDDPageid-11 .call-toggle img, #JDDPageid-45 .call-toggle img {
        filter: invert()
    }

    #JDDPageid-20 .nav-toggle::before, #JDDPageid-45 .nav-toggle::before {
        background-color: #ffffff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
    }

    .testimonial-img figure {
        margin-top: -40px;
        margin-bottom: 20px;
        border-bottom: 2px solid #222
    }

    .califo-bx {
        min-height: auto;
        padding: 10px
    }

    .serv-img {
        width: 38px
    }

    .starBox.m-auto svg.bi.bi-star-fill {
        width: 10px
    }

    .CTA-section {
        padding: 66px 0;
        background-size: cover !important;
        background-attachment: initial !important
    }

    .cta-bx {
        border-right: 0px;
        text-align: left !important;
        padding-left: 12px;
        position: relative;
        left: 2px
    }

    .serviceBanner-loc {
        padding: 102px 0 82px
    }

    .stripSection img.img-fluid {
        width: 98px
    }

    .podt span {
        font-size: 30px
    }

    .hard-bx {
        padding: 10px 12px;
        margin-bottom: 14px
    }

    .visual-lay-section .nav-pills .nav-link::after {
        background-size: 16px;
        transform: initial;
        top: 10px;
        right: -10px
    }

    .screen, .HighlightsPortfolio .screen {
        width: 151px
    }

    .newtestimonial {
        padding: 88px 0px 48px 0px
    }

    .portfolio-new-sec-2 {
        margin-top: -295px
    }

    .tab-heading {
        font-size: 18px;
        line-height: 25px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 6px 24px 6px 0px;
        font-size: 15px;
        position: relative;
        width: 100%
    }

    .loc-btn-white {
        padding: 7px 26px;
        font-size: 15px
    }

    .loc-btn-white {
        padding: 7px 26px;
        font-size: 15px
    }

    section.portfolio-new-section, section.newtestimonial {
        overflow: hidden;
        position: relative
    }

    .txfont {
        line-height: 1.5rem;
        font-size: 1.1rem
    }

    .testim-img {
        display: none
    }

    .tab-heading {
        font-size: 20px;
        line-height: 28px
    }

    .solving-section .nav-pills .nav-link.active, .solving-section .nav-pills .show > .nav-link {
        margin-left: 0px
    }

    .round-bx {
        width: 260px
    }

    .circulate {
        width: 300px
    }

    .circulate .wave, .circulate .circle {
        width: 300px;
        height: 300px
    }

    .sectionHeading-loc {
        font-size: 1.32rem;
        line-height: 1.7rem
    }

    .sectionSubDescription-loc {
        font-size: 1.03rem;
        line-height: 1.4rem
    }

    .sliderSubHeading-loc {
        font-size: 1.2rem;
        line-height: 1.48rem
    }

    .slider-txtbox ul li {
        line-height: 1.4rem;
        font-size: 1.1rem
    }

    .sliderHeading-loc {
        font-size: 1.68rem;
        line-height: 2.2rem
    }

    .boxHeading-loc {
        font-size: 1.1rem;
        line-height: 1.42rem
    }

    .solving-section .nav-pills .nav-link.active::before {
        height: 32px
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        font-size: 18px;
        margin-bottom: 7px
    }

    div#v-pills-tabContent {
        padding-top: 21px
    }
}

@media (max-width: 767px) {
    #JDDPageid-457 .smallTalk .hard-bx .boxHeading-loc {
        min-height:120px
    }

    #JDDPageid-535 .hard-bx {
        min-height: 208px
    }

    .colNew-5 {
        width: 50%
    }

    .aiTechSection {
        padding-bottom: 0px
    }

    #JDDPageid-232 .hard-bx .boxHeading-loc {
        min-height: 91px
    }

    #JDDPageid-232 .listBox45 .offpageBox {
        min-height: 144px
    }

    .latest-testimonial-section .row.justify-content-center.align-items-center.latest-row {
        padding-bottom: 36px
    }

    #JDDPageid-17 .mobile-bx-section .slick-prev, #JDDPageid-17 .mobile-bx-section .slick-next {
        z-index: 99;
        top: 106%
    }

    .mobile-app-section {
        padding: 102px 0 38px
    }

    .banner-image {
        position: relative;
        z-index: 99
    }

    .mobile-bx-section .slick-prev:before, .mobile-bx-section .slick-next:before {
        color: #860606
    }

    #JDDPageid-17 .mobile-bx-section .slick-prev {
        left: 50%;
        transform: translate(-182%, 10px)
    }

    #JDDPageid-17 .mobile-bx-section .slick-next {
        left: 50%;
        transform: translate(19%, 10px)
    }

    #JDDPageid-766 .hard-bx .boxHeading-loc {
        min-height: 94px
    }

    .work-img {
        width: 127px
    }

    #JDDPageid-758 .hard-bx .boxHeading-loc {
        min-height: 91px
    }

    .mobile-app-section::before {
        background: #16005a96
    }

    .android-app-section .accordion-button {
        padding: 11px
    }

    .android-app-section::after {
        width: 100%;
        height: 55%;
        top: 45%
    }

    .nav-toggle:before {
        background-color: #fff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #e3e3e3
    }

    .call-toggle img, .msg-toggle img {
        filter: invert(1)
    }

    .mobil-app-img {
        width: 207px;
        margin-top: 20px
    }

    .tech-div-bx {
        width: 100px;
        height: 100px;
        border-radius: 30px 30px 0px 30px
    }

    .industry-div-bx {
        width: 47%
    }

    .industry-div {
        justify-content: center
    }

    .form-mobile-app {
        margin-top: 30px
    }

    .shape-a2 {
        position: relative;
        left: 19%;
        width: 229px
    }

    .cta-box {
        padding: 32px
    }

    .cta-box .sectionHeading-loc {
        position: relative;
        z-index: 1
    }

    .andro-box {
        padding: 14px
    }

    .mobile-service-div .nav-pills img {
        width: 17px
    }

    .business-img-circle {
        width: 27px;
        height: 27px
    }

    #JDDPageid-388 .hard-bx .boxHeading-loc {
        min-height: 93px
    }

    .icon-set {
        width: 30%;
        padding: 14px 8px;
        flex: initial
    }

    #JDDPageid-42 .icon-set {
        width: 47%
    }

    #JDDPageid-34 .hard-bx .boxHeading-loc {
        min-height: 75px
    }

    #JDDPageid-430 .hard-bx .boxHeading-loc {
        min-height: 70px
    }

    #JDDPageid-291 .hard-bx .boxHeading-loc {
        min-height: 91px
    }

    .venterBx {
        padding: 20px 0px
    }

    #JDDPageid-192 .smallTalk .boxHeading-loc {
        font-size: 1rem;
        line-height: 1.42rem
    }

    .hard-bx .boxHeading-loc {
        min-height: 47px
    }

    .solving-section .nav-pills .nav-link {
        width: 366px;
        padding: 8px 6px 8px 8px
    }

    #JDDPageid-411 .hard-bx .boxHeading-loc {
        min-height: 71px
    }

    .circulate-round-bx {
        text-align: -webkit-center
    }

    #JDDPageid-20 .hard-bx .boxHeading-loc {
        min-height: 69px
    }

    .nonprofit-section .latestTech-box li {
        width: 32%
    }

    .nonprofit-section .nav-link.active:after {
        width: 87%
    }

    .weImg12 {
        margin-top: 20px
    }

    .cloudRun {
        position: relative;
        width: 100%;
        left: 0px
    }

    .Midbox:after {
        display: none
    }

    .Midbox {
        padding-left: 0
    }

    .ssl-imgs {
        margin-top: 20px
    }

    .boxNgo {
        min-height: 259px;
        margin-bottom: 20px
    }

    .bx-txl {
        text-align: center
    }
}

@media (min-width: 540px) and (max-width:767px) {
    .listBox45 .califo-bx br {
        display:none
    }

    .screen {
        width: 220px !important;
        height: 450px !important
    }

    section.listBox45 .col-lg-3.col-md-6.text-center {
        width: 50%
    }
}

@media (min-width: 768px) and (max-width:992px) {
    .serviceBanner-loc form.php-email-form {
        width:85%
    }

    #JDDPageid-305 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-436 div#v-pills-tab-old {
        width: 46%
    }

    #JDDPageid-613 .hard-bx .boxHeading-loc {
        min-height: 80px
    }

    #JDDPageid-533 .hard-bx .boxHeading-loc {
        min-height: 85px
    }

    #JDDPageid-310 .smallTalk .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-464 .smallTalk .hard-bx .boxHeading-loc {
        min-height: 77px
    }

    #JDDPageid-411 .smallTalk .hard-bx .boxHeading-loc {
        min-height: 76px
    }

    .aiTechSection .work-card-set {
        margin-top: 50px
    }

    #JDDPageid-197 section.section.section2 .hard-bx .boxHeading-loc {
        min-height: 104px
    }

    #JDDPageid-356 .visual-lay-section .fragment-img {
        display: none
    }

    #JDDPageid-232 .latest-testimonial-section .latest-row {
        padding: 22px
    }

    .latest-testimonial-section .row.justify-content-center.align-items-center.latest-row {
        padding: 20px
    }

    #JDDPageid-663 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-135 .hard-bx .boxHeading-loc {
        min-height: 101px
    }

    #JDDPageid-535 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-78 .hard-bx .boxHeading-loc {
        min-height: 107px
    }

    #JDDPageid-232 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-766 .hard-bx .boxHeading-loc {
        min-height: 98px
    }

    .banner-image {
        position: relative;
        z-index: 99
    }

    #JDDPageid-758 .fragment-img {
        display: none
    }

    .android-industry .form-box {
        margin-top: 35px
    }

    #JDDPageid-17 .nav-toggle:before {
        background-color: #fff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #e3e3e3
    }

    #JDDPageid-17 .txfont {
        line-height: 1.4rem;
        font-size: 1.1rem
    }

    .work-img {
        width: 148px
    }

    .android-app-section::after {
        width: 100%;
        height: 55%;
        top: 45%
    }

    .mobile-app-section::before {
        background: #16005ac2
    }

    .mobile-bx-section::before {
        height: 22%
    }

    .mobile-bx-section::after {
        height: 22%
    }

    .tech-div-bx {
        width: 106px;
        height: 106px;
        border-radius: 30px 30px 0px 30px
    }
}

@media (min-width: 768px) and (max-width:1023px) {
    #JDDPageid-107 section.section.section2 .hard-bx {
        padding:24px 7px
    }

    #JDDPageid-189 .smallTalk .hard-bx {
        min-height: 294px
    }

    #JDDPageid-758 .hard-bx .boxHeading-loc {
        min-height: 100px
    }

    #JDDPageid-47 .hard-bx .boxHeading-loc {
        min-height: 77px
    }

    div#PorfolioExpertModal .modal.show .modal-dialog {
        max-width: 58%
    }

    #JDDPageid-439 .hard-bx .boxHeading-loc {
        min-height: 104px
    }

    #JDDPageid-446 .hard-bx .boxHeading-loc {
        min-height: 107px
    }

    #JDDPageid-384 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-469 .hard-bx .boxHeading-loc {
        min-height: 104px
    }

    #JDDPageid-459 .hard-bx .boxHeading-loc {
        min-height: 102px
    }

    #JDDPageid-388 section.blogbg .sectionHeading2 {
        font-size: 1.1rem
    }

    #JDDPageid-388 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-442 .hard-bx .boxHeading-loc {
        min-height: 100px
    }

    #JDDPageid-447 .hard-bx .boxHeading-loc {
        min-height: 105px
    }

    #JDDPageid-400 .hard-bx .boxHeading-loc {
        min-height: 103px
    }

    #JDDPageid-27 .hard-bx .boxHeading-loc {
        min-height: 78px
    }

    #JDDPageid-430 .solving-section .nav-pills .nav-link {
        width: 395px
    }

    #JDDPageid-430 .hard-bx .boxHeading-loc {
        min-height: 84px
    }

    #JDDPageid-192 .hard-bx .boxHeading-loc {
        min-height: 83px
    }

    .colNew-5 {
        width: 33%;
        margin-bottom: 20px
    }

    .ideaBox .startupsImg {
        width: 42px;
        margin-bottom: 12px
    }

    #JDDPageid-123 .auditSeo:after {
        content: none
    }

    .nonprofit-section .latestTech-box.nav-pills img.img-fluid {
        margin: 0 auto
    }

    .nonprofit-section .nav-link {
        display: flex;
        flex-direction: column;
        justify-content: center
    }

    section.blogbg .sectionHeading2 {
        font-size: 1.1rem;
        line-height: 1.4rem
    }

    #JDDPageid-442 section.blogbg .sectionHeading2 {
        min-height: 91px
    }

    .testimonial-img figure {
        display: none
    }

    .newtestimonial .Boxtestimonial {
        padding: 40px 0px
    }

    .listBox45 .califo-bx br {
        display: none
    }

    #JDDPageid-535 .visual-lay-section .nav-pills .nav-link::after {
        right: 4px
    }

    #JDDPageid-535 section.visual-lay-section div#v-pills-tab-new {
        padding-right: 10px;
        width: 48%
    }

    #JDDPageid-535 .nav-toggle::before {
        background-color: #ffffff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
    }

    #JDDPageid-535 .call-toggle img {
        filter: invert()
    }

    ul.halful li {
        width: 100% !important
    }

    ul.halful li {
        line-height: 1.288rem;
        font-size: 1rem
    }

    #JDDPageid-20 .call-toggle img, #JDDPageid-45 .call-toggle img {
        filter: invert()
    }

    #JDDPageid-20 .nav-toggle::before, #JDDPageid-45 .nav-toggle::before {
        background-color: #ffffff;
        box-shadow: 0 0.5em 0 0 #fff, 0 1em 0 0 #fff
    }

    .slider-txtbox {
        padding-right: 24px
    }

    .txtsldbox {
        padding-left: 10px;
        text-align: left
    }

    .newtestimonial .row {
        padding: 30px 0px
    }

    .icon-set {
        padding: 14px 0px !important;
        flex: 0 1 calc(25% - 8px) !important;
        margin-bottom: 18px !important;
        margin-top: 13px
    }

    .port-box {
        min-height: 370px
    }

    div#v-pills-tabContent {
        width: 52%
    }

    section.visual-lay-section div#v-pills-tab-new {
        padding-right: 42px;
        width: 48%
    }

    .visual-lay-section .nav-pills .nav-link::after {
        top: 10px;
        transform: initial;
        right: -36px
    }

    .round-bx {
        width: 380px
    }

    .circulate {
        width: 480px
    }

    .circulate .wave, .circulate .circle {
        width: 480px;
        height: 480px
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        font-size: 21px
    }

    .tab-heading {
        font-size: 22px;
        line-height: 28px
    }

    .hard-bx .podt {
        font-size: 35px;
        line-height: 41px
    }

    .hard-bx {
        padding: 24px 18px
    }

    .hard-bx .boxHeading-loc {
        min-height: 132px;
        font-size: 1.1rem;
        line-height: 1.6rem
    }

    .stripSection img.img-fluid {
        width: 114px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 8px 0px;
        font-size: 15px;
        line-height: 25px
    }

    .screen {
        width: 218px;
        height: 488px
    }

    .portfolio-new-sec-2 {
        margin-top: -288px
    }

    .txfont {
        line-height: 1.88rem;
        font-size: 1.46rem
    }

    .newtestimonial .col-lg-6 {
        width: 94%;
        position: relative;
        left: 0px
    }

    .newtestimonial {
        padding: 68px 0px 56px 0px
    }

    .testim-img {
        display: none
    }

    .califo-bx {
        padding: 20px 10px
    }

    .CTA-section {
        padding: 100px 0
    }

    .CTA-section .cta-bx {
        width: 66%
    }

    .solving-section {
        padding-bottom: 60px !important
    }

    .weImg12 {
        display: none
    }

    div#v-pills-tab-old {
        width: 56%
    }

    .solving-section .col-lg-7.p-lg-0.col-sm-12 {
        flex: 0 0 auto;
        width: 100% !important
    }

    .sectionHeading-loc {
        font-size: 1.4rem;
        line-height: 2.1rem
    }

    .sectionSubDescription-loc {
        font-size: 1.26rem;
        line-height: 1.7rem
    }

    .sliderSubHeading-loc {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .sliderHeading-loc {
        font-size: 2.1rem;
        line-height: 3rem
    }

    .sectionDescription, div#cke_pastebin, p, ul li {
        line-height: 1.53rem;
        font-size: 1.2rem
    }

    .solving-section .nav-pills .nav-link {
        width: 405px
    }
}

@media (min-width: 1024px) and (max-width:1199px) {
    #JDDPageid-436 .hard-bx .boxHeading-loc {
        min-height:73px
    }

    #JDDPageid-436 .hard-bx {
        padding: 24px 23px
    }

    #JDDPageid-533 .testimonial-img figure {
        margin-top: -8px
    }

    #JDDPageid-535 .hard-bx .boxHeading-loc {
        min-height: 70px
    }

    #JDDPageid-534 .hard-bx {
        padding: 24px 18px
    }

    .weImg12 {
        display: none
    }

    #JDDPageid-469 .newtestimonial .testim-img {
        top: 8px;
        left: -107px;
        width: 656px
    }

    #JDDPageid-78 .hard-bx {
        padding: 24px 22px
    }

    #JDDPageid-305 .hard-bx {
        padding: 24px 16px
    }

    #JDDPageid-305 .newtestimonial .testim-img {
        top: -16px;
        width: 680px
    }

    #JDDPageid-613 .weImg12 {
        display: none
    }

    #JDDPageid-613 .newtestimonial .testim-img {
        width: 698px
    }

    #JDDPageid-464 .newtestimonial .testim-img {
        top: -25px;
        width: 689px
    }

    #JDDPageid-464 .smallTalk .hard-bx {
        padding: 24px 19px
    }

    #JDDPageid-310 .solving-section .weImg12 {
        display: none
    }

    #JDDPageid-310 .newtestimonial .testim-img {
        width: 698px
    }

    #JDDPageid-221 .techfor .seoSmlBusiness {
        min-height: 395px
    }

    .boxNgo {
        min-height: 275px
    }

    #JDDPageid-479 .testim-img {
        width: 701px
    }

    #JDDPageid-663 .techfor img.img-fluid.startupsImg {
        width: 160px
    }

    .latest-testimonial-section .sectionHeading-loc {
        margin-top: 30px
    }

    .latest-testimonial-section .slick-dots li button:before {
        font-size: 13px
    }

    #JDDPageid-232 .latest-testimonial-section .testimonial-img {
        margin-bottom: -22px
    }

    .latest-testimonial-section .txfont {
        line-height: 1.4rem;
        font-size: 1rem
    }

    .latest-testimonial-section .slick-dots {
        bottom: -21px
    }

    #JDDPageid-232 section.section.section2 .hard-bx {
        min-height: 241px
    }

    #JDDPageid-232 .listBox45 .offpageBox {
        min-height: 139px
    }

    #JDDPageid-135 .testim-img {
        width: 690px;
        top: -24px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        padding: 0px 7px 20px 7px
    }

    #JDDPageid-535 section.section.section2 .hard-bx {
        padding: 24px 8px
    }

    #JDDPageid-663 .testim-img {
        width: 704px
    }

    #JDDPageid-400 .testim-img {
        top: -20px;
        width: 687px
    }

    #JDDPageid-34 .hard-bx .boxHeading-loc {
        min-height: 76px
    }

    #JDDPageid-457 .testim-img {
        top: -22px;
        width: 686px
    }

    #JDDPageid-17 .testim-img {
        top: 33px;
        width: 700px
    }

    .android-app-section .nav-link {
        padding: 7px
    }

    #JDDPageid-17 .btnRed-bg {
        padding: 10px 12px;
        font-size: 13px
    }

    #JDDPageid-17 .solving-section {
        padding-bottom: 0px !important
    }

    .mobi-img {
        width: 185px
    }

    #JDDPageid-17 .mobile-bx-section .slick-next {
        right: -12px
    }

    #JDDPageid-17 .sliderHeading-loc {
        font-size: 2rem
    }

    .banner-image {
        width: 497px
    }

    #JDDPageid-766 .newtestimonial .testim-img {
        top: -13px;
        width: 679px
    }

    #JDDPageid-758 .newtestimonial .testim-img {
        top: 38px;
        width: 697px
    }

    .tech-div-bx {
        width: 144px;
        height: 144px
    }

    .mobile-app-section .col-lg-6 {
        width: 62%
    }

    .mobile-app-section {
        position: relative;
        background-position: 0px 210px!important;
        background-size: contain!important
    }

    #JDDPageid-189 .smallTalk .hard-bx {
        min-height: 239px
    }

    #JDDPageid-534 .hard-bx .boxHeading-loc {
        min-height: 70px
    }

    #JDDPageid-47 section.section.section2 .hard-bx {
        min-height: 193px
    }

    #JDDPageid-27 .newtestimonial .testim-img {
        top: -18px;
        width: 685px
    }

    #JDDPageid-189 .newtestimonial .testim-img {
        width: 701px
    }

    #JDDPageid-27 .smallTalk .hard-bx {
        min-height: unset
    }

    div#PorfolioExpertModal .modal.show .modal-dialog {
        max-width: 58%
    }

    #JDDPageid-18 .hard-bx {
        min-height: 199px
    }

    #JDDPageid-479 .smallTalk .boxHeading-loc {
        font-size: 1.1rem
    }

    #JDDPageid-18 section.newtestimonial .testimonial-img figure {
        width: 522px;
        left: -75px
    }

    #JDDPageid-34 .hard-bx {
        min-height: 204px
    }

    .blogbg .sectionHeading2 {
        min-height: 84px
    }

    #JDDPageid-249 .hard-bx .boxHeading-loc {
        min-height: 94px
    }

    form.php-email-form .btnRed-bg {
        padding: 5px 20px
    }

    .footerTop .container-fluid.px-lg-5.px-3 > .row {
        padding-left: 6px;
        padding-right: 20px
    }

    form.php-email-form .btnRed-bg {
        padding: 5px 20px !important
    }

    .round-bx {
        top: 51%
    }

    #JDDPageid-20 .califo-bx {
        min-height: 203px
    }

    .auditSeo:after {
        right: -10px
    }

    #JDDPageid-123 .round-bx {
        width: 280px;
        padding: 0px 0px
    }

    #JDDPageid-630 .hard-bx {
        padding: 24px 24px
    }

    .stripSection img.img-fluid {
        width: 140px
    }

    .starBox.m-auto svg {
        width: 12px
    }

    .copyText a {
        font-size: 14px
    }

    .copyright .col-lg-3.col-md-4.order-lg-1.order-md-1.order-2 {
        padding: 0px
    }

    .copyright .footer-list li a {
        line-height: 18px;
        font-size: 14px
    }

    .copyright .footer-list li {
        margin-left: 31px
    }

    .footerTop .container-fluid .col-lg-2 {
        padding-right: 0px
    }

    .footerTop .container-fluid {
        padding: 0px 24px !important
    }

    #header .get-started-btn {
        font-size: 0.72rem;
        padding: 5px 12px;
        left: -8px
    }

    #header .logo img {
        width: 122px;
        padding-left: 4px
    }

    .align-items-center {
        align-items: center !important
    }

    .visual-lay-section .nav-pills .nav-link::after {
        top: 10px;
        transform: initial;
        right: -32px
    }

    .serviceBanner-loc .sliderSubHeading-loc.me-lg-5.pe-lg-5 {
        padding-right: 0px !important
    }

    #header .get-started-btn {
        font-size: 0.81rem
    }

    nav#navMenu > ul > li > a {
        font-size: 1rem
    }

    section.newtestimonial .testimonial-img figure {
        width: 589px;
        left: -92px;
        position: relative
    }

    .HighlightsPortfolio .screen {
        width: 140px;
        height: 418px
    }

    #JDDPageid-535 section.visual-lay-section div#v-pills-tab-new {
        padding-right: 36px;
        width: 50%
    }

    #JDDPageid-535 .visual-lay-section .nav-pills .nav-link::after {
        right: -14px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 8px 0px;
        font-size: 19px;
        line-height: 25px
    }

    section.visual-lay-section div#v-pills-tab-new {
        padding-right: 58px
    }

    .screen {
        width: 192px;
        height: 418px
    }

    .portfolio-new-sec-2 {
        margin-top: -288px
    }

    .txfont {
        line-height: 1.88rem;
        font-size: 1.3rem
    }

    .newtestimonial .col-lg-6 {
        width: 58%;
        position: relative;
        left: 50px
    }

    .newtestimonial {
        padding: 68px 0px 56px 0px
    }

    #footer .sub-widget-title {
        line-height: 1.2rem
    }

    .testim-img {
        top: -34px;
        left: -128px;
        width: 739px
    }

    .round-bx {
        width: 480px;
        padding: 0px 38px
    }

    .califo-bx {
        padding: 20px 10px
    }

    .CTA-section {
        padding: 100px 0
    }

    .CTA-section .cta-bx {
        width: 66%
    }

    .solving-section {
        padding-bottom: 60px !important
    }

    .hard-bx {
        padding: 24px 28px
    }

    #JDDPageid-469 .weImg12 {
        display: none
    }

    .solving-section .col-lg-7.p-lg-0.col-sm-12 {
        flex: 0 0 auto;
        width: 100% !important
    }

    .sliderSubHeading-loc {
        font-size: 1.4rem;
        line-height: 2rem
    }

    .sliderHeading-loc {
        font-size: 2.2rem;
        line-height: 2.8rem
    }

    .boxHeading-loc {
        font-size: 1.2rem
    }

    #JDDPageid-356 .techfor .boxHeading-loc {
        min-height: 73px
    }
}

@media (max-width: 1200px) {
    .CTA-section {
    }

    .blob-circle-section {
        background-attachment: unset !important
    }

    .serviceBanner-loc {
        background-attachment: unset !important
    }
}

@media (min-width: 1200px) and (max-width:1299px) {
    #JDDPageid-411 .newtestimonial .testim-img {
        width:509px
    }

    #JDDPageid-469 .newtestimonial .testim-img {
        left: -23px
    }

    #JDDPageid-305 .newtestimonial .testim-img {
        left: -5px
    }

    #JDDPageid-533 .boxNgo {
        min-height: 400px
    }

    #JDDPageid-533 .hard-bx {
        padding: 16px 23px
    }

    #JDDPageid-464 .visual-lay-section .nav-pills .nav-link::after {
        right: -25px
    }

    #JDDPageid-464 .newtestimonial .testim-img {
        left: 5px
    }

    #JDDPageid-221 .techfor .seoSmlBusiness {
        min-height: 391px
    }

    #JDDPageid-171 .techfor .seoSmlBusiness {
        min-height: 432px
    }

    #JDDPageid-17 .newtestimonial .testim-img {
        width: 673px;
        top: -31px;
        left: -55px
    }

    .ideaBox {
        min-height: 284px
    }

    .colNew-5.col-6 .boxNgo {
        min-height: 224px
    }

    #JDDPageid-135 .testim-img {
        left: -4px
    }

    #JDDPageid-535 .hard-bx .boxHeading-loc {
        min-height: 75px
    }

    #JDDPageid-78 .hard-bx .boxHeading-loc {
        min-height: 71px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        min-height: 412px
    }

    #JDDPageid-84 .hard-bx .boxHeading-loc {
        min-height: 82px
    }
}

@media (min-width: 1200px) and (max-width:1399px) {
    #JDDPageid-464 .visual-lay-section .fragment-img {
        display:none
    }

    #JDDPageid-232 .hard-bx .boxHeading-loc {
        min-height: 77px
    }

    #JDDPageid-107 .hard-bx .boxHeading-loc {
        min-height: 74px
    }

    #JDDPageid-107 .techfor .seoSmlBusiness {
        min-height: 581px
    }

    #JDDPageid-400 .newtestimonial .testim-img {
        left: -4px
    }

    .newtestimonial .testim-img {
        width: 634px;
        top: -61px
    }

    .newtestimonial {
        padding: 98px 0px 48px 0px
    }

    .mobile-bx-section .mobi-img {
        width: 149px
    }

    #JDDPageid-766 .testim-img {
        width: 609px;
        left: 20px;
        top: -82px
    }

    #JDDPageid-758 .testim-img {
        top: -37px
    }

    #JDDPageid-457 .testim-img {
        width: 632px
    }

    .andro-box {
        padding: 13px
    }

    .mobile-app-section {
        padding: 116px 0px 46px
    }

    .business-img-circle {
        width: 45px;
        height: 45px
    }

    .mobile-service-div .nav-pills .nav-link {
        padding: 13px 0px
    }

    #JDDPageid-425 .visual-lay-section .nav-pills .nav-link {
        font-size: 17px
    }

    #JDDPageid-613 .visual-lay-section .nav-pills .nav-link {
        padding: 10px 46px;
        font-size: 17px
    }

    .port-box-description {
        margin-top: -91px
    }

    #JDDPageid-189 .smallTalk .hard-bx {
        min-height: 201px
    }

    #JDDPageid-718 .techfor .seoSmlBusiness {
        min-height: 407px
    }

    div#PorfolioExpertModal .modal.show .modal-dialog {
        max-width: 48%
    }

    #JDDPageid-439 .solving-section .nav-pills .nav-link {
        width: 375px
    }

    .blogbg .sectionHeading2 {
        min-height: 84px
    }

    .auditSeo:after {
        right: -2px
    }

    .HighlightsPortfolio .screen {
        width: 170px
    }

    .hard-bx .boxHeading-loc {
        min-height: 48px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 10px 0px;
        font-size: 18px
    }

    #JDDPageid-535 .visual-lay-section .nav-pills .nav-link, #JDDPageid-107 .visual-lay-section .nav-pills .nav-link {
        padding: 10px 20px 10px 0px
    }

    .solving-section .nav-pills .nav-link {
        width: 384px
    }

    #JDDPageid-535 .solving-section .row.justify-content-center.align-items-center {
        padding-bottom: 34px
    }

    #JDDPageid-535 .testim-img, #JDDPageid-562 .testim-img, #JDDPageid-107 .testim-img, #JDDPageid-436 .testim-img, #JDDPageid-442 .testim-img, #JDDPageid-240 .testim-img, #JDDPageid-388 .testim-img {
        width: 594px;
        left: 68px;
        top: -32px
    }

    #JDDPageid-27 .testim-img {
        width: 594px;
        left: 34px;
        top: -19px
    }

    #JDDPageid-27 .screen {
        width: 166px;
        height: 380px
    }

    .vidBox video#myVideo98 {
        position: relative;
        top: -120px
    }

    .serviceBanner-loc {
        padding: 122px 0px;
        position: relative
    }

    .smlYellow {
        font-size: 20px;
        color: #ffd042;
        line-height: 25px
    }

    .icon-set-footer {
        flex: 0 1 calc(22% - 1px)
    }

    .screen {
        width: 220px;
        height: 380px
    }

    .Boxtestimonial {
        padding: 0px 56px
    }

    .loc-btn-white {
        padding: 7px 28px;
        font-size: 16px
    }

    .solving-section .nav-pills .nav-link.active::after {
        left: -46px
    }

    div#v-pills-tab-old {
        width: 361px
    }

    .startupsImg {
        width: 188px
    }

    div#gallery2, div#gallery3, div#gallery4 {
        margin-bottom: 14px
    }

    .portfolio-new-sec-2 {
        margin-top: -335px
    }

    .venterBx {
        padding: 20px 0px
    }

    #JDDPageid-47 .new-portfolio-section .port-box {
        min-height: 322px
    }

    .txfont {
        line-height: 1.5rem;
        font-size: 1.1rem
    }

    section.visual-lay-section div#v-pills-tabContent {
        padding: 0px 40px
    }

    .circulate .wave {
        width: 380px;
        height: 380px
    }

    .circulate {
        width: 410px
    }

    .round-bx {
        width: 292px
    }

    .circulate .circle {
        width: 410px;
        height: 410px
    }

    .CTA-section {
        padding: 134px 0
    }

    .hard-bx .podt {
        font-size: 42px;
        line-height: 48px
    }

    .hard-bx {
        padding: 16px 33px
    }

    .slider-txtbox ul li {
        line-height: 1.3rem;
        font-size: 1.1rem
    }

    .serviceBanner-loc .sliderSubHeading-loc.pe-lg-5 {
        padding-right: 0px !important
    }

    .stripSection img.img-fluid {
        width: 154px
    }

    .sliderSubHeading-loc {
        font-size: 1.24rem;
        line-height: 1.7rem
    }

    .sliderHeading-loc {
        font-size: 2.3rem;
        line-height: 2.88rem
    }

    .boxHeading-loc {
        font-size: 1.2rem;
        line-height: 1.5rem
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        font-size: 17px;
        margin-bottom: 4px;
        line-height: 22px
    }

    .solving-section .nav-pills .nav-link.active::before {
        height: 30px;
        top: 50%;
        transform: translate(-0, -50%)
    }

    .tab-heading {
        font-size: 22px;
        line-height: 27px
    }

    .cal-busi-bx {
        min-height: 333px
    }

    .testim-img {
        width: 634px;
        left: 35px;
        top: -32px
    }

    .sectionHeading-loc {
        font-size: 1.7rem;
        line-height: 2.2rem
    }

    .sectionSubDescription-loc {
        font-size: 1.14rem;
        line-height: 1.5rem
    }

    .loc-ban-img {
        right: 65px;
        width: 515px
    }

    .Boxtestimonial {
        padding: 0px 18px
    }
}

@media (min-width: 1200px) and (max-width:1499px) {
    #JDDPageid-457 .smallTalk .hard-bx .boxHeading-loc {
        min-height:54px
    }

    .sectionDescription-loc, div#cke_pastebin, p, ul li {
        line-height: 1.288rem;
        font-size: 1rem;
        list-style: none
    }

    .mobil-bx button.read-more {
        font-size: .91rem
    }

    .work-img {
        width: 164px
    }
}

@media (min-width: 1300px) and (max-width:1399px) {
    #JDDPageid-221 .hard-bx {
        padding:16px 3px
    }

    #JDDPageid-411 .newtestimonial .testim-img {
        width: 515px
    }

    #JDDPageid-310 .boxNgo {
        min-height: 428px
    }

    #JDDPageid-84 .hard-bx .boxHeading-loc {
        min-height: 74px
    }

    #JDDPageid-464 .visual-lay-section .nav-pills .nav-link::after {
        right: -25px
    }

    #JDDPageid-221 .techfor .seoSmlBusiness {
        min-height: 394px
    }

    #JDDPageid-171 .techfor .seoSmlBusiness {
        min-height: 437px
    }

    #JDDPageid-356 .hard-bx .boxHeading-loc {
        min-height: 72px
    }

    #JDDPageid-17 .newtestimonial .testim-img {
        width: 662px;
        top: -18px;
        left: -10px
    }

    #JDDPageid-123 .user-friendly-section .ideaBox {
        min-height: 278px
    }

    #JDDPageid-479 .testim-img {
        width: 634px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        min-height: 412px
    }

    #JDDPageid-535 .hard-bx .boxHeading-loc {
        min-height: 72px
    }
}

@media (min-width: 1400px) and (max-width:1499px) {
    #JDDPageid-457 .newtestimonial .testim-img {
        width:631px;
        top: -33px
    }

    #JDDPageid-305 .newtestimonial .testim-img {
        width: 690px;
        top: -89px;
        left: 8px
    }

    #JDDPageid-469 .newtestimonial .testim-img {
        width: 638px;
        top: -43px;
        left: 34px
    }

    #JDDPageid-613 .newtestimonial .testim-img {
        width: 659px;
        top: -59px
    }

    #JDDPageid-533 .boxNgo {
        min-height: 482px
    }

    #JDDPageid-310 .newtestimonial .testim-img {
        width: 664px;
        top: -66px;
        left: 25px
    }

    #JDDPageid-310 .boxNgo {
        min-height: 494px
    }

    #JDDPageid-411 .newtestimonial .testim-img {
        width: 561px
    }

    #JDDPageid-17 .newtestimonial .testim-img {
        width: 730px;
        top: -46px;
        left: -23px
    }

    #JDDPageid-356 .newtestimonial .testim-img {
        width: 663px;
        top: -60px
    }

    #JDDPageid-479 .testim-img {
        width: 659px;
        top: -55px
    }

    #JDDPageid-84 .hard-bx .boxHeading-loc {
        min-height: 73px
    }

    #JDDPageid-663 .newtestimonial .testim-img {
        width: 698px;
        left: 18px
    }

    #JDDPageid-135 .newtestimonial .testim-img {
        width: 655px;
        top: -54px;
        left: 19px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        min-height: 393px
    }

    #JDDPageid-187 .newtestimonial .testim-img {
        width: 661px;
        top: -59px
    }

    #JDDPageid-187 .newtestimonial .testim-img {
        width: 660px;
        top: -58px
    }

    #JDDPageid-34 .ideaBox .moretext, #JDDPageid-34 .ideaBox .moretext2, #JDDPageid-34 .ideaBox .moretext3, #JDDPageid-34 .ideaBox .moretext4, #JDDPageid-34 .ideaBox .moretext5, #JDDPageid-34 .ideaBox .moretext6 {
        height: 78px
    }

    on-page-seo #JDDPageid-457 .newtestimonial .testim-img {
        top: -27px
    }

    #JDDPageid-758 .newtestimonial .testim-img {
        top: 6px;
        width: 678px;
        left: 3px
    }

    #JDDPageid-766 .newtestimonial .testim-img {
        width: 661px;
        top: -62px;
        left: 9px
    }

    .port-box-description {
        margin-top: -91px
    }

    #JDDPageid-388 .hard-bx .boxHeading-loc {
        min-height: 51px
    }

    #JDDPageid-447 .hard-bx .boxHeading-loc {
        min-height: 55px
    }

    #JDDPageid-400 .hard-bx .boxHeading-loc {
        min-height: 51px
    }

    #JDDPageid-42 .testim-img {
        top: -138px
    }

    .testim-img {
        top: -95px
    }

    .hard-bx {
        padding: 30px 15px
    }

    .visual-lay-section .nav-pills .nav-link::after {
        right: 2px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 10px 0px;
        font-size: 18px
    }

    .newtestimonial .testim-img {
        width: 626px;
        position: absolute;
        top: -95px;
        left: 60px
    }

    #JDDPageid-535 .visual-lay-section .nav-pills .nav-link, #JDDPageid-107 .visual-lay-section .nav-pills .nav-link {
        padding: 10px 20px 10px 0px
    }

    .solving-section .nav-pills .nav-link {
        width: 384px
    }

    #JDDPageid-535 .solving-section .row.justify-content-center.align-items-center {
        padding-bottom: 40px
    }

    #JDDPageid-535 .testim-img, #JDDPageid-562 .testim-img, #JDDPageid-107 .testim-img, #JDDPageid-436 .testim-img, #JDDPageid-442 .testim-img, #JDDPageid-240 .testim-img, #JDDPageid-388 .testim-img {
        width: 611px;
        top: -52px
    }

    #JDDPageid-400 .testim-img {
        width: 699px;
        left: -9px
    }

    #JDDPageid-27 .screen {
        width: 166px;
        height: 380px
    }

    .txfont {
        line-height: 1.5rem;
        font-size: 1.1rem
    }

    .vidBox video#myVideo98 {
        position: relative;
        top: -120px
    }

    .sectionHeading-loc {
        font-size: 2.1rem;
        line-height: 2.6rem
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        font-size: 22px;
        font-weight: 600;
        margin-bottom: 6px
    }

    .sectionDescription-loc, div#cke_pastebin, p, ul li {
        line-height: 1.58rem;
        font-size: 1.24rem
    }

    .smlYellow {
        font-size: 20px;
        color: #ffd042;
        line-height: 25px
    }

    .icon-set-footer {
        flex: 0 1 calc(22% - 1px)
    }

    .moretext, .moretext2, .moretext3, .moretext4, .moretext5, .moretext6 {
        height: 100px
    }

    .portfolio-new-sec-2 .screen {
        width: 256px;
        height: 380px
    }

    .Boxtestimonial {
        padding: 0px 56px
    }

    .loc-btn-white {
        padding: 8px 28px;
        font-size: 16px
    }
}

@media (min-width: 1500px) and (max-width:1599px) {
    .testim-img {
        width:745px;
        top: -69px;
        left: -24px
    }
}

@media (min-width: 1600px) and (max-width:1699px) {
    #JDDPageid-469 .newtestimonial .testim-img {
        width:686px
    }

    #JDDPageid-305 .newtestimonial .testim-img {
        width: 689px
    }

    #JDDPageid-613 .newtestimonial .testim-img {
        width: 685px
    }

    #JDDPageid-533 .boxNgo {
        min-height: 340px
    }

    #JDDPageid-310 .newtestimonial .testim-img {
        width: 686px
    }

    #JDDPageid-464 .newtestimonial .testim-img {
        width: 686px
    }

    #JDDPageid-411 .newtestimonial .testim-img {
        width: 557px;
        left: 93px
    }

    #JDDPageid-221 .newtestimonial .testim-img {
        min-height: 391px
    }

    #JDDPageid-221 .techfor .seoSmlBusiness {
        min-height: 392px
    }

    #JDDPageid-171 .techfor .seoSmlBusiness {
        min-height: 417px
    }

    #JDDPageid-17 .newtestimonial .testim-img {
        width: 721px;
        top: -44px;
        left: 43px
    }

    #JDDPageid-356 .newtestimonial .testim-img {
        width: 689px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        min-height: 412px
    }

    #JDDPageid-135 .testim-img {
        width: 675px;
        top: -31px;
        left: 76px
    }

    #JDDPageid-197 .techfor .seoSmlBusiness {
        min-height: 420px
    }

    #JDDPageid-187 .testim-img {
        width: 688px
    }

    #JDDPageid-457 .testim-img {
        top: -5px
    }

    .banner-image {
        width: 695px
    }

    #JDDPageid-766 .newtestimonial .testim-img {
        width: 692px;
        top: -46px;
        left: 36px
    }

    .mobile-app-section {
        padding: 144px 0px 100px
    }

    #JDDPageid-758 .newtestimonial .testim-img {
        width: 761px;
        top: -44px;
        left: 0
    }

    #JDDPageid-459 .hard-bx .boxHeading-loc {
        min-height: 50px
    }

    .ideaBox img {
        width: 56px
    }

    #JDDPageid-535 .testim-img, #JDDPageid-562 .testim-img, #JDDPageid-107 .testim-img, #JDDPageid-436 .testim-img, #JDDPageid-442 .testim-img, #JDDPageid-240 .testim-img, #JDDPageid-388 .testim-img {
        width: 646px;
        top: -44px;
        left: 68px
    }

    #JDDPageid-479 .testim-img {
        width: 690px
    }

    #JDDPageid-400 .testim-img {
        width: 688px;
        left: 51px
    }

    .icon-set-footer {
        flex: 0 1 calc(22% - 1px)
    }

    .screen {
        width: 220px;
        height: 380px
    }

    .Boxtestimonial {
        padding: 0px 56px
    }

    .loc-btn-white {
        padding: 11px 38px;
        font-size: 20px
    }

    div#accordionExample button.accordion-button > h5 {
        line-height: 1.78rem;
        font-size: 1.2rem
    }

    .portfolio-new-sec-2 {
        margin-top: -338px
    }

    .testim-img {
        width: 646px;
        top: -44px;
        left: 76px
    }

    .visual-lay-section .nav-pills .nav-link {
        padding: 0px 0px 20px 0px;
        font-size: 19px
    }

    .visual-lay-section div#v-pills-tabContent {
        width: 52%
    }

    .visual-lay-section div#v-pills-tab-new {
        width: 48%
    }

    .pt-lg-4.h-auto.d-inline-block p.boxHeading-loc.blueTxt.px-5 {
        padding: 0px 24px !important
    }

    .CTA-section {
        padding: 170px 0
    }

    .solving-section .nav-pills .nav-link.active::before {
        height: 36px
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        font-size: 22px
    }

    .califo-bx {
        padding: 20px 10px
    }

    .tab-heading {
        font-size: 26px;
        line-height: 30px
    }
}

@media (min-width: 1600px) and (max-width:1799px) {
    .port-box-description {
        margin-top:-91px
    }
}

@media (min-width: 1900px) {
    #JDDPageid-469 .smallTalk .hard-bx {
        padding:30px 23px
    }

    #JDDPageid-84 .hard-bx .boxHeading-loc {
        min-height: 93px
    }

    #JDDPageid-613 .visual-lay-section .nav-pills .nav-link::after {
        right: 8px
    }

    #JDDPageid-533 .techfor .seoSmlBusiness {
        min-height: 447px
    }

    #JDDPageid-411 .newtestimonial .testim-img {
        width: 679px
    }

    #JDDPageid-535 .hard-bx .boxHeading-loc {
        min-height: 80px
    }

    #JDDPageid-535 .techfor .seoSmlBusiness {
        min-height: 470px
    }

    #JDDPageid-232 .hard-bx .boxHeading-loc {
        min-height: 66px
    }

    #JDDPageid-107 .hard-bx .boxHeading-loc {
        min-height: 65px
    }

    .banner-image {
        width: 862px
    }

    #JDDPageid-17 .weImg12 {
        width: 500px
    }

    #JDDPageid-758 .testim-img {
        width: 922px;
        left: 0
    }

    div#accordionExample48 button.accordion-button {
        font-size: 20px
    }

    .tech-div-bx {
        width: 140px;
        height: 140px
    }

    .tech-div {
        gap: 29px
    }

    .badge-div {
        gap: 18px
    }

    .badge-div img {
        width: 123px
    }

    .tech-div-bx {
        width: 170px;
        height: 170px
    }

    .tech-div-bx img {
        width: 60px
    }

    .industry-div-bx {
        height: unset;
        padding: 38px 20px
    }

    .business-img-circle::after {
        top: 72%
    }

    .work-img {
        width: 200px
    }

    .mobil-app-img {
        width: 218px;
        text-align: right
    }

    .mobile-app-section {
        padding: 198px 0px 108px
    }

    #JDDPageid-190 .techfor .boxHeading-loc {
        min-height: 34px
    }

    #JDDPageid-718 .techfor .seoSmlBusiness {
        min-height: 478px
    }

    #JDDPageid-718 .techfor .boxHeading-loc {
        min-height: 63px
    }

    .testim-img {
        width: 832px
    }

    #JDDPageid-18 .hard-bx .boxHeading-loc {
        min-height: 70px
    }

    .HighlightsPortfolio .screen {
        width: 246px
    }

    .solving-section .nav-pills .nav-link {
        padding: 12px 6px 12px 20px
    }

    .tab-heading {
        font-size: 29px;
        line-height: 34px
    }

    .sectionDescription-loc, div#cke_pastebin, p, ul li {
        line-height: 1.84rem;
        font-size: 1.3rem
    }

    .portfolio-new-sec-2 {
        margin-top: -375px
    }

    .screen {
        width: 272px
    }

    .circulate .wave {
        width: 510px;
        height: 510px
    }

    .circulate .circle {
        width: 580px;
        height: 580px
    }

    .circulate {
        width: 580px
    }

    .round-bx {
        width: 520px
    }

    .txfont {
        line-height: 2.2rem;
        font-size: 1.7rem
    }

    .solving-section .nav-pills .nav-link .visble-txt {
        position: relative;
        font-size: 25px;
        line-height: 30px
    }

    .sliderHeading-loc {
        font-size: 3rem;
        line-height: 3.6rem;
        font-weight: 700
    }

    .sliderSubHeading-loc {
        font-size: 1.7rem;
        line-height: 2.2rem;
        font-weight: 500
    }

    .sliderDescription-loc {
        font-size: 1.3rem;
        line-height: 1.58rem
    }

    .slider-txtbox ul li {
        line-height: 1.58rem;
        font-size: 1.3rem;
        list-style: disc
    }

    .boxHeading-loc {
        font-size: 1.6rem;
        font-weight: 700;
        line-height: 1.98rem
    }

    .slider-txtbox ul {
        padding-left: 20px
    }

    .serviceBanner-loc {
        padding: 152px 0 152px;
        position: relative
    }

    .loc-ban-img {
        position: absolute;
        bottom: 0;
        right: 242px;
        width: 517px
    }

    .btn {
        border-radius: 48px;
        padding: 6px 22px;
        font-weight: 500;
        font-size: 18px;
        color: #fff;
        width: fit-content;
        display: table
    }

    .loc-btn-white {
        background-color: #d33536;
        color: #fff;
        display: unset;
        padding: 14px 48px;
        font-weight: 500;
        font-size: 20px
    }

    .loc-btn-white:hover, .btn:active {
        background-color: #d33536 !important;
        color: #fff !important
    }

    .loc-btn-red:hover {
    }

    .sectionHeading-loc {
        font-size: 2.3rem;
        line-height: 2.9rem;
        font-weight: 700
    }

    .sectionSubDescription-loc {
        font-size: 1.5rem;
        line-height: 1.99rem;
        font-weight: 500
    }

    .number-text {
        font-size: 35px;
        font-weight: 600
    }

    .vidBox video#myVideo98 {
        position: relative;
        top: -200px
    }

    .cta-round-bx {
        width: 500px;
        height: 500px
    }

    .cal-busi-bx {
        min-height: 381px
    }
}