@-webkit-keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@keyframes MOVE-BG {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0)
    }

    to {
        -webkit-transform: translateX(88px);
        transform: translateX(88px)
    }
}

@-webkit-keyframes sk-rotateplane {
    0% {
        -webkit-transform: perspective(120px) rotateY(0) rotateY(0);
        transform: perspective(120px) rotateY(0) rotateY(0)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(-180.1deg) rotateY(0);
        transform: perspective(120px) rotateY(-180.1deg) rotateY(0)
    }

    to {
        -webkit-transform: perspective(120px) rotateY(-180deg) rotateY(-179.9deg);
        transform: perspective(120px) rotateY(-180deg) rotateY(-179.9deg)
    }
}

@-webkit-keyframes movebounce {

    0%,
    to {
        -webkit-transform: translateX(15px) translateY(0);
        transform: translateX(15px) translateY(0)
    }

    50% {
        -webkit-transform: translateX(15px) translateY(20px);
        transform: translateX(15px) translateY(20px)
    }
}

@keyframes movebounce {

    0%,
    to {
        -webkit-transform: translateX(15px) translateY(0);
        transform: translateX(15px) translateY(0)
    }

    50% {
        -webkit-transform: translateX(15px) translateY(20px);
        transform: translateX(15px) translateY(20px)
    }
}

@keyframes rotateme {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

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

@-webkit-keyframes rotateme {
    0% {
        -webkit-transform: rotate(0)
    }

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

@-webkit-keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes rotate3d {
    0% {
        -webkit-transform: rotateY(0);
        transform: rotateY(0)
    }

    to {
        -webkit-transform: rotateY(360deg);
        transform: rotateY(360deg)
    }
}

@keyframes animationFramesOne {

    0%,
    to {
        -webkit-transform: translate(0, 0) rotate(0);
        transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg);
        transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg);
        transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg);
        transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg);
        transform: translate(-40px, 72px) rotate(144deg)
    }
}

@-webkit-keyframes animationFramesOne {

    0%,
    to {
        -webkit-transform: translate(0, 0) rotate(0)
    }

    20% {
        -webkit-transform: translate(73px, -1px) rotate(36deg)
    }

    40% {
        -webkit-transform: translate(141px, 72px) rotate(72deg)
    }

    60% {
        -webkit-transform: translate(83px, 122px) rotate(108deg)
    }

    80% {
        -webkit-transform: translate(-40px, 72px) rotate(144deg)
    }
}

@keyframes blinker {

    0%,
    to {
        opacity: 1
    }

    50% {
        opacity: .2
    }
}

@-webkit-keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

@keyframes placeholderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.rotateme,
.section-title .bar::before {
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear
}

.main-banner .d-table {
    min-height: 100vh
}

:root {
    --blue: #00aeef;
    --green: #2aa545;
    --primary: #0066ff;
    --redpink: #ff1a52;
    --yellow: #f5b01a;
    --black: #000000;
    --primary-font: 'Poppins', sans-serif;
    --secondary-font: 'Poppins', sans-serif;
    --paragraph-color: #333333;
    --orange: #ff5700;
    --bg-gray: #f8f8fb
}

.wow {
    visibility: hidden
}

body {
    font-family: Poppins, sans-serif;
    font-family: var(--primary-font);
    padding: 0;
    margin: 0;
    font-size: 15px;
    scroll-behavior: smooth
}

.proud-img img,
.services-sec-page .services-box,
.webimg video,
img {
    max-width: 100%;
    max-height: 100%
}

a {
    color: #0e314c;
    display: inline-block;
    -webkit-transition: .2s;
    transition: .2s;
    text-decoration: none;
    outline: 0
}

a:focus,
a:hover {
    color: var(--primary);
    text-decoration: none
}

.blog-section .blog-text a.blog-title-link,
.d-table {
    width: 100%;
    height: 100%
}

.d-table-cell {
    vertical-align: middle
}

p {
    color: #000;
    line-height: 1.5
}

.contact-us-content.bg-primary ul.contact-info-list,
.cookie-policy-text p:last-child,
.list-style ul:last-child,
.next-blog .blog-text .h4-style:last-child,
.next-blog .blog-text h4:last-child,
.service-mobile-list li:last-child,
.services-menu-title ul li:last-child,
.set-clientbtn .right-sec-cluth,
.single-footer-widget ul.footer-contact-info li:last-child,
.single-footer-widget ul.list li:last-child,
.testimoniols-name p:last-child,
.testimoniols-section .testimoniols-infodesc p:last-child,
.work-flow-section .faq-acc .card,
p:last-child {
    margin-bottom: 0
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    color: #000;
    font-weight: 500
}

.h1-style,
.h2-style,
.h3-style,
.h4-style,
.h5-style,
.h6-style {
    display: block;
    margin-inline-start: 0;
    margin-inline-end: 0;
    font-family: inherit;
    color: inherit;
    margin-bottom: .5rem;
    margin-top: 0
}

.h1-style {
    margin-block-start: .67em;
    margin-block-end: .67em;
    font-size: 2.5rem
}

.h2-style {
    margin-block-start: 0;
    margin-block-end: .83em;
    font-size: 2rem
}

.h3-style {
    margin-block-start: 1em;
    margin-block-end: 1em
}

.h4-style {
    margin-block-start: 1.33em;
    margin-block-end: 1.33em
}

.h5-style {
    margin-block-start: 1.67em;
    margin-block-end: 1.67em;
    font-size: 1.25rem;
    font-weight: 500
}

.h6-style {
    margin-block-start: 2.33em;
    margin-block-end: 2.33em
}

.h1-style,
.h2-style {
    font-weight: 500;
    line-height: 1.2
}

.h5-style,
.h6-style {
    line-height: 1.2
}

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

.bg-change {
    background: #f8f8fb;
    transition: .5s ease-in-out !important
}

.android-page .page-join-us,
.application-page .page-join-us,
.bg-change.bg-change-blogdetails,
.blog-otherpage,
.brad-setion,
.case-img,
.casestudy-page .page-join-us,
.color-case,
.crm-page .page-join-us,
.ecom-page .page-join-us,
.erp-page .page-join-us,
.flutter-page .page-join-us,
.hardware-page .page-join-us,
.hrms-page .page-join-us,
.inventory-page .page-join-us,
.ios-page .page-join-us,
.micro-imp-page .page-join-us,
.micro-page .page-join-us,
.other-pagebg,
.otherpgmenu-sticky,
.payroll-page .page-join-us,
.pwa-page .page-join-us,
.react-page .page-join-us,
.saas-page .page-join-us,
.sap-page .page-join-us,
.sapinp-page .page-join-us,
.sem-page .page-join-us,
.seo-page .page-join-us,
.service-we-do-sec,
.smm-page .page-join-us,
.smo-page .page-join-us,
.value-section:hover,
.web-design .page-join-us,
.whatsapp-page .page-join-us,
.window-forms-page .page-join-us,
.wpf-charp .page-join-us,
section.value-we-deliver,
section.web-Overview {
    background-color: #fff
}

.bg-lightblue,
.zoho-partner-card .row .col-12:nth-child(2) div:first-child {
    background-color: #f8f8fb !important
}

.blog-details-info div:first-child,
.blog-sidebar h2.h4-style,
.clients-trust-info.clients-media,
.contact-us-content.bg-primary.text-white p,
.owl-theme .owl-nav,
.testimoniols-section .testimoniols-card .testimoniols-name .h5-style,
.tool-section.other-pagebg.other-div .hero-button {
    margin-top: 0
}

.owl-theme .owl-dots {
    margin-top: 20px;
    line-height: .01
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background: #d6d6d6;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: var(--primary)
}

.btn-primary {
    color: #fff;
    background-color: #39c;
    background-color: var(--primary);
    box-shadow: none !important
}

.btn-primary .show>.btn-primary.dropdown-toggle,
.btn-primary:active,
.btn-primary:hover,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-techno .btn-primary:hover {
    color: #fff;
    background: #06f;
    border-color: #06f;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25)
}

#contactForm .help-block ul,
.about-content .section-title p,
.blog-details_des-text div:first-child,
.page-join-us .btn-primary,
.serv-port-02-img figure,
.services-menu-list,
.social-share-icon.socialshare-middle ul,
.tool-section .technology-slider.tt-used-text,
.tools-technologies-sec .btn-index,
.zoho-we-impact.industries-view-more-btn {
    margin: 0
}

.page-join-us .btn-primary:hover {
    color: #06f;
    background: #fff;
    border-color: #fff;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    margin: 0
}

.btn-primary .show>.btn-primary.dropdown-toggle:focus,
.btn-primary.focus,
.btn-primary:focus,
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus {
    -webkit-box-shadow: unset;
    box-shadow: unset
}

.btn-primary.disabled,
.btn-primary:disabled {
    color: #fff;
    background-color: #4646b2;
    -webkit-box-shadow: 0 13px 27px 0 rgba(70, 70, 177, .25);
    box-shadow: 0 13px 27px 0 rgba(70, 70, 177, .25);
    opacity: 1
}

.btn-primary.disabled:focus,
.btn-primary.disabled:hover,
.btn-primary:disabled:focus,
.btn-primary:disabled:hover {
    background: #0062cc;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25)
}

.btn-dark:active,
.btn-dark:focus,
.btn-dark:hover {
    color: #fff;
    background-color: var(--primary) !important;
    box-shadow: none !important
}

.btn {
    font-weight: 600;
    font-size: 16px;
    border: 0;
    padding: 15px 40px;
    position: relative;
    border-radius: 4px;
    z-index: 1;
    text-transform: uppercase;
    -webkit-transition: .5s;
    transition: .5s
}

.btn-group-sm>.btn,
.btn-sm {
    padding: 10px 20px;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px
}

.btn::after {
    left: 0;
    border-radius: 4px 0 0 4px
}

.btn::before {
    right: 0;
    border-radius: 0 4px 4px 0
}

.btn:hover::after,
.btn:hover::before {
    width: 50%
}

.form-group {
    margin-bottom: 18px
}

label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px
}

.form-control {
    height: 45px;
    padding: 10px;
    font-size: 16px;
    color: #0e314c;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    resize: unset
}

.form-control:focus {
    outline: 0;
    background: #fff;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    border-color: #80bdff
}

.core-values-info,
.funfact,
.industry-sec-img-new,
.section-title,
.serv-port-01-img figure,
.serv-port-03-img figure,
.serv-port-05-img figure,
.tt-used-card .tt-used-icone,
.value-desc {
    text-align: center
}

.section-title .h2-style,
.section-title h2 {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 600;
    text-transform: capitalize
}

.section-title p {
    max-width: 720px;
    margin: 0 auto;
    text-align: justify
}

.section-title .bar {
    height: 5px;
    width: 90px;
    background: #9595f9;
    margin: 20px auto;
    position: relative;
    border-radius: 30px
}

.preloader .spinner {
    background-repeat: no-repeat;
    background-position: center;
    width: 100px;
    height: 100px;
    margin: -75px auto 0;
    -webkit-animation: 1.2s ease-in-out infinite sk-rotateplane;
    animation: 1.2s ease-in-out infinite sk-rotateplane;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    background-size: 100px 100px
}

.section-title .bar::before {
    content: "";
    position: absolute;
    left: 0;
    top: -2.7px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: #4646b1;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: MOVE-BG;
    animation-name: MOVE-BG
}

.preloader {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    background: rgb(255 255 255/50%)
}

#header.is-sticky .startp-nav .navbar {
    padding: .1rem 1rem
}

.navbar-brand {
    padding: 7px 0
}

.headerlogo {
    width: 120px;
    height: auto
}

.csd-work .faq-acc div .card:last-child,
.csd-work .faq-acc div .card:nth-child(7),
.csd-work .faq-acc div .card:nth-child(8),
.mad-work .faq-acc div .card:last-child,
.mad-work .faq-acc div .card:nth-child(8),
.brading-main-section .filter-tab,
.contact-from-section .g-recaptcha,
.contact-from-section input.btn-gray,
.csharp-faq .faq-acc div .card:last-child,
.csharp-faq .faq-acc div .card:nth-child(5),
.csharp-faq .faq-acc div .card:nth-child(6),
.csharp-faq .faq-acc div .card:nth-child(7),
.desk-work-flow .faq-acc div .card:last-child,
.desk-work-flow .faq-acc div .card:nth-child(8),
.ent-imp-work-flow .faq-acc div .card:last-child,
.ent-imp-work-flow .faq-acc div .card:nth-child(7),
.ent-imp-work-flow .faq-acc div .card:nth-child(8),
.enter-int-work-flow .faq-acc div .card:last-child,
.entsof-work-flow .faq-acc div .card:last-child,
.entsof-work-flow .faq-acc div .card:nth-child(7),
.entsof-work-flow .faq-acc div .card:nth-child(8),
.event-box .glimpse-more-img .glimpse-tile img,
.faq-section.other-div .see-all-features.hide,
.industry-section .sec-title .h2-style:before,
.inventory-faq .faq-acc div .card:last-child,
.inventory-faq .faq-acc div .card:nth-child(6),
.inventory-faq .faq-acc div .card:nth-child(7),
.lisub-Retail.active::before,
.lisub-ecommerceindustry.active::before,
.lisub-electronics.active::before,
.lisub-food-industry.active::before,
.lisub-health.active::before,
.lisub-hospitality.active::before,
.lisub-investment-nbfc.active::before,
.lisub-it-industry.active::before,
.lisub-manufacturing.active::before,
.lisub-media-industry.active::before,
.lisub-mining-industry.active::before,
.lisub-supplychain.active::before,
.lisub-telecommunication.active::before,
.main-banner .banner-image img:last-child,
.micro-int-faq .faq-acc div .card:last-child,
.micro-int-faq .faq-acc div .card:nth-child(5),
.micro-int-faq .faq-acc div .card:nth-child(6),
.micro-int-faq .faq-acc div .card:nth-child(7),
.mobile-work-flow .faq-acc div .card:last-child,
.mobile-work-flow .faq-acc div .card:nth-child(8),
.recaptcha-error[style="font-size:12px;color:red;visibility:hidden;"],
.sap-int-faq .faq-acc div .card:last-child,
.sap-int-faq .faq-acc div .card:nth-child(5),
.sap-int-faq .faq-acc div .card:nth-child(6),
.sap-int-faq .faq-acc div .card:nth-child(7),
.sec-title.faq-titl .h2-style:before,
.sec-title.title-no-effect .h1-style:before,
.sec-title.title-no-effect .h2-style:before,
.sec-title.title-no-effect .h3-style:before,
.sec-title.title-no-effect h1:before,
.sec-title.title-no-effect h2:before,
.sec-title.title-no-effect h3:before,
.sem-work-flow .faq-acc div .card:last-child,
.sem-work-flow .faq-acc div .card:nth-child(7),
.sem-work-flow .faq-acc div .card:nth-child(8),
.seo-work-flow .faq-acc div .card:last-child,
.services-menu-content .services-menu-list ul li a::before,
.small-blog .blog-sec-desc,
.smm-faq .faq-acc div .card:last-child,
.smm-faq .faq-acc div .card:nth-child(5),
.smm-faq .faq-acc div .card:nth-child(6),
.smm-faq .faq-acc div .card:nth-child(7),
.smm-work-flow .faq-acc div .card:last-child,
.smm-work-flow .faq-acc div .card:nth-child(7),
.smm-work-flow .faq-acc div .card:nth-child(8),
.smo-work-flow .faq-acc div .card:last-child,
.smo-work-flow .faq-acc div .card:nth-child(8),
.startp-mobile-nav,
.startp-nav nav .navbar-nav.navbar-nav-scale .nav-item a.bg-primary:before,
.testimoniols-section .testimoniols-mobile-slider .owl-dots,
.web-appl-faq .faq-acc div .card:last-child,
.web-appl-faq .faq-acc div .card:nth-child(5),
.web-appl-faq .faq-acc div .card:nth-child(6),
.web-appl-faq .faq-acc div .card:nth-child(7),
.web-des-faq .faq-acc div .card:last-child,
.web-des-faq .faq-acc div .card:nth-child(5),
.web-des-faq .faq-acc div .card:nth-child(6),
.web-des-faq .faq-acc div .card:nth-child(7),
.web-work-flow .faq-acc div .card:last-child,
.wpf-faq .faq-acc div .card:last-child,
.wpf-faq .faq-acc div .card:nth-child(5),
.wpf-faq .faq-acc div .card:nth-child(6),
.wpf-faq .faq-acc div .card:nth-child(7),
.zoho-int-faq .faq-acc div .card:last-child,
.zoho-int-faq .faq-acc div .card:nth-child(5),
.zoho-int-faq .faq-acc div .card:nth-child(6),
.zoho-int-faq .faq-acc div .card:nth-child(7) {
    display: none
}

.single-footer-widget .cycle-sub-list a:hover,
.single-footer-widget ul.footer-contact-info li a:hover,
.startp-mobile-nav.mean-container .mean-nav ul li a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:focus,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a:hover,
p i {
    color: #39c
}

.startp-nav {
    background: 0 0;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
    width: 100%;
    z-index: 999;
    height: auto
}

.funfacts-area,
.industry-section-title,
.main-banner,
.startp-nav nav .navbar-nav.navbar-nav-scale>.nav-item>a,
section.we-imp-sec,
section.wrapper.section-space.event-content.overflow-visible.grayscale.section-three.pt-0 {
    z-index: 1;
    position: relative
}

.brand-img .brandimg-figure.bf-upyog,
figure.brandimg-figure.bf-upyogindia {
    background-position: -300px -2100px
}

.client-tele .owl-stage,
.client-tele.owl-carousel .owl-stage,
.clients-media .image figure,
.item-mining .image figure,
.service-sec-slide-content .owl-carousel .owl-dots .owl-dot span,
.tool-section .technology-slider p {
    margin: 0 auto
}

.we-impact-section.section-space {
    margin-bottom: 50px
}

.appi-casestudy-navi .pp-navi a,
.blog-details-date i,
.blog-text p,
.contact-us-content .contact-text a,
.contact-us-content .contact-text p,
.event-detail .btn-primary:focus,
.letest-blog .blog-text i,
.recruitment-desc p,
.serv-port-01 p,
.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-accset .btn-link.collapsed:hover,
.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .sec-title .h2-style b {
    color: #fff
}

.startp-nav.p-relative {
    position: relative;
    padding-bottom: 15px
}

.single-footer-widget ul,
.startp-nav nav ul {
    padding: 0;
    margin: 0;
    list-style-type: none
}

.service-port-info-img .clspageparentmenu1,
.service-port-info-img .clspageparentmenu {
    font-weight: 700
}

.startp-nav nav .navbar-nav .nav-item {
    position: relative;
    padding: 10px 0
}

.startp-nav nav .navbar-nav .nav-item a {
    font-weight: 600;
    font-size: 18px;
    color: #000;
    padding: 10px 20px;
    margin-left: 10px;
    margin-right: 10px;
    border-radius: 30px
}

.appi-port-clocktext.serv-port-04 .down-text p,
.blog-details .card-body,
.blog-details.section-space,
.col-12.footer-new-address,
.contact-us-form-wrap .card-body,
.faq-section.other-div .faq-section.other-div .faq-acc.collaspse-data-table,
.industry-img .industry-img-sec,
.mobile_footer li.mobile-center a.link-attachment,
.services-menu-info>.services-menu-inner-block .services-menu-content-info,
.single-footer-widget.footer-contact ul.list li a,
.startp-nav nav .navbar-nav.zoho-menu,
.tool-section.other-pagebg.other-div .technology-slider .tt-used-card .card-body {
    padding: 0
}

.zoho-partner-card.card.bg-lightblue.rounded.shadow-lg.border-0 {
    padding: 0 15px
}

.about-section,
.appi-ins-portfolio-right.serv-port-05-img figure,
.blog-details-content,
.blog-nav-meta,
.blog-photo,
.contact-from-section .zcwf_col_fld,
.dropdown,
.filepreview,
.industry-sec-main-content,
.main-banner .banner-image,
.other-pgcasestdy,
.overviewimg img,
.service-we-do-sec .service-sec-slide,
.single-footer-widget.footer-contact div:nth-child(2),
.startp-nav nav .navbar-nav,
.startp-nav nav .navbar-nav .nav-item .nav-item-arrow,
.testi-service,
.testimoniols-section,
.tools-technologies-sec .tab-content,
.who-we-section,
.work-flow-section .card-header,
.year-nav-pills li,
.zohoproduct-mobile-slider,
section.blog-section.section-space {
    position: relative
}

.startp-nav nav .navbar-nav.navbar-nav-scale>.nav-item>a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    height: 100%;
    width: 60%;
    background: #fff;
    z-index: -5;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 9px
}

.startp-nav nav .navbar-nav.navbar-nav-scale>.nav-item>a:hover::before {
    transform: scale(1.8);
    background: var(--primary)
}

.startp-nav nav .navbar-nav .nav-item a.bg-primary,
.startp-nav nav .navbar-nav .nav-item:hover a.bg-primary,
.startp-nav nav .navbar-nav.navbar-nav-scale .nav-item a:hover {
    color: var(--white) !important
}

.blog-section .title a,
.content-typography a,
.dropdown .dropdown-content li.nav-item a:hover,
.dropdown-container .dropdown-block-left .nav-item-title li.active a,
.portfolio_content .gird_item:nth-child(5n+5) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n+5) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n+5) .portfolio-item p:before,
.section-block-title span,
.services-list-content .services-item:nth-child(5n+4) .services-box .services-box-text .h3-style,
.services-list-content .services-item:nth-child(5n+4) .services-box .services-box-text h3,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover a,
.startp-nav nav .navbar-nav .nav-item a.active,
.startp-nav nav .navbar-nav .nav-item a:focus,
.startp-nav nav .navbar-nav .nav-item a:hover,
.startp-nav nav .navbar-nav .nav-item.active a,
.startp-nav nav .navbar-nav.zoho-menu .nav-item.nav-item-lihome.active~.nav-item-lipartner a,
.team-carousel .owl-controls .owl-nav .owl-next:hover,
.team-carousel .owl-controls .owl-nav .owl-prev:hover,
.testimoniols-section .card:hover .h5-style,
.testimoniols-section .card:hover .testi-qutos,
.testimoniols-section .card:hover h5,
.top-header-contact .header-social .social-links li a:hover {
    color: var(--primary)
}

.footer-three-address li.footer-address {
    padding-right: 3rem
}

.esteemed-slider::after, .esteemed-slider::before {
    background-image: none !important;
}

.services-box:hover .services-box-text .h3-style,
.services-box:hover .services-box-text h3,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.active,
.startp-nav nav .navbar-nav .nav-item:hover>a,
.tabs-list-content .tabs-list-scroll .list-tabs .btn:hover {
    color: var(--primary) !important
}

.blog-details-hero-section .overlay p,
.blog-section .blog-data .overlay .blog-text .title a,
.blog-section .blog-data .overlay .blog-text p,
.blog-section .blog-data .overlay .blog-text p i,
.case-content-back span:last-child,
.industry-des-point li,
.part-blog .blog-text i,
.portskip:hover,
.single-footer-widget ul.footer-contact-info li a,
.startp-nav nav .navbar-nav.zoho-menu .nav-item.nav-item-lihome.active a,
.text-black,
a.case-article-play-btn:hover {
    color: #000
}

.bg-primary.text-white p,
.service-mobile-list .owl-item.current .service-slide-list .service-slide-block h4,
.service-mobile-list .owl-item.current .service-slide-list .service-slide-block p,
.service-mobile-list .service-slide-list:hover .service-slide-block .h4-style,
.service-mobile-list .service-slide-list:hover .service-slide-block h4,
.service-mobile-list .service-slide-list:hover .service-slide-block p,
.startp-nav nav .navbar-nav .nav-item a.bg-primary.active,
.startp-nav nav .navbar-nav .nav-item a.bg-primary:focus,
.startp-nav nav .navbar-nav .nav-item a.bg-primary:hover {
    color: var(--white)
}

.startp-nav nav .navbar-nav .nav-item a svg {
    width: 14px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu {
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .05);
    background: #fff;
    position: absolute;
    bottom: 80px;
    top: auto;
    left: 0;
    width: 270px;
    z-index: 99;
    padding: 20px 5px;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    pointer-events: none
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li,
.testimoniols-section .testimoniols-infodesc {
    position: relative;
    padding: 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a {
    font-size: 15px;
    font-weight: 500;
    padding: 8px 12px;
    margin: 0;
    display: block;
    color: var(--paragraph-color)
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a.active,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:focus,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu li a:hover {
    color: var(--primary);
    margin-left: 4px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu {
    position: absolute;
    left: 220px;
    top: 0;
    opacity: 0 !important;
    visibility: hidden !important
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu li a {
    color: #4a6f8a
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu li:hover .dropdown_menu {
    opacity: 1 !important;
    visibility: visible !important;
    top: -20px !important
}

.startp-nav nav .navbar-nav .nav-item:hover .dropdown_menu {
    opacity: 1;
    visibility: visible;
    top: auto;
    bottom: 100%;
    pointer-events: all
}

.startp-nav nav .others-option {
    margin-left: 20px
}

.startp-nav nav .others-option .btn.btn-light {
    background: 0 0;
    border: 2px dashed #cdf1d8;
    padding: 12px 33px;
    margin-right: 10px
}

.startp-nav nav .others-option .btn.btn-light:focus,
.startp-nav nav .others-option .btn.btn-light:hover {
    color: #fff;
    border-color: #39c
}

.startp-nav nav .others-option .btn.btn-light::after,
.startp-nav nav .others-option .btn.btn-light::before {
    background: #39c
}

.startp-nav nav .others-option .btn.btn-primary {
    background: #4646b2;
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25)
}

.startp-nav nav .others-option .btn.btn-primary::after,
.startp-nav nav .others-option .btn.btn-primary::before {
    background: #39c;
    -webkit-box-shadow: 0 13px 27px 0 rgba(70, 70, 177, .25);
    box-shadow: 0 13px 27px 0 rgba(70, 70, 177, .25)
}

.main-banner {
    padding: 150px 0 50px;
    display: flex;
    overflow: hidden
}

.shape1,
.shape2,
.shape3,
.shape4,
.shape5,
.shape6,
.shape8 {
    z-index: -1;
    position: absolute
}

.main-banner .hero-content .h1-style,
.main-banner .hero-content h1 {
    font-size: 55px;
    font-weight: 600;
    color: var(--paragraph-color);
    margin-bottom: 20px
}

.banner-list-content,
.main-banner .hero-content .h2-style,
.main-banner .hero-content h2 {
    -webkit-transition: 2s;
    -o-transition: 2s;
    transition: 2s
}

.main-banner .hero-content p {
    margin-bottom: 10px;
    max-width: 550px;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #141414
}

.main-banner .banner-form {
    background: #fff;
    -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08);
    padding: 50px 30px;
    border-radius: 5px
}

.service-icon-pwa.service-img-08,
.tt-used-card .tt-used-icone figure.payment-instamojo {
    background-position: -700px 0
}

.services-box,
.services-list-item .card {
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/5%)
}

.main-banner .hero-content.grayscale .h1-style,
.main-banner .hero-content.grayscale .h2-style,
.main-banner .hero-content.grayscale h1,
.main-banner .hero-content.grayscale h2,
.main-banner .hero-content.grayscale p {
    color: #777
}

.clutch-data,
.main-banner .banner-form form .form-control {
    padding-left: 15px
}

.main-banner .banner-form form .btn {
    display: block;
    width: 100%;
    -webkit-transform: unset;
    transform: unset;
    margin-top: 25px
}

.appi-ins-portfolio-right.serv-port-03-img figure,
.appi-ins-portfolio-right.serv-port-04-img figure,
.appi-ins-portfolio-right.serv-port-06-img figure,
.main-banner .banner-image img,
.serv-port-02-img,
.serv-port-02-img figure {
    position: absolute
}

.main-banner .banner-image img:first-child {
    z-index: 3;
    top: -130px;
    left: -45px
}

.main-banner .banner-image img:nth-child(2) {
    right: 145px;
    top: -287px
}

.main-banner .banner-image img:nth-child(3) {
    left: 25px;
    top: -20px
}

.main-banner .banner-image img:nth-child(4) {
    right: 12%;
    top: 118px;
    z-index: 1
}

.main-banner .banner-image img:nth-child(5) {
    left: 28%;
    top: -120px;
    z-index: 2
}

.main-banner .banner-image img:nth-child(6) {
    right: 35%;
    z-index: 1;
    top: -150px
}

.main-banner .banner-image img:nth-child(7) {
    right: 20px;
    top: -110px
}

.main-banner .banner-image img:nth-child(8) {
    right: 25px;
    top: -140px
}

.main-banner .banner-image img:nth-child(9) {
    right: 30%;
    z-index: 1;
    top: -35px
}

.main-banner .banner-image img:nth-child(10) {
    left: 37%;
    top: -28px;
    z-index: 1
}

.main-banner .banner-image img:nth-child(11) {
    left: 37%;
    top: -160px;
    z-index: 1
}

.main-banner .banner-image img:nth-child(12) {
    left: 90px;
    top: -110px
}

.main-banner .banner-image img:nth-child(13) {
    left: 56%;
    top: -25px;
    z-index: 2
}

.main-banner .banner-image img:nth-child(14) {
    right: 105px;
    top: -28px
}

.main-banner .banner-image.single-banner-image img {
    display: block;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.shape1 {
    top: 20%;
    left: 30px;
    -webkit-animation: 4s linear infinite rotate3d;
    animation: 4s linear infinite rotate3d;
    opacity: .4
}

/* .single-footer-widget.footer-contact {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem 2rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 25px #e4e4ed8a
} */
.single-footer-widget.footer-contact {
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 2rem 2rem 1.5rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 25px #e4e4ed8a;
    margin-left: auto;
    margin-right: auto;
}   

/*.single-footer-widget.footer-contact div:nth-child(2)::before {
    left: -1rem;
}*/

/* .single-footer-widget.footer-contact div:nth-child(2)::after {
    right: 1.5rem
} */
/*.single-footer-widget.footer-contact div:nth-child(2)::after {
    right: 1.5rem;*/
    /* opacity: 0; */
/*}*/

/*.single-footer-widget.footer-contact div:nth-child(2)::before,
.single-footer-widget.footer-contact div:nth-child(2):after {
    content: '';
    position: absolute;
    top: 0;
    width: 3px;
    height: 100%;
    border-radius: 32px;
    background-color: #d0d0e5a3
}*/

.single-footer-widget.footer-contact div {
    padding-left: 1.5rem
}

.shape2 {
    top: 60%;
    left: 15%
}

p.single-footer-widget-title {
    margin-bottom: 10px;
    font-weight: 700
}

.single-footer-widget.footer-contact div:nth-child(3) .footer-three-address {
    padding-left: 2rem
}

.footer-country-flag figure.india-flag {
    object-fit: cover;
    object-position: top;
    background-repeat: no-repeat;
    background-size: 40px 40px;
    width: 40px;
    height: 40px;
    margin: 0
}

.footer-new-address h3.single-footer-widget-title {
    font-size: 26px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px
}

.single-footer-widget ul.list li a:hover {
    color: #1d74ff;
    padding-left: 2px
}

.shape3 {
    left: 25%;
    bottom: 15%;
    -webkit-animation: 15s linear infinite animationFramesOne;
    animation: 15s linear infinite animationFramesOne
}

.shape4 {
    right: 25%;
    bottom: 15%;
    -webkit-animation: 20s linear infinite animationFramesOne;
    animation: 20s linear infinite animationFramesOne
}

.shape5 {
    right: 5%;
    top: 10%;
    -webkit-animation: 5s linear infinite movebounce;
    animation: 5s linear infinite movebounce;
    opacity: .2
}

.shape6,
.shape8,
.testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
    right: 10%
}

.shape6 {
    top: 40%
}

.shape7 {
    position: absolute;
    left: 25%;
    top: 9%;
    z-index: -1;
    -webkit-animation: 20s linear infinite animationFramesOne;
    animation: 20s linear infinite animationFramesOne
}

.shape8 {
    top: 15%
}

.rotateme {
    -webkit-animation-name: rotateme;
    animation-name: rotateme;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    animation-iteration-count: infinite;
    animation-timing-function: linear
}

.about-content .section-title {
    text-align: left;
    margin-bottom: 18px
}

.otherpage-heading.otherpage-heading-ios {
    text-transform: unset
}

.about-content .section-title .bar {
    margin-right: 0;
    margin-left: 0
}

.blog-section .blog-data.part-blog,
.read-more-casestudy .set-caseother .case-item,
.services-list-item .card .card-body {
    padding: 15px
}

.card.rounded,
.rounded-10,
.services-list-item .card.rounded {
    border-radius: 10px !important
}

.services-list-item .card .card-body .icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    margin: 0 15px 0 0;
    border-radius: 10px;
    display: flex
}

.services-list-item .card .card-body .icon img {
    margin: auto;
    padding: 5px;
    width: 100%;
    -webkit-filter: invert(1) brightness(100);
    filter: invert(1) brightness(100)
}

.services-list-item .card .card-body .card-content-text,
.services-list-item .card .card-body .card-content-title {
    margin: 0;
    font-weight: 600;
    display: flex
}

.services-list-item .card .card-body .card-content-text p,
.services-list-item .card .card-body .card-content-title .h4-style,
.services-list-item .card .card-body .card-content-title h4 {
    margin: auto 0;
    line-height: 1.5
}

.services-list-item:nth-child(5n+1) .card .card-body .icon {
    background-color: var(--orange)
}

.services-list-item:nth-child(5n+2) .card .card-body .icon {
    background-color: var(--blue)
}

.services-list-item:nth-child(5n+3) .card .card-body .icon {
    background-color: var(--redpink)
}

.service-mobile-list .owl-item.current .service-slide-list,
.service-mobile-list .service-slide-list:hover,
.services-list-item:nth-child(5n+4) .card .card-body .icon {
    background-color: var(--primary)
}

.services-list-item:nth-child(5n+5) .card .card-body .icon {
    background-color: var(--green)
}

.profile-desc,
.section-ourclient .client-item {
    margin-bottom: 30px
}

.team-carousel .owl-controls {
    position: absolute;
    display: block;
    text-align: center;
    bottom: -30px;
    right: 0;
    left: 0
}

.owl-carousel .owl-dots .owl-dot span,
.team-carousel .owl-controls .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 0 5px
}

.funfacts-area .section-title .h2-style,
.funfacts-area .section-title h2 {
    max-width: 520px;
    margin: 0 auto;
    line-height: 30px
}

.funfacts-area .map-bg {
    position: absolute;
    z-index: -1;
    top: 120px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto
}

.funfact .h3-style,
.funfact h3 {
    color: var(--primary);
    font-size: 40px;
    margin-bottom: 7px;
    font-weight: 700
}

.funfact p {
    font-size: 18px;
    line-height: initial
}

.modal-content {
    border: 0;
    border-radius: 10px !important;
    overflow: hidden
}

.modal-content button.close {
    position: absolute;
    right: 15px;
    display: inline-block;
    opacity: 1;
    top: 15px;
    width: 35px;
    height: 35px;
    text-align: center;
    line-height: 32px;
    border: 0;
    border-radius: 50%;
    outline: 0;
    z-index: 9
}

.modal-content button.close,
.modal-content button.close span {
    -webkit-transition: .5s;
    transition: .5s
}

.page-title-area {
    position: relative;
    z-index: 1;
    padding-top: 150px;
    padding-bottom: 20px;
    text-align: center;
    background-color: var(--bg-gray);
    background-color: transparent
}

.content-popover .popover-block~.popover-foot,
.content-popover .popover-head~.popover-block,
.faq-blog-section .card-body,
.footer-area,
.services-sec.section-space.service-pd,
.work-flow-section .faq-acc .card-body,
section.casestudies-sec,
section.read-more-casestudy.secspace {
    padding-top: 0
}

.page-title-area .h2-style,
.page-title-area .page-title,
.page-title-area h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 0;
    color: var(--primary);
    display: none
}

#map iframe,
.blog-photo a,
.brading-main-section .filter-tab.show,
.cookie-policy-popup.show,
.dropdown-container .dropdown-block ul li.nav-item,
.glimpse-tile,
.other-ser-ico figure,
.single-footer-widget .logo a,
.tabs-list-content.arrow-active .tabs-control .arrow {
    display: block
}

.clients-trust-sec .clients-trust-info:before {
    content: "";
    position: unset
}

.blog-data.part-blog .blog-text .blog-title-link,
.dropdown-container .dropdown-block-right li,
.post-meta li,
.single-footer-widget ul.social-links li,
.social-share-icon a {
    display: inline-block
}

#map iframe {
    height: 450px;
    width: 100%;
    overflow: hidden
}

#contactForm .help-block ul li {
    color: red
}

#contactForm .btn {
    margin-top: 10px
}

#contactForm #msgSubmit.text-danger,
#contactForm #msgSubmit.text-success {
    margin: 20px 0 0
}

.footer-area {
    position: relative;
    z-index: 9;
    padding-bottom: 80px
}

.footer-area .map {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    z-index: -1;
    bottom: 0;
    opacity: .7;
    height: 350px
}

.footerlogo {
    width: 190px
}

.industry-sec-img-content-listing,
.single-footer-widget .logo,
.single-footer-widget ul.footer-contact-info {
    margin-bottom: 20px
}

.single-footer-widget .h3-style,
.single-footer-widget h3 {
    font-size: 18px;
    margin-bottom: 20px;
    color: #1d74ff;
    font-weight: 600
}

section.blog-details-content.blogdetails-info-space {
    padding-bottom: 10rem
}

.blog-details-content .profile-data .profile-desc,
.case-list-title,
.single-footer-widget .cycle-sub-list,
.single-footer-widget .cycle-sub-list:last-child,
.single-footer-widget.footer-contact ul.list li {
    margin-bottom: 10px
}

.single-footer-widget ul.list li {
    margin-bottom: 6px
}

.appi-port-left-content .appi-pp-para .appi-cont li span strong,
.appi-port-left-content .appi-pp-para .appi-cont p span strong,
.case-desg p,
.sec-title h2 span,
.single-footer-widget ul.list li:nth-child(2) {
    font-weight: 400
}

.single-footer-widget .cycle-sub-list a,
.single-footer-widget ul.list li a {
    color: #222121;
    font-weight: 500
}

.single-footer-widget.footer-contact .cycle-sub-list {
    position: relative;
    padding-left: 30px
}

.single-footer-widget.footer-contact .cycle-sub-list i {
    position: absolute;
    width: 20px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0
}

.single-footer-widget ul.footer-contact-info li {
    position: relative;
    color: #000;
    margin-bottom: 8px;
    padding-left: 25px
}

.single-footer-widget ul.footer-contact-info li svg {
    position: absolute;
    left: 0;
    width: 15px;
    top: 0
}

.single-footer-widget ul.social-links li a {
    width: 32px;
    text-align: center;
    line-height: 30px;
    height: 32px;
    border: 1px solid #39c;
    border-radius: 50%;
    color: #39c;
    font-size: 16px
}

.single-footer-widget ul.social-links li a svg {
    width: 15px
}

.single-footer-widget ul.social-links li a.facebook {
    border-color: #4267b2;
    color: #4267b2
}

.single-footer-widget ul.social-links li a.facebook:hover {
    background: #4267b2;
    color: #fff
}

.single-footer-widget ul.social-links li a.twitter {
    border-color: #38a1f3;
    color: #38a1f3
}

.single-footer-widget ul.social-links li a.twitter:hover {
    background: #38a1f3;
    color: #fff
}

.single-footer-widget ul.social-links li a.googleplus {
    border-color: #d34836;
    color: #d34836
}

.single-footer-widget ul.social-links li a.googleplus:hover {
    background: #d34836;
    color: #fff
}

.single-footer-widget ul.social-links li a.skype {
    border-color: #62b1d8;
    color: #62b1d8
}

.single-footer-widget ul.social-links li a.skype:hover {
    background: #62b1d8;
    color: #fff
}

.single-footer-widget ul.social-links li a.instagram {
    border-color: #231f20;
    color: #231f20
}

.single-footer-widget ul.social-links li a.instagram:hover {
    background: #231f20;
    color: #fff
}

.single-footer-widget ul.social-links li a:hover {
    background: #39c;
    color: #fff
}

.copyright-area {
    border-top: 1px solid #ebeff3;
    text-align: center;
    margin-top: 0
}

.partner.detail {
    margin: 42px 20px 0 0
}

.title.authorized-badge img {
    width: 100%;
    max-width: 250px
}

.services-box .icon .service-icon,
.services-box .icon img {
    max-width: 100px;
    width: 100px;
    top: -20px;
    right: -20px;
    bottom: 0;
    left: auto
}

.section-privacy-policy .privacy-policy-content .h1-style,
.section-privacy-policy .privacy-policy-content .h2-style,
.section-privacy-policy .privacy-policy-content .h3-style,
.section-privacy-policy .privacy-policy-content .h4-style,
.section-privacy-policy .privacy-policy-content .h5-style,
.section-privacy-policy .privacy-policy-content .h6-style,
.section-privacy-policy .privacy-policy-content h1,
.section-privacy-policy .privacy-policy-content h2,
.section-privacy-policy .privacy-policy-content h3,
.section-privacy-policy .privacy-policy-content h4,
.section-privacy-policy .privacy-policy-content h5,
.section-privacy-policy .privacy-policy-content h6 {
    display: block;
    width: 100%
}

.modal-content .sec-title .h3-style span,
.other-service-text p,
.service-item .h2-style,
.service-item .sec-title .h3-style {
    text-transform: capitalize
}

.overlay-fade-in img {
    transition: .2s linear
}

.overlay-fade-in:hover img {
    transform: scale(1.2)
}

.filter:not(.basic-filter),
.filter:not(.basic-filter) ul li a,
.meta {
    text-transform: uppercase;
    letter-spacing: .02rem;
    font-size: .7rem;
    font-weight: 700;
    color: #9d9e9e
}

.post-meta {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .7rem;
    color: #aab0bc
}

.post-meta li i,
.post-mets-data .post-meta li i {
    padding-right: .2rem;
    vertical-align: -.05rem
}

.social-share-icon {
    border-top: 1px solid rgba(93, 118, 174, .15)
}

.social-share-icon span {
    font-weight: 400;
    margin: 0;
    font-size: 18px
}

.social-share-icon a {
    width: 40px;
    height: 40px;
    line-height: 38px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50%;
    color: #fff !important;
    font-size: 17px;
    margin: 0 0 0 5px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
    background-color: #0b2347
}

.social-share-icon a:hover {
    background: #0b2347 !important;
    color: #fff
}

.social-share-icon a.share-facebook {
    background-color: #3c5a99
}

.social-share-icon a.share-instagram {
    background-color: #f09433;
    background-image: -moz-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-image: -webkit-linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-image: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%)
}

.social-share-icon a.share-pinterest {
    background-color: #ff382b
}

.social-share-icon a.share-linkedin {
    background-color: #0a66c2
}

.social-share-icon a.share-whatsapp {
    background-color: #00e676
}

.social-share-icon a.share-skype {
    background-color: #00a4e1
}

.social-share-icon a.share-gmail {
    background-color: #ce493b
}

.blog-post {
    font-size: 20px;
    font-weight: 600;
    margin: 0 0 10px
}

.appi-ins-portfolio-sec.serv-port-bg-01 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-01:before,
.appi-portfolio-sec-left.serv-port-bg-01:before,
.bg-primary,
.clockbg-dial.serv-port-bg-01 {
    background-color: var(--primary) !important
}

.sec-title .h2-style.h2-clients {
    margin-bottom: 50px;
    margin-top: 0
}

.services-menu-title ul li,
.tool-section.other-pagebg.other-div .consult-btn,
.top-header-contact .header-social,
.zohoone-box .icon {
    margin: 0 0 15px
}

.top-header-contact .header-social .social-links {
    padding: 0;
    list-style: none;
    display: flex;
    position: relative
}

.top-header-contact .header-social .social-links li {
    margin: 0 15px 0 0;
    color: var(--paragraph-color);
    display: inline-block;
    vertical-align: middle
}

.top-header-contact .header-social .social-links li:last-child {
    margin-right: 0
}

.top-header-contact .header-social .social-links li a {
    color: var(--paragraph-color);
    min-width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px
}

.header-seo-extra,
.portfolio_content .gird_item:nth-child(5n+4) .startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.new-fintech-header:before,
.startp-nav nav .navbar-nav .nav-item .limain-industries.active .dropdown_menu.mega-menu .services-menu-title ul li a::before {
    opacity: 0
}

.social-links .header-seo-extra {
    position: absolute;
    top: 0
}

.top-header-contact .header-social .social-links li.border-left {
    padding-left: 12px;
    border: 0;
    border-left: 1px solid #dcdcdc
}

.header-contact-info {
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding: 15px 0 0
}

.header-info-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 0 40px
}

.clutch-data:first-child,
.header-info-item:first-child {
    padding-left: 0
}

.header-info-item:last-child {
    padding-right: 0
}

.header-info-item~.header-info-item {
    border-left: 1px solid #dcdcdc
}

.header-info-item .header-info-icon {
    margin: auto 15px auto 0
}

.header-info-item .header-info-icon i {
    font-size: 32px;
    line-height: 1;
    color: var(--primary)
}

.header-info-item .header-info-subtitle {
    color: var(--black);
    margin: 0;
    font-size: 11px;
    font-family: var(--secondary-font);
    font-weight: 300;
    letter-spacing: .5px
}

.header-info-item .header-info-title {
    margin: 0 0 5px;
    color: var(--black);
    font-size: 13px;
    font-family: var(--secondary-font);
    font-weight: 600;
    line-height: 1.2
}

.header-info-item .header-info-title a {
    color: var(--black)
}

.fa-flip {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.section-block-title {
    display: flex;
    width: 100%;
    position: relative;
    margin: auto;
    height: 100%;
    z-index: 1;
    min-height: 150px
}

.section-block-title:after,
.section-block-title:before {
    content: "";
    display: block;
    position: absolute;
    right: auto;
    bottom: 0
}

.section-block-title:before {
    height: 100%;
    height: calc(100% - 20px);
    width: 200px;
    top: 0;
    left: 50px;
    background: #efefef;
    z-index: -1
}

.section-block-title:after {
    height: 90px;
    width: 90px;
    top: auto;
    left: 210px;
    background: var(--primary);
    z-index: 1;
    opacity: .6;
    -webkit-animation: 10s linear infinite movebounce;
    animation: 10s linear infinite movebounce;
    transform: translateX(15px);
    transform: translateY(-13px);
    opacity: .5;
    -webkit-transform: translateX(15px);
    -moz-transform: translateX(15px);
    -ms-transform: translateX(15px);
    -o-transform: translateX(15px)
}

.sec-title-orange .section-block-title:after {
    background: var(--orange)
}

.portfolio_content .gird_item:nth-child(5n+1) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n+1) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n+1) .portfolio-item p:before,
.sec-title-orange .about-title-right .h3-style,
.sec-title-orange .about-title-right h3,
.sec-title-orange .banner-li-title a.services-link,
.sec-title-orange .banner-li-title ul.banner-listing li,
.sec-title-orange .banner-li-title ul.banner-listing.text-green li,
.sec-title-orange .section-block-title span,
.services-list-content .services-item:nth-child(5n+1) .services-box .services-box-text .h3-style,
.services-list-content .services-item:nth-child(5n+1) .services-box .services-box-text h3 {
    color: var(--orange)
}

.sec-title-orange .banner-li-title .ba-square:after {
    background: var(--blue)
}

.portfolio_content .gird_item:nth-child(5n+2) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n+2) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n+2) .portfolio-item p:before,
.services-list-content .services-item:nth-child(5n+2) .services-box .services-box-text .h3-style,
.services-list-content .services-item:nth-child(5n+2) .services-box .services-box-text h3 {
    color: var(--blue)
}

.sec-title-green .section-block-title:after {
    background: var(--green)
}

.portfolio_content .gird_item:nth-child(5n+3) .portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n+3) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n+3) .portfolio-item p:before,
.sec-title-green .about-title-right .h3-style,
.sec-title-green .about-title-right h3,
.sec-title-green .banner-li-title a.services-link,
.sec-title-green .banner-li-title ul.banner-listing li,
.sec-title-green .banner-li-title ul.banner-listing.text-green li,
.sec-title-green .section-block-title span,
.services-list-content .services-item:nth-child(5n+5) .services-box .services-box-text .h3-style,
.services-list-content .services-item:nth-child(5n+5) .services-box .services-box-text h3 {
    color: var(--green)
}

.portfolio-item .h2-style,
.portfolio_content .gird_item:nth-child(5n+4) .portfolio-item h2,
.portfolio_content .gird_item:nth-child(5n+4) .portfolio-item p:before,
.services-list-content .services-item:nth-child(5n+3) .services-box .services-box-text .h3-style,
.services-list-content .services-item:nth-child(5n+3) .services-box .services-box-text h3 {
    color: var(--redpink)
}

.sec-title-yellow .section-block-title:after {
    background: var(--yellow)
}

.sec-title-yellow .about-title-right .h3-style,
.sec-title-yellow .about-title-right h3,
.sec-title-yellow .section-block-title span {
    color: var(--yellow)
}

.section-block-title .h2-style,
.section-block-title .h3-style,
.section-block-title h2,
.section-block-title h3 {
    font-weight: 900;
    color: var(--paragraph-color);
    font-size: 40px;
    margin: auto 0;
    position: relative;
    top: -10px;
    z-index: 3
}

.section-space {
    padding-top: 50px;
    padding-bottom: 50px;
    overflow: hidden;
    position: relative
}

.not-page.section-space{
    padding: 85px 0;
}

.sec-open-roles.section-space.section-four:before,
.testimoniols-section.testi-service::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -145px;
    top: auto;
    width: 100%;
    height: 145px;
    background-color: #f8f8fb;
    z-index: 9
}

.wwoffer-sec.section-space {
    padding-bottom: 0
}

.about-section .about-section-bg {
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: auto;
    display: block
}

.about-section-title,
.ourclients_button .ourclientscategory,
.set-techcase,
.tech-data,
.tech-img {
    display: flex
}

.about-title-left .h3-style,
.about-title-left h3 {
    color: var(--paragraph-color);
    text-transform: capitalize
}

.about-title-right {
    min-width: 300px;
    margin: 0 0 0 50px;
    padding: 0 0 0 50px;
    border: 0;
    border-left: 10px solid var(--primary)
}

.about-title-right h1 {
    font-size: 40px;
    font-weight: 900;
    color: var(--primary)
}

.about-title-right h3.h4-style,
.about-title-right h4 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--paragraph-color)
}

.about-title-right h3.h1-style {
    font-size: 40px;
    font-weight: 800;
    color: var(--primary)
}

.sec-title-orange .about-title-right {
    border-left: 10px solid var(--orange)
}

.sec-title-green .about-title-right {
    border-left: 10px solid var(--green)
}

.sec-title-yellow .about-title-right {
    border-left: 10px solid var(--yellow)
}

.list-style ul {
    list-style: none;
    padding: 0;
    margin: 0 0 10px
}

.list-style ul li {
    position: relative;
    padding: 0 0 0 20px;
    line-height: 1.7
}

.appi-pp-para ul.appi-cont li span:before,
.list-style ul li:before,
.list-style.ls-bg ul li:after {
    content: "";
    border: 4px solid var(--primary);
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    left: 0
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
    word-break: normal
}

.list-style.ls-square ul li:before {
    border: 4px solid var(--primary)
}

.list-style.ls-rounded ul li:before {
    border-radius: 50%
}

.list-style.ls-bg.ls-triangle ul li:after,
.list-style.ls-triangle ul li:before {
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 10px solid var(--primary);
    border-radius: 0 !important
}

.list-style.ls-bg ul li:after {
    opacity: .4;
    transform: scale(1.2);
    transform-origin: -50% -50%
}

.list-style.ls-bg.ls-square ul li:after {
    border: 5px solid var(--primary)
}

.list-style.ls-bg.ls-rounded ul li:before {
    border-radius: 50%;
    transform: scale(.8)
}

.list-style.ls-bg.ls-rounded ul li:after {
    border-radius: 50%;
    transform: scale(1.5);
    transform-origin: 50% 50%
}

.sec-title-orange .list-style ul li:before,
.sec-title-orange .list-style.ls-bg ul li:after {
    border: 5px solid var(--orange)
}

.sec-title-green .list-style ul li:before,
.sec-title-green .list-style.ls-bg ul li:after {
    border: 5px solid var(--green)
}

.sec-title-yellow .list-style ul li:before,
.sec-title-yellow .list-style.ls-bg ul li:after {
    border: 5px solid var(--yellow)
}

.sec-title-orange .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-orange .list-style.ls-triangle ul li:before {
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 10px solid var(--orange)
}

.sec-title-green .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-green .list-style.ls-triangle ul li:before {
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 10px solid var(--green)
}

.sec-title-yellow .list-style.ls-bg.ls-triangle ul li:after,
.sec-title-yellow .list-style.ls-triangle ul li:before {
    border: 7px solid transparent;
    border-top: none;
    border-bottom: 10px solid var(--yellow)
}

.services-box {
    height: 314px;
    background-color: #fff;
    max-width: 100%;
    margin: auto;
    display: block;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
    position: relative
}

.services-box .icon {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    height: 80px;
    z-index: 1
}

.services-box .icon .service-icon {
    position: absolute;
    margin: auto;
    display: block;
    background-size: 600px auto;
    background-repeat: no-repeat;
    background-image: url(../images/we-impact.png)
}

.brand-img .brandimg-figure.bf-weldeez,
.core-values-figure.core-values-betterment,
.menu-img .industries-img-01,
.menu-img .menu-img-01,
.menu-img .service-menu-01,
.service-img-01,
.tools-img .tools-img-01,
.tt-used-card .tt-used-icone figure.payment-cashfree,
.wi-zoho-one,
.zoho-one-icon.zoho1-01,
.zoho-services-icon.zoho-s-img-01 {
    background-position: 0 0
}

.menu-img .menu-img-06,
.service-img-02,
.tt-used-card .tt-used-icone figure.payment-payumoney,
.wi-saas-cloud {
    background-position: -100px 0
}

.service-img-03,
.tt-used-card .tt-used-icone figure.payment-payubiz,
.wi-enterprise {
    background-position: -200px 0
}

.brand-img .brandimg-figure.bf-aesha,
.service-img-04,
.tt-used-card .tt-used-icone figure.payment-stripe,
.wi-digital-transformation,
.zoho-services-icon.zoho-s-img-06 {
    background-position: -300px 0
}

.service-img-05,
.tt-used-card .tt-used-icone figure.payment-ccavenue,
.wi-ecommerece {
    background-position: -400px 0
}

.service-img-06,
.tt-used-card .tt-used-icone figure.payment-razorpay,
.wi-cosumer-app {
    background-position: -500px 0
}

.services-box .icon img {
    position: absolute;
    margin: auto;
    display: block
}

.service-port-info-img ul.brand-img,
.services-box a,
.services-menu-content-info,
.services-menu-info-img ul.brand-img {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.brand-img .brandimg-figure.bf-edestine,
.brand-img .brandimg-figure.bf-edestininternational,
figure.brandimg-figure.bf-goldorbit {
    background-position: -1050px -2400px
}

.service-block .service-block-text,
.services-box .services-box-text {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 15px;
    border-radius: 10px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

.services-box .services-box-text .h3-style,
.services-box .services-box-text h3 {
    color: #424242 !important;
    font-weight: 600;
    margin: 0 0 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.services-box .services-box-text p {
    font-size: 15px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 127px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    line-height: 1.7
}

.services-box.services-box2 .icon img {
    bottom: -20px;
    width: 128px
}

.services-icon-bottom.services-box .icon img {
    top: 0;
    right: 0;
    bottom: 0
}

.services-icon-bottom.services-box.services-box3 .icon img {
    top: 0;
    bottom: 0
}

.services-icon-bottom.services-box.services-box5 .icon img {
    right: -10px;
    bottom: 10px
}

.contact-from-section .sec-title,
.services-icon-bottom.services-box .services-box-text,
.services-title-bottom.services-box .services-box-text p {
    order: 1
}

.services-sec-page .services-box .services-box-text .h3-style,
.services-sec-page .services-box .services-box-text h3 {
    display: flex;
    height: 67px
}

.service-block .service-block-text .h3-style span,
.service-block .service-block-text h3 span,
.services-sec-page .services-box .services-box-text .h3-style span,
.services-sec-page .services-box .services-box-text h3 span {
    width: 100%;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 67px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2;
    margin: auto
}

.services-sec-page .services-box .services-box-text p {
    font-size: 15px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 102px;
    max-height: 102px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.7
}

.services-sec-page .services-box .icon img {
    opacity: .5
}

.services-sec-page .services-box.services-hover .services-box-text p {
    height: 25px;
    -webkit-line-clamp: 1;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.services-sec-page .services-box.services-hover:hover .services-box-text p {
    height: 102px;
    -webkit-line-clamp: 4
}

.text-orange {
    color: var(--orange) !important
}

.text-blue {
    color: var(--blue) !important
}

.text-green {
    color: var(--green) !important
}

.text-redpink {
    color: var(--redpink) !important
}

.text-yellow {
    color: var(--yellow) !important
}

.sec-title .h2-style,
.zoho-product-desc p,
p.h4-style {
    margin-bottom: 8px
}

.sec-title .h3-style,
.sec-title h2,
.sec-title h3 {
    text-indent: -15px;
    line-height: 1.2;
    margin-bottom: 8px;
    font-size: 24px
}

.fouder-sec-data .founder-desc i,
.sec-title h2,
span.h2-style {
    font-size: 40px
}

.sec-title h2 b,
.sec-title h2 span {
    font-weight: 900;
    position: relative;
    z-index: 1;
    color: var(--paragraph-color)
}

.sec-title.sec-title-orange .h2-style:before,
.sec-title.sec-title-orange .h3-style:before,
.sec-title.sec-title-orange h2:before,
.sec-title.sec-title-orange h3:before {
    border: 20px solid var(--orange)
}

.sec-title.sec-title-blue .h2-style:before,
.sec-title.sec-title-blue .h3-style:before,
.sec-title.sec-title-blue h2:before,
.sec-title.sec-title-blue h3:before {
    border: 20px solid var(--blue)
}

.sec-title.sec-title-green .h2-style:before,
.sec-title.sec-title-green .h3-style:before,
.sec-title.sec-title-green h2:before,
.sec-title.sec-title-green h3:before {
    border: 20px solid var(--green)
}

.sec-title.sec-title-redpink .h2-style:before,
.sec-title.sec-title-redpink .h3-style:before,
.sec-title.sec-title-redpink h2:before,
.sec-title.sec-title-redpink h3:before {
    border: 20px solid var(--redpink)
}

.sec-title.sec-title-yellow .h2-style:before,
.sec-title.sec-title-yellow .h3-style:before,
.sec-title.sec-title-yellow h2:before,
.sec-title.sec-title-yellow h3:before {
    border: 20px solid var(--yellow)
}

.sec-title .h3-style:before,
.sec-title h2:before,
.sec-title h3:before {
    content: "";
    border: 20px solid var(--primary);
    display: inline-block;
    width: 0;
    height: 0;
    position: relative;
    z-index: 0;
    margin: 0;
    -webkit-animation: 10s linear infinite movebounce;
    animation: 10s linear infinite movebounce;
    transform: translateX(15px);
    transform: translateY(-15px);
    opacity: .5
}

.sec-title .h3-style b,
.sec-title .h3-style span,
.sec-title h3 b,
.sec-title h3 span {
    position: relative;
    z-index: 1;
    color: var(--paragraph-color);
    font-weight: 800
}

.sec-title .h3-style span,
.sec-title h3 span {
    font-weight: 600
}

.swiper.brand-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.brand-img,
.brand-img .brandimg-figure {
    margin: 0;
    padding: 0;
    display: block
}

.swiper.brand-swiper .swiper-wrapper {
    height: 250px !important;
    margin-right: auto;
    margin-left: auto
}

.swiper.brand-swiper .swiper-wrapper .swiper-slide {
    text-align: center;
    font-size: 18px;
    height: calc((100% - 30px)/ 2) !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin: auto 0 !important
}

.swiper.brand-swiper .brand-img,
.swiper.brand-swiper .brand-img .image {
    position: relative;
    width: 100%;
    height: 100%
}

.swiper.brand-swiper .brand-img .image figure.brandimg-figure {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

.brand-img .brandimg-figure {
    background-size: 1500px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 150px;
    height: 150px
}

.clients-trust-sec .brand-img .brandimg-figure {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7)
}

figure.brandimg-figure.bf-bakers-bunch {
    background-position: -1200px -2550px
}

figure.brandimg-figure.bf-truecolor {
    background-position: -750px -2550px
}

figure.brandimg-figure.bf-silkora {
    background-position: -600px -2550px
}

figure.brandimg-figure.bf-boozer {
    background-position: -146px -2400px
}

figure.brandimg-figure.bf-career {
    background-position: -600px -2394px
}

.brand-img .brandimg-figure.bf-sopaninfotech,
figure.brandimg-figure.bf-growthcircle {
    background-position: -1200px -2400px
}

figure.brandimg-figure.bf-primex {
    background-position: 0 -2400px
}

.clients-trust-slider .media-img {
    width: 150px;
    height: 50px
}

.brand-img .brandimg-figure.bf-phoonyx,
figure.brandimg-figure.bf-alafAdaf {
    background-position: 0 -450px
}

.brand-img .bf-nextap {
    background-position: -1355px -2400px
}

.appi-ins-portfolio-right.serv-port-03-img,
.glimpse-tile .glimpse-img img {
    background-size: cover;
    background-repeat: no-repeat
}

.client-slider .brand-img .brandimg-figure,
.client-slider.owl-carousel .owl-stage,
.lg-outer .lg-thumb.lg-group,
.other-service-sec .other-service-text p:last-child,
.service-mobile-list .service-slide-list .service-slide-block,
.tt-used-text p,
.zoho-additional-services .services-list-item .card .card-body .icon .zoho-services-icon,
figure.testimoniols-img-figure.testimodalimg {
    margin: auto
}

.brand-img .brandimg-figure.bf-obakudesign {
    background-position: -450px -1487px
}

.brand-img .brandimg-figure img {
    opacity: .5;
    max-width: 150px;
    display: block;
    margin: auto
}

.brand-img .brandimg-figure.bf-yolofarm,
.tools-img .tools-img-06 {
    background-position: -150px 0
}

.brand-img .brandimg-figure.bf-atul,
.brand-img .brandimg-figure.bf-atulbakery,
figure.testimoniols-img-figure.ti-kishor {
    background-position: -450px 0
}

.brand-img .brandimg-figure.bf-booknfly,
.service-img-07,
.tt-used-card .tt-used-icone figure.payment-paytm {
    background-position: -600px 0
}

.brand-img .brandimg-figure.bf-cleanncare {
    background-position: -750px 0
}

.brand-img .brandimg-figure.bf-edlyn,
.service-img-10 {
    background-position: -900px 0
}

.brand-img .brandimg-figure.bf-bookguru {
    background-position: -1050px 0
}

.brand-img .brandimg-figure.bf-fitness7 {
    background-position: -1200px 0
}

.brand-img .brandimg-figure.bf-gallbery {
    background-position: -1350px 0
}

.brand-img .brandimg-figure.bf-gururamdas {
    background-position: 0-150px
}

.brand-img .brandimg-figure.bf-pixocity,
.other-ser-ico figure.service-mobileapplication {
    background-position: -1350px -150px
}

.brand-img .brandimg-figure.bf-gymtown {
    background-position: -150px -150px
}

.brand-img .brandimg-figure.bf-karington,
.other-ser-ico figure.service-digitalmarketing {
    background-position: -300px -150px
}

.brand-img .brandimg-figure.bf-magicrete {
    background-position: -450px -150px
}

.brand-img .brandimg-figure.bf-maharaja {
    background-position: -600px -150px
}

.brand-img .brandimg-figure.bf-nilkanth {
    background-position: -750px -150px
}

.brand-img .brandimg-figure.bf-obaku {
    background-position: -900px -150px
}

.brand-img .brandimg-figure.bf-phoenix {
    background-position: -1050px -150px
}

.brand-img .brandimg-figure.bf-sgfilms,
.tt-used-card .tt-used-icone figure.tech-php {
    background-position: 2px -300px
}

.brand-img .brandimg-figure.bf-shitalphoto,
.tt-used-card .tt-used-icone figure.tech-keywordexplorer {
    background-position: -150px -300px
}

.brand-img .brandimg-figure.bf-skengineering,
.tt-used-card .tt-used-icone figure.tech-javascript {
    background-position: -300px -300px
}

.brand-img .brandimg-figure.bf-soham {
    background-position: -450px -300px
}

.brand-img .brandimg-figure.bf-sumitrx,
.brand-img .brandimg-figure.bf-summitnutrition,
.tt-used-card .tt-used-icone figure.tech-css {
    background-position: -600px -300px
}

.brand-img .brandimg-figure.bf-titotour {
    background-position: -750px -300px
}

.brand-img .brandimg-figure.bf-utsav,
.tt-used-card .tt-used-icone figure.tech-swift {
    background-position: -900px -300px
}

.brand-img .brandimg-figure.bf-ccc {
    background-position: -1050px -300px
}

.brand-img .brandimg-figure.bf-aarya {
    background-position: -1200px -300px
}

.brand-img .brandimg-figure.bf-alhadaf {
    background-position: -150px -1650px;
    background-position: 0-450px
}

.brand-img .brandimg-figure.bf-alltexexim {
    background-position: -150px -450px
}

.brand-img .brandimg-figure.bf-ambika {
    background-position: -300px -450px
}

.brand-img .brandimg-figure.bf-amcfz {
    background-position: -450px -450px
}

.brand-img .brandimg-figure.bf-amicontrolsservices {
    background-position: -600px -450px
}

.brand-img .brandimg-figure.bf-archemicals {
    background-position: -750px -450px
}

.brand-img .brandimg-figure.bf-arhamelectricals {
    background-position: -900px -450px
}

.brand-img .brandimg-figure.bf-argroup {
    background-position: -1050px -450px
}

.brand-img .brandimg-figure.bf-arjunfoods {
    background-position: -1200px -450px
}

.brand-img .brandimg-figure.bf-bidwinbuy {
    background-position: -1350px -450px
}

.brand-img .brandimg-figure.bf-bizcompass,
.tt-used-card .tt-used-icone figure.tech-buzzsumo {
    background-position: 0-600px
}

.brand-img .brandimg-figure.bf-bnimember {
    background-position: -150px -600px
}

.brand-img .brandimg-figure.bf-bnisurat,
.tt-used-card .tt-used-icone figure.tech-search-console {
    background-position: -300px -600px
}

.brand-img .brandimg-figure.bf-bplusk {
    background-position: -450px -600px
}

.brand-img .brandimg-figure.bf-ronakladyfashion,
figure.brandimg-figure.bf-ronaklady {
    background-position: -600px -1800px
}

.brand-img .brandimg-figure.bf-salonsecrets,
figure.brandimg-figure.bf-salonsecret {
    background-position: -1200px -1800px
}

figure.brandimg-figure.bf-calgarycab {
    background-position: -600px -600px
}

.brandimg-figure.bf-af-brand {
    background-position: -1350px -300px
}

.brand-img .brandimg-figure.bf-memighty {
    background-position: -750px -600px
}

.brand-img .brandimg-figure.bf-panash,
.tt-used-card .tt-used-icone figure.tech-keywordsurfer {
    background-position: -900px -600px
}

.brand-img .brandimg-figure.bf-auditflash {
    background-position: -1050px -600px
}

.brand-img .brandimg-figure.bf-cleansheen {
    background-position: -1200px -600px
}

.brand-img .brandimg-figure.bf-credai {
    background-position: -1350px -600px
}

.brand-img .brandimg-figure.bf-dbrtechnology {
    background-position: 0-750px
}

.brand-img .brandimg-figure.bf-deselectro {
    background-position: -150px -750px
}

.brand-img .brandimg-figure.bf-dgsea {
    background-position: -300px -750px
}

.brand-img .brandimg-figure.bf-dietitions,
figure.brandimg-figure.bf-pooja {
    background-position: -600px -750px
}

.brand-img .brandimg-figure.bf-vcreateproduction {
    background-position: -750px -750px
}

.brand-img .brandimg-figure.bf-regency {
    background-position: -900px -750px
}

.brand-img .brandimg-figure.bf-dmddevelopers {
    background-position: -1050px -750px
}

.brand-img .brandimg-figure.bf-dssoundandlight {
    background-position: -1200px -750px
}

.brand-img .brandimg-figure.bf-dynamicdreamz {
    background-position: -1350px -750px
}

.brand-img .brandimg-figure.bf-ecard,
.tt-used-card .tt-used-icone figure.tech-yoastseo {
    background-position: 0-900px
}

.brand-img .brandimg-figure.bf-excelcomputers {
    background-position: -150px -900px
}

.brand-img .brandimg-figure.bf-eyesnspecs,
.tt-used-card .tt-used-icone figure.tech-checkmylinks {
    background-position: -300px -900px
}

.brand-img .brandimg-figure.bf-fcn {
    background-position: -450px -900px
}

.brand-img .brandimg-figure.bf-fehujewel,
.tt-used-card .tt-used-icone figure.tech-woorank {
    background-position: -600px -900px
}

.brand-img .brandimg-figure.bf-finpro {
    background-position: -750px -900px
}

.brand-img .brandimg-figure.bf-forevergems,
.tt-used-card .tt-used-icone figure.tech-photopea {
    background-position: -900px -900px
}

.brand-img .brandimg-figure.bf-fspansalon {
    background-position: -1050px -900px
}

.brand-img .brandimg-figure.bf-funfuntafun {
    background-position: -1200px -900px
}

.brand-img .brandimg-figure.bf-gibusiness {
    background-position: -1350px -900px
}

.brand-img .brandimg-figure.bf-greenoven {
    background-position: 0-1050px
}

.brand-img .brandimg-figure.bf-greentechengineering {
    background-position: -150px -1050px
}

.brand-img .brandimg-figure.bf-esmartfitness {
    background-position: -300px -1050px
}

.brand-img .brandimg-figure.bf-healthpharma {
    background-position: -450px -1050px
}

.brand-img .brandimg-figure.bf-immune {
    background-position: -600px -1050px
}

.brand-img .brandimg-figure.bf-jazzsalon {
    background-position: -750px -1050px
}

.brand-img .brandimg-figure.bf-jiyaenterprise {
    background-position: -900px -1050px
}

.brand-img .brandimg-figure.bf-jnk {
    background-position: -1050px -1050px
}

.brand-img .brandimg-figure.bf-jobsonclick {
    background-position: -1200px -1050px
}

.brand-img .brandimg-figure.bf-kathormedicaltrust {
    background-position: -1350px -1050px
}

.brand-img .brandimg-figure.bf-kdppagencies {
    background-position: 0-1200px
}

.brand-img .brandimg-figure.bf-kesar {
    background-position: -150px -1200px
}

.brand-img .brandimg-figure.bf-kioclerk {
    background-position: -300px -1200px
}

.brand-img .brandimg-figure.bf-kiOSist {
    background-position: -450px -1200px
}

.brand-img .brandimg-figure.bf-kiran {
    background-position: -600px -1200px
}

.brand-img .brandimg-figure.bf-krushnapetroleum {
    background-position: -750px -1200px
}

.brand-img .brandimg-figure.bf-ladodesign {
    background-position: -900px -1200px
}

.brand-img .brandimg-figure.bf-leewa {
    background-position: -1050px -1200px
}

.brand-img .brandimg-figure.bf-limdo {
    background-position: -1200px -1200px
}

.brand-img .brandimg-figure.bf-technofox {
    background-position: -1350px -1200px
}

.brand-img .brandimg-figure.bf-m4m {
    background-position: 0-1350px
}

.brand-img .brandimg-figure.bf-madz {
    background-position: -150px -1350px
}

.brand-img .brandimg-figure.bf-miaeducationaltrust {
    background-position: -300px -1350px
}

.brand-img .brandimg-figure.bf-maktech {
    background-position: -450px -1350px
}

.brand-img .brandimg-figure.bf-master {
    background-position: -600px -1350px
}

.brand-img .brandimg-figure.bf-meragadget {
    background-position: -750px -1350px
}

.brand-img .brandimg-figure.bf-mindactivation {
    background-position: -900px -1350px
}

.brand-img .brandimg-figure.bf-mindtech {
    background-position: -1050px -1350px
}

.brand-img .brandimg-figure.bf-motiwala {
    background-position: -1200px -1350px
}

.brand-img .brandimg-figure.bf-mymobile {
    background-position: -1350px -1350px
}

.brand-img .brandimg-figure.bf-netdroid {
    background-position: 0-1500px
}

.brand-img .brandimg-figure.bf-nilmadhav {
    background-position: -150px -1500px
}

.brand-img .brandimg-figure.bf-nokee,
.service-img-16 {
    background-position: -300px -1500px
}

figure.brandimg-figure.bf-pharma {
    background-position: -1337px -2545px
}

figure.brandimg-figure.bf-tristar {
    background-position: -150px -2700px
}

figure.brandimg-figure.bf-chab {
    background-position: 0 -2700px
}

.brand-img .brandimg-figure.bf-dg-sea-connect01 {
    background-position: -300px -740px
}

.brand-img .brandimg-figure.bf-omsaiconstruction,
.service-img-26 {
    background-position: -600px -1500px
}

.brand-img .brandimg-figure.bf-onex {
    background-position: -750px -1500px
}

.brand-img .brandimg-figure.bf-osm {
    background-position: -900px -1500px
}

.brand-img .brandimg-figure.bf-outrightaccounting {
    background-position: -1050px -1500px
}

.brand-img .brandimg-figure.bf-aronacarcare {
    background-position: -1200px -1500px
}

.brand-img .brandimg-figure.bf-pc {
    background-position: -1350px -1500px
}

.brand-img .brandimg-figure.bf-platina {
    background-position: 0-1650px
}

.brand-img .brandimg-figure.bf-polycab {
    background-position: -150px -1650px
}

.brand-img .brandimg-figure.bf-polyconnect {
    background-position: -300px -1650px
}

.brand-img .brandimg-figure.bf-polycafe {
    background-position: -450px -1650px
}

.brand-img .brandimg-figure.bf-prabhuvasava {
    background-position: -600px -1650px
}

.brand-img .brandimg-figure.bf-pumpupnutrition {
    background-position: -750px -1650px
}

.brand-img .brandimg-figure.bf-rachitfashion {
    background-position: -900px -1650px
}

.brand-img .brandimg-figure.bf-radhaivf {
    background-position: -1050px -1650px
}

.brand-img .brandimg-figure.bf-rainbow {
    background-position: -1200px -1650px
}

.brand-img .brandimg-figure.bf-rajrajeshwari {
    background-position: -1350px -1650px
}

.brand-img .brandimg-figure.bf-reliablefire {
    background-position: 0-1800px
}

.brand-img .brandimg-figure.bf-repairstudio {
    background-position: -150px -1800px
}

.brand-img .brandimg-figure.bf-revo {
    background-position: -300px -1800px
}

.brand-img .brandimg-figure.bf-rngspalon {
    background-position: -450px -1800px
}

.brand-img .brandimg-figure.bf-roxanglobal {
    background-position: -750px -1800px
}

.brand-img .brandimg-figure.bf-myfitness,
figure.brandimg-figure.bf-drapmall {
    background-position: -750px -2400px
}

.brand-img .brandimg-figure.bf-rudramobile {
    background-position: -900px -1800px
}

.brand-img .brandimg-figure.bf-saionsalon {
    background-position: -1050px -1800px
}

.brand-img .brandimg-figure.bf-amrutyaspa {
    background-position: -1350px -1800px
}

.brand-img .brandimg-figure.bf-sevenhorses {
    background-position: 0-1950px
}

.brand-img .brandimg-figure.bf-shailjas {
    background-position: -150px -1950px
}

.brand-img .brandimg-figure.bf-shreejiconstruction {
    background-position: -300px -1950px
}

.brand-img .brandimg-figure.bf-shreenathdevelopers {
    background-position: -450px -1950px
}

.brand-img .brandimg-figure.bf-silvero {
    background-position: -600px -1950px
}

.brand-img .brandimg-figure.bf-smartkard {
    background-position: -750px -1950px
}

.brand-img .brandimg-figure.bf-smitlight {
    background-position: -900px -1950px
}

.brand-img .brandimg-figure.bf-solidblack {
    background-position: -1050px -1950px
}

.brand-img .brandimg-figure.bf-spoproduction {
    background-position: -1200px -1950px
}

.brand-img .brandimg-figure.bf-raktadan {
    background-position: -1350px -1950px
}

.brand-img .brandimg-figure.bf-suchitra {
    background-position: 0-2100px
}

.brand-img .brandimg-figure.bf-suman {
    background-position: -150px -2100px
}

.brand-img .brandimg-figure.bf-summitrx {
    background-position: -450px -2100px
}

.brand-img .brandimg-figure.bf-sunprinters {
    background-position: -600px -2100px
}

.brand-img .brandimg-figure.bf-swadcooking {
    background-position: -750px -2100px
}

.brand-img .brandimg-figure.bf-tagscolor {
    background-position: -900px -2100px
}

.brand-img .brandimg-figure.bf-tagsblack {
    background-position: -1050px -2100px
}

.brand-img .brandimg-figure.bf-readersadda {
    background-position: -1200px -2100px
}

.brand-img .brandimg-figure.bf-techchemelectro {
    background-position: -1350px -2100px
}

.brand-img .brandimg-figure.bf-insomniacs,
.brand-img .brandimg-figure.bf-totality {
    background-position: 0-2250px
}

.brand-img .brandimg-figure.bf-ttc {
    background-position: -150px -2250px
}

.brand-img .brandimg-figure.bf-3dn {
    background-position: -300px -2250px
}

.brand-img .brandimg-figure.bf-vakrangi {
    background-position: -450px -2250px
}

.brand-img .brandimg-figure.bf-vastranand {
    background-position: -600px -2250px
}

.brand-img .brandimg-figure.bf-vials {
    background-position: -750px -2250px
}

.brand-img .brandimg-figure.bf-vivaahred {
    background-position: -900px -2250px
}

.brand-img .brandimg-figure.bf-vivaahcolor {
    background-position: -1050px -2250px
}

.brand-img .brandimg-figure.bf-weekendplaces {
    background-position: -1200px -2250px
}

.brand-img .brandimg-figure.bf-websenztechnologies {
    background-position: -1350px -2250px
}

.brand-img .brandimg-figure.bf-whitedaisy {
    background-position: 0-2400px
}

.brand-img .brandimg-figure.bf-yolo {
    background-position: -150px -2400px
}

.brand-img .brandimg-figure.bf-denova {
    background-position: -300px -2400px
}

.brand-img .brandimg-figure.bf-shangrila,
figure.brandimg-figure.bf-cacoethes {
    background-position: -450px -2400px
}

.brand-img .brandimg-figure.bf-greendesign {
    background-position: -600px -2400px
}

.brand-img .brandimg-figure.bf-everestinstruments {
    background-position: -900px -2400px
}

.brand-img .brandimg-figure.bf-jacquard {
    background-position: -1350px -2400px
}

.brand-sm-img.brand-img .brandimg-figure {
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    -webkit-transform: scale(.6);
    -ms-transform: scale(.6);
    transform: scale(.6);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.portfolio-right {
    padding-right: 200px;
    background: #25d5eb;
    background: -webkit-gradient(linear, left top, right top, from(#25d5eb), to(#25d5eb));
    background: -o-linear-gradient(left, #25d5eb 0, #25d5eb 100%);
    background: linear-gradient(90deg, #25d5eb 0, #25d5eb 100%)
}

.appi-portfolio-sec-left figure,
.spacer,
.trigger-wpsec {
    left: 0;
    position: absolute;
    width: 100%
}

.trigger-wpsec {
    top: 0;
    height: 100vh;
    z-index: -1
}

.spacer {
    height: 1px;
    margin-top: 0;
    top: 50%
}

.appi-ins-portfolio-sec {
    height: 100vh;
    position: relative;
    overflow: hidden;
    background-color: #fff !important;
    inset: 0 auto auto 0 !important
}

.serv-port-02-img,
.serv-port-07-img {
    visibility: hidden;
    opacity: 0
}

.appi-portfolio-sec {
    height: 100vh;
    position: relative;
    z-index: 9;
    line-height: 1;
    overflow: hidden
}

.appi-portfolio-sec-left,
.appi-portfolio-sec-right {
    position: relative;
    height: 100vh;
    transition: 1s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: 1s cubic-bezier(.165, .84, .44, 1)
}

.appi-portfolio-sec-left {
    float: right;
    width: 27%;
    z-index: 4;
    padding: 30px
}

.appi-portfolio-sec-left figure {
    top: 0;
    height: 100%;
    overflow: hidden;
    display: none
}

.donimg img,
.services-menu-info .services-menu-info-text p.h4-style {
    height: auto !important
}

.appi-portfolio-sec-left figure img {
    object-fit: cover;
    object-position: center center;
    width: 100%;
    height: 100%
}

.appi-portfolio-sec-right {
    left: 0;
    top: 0;
    width: 43%;
    overflow: hidden;
    float: left
}

.appi-port-left-content {
    position: relative;
    right: 0;
    bottom: auto;
    width: 100%;
    color: #fff;
    line-height: 1.15
}

.appi-port-left-content .service-port-info-img div.w-100,
.ourcilent .client-slider {
    margin-top: 15px
}

.about-section-content .about-title-right .h1-style,
.about-section-content .about-title-right .h4-style {
    margin: 12px 0
}

.about-section-content .about-title-left {
    margin: auto 0
}

.appi-port-left-content li,
.appi-port-left-content p {
    color: var(--paragraph-color);
    line-height: 1.15;
    margin-bottom: 1rem
}

.appi-port-left-content .pp-head {
    font-size: 24px;
    line-height: 1.5;
    overflow: hidden;
    height: auto;
    position: relative;
    margin: 0 0 15px
}

.appi-port-left-content .appi-pp-para .appi-cont,
.appi-port-left-content .pp-head p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: .5s;
    transition: .5s
}

.appi-port-left-content .pp-head p {
    height: auto;
    min-height: 48px;
    line-height: 1.5;
    display: flex;
    margin: 0
}

.appi-port-left-content .pp-head p span {
    position: relative;
    top: 0;
    margin: auto auto auto 0
}

.appi-port-left-content .appi-pp-para {
    position: relative;
    font-size: 20px;
    width: 100%;
    height: auto
}

.appi-port-left-content .appi-pp-para .appi-cont,
.clients-trust-figure img,
.set-clientbtn .clutch-data .setglassimg img {
    height: 100%;
    width: 100%
}

.appi-port-left-content .appi-pp-para .appi-cont.active,
.appi-port-left-content .pp-head p.active-text {
    opacity: 1;
    pointer-events: all;
    position: relative
}

.appi-port-left-content .appi-pp-para .appi-cont li,
.appi-port-left-content .appi-pp-para .appi-cont p,
.event-box,
.overflow-hidden {
    overflow: hidden
}

.appi-port-left-content .appi-pp-para .appi-cont li span,
.appi-port-left-content .appi-pp-para .appi-cont p span {
    position: relative;
    top: 130px
}

.appi-pp-para ul.appi-cont,
.service-mobile-content .service-mobile-content-list ul {
    list-style: none;
    padding: 0;
    margin: 0
}

.appi-pp-para ul.appi-cont li span {
    position: relative;
    padding: 0 0 0 20px;
    display: inline-block
}

.appi-casestudy-navi {
    margin: 30px 0 0;
    width: 180px;
    height: 60px;
    position: relative
}

.pp-navi.l1 .appi-dot-navi .dotts i,
.pp-navi.l1 .appi-dot-navi .dotts i:after,
.pp-navi.l1 .appi-dot-navi .dotts i:before {
    background: #f0368f
}

.appi-casestudy-navi .pp-navi {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: -1;
    transform-origin: 30px center;
    -webkit-transform-origin: 30px center
}

.pp-navi.l2 .appi-dot-navi .dotts i,
.pp-navi.l2 .appi-dot-navi .dotts i:after,
.pp-navi.l2 .appi-dot-navi .dotts i:before {
    background: #9726b4
}

.appi-casestudy-navi .pp-navi a .arrow {
    position: absolute;
    width: 32px;
    height: 32px;
    right: 44px;
    top: -4px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a:hover .arrow i {
    left: 22px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow i {
    left: 5px
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a .arrow {
    right: -38px;
    top: 0
}

.appi-casestudy-navi .pp-navi .read_more_wrapper a:hover .arrow svg .arrow-icon--circle {
    transition: stroke-dashoffset .3s;
    stroke-dasharray: 95;
    stroke-dashoffset: 0
}

.appi-casestudy-navi .pp-navi a .arrow i {
    font-display: swap;
    position: absolute;
    top: 2px;
    -webkit-transition: .6s;
    transition: .6s;
    left: -5px
}

.appi-casestudy-navi .pp-navi a:hover .arrow,
.cilent-otherpage .grayscale:hover .image,
.event-box:hover .glimpse-tile .glimpse-img span,
.glimpse-tile .glimpse-img:hover span,
.social-icone-footer.attachment-open ul.s-i-f-list li,
.tt-used-card:hover .tt-used-icone figure {
    opacity: 1
}

.appi-casestudy-navi .pp-navi a .arrow i span {
    position: relative;
    left: 0;
    top: -1px;
    font-size: 20px;
    line-height: 30px;
    padding: 0;
    -webkit-transition: .6s;
    transition: .6s
}

.appi-casestudy-navi .pp-navi:hover a .arrow i span {
    left: 4px
}

.appi-casestudy-navi .pp-navi a .arrow svg {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: .6s;
    transition: .6s
}

.appi-casestudy-navi .pp-navi:hover a .arrow svg {
    position: absolute;
    top: 0;
    left: 5px
}

.appi-casestudy-navi .pp-navi:hover a .arrow svg .arrow-icon--circle {
    transition: stroke-dashoffset .3s;
    stroke-dasharray: 95;
    stroke-dashoffset: 95
}

.appi-casestudy-navi .pp-navi:hover a .arrow-icon--circle {
    stroke-dashoffset: 0
}

.serv-port-07-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}

.serv-port-07-img figure {
    position: absolute;
    left: 20px;
    z-index: 3;
    bottom: 0
}

.serv-port-07-img figure.l2 {
    z-index: 2;
    right: 20px;
    top: 0;
    left: auto;
    bottom: auto
}

.serv-port-07-img figure img {
    max-width: 90%
}

.faq-accset,
.sap-page .otherpage-heading b::before,
.serv-port-02-img figure img,
.service-mobile-content .service-mobile-img img {
    width: 100%
}

.tools-technologies-sec .nav-tabs-line.nav-tabs .nav-item {
    flex: 1
}

.serv-port-02-img {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.serv-port-02-img figure.l1 {
    left: auto;
    bottom: -2000px;
    z-index: 2;
    right: 40%;
    right: calc(50% - 100px);
    margin-bottom: 50px
}

.serv-port-02-img figure.l2 {
    left: 60%;
    left: calc(50% + 100px);
    margin: 0 0 50px;
    right: auto;
    top: auto;
    bottom: 0;
    z-index: 1
}

.serv-port-02-img figure.l3 {
    left: 0;
    margin: -50px auto auto;
    right: 0;
    bottom: auto;
    top: 100%;
    z-index: 1
}

.clock-dial-center-wrap {
    visibility: hidden;
    opacity: 0;
    position: relative;
    left: 0;
    top: 0;
    width: 30%;
    height: 100vh;
    border-radius: 0;
    z-index: 5;
    float: left;
    -webkit-transition: .6s cubic-bezier(.19, 1, .22, 1);
    transition: .6s cubic-bezier(.19, 1, .22, 1);
    transform-origin: top left;
    -webkit-transform-origin: top left;
    padding: 30px;
    display: flex
}

.appi-ins-portfolio-right,
.clockbg-dial {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%
}

.clock-dial-center-wrap .appi-port-list {
    overflow: auto;
    max-height: 100%
}

.clock-dial-center-wrap .appi-port-list .appi-port-title {
    font-size: 24px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
    font-weight: 600
}

.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text,
.clock-dial-center-wrap p {
    line-height: 1
}

.clock-dial-center-wrap.active {
    visibility: visible;
    opacity: 1
}

.clockbg-dial {
    border-radius: 0;
    position: absolute;
    transition: .6s cubic-bezier(.165, .84, .44, 1);
    -webkit-transition: .6s cubic-bezier(.165, .84, .44, 1)
}

#Dots {
    transform: translate(-121px, 49px);
    -webkit-transform: translate(-121px, 49px)
}

.serv-port-01,
.serv-port-01-img figure {
    position: relative;
    z-index: 3
}

.appi-ins-portfolio-right {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.appi-ins-portfolio-right:not(.active) {
    z-index: 0;
    opacity: 0 !important;
    pointer-events: none;
    -webkit-transition: 1s;
    transition: 1s
}

.appi-ins-portfolio-right.active,
.dropdown:hover .dropdown-content,
.service-block:hover .service-popover {
    pointer-events: all
}

.appi-ins-portfolio-right.active,
.client-item:hover {
    z-index: 2
}

.appi-ins-portfolio-right.serv-port-05-img figure img,
.serv-port-01-img figure img,
.serv-port-03-img figure img {
    width: 90%
}

.serv-port-01-img figure.l1 {
    left: -10px;
    right: 0;
    margin: -30px auto 0;
    top: auto;
    bottom: 0;
    position: relative
}

.serv-port-01-img figure.l2 {
    left: 0;
    right: -20pxpx;
    margin: -30px auto auto;
    top: -100%
}

.appi-ins-portfolio-right.serv-port-01-img.active,
.appi-ins-portfolio-right.serv-port-05-img.active {
    overflow: auto;
    padding-bottom: 70px
}

.appi-ins-portfolio-right.serv-port-04-img figure.l1 {
    left: 20px;
    bottom: 0
}

.appi-ins-portfolio-right.serv-port-04-img figure.l2 {
    left: 20px;
    top: auto;
    bottom: 1%
}

.appi-ins-portfolio-right.serv-port-04-img figure.l3 {
    left: auto;
    right: 30px;
    bottom: 0;
    margin-bottom: -50%
}

.appi-ins-portfolio-right.serv-port-04-img figure.l4 {
    right: 90px;
    top: -50px
}

.appi-ins-portfolio-right.serv-port-04-img figure.l5 {
    right: 150px;
    bottom: 41%
}

.appi-ins-portfolio-right.serv-port-04-img figure.l6 {
    right: 0;
    bottom: 50px
}

.appi-port-clocktext.serv-port-03 .middel-text p,
.appi-port-clocktext.serv-port-04 .middel-text p,
.appi-port-clocktext.serv-port-05,
.appi-port-clocktext.serv-port-05 .middel-text p,
.appi-port-clocktext.serv-port-06 {
    top: 0
}

.appi-ins-portfolio-right.serv-port-04-img figure.l7,
.appi-port-clocktext.serv-port-07 {
    left: 0;
    top: 0
}

.appi-ins-portfolio-right.serv-port-06-img figure.l2 {
    left: 10%;
    bottom: 20px
}

.appi-ins-portfolio-right.serv-port-06-img figure.l1 {
    width: 100%;
    left: 0;
    top: -100%;
    z-index: 2;
    text-align: center
}

.appi-ins-portfolio-right.serv-port-06-img figure.l1 img {
    max-width: 100%;
    height: auto
}

.appi-ins-portfolio-right.serv-port-06-img figure.l3 {
    left: 110%;
    top: 33%
}

.appi-ins-portfolio-right.serv-port-06-img figure.l4 {
    left: 10%;
    top: -100%
}

.appi-ins-portfolio-right.serv-port-06-img figure.l5 {
    left: 50%;
    bottom: -100%
}

.serv-port-03-img figure.l1 {
    left: auto;
    right: 20px;
    margin: auto;
    bottom: -100%
}

.serv-port-03-img figure.l2 {
    left: 20px;
    right: auto;
    margin: auto;
    top: -100%
}

.serv-port-05-img figure.l1 {
    left: 0;
    right: 0;
    top: auto;
    margin: auto;
    bottom: -100%
}

.serv-port-05-img figure.l2 {
    left: 0;
    right: 0;
    margin: auto;
    top: -100%
}

.serv-port-03-img figure.l1,
.serv-port-03-img figure.l2 {
    -webkit-transform: scale(80%);
    -ms-transform: scale(80%);
    transform: scale(80%)
}

.pp-navi.l3 .appi-dot-navi .dotts i,
.pp-navi.l3 .appi-dot-navi .dotts i:after,
.pp-navi.l3 .appi-dot-navi .dotts i:before {
    background: #0d3d99
}

.pp-navi.l4 .appi-dot-navi .dotts i,
.pp-navi.l4 .appi-dot-navi .dotts i:after,
.pp-navi.l4 .appi-dot-navi .dotts i:before {
    background: #c72840
}

.pp-navi.l5 .appi-dot-navi .dotts i,
.pp-navi.l5 .appi-dot-navi .dotts i:after,
.pp-navi.l5 .appi-dot-navi .dotts i:before {
    background: #131781
}

.pp-navi.l6 .appi-dot-navi .dotts i,
.pp-navi.l6 .appi-dot-navi .dotts i:after,
.pp-navi.l6 .appi-dot-navi .dotts i:before {
    background: #ed831f
}

.pp-navi.l7 .appi-dot-navi .dotts i,
.pp-navi.l7 .appi-dot-navi .dotts i:after,
.pp-navi.l7 .appi-dot-navi .dotts i:before {
    background: #03c677
}

.serv-port-01 {
    top: 0;
    color: #fff;
    left: 0
}

.about-sec-list,
.brad-setion .nav-tabs .nav-link,
.portskip,
.single-footer-widget ul.list li.footer-cycle,
.top-header-contact .header-social .social-links li a.text-primary {
    font-weight: 500
}

.appi-port-clocktext .down-text p,
.appi-port-clocktext .up-text p,
.serv-port-01 .text-sm p {
    position: relative;
    top: 0 !important
}

.appi-port-clocktext .down-text,
.appi-port-clocktext .up-text,
.serv-port-01 .text-sm {
    font-size: 16px;
    position: relative;
    height: auto;
    overflow: hidden
}

.serv-port-01 .text-sm {
    top: 0;
    left: 0;
    text-align: left
}

.appi-port-clocktext {
    position: relative;
    color: #fff;
    top: 0;
    margin: 0 0 30px
}

.appi-port-clocktext * {
    color: #fff !important
}

.appi-port-clocktext .down-text,
.appi-port-clocktext.serv-port-04 .down-text {
    text-align: left
}

.appi-port-clocktext .middel-text {
    overflow: hidden;
    border: 0;
    background: 0 0;
    -webkit-transition: .5s;
    height: auto;
    opacity: 1;
    position: relative;
    color: var(--white);
    padding: 0;
    text-shadow: 1px 1px 4px #00000005;
    line-height: 1.5;
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    transition: .5s;
    display: inline-block
}

.portfolio-item a,
.products-section .rounded {
    overflow: hidden;
    border-radius: 10px !important
}

.appi-port-clocktext.serv-port-02,
.appi-port-clocktext.serv-port-03,
.appi-port-clocktext.serv-port-04 {
    top: 0;
    left: 0
}

.appi-port-clocktext.serv-port-02 .down-text {
    padding: 0 8px 0 0
}

.appi-port-clocktext .middel-text p {
    position: relative;
    top: 0 !important;
    white-space: nowrap;
    line-height: 1.15;
    cursor: pointer
}

.about-image img,
.appi-port-clocktext.serv-port-03 .middel-text,
.appi-port-clocktext.serv-port-04 .middel-text,
.appi-port-clocktext.serv-port-05 .middel-text,
.appi-port-clocktext.serv-port-06 .middel-text,
.appi-port-clocktext.serv-port-07 .middel-text {
    height: auto
}

.appi-port-clocktext.serv-port-02 .middel-text p {
    line-height: 1.08
}

.appi-port-clocktext.serv-port-05,
.appi-port-clocktext.serv-port-06,
.year-nav-pills .nav-link.active {
    left: 0
}

.appi-portfolio-sec-left figure.four img {
    object-position: right center
}

.appi-portfolio-sec-left figure .donimg {
    position: absolute;
    top: -450px;
    left: 0
}

.appi-port-clocktext {
    opacity: .8;
    -webkit-transition: .5s;
    transition: .5s;
    padding: 0 0 5px
}

.appi-port-clocktext:after {
    content: "";
    width: 50px;
    height: 2px;
    position: absolute;
    top: auto;
    right: auto;
    bottom: 0;
    left: 0;
    -webkit-transition: .5s;
    transition: .5s;
    background-color: var(--white)
}

.appi-port-clocktext.active,
.progress-wrap.active-progress:hover {
    opacity: 1 !important
}

.appi-port-clocktext.active:after {
    left: 40px;
    width: 70px
}

#stats {
    position: relative;
    display: flex;
    align-items: center
}

.portskip {
    text-transform: uppercase;
    position: absolute;
    left: auto;
    right: 15px;
    bottom: 80px;
    z-index: 5;
    padding: 10px 20px;
    font-size: 16px;
    letter-spacing: 5px;
    color: var(--paragraph-color)
}

.scrollmagic-pin-spacer .scrollmagic-pin-spacer {
    padding: 0 !important
}

.appi-ins-portfolio-sec .appi-portfolio-sec-right,
.appi-portfolio-sec-left,
.zoho-one-content .zohoone-item .zohoone-box:hover {
    background-color: #fff !important
}

.appi-ins-portfolio-sec .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec:before,
.appi-portfolio-sec-left:before {
    content: "";
    background-color: var(--primary);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: .07;
    -webkit-transition: .5s;
    transition: .5s
}

.appi-ins-portfolio-sec.serv-port-bg-02 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-02:before,
.appi-portfolio-sec-left.serv-port-bg-02:before,
.clockbg-dial.serv-port-bg-02 {
    background-color: var(--green) !important
}

.appi-ins-portfolio-sec.serv-port-bg-03 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-03:before,
.appi-portfolio-sec-left.serv-port-bg-03:before,
.clockbg-dial.serv-port-bg-03 {
    background-color: var(--blue) !important
}

.appi-ins-portfolio-sec.serv-port-bg-04 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-04:before,
.appi-portfolio-sec-left.serv-port-bg-04:before,
.clockbg-dial.serv-port-bg-04 {
    background-color: var(--purple) !important
}

.appi-ins-portfolio-sec.serv-port-bg-05 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-05:before,
.appi-portfolio-sec-left.serv-port-bg-05:before,
.clockbg-dial.serv-port-bg-05 {
    background-color: #e22728 !important
}

.appi-ins-portfolio-sec.serv-port-bg-06 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-06:before,
.appi-portfolio-sec-left.serv-port-bg-06:before,
.clockbg-dial.serv-port-bg-06 {
    background-color: #f5b01a !important;
    background-color: var(--purple) !important
}

.appi-ins-portfolio-sec.serv-port-bg-07 .appi-portfolio-sec-right:before,
.appi-ins-portfolio-sec.serv-port-bg-07:before,
.appi-portfolio-sec-left.serv-port-bg-07:before,
.clockbg-dial.serv-port-bg-07 {
    background-color: var(--orange) !important
}

.service-port-clients .service-port-info-img .brand-sm-img {
    animation-delay: .1s;
    opacity: 0;
    transform: translateY(0)
}

.service-port-clients .service-port-info-img.active,
.service-port-clients .service-port-info-img.active .brand-sm-img,
.tab-pane.show .service-port-info .h4-style,
.tab-pane.show .service-port-info h4,
.tab-pane.show .service-port-info-img .brand-sm-img {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 1;
    transform: translateY(0)
}

.service-port-clients .service-port-info-img {
    position: absolute;
    pointer-events: none;
    animation-delay: .1s;
    opacity: 0;
    transform: translateY(100%)
}

.service-port-clients .service-port-info-img.active {
    position: relative;
    pointer-events: all
}

.cursor-zoom {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23262b32;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto
}

.portfolio-item a {
    box-shadow: 0 0 20px -5px #ddd;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.portfolio-item a:hover {
    box-shadow: 0 0 30px -5px #999
}

.portfolio-item p {
    font-size: 14px;
    font-weight: 600;
    margin: 0
}

.portfolio-item p:before {
    content: "";
    display: inline-block;
    margin: 0 10px 0 0;
    font-family: "Font Awesome 5 Pro";
    font-weight: 400
}

.portfolio-item .h2-style,
.portfolio-item h2 {
    font-size: 24px;
    font-weight: 600;
    margin: 0
}

.lift {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    transform: translateY(0);
    transition: .3s
}

.lift:hover {
    transform: translateY(-.4rem);
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/10%)
}

.movebounce {
    -webkit-animation: 10s linear infinite movebounce;
    animation: 10s linear infinite movebounce
}

.industries-sec-item {
    padding: 10px 0
}

.founer-designation p,
.testimoniols-section .testimoniols-card .post-link a {
    font-size: 14px
}

.fs-12 {
    font-size: 12px !important
}

.blog-otherpage,
.partner-banner {
    padding: 50px 0 100px
}

.modaltestimonial-modal .modal-content,
.partner-sec-counter,
.reach-milestone-sec {
    overflow: visible
}

.partner-sec-counter .partner-counter {
    top: -50px;
    position: relative
}

.partner-logo img {
    max-width: 300px;
    width: 100%
}

.zoho-services .services-list-item .card .card-body .icon {
    width: 60px;
    min-height: 60px;
    height: 60px
}

.zoho-services .services-list-item .card .card-body .icon img {
    -webkit-filter: none;
    filter: none;
    padding: 10px
}

.zoho-additional-services .services-list-item .card .card-body .icon .zoho-services-icon,
.zoho-services .services-list-item .card .card-body .icon .zoho-services-icon {
    width: 60px;
    min-height: 60px;
    height: 60px;
    background-size: 360px auto;
    background-repeat: no-repeat
}

.core-values-figure.core-values-accountability,
.menu-img .menu-img-04,
.tools-img .tools-img-03,
.zoho-services-icon.zoho-s-img-02 {
    background-position: -60px 0
}

figure.brandimg-figure.bf-touch {
    background-position: -305px -2700px
}

.set-hospitality-more-details,
.share-case-left {
    margin-top: 20px
}

.blog-details-row-section .col-12.col-lg-3.sticky-sidebar {
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 25px #d1d1d1;
    border-radius: 12px
}

.core-values-figure.core-values-success,
.tools-img .tools-img-05,
.zoho-services-icon.zoho-s-img-03 {
    background-position: -120px 0
}

.core-values-figure.core-values-excellence,
.zoho-services-icon.zoho-s-img-04,
figure.testimoniols-img-figure.ti-hemendra {
    background-position: -180px 0
}

.zoho-services-icon.zoho-s-img-05 {
    background-position: -240px 0
}

.zoho-additional-services .services-list-item .card .card-body .icon {
    width: 80px;
    min-height: 80px;
    height: 80px
}

.zoho-additional-services .services-list-item .card .card-body .icon img {
    -webkit-filter: none;
    filter: none;
    padding: 20px
}

.bg-soft-orange {
    background-color: #fff3ed !important
}

.bg-soft-green {
    background-color: #ebffe3 !important
}

.bg-soft-blue {
    background-color: #d5f5ff !important
}

.bg-soft-purple {
    background-color: #e7d9ff !important
}

.bg-soft-red {
    background-color: #ffe5e7 !important
}

.bg-soft-yellow {
    background-color: #fff8db !important
}

.btn.rounded-pill {
    border-radius: 40px
}

.banner-img-content .banner-img {
    opacity: 0;
    padding: 0 0 81%;
    height: 0
}

.banner-img-content .banner-amimate,
.glimpse-tile .glimpse-img img {
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0
}

.glimpse-tile .glimpse-img img {
    display: block;
    bottom: 0;
    margin: auto;
    background-position: center
}

.banner-img-content {
    margin: 0 0 40px
}

.form-group label {
    margin: 0 0 5px
}

div#web-content {
    min-height: 50vh
}

.event-content .h2-style,
.event-content h2 {
    text-transform: capitalize;
    letter-spacing: 2px
}

.sec-title .h2-style,
.sec-title .happen-form-title {
    letter-spacing: 1px;
    text-transform: capitalize;
    text-indent: -40px
}

.event-box {
    border-radius: 10px;
    background: #fff;
    padding: 15px
}

.glimpse-tile .glimpse-img {
    height: auto;
    padding: 0 0 100%;
    border-radius: 7px;
    margin: auto;
    position: relative;
    display: block;
    width: 100%;
    overflow: hidden
}

.event-box:hover .glimpse-tile .glimpse-img:after,
.glimpse-tile .glimpse-img:hover:after {
    opacity: .6;
    width: 100%;
    height: 100%
}

.glimpse-tile .glimpse-img span,
.glimpse-tile .glimpse-img:after {
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    opacity: 0
}

.glimpse-tile .glimpse-img:after {
    content: "";
    background: #000000bf;
    width: 0;
    height: 0;
    transition: .3s;
    border-radius: 7px
}

.glimpse-tile .glimpse-img span {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    z-index: 1;
    -webkit-transition: .3s linear;
    -moz-transition: .3s linear;
    -ms-transition: .3s linear;
    -o-transition: .3s linear;
    transition: .3s linear
}

.about-sec-list,
.blog-details-info p {
    font-size: 17px
}

.sec-title .h2-style,
.sec-title.sec-title-blue .row .h2-style b {
    font-size: 40px;
    line-height: 1.2
}

.happen-form-content {
    margin-left: -100px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.section-index-form-title {
    padding-top: 2rem
}

.card-letsconnect .happen-form-content .contact-zoho-form {
    height: 100%;
    display: inline-block
}

.sec-title .happen-form-title {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 8px;
    text-align: center
}

.sec-title .h2-style b {
    font-weight: 700;
    position: relative;
    z-index: 1;
    color: var(--paragraph-color)
}

.sec-title .h2-style:before {
    content: "";
    border: 20px solid var(--primary);
    display: inline-block;
    width: 0;
    height: 0;
    position: relative;
    z-index: 0;
    margin: 0;
    -webkit-animation: 10s linear infinite movebounce;
    animation: 10s linear infinite movebounce;
    transform: translateX(15px);
    transform: translateY(-15px);
    opacity: .5;
    left: 5px
}

.wrap {
    box-sizing: border-box;
    max-width: 1220px;
    margin: 0 auto
}

.team-carousel .owl-controls .owl-nav .owl-next,
.team-carousel .owl-controls .owl-nav .owl-prev {
    background: 0 0;
    font-size: 18px;
    color: #a1a1a1
}

.list-style.ls-bg.ls-square ul li:after {
    border: 4px solid #fff
}

.dropdown .dropdown-content {
    display: block;
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
    box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
    background: #fff;
    position: absolute;
    top: 100%;
    right: auto;
    bottom: auto;
    left: 0;
    width: 300px;
    z-index: 99;
    padding: 5px;
    opacity: 0;
    border-radius: 10px;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
    pointer-events: none
}

.dropdown .dropdown-content.dropdowncontent-md {
    width: 415px
}

.dropdown .dropdown-content.dropdown-content-right {
    right: 0;
    left: auto
}

.dropdown:hover .dropdown-content {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.dropdown .dropdown-content li.nav-item a {
    padding: 7px 10px;
    font-size: 14px;
    color: var(--paragraph-color)
}

.dropdown-container {
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dropdown-container .dropdown-block-left {
    -ms-flex: 0 0 100px;
    flex: 0 0 100px;
    max-width: 100px
}

.dropdown-container .dropdown-block-right {
    -ms-flex: 0 0 calc(100% - 100px);
    flex: 0 0 calc(100% - 100px);
    max-width: calc(100% - 100px)
}

.dropdown-container .dropdown-block-left .nav-item-title li a {
    padding: 7px 10px;
    font-size: 14px;
    color: var(--black);
    font-weight: 600
}

.dropdown-bottom.text-center.header-timing,
.dropdown-container .dropdown-block {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 7px;
    border: 0;
    border-bottom: 1px dashed #dcdcdc;
    display: flex
}

.dropdown-container .dropdown-block .h5-style,
.dropdown-container .dropdown-block h5 {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 2px 0 0;
    color: var(--primary);
    -ms-flex: 0 0 90px;
    flex: 0 0 90px;
    max-width: 90px
}

.dropdown-container .dropdown-block ul {
    -ms-flex: 0 0 calc(100% - 90px);
    flex: 0 0 calc(100% - 90px);
    max-width: calc(100% - 90px)
}

.dropdown-container .dropdown-block ul li.nav-item a {
    padding: 0;
    margin: 0 5px;
    font-weight: 400;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.7
}

.dropdown-container .dropdown-block ul li.nav-item a b,
.dropdown-container .dropdown-block ul li.nav-item a i,
.dropdown-container .dropdown-block ul li.nav-item a text,
ul.sub-contact-list li i {
    padding: 0;
    margin: auto 5px auto 0
}

.dropdown-container .dropdown-block ul li.nav-item a span {
    padding: 0;
    margin: auto 5px auto 0;
    color: var(--black)
}

.dropdown-container b {
    font-weight: 500;
    color: var(--black)
}

.dropdown-container .dropdown-bottom {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 5px 0 0;
    font-size: 14px
}

.dropdown-container .dropdown-bottom p {
    margin: 0;
    font-size: 14px
}

.blink {
    animation: 1.5s linear infinite blinker
}

.zoho-one-nav {
    position: relative;
    -ms-flex: 0 0 80px;
    flex: 0 0 80px;
    max-width: 80px;
    z-index: 2
}

.zoho-one-nav-content {
    position: sticky;
    top: 15px
}

.zoho-one-nav-content ul,
.zoho-one-nav-content ul li .zohoone-link {
    background-color: #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.zoho-one-nav-content ul {
    border-radius: 25px;
    box-shadow: 0 0 20px -10px #000;
    list-style: none;
    padding: 10px 5px;
    margin: 0;
    width: 50px;
    overflow: hidden
}

.zoho-one-nav-content ul:hover {
    width: 250px
}

.zoho-one-nav-content ul li .zohoone-link {
    padding: 5px;
    display: flex;
    border-radius: 20px
}

.zoho-one-nav-content ul li .zohoone-link.active,
.zoho-one-nav-content ul li .zohoone-link:hover,
.zoho-one-nav-content ul li.active .zohoone-link {
    background-color: #f3faff
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure {
    min-width: 30px;
    margin: auto;
    width: 30px;
    height: 30px;
    display: block;
    background-size: 300px auto;
    background-repeat: no-repeat
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.zoho-one {
    background-position: -180px -30px
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.digital-transformation {
    background-position: -90px -60px
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.saas-cloud-service,
.zoho-partner-icon.zoho-partner-01 {
    background-position: 0-30px
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.ecommerce-platforms {
    background-position: -120px -60px
}

.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.enterprise-software {
    background-position: -60px -60px
}

.zoho-one-icon.zoho1-04,
.zoho-one-nav-content ul.we-impact-nav-icons li .zohoone-link figure.consumer-application {
    background-position: -150px -60px
}

.zoho-one-nav-content ul li .zohoone-link figure {
    margin: 0;
    width: 30px;
    height: 30px;
    min-width: 30px;
    padding: 3px
}

.zoho-partner-icon {
    background-size: 180px auto;
    background-repeat: no-repeat;
    transform: scale(.9)
}

.zoho-partner-icon.zoho-partner-02 {
    background-position: -30px -30px
}

.zoho-partner-icon.zoho-partner-03 {
    background-position: -60px -30px
}

.zoho-one-icon.zoho1-10,
.zoho-partner-icon.zoho-partner-04 {
    background-position: -90px -30px
}

.zoho-partner-icon.zoho-partner-05 {
    background-position: -120px -30px
}

.zoho-partner-icon.zoho-partner-06 {
    background-position: -150px -30px
}

.zoho-one-icon {
    background-size: 450px auto;
    background-repeat: no-repeat
}

.zoho-one-icon.zoho1-02 {
    background-position: -240px -90px
}

.zoho-one-icon.zoho1-03 {
    background-position: -60px -90px
}

.zoho-one-icon.zoho1-05 {
    background-position: -180px -60px
}

.zoho-prod-img figure,
.zohoone-box .icon figure {
    background-repeat: no-repeat;
    background-position: 0 0
}

.zoho-one-icon.zoho1-06 {
    background-position: -330px -60px
}

.zoho-one-icon.zoho1-07 {
    background-position: -270px -150px
}

.zoho-one-icon.zoho1-08 {
    background-position: -120px -180px
}

.zoho-one-icon.zoho1-09 {
    background-position: -240px -30px
}

.zoho-one-nav-content ul li .zohoone-link text {
    margin: auto 0 auto 15px;
    opacity: 0;
    font-size: 12px;
    line-height: 1.2;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: block;
    white-space: nowrap;
    min-width: 180px;
    font-weight: 500
}

.zoho-one-nav-content ul:hover li .zohoone-link text {
    margin: auto 0 auto 10px;
    opacity: 1;
    white-space: normal
}

.zoho-one-content {
    -ms-flex: 0 0 calc(100% - 80px);
    flex: 0 0 calc(100% - 80px);
    max-width: calc(100% - 80px);
    margin-left: auto
}

.overflow-visible {
    overflow: visible !important
}

.zohoone-box {
    background: #fff !important;
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/5%);
    box-shadow: none
}

.zohoone-box-text .h3-style,
.zohoone-box-text h3 {
    color: #424242;
    font-weight: 600;
    margin: 0 0 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-size: 18px;
    display: flex;
    max-height: 48px
}

.zohoone-box-text .h3-style span,
.zohoone-box-text h3 span {
    width: 100%;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 48px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 1.2;
    margin: auto
}

.services-menu-info .services-menu-info-text p,
.zohoone-box-text p {
    -webkit-line-clamp: 3;
    line-height: 1.5;
    overflow: hidden;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.zohoone-box-text p {
    font-size: 16px;
    display: block;
    display: -webkit-box;
    height: 72px;
    max-height: 72px
}

.zohoone-box .icon figure {
    margin: 0;
    position: relative;
    height: 50px;
    width: 50px;
    background-size: auto 400px;
    display: inline-block
}

.zohoone-box .icon figure.zicon-bigin {
    background-position: -693px -173px
}

.zohoone-box .icon figure.zicon-booking {
    background-position: -404px -173px
}

.zohoone-box .icon figure.zicon-lens {
    background-position: -747px -173px
}

.zohoone-box .icon figure.zicon-learn {
    background-position: -289px -233px;
    width: 50px
}

.zohoone-box .icon figure.zicon-teaminbox {
    background-position: -175px -233px
}

.zohoone-box .icon figure.zicon1 {
    background-position: -4px -3px
}

.zohoone-box .icon figure.zicon2 {
    background-position: -119px -3px
}

.zohoone-box .icon figure.zicon4 {
    background-position: -179px -3px
}

.zohoone-box .icon figure.zicon35 {
    background-position: -690px -3px
}

.zohoone-box .icon figure.zicon6 {
    background-position: -233px -3px
}

.zohoone-box .icon figure.zicon7 {
    background-position: -292px -3px
}

.zohoone-box .icon figure.zicon8 {
    background-position: -348px -3px
}

.zohoone-box .icon figure.zicon9 {
    background-position: -520px -3px
}

.zohoone-box .icon figure.zicon-sites {
    background-position: -574px -3px;
    width: 53px
}

.zohoone-box .icon figure.zicon38 {
    background-position: -405px -3px
}

.zohoone-box .icon figure.zicon5 {
    background-position: -63px -3px
}

.zohoone-box .icon figure.zicon39 {
    background-position: -462px -3px
}

.zohoone-box .icon figure.zicon40 {
    background-position: -462px -175px
}

.zohoone-box .icon figure.zicon10 {
    background-position: -751px -3px
}

.zohoone-box .icon figure.zicon11 {
    background-position: -803px -3px
}

.zohoone-box .icon figure.zicon12 {
    background-position: -578px -59px
}

.zohoone-box .icon figure.zicon13 {
    background-position: -290px -117px
}

.zohoone-box .icon figure.zicon20 {
    background-position: -120px -117px
}

.zohoone-box .icon figure.zicon36 {
    background-position: -177px -117px
}

.zohoone-box .icon figure.zicon14 {
    background-position: -347px -117px
}

.zohoone-box .icon figure.zicon18 {
    background-position: -5px -117px
}

.zohoone-box .icon figure.zicon21 {
    background-position: -5px -61px
}

.zohoone-box .icon figure.zicon15 {
    background-position: -689px -61px
}

.zohoone-box .icon figure.zicon16 {
    background-position: -747px -61px
}

.zohoone-box .icon figure.zicon17 {
    background-position: -802px -61px;
    width: 52px
}

.zohoone-box .icon figure.zicon19 {
    background-position: -635px -61px
}

.zohoone-box .icon figure.zicon24 {
    background-position: -633px -3px
}

.zohoone-box .icon figure.zicon23 {
    background-position: -59px -117px;
    width: 54px
}

.zohoone-box .icon figure.zicon22 {
    background-position: -404px -117px
}

.zohoone-box .icon figure.zicon25 {
    background-position: -63px -61px
}

.zohoone-box .icon figure.zicon26 {
    background-position: -5px -177px
}

.zohoone-box .icon figure.zicon28 {
    background-position: -292px -61px
}

.zohoone-box .icon figure.ziconcheckout {
    background-position: -346px -61px
}

.zohoone-box .icon figure.zicon27 {
    background-position: -231px -56px;
    height: 60px
}

.zohoone-box .icon figure.zicon29 {
    background-position: -118px -56px;
    height: 60px
}

.zohoone-box .icon figure.zicon30 {
    background-position: -460px -60px;
    height: 55px;
    width: 55px
}

.zohoone-box .icon figure.zicon31 {
    background-position: -405px -60px;
    height: 55px
}

.zohoone-box .icon figure.zicon32 {
    background-position: -460px -117px
}

.zohoone-box .icon figure.zicon3 {
    background-position: -62px -174px
}

.zohoone-box .icon figure.zicon37 {
    background-position: -517px -117px;
    width: 52px
}

.zohoone-box .icon figure.zicon-bugtracker {
    background-position: -232px -118px
}

.zohoone-box .icon figure.zicon-workdrive {
    background-position: -632px -118px
}

.zohoone-box .icon figure.zicon-orchestly {
    background-position: -178px -61px
}

.zohoone-box .icon figure.zicon-commerce {
    background-position: -346px -175px
}

.zohoone-box .icon figure.zicon-dataprep {
    background-position: -461px -232px
}

.zohoone-box .icon figure img {
    width: 100%;
    opacity: 0;
    pointer-events: none
}

.industry-section .sec-title .h2-style,
.sec-title.title-no-effect .h1-style,
.sec-title.title-no-effect .h2-style,
.sec-title.title-no-effect .h3-style,
.sec-title.title-no-effect h1,
.sec-title.title-no-effect h2,
.sec-title.title-no-effect h3,
.text-indent-0 {
    text-indent: 0
}

.sec-title .sec-title-img {
    margin: 0;
    display: inline-block;
    width: 40px;
    height: 40px
}

.sec-title .sec-title-img.zoho-one-icon {
    width: 30px;
    height: 30px;
    transform: scale(1.5)
}

.case-list-button .buttob-list:first-child,
.sec-title .sec-title-img.zoho-one-icon:first-child,
.work-flow-section .faq-accset .btn span {
    margin-right: 10px
}

.sec-title .sec-title-img img {
    width: 40px
}

.sec-title .sec-title-img:first-child {
    margin-right: 20px
}

.zoho-one-content .zohoone-item .zohoone-box {
    height: 100%;
    height: calc(100% - 24px)
}

.zoho-one-content .zohoone-item:nth-child(6n+1) .zohoone-box {
    background-color: #fff3ed
}

.zoho-one-content .zohoone-item:nth-child(6n+2) .zohoone-box {
    background-color: #ebffe3
}

.zoho-one-content .zohoone-item:nth-child(6n+3) .zohoone-box {
    background-color: #d5f5ff
}

.zoho-one-content .zohoone-item:nth-child(6n+4) .zohoone-box {
    background-color: #e7d9ff
}

.zoho-one-content .zohoone-item:nth-child(6n+5) .zohoone-box {
    background-color: #ffe5e7
}

.zoho-one-content .zohoone-item:nth-child(6n+6) .zohoone-box {
    background-color: #fff8db
}

.year-nav-pills {
    position: absolute;
    display: block;
    left: 60px;
    right: auto;
    top: 50px;
    bottom: auto;
    z-index: 9
}

.year-nav-pills li a.active:before {
    width: 40px;
    height: 2px;
    opacity: 1
}

.year-nav-pills li a:before {
    content: "";
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    right: 108px;
    left: auto;
    margin: auto;
    background: #9f9f9f;
    width: 0;
    height: 0;
    opacity: 0;
    transition: .5s
}

.year-nav-pills .nav-link {
    background: 0 0;
    font-size: 20px;
    color: #000;
    line-height: 20px
}

.year-nav-pills .nav-link.active,
.year-nav-pills .nav-link:focus,
.year-nav-pills .nav-link:hover {
    background: #6a6a6a;
    color: #fff;
    font-weight: 600
}

.year-nav-pills li a.nav-link {
    background: #f8f8fb;
    min-width: 90px;
    padding: .5rem 1rem;
    position: relative;
    border: 1px solid #6a6a6a;
    border-radius: 5px;
    height: 40px;
    text-align: center;
    margin-bottom: 10px;
    left: -30px;
    transition: .5s
}

.year-nav-pills li a.active:after {
    content: "";
    background: #9f9f9f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: auto;
    bottom: 14px;
    right: 60px;
    left: auto;
    display: block;
    position: relative;
    margin: auto
}

.fw-400 {
    font-weight: 400 !important
}

.fw-600 {
    font-weight: 600 !important
}

.b,
.strong {
    font-weight: bolder
}

.startp-nav nav .navbar-nav .nav-item.mega-menu-item {
    position: static
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu {
    width: calc(100% - 50px);
    padding: 0 0 10px;
    box-shadow: none;
    background: 0 0;
    margin: 0 auto;
    left: 0;
    right: 0
}

.mega-menu-content {
    -webkit-box-shadow: 0-5px 30px 0 rgb(0 0 0/10%);
    box-shadow: 0-5px 30px 0 rgb(0 0 0/10%);
    padding: 15px;
    border-radius: 10px;
    background: #fff;
    overflow: hidden;
    min-height: 100px
}

.mega-menu-content .mega-menu-scroll {
    overflow: auto;
    max-height: calc(100vh - 100px)
}

.services-menu-list:first-child .menu-title,
.services-menu-list:nth-child(2) .menu-title,
.services-menu-list:nth-child(3) .menu-title {
    border: 0 !important;
    padding-top: 0 !important;
    margin-top: 0 !important
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .menu-title {
    font-size: 16px;
    display: flex;
    font-weight: 600;
    margin: 10px 0 5px;
    border: 0;
    border-top: 1px solid #dcdcdc;
    padding-top: 10px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .menu-title .menu-img {
    width: 30px;
    margin: auto 5px auto 0;
    display: inline-block
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .menu-title text {
    margin: auto 5px auto 0;
    display: inline-block
}

.blog-section .blog-text div ul {
    margin-top: 10px;
    padding: 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul {
    margin: 0;
    padding: 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a {
    font-size: 14px;
    padding: 5px 10px 5px 0;
    position: relative;
    display: flex;
    margin: 0;
    color: var(--paragraph-color)
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    top: 0;
    right: 5px;
    bottom: auto;
    left: auto;
    opacity: 0;
    width: auto;
    font-size: 18px;
    line-height: 1.7;
    -webkit-transition: .2s;
    transition: .2s
}

/* .mega-menu-item a.limain-services:before {
    content: "\f105";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    right: 5px;
    left: auto;
    opacity: 1;
    width: 20px;
    height: 18px;
    font-size: 18px;
    transform: rotate(-90deg);
    line-height: 1.7;
    -webkit-transition: .2s;
    transition: .2s;
} */

/* .startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.arrow-active:before {
    right: 0 !important;
    opacity: 1 !important;
    color: var(--primary);
} */

/* .mega-menu-item:hover a.limain-services:before {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    top: 50%;
    bottom: 50%;
    left: 90%;
} */
/* right: auto; */

/* .mega-menu-item:hover a.limain-services:before, */
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.arrow-active:before {
    right: 0 !important;
    opacity: 1 !important;
    color: var(--primary)
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a.active:before,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul li a:hover:before {
    right: 0;
    opacity: 1
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu ul.arrow-toggle li a.active:before {
    right: 5px;
    opacity: 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a {
    color: var(--paragraph-color) !important
}

.ind-item .menu-img,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a .menu-img {
    margin: 0 10px 0 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f9f9f9;
    display: flex
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a .menu-img span {
    width: 20px;
    height: 20px;
    background-size: 120px auto;
    background-repeat: no-repeat;
    margin: auto
}

.menu-img .menu-img-02 {
    background-position: -20px 0
}

.menu-img .menu-img-03 {
    background-position: -40px 0
}

.menu-img .menu-img-05 {
    background-position: -80px 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a .menu-img img {
    margin: auto;
    padding: 5px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a text {
    margin: auto 0;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-list ul li {
    margin: 0 0 7px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-list ul li a {
    margin: auto 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul li a::before {
    line-height: 40px
}

.startp-nav nav .navbar-nav .nav-item .nav-item-arrow:after {
    content: "";
    position: absolute;
    bottom: 80px;
    top: auto;
    left: 0;
    right: 0;
    width: 0;
    z-index: 9;
    padding: 0;
    opacity: 0;
    margin: auto;
    visibility: hidden;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: none
}

.services-sec .sec-title .h2-style {
    font-size: 28px;
    line-height: 1.2
}

.startp-nav nav .navbar-nav .nav-item:hover .nav-item-arrow:after {
    opacity: 1;
    visibility: visible;
    bottom: 60px
}

.startp-nav nav .navbar-nav .nav-item.mega-menu-item-off .nav-item-arrow:after {
    opacity: 0;
    visibility: hidden;
    bottom: 80px
}

.services-menu-title {
    padding: 20px 15px 20px 30px
}

.services-menu-content,
.services-menu-info {
    background-color: #f9f9f9;
    padding: 0;
    position: relative
}

.services-menu-info {
    background-color: #efefef;
    font-size: 14px
}

.services-menu-content>.services-menu-block,
.services-menu-info>.services-menu-inner-block {
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity .7s linear;
    transition: opacity .7s linear;
    visibility: hidden;
    position: absolute;
    display: flex !important;
    z-index: -1;
    margin: 0;
    top: 0;
    width: 100%
}

.services-menu-content .services-menu-list {
    padding: 20px;
    background-color: #f9f9f9
}

.services-menu-info>.services-menu-inner-block {
    padding: 20px 30px
}

.services-menu-content>.services-menu-block.show,
.services-menu-info>.services-menu-inner-block.show {
    opacity: 1;
    visibility: visible;
    position: relative;
    z-index: 9
}

.services-menu-info .services-menu-info-text {
    margin: 0 0 auto
}

.services-menu-info .services-menu-info-text p {
    font-size: 14px;
    display: block;
    display: -webkit-box;
    height: 63px;
    max-height: 63px
}

.services-menu-info .h4-style,
.services-menu-info h4 {
    font-size: 16px;
    color: var(--paragraph-color);
    font-weight: 600;
    margin: 0 0 10px
}

.services-menu-info-img {
    margin: auto 0 0;
    width: 100%
}

.services-menu-info-img ul.brand-img li.image {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: center;
    margin: 0 0 10px;
    height: 58px;
    position: relative
}

.services-menu-info-img ul.brand-img li.image figure {
    margin: auto;
    transform: scale(.4);
    position: absolute;
    top: 5px;
    right: 0;
    bottom: 0;
    left: -53%
}

.zoho-one-header .zoho-one-nav,
.zoho-partner-header .zoho-one-nav {
    position: fixed;
    left: auto;
    right: auto;
    z-index: 10
}

.zoho-partner-header .zoho-one-nav {
    top: 190px;
    transform: translateX(-62px);
    -webkit-transition: .2s;
    transition: .2s
}

.zoho-one-header .zoho-one-nav {
    top: 447px;
    transform: translateX(0);
    -webkit-transition: .5s;
    transition: .5s
}

.zoho-one-header.is-sticky .zoho-one-nav,
.zoho-partner-header.is-sticky .zoho-one-nav {
    top: 30px
}

ul.banner-listing {
    list-style: square
}

.banner-mobile-slider .owl-stage .owl-item {
    padding-top: 5px
}

.banner-mobile-slider .banner-li-title {
    padding-left: 5px
}

.banner-mobile-slider .owl-dots {
    margin: 0 !important
}

.we-impact-mobile-slider .owl-dots {
    margin: 15px 0 10px !important
}

.zoho-prod-img figure {
    margin: 0 0 30px 5px;
    width: 60px;
    height: 60px;
    display: block;
    background-size: 600px auto
}

.zoho-prod-img figure.zoho-one-icon {
    background-position: -360px -60px
}

.zoho-prod-img figure.digital-transformation-icon {
    background-position: -180px -120px
}

.zoho-prod-img figure.saas-cloud-icon {
    background-position: 0-60px
}

.zoho-prod-img figure.ecommerce-icon {
    background-position: -240px -120px
}

.zoho-prod-img figure.enterprise-icon {
    background-position: -120px -120px
}

.zoho-prod-img figure.consumer-application-icon {
    background-position: -300px -120px
}

.megamenu-overlay {
    background-color: rgba(0, 0, 0, .4);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    display: none;
    pointer-events: none
}

.megamenu-overlay.open {
    opacity: 1;
    visibility: visible;
    display: block;
    z-index: 9
}

.faq-section.other-div,
.footer-bottom-section {
    padding: 30px 0
}

.footer-btn .btn-list {
    padding: 0;
    margin: 0
}

.tools-technologies-sec~.other-service-sec {
    border-top: 2px solid #ebeff3
}

.tools-technologies-sec~.ideal-process-sec~.other-service-sec {
    border-top: 0
}

.rounded-20 {
    border-radius: 20px !important
}

.event-first-sec-image figure.wc-bg-img {
    position: absolute;
    margin: auto;
    overflow: hidden;
    top: 0;
    z-index: 0;
    width: 700px;
    filter: brightness(1.2)
}

.event-first-sec-image figure.wc-main-img {
    position: relative;
    display: block;
    height: 460px;
    overflow: hidden;
    margin: auto;
    z-index: 1;
    top: 15px;
    left: 50px
}

.event-first-sec-image figure.wc-main-img img,
.inner-glimpse-line:after {
    position: absolute;
    display: block;
    width: 90%;
    height: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.inner-glimpse-line:after {
    content: "";
    background: #9f9f9f;
    border-radius: 50%;
    width: 15px;
    height: 15px;
    top: auto;
    bottom: 30px;
    right: -48px;
    left: auto;
    margin: 0
}

.glimpse-data {
    background: #f3f3f3;
    border-radius: 2rem;
    padding: 60px;
    color: #fff;
    flex-direction: column;
    justify-content: center
}

.glimpse-data .h2-style,
.glimpse-data h2 {
    font-size: 38px;
    font-weight: 700
}

.glimpse-data .h3-style,
.glimpse-data h3 {
    font-size: 20px;
    line-height: 1.4
}

.glimpse-data h3,
.other-service-desc p {
    font-size: 15px
}

.glimpse-section-image {
    position: relative;
    width: 100%
}

.glimpse-section-image figure:before,
.glimpse-title {
    position: absolute;
    top: 0;
    left: 0;
    transition: .3s;
    right: 0
}

.glimpse-section-image figure {
    overflow: hidden;
    margin: 0;
    padding-bottom: 66.66%;
    background-size: cover
}

.glimpse-section-image figure:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    bottom: auto;
    background: #161616bd;
    opacity: 0;
    margin: auto;
    border-radius: 20px;
    backdrop-filter: blur(1px);
    overflow: hidden;
    -webkit-backdrop-filter: saturate(180%) blur(2px);
    backdrop-filter: saturate(180%) blur(10px)
}

.glimpse-section-image:hover figure:before {
    opacity: 1;
    height: 100%
}

.glimpse-title {
    font-size: 20px;
    display: none;
    text-align: center;
    font-weight: 600;
    bottom: 0;
    width: 0
}

.glimpse-title span {
    margin: auto;
    color: #fff;
    font-weight: 600
}

.glimpse-section-image:hover .glimpse-title {
    display: flex;
    width: 100%
}

.blog-description-section .blog-more-page .btn-primary:not(:disabled):not(.disabled):active {
    background-color: rgba(5, 74, 218, .1);
    color: #06f
}

.blog-description-section .blog-more-page .btn-more:hover,
.blog-details-content .blog-nav-content ul li.active a,
.blog-details-more .blog-more-01 a:hover h3,
.head-palttech .nav-tabs a.active span,
.head-palttech.tools-palttech .nav-tabs a:hover text,
.industries-text a:hover .industry-des-point li,
.industry-sec-main-data .h1-style span,
.industry-sec-main-data h1 span,
.social-share-icon.socialshare-middle ul li a.share-facebook i,
.social-share-icon.socialshare-middle ul li a.share-linkedin i,
.social-share-icon.socialshare-middle ul li a.share-twitter i,
.tool-btn .btn a,
.tool-section .tabs-list-scroll ul li a.active span,
.tool-section .tabs-list-scroll ul li:hover a span {
    color: #06f
}

.employee-speak-sec {
    padding: 60px 0 30px
}

.employee-speaks-content {
    height: 100%;
    background: #fff;
    border: 0;
    padding: 20px;
    box-shadow: 10px 10px 35px rgb(0 0 0/35%);
    -webkit-box-shadow: 0 0 30px -10px rgb(0 0 0/30%)
}

.employee-speaks-img {
    border-radius: 100%;
    border: 3px solid #06f;
    -webkit-border-radius: 100%;
    max-width: 150px;
    max-height: 150px;
    min-width: 150px;
    min-height: 150px;
    width: 150px;
    height: 150px;
    margin: 0 auto;
    overflow: hidden
}

.employee-speaks-desc p {
    display: inline-block;
    font-size: 16px;
    font-weight: 400;
    margin: 0
}

.employee-speaks-content .employee-speaks-desc p {
    font-size: 16px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 108px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-height: 1.7
}

.employee-speaks-desc strong {
    display: inline-block;
    color: #06f;
    font-weight: 600;
    font-size: 20px;
    line-height: 0;
    top: -3px;
    position: relative
}

.employee-speaks-position {
    margin-top: 12px;
    font-size: 18px;
    letter-spacing: 0
}

.employee-more-review-sec {
    font-family: var(--secondary-font);
    color: #525252;
    font-weight: 300;
    font-size: 18px;
    margin: 0
}

.team-carousel.owl-carousel .owl-stage-outer {
    padding: 40px 0 20px
}

.review-img {
    background: #fff;
    padding: 10px 20px;
    box-shadow: 10px 10px 35px -10px rgb(0 0 0/30%);
    margin-top: 15px
}

.review-img img {
    max-width: 180px;
    width: 100%
}

.inner-glimpse-title {
    display: block;
    font-size: 20px;
    font-weight: 500;
    text-align: center;
    padding-top: 12px
}

.inner-glimpse-line {
    display: inline-block;
    position: relative
}

.inner-glimpse-line:before,
.inner-glimpse-section:before {
    border-bottom: 2px solid #9f9f9f;
    right: auto;
    display: block;
    position: absolute;
    content: "";
    height: 100%
}

.inner-glimpse-line:before {
    border-right: 2px solid #9f9f9f;
    border-radius: 0 0 30px;
    padding: 0 40px 40px 0;
    width: 100%;
    width: calc(100% + 10px);
    top: 20px;
    bottom: auto;
    left: 32px
}

.inner-glimpse-section {
    position: relative;
    padding: 50px 0 50px 200px
}

.inner-glimpse-section:before {
    width: 5%;
    border-top: 2px solid #9f9f9f;
    border-left: 2px solid #9f9f9f;
    border-radius: 30px 0 0 30px;
    top: auto;
    bottom: 6px;
    left: 0
}

.inner-glimpse-overview-sec {
    display: block;
    max-width: 800px;
    margin: auto;
    position: relative;
    text-align: center
}

.inner-glimpse-content {
    background: #fff;
    padding: 40px;
    box-shadow: 0 0 40px -20px #878787;
    display: inline-block;
    margin-top: 30px;
    z-index: 3
}

.inner-glimpse-overview-sec:before {
    content: "";
    position: absolute;
    display: block;
    border-right: 2px solid #9f9f9f;
    border-top: 2px solid #9f9f9f;
    border-radius: 0 30px 0 0;
    padding: 40px 0 0 40px;
    width: 75%;
    height: 20%;
    top: -8px;
    bottom: auto;
    right: 50%;
    left: auto;
    z-index: 0
}

.inner-glimpse-overview-pill {
    background: #1758bb;
    padding: 3px;
    border-radius: 5px;
    width: 70px;
    display: block;
    margin: auto
}

.inner-glimpse-overview-pill p {
    color: #fff;
    font-weight: 400;
    z-index: 3;
    font-size: 12px
}

.inner-glimpse-overview-sec:after {
    content: "";
    position: absolute;
    display: block;
    background: #9f9f9f;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    top: 50px;
    bottom: auto;
    right: 2px;
    left: 0;
    margin: auto
}

.inner-glimpse-detail {
    font-size: 30px;
    font-weight: 600;
    margin: 20px 0
}

.inner-glimpse-overview-data a.nav-link {
    display: block;
    margin: auto;
    color: #fff;
    font-weight: 500;
    font-size: 24px;
    width: 160px
}

.industry-sec-main-data {
    z-index: 3;
    display: block;
    position: relative
}

.industry-sec-main-img figure {
    position: relative;
    display: block;
    height: 500px;
    margin: auto;
    overflow: hidden
}

.industry-sec-img-content-listing figure,
.industry-title-icon figure {
    width: 48px;
    height: 42px;
    background-size: contain;
    background-repeat: no-repeat
}

.industry-sec-main-img {
    background: #fff;
    max-height: 100%;
    z-index: 1;
    border-radius: 10px
}

.industry-sec-main-data p {
    font-weight: unset;
    font-size: 15px
}

.industry-sec-img-content,
.industry-sec-main-img figure:before {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

a.industries-view-more-btn {
    background-color: #06f;
    border-radius: 7px;
    padding: 13px 53px;
    color: #fff;
    transition: .5s
}

a.industries-view-more-btn.clspageparentmenu1:hover,
a.industries-view-more-btn.clspageparentmenu:hover {
    transform: translateY(-5px);
    transition: .5s
}

.industry-sec-img-content {
    color: #fff;
    padding: 22px 15px;
    z-index: 1
}

.industry-sec-img-content-listing a {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: .02em;
    color: #333;
    line-break: anywhere;
    position: relative
}

.dbl-square-shape:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%
}

.industry-sec-img-content-listing div:first-child a::before {
    top: 4px;
    left: 29px;
    background-color: #eefaff
}

.industry-sec-img-content-listing div:nth-child(2) a::before {
    top: -3px;
    left: 18px;
    background-color: #f3f2ff
}

.industry-sec-img-content-listing div:nth-child(3) a::before,
.industry-sec-img-content-listing div:nth-child(6) a::before {
    top: -3px;
    left: 18px;
    background-color: #fff3f3
}

.industry-sec-img-content-listing div:nth-child(4) a::before {
    top: -3px;
    left: 18px;
    background-color: #fbfce1
}

.industry-sec-img-content-listing div:nth-child(5) a::before {
    top: -6px;
    left: 4px;
    background-color: #e3fef0
}

.industry-sec-img-content-listing div:nth-child(7) a::before {
    top: -6px;
    left: 15px;
    background-color: rgba(36, 99, 155, .11)
}

.industry-sec-img-content-listing div:nth-child(8) a::before {
    top: -3px;
    left: 18px;
    background-color: #ddf6ff
}

.industry-sec-img-content-listing div:nth-child(10) a::before,
.industry-sec-img-content-listing div:nth-child(11) a::before,
.industry-sec-img-content-listing div:nth-child(12) a::before,
.industry-sec-img-content-listing div:nth-child(13) a::before,
.industry-sec-img-content-listing div:nth-child(9) a::before {
    top: 0;
    left: 24px;
    background-color: #ebf3ff
}

.industry-sec-img-content-listing {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px 0;
    margin: 0 43px
}

.industry-sec-img-content .industry-sec-img-content-title {
    background: #edf4ff;
    border-radius: 0 100px 100px 0;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .03em;
    color: #004cff;
    padding: 9px 30px;
    margin: 0 41px 34px 0
}

.industry-sec-img-content .industry-sec-img-content-data {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .02em;
    color: #4f4f4f;
    margin: 0 34px
}

.industry-sec-img-content-data {
    color: #000;
    font-size: 16px;
    font-weight: 400
}

.industry-img-sec {
    padding: 60px 0 0;
    position: relative
}

.industry-img .industry-img-sec .webimg {
    max-height: 100%;
    width: 100%
}

.case-article-play-btn span img,
.helth-herosection .webimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top
}

.blog-nav-tab,
.industries-text .h2-style,
.industry-title-icon~.h2-style,
.industry-title-icon~.h3-style,
.industry-title-icon~.h4-style,
.industry-title-icon~.h5-style,
.industry-title-icon~.h6-style,
.industry-title-icon~h2,
.industry-title-icon~h3,
.industry-title-icon~h4,
.industry-title-icon~h5,
.industry-title-icon~h6 {
    margin: 20px 0
}

.industry-section .mb-3 div:nth-child(2n) figure.industry-img-one.wow.slideInDown:before {
    bottom: -20px;
    left: -20px;
    border: 2px solid #8cf7bf;
    border-radius: 0 100px
}

.industry-section .mb-3 div:nth-child(2n) .industry-img-one {
    margin-right: auto;
    margin-left: 40px
}

.industry-sec-img-content-listing figure {
    display: block;
    vertical-align: middle;
    position: relative;
    margin: 0 auto 11px;
    object-fit: cover;
    object-position: top
}

.industry-sec-img-content-listing figure.retail-ind {
    background-position: -210px -60px
}

.industry-sec-img-content-listing figure.manufacturing-ind {
    background-position: -240px -60px
}

.industry-sec-img-content-listing figure.telecom-ind {
    background-position: -270px -60px
}

.industry-sec-img-content-listing figure.health-ind {
    background-position: 0-90px
}

.industry-sec-img-content-listing figure.ecom-ind {
    background-position: -30px -90px
}

.industry-title-icon {
    margin-left: 0;
    padding: 10px 0;
    border-radius: 50%;
    width: 70px;
    height: 70px
}

.industry-title-icon figure {
    display: block;
    margin: 0 0 0 20px;
    z-index: 1;
    background-position: top
}

.service-img-14,
.tt-used-card .tt-used-icone figure.analytics-fbpixel {
    background-position: -300px -100px
}

.tt-used-card .tt-used-icone figure.analytics-hotjar,
.tt-used-card .tt-used-icone figure.tech-hotjar {
    background-position: -400px -100px
}

.service-img-15 {
    background-position: -200px -1500px
}

.filepreview .form-control {
    padding-right: 40px !important
}

.filepreview label.filepreviewbg {
    position: absolute;
    display: block;
    top: 1px;
    right: 1px;
    bottom: auto;
    left: auto;
    width: 45px;
    height: 43px;
    margin: 0;
    border: 0;
    background-color: #f9f9f9;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}

.filepreview .form-control[title="NO FILE CHOSEN"],
.filepreview .form-control[title="No File Chosen"],
.filepreview .form-control[title="No file chosen"],
.filepreview .form-control[title="no file chosen"],
.filepreview .form-control[value="NO FILE CHOSEN"],
.filepreview .form-control[value="No File Chosen"],
.filepreview .form-control[value="No file chosen"],
.filepreview .form-control[value="no file chosen"] {
    color: transparent !important
}

.filepreview .form-control[type=file i],
.filepreview .form-control[type=file] {
    color: inherit !important;
    padding-left: 40px
}

.filepreview .form-control[type=file]::file-selector-button {
    border: 0;
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
    padding: 3px 5px;
    border-radius: 4px;
    background-color: transparent !important;
    margin: auto;
    color: #000;
    font-size: 0;
    width: 25px;
    min-width: 25px;
    min-height: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABkpJREFUaEPtmWWobGUUhp9rt2Jhgt2JXdhid2MXdiK2go3dXdiFYrdiICoqNip2dwe2PLA+WHzMmZl9nJkrl7t+nbNnz97r/d4V71ozglHERowiOBgN5P/G5MhgZAxgXWB1YBlgFmBc4EvgBeBx4Brg/SaHNWggOn8CsFAHJ38DzgeOAn7oBtAggRwNHAqMGY7p7L3Aa8AfwBTAKsCcyfE3gE2AlzuBGRSQM4G9w5nvgSOAq4DvKgf1ZwngkAg/P/4IWBF4qx2YQQA5C9grnHgO2Bh4r8MJy5rfORUwp14EFgb+Gep7/QZyDrBHvPxZYB3gs05hkj4/OHLKS4cBxw8aiAd0RgonmbBSfVI54ml7799DnLbV7DFgceADYKahWOkHIzUIS6rV6vMEYmzA5F8DmDRYuhS4LEBlvBsAt8SF9YHbWrHSayDGtnG9T7zs+XD2i/TySYCHgUUqh4z/i4DdqlOfHPgqmDsd2L/fQARxWgonmVgtGl1592TAA8CiceER4AlgC2A24C9gVcDr2d4EZgeuA7bsJ5CxgJODCVm2yggiMyGIu4GlwpHzgH2jh0wJvB695BJg58pZu/2yEWIb9QuITJySQLwSdd9wKGY43RXOeO1iYHfgz7hB8H5vHuDOqG7Z37dDyihdtuoHkBrESwHim/Qyk/kOYLm4djmwSwLhZTWXeTNOlFhLbbGpolAI1gM7sNdA6nBqBcJwuhVYIV5+BbBT5ELxx9J6f1SvH4H5K8G4KXBD3Gz1u6+XQFoxsXJUl/IembgpktdrhsV2FROCuAewMqm9to7vlGdMADwV4JQoc/Syj5TqpISQbpnwxL+twun66B9e9m9j26pUbLFIfhP99wBxY/rcZnkcYHfXLOnKnZbWtI94v7W89AkTdHkg58TEEQo2O81mpr7KOkkZ/2BUKcHJhKW1mO85ADgpDutpYMmhQHi9CZC6Y1tild25OgniWmDtBEIZrgQpJghzwiS2am0b38kg9ovE9p3vRjH4tFdAbHa+QGslOyYCrgbWi3usVEqKGoS9ZNq4vj1wZcWEISvrhpZTov3IhtjWmjDyKzAeoOywejiaFpswkjmDUCPlnJAJe8T0EWYy4UySmcggFImCcLjqaE2AOAxZNYzd3LHHj9Dw9DWnPuV6aXZes6TaEGcMEJZgBWK2PUMxW0w+BqyCXYHwIU2AtDoVZbZJ6ulrllLlegYxb4CbIUDsGuIwP88ub0UShLmwUkiWjkxkOru+ubpREIaGyazZqAwt+0ExQRhOzhGaDrtUyKauUnfZYJ1XDKdXmzo1XEacJ2xwBYRVSFZ+SQ7MHeE0c1wz/p0YsylVvObznFesgpb0xjYcINJviVU6aA9FOGUQSm5zxZ2Vpsp1AZHNPDk39NXX0Y8aM1Ee2BSIJVEmNo8HKPQMp5+ShzpvsytMWBws3dl2AC4IJtykKCiHxcRwgAjCnCiDjUwYTgq9YrMGiJITKlUVazb11oXBRE9A+PBuGRGE8nub8MgJbsNqL6XzTn9OesqRw1tsPZQiziIWCjeIyhub63+2boB4jyBsYJqjqRLERVsxS6thZm4IwlXnMZV3hqMyXhCGouHUExDdMCIIFwImpvYksFbFxHTAo4kJAQgkmyA8DJWBoejm0BVRz6wTI1YbE9X7BCETWa6rmQQhE2oqZfeRlXcqXzWYTMiifeKZniGIB7UDopJ1VlalWhadObLSlQlzwjlbECdGXmS57qJAEDJhYsumB9JzawfELmyd1wThyRcTnDkxX+SEGxQXz1npqrecEEti+79bw75YOyDKBpdlDk1TV0rW8mlX9vRdyB1UgTAEbx4UiE7JbuOzZ1ilygaknOaOwLERNjUIJf7t0ezMCcu07PXV2jHiLtYO/A5go6vNuFcg5pwQhLtZ1zqCUMaow/pu7YDY0EovmKuL2cBq5FRYQMim0+BArB0QWfBnMR1rtcrJDjo/6HRpdpsNEkSnHPFzm2HZw5rgVqbcR5QuOm3HFrDNTiacQQZqnRqis7h1f4HwyrjX6Q8Blw2KxgXjM2WHu6uWv1/0G1UnIL7fLaCqd802zrjtkDkb5EixboAUxzx9f8dYGpgG+DlEn3P62fH/SAHRTY6MNMeavrgJI02fPdD7RwMZ6HF38bJ/ARWFYEKKW+H8AAAAAElFTkSuQmCC);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat
}

.filepreview .form-control[type=file]::-webkit-file-upload-button {
    border: 0;
    position: absolute;
    top: 10px;
    right: auto;
    bottom: auto;
    left: 10px;
    padding: 3px 5px;
    border-radius: 4px;
    background-color: transparent !important;
    margin: auto;
    color: #000;
    font-size: 0;
    width: 25px;
    min-width: 25px;
    min-height: 25px;
    height: 25px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAAXNSR0IArs4c6QAABkpJREFUaEPtmWWobGUUhp9rt2Jhgt2JXdhid2MXdiK2go3dXdiFYrdiICoqNip2dwe2PLA+WHzMmZl9nJkrl7t+nbNnz97r/d4V71ozglHERowiOBgN5P/G5MhgZAxgXWB1YBlgFmBc4EvgBeBx4Brg/SaHNWggOn8CsFAHJ38DzgeOAn7oBtAggRwNHAqMGY7p7L3Aa8AfwBTAKsCcyfE3gE2AlzuBGRSQM4G9w5nvgSOAq4DvKgf1ZwngkAg/P/4IWBF4qx2YQQA5C9grnHgO2Bh4r8MJy5rfORUwp14EFgb+Gep7/QZyDrBHvPxZYB3gs05hkj4/OHLKS4cBxw8aiAd0RgonmbBSfVI54ml7799DnLbV7DFgceADYKahWOkHIzUIS6rV6vMEYmzA5F8DmDRYuhS4LEBlvBsAt8SF9YHbWrHSayDGtnG9T7zs+XD2i/TySYCHgUUqh4z/i4DdqlOfHPgqmDsd2L/fQARxWgonmVgtGl1592TAA8CiceER4AlgC2A24C9gVcDr2d4EZgeuA7bsJ5CxgJODCVm2yggiMyGIu4GlwpHzgH2jh0wJvB695BJg58pZu/2yEWIb9QuITJySQLwSdd9wKGY43RXOeO1iYHfgz7hB8H5vHuDOqG7Z37dDyihdtuoHkBrESwHim/Qyk/kOYLm4djmwSwLhZTWXeTNOlFhLbbGpolAI1gM7sNdA6nBqBcJwuhVYIV5+BbBT5ELxx9J6f1SvH4H5K8G4KXBD3Gz1u6+XQFoxsXJUl/IembgpktdrhsV2FROCuAewMqm9to7vlGdMADwV4JQoc/Syj5TqpISQbpnwxL+twun66B9e9m9j26pUbLFIfhP99wBxY/rcZnkcYHfXLOnKnZbWtI94v7W89AkTdHkg58TEEQo2O81mpr7KOkkZ/2BUKcHJhKW1mO85ADgpDutpYMmhQHi9CZC6Y1tild25OgniWmDtBEIZrgQpJghzwiS2am0b38kg9ovE9p3vRjH4tFdAbHa+QGslOyYCrgbWi3usVEqKGoS9ZNq4vj1wZcWEISvrhpZTov3IhtjWmjDyKzAeoOywejiaFpswkjmDUCPlnJAJe8T0EWYy4UySmcggFImCcLjqaE2AOAxZNYzd3LHHj9Dw9DWnPuV6aXZes6TaEGcMEJZgBWK2PUMxW0w+BqyCXYHwIU2AtDoVZbZJ6ulrllLlegYxb4CbIUDsGuIwP88ub0UShLmwUkiWjkxkOru+ubpREIaGyazZqAwt+0ExQRhOzhGaDrtUyKauUnfZYJ1XDKdXmzo1XEacJ2xwBYRVSFZ+SQ7MHeE0c1wz/p0YsylVvObznFesgpb0xjYcINJviVU6aA9FOGUQSm5zxZ2Vpsp1AZHNPDk39NXX0Y8aM1Ee2BSIJVEmNo8HKPQMp5+ShzpvsytMWBws3dl2AC4IJtykKCiHxcRwgAjCnCiDjUwYTgq9YrMGiJITKlUVazb11oXBRE9A+PBuGRGE8nub8MgJbsNqL6XzTn9OesqRw1tsPZQiziIWCjeIyhub63+2boB4jyBsYJqjqRLERVsxS6thZm4IwlXnMZV3hqMyXhCGouHUExDdMCIIFwImpvYksFbFxHTAo4kJAQgkmyA8DJWBoejm0BVRz6wTI1YbE9X7BCETWa6rmQQhE2oqZfeRlXcqXzWYTMiifeKZniGIB7UDopJ1VlalWhadObLSlQlzwjlbECdGXmS57qJAEDJhYsumB9JzawfELmyd1wThyRcTnDkxX+SEGxQXz1npqrecEEti+79bw75YOyDKBpdlDk1TV0rW8mlX9vRdyB1UgTAEbx4UiE7JbuOzZ1ilygaknOaOwLERNjUIJf7t0ezMCcu07PXV2jHiLtYO/A5go6vNuFcg5pwQhLtZ1zqCUMaow/pu7YDY0EovmKuL2cBq5FRYQMim0+BArB0QWfBnMR1rtcrJDjo/6HRpdpsNEkSnHPFzm2HZw5rgVqbcR5QuOm3HFrDNTiacQQZqnRqis7h1f4HwyrjX6Q8Blw2KxgXjM2WHu6uWv1/0G1UnIL7fLaCqd802zrjtkDkb5EixboAUxzx9f8dYGpgG+DlEn3P62fH/SAHRTY6MNMeavrgJI02fPdD7RwMZ6HF38bJ/ARWFYEKKW+H8AAAAAElFTkSuQmCC);
    background-size: 20px 20px;
    background-position: center;
    background-repeat: no-repeat
}

#join-team .modal-body,
#zohoForm .modal-body {
    padding: 0 1rem
}

.technology-slider .owl-stage-outer .owl-item {
    transform: scale(.9)
}

.technology-slider.owl-carousel .owl-stage-outer .owl-stage {
    margin: auto;
    text-align: center
}

.technology-slider .owl-next,
.technology-slider .owl-prev {
    background: #efefef !important;
    border-radius: 4px;
    width: 36px;
    height: 36px;
    text-align: center;
    vertical-align: middle;
    transition: .5s;
    border: 2px solid transparent !important;
    position: absolute;
    display: block;
    top: 0;
    bottom: 0;
    margin: auto
}

.technology-slider .owl-prev {
    left: -2%;
    right: auto
}

.technology-slider .owl-next span,
.technology-slider .owl-prev span {
    font-size: 26px;
    line-height: 22px;
    font-weight: 500;
    transition: .5s
}

.technology-slider .owl-next {
    right: -2%;
    left: auto
}

.technology-slider .owl-next.disabled,
.technology-slider .owl-prev.disabled {
    opacity: .5 !important;
    cursor: not-allowed !important
}

.technology-slider .owl-next:hover.disabled,
.technology-slider .owl-prev:hover.disabled {
    background: #efefef !important;
    border: transparent !important
}

.technology-slider .owl-next:hover,
.technology-slider .owl-prev:hover {
    background: #fff !important;
    border: 2px solid var(--primary) !important
}

.technology-slider .owl-next:hover span,
.technology-slider .owl-prev:hover span {
    color: #000 !important
}

.service-block:hover,
.tools-technologies-sec .tab-content>.tab-pane.active {
    position: relative;
    z-index: 2
}

.tools-technologies-sec .tab-content>.tab-pane {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    width: 100%
}

.tt-used-card .tt-used-icone figure.tech-nodejs {
    background-position: -96px -300px
}

.tt-used-card .tt-used-icone figure.tech-reactjs {
    background-position: -197px -300px
}

.tt-used-card .tt-used-icone figure.tech-jquery {
    background-position: -400px -300px
}

.tt-used-card .tt-used-icone figure.tech-html {
    background-position: -500px -300px
}

.tt-used-card .tt-used-icone figure.tech-angularjs {
    background-position: -700px -300px
}

.tt-used-card .tt-used-icone figure.tech-vuejs {
    background-position: -800px -300px
}

.tt-used-card .tt-used-icone figure.tech-objectivec {
    background-position: 0-400px
}

.tt-used-card .tt-used-icone figure.tech-swiftui {
    background-position: -100px -400px
}

.tt-used-card .tt-used-icone figure.tech-xml {
    background-position: -200px -400px
}

.tt-used-card .tt-used-icone figure.tech-kotlin {
    background-position: -300px -400px
}

.tt-used-card .tt-used-icone figure.tech-dart {
    background-position: -400px -400px
}

.tt-used-card .tt-used-icone figure.tech-java {
    background-position: -500px -400px
}

.tt-used-card .tt-used-icone figure.tech-dotnet {
    background-position: -600px -400px
}

.tt-used-card .tt-used-icone figure.tech-keywordtoolio {
    background-position: -700px -400px
}

.tt-used-card .tt-used-icone figure.tech-medium {
    background-position: -100px -600px
}

.service-img-11,
.tt-used-card .tt-used-icone figure.analytics-google,
.tt-used-card .tt-used-icone figure.tech-googleanalytics {
    background-position: 0-100px
}

.tt-used-card .tt-used-icone figure.tech-datastudio {
    background-position: -200px -600px
}

.tt-used-card .tt-used-icone figure.tech-screamingfrog {
    background-position: -400px -600px
}

.tt-used-card .tt-used-icone figure.tech-answerthepublic {
    background-position: -500px -600px
}

.tt-used-card .tt-used-icone figure.tech-keywordplanner {
    background-position: -700px -600px
}

.tt-used-card .tt-used-icone figure.tech-keywordshitter {
    background-position: -800px -600px
}

.tt-used-card .tt-used-icone figure.tech-disavowtool {
    background-position: 0-700px
}

.tt-used-card .tt-used-icone figure.tech-linkexplorer {
    background-position: -100px -700px
}

.tt-used-card .tt-used-icone figure.tech-linkminer {
    background-position: -200px -700px
}

.tt-used-card .tt-used-icone figure.tech-backlinkchecker {
    background-position: -300px -700px
}

.tt-used-card .tt-used-icone figure.tech-googlemybusiness {
    background-position: -400px -700px
}

.tt-used-card .tt-used-icone figure.tech-wordai {
    background-position: -500px -700px
}

.tt-used-card .tt-used-icone figure.tech-mobilefriendlytest {
    background-position: -600px -700px
}

.tt-used-card .tt-used-icone figure.tech-chromedevtools {
    background-position: -700px -700px
}

.tt-used-card .tt-used-icone figure.tech-mozbar {
    background-position: -800px -700px
}

.tt-used-card .tt-used-icone figure.tech-semrush {
    background-position: -900px -700px
}

.tt-used-card .tt-used-icone figure.tech-seoquake {
    background-position: 0-800px
}

.tt-used-card .tt-used-icone figure.tech-structureddatatestingtool {
    background-position: -100px -800px
}

.tt-used-card .tt-used-icone figure.tech-tagmanager {
    background-position: -200px -800px
}

.tt-used-card .tt-used-icone figure.tech-hunter {
    background-position: -300px -800px
}

.tt-used-card .tt-used-icone figure.tech-waybackmachine {
    background-position: -400px -800px
}

.tt-used-card .tt-used-icone figure.tech-ahrefs {
    background-position: -500px -800px
}

.tt-used-card .tt-used-icone figure.tech-lighthouse {
    background-position: -600px -800px
}

.tt-used-card .tt-used-icone figure.tech-pagespeedinsights {
    background-position: -700px -800px
}

.tt-used-card .tt-used-icone figure.tech-webpagetest {
    background-position: -800px -800px
}

.tt-used-card .tt-used-icone figure.tech-rankmath {
    background-position: -900px -800px
}

.tt-used-card .tt-used-icone figure.tech-googletrends {
    background-position: -100px -900px
}

.tt-used-card .tt-used-icone figure.tech-moz {
    background-position: -200px -900px
}

.tt-used-card .tt-used-icone figure.tech-xmlsitemaps {
    background-position: -400px -900px
}

.tt-used-card .tt-used-icone figure.tech-keywordseverywhere {
    background-position: -500px -900px
}

.tt-used-card .tt-used-icone figure.tech-googleserptool {
    background-position: -700px -900px
}

.tt-used-card .tt-used-icone figure.tech-webdevmeasure {
    background-position: -800px -900px
}

.tt-used-card .tt-used-icone figure.tech-adobespark {
    background-position: -500px -500px
}

.tt-used-card .tt-used-icone figure.tech-paint3d {
    background-position: -300px -500px
}

.tt-used-card .tt-used-icone figure.tech-buffer {
    background-position: 0-500px
}

.tt-used-card .tt-used-icone figure.tech-canva {
    background-position: -100px -500px
}

.tt-used-card .tt-used-icone figure.tech-vn {
    background-position: -200px -500px
}

.tt-used-card .tt-used-icone figure.tech-inflact {
    background-position: -400px -500px
}

.tt-used-card .tt-used-icone figure.tech-inshot {
    background-position: -600px -500px
}

.tt-used-card .tt-used-icone figure.tech-googleads {
    background-position: -700px -500px
}

.tt-used-card .tt-used-icone figure.tech-fbcreatorstudio {
    background-position: -800px -500px
}

.tt-used-card .tt-used-icone figure.tech-googletagmanager {
    background-position: -900px -500px
}

.service-img-21,
.tt-used-card .tt-used-icone figure.db-mysql {
    background-position: 0-200px
}

.service-img-22,
.tt-used-card .tt-used-icone figure.db-mssql {
    background-position: -100px -200px
}

.tt-used-card .tt-used-icone figure.db-mongodb {
    background-position: -187px -200px
}

.tt-used-card .tt-used-icone figure.db-sqllite {
    background-position: -300px -200px
}

.service-img-18,
.tt-used-card .tt-used-icone figure.cpn-firebase {
    background-position: -700px -100px
}

.service-img-19,
.tt-used-card .tt-used-icone figure.cpn-apns {
    background-position: -800px -100px
}

.service-img-12,
.tt-used-card .tt-used-icone figure.analytics-firebase {
    background-position: -100px -100px
}

.service-img-13,
.tt-used-card .tt-used-icone figure.analytics-zoho {
    background-position: -200px -100px
}

.tt-used-card .tt-used-icone figure.analytics-msclarity {
    background-position: -500px -100px
}

.service-img-09,
.tt-used-card .tt-used-icone figure.payment-paypal {
    background-position: -800px 0
}

.service-img-23 {
    background-position: 0 -1500px
}

.service-img-24 {
    background-position: -100px -1500px
}

.service-img-25 {
    background-position: -500px -1500px
}

.service-img-27 {
    background-position: -700px -1500px
}

.service-img-28 {
    background-position: -800px -1500px
}

.service-block {
    background-color: #fff;
    max-width: 100%;
    margin: auto;
    display: block;
    padding: 0;
    border-radius: 10px;
    overflow: visible;
    position: relative;
    z-index: 1;
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/5%)
}

.service-block a.read-more {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    border-radius: 10px
}

.service-block .icon .service-icon,
.service-block .icon img {
    max-width: 100px;
    top: -20px;
    right: -20px;
    margin: auto;
    display: block;
    opacity: .5;
    width: 100px;
    left: auto
}

.service-block .icon {
    position: absolute;
    width: 80px;
    height: 80px;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    margin: auto;
    z-index: 3
}

.service-block .icon img {
    position: absolute;
    bottom: 0
}

.service-block .icon .service-icon {
    position: absolute;
    bottom: 0;
    background-size: 1000px auto;
    background-repeat: no-repeat
}

.service-img-17 {
    background-position: -400px -1500px
}

.service-img-20 {
    background-position: -900px -100px
}

.popover-title .icon .service-popover-icon {
    transform: scale(.3);
    transform-origin: top left;
    top: 0;
    left: 0;
    position: relative;
    width: 100px;
    height: 100px;
    background-size: 1000px auto;
    background-repeat: no-repeat
}

.service-block .service-block-text .h3-style,
.service-block .service-block-text h3 {
    color: #424242 !important;
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 10px;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: calc(100% - 70px);
    height: 67px;
    display: flex
}

.service-block .service-block-text p {
    font-size: 15px;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 76px;
    max-height: 76px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 1.7
}

.service-popover {
    display: block;
    background: 0 0;
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 50%;
    width: 400px;
    z-index: 99;
    padding: 0;
    margin: 0 0 0-1px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .4s ease-in-out;
    transition: .4s ease-in-out;
    -webkit-transform: translateX(-50%) translateY(0) scale(0);
    -ms-transform: translateX(-50%) translateY(0) scale(0);
    transform: translateX(-50%) translateY(0) scale(0);
    pointer-events: none
}

.service-popover .content-popover {
    border-radius: 10px;
    display: block;
    padding: 0;
    margin: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
    box-shadow: 0 0 30px 0 rgb(0 0 0/10%);
    border: 3px solid var(--primary)
}

.service-block:hover .service-popover {
    display: block;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0) scale(1);
    -ms-transform: translateX(-50%) translateY(0) scale(1);
    transform: translateX(-50%) translateY(0) scale(1)
}

.service-client {
    padding: 0;
    margin: 0;
    display: inline-flex;
    grid-gap: 10px 10px;
    list-style: none;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.service-client li {
    display: inline-block;
    padding: 0;
    margin: 0;
    width: 50px;
    height: 50px
}

.service-client.brand-img li figure.brandimg-figure {
    background-size: 1500px auto;
    background-repeat: no-repeat;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    margin: 0;
    display: block;
    transform: scale(.3);
    transform-origin: top left;
    box-shadow: 0 0 20px -10px var(--primary);
    background-color: #fff
}

.content-popover .popover-foot,
.content-popover .popover-head {
    margin: 0;
    padding: 15px
}

.content-popover .popover-head .popover-title {
    margin: 0;
    font-size: 20px;
    font-weight: 700;
    display: flex
}

.popover-title .icon,
.popover-title .icon img {
    width: 30px;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0
}

.popover-title .icon {
    display: inline-block;
    height: 30px;
    margin: auto 8px auto 0
}

.industry-section::before,
.services-sec-page::before {
    bottom: -128px;
    height: 128px;
    background-color: #f8f8fb;
    z-index: 1;
    position: absolute;
    left: 0
}

.popover-title .icon img {
    max-width: 30px;
    margin: auto;
    opacity: 1
}

.sec-title,
.services-item,
.work-flow-section .faq-accset .btn.btn-link.collapsed svg path {
    transition: .5s
}

.industry-des-point {
    padding-left: 19px
}

.blur-other .sec-title {
    filter: grayscale(1) blur(2px)
}

.blur-other .services-item {
    filter: grayscale(1) blur(1px)
}

.blur-other .services-item:hover {
    filter: none
}

.blur-other .services-item .service-block {
    background: #f8f8fb;
    box-shadow: none
}

.content-popover .popover-block {
    margin: 0;
    padding: 15px;
    font-size: 14px
}

.tabs-list-content {
    margin: 0;
    width: auto;
    max-width: 100%;
    display: block;
    position: relative;
    padding: 0
}

.appi-port-list .tabs-list-content .tabs-list-scroll,
.ourclients_button {
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: transparent transparent
}

.tabs-list-content .tabs-list-scroll {
    overflow: auto;
    padding: 5px;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1
}

.tabs-list-content .tabs-list-scroll::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.tabs-list-content .tabs-list-scroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background: 0 0 !important
}

.tabs-list-content .tabs-list-scroll::-webkit-scrollbar-track {
    background-color: transparent !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important
}

.tabs-list-content .tabs-list-scroll .list-tabs {
    display: inline-flex;
    flex-wrap: nowrap;
    grid-gap: 0 10px;
    white-space: nowrap;
    width: auto;
    min-width: 100%
}

.tabs-list-content .tabs-list-scroll .list-tabs .btn.active {
    color: #fff !important;
    background-color: var(--bs-blue) !important;
    border-color: var(--bs-blue) !important
}

.tabs-list-content.arrow-active {
    padding: 0 30px
}

.tabs-list-content .tabs-control .arrow {
    position: absolute;
    opacity: 1;
    z-index: 4;
    top: 0;
    right: auto;
    bottom: 0;
    left: 0;
    display: none;
    width: 30px;
    height: 30px;
    margin: auto;
    padding: 0;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 10px -5px #000;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    color: #999;
    cursor: pointer
}

.tabs-list-content .tabs-control .arrow.left-arrow {
    top: 0;
    right: 0;
    bottom: 0;
    left: auto
}

.open-roles-header,
.open-roles-row,
.open-roles-title {
    border-bottom: 2px solid
}

.open-roles-header .h3-style,
.open-roles-header h3 {
    margin: 0;
    padding: 15px 0;
    font-size: 26px;
    color: #5e5e5e
}

.open-roles-row .h3-style,
.open-roles-row h3 {
    margin: 0;
    padding: 15px 0;
    font-size: 20px
}

.contact-us-form-wrap .section-title {
    font-weight: 700;
    font-size: 32px;
    margin: 0 0 15px
}

.open-roles-body .open-roles-row:last-child {
    border-bottom: none
}

.open-roles-title .h3-style,
.open-roles-title h2 {
    font-size: 70px
}

.footer-join-us {
    margin: 0 0-100px;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.footer-join-us .card {
    border-radius: 20px;
    margin-top: -50px;
    border: 1px solid #fff
}

.footer-join-us-space {
    overflow: visible;
    position: relative;
    z-index: 9
}

.services-sec-page::before {
    content: '';
    width: 100%
}

.industry-section {
    position: relative;
    padding-bottom: 86px
}

.industry-section::before {
    content: ".";
    width: 100%
}

.footer-join-us .card .btn.btn-dark,
.page-join-us .card .btn.btn-dark {
    border: 1px solid #343a40
}

.footer-join-us .card .btn.btn-dark:hover,
.page-join-us .card,
.page-join-us .card .btn.btn-dark:hover {
    border: 1px solid #fff
}

.page-join-us {
    margin: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    background-color: #fff
}

.bg-join-us-none .page-join-us:before,
.blog-details-bc .page-title-area,
.blog-otherpage.other-div .blog-section,
.faq-section .faq-accset .btn.btn-link.collapsed:hover,
.faq-section .faq-accset .btn.btn-link:hover,
.head-palttech,
.head-palttech .nav-tabs a.active,
.myaccordion .card,
.page-join-us:before,
.service-we-do-content,
.set-case-bar.otherpgmenu-sticky {
    background-color: #f8f8fb
}

.page-join-us:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 50%;
    top: auto;
    right: 0;
    bottom: -1px;
    left: 0
}

.page-join-us .card {
    border-radius: 20px;
    position: relative;
    z-index: 9
}

.page-join-us-space {
    padding-bottom: 140px
}

.casestudydetails-page .page-join-us {
    z-index: 1;
    background-color: #f8f8fb
}

.service-we-do-click {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    max-width: 300px;
    position: relative;
    padding: 60px
}

.service-we-do-click-content {
    height: 100%;
    position: relative;
    width: 100%
}

.service-we-do-click-content .service-we-do-click-link {
    text-align: right
}

.service-we-do-click-content .service-we-do-click-link a {
    font-size: 18px;
    color: #fff;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 28px bottom;
    -ms-transform-origin: 28px bottom;
    transform-origin: 28px bottom
}

.service-we-do-click-content .service-we-do-click-title {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: -65px;
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.collective-section .lead {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.5
}

.collective-content .lead {
    font-size: 15px;
    font-weight: 300;
    line-height: 1.5
}

.service-we-do-click-content .service-we-do-click-title .h3-style,
.service-we-do-click-content .service-we-do-click-title h3 {
    font-size: 88px;
    font-weight: 700;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(270deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: .1;
    color: #000;
    margin: auto;
    text-transform: capitalize
}

.service-we-do-content {
    -ms-flex: 0 0 calc(100% - 300px);
    flex: 0 0 calc(100% - 300px);
    max-width: calc(100% - 300px);
    overflow: visible
}

.service-tumb-slide {
    -ms-flex: 0 0 350px;
    flex: 0 0 350px;
    max-width: 350px
}

.service-sec-slide {
    -ms-flex: 0 0 calc(100% - 350px);
    flex: 0 0 calc(100% - 350px);
    max-width: calc(100% - 350px);
    position: relative
}

.service-sec-slide-content {
    width: 100%;
    position: relative;
    left: -100px
}

.service-sec-slide .service-bg-img {
    position: absolute;
    top: 0;
    right: 10%;
    bottom: 0;
    left: auto;
    margin: auto;
    max-width: 750px;
    max-height: 580px;
    opacity: .7
}

.service-mobile-list li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px;
    display: block
}

.service-mobile-list .service-slide-list {
    padding: 0 10px;
    margin: 0;
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/5%);
    border-radius: 5px;
    background: #fff;
    display: flex;
    width: 100%;
    min-height: 89px;
    cursor: pointer
}

.service-mobile-content {
    position: relative;
    left: -100px;
    z-index: 1
}

.service-mobile-content .service-mobile-img {
    margin: 10%0 0;
    width: 100%
}

.service-mobile-content .service-mobile-content-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: 10%;
    right: 10%;
    bottom: 0;
    left: 10%;
    width: 72%
}

.service-mobile-content .service-mobile-content-list .h3-style,
.service-mobile-content .service-mobile-content-list h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center
}

.service-mobile-list .service-slide-list .service-slide-block .h4-style,
.service-mobile-list .service-slide-list .service-slide-block h4 {
    font-size: 16px;
    font-weight: 600;
    margin: 0;
    color: var(--paragraph-color);
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 38px;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.service-mobile-list .service-slide-list .service-slide-block p {
    font-size: 12px;
    margin: 0;
    padding: 0;
    font-weight: 400;
    color: var(--paragraph-color)
}

.service-mobile-list.owl-carousel {
    transform: rotate(90deg);
    width: 500px;
    height: 270px;
    transform-origin: top left
}

.service-mobile-list.owl-carousel .owl-stage-outer {
    height: 270px;
    bottom: 270px
}

.service-mobile-list .owl-stage .owl-item {
    margin: 2px 0 !important;
    padding: 0 5px
}

.service-mobile-list .owl-stage .owl-item .service-slide-list {
    transform: rotate(-90deg) translateX(-265px);
    width: 260px;
    transform-origin: top left
}

.service-sec-slide-content .owl-carousel {
    width: fit-content;
    width: calc(100% - 50px)
}

.service-sec-slide-content .owl-carousel .owl-dots {
    width: 20px;
    position: absolute;
    top: 50%;
    right: -45px;
    bottom: auto;
    left: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center
}

.service-sec-slide-content .owl-carousel .owl-dots .owl-dot {
    display: block;
    margin: 10px auto
}

.brad-setion .nav-tabs,
.brad-setion .nav-tabs .nav-link,
.brad-setion .nav-tabs .nav-link.active,
.brad-setion .nav-tabs .nav-link:focus,
.brad-setion .nav-tabs .nav-link:hover,
.head-palttech .nav-tabs,
.tools-technologies-sec .nav-tabs-line.nav-tabs,
.tt-used-card {
    border: 0
}

.tools-technologies-sec .nav-tabs-line.nav-tabs .nav-link {
    font-size: 16px;
    font-weight: 600;
    margin: 0 10px 0 0
}

.tt-used-card .tt-used-icone figure {
    margin: auto;
    width: 115px;
    height: 100px;
    display: block;
    background-size: 1000px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    opacity: .8;
    transform: scale(1.5)
}

.tt-used-card .tt-payment-icon figure {
    width: 100px
}

.tt-used-text {
    margin-top: 10px;
    min-height: 45px;
    display: flex
}

.boder-ind:last-child .helth-timer,
.cookie-policy-popup .modal-button_btn .btn:last-child {
    border-right: none
}

.reach-us-map-sec .page-join-us {
    margin: 0;
    background-color: #f8f8fb
}

.reach-us-map-sec .page-join-us .card.bg-primary {
    margin-top: -120px
}

.page-body {
    overflow: hidden;
    width: 100%
}

.progress-wrap,
.progress-wrap:after {
    width: 60px;
    height: 60px;
    display: block;
    cursor: pointer
}

.progress-wrap {
    position: fixed;
    top: auto;
    right: 15px;
    bottom: 10px;
    left: auto;
    border-radius: 100%;
    box-shadow: inset 0 0 0 1px rgb(128 130 134/25%), inset 0 0 0 8px #fff, inset 0 0 0 9px rgb(128 130 134/25%);
    z-index: 1040;
    opacity: 0;
    visibility: hidden;
    transform: translateY(.75rem);
    transition: .2s linear, margin-right
}

.progress-wrap.active-progress {
    visibility: visible;
    transform: translateY(0);
    opacity: 1
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: var(--primary);
    stroke-width: 12;
    box-sizing: border-box;
    transition: .2s linear
}

.progress-wrap:after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    text-align: center;
    line-height: 60px;
    font-size: 22px;
    color: var(--primary);
    left: 0;
    top: 0;
    z-index: 1;
    transition: .2s linear;
    text-shadow: 0 0 4px #fff
}

.client-img,
footer .footer-collapse {
    text-align: center;
    border-radius: 15px;
    background: #fff
}

.client-img {
    margin: 0;
    padding: 15px;
    font-size: 16px;
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    align-items: center;
    -ms-flex-align: center;
    justify-content: center;
    -ms-flex-pack: center;
    box-shadow: 0 5px 30px #0000001c;
    -webkit-transition: .3s;
    transition: .3s
}

.client-item {
    z-index: 1
}

.client-item:hover .brand-img.client-img {
    transform: scale(1.2);
    z-index: 9
}

.service-port-info-img {
    padding-bottom: 70px
}

.service-port-info-img ul.brand-img li.image {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
    text-align: center;
    margin: 0 0 10px;
    height: 60px;
    position: relative
}

.service-port-info-img ul.brand-img li.image .brandimg-figure {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5);
    left: -20%
}

.service-port-info {
    padding: 30px;
    border: 0;
    border-left: 1px solid #dcdcdc
}

.service-port-info .list-style ul {
    animation-delay: .1s;
    opacity: 0;
    transform: translateX(100%)
}

.service-port-info .list-style ul li {
    font-size: 18px;
    margin: 0 0 10px;
    font-weight: 500;
    line-height: 1.7
}

.tab-pane.show .service-port-info .list-style ul {
    -webkit-transition: 1s;
    transition: 1s;
    opacity: 1;
    transform: translateX(0)
}

.service-port-info .list-style ul li:before {
    top: 12px;
    opacity: .5
}

.service-port-info .h4-style,
.service-port-info h4 {
    animation-delay: .1s;
    opacity: 0;
    transform: translateY(-100%)
}

.service-port-info-img .brand-sm-img {
    animation-delay: .1s;
    opacity: 0;
    transform: translateY(100%)
}

.startp-nav nav .navbar-nav .nav-item.mega-menu-item-off .dropdown_menu.mega-menu {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

footer .footer-collapse {
    position: absolute;
    width: 30px;
    height: 30px;
    margin: auto;
    top: auto;
    right: 0;
    bottom: -15px;
    left: 0;
    display: block;
    line-height: 28px;
    border: 1px solid var(--primary);
    padding: 0 7px
}

footer .footer-collapse i {
    display: block;
    transform: rotate(0);
    line-height: 28px;
    -webkit-transition: .2s;
    transition: .2s;
    margin: auto
}

footer .footer-collapse.collapsed i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin: auto
}

.serv-port-sprint {
    display: block;
    padding: 0;
    margin: 0;
    background-size: 1340px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: relative
}

.serv-port-sprint.sps-dgsea-web {
    width: 416px;
    height: 583px;
    background-size: 1660px auto;
    background-position: -995px -1045px
}

.serv-port-sprint.sps-kioclerk-web {
    width: 600px;
    height: 974px;
    height: calc(100vh - 70px);
    background-size: 2300px auto;
    background-position: -783px -1241px
}

.serv-port-sprint.sps-kioclerk-web1,
.serv-port-sprint.sps-kioclerk-web2 {
    width: 300px;
    height: 390px;
    background-size: 1920px auto;
    background-position: 0-650px
}

.serv-port-sprint.sps-kioclerk-web2 {
    width: 200px;
    background-position: -305px -650px;
    -webkit-transform: scale(50%);
    -ms-transform: scale(50%);
    transform: scale(50%);
    transform-origin: bottom left
}

.serv-port-sprint.sps-kioclerk-web3 {
    width: 660px;
    height: 380px;
    background-size: 1920px auto;
    background-position: -500px -650px
}

.serv-port-sprint.sps-dm1,
.serv-port-sprint.sps-dm2 {
    width: 380px;
    height: 650px;
    background-size: 1920px auto
}

.serv-port-sprint.sps-dm1 {
    background-position: -1165px 0
}

.serv-port-sprint.sps-dm2 {
    background-position: -1540px 0
}

.serv-port-sprint.sps-dg-sea-all,
.serv-port-sprint.sps-kiOSist-all {
    width: 660px;
    height: 380px;
    background-size: 1920px auto;
    background-position: 0-650px
}

.serv-port-sprint.sps-kiOSist-all {
    background-position: -660px -650px
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01 {
    width: 320px;
    height: 225px;
    background-size: 1280px auto;
    background-position: 0-1340px;
    transform: translateX(-50%);
    margin-top: 2%
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02 {
    width: 320px;
    height: 225px;
    background-size: 1280px auto;
    background-position: -320px -1340px;
    transform: translateX(50%)
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03 {
    width: 320px;
    height: 225px;
    background-size: 1280px auto;
    background-position: -640px -1340px;
    transform: translateX(-50%)
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04 {
    width: 320px;
    height: 225px;
    background-size: 1280px auto;
    background-position: -960px -1340px;
    transform: translateX(50%)
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
    border: 0;
    border-bottom: 2px dashed #000;
    border-left: 2px dashed #000;
    border-radius: 0 0 0 5px;
    right: 100%;
    left: auto;
    margin: 0 10px 0 0
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
    content: "";
    position: absolute;
    height: 50%;
    width: 50%;
    top: 0;
    bottom: auto;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    display: none
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after {
    border: 0;
    border-right: 2px dashed #000;
    border-bottom: 2px dashed #000;
    border-radius: 0 0 5px;
    right: auto;
    left: 100%;
    margin: 0 0 0 10px
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:before {
    content: "";
    right: auto;
    left: -10px
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:before,
.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    position: absolute;
    top: 0;
    bottom: 0;
    height: 30px;
    line-height: 30px;
    margin: auto;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    display: none
}

.serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:before {
    content: "";
    right: -10px;
    left: auto
}

.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-02:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-02:before {
    opacity: 1;
    transition-delay: 1.2s
}

.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-03:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-03:before {
    opacity: 1;
    transition-delay: 1.6s
}

.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-04:after,
.serv-port-01-img.active figure.serv-port-sprint.sps-dg-sea-04:before {
    opacity: 1;
    transition-delay: 2s
}

.serv-port-sprint.sps-mobile-app_01 {
    width: 380px;
    height: 650px;
    background-size: 1920px auto;
    background-position: 0 0
}

.serv-port-sprint.sps-mobile-app_02,
.serv-port-sprint.sps-mobile-app_03 {
    width: 380px;
    height: 650px;
    background-size: 1920px auto;
    background-position: -780px 0
}

.serv-port-sprint.sps-mobile-app_03 {
    background-position: -390px 0
}

.serv-port-sprint.sps-ecommerce_01,
.serv-port-sprint.sps-ecommerce_02 {
    width: 660px;
    height: 470px;
    background-size: 1920px auto;
    background-position: 0-1044px
}

.serv-port-sprint.sps-ecommerce_02 {
    background-position: 0-1528px
}

.serv-port-sprint.sps-desk-app-01 {
    width: 660px;
    height: 512px;
    background-size: 2000px auto;
    background-position: -1370px -688px
}

.serv-port-05-img figure.serv-port-sprint.sps-desk-app-01 {
    width: 340px;
    height: 210px;
    background-size: 1050px auto;
    background-position: -360px -620px;
    transform: translateX(-50%);
    margin-top: 2%
}

.serv-port-05-img figure.serv-port-sprint.sps-desk-app-02 {
    width: 340px;
    height: 210px;
    background-size: 1050px auto;
    background-position: -720px -620px;
    transform: translateX(50%)
}

.serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
    width: 340px;
    height: 210px;
    background-size: 1050px auto;
    background-position: -360px -840px;
    transform: translateX(-50%)
}

.serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
    width: 340px;
    height: 210px;
    background-size: 1050px auto;
    background-position: -720px -840px;
    transform: translateX(50%)
}

.owl-carousel.arrow-carousel.owl-theme.arrow-top-right .owl-nav .owl-prev {
    top: 20px;
    right: 50px;
    bottom: auto;
    left: auto
}

.owl-carousel.arrow-carousel.owl-theme.arrow-top-right .owl-nav .owl-next {
    top: 20px;
    right: 10px;
    bottom: auto;
    left: auto
}

.owl-carousel.arrow-carousel.owl-theme.arrow-top-left .owl-nav .owl-prev {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 10px
}

.owl-carousel.arrow-carousel.owl-theme.arrow-top-left .owl-nav .owl-next {
    top: 20px;
    right: auto;
    bottom: auto;
    left: 50px
}

.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-prev {
    top: auto;
    right: 50px;
    bottom: 0;
    left: auto
}

.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-next {
    top: auto;
    right: 10px;
    bottom: 0;
    left: auto
}

.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-left .owl-nav .owl-prev {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 10px
}

.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-left .owl-nav .owl-next {
    top: auto;
    right: auto;
    bottom: 20px;
    left: 50px
}

.myaccordion .card,
.myaccordion .card-header {
    border: 1px #edeff0
}

.faq-section .myaccordion:hover,
.myaccordion:focus {
    text-decoration: none;
    color: #004987
}

.myaccordion .card-header {
    padding: 0;
    margin-bottom: 0;
    color: inherit;
    background-color: rgb(248 248 251)
}

.myaccordion .card-body {
    border-top: 2px solid
}

.myaccordion .card-header a {
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    text-transform: capitalize;
    padding: 10px 30px;
    display: block;
    position: relative
}

.myaccordion .card-header a:after {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    font-size: 16px;
    text-align: center;
    line-height: 1.7;
    display: inline-block;
    top: 11px;
    right: 10px;
    bottom: auto;
    left: auto;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #000
}

.myaccordion .card-header a.collapsed:after {
    content: "";
    color: #004987
}

.myaccordion .card-header a.collapsed {
    color: #004987
}

.tag-line-text {
    font-style: italic;
    color: var(--primary);
    font-size: 16px
}

.desk-scroll {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 0;
    height: 100%;
    height: calc(100vh*7);
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    z-index: 111;
    padding: 0;
    margin: 0;
    width: 20px
}

.desk-scroll section {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    height: 100vh;
    display: block;
    width: 100%
}

.no-bg-sprite {
    background-size: contain !important;
    background-position: center center !important
}

.bootstrap-select.form-control {
    background-color: transparent;
    display: flex !important;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.bootstrap-select>.dropdown-toggle {
    padding: 10px;
    font-size: 16px;
    color: #0e314c !important;
    border: 1px solid #eee;
    border-radius: 4px;
    background: #fff;
    -webkit-transition: .5s;
    transition: .5s;
    outline: 0;
    text-transform: capitalize;
    font-weight: 400
}

.sec-title .h2-style span,
.sec-title .h3-style span,
.service-item .sec-title h3 span {
    text-transform: none
}

.form-group .bootstrap-select .dropdown-toggle:focus {
    outline: 0;
    border-color: #80bdff
}

.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
    background: #fff;
    border: 1px solid #eee
}

.dropdown-toggle::after {
    width: 0 !important
}

.form-group label.error {
    font-size: 12px;
    font-weight: 400;
    color: #dc3545
}

.dropdown.bootstrap-select.form-control label.error {
    order: 3;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.dropdown.bootstrap-select.form-control select {
    order: 4
}

.core-values-sec .icon figure.core-values-figure {
    position: relative;
    overflow: hidden
}

.core-values-sec .icon figure.core-values-figure img {
    border-radius: 10px;
    height: 90px;
    width: 90px;
    margin: auto
}

.mission-vission-sec .box .core-values-sec,
.mission-vission-sec .box .our-services {
    padding: 20px;
    min-height: 198px;
    text-align: center;
    border-radius: 20px;
    background-color: #fff;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.core-values-info .core-values-desc p,
.mission-vission-sec .miss-viss-desc p {
    margin-bottom: 3px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: 400
}

.service-item .h2-style {
    font-weight: 500;
    color: var(--paragraph-color);
    letter-spacing: 1px;
    font-size: 30px;
    text-indent: -40px;
    margin-bottom: 10px;
    line-height: 1.2
}

.service-port-info-img .h4-style {
    margin-left: -15px
}

.sec-title.sec-title-blue .h3-style {
    font-size: 22px
}

.services-sec.section-space .sec-title.sec-title-blue .h2-style {
    font-size: 22px;
    margin: 16px 0
}

.testimonials-page .preloader {
    display: none !important
}

.loader-div .shine {
    background: 0 0/800px 800px no-repeat #f6f7f8;
    background-image: -webkit-gradient(linear, left top, right top, from(#f6f7f8), color-stop(20%, #edeef1), color-stop(40%, #f6f7f8), to(#f6f7f8));
    background-image: -o-linear-gradient(left, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    background-image: linear-gradient(to right, #f6f7f8 0, #edeef1 20%, #f6f7f8 40%, #f6f7f8 100%);
    display: inline-block;
    position: relative;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: placeholderShimmer;
    -webkit-animation-timing-function: linear;
    border-color: transparent !important
}

.loader-div .testimoniols-img .image figure {
    -webkit-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}

.loader-div .testimoniols-infodesc lines.shine {
    height: 12px;
    width: 100%;
    max-width: 100%;
    border-radius: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    clear: both
}

.loader-div .testimoniols-infodesc lines.shine:nth-child(odd) {
    width: 90%;
    max-width: 90%
}

.loader-div .testimoniols-infodesc lines.shine:nth-child(2n+2),
.plat-section {
    width: 100%;
    max-width: 100%
}

.loader-div .post-link a .shine {
    height: 14px;
    width: 100px;
    max-width: 100px;
    border-radius: 10px;
    margin-top: 9px
}

.loader-div .testimoniols-name .h5-style .shine {
    height: 17px;
    width: 150px;
    max-width: 100%;
    border-radius: 10px;
    margin-top: 1px;
    margin-bottom: 1px
}

.loader-div .testimoniols-name .shine {
    height: 12px;
    width: 100px;
    max-width: 100%;
    border-radius: 10px
}

.core-values-sec .icon {
    width: 80px;
    min-width: 80px;
    height: 80px;
    margin: 0 15px 0 0;
    border-radius: 10px;
    display: flex
}

.core-values-sec .icon .core-values-figure {
    width: 60px;
    min-height: 60px;
    height: 60px;
    margin: auto;
    background-size: 240px auto;
    background-repeat: no-repeat
}

.ourclients_button::-webkit-scrollbar {
    width: 1px;
    height: 1px
}

.ourclients_button::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
    background: #ccc !important
}

.ourclients_button::-webkit-scrollbar-track {
    background-color: transparent !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important
}

.ourclients_button .btn {
    border: 1px solid transparent;
    background: #fff;
    border-radius: 40px;
    color: var(--black);
    margin: 0 5px 5px 0;
    outline: 0;
    box-shadow: none !important
}

.ourclients_button .btn.active {
    border: 1px solid var(--primary);
    background: #fff;
    border-radius: 40px;
    color: var(--primary)
}

.collective-section {
    margin-top: 50px
}

.blog-details_des-text h2,
.blog-details_des-text h3,
.h4-style,
span.h4-style {
    font-size: 23px;
    font-weight: 400;
    line-height: 1.2;
    color: #000
}

.blog-nav-meta:before {
    content: '';
    position: absolute;
    border: 2px solid #fff;
    width: 4px;
    height: 0;
    top: 0;
    left: -10px;
    border-radius: 100px
}

.blog-details_des-text h4,
.blog-details_des-text h5 {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.blog-details_des-text h5 {
    font-size: 18px
}

.event-box .glimpse-more-img {
    display: block !important;
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9
}

.event-box .glimpse-more-img .glimpse-tile {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block
}

.owl-sm-dots.owl-carousel .owl-dots .owl-dot span {
    width: 5px !important;
    height: 5px !important;
    margin: 0 3px
}

.blog-details_item {
    margin: 0 0 10px
}

.section-ourclient .client-item a.client-img[href="https://www.3m-technology.com/our-clients"] {
    pointer-events: none
}

.sec-title .h2-style span,
.service-item .sec-title h2 span {
    font-weight: 500;
    position: relative;
    z-index: 1;
    font-size: 30px;
    color: var(--paragraph-color)
}

.zcwf_col_fld .btn {
    padding: 10px 25px
}

.lg-outer {
    z-index: 99991
}

.section-privacy-policy h1 {
    font-size: 30px
}

.text-email::after {
    content: attr(data-domain)
}

.text-email::before {
    content: attr(data-user) "@"
}

.footer-section-spacing.border-footer {
    border-bottom: 2px solid #ebeff3
}

.footer-section-spacing {
    padding: 15px 0;
    position: relative
}

.footer-btn .btn-list li {
    display: inline-block;
    margin: 0 10px 0 0
}

.footer-btn .btn-list li a {
    padding: 15px 25px;
    border-radius: 5px
}

.copyright-area p {
    padding: 10px 0 0;
    margin: 0;
    font-size: 13px;
    font-weight: 500;
    color: #111
}

.copyright-area .policy-section ul.policy-list {
    margin-bottom: 0;
    padding: 0
}

.copyright-area .policy-section ul.policy-list li {
    display: inline-block;
    margin: 0 15px 0 0
}

.single-footer-widget .cycle-sub-list a {
    padding-left: 22px;
    position: relative
}

.single-footer-widget .cycle-sub-list a::before {
    content: "";
    border: 2px solid var(--blue);
    border: 2px solid #222121;
    position: absolute;
    top: 8px;
    right: auto;
    bottom: auto;
    width: 0;
    height: 0;
    left: 7px
}

.single-footer-widget .cycle-sub-list a:hover::before {
    border: 2px solid var(--blue)
}

.copyright-area .policy-section ul.policy-list a {
    font-size: 14px;
    font-weight: 500;
    color: #111
}

.bg-gray {
    background: #f8f8fb
}

.services-section .text-primary,
.testimoniols-section .text-primary {
    color: #006bde !important
}

.sec-title-orange .banner-li-title .ba-round,
.sec-title-orange .banner-li-title .ba-square,
.sec-title-orange .banner-li-title .ba-triangle {
    color: var(--orange);
    border-bottom: 3px solid var(--orange)
}

.sec-title-orange .banner-li-title .ba-round:after,
.sec-title-orange .banner-li-title .ba-square:after {
    color: var(--orange);
    background: var(--orange);
    border: var(--orange)
}

.sec-title-orange .banner-li-title .ba-round:before,
.sec-title-orange .banner-li-title .ba-square:before {
    color: var(--orange);
    background: var(--orange);
    border: 1px solid var(--orange);
    opacity: .4
}

.sec-title-green .banner-li-title .ba-round,
.sec-title-green .banner-li-title .ba-square,
.sec-title-green .banner-li-title .ba-triangle {
    color: var(--green);
    border-bottom: 3px solid var(--green)
}

.sec-title-green .banner-li-title .ba-round:after,
.sec-title-green .banner-li-title .ba-square:after {
    color: var(--green);
    background: var(--green);
    border: var(--green)
}

.sec-title-green .banner-li-title .ba-round:before,
.sec-title-green .banner-li-title .ba-square:before {
    color: var(--green);
    background: var(--green);
    border: 1px solid var(--green);
    opacity: .4
}

.sec-title-green .banner-li-title .ba-triangle:after {
    border-bottom: 25px solid var(--green)
}

.sec-title-green .banner-li-title .ba-triangle:before {
    border-bottom: 28px solid var(--green);
    opacity: .4
}

.sec-title-orange .banner-li-title .ba-triangle:after {
    border-bottom: 25px solid var(--orange)
}

.sec-title-orange .banner-li-title .ba-triangle:before {
    border-bottom: 28px solid var(--orange);
    opacity: .4
}

.card-letsconnect {
    padding: 0;
    background: #fff;
    border: 0;
    box-shadow: 0 0 70px -20px #ddd
}

.card-letsconnect .card {
    border: 0;
    border-radius: 0;
    background: center/cover no-repeat;
    height: 100%
}

.card-letsconnect .card-body {
    border: 0;
    border-radius: 0;
    padding: 70px;
    background: 0 0;
    height: 100%;
    display: flex
}

.letsconnect-content .sec-title-form .letsconnect-text .h2-style,
.letsconnect-content .sec-title-form .letsconnect-text h2 {
    font-size: 43px;
    font-weight: 600
}

.letsconnect-content .sec-title-form .letsconnect-text span {
    color: #0092ff;
    font-weight: 800
}

.casesmall-title h3.h2-style {
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0
}

.letsconnect-content .sec-title-form .letsconnect-text p {
    font-size: 19px;
    font-weight: 600
}

.footer-btn .btn-list li a.btn-link-list {
    padding: 11px 25px
}

.footer-btn .btn-list li a i {
    padding-left: 5px;
    margin: auto
}

.card-header:first-child {
    border-radius: .4rem .4rem 0 0
}

.card-header {
    padding: 1rem 2rem;
    margin-bottom: 0;
    border-bottom: 1px solid rgba(164, 174, 198, .2)
}

.modal .btn-close:focus,
button:focus:not(:focus-visible) {
    outline: 0
}

.contact-us-form-wrap {
    border-radius: 20px;
    padding: 50px 60px;
    box-shadow: 0 0 20px -10px #000;
    background-color: var(--white)
}

.cookie-policy-popup,
.inquiry-massagebtn a {
    color: #fff;
    background-color: var(--primary)
}

.section-title {
    font-weight: 700;
    font-size: 36px;
    margin: 0 0 15px
}

.shadow-lg {
    -webkit-box-shadow: 0 1rem 3rem rgb(0 0 0/18%) !important;
    box-shadow: 0 1rem 3rem rgb(0 0 0/18%) !important
}

.contact-us-section .contact-us-content {
    max-width: 450px;
    right: -28%;
    top: 8%;
    border-radius: 20px;
    position: absolute;
    padding: 20px
}

.contact-icon {
    padding-right: 5px;
    min-width: 100px
}

.mission-vission-sec .box {
    position: relative;
    width: 100%;
    padding-right: 15px;
    padding-left: 15px
}

.mission-vission-sec .box .core-values-sec .h4-style,
.mission-vission-sec .box .core-values-sec h4,
.mission-vission-sec .box .our-services .h4-style,
.mission-vission-sec .box .our-services h4 {
    margin: 15px 0 10px;
    font-size: 24px;
    font-weight: 600;
    color: var(--paragraph-color)
}

.cookie-policy-popup,
.mission-vission-sec figure.our-mv-figure {
    overflow: hidden;
    margin: 0
}

.mission-vission-sec figure.our-mv-figure img {
    border-radius: 20px;
    height: auto
}

.mission-vission-sec figure.miss-viss-figure {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100px;
    width: 100px;
    border: 1px solid;
    border-radius: 50%;
    margin: auto
}

.mission-vission-sec figure.miss-viss-figure img {
    position: absolute;
    display: block;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    max-width: 70px
}

.cookie-policy-popup {
    border-radius: 10px;
    box-shadow: 0 0 1.25rem rgb(255 255 255/50%), 0 0 1.25rem rgb(0 0 0/50%);
    display: none;
    padding: 15px 0 0;
    position: fixed;
    top: auto;
    right: 15px;
    bottom: 15px;
    left: auto;
    max-width: 350px;
    width: calc(100% - 30px);
    z-index: 99999;
    transition: .2s ease-in-out;
    animation-duration: 1s;
    animation-name: slideInUp;
    overflow: hidden
}

.cookie-policy-popup img {
    width: 100%;
    height: auto;
    max-width: 100px
}

.cookie-policy-popup .h4-style.modal-title,
.cookie-policy-popup h4.modal-title {
    color: #fff;
    font-size: 24px;
    font-weight: 500
}

.cookie-policy-text {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 46px
}

.blog-details-date p,
.cookie-policy-text p {
    color: #fff;
    font-weight: 500
}

.modal-button_btn {
    border-top: 1px solid #ffffff30
}

.btn.btn-cookie-policy {
    box-sizing: border-box;
    border-radius: 0 0 0 10px
}

.cookie-policy-popup .modal-button_btn .btn {
    background: var(--primary);
    margin: 0;
    color: #fff;
    border-right: 1px solid #ffffff30;
    padding: 10px 8px;
    line-height: 1.5
}

.mobile_footer,
.mobile_footer ul {
    width: 100%;
    justify-content: space-between
}

.mobile_footer {
    position: fixed;
    top: auto;
    left: 0;
    right: 0;
    bottom: 10px;
    margin: auto;
    width: calc(100% - 20px);
    height: 50px;
    background: #fff;
    background: rgb(255 255 255/1);
    text-align: center;
    display: block;
    padding: 2px 10px;
    border: 2px solid var(--primary);
    border: 0;
    border-radius: 25px;
    -webkit-box-shadow: 0 0 10px rgb(0 0 0/20%), 0 0 10px rgb(255 255 255/30%);
    box-shadow: 0 0 10px rgb(0 0 0/20%), 0 0 10px rgb(255 255 255/30%);
    z-index: 99991
}

.mobile_footer ul {
    display: flex;
    padding: 0;
    margin: 3px 0 0
}

.mobile_footer li {
    list-style: none
}

.mobile_footer li a,
.mobile_footer li label {
    text-decoration: none;
    font-size: 24px;
    color: var(--primary);
    line-height: 1;
    font-weight: 400;
    position: relative;
    display: block;
    padding: 8px 10px;
    min-width: 50px;
    border: 0;
    cursor: pointer
}

.mobile_footer li.mobile-center {
    min-width: 60px
}

.mobile_footer li.mobile-center>a {
    top: -32px;
    background: #fff;
    border-radius: 30px;
    color: #fff;
    width: 60px;
    height: 60px;
    padding: 0;
    border: 4px solid #abadaf;
    -webkit-box-shadow: 0-10px 10px -8px rgb(0 0 0/20%), 0 0 10px rgb(255 255 255/30%);
    box-shadow: 0-10px 10px -8px rgb(0 0 0/20%), 0 0 10px rgb(255 255 255/30%);
    position: absolute
}

.mobile_footer li.mobile-center>a small {
    display: inline-block;
    color: #000;
    font-size: 10px;
    font-weight: 500;
    width: auto;
    white-space: nowrap;
    line-height: normal;
    position: absolute;
    top: auto;
    right: 0;
    bottom: -22px;
    left: 0
}

.mobile_footer li.mobile-center>a:after {
    content: "";
    position: absolute;
    top: -6px;
    left: -6px;
    right: 0;
    bottom: 0;
    border: transparent;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    visibility: hidden;
}

.mobile-center a.btn-social-icone{
    display: flex;
    justify-content: center;
    align-items: center;
}

.mobile-center img {
    width: 35px;
    height: 35px;
    animation-name: trin;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@keyframes trin {

    from {
        transform:rotate3d(0, 0, 1, 0deg);
    }
    20%, 32%, 44%, 56%, 68% {
        transform: rotate3d(0, 0, 1, 0deg);
    }
    23%, 35%, 47%, 59%, 71% {
        transform: rotate3d(0,0,1,15deg);
    }
    26%, 38%, 50%, 62%, 74% {
        transform: rotate3d(0,0,1,0deg);
    }
    29%, 41%, 53%, 65%, 77% {
        transform: rotate3d(0,0,1,-15deg);
    }
    80% {
        transform:rotate3d(0, 0, 1, 0deg);
    }

}

.mobile_footer li a.m-footer-text,
.mobile_footer li label.m-footer-text {
    font-size: 18px;
    color: #000;
    line-height: 1.5;
    font-weight: 500;
    min-width: 84px
}

.mobile_footer li.mobile-center a.link-attachment i {
    max-width: inherit;
    margin: 0;
    line-height: 42px;
    color: var(--primary);
    height: 50px;
    border: 4px solid #abadaf;
    background: #fff;
    width: 50px;
    border-radius: 50%;
    font-size: 21px
}

.mobile_footer li.mobile-center a i {
    max-width: inherit;
    margin-top: 0;
    margin-left: 0;
    line-height: 50px;
    color: var(--primary)
}

.mobile_footer ul li a.mobile-nav-toggler.active span:before {
    content: ""
}

.social-icone-footer.attachment-open {
    display: block;
    visibility: visible;
    pointer-events: inherit;
    bottom: 70px
}

/* .social-icone-footer {
    position: absolute;
    top: auto;
    right: auto;
    margin: 0;
    bottom: 100%;
    left: 50%;
    bottom: 70px;
    display: block;
    visibility: hidden;
    transition: .05s;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .05s;
    -moz-transition: .05s;
    -ms-transition: .05s;
    -o-transition: .05s;
} */

.social-icone-footer {
    position: absolute;
    top: auto;
    right: 0;
    margin: 0;
    bottom: 100%;
    left: auto;
    bottom: 70px;
    display: block;
    visibility: hidden;
    transition: 1s;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.mobile_footer ul.new-social {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.3rem;
}

.mobile_footer ul.new-social li:first-child{
    transition: 0.9s;
    -webkit-transition: 0.9s;
    -moz-transition: 0.9s;
    -ms-transition: 0.9s;
    -o-transition: 0.9s;
}

.mobile_footer ul.new-social li:nth-child(2){
    transition: 0.7s;
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -ms-transition: 0.7s;
    -o-transition: 0.7s;
}

.mobile_footer ul.new-social li:nth-child(3){
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.mobile_footer ul.new-social li:nth-child(4){
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.mobile_footer ul.new-social li:nth-child(5){
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
}

.social-icone-footer ul.s-i-f-list {
    padding: 0;
    margin: 0 0 20px;
    list-style: none;
    width: 100%
}

.social-icone-footer ul.s-i-f-list li {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 50px;
    display: block;
    opacity: 0;
    transition: .05s .01s;
    -moz-transition: .05s .01s;
    -ms-transition: .05s .01s;
    -webkit-transition: .05s .01s;
    -o-transition: .05s .01s;
    margin: 0 !important;
}

/* .social-icone-footer ul.s-i-f-list li~li {
    margin: 0 0 0 15px
} */

.navmobile-overlay,
.social-overlay {
    background-color: rgba(0, 0, 0, .6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    display: none
}

.blog-details-content .blog-nav-content ul li a.zohoone-link,
.inquiry-massagebtn {
    display: block;
    color: #000;
    font-size: 15px;
    position: relative
}

.blog-details-content .blog-nav-content ul li.active a:before {
    content: '';
    position: absolute;
    top: 0;
    left: -39px;
    bottom: auto;
    height: 100%;
    width: 4px;
    background-color: #06f;
    border-radius: 0 100px 100px 0;
    transition: .5s
}

.blog-details_des-text p {
    line-height: 30px;
    color: #232323c9
}

.navmobile-overlay.open,
.social-overlay.open {
    opacity: .75;
    visibility: visible;
    display: block;
    z-index: 988
}

.blog-section .blog-data {
    background: 0 0;
    border-radius: 6px;
    box-shadow: 0 5px 45px 0 rgb(18 24 58/8%);
    margin: 35px 0;
    padding: 0;
    transition: 0.3s;
}

.blog-related-slider .blog-section .blog-data {
    box-shadow: none;
    transition: 0.3s;
    background-color: #f8f8fb;
}

.blog-related-slider .blog-section:hover .blog-data {
    box-shadow: 0 5px 45px 0 rgb(18 24 58/8%);
    background-color: #FFFFFF;
}

.blog-related-slider .blog-section {
    margin: 0 20px;
}

.blog-section .blog-photo>img {
    border-radius: 6px
}

.blog-details-small,
.blog-photo .owl-carousel .owl-stage-outer .owl-item {
    direction: ltr
}

.blog-section .title-sm:not(:last-child) {
    margin-bottom: 5px
}

.blog-section .blog-sec-desc,
.testimoniols-name p {
    display: block;
    max-width: 100%;
    overflow: hidden !important
}

.blog-section .blog-sec-desc {
    height: 100px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis
}

.blog-photo figure.blog-img-figure {
    position: relative;
    margin: 0;
    width: 100%;
    min-height: 108px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-bottom: 62.666% !important;
    border-radius: 5px
}

.blog-photo figure.blog-img-figure img {
    position: absolute;
    width: auto;
    min-height: 126px;
    height: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none
}

.blog-d-post .owl-theme .owl-nav [class*=owl-],
.letest-blog .owl-theme .owl-nav [class*=owl-] {
    background: 0 0;
    opacity: .5;
    margin: -10px;
    border-radius: 5%
}

.owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0;
    text-decoration: none
}

.blog-d-post .owl-theme .owl-nav .owl-prev,
.letest-blog .owl-theme .owl-nav .owl-prev {
    left: 10px;
    right: auto;
    top: 50%;
    bottom: auto;
    position: absolute
}

.blog-d-post .owl-theme .owl-nav .owl-next,
.letest-blog .owl-theme .owl-nav .owl-next {
    left: auto;
    right: 10px;
    top: 50%;
    bottom: auto;
    position: absolute
}

.blog-d-post .owl-theme .owl-nav [class*=owl-] i,
.letest-blog .owl-theme .owl-nav [class*=owl-] i {
    color: #000;
    position: relative;
    font-size: 28px
}

.fa-angle-left:after {
    content: 'a';
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0
}

.fa-angle-right:after {
    content: 'a';
    position: absolute;
    top: 0;
    right: 0;
    opacity: 0
}

.arrow-carousel.owl-theme .owl-nav [class*=owl-] {
    width: 30px;
    height: 30px;
    border-radius: 40px;
    background: #fff;
    box-shadow: 0 0 10px -5px #000;
    font-size: 18px;
    line-height: 30px;
    border: 0;
    text-align: center;
    color: #999;
    cursor: pointer
}

figure.brandimg-figure.bf-amulya {
    background-position: -750px -2700px
}

.brand-img .brandimg-figure.bf-dharmajewels {
    background-position: -600px -2700px
}

.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: -50px;
    right: auto;
    top: 50%;
    bottom: auto;
    position: absolute
}

.arrow-carousel.owl-theme .owl-nav .owl-next {
    left: auto;
    right: -50px;
    top: 50%;
    bottom: auto;
    position: absolute
}

.blog-d-post .owl-theme .owl-dots,
.letest-blog .owl-theme .owl-dots {
    margin-top: 20px;
    line-height: .01;
    position: absolute;
    top: auto;
    bottom: 3%;
    left: 0;
    right: 0
}

.inquiry-massagebtn {
    position: fixed !important;
    top: 50% !important;
    right: 0;
    z-index: 1000
}

.inquiry-massagebtn a {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform-origin: right;
    display: block;
    z-index: 1;
    height: auto;
    width: auto;
    text-align: center;
    padding: 10px 50px 52px 15px;
    border-radius: 10px 33px 0 10px;
    -webkit-transition: .5s;
    transition: .5s;
    position: relative;
    top: -120px
}

.inquiry-massagebtn a:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #002e8b;
    width: 37px;
    height: 34px;
    border-radius: 6px 38px 0 41px
}

.testimoniols-section .testimoniols-card {
    background-color: #fff;
    max-width: 100%;
    margin: auto;
    display: block;
    padding: 0;
    border-radius: 10px;
    overflow: visible;
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/5%);
    border: 1px solid transparent;
    -webkit-transition: .2s;
    transition: .2s
}

.testimoniols-section .card:hover,
.testimoniols-section .card:hover figure.testimoniols-img-figure {
    border: 1px solid var(--primary)
}

.faq-title {
    padding: 0 0 40px
}

.testimoniols-section .testimoniols-card .card-body {
    padding: 20px;
    text-align: center
}

.testimoniols-data {
    display: flex;
    margin: 20px 0 0;
    padding-top: 20px;
    text-align: left;
    border-top: 1px solid #e8e8e8;
    transform: scale(.9)
}

figure.testimoniols-img-figure {
    position: relative;
    display: block;
    width: 90px;
    min-width: 90px;
    overflow: hidden;
    height: 90px;
    border-radius: 100% !important;
    margin: 0 0 0 auto;
    background-color: #8d8d8d;
    border: 1px solid #8d8d8d;
    -webkit-transition: .2s;
    transition: .2s;
    background-size: 900px auto;
    background-repeat: no-repeat;
    background-position: 0 0
}

.testimoniols-img .image figure,
figure.testimoniols-img-figure img {
    display: block;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

figure.testimoniols-img-figure img {
    width: 100%;
    border-radius: 50% !important;
    opacity: .5
}

.testimoniols-img {
    margin: 0;
    display: flex
}

.testimoniols-img .image {
    width: 100%;
    margin: 0 0 10px;
    display: flex;
    height: 80px;
    position: relative
}

.testimoniols-img .image figure {
    padding: 0;
    -webkit-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center
}

.testimoniols-name {
    margin: auto auto auto 20px
}

.testimoniols-name .h5-style,
.testimoniols-name h5 {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 600;
    color: #000;
    -webkit-transition: .2s;
    transition: .2s
}

.testimoniols-infodesc .testi-qutos {
    position: absolute;
    top: 0;
    right: 0;
    left: -18px;
    bottom: 0;
    color: #b9b9b9;
    font-size: 22px;
    display: none;
    -webkit-transition: .2s;
    transition: .2s
}

.testimoniols-section .testimoniols-infodesc {
    height: 126px;
    max-height: 126px;
    font-size: 14px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-indent: 0;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    text-align: center
}

.testimoniols-name p {
    font-size: 12px;
    color: var(--paragraph-color)
}

.h6-style,
.post-link a,
.profile-name,
.somting-spacial-desc ul li p {
    font-size: 15px;
    font-weight: 400
}

.ten-ind .webimg {
    height: auto;
    max-height: 100%;
    width: 500px
}

.testimoniols-section .owl-carousel .item {
    -webkit-transform: scale3d(.8, .8, 1);
    transform: scale3d(.8, .8, 1);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.testimoniols-section .owl-carousel .owl-item.active.center .item {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}

.somting-spacial-desc ul li span {
    font-weight: 700;
    font-size: 18px
}

.testimoniols-section .card.testimiols-page {
    border-bottom: 3px solid #dedede
}

.testimoniols-section .card.testimiols-page:hover {
    border-bottom: 3px solid var(--primary)
}

.modal .btn-close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    z-index: 2;
    border: 0;
    background: 0 0;
    cursor: pointer
}

.dbl-square-shape:before {
    width: 100px;
    z-index: -1;
    height: 100px
}

.blog-description-section:before,
section.blog-description-section::before,
section.blog-section.section-space::before {
    position: absolute;
    bottom: -120px;
    width: 100%;
    height: 120px;
    z-index: 1;
    background-color: #fff;
    left: 0;
    content: ''
}

.modaltestimonial-modal .modal-content .card {
    border-radius: 10px
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
    -webkit-border-radius: 10px;
    border-radius: 10px
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #c1c1c1
}

.modal-content .card {
    border: 0;
    border-radius: 0
}

.mean-container .mean-nav ul li.mean-last a {
    border-bottom: none;
    margin-bottom: 0
}

.post-mets-data .post-meta {
    flex-wrap: wrap;
    grid-gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: .7rem;
    color: #aab0bc
}

.post-mets-data .post-meta li {
    padding: 5px 10px;
    line-height: 1.4;
    color: #000;
    border-radius: 40px;
    font-size: 12px;
    display: inline-block;
    z-index: 1
}

.blog-details-content .profile-data .col-12.p-0 span,
.blog-nav-meta li a,
.value-title {
    margin: 10px 0
}

.blog-description-section {
    position: relative;
    padding: 60px 0 80px
}

.blog-description-section .blog-details-more {
    position: relative;
    column-count: 3;
    column-width: 300px;
    column-rule: 1px solid #e7e7e7;
    column-gap: 80px;
    margin: 40px 0
}

.blog-description-section .blog-more-page {
    border: none;
    border-top: none;
    margin-top: 0;
    padding: 0
}

.blog-description-section .blog-more-page .btn-more {
    display: block;
    max-width: 650px;
    margin: 0 auto;
    padding: 16px 24px;
    background: rgba(5, 74, 218, .1);
    border-radius: 4px;
    font-weight: 600;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    letter-spacing: .03em;
    text-transform: unset;
    color: #000;
    position: relative
}

.blog-details-more .blog-more-01 h3 {
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-align: left;
    margin: 0;
    color: #000
}

.blog-description-content h3 {
    font-size: 48px;
    font-weight: 700;
    color: #000
}

.blog-details-more .blog-more-01 a span {
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
    width: 386px;
    height: 280px
}

.blog-details-more .blog-more-01:first-child {
    padding-bottom: 15px
}

.blog-more-01 {
    padding-bottom: 40px
}

.blog-details-more .blog-more-01 p {
    margin-top: 5px;
    line-height: 26px;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical
}

.blog-details-more .blog-more-01 a img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    border-radius: 12px
}

.blog-details_item .img-wrapper {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    border-radius: 5px
}

.blog-details_item .img-wrapper .overlay:hover {
    opacity: 1;
    -webkit-transform: scale(3);
    transform: scale(3);
    -webkit-transition: .5s;
    transition: .5s;
    cursor: pointer
}

.blog-details_item .img-wrapper .overlay {
    opacity: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #0b234799;
    -webkit-transition: .5s;
    transition: .5s;
    color: #fff
}

.blog-data.part-blog .blog-deta-desc,
.blog-data.part-blog .blog-text h4,
.letest-blog .blog-text .h4-style,
.letest-blog .blog-text h4 {
    display: block;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.shadow {
    box-shadow: 0 0 1.25rem rgba(30, 34, 40, .04) !important
}

.overlay {
    position: absolute;
    top: auto;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 15px;
    color: #fff;
    background: rgb(0 0 0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0)), to(rgb(0 0 0/0%)));
    background: -o-linear-gradient(bottom, rgb(0 0 0)0, rgb(0 0 0/0%) 100%);
    background: linear-gradient(0deg, rgb(0 0 0)0, rgb(0 0 0/0%) 100%);
    border-radius: 0 0 5px 5px
}

.blog-text .title a {
    color: #fff;
    font-size: 22px
}

.blog-deta-desc a:hover,
.blog-text .title a:hover {
    text-decoration: underline
}

.blog-data.part-blog {
    position: relative;
    z-index: 2;
    display: block;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.blog-data.part-blog .blog-photo {
    position: relative;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
    max-width: 100%
}

.blog-data.part-blog .blog-text {
    position: relative;
    -ms-flex: 0 0 58%;
    flex: 0 0 58%;
    max-width: 100%;
    padding-left: 0
}

.blog-data.part-blog .blog-text .h4-style,
.blog-data.part-blog .blog-text h4 {
    display: -webkit-box;
    max-height: 47px;
    height: 100%;
    font-weight: 600;
    line-height: 1.3;
    color: #000;
    margin: 0;
    font-size: 18px
}

.blog-data.part-blog .blog-text .h4-style {
    max-height: 100%;
    font-size: 20px
}

.blog-data.part-blog .blog-text p {
    line-height: 1.3;
    color: #000
}

.contact-img img {
    max-width: 200px;
    height: 30px
}

.next-blog .blog-photo figure.blog-img-figure {
    min-height: 359px
}

.blog-data.part-blog .blog-deta-desc {
    display: -webkit-box;
    max-height: 10%;
    margin: 10px 0;
    font-size: 13px
}

ul.sub-contact-list {
    list-style: none;
    padding-left: 10px;
    margin-bottom: 3px
}

ul.sub-contact-list li a {
    padding: 0;
    margin: 0 5px;
    font-weight: 400;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.7;
    color: #fff;
    width: 100%
}

li.list-border {
    border-bottom: 1px dashed
}

li.list-border:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.contact-us-content .h2-style,
.contact-us-content h2 {
    font-size: 27px
}

.dbl-square-shape img {
    max-width: 65px;
    height: 65px
}

.founder-desc p,
.zoho-product-title .h3-style,
.zoho-product-title h3 {
    font-size: 23px
}

.dbl-square-shape {
    position: relative;
    z-index: 2;
    margin-top: 30px !important
}

.dbl-square-shape:before,
.sec-title-green .dbl-square-shape:before {
    content: "";
    position: absolute;
    left: -10px;
    top: -17px;
    opacity: .4;
    background: #fff;
    border-radius: 10px;
    box-shadow: 2px 2px 2px #4d4d4d4d
}

.dbl-square-shape:after {
    top: 1px;
    right: 22px;
    opacity: .3;
    z-index: -1;
    animation: 10s linear infinite movebounce;
    -webkit-animation: 10s linear infinite movebounce
}

.industries-sec-body .industries-sec-item:first-child .dbl-square-shape::after {
    background-color: #00b7ff
}

.industries-sec-body .industries-sec-item:nth-child(2) .dbl-square-shape::after {
    background-color: #009749
}

.industries-sec-body .industries-sec-item:nth-child(3) .dbl-square-shape::after {
    background-color: #e53e40
}

.industries-sec-body .industries-sec-item:nth-child(4) .dbl-square-shape::after {
    background-color: #06f
}

.industries-sec-body .industries-sec-item:nth-child(5) .dbl-square-shape::after {
    background-color: #9d9f15
}

.industries-sec-body .industries-sec-item:nth-child(6) .dbl-square-shape::after {
    background-color: #24639b
}

.industries-sec-body .industries-sec-item:nth-child(7) .dbl-square-shape::after {
    background-color: #af3030
}

.industries-sec-body .industries-sec-item:nth-child(8) .dbl-square-shape::after {
    background-color: #13448d
}

.industries-sec-body .industries-sec-item:nth-child(9) .dbl-square-shape::after {
    background-color: #1ab6f1
}

.industries-sec-body .industries-sec-item:nth-child(10) .dbl-square-shape::after {
    background-color: #27267d
}

.industries-sec-body .industries-sec-item:nth-child(11) .dbl-square-shape::after {
    background-color: #1f9ccc
}

.industries-sec-body .industries-sec-item:nth-child(12) .dbl-square-shape::after {
    background-color: #145168
}

.industry-img-sec .webimg {
    max-height: 400px;
    width: 400px
}

.industries-sec-body .industries-sec-item:nth-child(odd) .industry-img-sec .webimg {
    margin: 0 50px 0 auto
}

.industries-sec-body .industries-sec-item:nth-child(2n) .industry-img-sec .webimg {
    margin: 0 auto 0 50px
}

.blog-setails-title .h1-style,
.blog-setails-title h1 {
    font-size: 31px
}

.blog-details-date {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 20px 15px 10px;
    z-index: 1;
    background: rgb(0 0 0);
    background: -webkit-gradient(linear, left bottom, left top, from(rgb(0 0 0/20%)), to(rgb(0 0 0/0%)));
    background: -o-linear-gradient(bottom, rgb(0 0 0/20%)0, rgb(0 0 0/0%) 100%);
    background: linear-gradient(0deg, rgb(0 0 0/20%)0, rgb(0 0 0/0%) 100%)
}

.letest-blog .blog-text .h4-style,
.letest-blog .blog-text h4 {
    display: -webkit-box;
    max-height: 60px;
    height: 60px;
    line-height: 1.3
}

.blog-details-small .blog-text .h4-style,
.blog-details-small .blog-text h4,
.next-blog .blog-text .h4-style,
.next-blog .blog-text h4 {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    max-height: 85px;
    height: 85px;
    font-weight: 600;
    -webkit-line-clamp: 3;
    margin-bottom: 13px;
    line-height: 1.3
}

.blog-tab .nav-pills .nav-link {
    border-radius: 40px;
    border: 1px solid transparent;
    background: #fff;
    color: var(--black);
    margin: 0 10px 10px 0;
    outline: 0;
    box-shadow: none
}

.blog-tab .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    border: 1px solid var(--primary);
    background: var(--primary);
    border-radius: 40px;
    color: #ffff
}

.sticky-sidebar .profile-desc h3 {
    font-size: 22px;
    margin: 0
}

.sticky-sidebar .profile-desc .sideshortdescr {
    margin: 5px 0
}

.social-share-icon.socialshare-middle a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    font-size: 20px;
    margin-left: 0
}

.social-share-icon.socialshare-middle ul li:nth-child(2) a {
    margin: 0 30px
}

.blogother-img,
.faq-acc .card,
.social-share-icon.socialshare-middle h3 {
    margin-bottom: 15px
}

.social-share-icon.socialshare-middle {
    border: none;
    margin-top: 2rem;
    padding: 20px 15px
}

.social-share-icon.socialshare-middle ul li a.share-facebook,
.social-share-icon.socialshare-middle ul li a.share-linkedin,
.social-share-icon.socialshare-middle ul li a.share-twitter {
    background-color: #0066ff17
}

.social-share-icon.socialshare-middle ul li a:hover.share-facebook,
.social-share-icon.socialshare-middle ul li a:hover.share-linkedin,
.social-share-icon.socialshare-middle ul li a:hover.share-twitter {
    background-color: #0064ff !important
}

.social-share-icon.socialshare-middle ul li a:hover.share-facebook i,
.social-share-icon.socialshare-middle ul li a:hover.share-linkedin i,
.social-share-icon.socialshare-middle ul li a:hover.share-twitter i {
    color: #fff
}

.profile-image {
    border: 3px solid #06f;
    border-radius: 100%;
    width: 70px;
    height: 70px;
    overflow: hidden;
    margin: auto 0 20px
}

.blog-section .blog-text div ul li .blogitem-img img,
.profile-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    border-radius: 100%
}

.profile-name {
    font-weight: 600;
    margin-bottom: 10px
}

.blog-details .sec-title .h2-style {
    font-size: 35px;
    text-align: center
}

.profile-data .social-share-icon.sidebar {
    border-top: none
}

.social-share-icon.sidebar ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
    padding-left: 0
}

.services-box.services-box4.services-icon-bottom.enterprise-box {
    margin-bottom: 1rem
}

ul.sub-contact-list li .sub-contact-address-list {
    margin-left: 21px
}

.social-share-icon a.share-twitter {
    background: #1ba6ff
}

.social-share-icon a p {
    position: absolute;
    top: 50%;
    opacity: 0
}

span.blog-date {
    font-weight: 600;
    font-size: 12px
}

.founder-desc p,
.founder-name p,
.founer-designation p {
    font-weight: 400;
    line-height: 1.5
}

.reach-milestone-info .reach-milestone-title .h2-style,
.reach-milestone-info .reach-milestone-title h2 {
    margin: 10px 0 30px;
    color: #010101
}

.reach-milestone-info .reach-milestone-desc {
    color: #727272
}

.mobile_footer li.mobile-center a p {
    margin-left: -15px;
    font-size: 14px;
    margin-top: 4px;
    color: #000;
    font-weight: 500
}

figure.reach-img-figure,
figure.someting-img-figure {
    position: relative;
    margin: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding-bottom: 66.666% !important
}

figure.reach-img-figure img,
figure.someting-img-figure img {
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    pointer-events: none
}

.text-gray {
    color: #a2a2a2
}

.somting-spacial-info .h2-style,
.somting-spacial-info h2 {
    margin: 10px 0 30px
}

.founder-desc {
    max-width: 596px;
    margin: auto
}

.founder-desc p i.fas.fa-quote-right {
    content: "";
    position: absolute;
    top: auto;
    bottom: -9px;
    left: auto;
    right: auto;
    margin-left: 6px
}

.founder-name p {
    font-size: 20px
}

.fouder-img img {
    max-width: 258px;
    border-radius: 5px;
    width: 100%
}

.founder-sec .card {
    overflow: auto;
    background-color: #0538bf !important;
    border-radius: 5px
}

.somting-spacial-sec {
    padding-bottom: 60px
}

.other-ser-ico figure {
    margin: auto;
    width: 50px;
    height: 50px;
    background-size: 500px auto;
    background-repeat: no-repeat
}

.other-service-desc {
    max-width: 600px;
    width: 100%;
    margin: auto
}

.card.service-card {
    border: 1px solid #fff;
    min-height: 199px;
    box-shadow: 0 .25rem 1.25rem rgb(52 63 82/10%)
}

.card.service-card .services-sec-icone {
    width: 80px;
    height: 80px;
    padding: 15px;
    border-radius: 10%;
    margin: auto;
    border: 1px solid var(--primary);
    background: var(--primary)
}

.other-ser-ico {
    display: block;
    width: 80px;
    height: 80px;
    margin: auto;
    border: 1px solid #b7b7b7;
    overflow: hidden;
    padding: 15px
}

.other-ser-ico figure.service-webdevelopment {
    background-position: -100px -150px
}

.other-ser-ico figure.service-desktopapplication {
    background-position: -200px -150px
}

.other-ser-ico figure.service-enterprisesoftware {
    background-position: -250px -150px
}

.other-ser-ico figure.service-enterpriseintegration {
    background-position: -200px -50px
}

.card.service-card .services-sec-icone.rounded {
    border-radius: 50% !important;
    width: 100px;
    height: 100px;
    padding: 25px
}

.card.service-card .services-sec-icone img {
    max-width: 50px;
    width: 100%;
    margin: 15px
}

.other-service-text p {
    font-size: 13px;
    font-weight: 600;
    color: #424242;
    margin: auto;
    padding: 0 15px
}

.other-service-text {
    font-size: 13px;
    display: flex;
    max-height: 60px;
    height: 60px;
    line-height: 1.4;
    margin-top: 10px
}

.other-service-sec .other-service-text {
    font-size: 15px;
    display: flex;
    max-height: 60px;
    height: 60px;
    line-height: 1.7
}

.title-overview h2 {
    font-size: 28px
}

.blog-details-small .blog-photo figure.blog-img-figure {
    height: 417px
}

.lh-15 {
    line-height: 1.5
}

span.h2-style {
    text-indent: -15px;
    font-weight: 500
}

.h3-style,
span.h3-style {
    font-size: 28px;
    font-weight: 500;
    line-height: 1.2
}

.startp-nav nav.navbar-light .menu-sidebar-close {
    position: sticky;
    top: 0;
    right: 0;
    bottom: auto;
    left: auto;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    z-index: 1;
    margin: 0 0-40px auto;
    font-size: 24px;
    color: var(--primary);
    background-color: #fff
}

.work-culture-list {
    font-weight: 600;
    font-size: 17px;
    display: flex;
    flex-wrap: wrap
}

.otherpage-heading,
.otherpage-heading b,
.proud-section-title,
.title-overview h3 {
    font-weight: 600;
    text-transform: capitalize
}

.team-carousel .item {
    margin-left: 20px;
    margin-right: 20px
}

.solution-conte a,
.solution-conte span {
    color: #06f;
    transition: color .5s
}

.pa-over,
.web-Overview .hero-button,
.web-designingheadsection .hero-button {
    margin-top: 30px
}

.btn-techno a.btn-index,
a.hero-button {
    background-color: #fff;
    margin-top: 0;
    color: #06f;
    text-transform: capitalize;
    box-shadow: 0 2px 15px -3px rgb(0 0 0/8%) !important;
    border: 3px solid #e7e7e7;
    border-radius: 10px
}

.set-clientbtn a:first-child {
    border-left: none
}

.clutch-data .setglassimg {
    width: 100%;
    max-width: 100px
}

.start-check1 .start-check {
    color: #ffc107;
    font-size: 13px
}

.start-check1 .start-wcheck {
    color: #d7d7d7;
    border: #ffc107
}

.set-clientbtn {
    margin-top: 40px;
    display: flex;
    gap: 0 25px
}

.main-banner .hero-content .solution-conte {
    font-weight: 600;
    font-size: 64px;
    text-transform: capitalize;
    line-height: 92px;
    color: #141414;
    transition: .5s
}

section.ourcilent {
    padding: 3rem 0
}

.tool-section .tabs-list-scroll ul {
    background-color: #f8f8fb;
    border-radius: 7px
}

.otherpage-heading b::before,
.wpf-charp .otherpage-heading.othepage-wpfc b::after {
    position: absolute;
    /*background-color: #0066fe;*/
    transform: skewX(-18deg);
    text-indent: .08em;
    transition: width .5s;
    z-index: -1;
    overflow: hidden
}

.tool-section .nav-tabs-line.nav-tabs .nav-link:before {
    height: 3px;
    border-radius: 15px;
    bottom: 0
}

.tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs {
    justify-content: space-around
}

.tool-btn,
.tool-btn .btn a,
.tool-section .tabs-list-scroll ul li a {
    display: flex;
    align-items: center;
    justify-content: center
}

.tool-btn .btn {
    border: 2px solid #06f;
    background-color: transparent
}

.item-case:first-child,
.testi-smallde {
    border-right: 1px solid #c2c2c2
}

.proud-img,
.webimg {
    border-radius: 15px
}

.tool-btn .btn a i {
    display: block;
    transition: .5s;
    margin-left: 15px
}

.imgdev {
    width: 30px;
    margin-bottom: 6px;
    height: 30px
}

.center-testicase,
.set-faq,
.tool-section .tabs-list-scroll ul li a {
    flex-direction: column
}

.imgdev img {
    filter: grayscale(100%)
}

.head-palttech .nav-tabs a.active .imgdev img,
.head-palttech .nav-tabs a:hover .imgdev img,
.head-palttech.tools-palttech .nav-tabs a:hover .tools-img .toolsimg-clr,
.tool-section .tabs-list-scroll ul li a.active .imgdev img,
.tool-section .tabs-list-scroll ul li:hover .imgdev img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%)
}

.ourcilent .brand-img .brandimg-figure {
    transform: scale(.8)
}

.tool-section .item .tt-used-icone figure {
    transform: scale(1)
}

.tool-section .tabs-list-scroll ul li a span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-transform: capitalize
}

.tool-section .technology-slider p b {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #555
}

.tool-section .btn-primary:active {
    background-color: transparent !important
}

.blog-details-content .sec-title.sec-title-blue {
    width: 850px;
    margin: 0 auto 80px;
    text-align: center
}

.blog-details-content .sec-title.sec-title-blue .h2-style b {
    font-size: 36px
}

.blog-details-info {
    margin: 0 15px 0 0
}

.tools-technologies-sec.tool-section .tabs-list-scroll {
    padding: 0;
    border-radius: 7px
}

.tt-used-icone-img {
    width: 100px;
    height: 100px;
    margin: 0 auto
}

.tt-used-icone-img img {
    height: 100%;
    transform: scale(.7)
}

.webimg {
    height: 100%;
    max-height: 500px;
    overflow: hidden;
    display: flex;
    align-items: center
}

.proud-img,
.proud-img img,
.testi-logo img,
.webimg video {
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden
}

.proud-img {
    max-width: 600px;
    max-height: 600px;
    margin: 0 auto
}

.panel-set {
    display: flex;
    flex-direction: column;
    margin-top: 10px
}

.android-page .web-designingheadsection,
.application-page .web-designingheadsection,
.crm-page .web-designingheadsection,
.ecom-page .web-designingheadsection,
.erp-page .web-designingheadsection,
.flutter-page .web-designingheadsection,
.hardware-page .web-designingheadsection,
.hrms-page .web-designingheadsection,
.inventory-page .web-designingheadsection,
.ios-page section.web-designingheadsection,
.micro-page .web-designingheadsection,
.pwa-page .web-designingheadsection,
.react-page section.web-designingheadsection,
.saas-page .web-designingheadsection,
.sap-page .web-designingheadsection,
.sem-page .web-designingheadsection,
.seo-page .web-designingheadsection,
.smm-page .web-designingheadsection,
.smo-page .web-designingheadsection,
.web-design .web-designingheadsection,
.whatsapp-page .web-designingheadsection,
.window-forms-page .web-designingheadsection,
.wpf-charp .web-designingheadsection,
section.web-designingheadsection {
    padding: 0 0 3.5rem
}

.micro-page .web-designingheadsection {
    padding: 6rem 0
}

.otherpage-heading,
.proud-section-title {
    font-size: 52px;
    line-height: 67px;
    color: #000
}

figure.brandimg-figure.bf-hayati {
    background-position: -1352px -2400px
}

.desc-other,
.set-overdes p {
    font-weight: 400;
    font-size: 15px;
    color: #212529
}

.desc-other {
    line-height: 39px;
    margin-top: 35px;
    width: 100%;
    max-width: 100%
}

.otherpage-heading b {
    position: relative;
    z-index: 1;
    color: #fff
}

.otherpage-heading b::before {
    content: "";
    width: 21rem;
    height: 100%;
    top: 5px;
    left: -7px;
    right: 0;
    bottom: 0
}

.application-page .otherpage-heading b::before {
    width: 20rem;
    top: 0
}

.ecom-page .otherpage-heading b::before {
    width: 17rem;
    top: 4rem;
    height: 73px;
    left: -23rem
}

.ios-page .otherpage-heading b::before {
    width: 8.7rem
}

.smo-page .otherpage-heading b::before {
    width: 12rem;
    top: -4px
}

.smm-page .otherpage-heading b::before {
    width: 11rem
}

.seo-page .otherpage-heading b::before {
    width: 13rem;
    left: -4px
}

.sem-page .otherpage-heading b::before {
    width: 11.6rem;
    left: 10px;
    top: 0
}

.hardware-page .otherpage-heading b::before {
    width: 22rem;
    bottom: 0;
    height: 50%;
    left: unset;
    right: 0;
    top: unset
}

.hardware-page .otherpage-heading.other-zohoint b::before {
    width: 20.5rem;
    bottom: 0;
    height: 100%;
    left: unset;
    right: 0;
    top: unset
}

.whatsapp-page .otherpage-heading b::before {
    width: 6rem;
    left: 0
}

.inventory-page .otherpage-heading b::before,
.micro-page .otherpage-heading b::before {
    width: 17.5rem
}

.custom-software-development.inventory-page .otherpage-heading b::before{
    width: 14rem
}

.micro-page .otherpage-heading.msd-int b::before {
    width: 20.5rem;
    top: 4rem;
    height: 50%;
    left: unset;
    right: -1rem
}

.payroll-page .otherpage-heading b::before {
    width: 17rem;
    left: -23rem;
    right: unset;
    height: 50%;
    top: 4rem
}

.payroll-page.mobile-app-development .otherpage-heading b::before {
    width: 24rem;
    left: -19rem;
    /* right: unset; */
    /* height: 50%; */
    /* top: 4rem; */
}

.hrms-page .otherpage-heading b::before,
.window-forms-page .otherpage-heading b::before {
    width: 16.5rem
}

.erp-page .otherpage-heading b::before {
    width: 16rem
}

.crm-page .otherpage-heading b::before {
    width: 17.2rem
}

.saas-page .otherpage-heading b::before {
    width: 21rem
}

.wpf-charp .otherpage-heading.b::before {
    width: 23rem;
    top: 4rem;
    height: auto;
    left: -16rem
}

.wpf-charp .otherpage-heading.othepage-wpfc b::before {
    width: 15rem;
    top: 4rem;
    height: auto;
    right: 0;
    left: unset
}

.wpf-charp .otherpage-heading.othepage-wpfc b::after {
    content: '';
    width: 15rem;
    top: 0;
    height: 55%;
    right: -6rem;
    left: unset
}

.pwa-page .otherpage-heading b::before {
    width: 9rem
}

.android-page .otherpage-heading b::before,
.react-page .otherpage-heading b::before {
    width: 8rem
}

.flutter-page .otherpage-heading b::before {
    width: 7.5rem
}

.manu-overview li {
    list-style: none;
    cursor: pointer;
    padding: 20px 0;
    text-transform: capitalize
}

.manu-overview {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0
}

.otherpgmenu-sticky.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: auto;
    z-index: 999;
    transition: transform .3s;
    will-change: transform;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1)
}

section.value-we-deliver,
section.web-Overview {
    padding: 50px 0
}

.faq-acc {
    padding: 15px 0 0
}

.overviewimg {
    width: 100%;
    max-width: 450px;
    height: 100%;
    max-height: 450px;
    display: block;
    margin: 25px auto 55px;
    position: relative;
    border-radius: 14px
}

.overviewimg::after {
    content: "";
    width: 142px;
    position: absolute;
    background-repeat: no-repeat;
    z-index: 0;
    height: 142px;
    top: 82%;
    left: -62px;
    right: auto
}

.overviewimg img {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    z-index: 1
}

.title-overview h3 {
    font-size: 35px;
    line-height: 52px;
    margin-bottom: 9px
}

.set-overdes {
    line-height: 27px
}

.mar-mobile {
    margin-top: 7rem
}

.client-section {
    position: absolute;
    top: 31.5rem;
    left: 20rem;
    bottom: auto;
    right: auto;
    width: 66%
}

.service-we-do-sec .client-section {
    bottom: -4%;
    top: unset;
    right: unset
}

.service-inner-text {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 168px
}

.blog-desc,
.case-list-des {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.client-oth {
    background: url(../images/client-logo.png)
}

.otherpage-titledesc {
    margin-top: 14px
}

.casestudy-otherpage {
    padding: 35px 0
}

.casestudy-smalldesc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px
}

.item-case:first-child {
    padding: 0 50px 0 0
}

.subtitle-otherpage h2 {
    font-weight: 500;
    font-size: 35px;
    line-height: 52px;
    color: #000
}

.other-casedesc p {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #565353
}

.case-testimonial {
    width: 100%;
    margin: 50px 0
}

.case-img {
    height: 66px;
    width: 66px;
    border-radius: 50%
}

.case-img img {
    border: 1px solid #d2d2d2
}

.case-cre,
.set-btn-tesicase {
    display: flex;
    align-items: center
}

.case-cre {
    flex-direction: column;
    justify-content: center
}

.casesmall-title h4 {
    font-weight: 600;
    font-size: 19px;
    line-height: 28px;
    color: #323232;
    margin-bottom: 0;
    margin-top: 7px
}

.case-desg p {
    font-size: 12px;
    line-height: 16px;
    color: #323232
}

.set-btn-tesicase {
    justify-content: space-around;
    height: 100%
}

.btn-case {
    display: flex;
    gap: 10px
}

.btn-case a {
    flex: 1;
    min-width: 194px;
    align-items: center
}

.testi-logo {
    height: 25px;
    width: 118px;
    margin-top: 20px
}

.Sharee-icon,
.Sharee-icon i,
.btn-case a,
.center-testicase,
.consult-btn,
.healthtestimonials-info .testimoniols-data,
.set-faq,
.share-case-title {
    display: flex;
    justify-content: center
}

.btn-case .hero-button {
    margin: 0;
    padding: 17px 19px;
    width: 100%
}

.testicase-desc {
    width: 600px;
    z-index: 1;
    position: relative
}

.testicase-desc p {
    -webkit-line-clamp: unset;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #4f4e4e;
    display: -webkit-box;
    overflow: hidden;
    height: 114px
}

.testicase-desc::after,
.testicase-desc::before {
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
    background: url(../images/services/webdesign/case-quotes.png) no-repeat;
    z-index: -1
}

.testicase-desc::before {
    top: -15px;
    left: -46px;
    width: 42px;
    transform: scaleX(-1)
}

.testicase-desc::after {
    top: 2rem;
    right: 0;
    left: auto;
    width: 45px
}

.color-case {
    padding: 30px 0;
    border-radius: 7px
}

.casestudy-sec {
    padding: 0 0 50px
}

.other-pagebg .technology-slider .owl-stage-outer {
    padding: 0 0 20px
}

.value-img {
    height: 60px;
    width: 60px;
    background: #1f78ff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.value-img img {
    width: 30px !important;
    height: 30px;
    max-width: 100%
}

.case-img img {
    height: 100%;
    width: 100%;
    border-radius: 100%;
    object-fit: cover
}

.case-list-img img,
.industry-img {
    object-fit: contain;
    object-position: top;
    overflow: hidden
}

.blog-details_des-text p img,
.blog-otherpage .blogother-img img,
.blogdetailsdesc-img img,
.other-pgcasestdy img {
    object-fit: cover;
    object-position: top
}

.value-section {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
    padding: 25px
}

.value-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 38px;
    color: #000;
    text-align: start
}

.value-small-desc {
    text-align: left;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #716d6d
}

.value-section:hover {
    box-shadow: 4px 4px 50px rgba(0, 0, 0, .1);
    border-radius: 10px;
    transition: .3s
}

.consult-btn {
    width: 100%;
    margin: 15px 0
}

.faq-accset .btn.btn-link,
.faq-accset .btn.btn-link.collapesd {
    padding-left: 19px;
    position: relative;
    width: 100%;
    text-align: left
}

.faq-section .faq-accset .btn.btn-link.collapsed::after,
.faq-section .faq-accset .btn.btn-link::after,
.work-flow-section .faq-accset .btn.btn-link.collapsed::after,
.work-flow-section .faq-accset .btn.btn-link::after {
    content: "";
    width: 25px;
    right: 15px;
    max-width: 25px;
    position: absolute;
    height: 25px;
    display: block;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    transition: .6s;
    background-color: #fff;
    border-radius: 50%
}

.faq-section .faq-accset .btn.btn-link::after,
.work-flow-section .faq-accset .btn.btn-link::after {
    background-image: url(../images/services/webdesign/minus.png);
    top: 20px;
    left: auto;
    bottom: 0
}

.faq-section .faq-accset .btn.btn-link::after {
    top: 5px
}

.faq-section .faq-accset .btn.btn-link.collapsed::after,
.faq-section .faq-accset .btn.btn-link::after {
    right: 4%
}

.faq-section .faq-accset .btn.btn-link.collapsed::after,
.work-flow-section .faq-accset .btn.btn-link.collapsed::after {
    background-image: url(../images/services/webdesign/plus.png);
    transform: rotate(180deg)
}

.faq-accset .btn.btn-link,
.work-flow-section .faq-accset .btn.btn-link {
    background-color: #fff;
    color: #000;
    border-radius: 7px;
    position: relative;
    text-transform: unset;
    font-weight: 500;
    font-size: 17px;
    line-height: 30px;
    letter-spacing: .06em
}

.faq-section .faq-accset {
    padding-left: 220px;
    padding-right: 220px;
    background-color: #f8f8fb
}

.faq-section .faq-accset .btn.btn-link,
.faq-section .faq-accset .btn.btn-link.collapsed {
    background-color: #f8f8fb;
    padding-top: 0;
    padding-left: 0;
    white-space: normal
}

.faq-accset .btn.btn-link:focus {
    box-shadow: none;
    text-decoration: none
}

.footer-address {
    display: flex;
    align-items: start
}

.footer-address i {
    margin-right: 5px;
    margin-top: 5px
}

.faq-acc .card-header {
    padding: 0;
    border: 0;
    background-color: #fff;
    border-radius: 7px
}

.faq-acc .card-body,
.work-flow-section .faq-acc .card-body {
    border-radius: 0 0 7px 7px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: justify;
    position: relative;
    background-color: #fff;
    color: #000
}

.faq-section .faq-accset .btn.btn-link.collapsed {
    border-left: none;
    color: #000;
    border-radius: 0;
    transition: .5s;
    border-bottom: 2px solid #61618257;
    padding-right: 55px
}

.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-accset .btn.btn-link {
    color: #fff
}

.faq-section .faq-acc .card-body {
    background-color: #f8f8fb;
    padding-left: 220px;
    padding-bottom: 0;
    padding-right: 222px
}

.faq-acc .card,
.single-footer-widget.footer-contact .col-lg-4.col-md-6.col-xs-6:last-child {
    border: none
}

.blog-otherpage.other-div .blog-data {
    background: 0 0;
    box-shadow: none;
    margin: 0
}

.blog-otherpage .blog-section {
    background-color: #f8f8fb;
    border-radius: 8px
}

.blog-otherpage .blog-section:hover {
    box-shadow: 4px 4px 50px rgba(0, 0, 0, .1);
    background-color: #fff;
    transition: .5s
}

.blog-otherpage .blogother-img {
    width: 390px;
    height: 247px;
    display: block
}

.blog-otherpage .blogother-img img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.blog-desc,
.blogother-title {
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    color: #000;
    overflow: hidden;
    height: 30px
}

.blog-desc {
    font-weight: 400;
    font-size: 17px;
    margin-bottom: 11px;
    line-height: 24px;
    color: #4d4d4d;
    display: -webkit-box;
    height: 47px
}

.blogother-date,
.buttob-list a {
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #0d0d0d
}

.buttob-list a {
    font-size: 12px;
    line-height: 15px;
    color: #06f
}

.otherpage-div {
    margin-top: -150px;
    padding-top: 150px
}

.faq-small-title {
    font-weight: 600;
    font-size: 40px;
    line-height: 55px;
    color: #000;
    margin-bottom: 15px
}

.blog-section .letest-blog .blog-text .blog-deta-desc.text-black,
.proud-desc {
    margin: 15px 0
}

.faq-small-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: rgba(0, 0, 0, .6);
    width: 100%;
    max-width: 500px
}

.manu-overview li.active {
    color: #0066fe
}

.other-pgcasestdy,
.set-studycolor {
    background-color: #ebf3fe
}

.other-div .service-port-clients .brand-sm-img li.image1 {
    margin-left: -37px
}

.tool-section.other-pagebg.other-div .technology-slider p b {
    line-height: 18px
}

.manu-overview .active {
    color: #06f;
    font-weight: 600
}

.detail-listing li {
    font-size: 15px;
    color: #000;
    font-weight: 400
}

.other-pgcasestdy::before {
    top: -34%;
    left: unset;
    right: -5%;
    bottom: unset
}

.other-pgcasestdy::after {
    top: auto;
    left: -6%;
    right: auto;
    bottom: -12%
}

.head-palttech .nav-tabs a {
    padding: 19px 46.4px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    border-bottom: 3px solid transparent;
    flex-direction: column
}

.techno-index.nav-tabs a {
    padding: 19px 45.7px
}

.head-palttech .nav-tabs a.active,
.head-palttech .nav-tabs a:hover {
    border-bottom: 3px solid #005eea
}

.proud-desc {
    font-weight: 400;
    font-size: 20px;
    line-height: 30px;
    color: #575757;
    width: 100%;
    max-width: 75%;
    text-align: justify
}

.brading-main-section {
    padding: 50px 0;
    background-color: #fff
}

.brad-setion .nav.nav-tabs .nav-item .nav-link {
    padding: 8px 16px;
    text-transform: unset
}

.sec-sub-title {
    font-size: 16px;
    width: 100%;
    max-width: 700px;
    margin: 0 auto
}

.case-list-desc {
    margin-top: 16px;
    margin-bottom: 15px
}

.buttob-list {
    background: #e5f3ff;
    border-radius: 5px;
    padding: 8px 10px;
    display: flex;
    justify-content: center;
    align-items: center
}

.case-list-button {
    display: flex;
    margin-bottom: 15px;
    justify-content: start
}

.case-item,
.casestudies-sec .case-item {
    display: block;
    width: 100%;
    margin-bottom: 50px;
    padding: 10px;
    border-radius: 7px
}

.brading-main-section .case-item {
    animation-duration: 4s;
    transition: .2s
}

.case-item:hover,
.casestudies-sec .case-item:hover {
    box-shadow: 0 2px 16px 4px rgb(0 0 0/8%);
    background-color: #fff
}

.case-list-img {
    border-radius: 7px;
    width: 100%;
    height: 280px
}

.case-list-img img {
    height: 100%;
    border-radius: 7px
}

.blog-otherpage .blogother-title,
.blog-otherpage .case-list-title p {
    margin-bottom: 5px;
    text-overflow: unset;
    white-space: unset
}

.blogother-title,
.case-list-title p {
    margin-bottom: 5px;
    white-space: nowrap;
    text-overflow: ellipsis
}

.case-list-des,
.case-list-title p {
    color: #000;
    text-transform: capitalize;
    overflow: hidden
}

.case-list-title p {
    font-weight: 600;
    font-size: 20px;
    height: 29px
}

.case-list-des {
    font-weight: 400;
    font-size: 15px;
    line-height: 27px;
    display: -webkit-box;
    height: 51px
}

.more-case-button {
    font-weight: 500;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    position: relative;
    margin-bottom: 5px;
    margin-top: 20px
}

.more-case-button img,
.share-case-rbl img {
    margin-left: 5px
}

.more-case-button::before {
    content: "";
    width: 34%;
    position: absolute;
    top: auto;
    bottom: -2px;
    background-color: #000;
    height: 1px
}

.brad-setion .nav-tabs {
    display: flex;
    justify-content: space-between;
    border: 1px solid #eaeaea;
    margin: 20px 0;
    padding: 15px 0
}

.brad-setion .nav-tabs .nav-link.active {
    color: #1f78ff
}

.study-herosection.web-designingheadsection {
    padding: 5rem 0 10rem
}

.details-herosection {
    padding: 2rem 0 9rem
}

.branding-section-title {
    font-weight: 600;
    font-size: 70px;
    line-height: 93px;
    letter-spacing: .02em;
    color: #141414
}

.set-case-bar .manu-overview {
    display: block;
    border-right: 3px solid #e5e5e5
}

.set-case-bar .manu-overview li {
    padding: 5px 0
}

.case-more-details {
    background-color: #fff;
    padding: 50px 0
}

.case-content-body {
    text-align: center;
    padding-bottom: 50px
}

.case-content-article {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #bebebe
}

.case-content-back a,
.case-content-back a:hover,
.case-content-back span {
    color: #7a7a7a
}

a.case-article-play-btn {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px
}

.case-article-play-btn span {
    width: 16px;
    height: 20px
}

.casedetails-title {
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .02em;
    color: #000;
    margin-bottom: 15px
}

.set-case-bar .manu-overview li a {
    font-weight: 400;
    font-size: 15px;
    line-height: 30px;
    letter-spacing: .02em;
    color: #7e7e7e
}

.project-case-data,
.project-case-title {
    font-weight: 400;
    font-size: 17px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #575757;
    margin-bottom: 10px
}

.project-case-title {
    font-weight: 600;
    font-size: 33px;
    line-height: 52px;
    color: #000
}

.project-img,
.project-img img {
    width: 100%;
    height: auto
}

.project-img img {
    margin-bottom: 20px;
    margin-top: 20px
}

.tech-img {
    width: 85px;
    height: 75px;
    gap: 21px;
    margin: 20px 0 8px
}

.tech-img img {
    width: 99%
}

.tech-data {
    justify-content: center;
    flex-direction: column;
    align-items: center
}

.tech-data:last-child {
    margin-left: 15px;
    border-left: 1px solid #eee;
    padding-left: 15px
}

.Sharee-icon {
    gap: 8px
}

.Sharee-icon i {
    background-color: #f5f5f5;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    align-items: center
}

.share-case-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .02em;
    color: #000;
    display: block;
    margin-bottom: 10px
}

.share-case-left .Sharee-icon {
    gap: 10px;
    justify-content: start
}

.set-case-bar .manu-overview li a.active {
    color: #06f;
    border-right: 3px solid #06f;
    width: 100%
}

.sticky-menu {
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    height: 100%
}

.share-case-right {
    position: relative;
    padding: 40px 22px;
    border-radius: 30px;
    width: 100%;
    box-shadow: 0 0 22px -6px #4d4d4d
}

.share-case.active,
.sticky-menu.active {
    position: fixed;
    top: 79px;
    height: 100%
}

.share-case.active {
    width: 420px;
    left: auto
}

section.casestudies-sec,
section.read-more-casestudy {
    z-index: 10;
    position: relative;
    background-color: #f8f8fb;
    padding: 50px 0
}

.helth-desc {
    margin: 25px 0;
    font-weight: 400;
    font-size: 19px;
    line-height: 31px;
    color: #575757
}

.helth-ind {
    width: 100%;
    max-width: 678px
}

.helth-herosection {
    padding: 5rem 0 184px
}

.industry-img {
    height: 100%;
    width: 100%;
    min-height: 100%;
    margin: 0 auto
}

.helth-ind-title {
    font-weight: 600;
    font-size: 25px;
    line-height: 31px;
    text-align: center;
    color: #2e2e2e;
    margin-top: 25px;
    margin-bottom: 4px
}

.helth-ind-desc {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #575757
}

.helth-timer {
    border-right: 1px solid #d5d5d5;
    padding: 0 15px
}

.helth-ind .set-herobtnpther {
    margin-top: 40px
}

.set-hospitality-more-details ul {
    padding-left: 20px
}

.set-hospitality-more-details ul li {
    list-style-type: none;
    position: relative
}

.set-hospitality-more-details ul li::before,
.set-our-cilentweb::before {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #0062cc;
    content: "";
    top: 7px;
    left: -15px
}

.set-our-cilentweb::before {
    top: auto;
    left: 0;
    bottom: 0;
    background-color: #686868;
    height: 1px;
    width: 8%
}

.application-page .webimg .daashimg-1 {
    margin-top: -40px
}

.web-design .web-designingheadsection .webimg .daashimg-1 {
    margin-top: -80px
}

.cilent-otherpage .brand-img .image {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6)
}

.set-our-cilentweb {
    display: flex;
    justify-content: flex-start;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 600;
    position: relative;
    opacity: .6
}

.cilent-otherpage::after,
.cilent-otherpage::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 10%;
    background-image: linear-gradient(to bottom, rgb(248 248 251/0%), rgb(248 248 251) 100%);
    z-index: 9
}

.web-designingheadsection .cilent-otherpage::after,
.web-designingheadsection .cilent-otherpage::before {
    position: absolute;
    background-image: none;
    z-index: 0
}

.cilent-otherpage::before {
    left: 0;
    rotate: 90deg
}

.cilent-otherpage::after {
    left: auto;
    rotate: 270deg
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu.industries-magamenu {
    width: 540px
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu.industries-magamenu ul li a.arrow-active:before {
    opacity: 0 !important
}

.healthtestimonials-info .testimoniols-infodesc {
    height: 123px;
    max-height: 123px;
    font-size: 14px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden !important;
    text-overflow: ellipsis;
    text-indent: 0;
    line-height: 1.5;
    color: #000;
    font-weight: 400;
    text-align: center
}

.healthtestimonials-info .testimoniols-name {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 11px;
    justify-content: center
}

.web-design .otherpage-heading b::before {
    width: 18rem
}

.sapinp-page .otherpage-heading b::before {
    width: 28rem;
    left: -7rem;
    top: 5rem;
    height: auto;
    right: 0
}

.zoho-implementation-section .otherpage-heading b::before {
    width: 28rem;
    left: -9rem;
    top: 5rem;
    height: 4rem;
    right: 0
}

.micro-imp-page .otherpage-heading b::before {
    width: 28rem;
    left: -15rem;
    height: 50%;
    top: 4rem;
    right: unset
}

.set-clientbtn .left-section-cluth,
.set-clientbtn .right-sec-cluth {
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 7px
}

.set-clientbtn .clutch-data {
    background: #fff;
    border-radius: 5px;
    padding: 9px;
    box-shadow: 0 2px 8px -3px rgb(0 0 0/10%)
}

.gjd-img-panel p,
.revie-on {
    font-weight: 500;
    font-size: 12px;
    color: #000
}

.revie-on {
    line-height: 16px;
    color: #262626a8
}

.ind-item .testimoniols-img .image figure.menu-img {
    display: flex;
    justify-content: center;
    align-items: center;
    position: unset;
    width: 90px;
    height: 90px;
}

.ind-item .menu-img span,
.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul.set-indmenu li a .menu-img span {
    width: 22px;
    height: 22px;
    background-size: 269px auto;
    background-repeat: no-repeat;
    margin: auto
}

.ind-item .menu-img span {
    background-position: 0 0;
    display: flex;
    flex: 0 0 auto;
    background-size: 600px auto;
    width: 50px;
    height: 50px;
}

.ind-item .menu-img .industries-img-01{
    background-position: 0 0;
}

.ind-item .menu-img .industries-img-02 {
    background-position: -46px 0;
}

.ind-item .menu-img .industries-img-03 {
    background-position: -92px 0;
}

.ind-item .menu-img .industries-img-04 {
    background-position: -139px 0;
}

.ind-item .menu-img .industries-img-05 {
    background-position: -184px 0;
}   

.ind-item .menu-img .industries-img-06 {
    background-position: -230px 0;
}

.ind-item .menu-img .industries-img-07 {
    background-position: -276px 0;
}

.ind-item .menu-img .industries-img-08 {
    background-position: -320px 0;
}

.ind-item .menu-img .industries-img-09 {
    background-position: -366px 0;
}

.ind-item .menu-img .industries-img-10 {
    background-position: -412px 0;
}

.ind-item .menu-img .industries-img-11 {
    background-position: -459px 0;
}

.ind-item .menu-img .industries-img-12 {
    background-position: -550px 0;
}

.ind-item .menu-img span.mad-subservice {
    background-size: 340px auto;
}

.ind-item .menu-img .industries-img-01.mad-subservice{
    background-position: 0 0;
}

.ind-item .menu-img .industries-img-02.mad-subservice {
    background-position: -50px 0;
}

.ind-item .menu-img .industries-img-03.mad-subservice {
    background-position: -96px 0;
}

.ind-item .menu-img .industries-img-04.mad-subservice {
    background-position: -145px 0;
}

.ind-item .menu-img .industries-img-05.mad-subservice {
    background-position: -194px 0;
}

.ind-item .menu-img .industries-img-06.mad-subservice {
    background-position: -240px 0;
}

.ind-item .menu-img .industries-img-07.mad-subservice {
    background-position: -288px 0;
}

.index-techno-section .funfacts-area {
    display: none;
}

.ind-item .testimoniols-infodesc p {
    font-size: 18px;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /* -webkit-line-clamp: 1; */
    /* text-wrap: nowrap; */
    word-wrap: normal;
}

.tools-img {
    margin: 0 0 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f9f9f9;
    display: flex
}

.tools-img span {
    width: 30px;
    height: 30px;
    background-size: 180px auto;
    background-repeat: no-repeat;
    margin: auto;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4)
}

.tools-payment-icon .tools-img-07 {
    transform: scale(1);
    background-position: unset;
    background-size: 30px
}

.head-palttech.tools-palttech .nav-item.nav-link.active .tools-img span {
    filter: grayscale(0);
    -webkit-filter: grayscale(0)
}

.head-palttech.tools-palttech .nav-item.nav-link.active text {
    color: #0069d9
}

.tools-img .tools-img-02 {
    background-position: -30px 0
}

.tools-img .tools-img-04 {
    background-position: -90px 0
}

.menu-img .industries-img-02,
.menu-img .service-menu-02 {
    background-position: -21px 0
}

.menu-img .industries-img-03,
.menu-img .service-menu-03 {
    background-position: -41px 0
}

.menu-img .industries-img-04 {
    background-position: -63px 0
}

.menu-img .industries-img-05 {
    background-position: -83px 0
}

.menu-img .industries-img-06 {
    background-position: -103px 0
}

.menu-img .industries-img-07 {
    background-position: -123px 0
}

.menu-img .industries-img-08 {
    background-position: -144px 0
}

.menu-img .industries-img-09 {
    background-position: -164px 0
}

.menu-img .industries-img-10 {
    background-position: -185px 0
}

.menu-img .industries-img-11 {
    background-position: -206px 0
}

.menu-img .industries-img-12 {
    background-position: -226px 0
}

.menu-img .industries-img-13 {
    background-position: -246px 0
}

.startp-nav nav .navbar-nav .nav-item .dropdown_menu.mega-menu .services-menu-title ul.services-menuset li a .menu-img span {
    width: 22px;
    height: 22px;
    background-size: 145px auto;
    background-repeat: no-repeat;
    margin: auto
}

.menu-img .service-menu-04 {
    background-position: -61px 0
}

.menu-img .service-menu-05 {
    background-position: -82px 0
}

.menu-img .service-menu-06 {
    background-position: -102px 0
}

.menu-img .service-menu-07 {
    background-position: -124px 0
}

.heromain-section {
    padding: 6rem 0 .4rem
}

.testimoniols-section .testimoniols-card .testimoniols-name {
    margin: 0 auto 0 18px;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.glimpse-section-content01 .row .col-12:nth-child(2) a {
    border: 2px solid #000;
    border-radius: 23px
}

.who-we-section::before,
section.faq-section.section-space.footer-join-us-space::before,
section.portfolio-section.section-space.footer-join-us-space.grayscale::before,
section.section-space.section-ourclient.footer-join-us-space:before,
section.section-space.section-privacy-policy.footer-join-us-space:before,
section.testimoniols-section.section-space.footer-join-us-space:before,
section.we-imp-sec:before,
section.wrapper.section-space.event-content.overflow-visible.grayscale.section-three::before {
    position: absolute;
    content: '';
    top: auto;
    bottom: -167px;
    left: 0;
    width: 100%;
    height: 168px;
    background-color: #f8f8fb;
    z-index: 9
}

.work-flow-section,
.work-flow-section .faq-acc .card-body,
.work-flow-section .faq-acc div,
.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .work-flow-content {
    background-color: #000
}

.work-flow-section .work-flow-content {
    border-radius: 32px;
    padding: 0 90px
}

.work-flow-more .btn {
    background-color: #fff;
    color: #06f;
    text-transform: capitalize;
    box-shadow: 0 2px 15px -3px rgb(0 0 0/8%);
    border: 3px solid #e7e7e7;
    border-radius: 10px
}

.work-flow-more .btn:hover {
    color: #fff;
    background: #06f;
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-box-shadow: 0 13px 27px 0 rgba(198, 121, 227, .25);
    box-shadow: 0 13px 27px 0 rgb(0 98 204 / 30%);
    border-color: transparent
}

.work-flow-section .faq-accset .btn.btn-link.collapsed {
    border-left: none;
    border-radius: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: auto .5s;
    color: #fff;
    text-transform: unset
}

.work-flow-section .faq-accset .btn.btn-link,
.work-flow-section .faq-accset .btn.btn-link.collapsed {
    white-space: normal
}

.work-flow-section .faq-small-desc {
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    width: 100%;
    max-width: 100%;
    margin: 30px 0
}

.faq-acc .card-body::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #9a9a9a3b;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 0
}

.work-flow-section .faq-acc .card-body::after {
    width: 0;
    height: 0
}

.faq-section .faq-acc .card-body::after {
    width: 67%
}

.work-flow-section .card {
    border-bottom: 2px solid #fff;
    border-radius: 0
}

.work-flow-section {
    z-index: 1;
    position: relative;
    padding: 40px 0 50px
}

.faq-accset .btn.btn-link.collapsed:hover,
.faq-accset .btn.btn-link:hover {
    text-decoration: none;
    background-color: transparent;
    border-color: #61618257
}

.work-flow-section .faq-accset .btn.btn-link:focus {
    text-decoration: none
}

.work-flow-section .faq-accset .btn.btn-link svg path {
    fill: #00aeef;
    transition: .5s
}

.faq-section.other-div .faq-acc {
    border-radius: 20px;
    position: relative;
    max-height: 310px;
    overflow: hidden;
    -webkit-transition: max-height .3s ease-in-out;
    -o-transition: max-height .3s ease-in-out;
    transition: max-height .3s ease-in-out;
    padding: 0
}

.faq-section.other-div .see-all-features {
    position: absolute;
    z-index: 100;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 220px
}

.faq-section.other-div .see-all-features .see-all-btn {
    z-index: 100;
    background: -o-linear-gradient(bottom, #fff 0, hsl(0deg 0% 100%/83%));
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), to(hsl(0deg 0% 100%/83%)));
    background: linear-gradient(0deg, #f8f8fb 0, hsl(240deg 27.27% 97.84% / 61%));
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 0
}

.faq-acc.collaspse-data-table.active {
    max-height: 100%
}

.faq-section.other-div .see-toggle {
    cursor: pointer;
    background: #fff;
    -webkit-box-shadow: 0 24px 50px 5px #00000012;
    box-shadow: 0 24px 50px 5px #00000012;
    border-radius: 16px;
    padding: 17px;
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 168%;
    letter-spacing: .2px;
    -webkit-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.industry-section-title {
    font-weight: 700;
    font-size: 38px;
    line-height: 57px;
    text-transform: capitalize;
    color: #333;
    margin-bottom: 0
}

section.contact-from-section {
    background-color: #f8f8fb;
    position: relative
}

section.contact-from-section:hover::after {
    background-image: url(../images/hom-form.png)
}

.testimonial-patch::before,
section.contact-from-section::before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -130px;
    width: 100%;
    height: 130px;
    background-color: #f8f8fb
}

.contact-from-section .card-letsconnect .card-body {
    border: 0;
    border-radius: 0;
    padding: 0 70px 70px;
    background: 0 0;
    height: 100%;
    display: flex
}

.contact-from-section .form-group label {
    position: absolute;
    top: -9px;
    left: 30px;
    z-index: 1;
    background-color: #fff;
    margin: 0;
    padding: 0 5px
}

.contact-from-section .zcwf_col_fld .btn {
    padding: 14px 44px;
    font-weight: 500;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #fff
}

.contact-from-section .card-letsconnect .card {
    border-radius: 50px
}

.contact-from-section .new-card {
    padding: 20px 0;
    background-color: #fff;
    border: 0;
    box-shadow: 0 0 70px -20px #ddd;
    margin-left: 11px
}

.contact-from-section .card-letsconnect {
    padding: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none
}

.contact-from-section .new-card .card-body {
    order: 2
}

.blog-details-info div {
    margin-top: 35px
}

.blogdetails-data-title {
    margin-top: 45px
}

.rc-anchor-normal .rc-anchor-checkbox-label {
    width: 90px !important
}

.blog-section .blog-data .overlay {
    position: unset;
    background: 0 0;
    padding: 0 20px
}

.blog-section .blog-data .item {
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding: 30px
}

.blog-section .blog-data .item a:first-child {
    width: 591px;
    height: 392px;
    flex: none
}

.blog-section .blog-photo figure.blog-img-figure {
    width: 100%;
    max-height: 100%;
    height: 100%
}

.blog-section .letest-blog .blog-text .h4-style {
    display: block;
    max-height: 100%;
    height: unset;
    line-height: 1.5;
    margin: 0;
    font-weight: 600
}

.blog-section .letest-blog .blog-text .h4-style a {
    height: 100%;
    width: 100%;
    flex: none
}

.blog-section .owl-theme .owl-nav [class*=owl-]:hover {
    background: 0 0
}

.blog-section .owl-theme .owl-nav .owl-next {
    right: -10px
}

.blog-section .owl-theme .owl-nav .owl-prev {
    left: -10px
}

.blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
    display: -webkit-box;
    -webkit-line-clamp: 8;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}

.blog-section .blog-text div ul li {
    list-style-type: none
}

.blog-section .blog-text div ul li:last-child {
    margin-left: 12px
}

.blog-section .blog-text div ul li .blogitem-img {
    border-radius: 100%;
    width: 30px;
    height: 30px;
    overflow: hidden;
    margin: auto
}

.blog-section .blog-text div ul li .blog-metaname {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0;
    text-transform: capitalize;
    color: #333
}

.blog-section .blog-text div ul li .blog-date {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    text-align: left
}

.blog-section .blog-text .blog-subtitle {
    margin: 10px 0;
    text-transform: unset
}

.blog-section .blog-text .blog-subtitle a {
    color: #06f;
    background-color: #0066ff26;
    padding: 5px 20px;
    border-radius: 32px;
    display: inline-block;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 12px
}

.blog-section .blog-data .overlay .blog-text .blog-subtitle a {
    width: auto;
    max-width: 100%;
    height: 100%;
    display: inline-block
}

.blog-details .blog-d-post .card {
    background-color: transparent;
    border: none
}

.blogdetailsdesc-img {
    overflow: hidden;
    margin: auto 0 30px;
    border-radius: 10px
}

.blogdetailsdesc-img img {
    width: 100%;
    height: 100%;
    border-radius: 10px
}

.blog-details_des-text p img {
    font-size: 10px;
    line-height: normal;
    width: 100% !important;
    height: 100%;
    border-radius: 10px
}

.other-pgcasestdy-se {
    width: 1600px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 60px
}

.other-pgcasestdy img {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.casestudy-sec.other-div .casestudy-otherpage {
    background-color: #f8f8fb;
    z-index: 1;
    position: relative
}

.casestudy-sec.other-div {
    background-color: #ebf3fe;
    padding-bottom: 0;
    padding-top: 30px
}

.zoho-product-section .zohoproduct-mobile-slider:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -144px;
    top: auto;
    height: 144px;
    width: 100%;
    background-color: #f8f8fb
}

.read-more-slider.owl-carousel .owl-item .more-case-button img {
    display: inline-block;
    width: 9px;
    height: 9px;
    max-width: 100%;
    max-height: 100%
}

.faq-blog-section .card-header {
    padding: 0 1rem 1.5rem;
    background-color: transparent;
    border-bottom: none
}

.faq-blog-section .card-header h3 {
    margin: 0;
    font-size: 22px;
    position: relative;
    padding: 0
}

.faq-blog-section .card-header h3.faq-title.collapsed::before,
.faq-blog-section .card-header h3.faq-title::before {
    position: absolute;
    top: 0;
    right: -.5rem
}

.faq-blog-section .card-header h3.faq-title.collapsed::before {
    content: '+';
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s
}

.faq-blog-section .card-header h3.faq-title::before {
    content: '-'
}

.faq-blog-section .card {
    margin-bottom: 1.5rem;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0
}

.faq-blog-section .theme-title {
    margin: 1rem 0 2rem
}

.faq-blog-section {
    margin-top: 3rem
}

.sec-title.faq-titl {
    margin-bottom: 2rem
}

.testimoniols-section .testimoniols-mobile-slider {
    padding-bottom: 5rem
}

.testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
.testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    bottom: 2rem;
    top: unset
}

.testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
    left: 10%
}

.row.blog-details-row-section {
    flex-direction: row-reverse
}

.blog-details-hero-section .overlay {
    background: 0 0;
    position: unset;
    width: 100%;
    max-width: 100%;
    padding: 0
}

.blog-details-hero-section .blogdetails-hero-img-section {
    flex: 0 0 50%
}

.blog-details-hero-section .blog-subtitle p {
    font-weight: 600;
    display: inline-block;
    padding: 5px 15px;
    background-color: #fff;
    border-radius: 32px;
    -webkit-border-radius: 32px;
    -moz-border-radius: 32px;
    -ms-border-radius: 32px;
    -o-border-radius: 32px;
    box-shadow: 0 0 25px #ddd;
    overflow: visible;
    margin-bottom: 10px;
    text-transform: capitalize
}

.blog-details-hero-section .blogitem-img {
    width: 50px;
    height: 50px
}

.blog-details-hero-section .blogitem-img img {
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px
}

.blog-details-hero-section .bizblogitem ul {
    margin: 10px 0 0;
    padding: 0;
    gap: 20px
}

.blog-details-hero-section figure,
.blog-details-hero-section figure img {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px
}

.blog-details-hero-section {
    display: flex;
    justify-content: space-around;
    gap: 40px;
    padding-bottom: 2rem
}

.blog-details-content-theme {
    padding-top: 2rem;
    position: relative;
    margin-bottom: 4rem;
    background-color: #f8f8fb
}

.bizblogitem h3 {
    font-size: 16px
}

.faq-blog-section .faq .card {
    border-bottom: 1px solid #000 !important;
    padding: 0 15px 15px
}

.blogdetails-data-title .faq-blog-section .faq .card .card-header {
    padding: 0 0 15px
}

.mad-img img {
    height: 40px;
    width: 100%;
}

.mad-techno-img {
    gap: 1rem;
    margin-top: 1rem;
}

.section-space.service-page{
    background-color: #fff;
}

.section-space.ind-service{
    background-color: #f8f8fb;
}

.ind-service-row {
    gap: 2rem 0;
}

.ind-service-row .card {
    border-radius: 4px;
    border-color: transparent;
    box-shadow: 0 0 8px #6f6f6f38;
    max-height: 100%;
    height: 100%;
}

.ind-service .testimoniols-card::before {
    content: "";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    position: absolute;
    text-align: center;
    color: var(--primary);
    right: 0.5rem;
    top: 0.3rem;
    transform: rotate(45deg);
    transition: 0.3s linear;
    -webkit-transition: 0.3s linear;
    -moz-transition: 0.3s linear;
    -ms-transition: 0.3s linear;
    -o-transition: 0.3s linear;
}

.ind-service a:hover .testimoniols-card::before {
    right: 0.5rem;
    top: 0.3rem;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}

.ind-service .testimoniols-card::after {
    content: '';
    position: absolute;
    left: 0;
    right: auto;
    bottom: 0;
    width: 0;
    height: 3px;
    background-color: var(--primary);
    /* animation: fox1 0.3s linear; */
    /* -webkit-animation: fox1 0.3s linear; */
}

@keyframes fox1{
    100%{
      width: 100%;  
    }
    0%{
        width: 0%;
    }
}

.ind-service a:hover .testimoniols-card::after{
    animation: fox 0.3s ease-in-out;
    -webkit-animation: fox 0.3s ease-in-out;
    width: 100%;
} 

@keyframes fox{
    0%{
      width: 0%;  
    }
    100%{
        width: 100%;
    }
}

.sec-title.sec-title-green .h2-style:before{
    border: 20px solid var(--blue);
}

a.hero-button.btn-change {
    background-color: #06f;
    color: #FFF;
}

a.hero-button.btn-change:hover {
    box-shadow: 0 9px 25px #919191 !important;
}

.m-form-group{
    gap: 0.1rem 1rem;
    flex-wrap: wrap;
}

.m-form-group select {
    flex: 0 0 24%;
    /* max-width: 24%; */
    width: 18%;
    border: 1px solid #c0c6cc;
}

.m-form-group select:focus-visible {
    border-color: #000;
    outline: none;
  }

  .zcwf_row .zcwf_col_fld .m-form-group input{
    flex: 0 0 72%;
    /* max-width: 72%; */
    width: 50%!important;
}

@media only screen and (min-width:992px) {

    #header.is-sticky,
    #header.is-sticky .startp-nav,
    header,
    header .startp-nav,
    header#header,
    header#header .startp-nav {
        -webkit-animation: none !important;
        animation: none !important;
        opacity: 1 !important;
        display: block !important;
        visibility: visible !important
    }

    .sticky-sidebar {
        position: -webkit-sticky !important;
        position: sticky !important;
        top: 40px !important;
        height: 100% !important
    }

    .startp-nav nav.navbar .navbar-collapse {
        width: 100%;
        position: fixed;
        top: auto;
        right: 0;
        bottom: 10px;
        left: 0;
        margin: auto;
        border: 0;
        -ms-flex-pack: center !important;
        justify-content: center !important;
        z-index: 99
    }

    .startp-nav nav.navbar .navbar-collapse ul.navbar-nav {
        margin-right: auto !important;
        margin-left: auto !important;
        background-color: #fff;
        border-radius: 50px;
        box-shadow: 0 0 20px -10px #000
    }

    .startp-nav nav.navbar .navbar-collapse ul.zoho-menu {
        box-shadow: 0 0 20px -10px var(--primary)
    }

    .navbar {
        padding: 30px 0;
        padding-bottom: 0px;
    }

    .mobile_footer {
        display: none !important
    }

    .services-item:nth-child(3n+3) .service-popover {
        right: 0;
        left: 50%
    }

    .footer-join-us .card {
        border-radius: 30px;
        margin-top: -100px
    }

    .banner-mobile-slider.owl-carousel .owl-stage-outer,
    .industry-mobile-slider.owl-carousel .owl-stage-outer,
    .missviss-mobile-slider.owl-carousel .owl-stage-outer,
    .service-mobile-slider.owl-carousel .owl-stage-outer,
    .testimoniols-mobile-slider.owl-carousel .owl-stage-outer,
    .we-impact-mobile-slider.owl-carousel .owl-stage-outer,
    .weimpact-mobile-slider.owl-carousel .owl-stage-outer,
    .zohoone-mobile-slider.owl-carousel .owl-stage-outer,
    .zohopartner-mobile-slider.owl-carousel .owl-stage-outer,
    .zohoproduct-mobile-slider.owl-carousel .owl-stage-outer,
    .zohoservices-mobile-slider.owl-carousel .owl-stage-outer {
        overflow: visible !important;
        height: auto !important
    }

    .banner-mobile-slider .owl-stage,
    .industry-mobile-slider .owl-stage,
    .missviss-mobile-slider .owl-stage,
    .product-mobile-slider .owl-stage,
    .service-mobile-slider .owl-stage,
    .testimoniols-mobile-slider .owl-stage,
    .we-impact-mobile-slider .owl-stage,
    .weimpact-mobile-slider .owl-stage,
    .zohoone-mobile-slider .owl-stage,
    .zohopartner-mobile-slider .owl-stage,
    .zohoproduct-mobile-slider .owl-stage,
    .zohoservices-mobile-slider .owl-stage {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
        width: auto !important;
        transform: none !important;
        transition: none !important
    }

    .missviss-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px
    }

    .industry-mobile-slider .owl-stage .owl-item:hover,
    .missviss-mobile-slider .owl-stage .owl-item:hover,
    .service-mobile-slider .owl-stage .owl-item:hover,
    .testimoniols-mobile-slider .owl-stage .owl-item:hover,
    .weimpact-mobile-slider .owl-stage .owl-item:hover,
    .zohoone-mobile-slider .owl-stage .owl-item:hover,
    .zohopartner-mobile-slider .owl-stage .owl-item:hover,
    .zohoproduct-mobile-slider .owl-stage .owl-item:hover,
    .zohoservices-mobile-slider .owl-stage .owl-item:hover {
        z-index: 9
    }

    .banner-mobile-slider .owl-stage .owl-item,
    .service-mobile-slider .owl-stage .owl-item,
    .testimoniols-mobile-slider .owl-stage .owl-item,
    .we-impact-mobile-slider .owl-stage .owl-item,
    .zohoone-mobile-slider .owl-stage .owl-item,
    .zohoservices-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px
    }

    .product-mobile-slider.owl-carousel .owl-stage-outer {
        overflow: visible !important;
        height: auto !important;
        transform: none !important
    }

    .product-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
        float: none;
        transform: none !important
    }

    .industry-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    .weimpact-mobile-slider .owl-stage .owl-item,
    .zohoproduct-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0
    }

    .zohopartner-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px
    }

    footer .footer-bottom-section {
        display: block !important;
        height: auto !important
    }

    .appi-port-clocktext .middel-text {
        font-size: 18px
    }

    .clock-dial-center-wrap .appi-port-list .tabs-list-content .tabs-list-scroll {
        padding: 0
    }

    .clock-dial-center-wrap .appi-port-list .tabs-list-content .tabs-list-scroll .list-tabs {
        display: block;
        overflow: hidden;
        white-space: normal;
        width: 100%;
        padding: 0
    }

    .we-impact-mobile-slider {
        padding-bottom: 70px
    }

    .we-impact-iteam.we-impact-top {
        top: 90px;
        position: relative
    }

    .appi-ins-portfolio-right.serv-port-03-img figure.l1 {
        margin-bottom: 60px
    }

    .services-box {
        max-width: 380px;
        height: 314px
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer {
        overflow: visible;
        height: auto
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage {
        display: flex;
        flex-wrap: wrap;
        column-gap: 20px;
        justify-content: center;
        width: auto !important;
        transition: none !important;
        transform: none !important
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        margin: 0 !important;
        flex: 0 0 400px;
        max-width: 100%
    }
}

@media (min-width:1200px) {

    .services-item:nth-child(4n+3) .service-popover,
    .services-item:nth-child(4n+4) .service-popover {
        right: 0;
        left: 50%
    }

    .contact-us-content {
        min-width: 500px
    }

    .service-mobile-slider .owl-stage .owl-item,
    .zohoone-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
        padding: 0 15px
    }

    .missviss-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 30px 15px
    }

    .industry-mobile-slider .owl-stage .owl-item,
    .weimpact-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0 15px
    }

    .testimoniols-mobile-slider .owl-stage .owl-item,
    .zohoservices-mobile-slider .owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding: 0 15px
    }

    .zohopartner-mobile-slider.owl-stage .owl-item {
        margin: 0 !important;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding: 0 15px
    }

    .appi-port-clocktext {
        margin-bottom: 40px
    }

    .appi-port-clocktext .middel-text {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase
    }

    .appi-port-clocktext .middel-text p {
        white-space: normal
    }
}

@media only screen and (min-width:1441px) {
    .container {
        max-width: 1350px
    }

    .service-we-do-click {
        -ms-flex: 0 0 450px;
        flex: 0 0 450px;
        max-width: 450px
    }

    .service-we-do-content {
        -ms-flex: 0 0 calc(100% - 450px);
        flex: 0 0 calc(100% - 450px);
        max-width: calc(100% - 450px)
    }

    .service-tumb-slide {
        -ms-flex: 0 0 400px;
        flex: 0 0 400px;
        max-width: 400px
    }

    .service-sec-slide {
        -ms-flex: 0 0 calc(100% - 400px);
        flex: 0 0 calc(100% - 400px);
        max-width: calc(100% - 400px)
    }

    .clock-dial-center-wrap {
        padding: 40px
    }

    .appi-port-clocktext .middel-text {
        font-size: 20px
    }
}

@media only screen and (min-width:1560px) {
    .clock-dial-center-wrap {
        padding: 50px
    }

    .appi-port-clocktext .middel-text {
        font-size: 22px
    }
}

@media (min-width:768px) {

    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .serv-port-sprint.sps-dm1 {
        margin-bottom: 70px
    }

    .grayscale {
        filter: grayscale(100%);
        -webkit-transition: .5s;
        transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }

    .grayscale:hover {
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%)
    }

    .brand-img.grayscale,
    .client-slide .grayscale,
    .client-slider .grayscale {
        opacity: 1;
        filter: grayscale(0%);
        -webkit-filter: grayscale(0%)
    }

    .client-slide,
    .client-slider,
    .clients-trust-sec .clients-trust-slider {
        filter: grayscale(100%)
    }

    .client-slide:hover,
    .client-slider:hover,
    .clients-trust-sec .clients-trust-slider:hover {
        filter: grayscale(0);
        -webkit-filter: grayscale(0)
    }
}

@media only screen and (min-width:768px) and (max-width:991px) {
    .ptb-80 {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .page-title-area {
        padding-bottom: 50px;
        padding-top: 130px
    }

    .main-banner .banner-form {
        padding: 50px;
        margin: 45px 0 !important
    }

    .shape1,
    .shape2,
    .shape3,
    .shape4,
    .shape5,
    .shape7 {
        display: none
    }

    .about-image {
        margin-bottom: 45px
    }

    .page-title-area .shape8 {
        top: auto;
        right: auto;
        left: 20px;
        bottom: 20px
    }

    #contactForm {
        margin-top: 45px
    }

    .mean-container .mean-bar {
        padding: 10px 0 0
    }

    .copyright-area {
        margin-top: 50px
    }
}

@media only screen and (min-width:992px) and (max-width:1199px) {
    .shape1 {
        display: none
    }

    .project-case-data {
        font-size: 15px
    }

    .startp-nav nav .navbar-nav .nav-item a {
        margin-left: 10px;
        margin-right: 10px;
        padding: 8px 10px
    }

    .project-case-title {
        font-size: 31px
    }

    .startp-nav.p-relative nav .navbar-nav .nav-item .dropdown_menu li .dropdown_menu {
        left: auto;
        right: 245px
    }

    .branding-section-title {
        font-size: 59px;
        line-height: 74px
    }
}

@media only screen and (max-width:1880px) {
    .hardware-page .otherpage-heading.other-zohoint b::before {
        width: 20rem
    }

    .custom-software-development.inventory-page .otherpage-heading b::before {
        width: 13rem;
    }

    .otherpage-heading.othepage-wpfc {
        font-size: 50px;
        width: 95%
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        width: 14rem
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::before {
        right: .3rem;
        width: 14rem
    }

    .micro-page .otherpage-heading.msd-int b::before {
        width: 19.5rem;
        top: 0;
        height: 100%;
        left: unset;
        right: -1rem
    }

    section.web-Overview {
        padding: 50px 0 35px
    }

    section.contact-from-section::after,
    section.contact-from-section:hover::after {
        width: 94%
    }

    section.web-designingheadsection {
        padding: 0 0 4rem
    }

    .heromain-section {
        padding: 1rem 0
    }

    .sapinp-page .otherpage-heading b::before {
        width: 100%;
        left: 0;
        top: 0
    }

    .zoho-implementation-section .otherpage-heading b::before {
        width: 28rem;
        left: -9rem;
        top: 5rem
    }

    .micro-page .otherpage-heading b::before {
        width: 16.5rem
    }

    .otherpage-heading,
    .proud-section-title {
        font-size: 50px
    }

    .pwa-page .otherpage-heading b::before {
        width: 8rem
    }

    .ecom-page .web-designingheadsection {
        padding: 0 0 1.5rem
    }

    .application-page .webimg .daashimg-1 {
        margin-top: -40px
    }

    .hrms-page .otherpage-heading b::before {
        width: 14.8rem
    }

    .desc-other {
        font-size: 16px
    }

    .helth-herosection {
        padding: 2rem 0 7rem
    }

    .share-case.active {
        right: auto
    }

    .set-herobtnpther a,
    .tool-section.other-pagebg .consult-btn a,
    .value-we-deliver.other-div .consult-btn a,
    .web-Overview.other-div .overview-sec .hero-button {
        font-size: 14px;
        padding: 15px 24px
    }

    .proud-img {
        max-width: 450px;
        max-height: 450px
    }

    .webimg {
        height: 100%;
        max-height: 600px
    }

    .webimg.webimg-seo {
        height: 100%;
        max-height: 481px
    }

    .application-page .web-designingheadsection {
        padding: 2.2rem 0
    }

    .proud-desc {
        font-size: 17px;
        max-width: 81%
    }

    .study-herosection.web-designingheadsection {
        padding: 1rem 0 10rem
    }

    .branding-img {
        max-height: 450px;
        min-height: 450px
    }

    .branding-img,
    .branding-img img {
        width: 100%;
        height: 100%;
        overflow: hidden;
        display: block
    }

    .ecom-page .webimg {
        max-height: 519px
    }

    .android-page .otherpage-heading b::before {
        width: 100%
    }
}

@media only screen and (max-width:1600px) {
    .cookie-policy-popup img {
        max-width: 60px;
    }

    .cookie-policy-popup h3{
        font-size: 18px;
    }

    .cookie-policy-popup p{
        font-size: 14px;
    }

    .cookie-policy-popup .modal-button_btn .btn {
        line-height: 1.5;
        font-size: 12px;
    }

    .cookie-policy-popup {
        max-width: 260px;
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .appi-ins-portfolio-right.serv-port-04-img figure.l3,
    .serv-port-01-img figure.l1,
    .serv-port-01-img figure.l2,
    .serv-port-02-img figure.l1,
    .serv-port-02-img figure.l3,
    .serv-port-05-img figure.l1,
    .serv-port-05-img figure.l2,
    .serv-port-sprint.sps-dm1,
    .serv-port-sprint.sps-dm2 {
        -webkit-transform: scale(90%);
        -ms-transform: scale(90%);
        transform: scale(90%)
    }

    .sec-title.sec-title-blue .h3-style {
        font-size: 20px
    }

    .share-case.active {
        left: auto;
        right: auto
    }

    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2 {
        -webkit-transform: scale(70%);
        -ms-transform: scale(70%);
        transform: scale(70%)
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .serv-port-02-img figure.l2,
    .serv-port-sprint.sps-dm1 {
        transform-origin: bottom left
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l3 {
        transform-origin: center right
    }

    .serv-port-02-img figure.l1 {
        transform-origin: bottom right;
        right: calc(50% - 70px)
    }

    .serv-port-sprint.sps-dm2 {
        transform-origin: top right
    }

    .serv-port-01-img figure.l1,
    .serv-port-03-img figure.l1,
    .serv-port-05-img figure.l1 {
        transform-origin: center center
    }

    .serv-port-01-img figure.l2,
    .serv-port-02-img figure.l3,
    .serv-port-03-img figure.l2,
    .serv-port-05-img figure.l2 {
        transform-origin: top center
    }

    .serv-port-02-img figure.l3 {
        left: -5%
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l2 {
        transform-origin: center left
    }

    .serv-port-sprint.sps-kioclerk-web {
        height: calc(100vh + 80px)
    }

    .serv-port-02-img figure.l2 {
        left: calc(50% + 70px)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
        -webkit-transform: scale(70%) translateX(-40%);
        -ms-transform: scale(70%) translateX(-40%);
        transform: scale(70%) translateX(-40%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
        margin-top: -80px
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
        -webkit-transform: scale(70%) translateX(40%);
        -ms-transform: scale(70%) translateX(40%);
        transform: scale(70%) translateX(40%);
        margin-top: -20px
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01 {
        margin-top: 2%
    }

    .other-pgcasestdy-se {
        width: 1330px;
        height: 641px
    }
}

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

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .appi-ins-portfolio-right.serv-port-04-img figure.l3,
    .serv-port-01-img figure.l1,
    .serv-port-01-img figure.l2,
    .serv-port-02-img figure.l1,
    .serv-port-02-img figure.l3,
    .serv-port-05-img figure.l1,
    .serv-port-05-img figure.l2,
    .serv-port-sprint.sps-dm1,
    .serv-port-sprint.sps-dm2 {
        -webkit-transform: scale(80%);
        -ms-transform: scale(80%);
        transform: scale(80%)
    }

    .service-port-info-img .h4-style {
        margin-left: -6px
    }

    .ecom-page .web-designingheadsection {
        padding: 0 0 1.5rem
    }

    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2 {
        -webkit-transform: scale(70%);
        -ms-transform: scale(70%);
        transform: scale(70%)
    }

    .serv-port-03-img figure.l1 {
        transform-origin: bottom left;
        left: 10%;
        right: auto
    }

    .serv-port-03-img figure.l2 {
        transform-origin: top left;
        left: 0;
        right: auto
    }

    .serv-port-sprint.sps-kioclerk-web {
        height: calc(100vh + 180px)
    }

    .client-section {
        top: 31rem;
        left: 19rem
    }

    .faq-title .sec-title {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width:1440px) {
    .saas-page .otherpage-heading b::before {
        width: 20rem
    }
    .custom-software-development.inventory-page .otherpage-heading b::before {
        right: 0.5rem;
    }

    .blog-section .blog-data .overlay {
        padding: 0
    }

    section.blog-details-content.blogdetails-info-space {
        padding-bottom: 7rem
    }

    .service-we-do-click-content .service-we-do-click-title .h3-style {
        font-size: 60px
    }

    a.hero-button {
        margin: 10px 0 15px
    }

    .micro-page .otherpage-heading.msd-int b::before {
        width: 19.5rem;
        top: 4rem;
        height: 50%;
        left: unset;
        right: -1rem
    }

    .section-space {
        padding-top: 3rem;
        padding-bottom: 2rem
    }

    .testicase-desc p {
        height: 100%
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::before {
        width: 14rem;
        top: 4rem;
        height: 50%;
        right: .3rem;
        left: unset
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        width: 14rem;
        right: -5.5rem
    }

    .micro-imp-page .otherpage-heading b::before {
        width: 28rem;
        right: -1rem;
        height: 50%;
        top: unset;
        left: unset
    }

    .client-section {
        left: 16rem
    }

    .set-sub-title {
        margin-top: 50px
    }

    .main-banner .hero-content .solution-conte {
        font-size: 56px;
        line-height: 70px
    }

    .start-check1 .start-check {
        color: #ffc107;
        font-size: 12px
    }

    .mar-mobile {
        margin-top: 2rem
    }

    .service-inner-text {
        height: 215px;
        display: -webkit-box;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .service-item .h2-style {
        font-size: 22px
    }

    section.web-Overview {
        padding: 50px 0 20px
    }

    .appi-port-left-content .pp-head {
        font-size: 20px;
        line-height: 1
    }

    .appi-port-left-content .appi-pp-para,
    .industry-sec-img-content-title {
        font-size: 16px
    }

    .crm-page .otherpage-heading b::before {
        width: 15.5rem;
        right: -16px
    }

    .service-port-info-img {
        padding-bottom: 50px
    }

    .hardware-page .otherpage-heading.other-zohoint b::before {
        width: 20rem;
        top: unset;
        left: unset;
        right: 0;
        bottom: 0;
        height: 50%
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        flex: 0 0 355px
    }

    .share-case.active {
        width: 350px
    }

    .industry-section .mb-3 div .industry-img-sec::before {
        height: 86%
    }

    .blog-details-more .blog-more-01 a span {
        width: 328px;
        height: 234px
    }

    .contact-from-section .card-letsconnect .card.card-form-img {
        display: none
    }

    .contact-from-section .card-letsconnect .row:first-child {
        display: grid;
        grid-template-columns: 1fr
    }

    .contact-from-section .card-letsconnect .row:first-child .col-12 {
        margin: 0 auto
    }

    section.contact-from-section::before {
        bottom: -148px;
        height: 148px;
        background-color: #f8f8fb
    }

    section.contact-from-section::after,
    section.contact-from-section:hover::after {
        width: 93%;
        height: 98%;
        background-image: none
    }

    .blog-otherpage .blogother-img {
        width: 320px;
        height: 203px
    }

    .next-blog .blog-photo figure.blog-img-figure {
        min-height: 299px
    }

    .sapinp-page .otherpage-heading {
        font-size: 41px;
        line-height: 43px
    }

    .web-design .otherpage-heading {
        font-size: 45px
    }

    .hrms-page .otherpage-heading b::before,
    .sap-page .otherpage-heading b::before {
        width: 100%;
        height: auto;
        left: 0;
        right: 0
    }

    .ios-page .otherpage-heading b::before {
        width: 100%;
        height: auto;
        top: 0;
        left: 0;
        right: 0
    }

    .web-design .otherpage-heading b::before {
        width: 15rem;
        height: auto;
        top: 0;
        left: -2%;
        right: 0
    }

    .smo-page .otherpage-heading b::before {
        width: 11rem;
        top: -4px;
        right: 0;
        left: -4px;
        height: auto
    }

    .smm-page .otherpage-heading b::before {
        width: 100%;
        left: 0;
        right: 0;
        height: auto;
        top: 0
    }

    .seo-page .otherpage-heading b::before {
        height: auto;
        top: 0
    }

    .sem-page .otherpage-heading b::before {
        height: auto;
        left: 4px
    }

    .micro-page .otherpage-heading b::before {
        width: 18.5rem;
        right: 0;
        height: 50%;
        bottom: 0;
        top: unset
    }

    .micro-page .web-designingheadsection {
        padding: 0 0 3rem
    }

    .inventory-page .otherpage-heading b::before {
        width: 17.5rem;
        top: 0;
        height: 100%
    }

    .pwa-page .otherpage-heading b::before {
        width: 8rem;
        right: 0;
        left: -6px;
        height: auto
    }

    .window-forms-page .otherpage-heading.wfcs-heading b::before {
        width: 16.5rem;
        height: 47%;
        right: -33px;
        top: 50%
    }

    .flutter-page .otherpage-heading b::before {
        width: 7.5rem;
        right: -5px
    }

    .android-page .otherpage-heading b::before {
        width: 100%;
        left: 0;
        height: 78px
    }

    .ecom-page .web-designingheadsection {
        padding: 0 0 1.5rem
    }

    .application-page .web-designingheadsection {
        padding: 1rem 0 2rem
    }

    .application-page .otherpage-heading b::before {
        width: 20rem;
        top: 0;
        height: 66px
    }

    .ecom-page .otherpage-heading b::before {
        width: 15rem;
        left: -22.5rem
    }

    .scroll-case {
        overflow-x: auto
    }

    .case-list-button {
        grid-template-columns: 1fr 1fr
    }

    .buttob-list {
        padding: 10px
    }

    .scroll-case .nav-tabs {
        display: inline-flex;
        flex-wrap: nowrap;
        grid-gap: 0 10px;
        white-space: nowrap;
        width: auto;
        min-width: 100%;
        margin-bottom: 0
    }

    .head-palttech .nav-tabs a {
        padding: 15px 31.3px
    }

    .head-palttech .techno-index.nav-tabs a {
        padding: 19px 30.7px
    }

    .testicase-desc::after {
        right: -20px
    }

    .testicase-desc {
        width: 500px
    }

    .btn-case a {
        min-width: 164px;
        font-size: 15px
    }

    .industry-sec-img-content-data,
    .industry-sec-img-content-listing a {
        font-size: 14px
    }

    .service-mobile-list.owl-carousel {
        width: 440px;
        height: 230px
    }

    .service-mobile-list.owl-carousel .owl-stage-outer {
        height: 230px;
        bottom: 235px
    }

    .service-mobile-list .owl-stage .owl-item .service-slide-list {
        transform: rotate(-90deg) translateX(-225px);
        width: 220px
    }

    .serv-port-sprint.sps-kioclerk-web {
        height: calc(100vh + 280px)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
        -webkit-transform: scale(70%) translateX(-35%);
        -ms-transform: scale(70%) translateX(-35%);
        transform: scale(70%) translateX(-35%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
        -webkit-transform: scale(70%) translateX(35%);
        -ms-transform: scale(70%) translateX(35%);
        transform: scale(70%) translateX(35%)
    }

    .otherpage-heading b::before {
        height: 100%;
        top: -5px;
        left: auto;
        right: -22px;
        bottom: 0;
        margin: 4px 0
    }

    .hardware-page .otherpage-heading b::before {
        width: 21rem;
        top: unset;
        height: 50%;
        left: unset;
        right: -6%;
        bottom: 0
    }

    .zoho-implementation-section .otherpage-heading b::before {
        width: auto;
        left: -7rem;
        top: 3rem
    }

    .btn-case .hero-button {
        margin: 25px 2px;
        padding: 17px 10px
    }

    .service-mobile-list .service-slide-list {
        min-height: 80px
    }

    .service-mobile-content .service-mobile-content-list {
        top: 8%
    }

    .set-our-cilentweb::before {
        width: 9%
    }

    .card-letsconnect .happen-form-content .contact-zoho-form {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0
    }

    .contact-from-section .card-letsconnect .card-body {
        padding: 0 30px 50px;
        height: 100%
    }

    .blog-section .blog-data .item a {
        width: 100%;
        height: auto
    }

    .blog-section .letest-blog .blog-text .h4-style {
        line-height: 1.5
    }

    .blog-section .blog-data .item {
        padding: 20px 20px 30px
    }

    .case-list-img {
        height: 230px
    }

    .card-body {
        padding: 1rem
    }

    .wwoffer-info {
        margin-bottom: 20px
    }

    .wwoffer-title .sec-title {
        margin: 10px 0;
        line-height: 30px
    }

    .other-pgcasestdy-se {
        width: 1199px;
        height: 585px
    }

    .blog-details-hero-section h1 {
        font-size: 32px
    }

    .ind-item .testimoniols-infodesc p {
        font-size: 16px;
    }

    .m-form-group select {
        flex: 0 0 22%;
        width: 18%;
    }
    
      .zcwf_row .zcwf_col_fld .m-form-group input{
        flex: 0 0 70%;
        width: 50%!important;
    }
    .single-footer-widget.footer-contact div:nth-child(2)::before {
        left: 0rem;
    }
}

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

    .otherpage-headin,
    .proud-section-title {
        font-size: 58px;
        line-height: 75px
    }

    .micro-page .otherpage-heading {
        font-size: 44px
    }

    .micro-page .otherpage-heading b::before {
        width: 100%;
        left: 0;
        height: auto;
        top: 0;
        right: 0
    }

    .erp-page .otherpage-heading b::before {
        width: 16rem;
        right: 0;
        left: -11px;
        height: auto
    }

    .sap-page .otherpage-heading b::before {
        height: auto;
        top: 0
    }

    .crm-page .otherpage-heading b::before {
        width: 15.2rem;
        height: auto;
        top: 0;
        right: 0;
        left: 0
    }

    .android-page .otherpage-heading b::before {
        height: 66px
    }

    .ecom-page .web-designingheadsection {
        padding: 0 0 1.5rem
    }

    .helth-ind-desc {
        font-size: 13px
    }

    .set-overdes,
    .wwoffer-info .wwoffer-desc {
        font-size: 16px
    }

    .set-overdes {
        line-height: 24px
    }

    .clients-trust-figure {
        transform: scale(.7)
    }

    .wwoffer-title .sec-title {
        font-size: 23px;
        font-weight: 600;
        line-height: 33px;
        margin: 15px 0 7px
    }

    .helth-desc {
        font-size: 17px
    }

    .helth-ind .set-herobtnpther {
        margin-top: 20px
    }

    .ecom-page .otherpage-heading b::before {
        width: 14rem;
        left: -22rem
    }

    .application-page .otherpage-heading b::before {
        width: 21rem
    }

    .testicase-desc::after {
        right: -24px
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .appi-ins-portfolio-right.serv-port-04-img figure.l3,
    .serv-port-01-img figure.l1,
    .serv-port-01-img figure.l2,
    .serv-port-02-img figure.l1,
    .serv-port-02-img figure.l3,
    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2,
    .serv-port-05-img figure.l1,
    .serv-port-05-img figure.l2,
    .serv-port-sprint.sps-dm1,
    .serv-port-sprint.sps-dm2 {
        -webkit-transform: scale(70%);
        -ms-transform: scale(70%);
        transform: scale(70%);
        -moz-transform: scale(70%);
        -o-transform: scale(70%)
    }

    .client-section {
        top: 33rem;
        left: 16rem
    }

    .serv-port-02-img figure.l2 {
        -webkit-transform: scale(40%);
        -ms-transform: scale(40%);
        transform: scale(40%)
    }

    .serv-port-02-img figure.l3 {
        transform-origin: top left;
        left: 8%
    }

    .otherpage-heading b::before {
        right: -33px
    }
}

@media only screen and (max-width:1199px) {
    .react-page .otherpage-heading b::before {
        right: -18px;
        width: 6.5rem
    }

    .custom-software-development.inventory-page .otherpage-heading b::before {
        width: 10rem;
    }

    .blog-details-hero-section .bizblogitem ul {
        gap: 15px;
        list-style: none
    }

    .blog-details-more .blog-more-01:first-child {
        padding-bottom: 40px
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l3,
    .saas-page .otherpage-heading b::before,
    .serv-port-07-img figure.l2,
    .single-footer-widget.footer-contact div:nth-child(2)::after,
    .window-forms-page .otherpage-heading b::before {
        right: 0
    }

    .single-footer-widget.footer-contact div:nth-child(2)::before {
        left: -1rem
    }

    .social-share-icon.sidebar ul.socialshare.pt-3 li {
        margin-bottom: 15px
    }

    .blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
        -webkit-line-clamp: 5
    }

    .blog-section .blog-data .item a:first-child {
        width: 450px;
        height: auto
    }

    .micro-page .otherpage-heading.msd-int b::before {
        width: 13.8rem;
        top: 0;
        height: 100%;
        left: unset;
        right: -.5rem
    }

    .head-palttech .techno-index.nav-tabs a {
        padding: 14px 30.7px
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::before {
        width: 14rem;
        top: 3.3rem;
        height: 46%;
        right: -.5rem;
        left: unset
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        width: 14rem;
        right: -6.4rem;
        top: .4rem
    }

    .casesmall-title h3.h2-style {
        text-align: center
    }

    .testicase-desc::after,
    .testicase-desc::before {
        content: "";
        position: unset
    }

    .micro-imp-page .otherpage-heading b::before {
        width: 22rem
    }

    .head-palttech .nav-tabs {
        display: inline-flex;
        flex-wrap: nowrap;
        grid-gap: 0 10px;
        white-space: nowrap;
        width: auto;
        min-width: 100%
    }

    .head-palttech {
        overflow-x: auto;
        overflow-y: hidden;
        height: 100%;
        max-height: 99px;
        border-radius: 11px
    }

    .plat-section {
        padding: 0 15px
    }

    .btn-case .hero-button,
    .tools-technologies-sec .btn-techno a.btn-index {
        margin: 0
    }

    .main-banner .row {
        display: flex;
        flex-direction: column-reverse
    }

    .ten-ind .webimg {
        margin: 20px auto 0
    }

    .blog-details-more .blog-more-01 a span {
        width: 425px;
        height: 302px
    }

    .web-design .otherpage-heading b::before {
        width: 13rem
    }

    .whatsapp-page .otherpage-heading b::before {
        width: 5rem
    }

    .work-flow-section .work-flow-content {
        padding: 0 30px
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage {
        column-gap: 10px
    }

    .wwoffer-slider.owl-carousel .owl-stage-outer .owl-stage .owl-item {
        flex: 0 0 302px
    }

    .service-mobile-list .owl-stage .owl-item,
    section.read-more-casestudy {
        padding: 0
    }

    .share-case.active {
        width: 210px
    }

    .work-flow-section .faq-accset .btn span {
        margin-right: 15px
    }

    .blog-otherpage .blogother-img {
        width: 260px;
        height: 165px
    }

    .main-banner .hero-content .solution-conte {
        font-size: 41px;
        line-height: 54px
    }

    .sapinp-page .otherpage-heading {
        font-size: 35px
    }

    .smo-page .otherpage-heading b::before {
        width: 100%;
        left: 0
    }

    .hardware-page .otherpage-heading b::before {
        width: 17.2rem;
        left: unset;
        top: unset;
        height: 50%;
        bottom: 0;
        right: 0
    }

    .hardware-page .otherpage-heading.other-zohoint b::before {
        width: 15.7rem;
        left: unset;
        top: unset;
        height: 100%;
        bottom: 0;
        right: 0
    }

    .about-title-right .h1-style,
    .about-title-right h1,
    .main-banner .hero-content .h1-style,
    .main-banner .hero-content h1,
    .micro-page .otherpage-heading {
        font-size: 36px
    }

    .sap-page .otherpage-heading b::before {
        width: 100%;
        top: 0;
        height: auto;
        left: 0;
        right: 0
    }

    .inventory-page .otherpage-heading b::before {
        width: 100%;
        top: 0;
        height: 100%;
        left: 0;
        right: 0
    }

    .crm-page .otherpage-heading b::before,
    .saas-page .otherpage-heading b::before,
    .sem-page .otherpage-heading b::before,
    .seo-page .otherpage-heading b::before,
    .window-forms-page .otherpage-heading b::before {
        width: 100%
    }

    .erp-page .otherpage-heading b::before {
        width: 12rem
    }

    .pwa-page .otherpage-heading b::before {
        width: 7rem
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .erp-page .otherpage-heading b::before,
    .sem-page .otherpage-heading b::before,
    .serv-port-02-img figure.l3,
    .serv-port-07-img figure {
        left: 0
    }

    .window-forms-page .otherpage-heading.wfcs-heading b::before {
        width: 12.5rem;
        height: 100%;
        right: -10px;
        top: 0
    }

    .saas-page .otherpage-heading b::before {
        height: auto
    }

    .wpf-charp .otherpage-heading b::before {
        top: 3rem;
        left: -13rem;
        width: 18rem
    }

    .flutter-page .otherpage-heading b::before {
        width: 6.2rem;
        height: 62px
    }

    .wwoffer-info .wwoffer-title .sec-title {
        font-size: 20px;
        line-height: 34px;
        margin: 15px 0 5px
    }

    .wwoffer-info {
        margin-bottom: 20px
    }

    .wwoffer-info .wwoffer-desc {
        font-size: 13px
    }

    .application-page .otherpage-heading b::before {
        height: 55px;
        width: 15.7rem;
        right: -10px
    }

    .web-design .otherpage-heading {
        font-size: 38px
    }

    .web-design .web-designingheadsection {
        padding: 0 0 7rem
    }

    .webimg {
        max-height: 100%
    }

    .application-page .web-designingheadsection {
        padding: 0 0 1rem
    }

    .page-title-area,
    .somting-spacial-sec {
        padding-bottom: 0
    }

    .buttob-list {
        padding: 10px 5px
    }

    .case-list-img {
        height: 188px
    }

    .more-case-button::before {
        width: 56%
    }

    .ecom-page .otherpage-heading b::before {
        width: 11.6rem;
        top: 3rem;
        height: 48px;
        left: -18rem
    }

    .head-palttech .nav-tabs a {
        padding: 15px 26px 13px
    }

    .other-pgcasestdy::before {
        right: -5%;
        height: 30%;
        top: -34%
    }

    .other-pgcasestdy::after {
        bottom: -14%;
        left: -5%
    }

    .main-banner .hero-content p {
        font-size: 17px
    }

    .about-title-right .h4-style,
    .about-title-right h4,
    .service-item .h2-style,
    .services-list-item .card .card-body .card-content-title .h4-style,
    .services-list-item .card .card-body .card-content-title h4 {
        font-size: 22px
    }

    .blog-data.part-blog.small-screen-blog .blog-photo figure.blog-img-figure {
        min-height: 0;
        padding-bottom: 48% !important
    }

    .blog-data.part-blog.small-screen-blog .blog-text {
        margin: auto;
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        padding: 10px 0 0
    }

    .contact-us-content .h2-style,
    .contact-us-content h2,
    .mission-vission-sec .box .core-values-sec .h4-style,
    .mission-vission-sec .box .core-values-sec h4,
    .mission-vission-sec .box .our-services .h4-style,
    .mission-vission-sec .box .our-services h4 {
        font-size: 21px
    }

    .about-sec-list,
    .appi-port-left-content .appi-pp-para,
    .lead,
    .mission-vission-sec .miss-viss-desc p {
        font-size: 16px
    }

    .blog-data.part-blog.small-screen-blog .blog-photo {
        width: 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .blog-data.part-blog.small-screen-blog .blog-deta-desc {
        -webkit-line-clamp: 2;
        max-height: 33px;
        height: 33px
    }

    .blog-data.part-blog.small-screen-blog .title.title-sm,
    .blog-data.part-blog.small-screen-blog .title.title-sm a {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        max-height: 23px;
        height: 23px;
        -webkit-line-clamp: 1
    }

    .other-service-card {
        margin-bottom: 25px
    }

    .zoho-one-header .zoho-one-nav {
        transform: translateX(0)
    }

    .glimpse-data .h3-style,
    .glimpse-data h3,
    .page-join-us .card .card-body .h4-style,
    .page-join-us .card .card-body h4 {
        font-size: 18px
    }

    .industry-sec-main-img figure {
        height: 410px
    }

    .industries-sec-page .industry-sec-main-img figure {
        height: 488px
    }

    .industry-sec-img-content {
        padding: 30px 15px
    }

    .industry-sec-main-content {
        padding: 0 0 42px
    }

    .industry-img-sec {
        padding: 30px 0 0
    }

    .glimpse-data .h2-style,
    .glimpse-data h2,
    h1.h2-style {
        font-size: 33px
    }

    .open-roles-title .h3-style,
    .open-roles-title h2 {
        font-size: 50px
    }

    .blog-details-hero-section h1,
    .contact-us-form-wrap .section-title,
    .page-join-us .card .card-body .h2-style,
    .page-join-us .card .card-body h2 {
        font-size: 28px
    }

    .section-space {
        padding-top: 50px;
        padding-bottom: 65px
    }

    .partner-banner .row .col-12:last-child {
        margin: 0 auto
    }

    .appi-port-left-content .pp-head,
    .founder-desc p,
    .value-title {
        font-size: 20px
    }

    .sec-title h2,
    .section-block-title .h2-style,
    .section-block-title h2 {
        font-size: 34px
    }

    .about-title-left .h3-style,
    .about-title-left h3 {
        font-size: 23px
    }

    .service-tumb-slide {
        -ms-flex: 0 0 300px;
        flex: 0 0 300px;
        max-width: 300px
    }

    .service-sec-slide {
        -ms-flex: 0 0 calc(100% - 300px);
        flex: 0 0 calc(100% - 300px);
        max-width: calc(100% - 300px)
    }

    .service-sec-slide-content {
        -ms-flex: 0 0 calc(100% + 100px);
        flex: 0 0 calc(100% + 100px);
        max-width: calc(100% + 100px)
    }

    .services-box .services-box-text .h3-style,
    .services-box .services-box-text h3 {
        font-size: 25px;
        font-weight: 500;
        line-height: 1.2;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 30px;
        min-height: 30px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .appi-pp-para ul.appi-cont li span:before {
        top: 5px
    }

    .brand-sm-img.brand-img .brandimg-figure {
        margin: auto;
        transform: scale(.8)
    }

    .service-mobile-list.owl-carousel {
        width: 370px;
        height: 190px
    }

    .service-mobile-list.owl-carousel .owl-stage-outer {
        height: 190px;
        bottom: 195px
    }

    .service-mobile-list .owl-stage .owl-item .service-slide-list {
        transform: rotate(-90deg) translateX(-185px);
        width: 180px;
        min-height: 70px
    }

    .service-mobile-content .service-mobile-content-list .h3-style {
        margin: 10px 0
    }

    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2 {
        -webkit-transform: scale(60%);
        -ms-transform: scale(60%);
        transform: scale(60%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
        width: 30%
    }

    .payroll-page .otherpage-heading b::before {
        top: 3rem;
        width: 14rem;
        height: 50%;
        right: unset;
        left: -18rem
    }

    .payroll-page.mobile-app-development .otherpage-heading b::before {
        width: 19rem;
        left: -15rem;
        /* right: unset; */
        /* height: 50%; */
        /* top: 4rem; */
    }

    .otherpage-heading,
    .proud-section-title {
        line-height: 49px;
        font-size: 40px
    }

    .mar-mobile,
    .value-we-deliver a.hero-button {
        margin-top: 0
    }

    .client-section {
        top: 27rem;
        left: 13rem
    }

    .other-div .service-port-clients .brand-sm-img li.image1 {
        margin-left: -6px;
        height: 90px;
        width: 90px
    }

    .other-div .brand-sm-img.brand-img .brandimg-figure {
        margin: auto;
        transform: scale(.5)
    }

    .other-div .service-port-clients .service-port-info-img.active .brand-sm-img {
        transform: translateY(-48px)
    }

    .testicase-desc::after {
        top: 26px;
        left: auto;
        right: 0
    }

    .btn-case a {
        min-width: 130px;
        font-size: 12px
    }

    .testicase-desc {
        width: 374px
    }

    .value-small-desc {
        font-size: 15px;
        line-height: 22px
    }

    .service-we-do-click-content .service-we-do-click-title .h3-style,
    .service-we-do-click-content .service-we-do-click-title h3 {
        font-size: 59px
    }

    .rc-anchor-normal .rc-anchor-checkbox-label {
        width: 100px !important
    }

    .set-our-cilentweb::before {
        width: 11%
    }

    .industry-section .mb-3 div .industry-img-sec::before {
        height: 90%;
        top: 50px;
        width: 95%
    }

    .faq-section .faq-acc .card-body,
    .faq-section .faq-accset {
        padding-left: 120px;
        padding-right: 120px
    }

    .faq-section .faq-acc .card-body::after {
        width: 74%
    }

    .faq-section.other-div .see-all-features {
        padding: 0 120px
    }

    .blog-section .blog-data .item a {
        width: 417px;
        height: 260px
    }

    .other-pgcasestdy-se {
        width: 1024px;
        height: 448px;
        padding: 0
    }
}

@media only screen and (max-width:1024px) {
    .other-pgcasestdy::before {
        right: -5%;
        height: 30%;
        top: -38%;
        width: 14%
    }

    .service-inner-text {
        height: 100%;
        max-height: 100%;
        display: -webkit-box;
        -webkit-line-clamp: unset;
        -webkit-box-orient: vertical;
        overflow: hidden
    }

    .other-pgcasestdy::after {
        bottom: -14%;
        left: -6%;
        height: 31%;
        width: 14%
    }

    section.wrapper.section-space.event-content.grayscale.section-one {
        padding: 0
    }

    .other-pgcasestdy-se {
        width: 991px;
        height: 434px
    }

    .zoho-one-nav-content ul li .zohoone-link img {
        max-width: 22px
    }

    .sec-title h2 {
        font-size: 25px
    }

    .service-item .h2-style {
        font-size: 22px
    }

    .open-roles-title .h3-style,
    .open-roles-title h2 {
        font-size: 40px
    }

    .grayscale {
        filter: grayscale(0%);
        -webkit-transition: .5s;
        transition: .5s;
        -webkit-filter: grayscale(0%);
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s
    }
}

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

    .industry-section div div,
    .overviewimg {
        position: relative
    }

    .custom-software-development.inventory-page .otherpage-heading b::before {
        width: 11rem;
    }   

    .mad-technology div{
        justify-content: center;
    }

    .mad-technology .set-our-cilentweb::before {
        left: 42%;
    }

    .blog-details-row-section .col-12.col-lg-3.sticky-sidebar,
    .blog-section .owl-theme .owl-nav .owl-next,
    .blog-section .owl-theme .owl-nav .owl-prev,
    .card-letsconnect .card-form-img,
    .client-section,
    .other-pgcasestdy::after,
    .other-pgcasestdy::before,
    .service-we-do-click,
    .startp-mobile-nav nav .navbar-nav .nav-item a svg,
    .startp-nav nav.navbar-light .header-contact-info .dropdown-content,
    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        display: none
    }

    .blog-details-content .sec-title.sec-title-blue {
        width: 570px;
        margin: 0 auto 60px
    }

    .blog-section .blog-data .item a:first-child,
    .other-pgcasestdy-se {
        width: auto;
        height: auto
    }

    section.blog-details-content.blogdetails-info-space {
        padding-bottom: 4rem
    }

    .single-footer-widget.footer-contact {
        flex-direction: column;
        gap: 3rem
    }

    .single-footer-widget.footer-contact div {
        padding-left: 15px;
        flex: 0 0 100%;
        max-width: 100%
    }

    .single-footer-widget.footer-contact div:nth-child(2)::after {
        right: 0;
        height: 3px;
        width: 100%;
        top: -1.5rem;
        opacity: 1;
    }

    /* .single-footer-widget.footer-contact div:nth-child(2)::before {opacity: 0;} */

    .footer-bottom-section:not(:first-child) .col-lg-4.col-md-6.col-xs-6.mb-4 {
        flex: 33%;
        width: 100%
    }

    .single-footer-widget.footer-contact div:nth-child(2)::before {
        left: 0;
        top: unset;
        bottom: -1.5rem;
        height: 3px;
        width: 100%
    }

    .col-12.footer-new-address {
        padding: 0 15px
    }

    .single-footer-widget.footer-contact div:nth-child(3) .footer-three-address {
        padding-left: 0
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::before {
        width: 28rem;
        top: 0;
        height: 94%;
        right: -.5rem;
        left: unset
    }

    .otherpage-heading.othepage-wpfc {
        line-height: 62px
    }

    .glimpse-section-image .glimpse-title {
        width: 100%;
        height: 18%;
        margin: auto 0 0;
        display: block
    }

    .blog-details-hero-section,
    .glimpse-title,
    .startp-nav nav.navbar-light .top-header-contact .header-social .social-links li.social-title {
        display: block
    }

    .glimpse-section-image:hover figure:before {
        opacity: 1;
        height: auto
    }

    .glimpse-section-image figure:before {
        content: "";
        display: block;
        width: 100%;
        bottom: 0;
        top: unset;
        background: #161616bd;
        opacity: 1;
        height: 22%;
        margin: auto;
        border-radius: 0 0 20px 20px;
        backdrop-filter: blur(1px);
        overflow: hidden;
        -webkit-backdrop-filter: saturate(180%) blur(2px);
        backdrop-filter: saturate(180%) blur(10px);
        -webkit-border-radius: 0 0 20px 20px;
        -moz-border-radius: 0 0 20px 20px;
        -ms-border-radius: 0 0 20px 20px;
        -o-border-radius: 0 0 20px 20px
    }

    .payroll-page .otherpage-heading b::before {
        top: 0;
        width: 13rem;
        height: 100%;
        right: -1rem;
        left: unset
    }

    .payroll-page.mobile-app-development .otherpage-heading b::before {
        width: 19rem;
        left: -0.5rem;
        /* right: unset; */
        /* height: 50%; */
        /* top: 4rem; */
    }

    .testi-logo {
        margin: 20px auto 0
    }

    .otherpage-heading,
    .proud-desc,
    .proud-section,
    .proud-section-title,
    .somting-spacial-info .about-company-link,
    .testicase-desc p {
        text-align: center
    }

    .clients-trust-info,
    .copyright-area {
        margin-top: 0
    }

    .open-roles-header .h4-style,
    .open-roles-header h4,
    .title-overview h2 {
        font-size: 20px
    }

    .micro-imp-page .otherpage-heading b::before {
        height: 100%;
        width: 23rem
    }

    .modal-content {
        margin-bottom: 100px
    }

    .clock-dial-center-wrap .appi-port-list,
    .faq-section .faq-acc .card-body::after,
    .share-case.active,
    .testicase-desc {
        width: 100%
    }

    .head-palttech .nav-tabs a {
        padding: 15px 26px
    }

    section.web-Overview {
        padding: 50px 0 30px
    }

    .android-page .web-designingheadsection,
    .application-page .web-designingheadsection,
    .crm-page .web-designingheadsection,
    .ecom-page .web-designingheadsection,
    .erp-page .web-designingheadsection,
    .flutter-page .web-designingheadsection,
    .hardware-page .web-designingheadsection,
    .hrms-page .web-designingheadsection,
    .inventory-page .web-designingheadsection,
    .ios-page section.web-designingheadsection,
    .micro-page .web-designingheadsection,
    .pwa-page .web-designingheadsection,
    .react-page section.web-designingheadsection,
    .saas-page .web-designingheadsection,
    .sap-page .web-designingheadsection,
    .sem-page .web-designingheadsection,
    .seo-page .web-designingheadsection,
    .smm-page .web-designingheadsection,
    .smo-page .web-designingheadsection,
    .web-design .web-designingheadsection,
    .whatsapp-page .web-designingheadsection,
    .window-forms-page .web-designingheadsection,
    .wpf-charp .web-designingheadsection,
    section.web-designingheadsection {
        padding: 0 0 2rem
    }

    .overviewimg {
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 100%;
        display: block;
        margin: 25px auto 55px;
        border-radius: 14px
    }

    .blog-nav-tab {
        margin: 20px 10px
    }

    .card-letsconnect .happen-form-content .contact-zoho-form {
        padding: 16px
    }

    .contact-from-section .sec-title {
        margin: 0 !important
    }

    .hardware-page .otherpage-heading.other-zohoint b::before {
        width: 16.5rem
    }

    .whatsapp-page .otherpage-heading b::before {
        width: 4.5rem
    }

    .casestudy-sec.other-div {
        padding-bottom: 0;
        padding-top: 0
    }

    .industry-img .industry-img-sec .webimg {
        max-height: 532px;
        width: 532px;
        margin: 0 auto
    }

    .case-list-img {
        height: 217px
    }

    .zoho-implementation-section .otherpage-heading b::before {
        width: auto;
        left: 0;
        top: 0
    }

    .contact-from-section .new-card,
    .industries-text .h2-style,
    .page-join-us,
    .service-port-info-img {
        margin: 0
    }

    .sec-title .h2-style b {
        line-height: 1.5
    }

    .blog-details-content .sec-title.sec-title-blue .h2-style b,
    .glimpse-data .h2-style,
    .glimpse-data h2,
    .sec-title .h2-style,
    .sec-title .h2-style b,
    .sec-title h2 {
        font-size: 28px
    }

    .blog-details_des-text h3,
    .contact-us-form-wrap .section-title,
    .page-join-us .card .card-body .h2-style,
    .page-join-us .card .card-body h2 {
        font-size: 24px
    }

    .blog-details-more .blog-more-01 a span {
        width: 310px;
        height: 220px
    }

    .industry-sec-img-content-listing {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 40px 0;
        margin: 0 30px;
        text-align: center
    }

    .industry-sec-img-content-listing figure {
        margin: 0 auto 11px
    }

    .appi-ins-portfolio-right.serv-port-03-img.active,
    .industry-section,
    .page-title-area {
        padding-bottom: 0
    }

    .industry-section div div:nth-child(odd) .col-lg-6.mx-auto {
        order: 1
    }

    .industry-section div div:nth-child(odd) .col-lg-6 {
        order: 2
    }

    .industries-sec-body .industries-sec-item:nth-child(2n) .industry-img-sec .webimg,
    .industries-sec-body .industries-sec-item:nth-child(odd) .industry-img-sec .webimg {
        margin: 0 auto
    }

    .industries-sec-page .industry-sec-main-img figure {
        height: 600px
    }

    .industry-sec-img-content .industry-sec-img-content-data {
        margin: 25px 34px 0
    }

    .industry-sec-img-content-listing div:first-child a::before {
        top: 4px;
        left: unset;
        right: 5px
    }

    .industry-sec-img-content-listing div:nth-child(2) a::before {
        top: -3px;
        left: unset;
        right: 0
    }

    .industry-sec-img-content-listing div:nth-child(4) a::before {
        top: -3px;
        left: unset;
        right: 40px
    }

    .industry-sec-img-content-listing div:nth-child(5) a::before {
        top: -6px;
        left: unset;
        right: 27px
    }

    .industry-sec-img-content-listing div:nth-child(6) a::before {
        top: -3px;
        right: 40px
    }

    .industry-sec-img-content-listing div:nth-child(7) a::before {
        top: -6px;
        left: unset;
        right: 34px
    }

    .industry-sec-img-content-listing div:nth-child(9) a::before {
        top: 0;
        left: unset;
        right: 10px
    }

    .industry-sec-img-content-listing div:nth-child(10) a::before {
        top: 0;
        left: unset;
        right: 17px
    }

    .industry-sec-img-content-listing div:nth-child(12) a::before {
        top: 0;
        left: unset;
        right: 20px
    }

    .industry-sec-img-content-listing div:nth-child(13) a::before {
        top: 0;
        left: unset;
        right: 44px
    }

    .blog-otherpage .blogother-img {
        width: 100%;
        height: 191px
    }

    .testi-smallde {
        border-right: none
    }

    .desc-other,
    .faq-small-desc,
    .proud-desc {
        max-width: 100%
    }

    .blogother-title,
    .founder-desc p,
    .h4-style,
    .open-roles-row .h3-style,
    .open-roles-row h3 {
        font-size: 18px
    }

    .window-forms-page .otherpage-heading b::before {
        width: 100%;
        height: auto
    }

    .hardware-page .otherpage-heading b::before {
        width: 100%;
        left: 5px;
        top: 0;
        right: 0;
        height: 100%
    }

    .wpf-charp .otherpage-heading b::before {
        top: 0;
        left: 0;
        width: 100%
    }

    .flutter-page .otherpage-heading b::before {
        height: 57px
    }

    .share-case.active {
        position: unset
    }

    .android-page .otherpage-heading b::before {
        height: 56px;
        left: -5px
    }

    .clients-trust-figure {
        height: 61px
    }

    .wwoffer-info .wwoffer-title .sec-title {
        font-size: 17px
    }

    .overview-sec .set-overdes,
    .set-hospitality-more-details {
        font-size: 13px
    }

    .helth-timer {
        padding: 0 9px
    }

    .helth-desc {
        font-size: 15px;
        line-height: 25px
    }

    .industry-img {
        margin-top: 50px
    }

    .helth-ind .helth-desc {
        margin: 15px 0
    }

    .branding-section-title {
        font-size: 47px;
        line-height: 78px
    }

    .branding-button {
        margin-bottom: 36px
    }

    .project-case-title {
        font-size: 30px;
        line-height: 48px
    }

    .tech-img {
        width: 80px;
        height: 68px
    }

    .project-case-data {
        font-size: 15px
    }

    .more-case-button::before {
        width: 50%
    }

    .study-herosection.web-designingheadsection {
        padding: 1rem 0 2rem
    }

    .ecom-page .otherpage-heading b::before {
        width: 100%;
        top: 0;
        left: 0
    }

    .service-inner-text {
        -webkit-line-clamp: unset;
        height: 100%
    }

    .btn-case a {
        min-width: 166px
    }

    .btn-case,
    .seection-otherdesc {
        margin-top: 20px
    }

    .mar-mobile {
        margin-top: 4rem
    }

    .subtitle-otherpage h2 {
        font-size: 25px
    }

    .other-casedesc p {
        font-size: 14px;
        line-height: 21px
    }

    .blog-desc,
    .glimpse-data .h3-style,
    .glimpse-data h3,
    .main-banner .hero-content p,
    .open-roles-row .h4-style,
    .open-roles-row h4,
    .page-join-us .card .card-body .h4-style,
    .page-join-us .card .card-body h4 {
        font-size: 16px
    }

    .faq-small-title,
    .open-roles-title .h3-style,
    .open-roles-title h2 {
        font-size: 35px
    }

    .manu-overview {
        white-space: nowrap;
        overflow-x: scroll
    }

    .otherpage-heading,
    .proud-section-title {
        font-size: 42px
    }

    .application-page .otherpage-heading b::before {
        width: 16.2rem
    }

    .set-herobtnpther,
    .share-case {
        display: flex;
        justify-content: center
    }

    .otherpage-heading b::before {
        top: 0;
        width: 15rem;
        left: -7px
    }

    .blog-section,
    .main-banner .hero-content {
        margin-bottom: 30px
    }

    .blog-otherpage {
        padding: 30px 0 40px
    }

    .faq-title,
    .service-port-img {
        padding: 0 0 20px
    }

    .desc-other {
        text-align: center;
        margin-top: 18px
    }

    .web-designingheadsection .panel-set .hero-button {
        margin: 25px 0
    }

    .contact-us-form-wrap,
    .manu-overview li {
        padding: 20px
    }

    .set-overdes {
        font-size: 15px;
        line-height: 20px
    }

    .title-overview h3 {
        font-size: 30px
    }

    .overviewimg::before {
        width: 159px;
        height: 127px
    }

    .overviewimg::after {
        top: 60%;
        background-size: 120px
    }

    .case-testimonial {
        margin: 50px 0 0
    }

    .case-testi .btn-case .hero-button {
        margin: 12px 15px
    }

    .item-case:first-child {
        padding: 0 20px 0 0
    }

    .casestudy-smalldesc {
        gap: 20px
    }

    .set-btn-tesicase {
        border-left: 1px solid transparent;
        justify-content: center
    }

    .scroll-overlay:first-of-type {
        left: 0;
        opacity: 0;
        background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
    }

    .scroll-overlay:last-of-type {
        right: 0;
        background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
    }

    .scroll-overlay {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 70px;
        z-index: 5;
        pointer-events: none;
        transition: opacity .2s
    }

    a.hero-button {
        margin-top: 10px
    }

    .tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs .nav-link {
        margin: 0 20px
    }

    .main-banner .hero-content .solution-conte {
        font-size: 34px;
        line-height: 40px
    }

    .blog-details-info p {
        font-size: 14px !important;
        line-height: 25px
    }

    .blog-details .sec-title .h2-style {
        font-size: 22px
    }

    .inner-glimpse-overview-sec:before {
        width: 45%
    }

    .mission-vission-sec .box .core-values-sec .h4-style,
    .mission-vission-sec .box .core-values-sec h4,
    .mission-vission-sec .box .our-services .h4-style,
    .mission-vission-sec .box .our-services h4 {
        margin: 15px 0 10px;
        font-size: 18px;
        font-weight: 600;
        color: var(--paragraph-color)
    }

    .mission-vission-sec .miss-viss-desc p {
        margin-bottom: 3px;
        line-height: 1.5;
        font-size: 14px;
        font-weight: 400
    }

    .employee-speak-sec {
        padding: 30px 0 0
    }

    .glimpse-wrapper-sec.section-space {
        padding-top: 0;
        padding-bottom: 0
    }

    .services-list-item .card .card-body .card-content-title .h4-style,
    .services-list-item .card .card-body .card-content-title h4 {
        font-size: 19px
    }

    .open-roles-header .h3-style,
    .open-roles-header h3 {
        font-size: 23px
    }

    .appi-port-clocktext .middel-text {
        font-size: 14px
    }

    .contact-us-content ul.sub-contact-list li a {
        font-size: 14px;
        gap: 5px
    }

    .contact-us-content .contact-icon h3.h6-style {
        font-size: 14px;
        font-weight: 500
    }

    .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
    .zohoone-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
    .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev,
    .zohoservices-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: -50px
    }

    .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
    .zohoone-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
    .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
    .zohoservices-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
        right: -50px
    }

    .zohoproduct-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
        left: auto;
        right: 15px
    }

    .zohoproduct-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: 15px;
        right: auto
    }

    .service-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
        left: auto;
        right: -50px
    }

    .service-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: -50px;
        right: auto
    }

    .zohoone-mobile-slider.owl-theme .owl-dots .owl-dot span {
        margin: 0 3px 10px 0
    }

    .arrow-carousel.owl-theme .owl-nav .owl-next {
        left: auto;
        right: -5px;
        top: 50%;
        bottom: auto;
        position: absolute
    }

    .arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: -5px;
        right: auto;
        top: 50%;
        bottom: auto;
        position: absolute
    }

    .arrow-carousel.owl-theme .owl-nav [class*=owl-] {
        width: 30px;
        height: 30px;
        top: 30%;
        border-radius: 40px;
        background: #fff;
        box-shadow: 0 0 10px -5px #000;
        font-size: 18px;
        line-height: 30px;
        border: 0;
        text-align: center;
        color: #999;
        cursor: pointer
    }

    .industry-section .arrow-carousel.owl-theme .owl-nav .owl-next,
    .product-section .arrow-carousel.owl-theme .owl-nav .owl-next,
    .we-imp-sec .arrow-carousel.owl-theme .owl-nav .owl-next {
        right: 0
    }

    .industry-section .arrow-carousel.owl-theme .owl-nav .owl-prev,
    .product-section .arrow-carousel.owl-theme .owl-nav .owl-prev,
    .service-mobile-content,
    .service-sec-slide-content,
    .startp-nav nav.navbar-light.navbar-active,
    .we-imp-sec .arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: 0
    }

    .arrow-carousel.owl-theme .owl-nav [class*=owl-]:focus,
    .arrow-carousel.owl-theme .owl-nav [class*=owl-]:hover {
        background: #fff;
        color: #000
    }

    .arrow-carousel.arrow-bottom.owl-theme .owl-nav [class*=owl-],
    .arrow-carousel.arrow-center.owl-theme .owl-nav [class*=owl-] {
        top: auto;
        bottom: -40px
    }

    .industry-img-sec {
        padding: 20px 0
    }

    .industry-sec-img-content .industry-sec-img-content-title {
        font-size: 14px;
        line-height: 22px
    }

    .mission-vission-sec .box .core-values-sec.shadow-lg,
    .mission-vission-sec .box .our-services.shadow-lg {
        box-shadow: 0 0 25px 0 rgb(20 27 202/4%) !important
    }

    .btn.rounded-pill {
        font-weight: 600;
        font-size: 14px;
        padding: 10px 35px
    }

    .zoho-one-header .zoho-one-nav {
        transform: translateX(-89px)
    }

    .zoho-product-title .h3-style,
    .zoho-product-title h3 {
        font-size: 21px
    }

    .main-banner .hero-content .h1-style,
    .main-banner .hero-content h1 {
        font-size: 34px
    }

    .funfact .h3-style,
    .funfact h3 {
        font-size: 33px
    }

    .services-box .services-box-text .h3-style,
    .services-box .services-box-text h3 {
        font-size: 23px;
        font-weight: 500;
        line-height: 1.2;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 27px;
        min-height: 27px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .progress-wrap {
        right: 10px;
        bottom: 77px;
        width: 50px;
        height: 50px;
        box-shadow: inset 0 0 0 1px rgb(128 130 134/25%), inset 0 0 0 7px #fff, inset 0 0 0 8px rgb(128 130 134/25%)
    }

    .progress-wrap:after {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    .section-space {
        padding-top: 40px;
        padding-bottom: 40px
    }

    .mean-container a.meanmenu-reveal,
    .services-item .service-popover {
        display: none !important
    }

    .startp-mobile-nav {
        display: block;
        position: relative
    }

    .footer-area {
        padding-bottom: 80px
    }

    .startp-mobile-nav .logo {
        position: absolute;
        top: 10px;
        z-index: 99;
        left: 0;
        text-align: center;
        width: 100%
    }

    .startp-nav,
    .startp-nav nav.navbar-light .top-header-contact .header-social .social-links {
        display: block !important
    }

    .startp-nav nav.navbar-light {
        position: fixed;
        top: 0;
        right: auto;
        bottom: 0;
        left: -300px;
        max-width: 280px;
        width: 100%;
        background-color: #fff;
        padding: 15px 10px 70px !important;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow: auto;
        -webkit-transition: .3s ease-in;
        transition: .3s ease-in;
        box-shadow: 0 0 20px -10px #000;
        z-index: 10001
    }

    .startp-nav nav.navbar-light .navbar-brand {
        display: block;
        order: 1;
        padding: 0 0 10px 10px
    }

    .startp-nav nav.navbar-light .mean-push {
        display: none;
        order: 11
    }

    .startp-nav nav.navbar-light .menu-sidebar-close {
        order: 2;
        margin-bottom: auto
    }

    .startp-nav nav.navbar-light .navbar-collapse.mean-menu {
        order: 3;
        display: block !important
    }

    .startp-nav nav.navbar-light .top-header-contact {
        order: 4;
        width: 100%;
        padding: 15px 10px 0;
        margin: auto 0 0
    }

    .startp-nav nav.navbar-light .navbar-nav {
        overflow: auto
    }

    .startp-nav nav.navbar-light .navbar-nav .nav-item {
        width: 100%;
        padding: 0
    }

    .startp-nav nav.navbar-light .navbar-nav .nav-item>a {
        margin: 0;
        padding: 8px 10px;
        font-size: 16px;
        line-height: 1.4;
        color: #000 !important;
        background-color: #fff !important
    }

    .mobile_footer li a.m-footer-text.active,
    .startp-nav nav.navbar-light .navbar-nav .nav-item>a.active {
        color: var(--primary) !important
    }

    .startp-nav nav.navbar-light .top-header-contact .header-social .social-links li {
        display: none;
        padding: 0;
        margin: 0;
        border: 0 !important
    }

    .startp-nav nav.navbar-light .top-header-contact .header-social .social-links li a {
        padding: 5px 0;
        display: inline-block;
        height: auto
    }

    .startp-nav nav.navbar-light .top-header-contact .header-social .social-links li.social-title~li {
        display: inline-block;
        min-width: 25px;
        height: 30px;
        line-height: 30px;
        margin: 0;
        text-align: center
    }

    .startp-nav nav.navbar-light .header-contact-info {
        display: block !important;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .startp-nav nav.navbar-light .header-contact-info .header-info-item {
        padding: 0;
        -ms-flex-pack: start !important;
        justify-content: flex-start !important;
        width: 100%;
        margin: 0 0 15px;
        border: 0
    }

    .appi-ins-portfolio-sec,
    .startp-nav nav.navbar-light {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .clock-dial-center-wrap {
        width: 100%;
        height: auto;
        left: 0;
        order: 1
    }

    .clock-dial-center-wrap .appi-port-list .appi-port-title {
        font-size: 22px;
        text-align: center
    }

    .clock-dial-center-wrap .appi-port-list .appi-port-clocktext {
        width: auto;
        display: inline-block;
        margin: 0;
        padding: 0 5px 5px 0
    }

    .appi-port-clocktext.active:after {
        left: 0;
        right: 0
    }

    .appi-port-clocktext:after {
        width: 0;
        left: 0;
        right: 0;
        margin: auto
    }

    .appi-portfolio-sec-left {
        width: 50%;
        order: 3;
        height: calc(100vh - 140px);
        padding-bottom: 80px !important
    }

    .appi-portfolio-sec-right {
        order: 2;
        width: 50%;
        height: calc(100vh - 140px)
    }

    .appi-port-left-content {
        right: 0;
        width: 100%
    }

    .page-title-area {
        padding-top: 75px
    }

    .section-block-title:after {
        height: 50px;
        width: 50px;
        opacity: .5
    }

    .mean-container .mean-bar {
        padding: 0 !important;
        height: 75px !important
    }

    .contact-us-section .contact-us-content {
        width: auto;
        left: 0;
        right: 0;
        position: inherit;
        top: 20px;
        max-width: inherit;
        padding: 15px
    }

    .testimoniols-section .testimoniols-infodesc {
        height: 102px;
        max-height: 102px
    }

    .service-sec-slide-content,
    .service-we-do-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .main-banner {
        padding: 120px 0 0;
        min-height: inherit
    }

    .service-port-info {
        padding: 0 0 0 20px
    }

    .service-port-info .list-style ul li {
        font-size: 16px;
        margin: 0
    }

    .service-port-info .list-style ul li:before {
        top: 8px
    }

    .banner-listing {
        padding-left: 20px
    }

    .zoho-product-section {
        background: #f8f8fb
    }

    .appi-ins-portfolio-right.serv-port-04-img figure.l1,
    .appi-ins-portfolio-right.serv-port-04-img figure.l2,
    .appi-ins-portfolio-right.serv-port-04-img figure.l3,
    .serv-port-01-img figure.l1,
    .serv-port-01-img figure.l2,
    .serv-port-02-img figure.l1,
    .serv-port-02-img figure.l3,
    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2,
    .serv-port-05-img figure.l1,
    .serv-port-05-img figure.l2,
    .serv-port-sprint.sps-dm1,
    .serv-port-sprint.sps-dm2 {
        -webkit-transform: scale(60%);
        -ms-transform: scale(60%);
        transform: scale(60%)
    }

    .serv-port-03-img figure.l1 {
        transform-origin: center left
    }

    .serv-port-03-img figure.l2 {
        transform-origin: top left
    }

    .serv-port-02-img figure.l3 {
        left: 5%
    }

    .serv-port-03-img figure.l1,
    .serv-port-03-img figure.l2 {
        -webkit-transform: scale(50%);
        -ms-transform: scale(50%);
        transform: scale(50%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-01,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-01,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-03 {
        -webkit-transform: scale(70%) translateX(-20%);
        -ms-transform: scale(70%) translateX(-20%);
        transform: scale(70%) translateX(-20%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-02,
    .serv-port-05-img figure.serv-port-sprint.sps-desk-app-04 {
        -webkit-transform: scale(70%) translateX(20%);
        -ms-transform: scale(70%) translateX(20%);
        transform: scale(70%) translateX(20%)
    }

    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-02:after,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-03:after,
    .serv-port-01-img figure.serv-port-sprint.sps-dg-sea-04:after {
        width: 20%
    }

    .zoho-prod-img.dbl-square-shape figure {
        margin: auto
    }

    .zoho-prod-img.dbl-square-shape:before {
        left: 0;
        right: 0;
        margin: auto
    }

    .zoho-prod-img.dbl-square-shape:after {
        left: 0;
        right: -14px;
        margin: auto
    }

    .dbl-square-shape {
        margin-bottom: 20px
    }

    .blog-data.part-blog.small-screen-blog .blog-photo figure.blog-img-figure {
        min-height: 0;
        padding-bottom: 32% !important
    }

    .next-blog .blog-photo figure.blog-img-figure {
        min-height: 0
    }

    .about-company-link .clspageparentmenu1,
    .about-company-link .clspageparentmenu {
        font-weight: 500
    }

    .set-our-cilentweb::before {
        width: 15%
    }

    .industry-section .mb-3 div .industry-img-sec::before {
        height: 88%;
        top: 40px;
        width: 62%;
        left: 22%
    }

    .faq-section .faq-acc .card-body,
    .faq-section .faq-accset {
        padding-left: 0;
        padding-right: 0
    }

    .faq-section .faq-accset .btn.btn-link.collapsed::after,
    .faq-section .faq-accset .btn.btn-link::after {
        right: 16px
    }

    .faq-section .faq-accset .btn.btn-link,
    .faq-section .faq-accset .btn.btn-link.collapsed {
        padding-left: 15px
    }

    .work-flow-section .work-flow-content {
        border-radius: 0;
        padding: 0 20px;
        margin: 20px 0 40px
    }

    .blog-section .blog-data .overlay,
    .faq-section.other-div .see-all-features {
        padding: 0
    }

    .blog-section .blog-data .item {
        display: block;
        gap: 20px;
        padding: 25px 25px 40px
    }

    .blog-section .blog-data .item a {
        width: 100%;
        height: 100%
    }

    .blog-section .letest-blog .blog-text .h4-style {
        margin: 15px 0 0
    }

    .blog-section .letest-blog .blog-text .blog-deta-desc.text-black p {
        -webkit-line-clamp: 5
    }

    .blog-otherpage .blog-section,
    .case-item,
    .casestudies-sec .case-item {
        box-shadow: 0 2px 16px 4px rgb(0 0 0/8%);
        background-color: #fff
    }

    .wwoffer-sec .wwoffer-slider {
        padding: 0 0 30px
    }

    .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-next,
    .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-prev {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #a5c9ff47
    }

    .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-prev {
        left: -5%
    }

    .wwoffer-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-next {
        right: -5%
    }
}

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

    .overviewimg::after,
    .shape1,
    .shape2,
    .shape3,
    .shape4,
    .shape5,
    ul.list.footer-faq-list,
    ul.list.footer-faq-list-one,
    ul.list.footer-faq-list-two {
        display: none
    }

    ul.list.footer-faq-list-one.active,
    ul.list.footer-faq-list-two.active,
    ul.list.footer-faq-list.active {
        display: block;
        margin-top: 20px
    }

    h3.single-footer-widget-title.footer-faq,
    h3.single-footer-widget-title.footer-faq-one,
    h3.single-footer-widget-title.footer-faq-two {
        position: relative;
        margin: 0
    }

    h3.single-footer-widget-title.footer-faq-one::before,
    h3.single-footer-widget-title.footer-faq-two::before,
    h3.single-footer-widget-title.footer-faq::before {
        content: '+';
        position: absolute;
        top: 5%;
        right: 1%;
        transition: .5s
    }

    h3.single-footer-widget-title.footer-faq-one.active::before,
    h3.single-footer-widget-title.footer-faq-two.active::before,
    h3.single-footer-widget-title.footer-faq.active::before {
        content: '-';
        transition: .5s;
        transform: rotate(180deg)
    }

    ul.list.footer-faq-list li,
    ul.list.footer-faq-list-one li,
    ul.list.footer-faq-list-two li {
        margin: 14px 0
    }

    .footer-bottom-section .row div:not(:first-child),
    .ptb-80 {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .footer-bottom-section .row div:nth-child(3) {
        border-top: 1.5px solid #d2dbe3;
        border-bottom: 1.5px solid #d2dbe3
    }

    .copyright-area {
        border-top: 1px solid #d2dbe3
    }

    .blog-details-content .sec-title.sec-title-blue,
    .react-page .otherpage-heading b::before,
    .window-forms-page .otherpage-heading b::before {
        width: 100%
    }

    section.blog-details-content.blogdetails-info-space {
        padding-bottom: 1rem
    }

    .blog-section .blog-data .item {
        padding: 15px 15px 30px
    }

    .industry-section-title {
        font-size: 32px
    }

    .industries-sec-item .sec-title .h2-style b,
    .industries-sec-item .sec-title.sec-title-blue .row .h2-style b {
        font-size: 28px;
        line-height: 1.2
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        display: block;
        width: 14rem;
        right: -11rem;
        height: 50%
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::before {
        width: 14rem;
        top: 4rem;
        height: 50%;
        right: .1rem;
        left: unset
    }

    .glimpse-section-image .glimpse-title {
        height: 15%
    }

    .glimpse-section-image figure:before {
        height: 20%
    }

    .payroll-page .otherpage-heading b::before {
        width: 10rem
    }

    .head-palttech .techno-index.nav-tabs a {
        padding-bottom: 15px
    }

    .case-desg {
        margin-bottom: 16px
    }

    .value-section {
        box-shadow: 0 0 17px rgba(0, 0, 0, .1);
        border-radius: 15px;
        transition: .3s;
        margin: 5px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        -ms-border-radius: 15px;
        -o-border-radius: 15px
    }

    .casestudy-sec,
    .other-pagebg .technology-slider .owl-stage-outer,
    .other-pagebg.other-div .tt-used-card .card-body,
    .work-flow-section {
        padding: 0
    }

    .micro-imp-page .otherpage-heading b::before {
        width: 16.5rem;
        right: -.5rem
    }

    .clients-trust-info,
    .col-12.whatwe-information,
    .desc-other,
    .panel-set,
    .set-sub-title,
    a.hero-button {
        margin-top: 0
    }

    .bg-join-us-none .page-join-us:before,
    .blog-otherpage.other-div .blog-section,
    .set-case-bar.otherpgmenu-sticky {
        margin: 20px
    }

    .blog-related-slider .blog-section {
        margin: 0 8px;
    }

    .set-caseother,
    .testicase-desc,
    .web-Overview.other-div .overview-sec .hero-button,
    a.hero-button {
        margin-top: 15px
    }

    .blogother-date,
    .desc-other,
    .set-overdes p {
        font-size: 13px
    }

    .casestudy-otherpage,
    .faq-acc,
    .tools-technologies-sec.section-space.tool-section.other-pagebg.other-div,
    section.value-we-deliver {
        padding: 20px 0
    }

    .faq-section .faq-accset .btn.btn-link.collapsed::after,
    .faq-section .faq-accset .btn.btn-link::after {
        top: 8px
    }

    .blog-section .blog-data .item a {
        width: 100%;
        height: 100%
    }

    .pwa-page .otherpage-heading b::before {
        width: 5rem
    }

    .helth-herosection {
        padding: 2rem 0
    }

    .erp-page .otherpage-heading b::before {
        width: 9rem
    }

    .android-page .web-designingheadsection,
    .application-page .web-designingheadsection,
    .crm-page .web-designingheadsection,
    .ecom-page .web-designingheadsection,
    .erp-page .web-designingheadsection,
    .flutter-page .web-designingheadsection,
    .hardware-page .web-designingheadsection,
    .hrms-page .web-designingheadsection,
    .inventory-page .web-designingheadsection,
    .ios-page section.web-designingheadsection,
    .micro-page .web-designingheadsection,
    .pwa-page .web-designingheadsection,
    .react-page section.web-designingheadsection,
    .saas-page .web-designingheadsection,
    .sap-page .web-designingheadsection,
    .sem-page .web-designingheadsection,
    .seo-page .web-designingheadsection,
    .smm-page .web-designingheadsection,
    .smo-page .web-designingheadsection,
    .web-design .web-designingheadsection,
    .whatsapp-page .web-designingheadsection,
    .window-forms-page .web-designingheadsection,
    .wpf-charp .web-designingheadsection,
    section.web-designingheadsection {
        padding: 0 0 1rem
    }

    .blog-desc,
    .desc-other,
    .event-detail p,
    .faq-small-desc {
        font-size: 15px
    }

    .window-forms-page .otherpage-heading.wfcs-heading b::before {
        width: 9rem;
        height: 100%;
        right: -10px;
        top: 0
    }

    .hardware-page .otherpage-heading.other-zohoint b::before {
        width: 12rem
    }

    .whatsapp-page .otherpage-heading b::before {
        width: 3.2rem
    }

    .work-flow-section .faq-accset .btn.btn-link::after {
        top: 14px
    }

    .faq-section .faq-accset .btn.btn-link::after {
        top: 6px
    }

    .industry-img .industry-img-sec .webimg {
        max-height: 500px;
        width: 500px
    }

    .blog-details-more .blog-more-01 a span {
        width: auto;
        height: 340px
    }

    .blog-details-more .blog-more-01 p {
        margin: 0 0 20px
    }

    .appi-port-left-content .pp-head,
    .blog-details-more .blog-more-01 h3,
    .fouder-sec-data .founder-desc i,
    .page-join-us .card-body .h4-style,
    .page-join-us .card-body h4,
    .page-title-area .h2-style,
    .page-title-area h2,
    .section-title .h2-style,
    .section-title h2 {
        font-size: 18px
    }

    .blog-description-content h3 {
        font-size: 36px
    }

    .blog-description-section {
        padding: 30px 0 40px
    }

    .blog-details-more .blog-more-01:first-child,
    .blog-more-01 {
        padding-bottom: 0
    }

    .blog-description-section .blog-more-page {
        border: none;
        border-top: none;
        margin-top: 0;
        padding: 0
    }

    .blog-more-01 {
        border-bottom: 1px solid #ababab66;
        margin-bottom: 20px
    }

    .blog-more-01 a {
        text-align: center
    }

    .wwoffer-card.card .card-body {
        box-shadow: 0 0 17px rgba(0, 0, 0, .1);
        border-radius: 15px
    }

    .payroll-page.mobile-app-development .otherpage-heading b::before {
        width: 14rem;
        left: -0.4rem;
        /* right: unset; */
        /* height: 50%; */
        /* top: 4rem; */
    }

    .wwoffer-card.card {
        border: none;
        padding: 10px
    }

    .blog-description-section .blog-details-more {
        margin: 20px 0
    }

    .blog-otherpage .blogother-img {
        width: 100%;
        height: 304px
    }

    .founder-sec .founder-name {
        margin-top: 10px
    }

    .main-banner .hero-content .solution-conte {
        font-size: 25px;
        line-height: 26px
    }

    .set-clientbtn {
        display: grid;
        gap: 13px;
        grid-template-columns: 1fr 1fr
    }

    .flutter-page .otherpage-heading b::before {
        width: 100%;
        right: 0;
        left: 0
    }

    .whatwe-information .wwoffer-info {
        margin-bottom: 20px
    }

    .wwoffer-info {
        background: #fff;
        border-radius: 10px
    }

    .case-list-button {
        grid-template-columns: 1fr 1fr 1fr
    }

    .testi-smallde {
        border-right: none
    }

    .case-list-desc,
    .section-ourclient .client-item .client-img {
        padding: 10px
    }

    section.casestudies-sec,
    section.read-more-casestudy {
        padding: 0 0 25px
    }

    .section-space {
        padding-top: 25px;
        padding-bottom: 20px
    }

    .case-list-img,
    .industry-img {
        width: auto;
        height: auto
    }

    .web-design .web-designingheadsection .webimg .daashimg-1 {
        margin-top: -40px
    }

    .case-item:hover,
    .casestudies-sec .case-item {
        box-shadow: none
    }

    .branding-section-title {
        font-size: 33px;
        line-height: 76px
    }

    .case-item,
    .casestudies-sec .case-item {
        box-shadow: 0 2px 16px 4px rgb(0 0 0/8%)
    }

    .more-case-button::before {
        width: 31%
    }

    .application-page .otherpage-heading b::before {
        width: 12rem;
        height: 45px
    }

    .otherpage-heading,
    .proud-section-title {
        font-size: 31px
    }

    .casestudy-smalldesc {
        grid-template-columns: 1fr
    }

    .item-case:first-child {
        padding: 0;
        border-right: none
    }

    .testicase-desc {
        width: 400px;
        margin: 0 auto
    }

    .testicase-desc::after {
        top: 25px;
        left: auto;
        right: -40px
    }

    .testi-logo {
        margin-right: auto;
        margin-left: auto
    }

    .mar-mobile {
        margin-top: 1rem
    }

    .blog-otherpage .sec-title .h2-style,
    .other-pagebg.other-div .sec-title,
    .sec-title .h2-style {
        margin-bottom: 25px
    }

    .faq-small-title {
        font-size: 30px;
        margin-bottom: 0
    }

    .faq-acc .card-body {
        font-size: 15px;
        line-height: 20px
    }

    .faq-accset .btn.btn-link,
    .h4-style,
    .myaccordion .card-header a,
    .open-roles-row .h3-style,
    .open-roles-row h3 {
        font-size: 16px
    }

    .blogother-img {
        max-width: 100%
    }

    .faq-title .sec-title {
        margin-bottom: 1rem
    }

    .otherpage-heading b::before {
        top: -5px;
        height: 54px;
        width: 11.7rem
    }

    .founder-desc p,
    .founder-name p,
    .industry-sec-main-data p,
    .lead,
    .mission-vission-sec .miss-viss-desc p,
    .page-join-us .card .card-body .h4-style,
    .page-join-us .card .card-body h4,
    .zohoone-box-text p,
    body {
        font-size: 14px
    }

    .review-img img {
        max-width: 135px;
        width: 100%
    }

    .contact-us-form-wrap .section-title {
        font-weight: 700
    }

    .employee-speak-sec {
        padding: 50px 0 0
    }

    .btn.rounded-pill {
        font-size: 13px;
        padding: 8px 15px
    }

    .whatsapp-sec .whatsapp-img img {
        max-width: 150px;
        width: 100%
    }

    .open-roles-header .h3-style,
    .open-roles-header h3,
    .page-join-us .card .card-body .h2-style,
    .page-join-us .card .card-body h2 {
        font-size: 21px
    }

    .whatsapp-sec .whatsapp-desk {
        text-align: center;
        margin-top: 20px
    }

    .zoho-services .zohoone-img {
        max-width: 250px;
        width: 100%;
        margin: auto;
        text-align: center;
        display: block
    }

    .founder-desc p i.fas.fa-quote-right {
        margin-left: 5px;
        bottom: 5px
    }

    .section-block-title .h2-style,
    .section-block-title h2,
    .section-privacy-policy h1 {
        font-size: 24px
    }

    .funfact .h3-style,
    .funfact h3,
    h1.h2-style {
        font-size: 28px
    }

    .main-banner .hero-content .h1-style,
    .main-banner .hero-content h1 {
        font-size: 25px
    }

    .sec-title-green .banner-li-title .ba-round {
        border-bottom: 2px solid var(--green)
    }

    .sec-title .h2-style,
    .sec-title h2,
    .section-privacy-policy .h2,
    h2 {
        font-size: 22px
    }

    .services-box .services-box-text .h3-style,
    .services-box .services-box-text h3 {
        font-size: 21px;
        font-weight: 500;
        line-height: 1.2;
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 25px;
        min-height: 25px;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1
    }

    .services-box .services-box-text p {
        font-size: 14px;
        height: 118px
    }

    .service-sec-slide,
    .zoho-one-content {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .service-tumb-slide {
        margin: auto
    }

    .service-port-info {
        border: 0;
        border-top: 1px solid #dcdcdc;
        padding: 20px 0 0
    }

    .footer-btn .btn-list li a.btn-link-list {
        padding: 11px 15px
    }

    .industry-sec-img-content {
        padding: 30px 0;
        position: relative
    }

    .industry-sec-main-img {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: calc(100% - 30px);
        height: 100%
    }

    .industry-sec-main-img figure {
        height: 100%
    }

    .clock-dial-center-wrap {
        padding: 20px 15px
    }

    .appi-portfolio-sec-left {
        padding: 15px;
        width: 100%
    }

    .appi-port-left-content li {
        margin-bottom: 8px
    }

    .appi-portfolio-sec-right {
        width: 100%;
        display: none
    }

    .testimoniols-section .testimoniols-card .card-body {
        padding: 15px
    }

    .ourclients_button .btn {
        padding: 6px 15px
    }

    .section-ourclient .ourclients_content {
        margin-right: 0
    }

    .section-ourclient .client-item {
        padding-right: 0;
        margin-bottom: 15px
    }

    .section-ourclient .client-item .client-img.brand-img .brandimg-figure {
        transform: scale(.9)
    }

    .portskip {
        right: 45px;
        bottom: 60px
    }

    .event-first-sec-image figure.wc-main-img {
        left: 6px
    }

    .case-top {
        margin-top: 20px
    }

    .zcwf_row.form-group .zcwf_col_fld .g-recaptcha {
        transform: scale(.8);
        transform-origin: left
    }

    .section-privacy-policy .h3,
    h3 {
        font-size: 19px
    }

    .section-privacy-policy p {
        font-size: 12px
    }

    .sec-title .h2-style:before {
        left: 23px
    }

    .card-letsconnect .contact-zoho-form .card-body {
        padding: 20px 5px
    }

    .btn {
        font-size: 13px;
        padding: 10px 15px
    }

    .section-title {
        margin-bottom: 40px
    }

    .owl-theme .owl-dots {
        margin-top: 5px
    }

    .owl-theme .owl-dots .owl-dot span {
        width: 8px;
        height: 8px;
        margin: 5px 3px
    }

    .main-banner {
        height: 100%;
        padding-top: 150px;
        padding-bottom: 80px;
        background-position: center
    }

    .funfact {
        margin-bottom: 30px
    }

    .funfact .h3-style,
    .funfact h3 {
        font-size: 25px;
        margin-bottom: 3px
    }

    .page-title-area {
        padding-top: 0;
        padding-bottom: 65px
    }

    .page-title-area .shape8 {
        top: auto;
        right: auto;
        left: 15px;
        bottom: 20px
    }

    .page-title-area .shape7 {
        left: 15%;
        top: 29%
    }

    #contactForm {
        margin-top: 45px
    }

    .modal-content button.close {
        z-index: 2
    }

    .single-footer-widget .h3-style,
    .single-footer-widget h3 {
        font-size: 17px;
        margin-bottom: 20px
    }

    .copyright-area {
        margin-top: 0;
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 10px
    }

    .single-footer-widget .logo {
        width: 125px
    }

    a.btn-call,
    a.btn-whats {
        line-height: 40px
    }

    .case-content-article {
        flex-wrap: wrap;
        justify-content: start
    }

    .case-content-back {
        display: flex;
        flex-wrap: wrap;
        justify-content: start
    }

    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        margin: 0 auto
    }

    .set-our-cilentweb::before {
        width: 20%
    }

    .industry-section .mb-3 div .industry-img-sec::before {
        height: 88%;
        top: 40px;
        width: 96%;
        left: 28px
    }

    .industry-section .mb-3 div:nth-child(odd) .industry-img-sec::before {
        border-radius: 60px 0
    }

    .industry-section .mb-3 div:nth-child(2n) .industry-img-sec::before {
        border-radius: 0 60px
    }

    .faq-section.other-div .see-all-features .see-all-btn {
        padding: 19px 0
    }

    .faq-section.other-div .see-toggle {
        padding: 19px 28px
    }

    .blog-details-hero-section .blogitem-img {
        width: 40px;
        height: 40px
    }

    .mad-technology .set-our-cilentweb::before {
        left: 39%;
        width: 20%;
    }

    .custom-software-development.inventory-page .otherpage-heading b::before {
        width: 8rem;
    }

    .mad-img img {
        height: 25px;
        width: 100%;
    }
}

@media (min-width:576px) {
    .title-sm:not(:last-child) {
        margin-bottom: .85rem
    }

    .title-sm {
        font-size: 1.125rem
    }
}

@media only screen and (max-width:575px) {
    .mobile_footer li.mobile-center>a {
        top: -20px;
        width: 50px;
        height: 50px;
    }

    .mobile-center img {
        width: 22px;
        height: 22px;
    }

    .mobile_footer li a, .mobile_footer li label {
        font-size: 20px;
        min-width: 50px;
    }

    .mobile_footer li.mobile-center>a:after {
        width: 40px;
        height: 40px;
        left: 0;
        top: 0;
    }

    .mobile_footer li.mobile-center a i {
        line-height: 40px;
    }

    .blog-otherpage .blogother-img,
    .blog-section .blog-data .item a,
    .overviewimg,
    .ten-ind .webimg {
        height: auto;
        width: auto
    }

    .blog-details-info div,
    .healthtestimonials-info {
        margin-top: 20px
    }

    .wpf-charp .otherpage-heading.othepage-wpfc b::after {
        display: none
    }

    .color-case {
        margin: 0 10px
    }

    .overviewimg {
        max-width: 100%;
        max-height: 100%;
        margin: 0 auto 30px
    }

    .blog-details-content .sec-title.sec-title-blue {
        margin: 0 0 20px
    }

    .blog-details-content .sec-title.sec-title-blue .h2-style b {
        font-size: 24px
    }

    .blog-details .sec-title .h2-style,
    .blog-details_des-text h3,
    .case-list-title,
    .contact-us-form-wrap .section-title,
    .sec-title .h2-style,
    .sec-title h2 {
        font-size: 18px
    }

    .dbl-square-shape:before,
    .sec-title-green .dbl-square-shape:before,
    .value-item-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-prev {
        left: 0
    }

    .industry-img .industry-img-sec .webimg {
        max-height: 100%;
        width: auto;
        height: auto
    }

    .value-item-slider.owl-carousel.arrow-carousel.owl-theme.arrow-bottom-right .owl-nav .owl-next {
        right: 0
    }

    .blog-details-more .blog-more-01 a span {
        width: 100%;
        height: 100%
    }

    .section-space {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .set-clientbtn {
        grid-template-columns: 1fr
    }

    .set-clientbtn .clutch-data {
        width: auto;
        background-color: transparent;
        box-shadow: none
    }

    .sapinp-page .otherpage-heading {
        font-size: 26px;
        line-height: 27px
    }

    .micro-page .otherpage-heading,
    .otherpage-heading.othepage-wpfc {
        line-height: 38px;
        font-size: 26px
    }

    .otherpage-heading b::before {
        background-color: transparent;
        height: 40px;
        width: 9.2rem;
        left: -5px
    }

    .web-design .otherpage-heading {
        font-size: 24px;
        line-height: 30px
    }

    .otherpage-heading b {
        color: #000
    }

    .set-sub-title {
        justify-content: center;
        display: flex
    }

    .helth-timer {
        border-right: none
    }

    .case-list-button {
        grid-template-columns: 1fr 1fr
    }

    .whatwe-information .wwoffer-info {
        margin-bottom: 20px
    }

    .application-page .webimg .daashimg-1,
    .set-btn-tesicase .btn-case,
    .web-design .web-designingheadsection .webimg .daashimg-1,
    a.hero-button {
        margin-top: 0
    }

    .web-designingheadsection .set-herobtnpther a {
        font-size: 12px;
        padding: 12px 17px
    }

    .branding-section-title {
        font-size: 21px;
        line-height: 62px
    }

    .branding-img {
        max-height: 100%;
        min-height: 100%
    }

    .details-herosection {
        padding: 2rem 0
    }

    .industry-sec-img-content-listing a,
    .project-case-data,
    .value-small-desc {
        font-size: 13px
    }

    .project-case-title {
        font-size: 22px
    }

    .blog-details_des-text ol,
    .project-case-data ul {
        padding-left: 20px
    }

    .blog-section .title a,
    .proud-desc {
        font-size: 15px
    }

    .about-sec-list,
    .appi-port-left-content .appi-pp-para,
    .case-list-des,
    .desc-other,
    .faq-accset .btn.btn-link,
    .faq-small-desc,
    .glimpse-data .h3-style,
    .glimpse-data h3,
    .industry-sec-img-content-title,
    .main-banner .hero-content p,
    .sec-sub-title,
    .set-overdes,
    .somting-spacial-desc ul li p {
        font-size: 14px
    }

    .buttob-list {
        padding: 10px 3px
    }

    .more-case-button::before {
        width: 48%
    }

    .case-list-des {
        line-height: 17px;
        height: 36px
    }

    .industry-sec-img-content-data,
    .more-case-button {
        font-size: 12px
    }

    .ecom-page .otherpage-heading b::before {
        width: 10.6rem
    }

    .application-page .otherpage-heading b::before {
        height: 33px;
        width: 10rem
    }

    .tool-section .tabs-list-scroll {
        margin-top: 15px
    }

    .tool-section .owl-prev {
        left: 3%
    }

    .faq-accset .btn.btn-link::after {
        top: 13px
    }

    .tool-section .nav-tabs-line.nav-tabs .nav-link:before {
        height: 3px;
        bottom: 0
    }

    .otherpage-heading,
    .proud-section-title {
        font-size: 26px;
        line-height: 31px;
        text-align: center
    }

    .team-carousel.owl-carousel .owl-stage-outer,
    section.web-Overview {
        padding: 20px 0
    }

    .overviewimg::before {
        width: 131px;
        height: 103px
    }

    .overviewimg::after {
        top: 51%
    }

    .title-overview h3 {
        font-size: 26px;
        line-height: 32px
    }

    .casestudy-smalldesc {
        padding: 0 15px
    }

    .testicase-desc {
        width: auto;
        margin: 0 auto
    }

    .testicase-desc::after {
        left: auto;
        right: 0;
        top: 50px
    }

    .testi-logo {
        margin-top: 25px
    }

    .case-testi .btn-case .hero-button {
        margin: 30px 7px 12px
    }

    .faq-small-title {
        font-size: 27px
    }

    .faq-acc .card-body {
        font-size: 13px;
        line-height: 20px;
        text-align: center
    }

    .tools-technologies-sec.tool-section .nav-tabs-line.nav-tabs .nav-link {
        margin: 0 13px
    }

    .scroll-overlay:first-of-type {
        left: 0;
        opacity: 0;
        background-image: linear-gradient(to right, #fff, rgba(255, 255, 255, 0))
    }

    .scroll-overlay:last-of-type {
        right: 0;
        background-image: linear-gradient(to left, #fff, rgba(255, 255, 255, 0))
    }

    .scroll-overlay {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        width: 70px;
        z-index: 5;
        pointer-events: none;
        transition: opacity .2s
    }

    .tool-section .owl-next {
        right: 4%
    }

    .main-banner .hero-content .solution-conte {
        font-size: 25px;
        line-height: 32px
    }

    .clutch-data .setglassimg {
        max-width: 93px
    }

    .open-roles-row .h3-style,
    .open-roles-row h3 {
        font-size: 12px;
        padding: 10px 0
    }

    .btn.rounded-pill {
        font-weight: 500;
        font-size: 12px;
        padding: 8px 25px
    }

    .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        left: -30px
    }

    .zohopartner-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next {
        right: -30px
    }

    .sec-title .h3-style,
    .service-block .service-block-text .h3-style,
    .service-block .service-block-text h3,
    .services-sec .sec-title h3 {
        font-size: 21px
    }

    .about-title-left h3,
    .appi-port-left-content .pp-head,
    .employee-speaks-position {
        font-size: 16px
    }

    .glimpse-data .h2-style,
    .glimpse-data h2 {
        font-size: 23px
    }

    .glimpse-data {
        padding: 30px
    }

    .event-box {
        padding: 10px
    }

    .inner-glimpse-title {
        font-size: 14px;
        font-weight: 500;
        padding-top: 8px
    }

    .employee-speak-sec {
        padding: 40px 0 0
    }

    .dbl-square-shape img {
        max-width: 50px;
        height: 50px;
        margin-left: 8px
    }

    .dbl-square-shape:after {
        top: 0;
        left: 25px
    }

    .dbl-square-shape:before {
        width: 80px;
        height: 80px;
        top: -12px;
        left: 1px
    }

    .about-title-right {
        margin-left: 6px;
        padding-left: 20px
    }

    .about-title-left .h3-style {
        font-size: 20px
    }

    .about-title-right .h1-style,
    .about-title-right h1 {
        font-size: 30px
    }

    .next-blog .blog-text .h4-style,
    .next-blog .blog-text h4 {
        max-height: 58px;
        height: 58px;
        -webkit-line-clamp: 3
    }

    .blog-photo figure.blog-img-figure {
        min-height: 109px
    }

    .blog-data.part-blog .blog-text .h4-style,
    .blog-data.part-blog .blog-text .h4-style a {
        display: block;
        display: -webkit-box;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        font-weight: 600;
        -webkit-line-clamp: 2;
        font-size: 14px
    }

    .blog-data.part-blog .blog-text .h4-style {
        font-size: 20px;
        display: block
    }

    .blog-data.part-blog .blog-deta-desc {
        max-height: 46px;
        height: 46px;
        margin-bottom: 3px;
        -webkit-line-clamp: 3;
        font-size: 12px
    }

    .wrapper .error-sec .h1-style,
    .wrapper .error-sec h1 {
        font-size: 28px
    }

    .inner-glimpse-section {
        padding: 30px 0 30px 90px
    }

    .inner-glimpse-detail {
        font-size: 20px;
        font-weight: 600;
        margin: 15px 0
    }

    .year-nav-pills {
        left: 20px
    }

    .year-nav-pills li a.nav-link {
        min-width: 60px;
        padding: 0 10px;
        line-height: 29px;
        height: 30px;
        left: -10px;
        font-size: 14px
    }

    .year-nav-pills li a:before {
        right: 58px
    }

    .year-nav-pills li a.active:before {
        width: 20px;
        height: 2px;
        opacity: 1
    }

    .year-nav-pills li a.active:after {
        bottom: 21px;
        right: 30px
    }

    .industry-sec-img-content .industry-sec-img-content-title {
        font-size: 12px;
        line-height: 18px
    }

    .industry-sec-img-content-listing {
        grid-template-columns: 1fr 1fr;
        gap: 30px 0;
        margin: 0 30px
    }

    .work-flow-section .faq-accset .btn.btn-link,
    .work-flow-section .faq-accset .btn.btn-link.collapsed {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 1px
    }

    .set-our-cilentweb::before {
        width: 100%
    }

    .industry-section .mb-3 div .industry-img-sec::before {
        height: 88%;
        top: 40px;
        width: 89%;
        left: 48px
    }

    .progress-wrap:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .progress-wrap {
        width: 40px;
        height: 40px;
    }

    .progress-wrap svg.progress-circle path {
        stroke-width: 20px;
    }
}

@media only screen and (max-width:480px) {
    .fouder-img img {
        max-width: 215px
    }

    .main-banner.main-temp-pd {
        padding: 22px 0 50px
    }

    .section-privacy-policy h1 {
        font-size: 19px
    }

    section.blog-details-content.blogdetails-info-space {
        padding-bottom: 0
    }

    .footer-three-address li.footer-address {
        padding-right: 0
    }

    .modal-content button.close {
        right: 1px;
        top: 1px
    }

    .inner-glimpse-line:after {
        right: -28px
    }

    .inner-glimpse-line:before {
        left: 12px
    }

    .open-roles-title .h3-style,
    .open-roles-title h2 {
        font-size: 30px
    }

    .open-roles-header .h3-style,
    .open-roles-header h3 {
        font-size: 14px
    }

    .about-title-right h3.h4-style,
    .about-title-right h4,
    .open-roles-row .h3-style,
    .open-roles-row h3 {
        font-size: 12px
    }

    .contact-us-form-wrap {
        padding: 15px 0
    }

    .mobile_footer li a,
    .mobile_footer li label {
        font-size: 24px;
        min-width: 25px;
        padding: 8px 5px
    }

    .glimpse-data {
        padding: 40px
    }

    .mobile_footer li.mobile-center a p {
        margin-left: -11px;
        font-size: 13px;
        margin-top: 6px
    }

    .social-icone-footer ul.s-i-f-list li~li {
        margin: 0 0 0 5px
    }

    .event-first-sec-image figure.wc-main-img {
        height: 276px;
        top: 34px;
        left: -15px
    }

    .event-first-sec-image figure.wc-bg-img {
        top: -15px;
        width: 419px
    }

    .fouder-sec-data .founder-desc i {
        font-size: 11px
    }

    .btn.rounded-pill {
        font-size: 11px;
        padding: 8px 15px
    }

    .mobile_footer li a.m-footer-text,
    .mobile_footer li label.m-footer-text {
        font-size: 14px;
        padding: 8px 5px;
        min-width: 29px
    }

    .founder-name,
    .founer-designation {
        text-align: center
    }

    .main-banner {
        padding: 99px 0 50px
    }

    .about-title-right {
        margin-left: 3px;
        padding-left: 20px
    }

    .col-exs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .blog-otherpage {
        padding: 10px 0 40px
    }

    .faq-accset .btn.btn-link,
    .faq-accset .btn.btn-link.collapesd {
        padding: 10px 30px 10px 10px
    }

    .work-flow-section .faq-accset .btn span {
        margin-right: 10px
    }

    .industry-img-sec .webimg {
        max-height: 100%;
        width: 100%
    }

    .testimoniols-section .testimoniols-mobile-slider {
        padding-bottom: 3rem
    }

    .testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
    .testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        bottom: 1rem
    }

    .blog-details-hero-section h1 {
        font-size: 24px
    }
}

@media only screen and (max-width:450px) {
    .single-footer-widget.footer-contact div .footer-three-address {
        padding: 0
    }

    .single-footer-widget.footer-contact {
        padding: 1rem 1rem .5rem
    }
}

@media only screen and (min-width:448px) and (max-width:575px) {
    .set-clientbtn {
        grid-template-columns: 1fr 1fr
    }
}

@media only screen and (max-width:380px) {
    .testimoniols-section .testimoniols-mobile-slider {
        padding-bottom: 2rem
    }

    .testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-next,
    .testimoniols-section .testimoniols-mobile-slider.arrow-carousel.owl-theme .owl-nav .owl-prev {
        bottom: 1rem
    }

    .ind-item .testimoniols-img .image figure.menu-img {
        width: 75px;
        height: 75px;
    }

    .ind-service .testimoniols-infodesc{
        margin-bottom: 0 !important;
    }
}

@media only screen and (max-width:320px) {
    .col-sxs-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}