/* Reset css starts */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.hide-web {
    display: none !important;
}

.show-web {
    display: block !important;
}

ol, ul {
    list-style: none;
    padding: 0;
}

blockquote, q {
    quotes: none;
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a, a:hover, a:focus {
    outline: none;
    cursor: pointer;
    text-decoration: none;
}

button {
    outline: none;
}

input:focus, textarea:focus, select:focus {
    outline: none;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.slick-slide {
    outline: none !important;
}

/*html {
  scroll-behavior: smooth;
}*/
/* Reset css end */

/* Fonts css start */
@font-face {
    font-family: 'openSans-bold';
    src: url('../fonts/open-sans/OpenSans-Bold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Bold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light';
    src: url('../fonts/open-sans/OpenSans-Light.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Light.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-light-italic';
    src: url('../fonts/open-sans/OpenSans-LightItalic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-LightItalic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular';
    src: url('../fonts/open-sans/OpenSans-Regular.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Regular.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-medium';
    src: url('../fonts/open-sans/OpenSans-Medium.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Medium.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-regular-italic';
    src: url('../fonts/open-sans/OpenSans-Italic.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-Italic.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-semi-bold';
    src: url('../fonts/open-sans/OpenSans-SemiBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-SemiBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'openSans-extra-bold';
    src: url('../fonts/open-sans/OpenSans-ExtraBold.woff2') format('woff2'), url('../fonts/open-sans/OpenSans-ExtraBold.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat-Bold';
    src: url('../fonts/Montserrat/Montserrat-Bold.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Bold.ttf') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'Montserrat-Black';
    src: url('../fonts/Montserrat/Montserrat-Black.woff2') format('woff2'),url('../fonts/Montserrat/Montserrat-Black.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: ''Montserrat-Medium'';
    src: url('../fonts/Montserrat/Montserrat-Medium.woff2') format('woff2'), url('../fonts/Montserrat/Montserrat-Medium.woff') format('woff');
    font-display: swap;
}



/* Fonts css end */

:root {
    --text-primary: #303030;
    --text-secondary: #676767;
    --text-gray: #606060;
    --text-orange: #f37222;
    --text-white: #ffffff;
    --fs-32: 32px;
    --fs-28: 28px;
    --fs-24: 24px;
    --fs-22: 22px;
    --fs-20: 20px;
    --fs-16: 16px;
    --fs-14: 14px;
    --fs-12: 12px;
}

*:focus {
    outline: none !important;
}

.g-recaptcha, .grecaptcha-badge {
    display: none !important;
}

body {
    position: relative;
    font-family: 'openSans-light';
    background-color: #FFFFFF;
    overflow-y: scroll;
    overflow-x: hidden;
}

    body.fixed {
        height: 100vh;
        overflow: hidden;
        max-height: 100vh;
    }

    body::before, body.loading::after {
        content: '';
        background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        height: 4px;
        z-index: 1000;
    }

    body.loading::after {
        background: #f37222;
        z-index: 999;
    }

    body.loading::before {
        /*animation: 3s loading infinite !important;*/
    }

@keyframes loading {
    0% {
        width: 0%;
        background: #EE150B;
    }

    25% {
        width: 100%;
        background: #EE150B;
    }

    26% {
        width: 0%;
        background: #971979;
    }

    51% {
        width: 100%;
        background: #971979;
    }

    52% {
        width: 0%;
        background: #3d67a6;
    }

    77% {
        width: 100%;
        background: #3d67a6;
    }

    78% {
        width: 0%;
        background: #F3BB0F;
    }

    100% {
        width: 100%;
        background: #F3BB0F;
    }
}

.desk-hide {
    display: none;
}

.mob-hide {
    display: block;
}

img.lazy {
    /*background-image: url('../images/loading.gif');*/
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.connect-btn.disabled {
    opacity: 0.5;
}
/*AS-521 start*/

.py-24{
    padding-top:24px;
    padding-bottom:24px;
}
.lets-connect.disabled, .get-in-touch.disabled, .join-us.disabled, .get-in-touch-mb.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.cc-message .success {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #4bb543;
}

.cc-message .error {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto 100%;
}

.camp-fields-wrapper.top-error .gint-cc-message {
    top: 26px !important;
    left: 74px !important;
    right: -90px !important;
}

.camp-fields-wrapper.top-error .cc-message .error {
    padding-left: 20px !important;
}

.cc-message2 .error {
    padding-left: 17px;
    margin-left: -52px;
}

.gint-cc-message {
    position: absolute;
    bottom: 0;
    top: 20px;
    right: -58px;
    /*left: -12px;*/
    left: 76px;
}

    .gint-cc-message.top {
        top: 24px !important;
    }

    .gint-cc-message.cc-message2 {
        position: absolute;
        bottom: 0;
        top: 46px;
        right: -58px;
        left: -12px;
    }

.main-digital-contact-form .gint-cc-message2 {
    left: 15px;
    /* color: #fff; */
}

.gint-row {
    margin-top: 15px;
}

.gint-cc-container {
    display: flex;
    margin-bottom: 0px;
    align-items: center;
}

.cc-label {
    pointer-events: none;
    user-select: none;
}

.gint-cc-container .cc-label {
    max-width: 60px;
    width: 100%;
    text-align: center;
    pointer-events: none;
    user-select: none;
}

.gint-cc-container .arvr-cc-label {
    text-align: left;
}

.gint-captcha-space {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    padding: 0px !important;
    max-width: 80px;
    margin-left: 8px;
}

.gint-contact-field-row {
    width: 14% !important;
    margin-top: 16px;
}

.gint-captcha-space input {
    padding: 0px !important;
    margin: 0px !important;
}

.gint-cc-message i {
    font-size: 10px !important;
}

.get-in-touch {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.joinus-field-row {
    margin-top: 20px;
}

    .joinus-field-row .cc-container {
        display: flex;
    }


    .joinus-field-row .captcha-space {
        max-width: 50px;
        padding-top: 0px;
        margin-bottom: 0px;
    }

        .joinus-field-row .captcha-space input {
            margin-top: 0px !important;
            padding: 0px !important;
            margin-left: 8px !important;
        }

.digital-contact-field-row {
    align-items: center;
}

.main-digital-contact-form .get-in-touch {
    margin: 0px !important;
    width: 190px !important;
    padding: 8px !important;
}

.main-digital-contact-form {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 0px;
}

.digital-waves {
    height: 70px !important;
}

.main-digital-contact-form .gint-cc-message {
    left: 60px;
    /*color:#fff;*/
    width: 170px;
}

.getin-touch-caption-info {
    max-width: 990px !important;
}

.ar-vr-contact-form {
    align-items: center;
    gap: 20px;
    justify-content: space-between;
}

    .ar-vr-contact-form .gint-cc-message {
        left: 8px !important;
        top: 30px !important;
    }

.gint-cc-message.drop {
    left: 2px !important;
    top: 25px !important;
}

        .ar-vr-contact-form .gint-cc-message.ar {
            left: 0px !important;
            top: 37px !important;
        }

    .ar-vr-contact-form .digital-contact-field-row {
        margin-top: 15px;
    }

    .ar-vr-contact-form .get-in-touch {
        width: unset !important;
        padding: 16px !important;
    }

    .ar-vr-contact-form .cc-container {
        margin-bottom: 0px;
        /*color:#fff;*/
    }

.custom-chatbot-contact {
    display: flex;
    align-items: center;
    padding-top: 20px;
}

    .custom-chatbot-contact .main-digital-contact-form {
        margin-top: 0px !important
    }

    .custom-chatbot-contact .lets-connect {
        margin-top: -10px !important;
        font-size: 10px !important;
    }

.digital-contact-field-row {
    justify-content: end !important;
}

.get-in-touch {
    font-size: 16px !important
}

/*.main-digital-contact-form {
    margin-top: 40px;
    margin-bottom: 5px;
}*/

.metaverse-field-form .lets-connect {
    width: 50px !important;
    padding: 10px 10px !important;
}

.letsconnect-field-row .cc-container {
    display: flex;
    /*   margin-top: 42px;*/
    margin-bottom: 0px;
    align-items: center;
}

    .letsconnect-field-row .cc-container .cc-label {
        width: 100%;
        max-width: 60px;
    }

.letsconnect-field-row .contact-field {
    padding-top: 0px;
    margin-bottom: 0px !important;
}

    .letsconnect-field-row .contact-field .captcha-field {
        margin-top: 0px;
        padding: 0px;
    }

.letsconnect-field-row .cc-message {
    position: absolute;
    top: 44px;
    left: 60px;
}

.blog-cc-message {
    top: 36px;
}

/*banner new code*/

/*.banner-ht .b-fchild {
    height: calc(100vh - 230px);
}*/

#revolution-main {
    position: relative;
    height: 24px;
    overflow: hidden;
    padding-left: 24px;
}

.revolution-slide {
    width: 100%;
    position: absolute;
    top: 100%;
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap;
}

    .revolution-slide.active {
        top: 0;
        display: block;
    }

    .revolution-slide p {
        font-family: 'openSans-regular' !important;
        font-size: 12px !important;
        line-height: 22px !important;
        color: #1B9831 !important;
        padding-left: 24px;
    }


.play-circle {
    height: 260px;
    width: 260px;
    border-radius: 100%;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
    /*    border-right: 2px solid #ffffff;*/
    /*   position: absolute;
    top: 30px;
    right: 140px;*/
    position: absolute;
    top: 9%;
    right: 11%;
    /*animation: rotate 5s linear infinite;*/
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .play-circle:before {
        position: absolute;
        content: '';
        height: 260px;
        width: 260px;
        border-radius: 100%;
        border-bottom: 2px solid #dee2e6;
        border-right: 0px solid #dee2e6;
        animation: rotate 2s linear infinite;
    }

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

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

.play-circle-img {
    /*    position: absolute;
    top: 125px;
    right: 170px;
    cursor:pointer;
    pointer-events:none;*/
    max-width: 182px;
    margin: 0 auto;
    width: 100%
}

.subslide-banner {
    /* width: 100%;
    max-width: 255px;*/
    position: absolute;
    top: 28%;
    right: 2%;
}

    .subslide-banner img:first-child {
        margin-left: -24px;
        /*width:232px;*/
    }

    .subslide-banner img:nth-child(2), .subslide-banner img:last-child {
        margin-top: -10px;
        /*height:180px;*/
        margin-right: 86px;
        height: 210px;
    }

    .subslide-banner img:last-child {
        margin-right: 136px !important;
    }

.active-slide {
    background: #eb0000;
}

.carousel-slider-indicators {
    /*right: auto;*/
    /*left: 20px;*/
    /*padding-left: 80px;*/
    /*padding-left: 72px;*/
    gap: 7px;
    /*top: 62%;*/
    top: 84%;
    margin: 0px;
    /*display: none;*/
}

    .carousel-slider-indicators li {
        height: 8px !important;
        width: 8px !important;
    }

        .carousel-slider-indicators li.active {
            background-color: #ffffff !important;
        }

/*AS-521 Ends*/
/*Bhasha css start*/
/*.bhasha-menu {
    padding-left: 46px;
}*/
.card.navbar-ia-card:last-child {
    border-bottom: 0px;
}

.scroller-container {
    height: 100% !important;
    overflow-y: auto;
    overflow-x: hidden;
    max-width: 1280px !important;
    /* padding-right: 36px;
    padding-left: 36px;*/
    margin-top: 25px;
}



    .scroller-container::-webkit-scrollbar {
        width: 8px;
    }

    .scroller-container::-webkit-scrollbar-track {
        box-shadow: inset 0 0 2px grey;
        border-radius: 10px;
    }

    .scroller-container::-webkit-scrollbar-thumb {
        background: #F37222;
        border-radius: 10px;
    }

        .scroller-container::-webkit-scrollbar-thumb:hover {
            background: #F37222;
        }

.service-ia-bhashamenu {
    justify-content: center !important;
}

    .service-ia-bhashamenu a {
        font-family: 'openSans-bold' !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #F37222 !important;
    }

        .service-ia-bhashamenu a:hover {
            text-decoration: none;
        }

    .service-ia-bhashamenu span {
        font-family: 'openSans-regular' !important;
        font-size: 14px !important;
        line-height: 20px !important;
        color: #585858 !important;
        margin-left: 0px;
    }

.service-form-bhasha {
    /*top: -30px !important ;*/
    padding-right: 110px !important ;
}



/*slick slider start*/
.slider-main-wrapper {
    position: relative;
    height: 100vh;
    overflow: hidden;
    background: #E9E9F1;
}

.slider-img {
    position: absolute;
    z-index: 1;
    right: 310px;
    top: 25%;
    animation: slider-img-fadeInUp 1s 1.25s forwards;
    opacity: 0;
    -webkit-transform: translate3d(0, 20%, 0);
    transform: translate3d(0, 20%, 0);
}

@keyframes slider-img-fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 20%, 0);
        transform: translate3d(0, 20%, 0);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0%, 0);
        transform: translate3d(0, 0%, 0);
    }
}

.slider-img img {
    animation: slide-caption-img-float 2s infinite;
}

    .slider-img img.mobile-img {
        display: none;
    }

.slider-main {
    width: 100%;
    height: 100%;
    margin: 0;
    background: #FFFFFF;
    position: relative;
}

/************************* Old slider start ***************************/
.hero-slide {
    background-size: cover !important;
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 100vh;
    outline: none !important;
}

.slide-caption-main {
    display: flex;
    margin-left: auto;
    padding-top: 215px;
    padding-right: 15px;
}

    .slide-caption-main .slide-caption-info {
        margin-top: 190px;
        max-width: 480px;
        margin-right: 15px;
    }

        .slide-caption-main .slide-caption-info h3 {
            font-family: 'openSans-regular';
            font-size: 46px;
            line-height: 1.06;
            color: #303030;
            overflow: hidden;
        }

            .slide-caption-main .slide-caption-info h3.last {
                margin-bottom: 15px;
            }

            .slide-caption-main .slide-caption-info h3 span {
                display: block;
                animation-duration: 0.5s;
            }

                .slide-caption-main .slide-caption-info h3 span.small-size {
                    font-size: 32px;
                }

        .slide-caption-main .slide-caption-info p {
            font-size: 18px;
            font-weight: 300;
            font-style: normal;
            font-stretch: normal;
            line-height: normal;
            letter-spacing: normal;
            color: #303030;
        }

    .slide-caption-main .slide-caption-img {
        flex: 1;
    }

        .slide-caption-main .slide-caption-img img {
            animation: slide-caption-img-float 2s infinite;
            position: relative;
        }

            .slide-caption-main .slide-caption-img img.mobile-img {
                display: none;
            }

/*slide 2 start*/
.slide2 .slide-caption-info {
    margin-top: 150px;
}

.slide2 .slide-caption-img {
    margin-right: -18%;
}
/*slide 2 end*/

/*slide 3 start*/
.slide3 .slide-caption-main .slide-caption-img {
    max-width: 52.5%;
}

.chatbot-slide-list-main.left {
    border-radius: 25px;
    background: #dedefb;
    padding: 12px 0 12px 0;
    width: 127px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 40px;
    left: 30px;
    -webkit-backface-visibility: hidden;
    font-smooth: always !important;
    -webkit-font-smoothing: always !important;
    transform: translateZ(30px) scale(0.94) translateX(5px) translateY(7px);
}

    .chatbot-slide-list-main.left ul {
        -webkit-backface-visibility: hidden;
        font-smooth: always !important;
        -webkit-font-smoothing: always !important;
        transform: translateZ(30px) translateX(10px) translateY(10px) scale(0.90615);
        position: unset;
        display: block;
        margin: 0;
        pointer-events: none;
    }

.chatbot-slide-list-main ul li {
    width: 182px;
    text-align: center;
    margin: 3px 0;
    height: auto;
    text-indent: 0;
    background: transparent;
    border: none;
    opacity: 1;
}

    .chatbot-slide-list-main ul li:first-child {
        margin-top: 0;
    }

    .chatbot-slide-list-main ul li:last-child {
        margin-bottom: 0;
    }

    .chatbot-slide-list-main ul li a {
        display: flex;
        cursor: default;
        justify-content: center;
        align-items: center;
        padding: 0 20px 0 15px;
        height: 31px;
        border-radius: 12px;
        border: solid 1px transparent;
        text-align: center;
        font-family: 'openSans-regular';
        font-size: 14px;
        color: #676767;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

        .chatbot-slide-list-main ul li a img {
            margin: 0 10px 0 0 !important;
        }

    .chatbot-slide-list-main ul li:first-child a img {
        margin: 0 22px 0 0 !important;
    }

    .chatbot-slide-list-main.right ul li:first-child a, .chatbot-slide-list-main.right ul li a:hover, .chatbot-slide-list-main ul li.active a {
        border: solid 1px #f37222;
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 600;
        color: #676767;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

.chatbot-slide-list-main.left ul li a:hover {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    font-weight: 600;
    color: #676767;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.chatbot-slide-list-main.right {
    border-radius: 18px;
    background: #ffffff;
    padding: 23px 0 12px 0;
    width: 162px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 35px;
    right: 35px;
    -webkit-backface-visibility: hidden;
    font-smooth: always !important;
    -webkit-font-smoothing: always !important;
    transform: translateZ(30px);
    box-shadow: 0 0 18px 0 rgba(177, 177, 177, 0.42);
}

    .chatbot-slide-list-main.right ul {
        -webkit-backface-visibility: hidden;
        font-smooth: always !important;
        -webkit-font-smoothing: always !important;
        transform: translateZ(30px) scale(0.94) translateX(-10px) translateY(-15px);
    }

        .chatbot-slide-list-main.right ul li a {
            justify-content: center;
        }
/*slide 3 end*/

.chatbot-slide.hero-slide.new-chatbot-slide {
    background-position: center top;
}

.chatbot-slide.new-chatbot-slide .slide-caption-main {
    max-width: calc(100% - 352px);
}

.chatbot-slide.new-chatbot-slide .slide-caption-info {
    margin-top: 60px;
    margin-left: 0;
    max-width: 380px;
    flex: 1;
}

.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h4 {
    font-size: 20px;
    color: #303030;
}

.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
    font-family: 'openSans-extra-bold';
    font-size: 30px;
    line-height: 37px;
    font-weight: 800;
}

.new-chatbot-slide .slide-caption-main .slide-caption-info h3.hightlight span {
    position: relative;
    text-transform: uppercase;
    color: #9E1E7D;
    display: table;
}

.new-chatbot-slide .slide-caption-main .book-demo-main {
    margin-bottom: 95px;
    margin-top: 25px;
}

.new-chatbot-slide .chatbot-slide-list-main.right ul li a {
    pointer-events: none;
}

.video-banking-slide {
    background-position: center bottom !important;
}

    .video-banking-slide .slide-caption-main {
        height: 100vh;
    }

        .video-banking-slide .slide-caption-main .slide-caption-img {
            margin-right: 0px;
            max-width: 643px;
            margin-left: auto;
        }

            .video-banking-slide .slide-caption-main .slide-caption-img img {
                margin: auto auto 0 auto;
            }

.chatbot-slide.cx-stretegy-slide .slide-caption-main {
    padding-right: 0;
}

    .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info {
        max-width: 500px;
        margin-top: 30px;
    }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h4 {
            font-family: 'openSans-extra-bold';
            font-weight: 800;
            font-size: 18px;
            line-height: 46px;
            color: #303030;
            text-transform: uppercase;
        }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h4 img {
                display: inline-block;
                vertical-align: middle;
                margin-top: -5px;
            }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h3 {
            text-shadow: 0px 4px 4px rgba(38, 38, 38, 0.25);
            color: #E12B2A;
            font-size: 56px;
            line-height: 50px;
        }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h3 strong {
                color: #F27323;
            }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h3.last {
                font-family: 'openSans-regular';
                text-transform: uppercase;
                font-size: 36px;
                color: #000000;
                margin-top: 10px;
                margin-bottom: 16px;
            }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info p {
            font-family: 'openSans-regular';
            color: #000000;
            padding: 0;
            font-size: 20px;
            font-weight: 400;
            margin-bottom: 47px;
        }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info p strong {
                font-weight: 700;
            }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info p + p {
                margin-bottom: 0px;
            }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info .book-demo-main {
            margin-top: 14px;
        }

    .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-img {
        max-width: 570px;
        margin-left: auto;
    }

@keyframes slide-caption-img-float {
    from, to {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(0, 5px);
    }
}

.slide-caption-main .sound-btn {
    width: 26px;
    height: 26px;
    box-shadow: 0 5px 36px 0 rgba(204, 98, 32, 0.42);
    border: solid 1px #f37222;
    background-color: #f4f4f8;
    border-radius: 100%;
    display: table;
    margin-top: 25px;
    display: none;
}

    .slide-caption-main .sound-btn img {
        margin: 4px auto;
    }

.slide-caption-main .slide-caption-img.fadeInUp {
    -webkit-animation-name: slidefadeInUp;
    animation-name: slidefadeInUp;
}

@-webkit-keyframes slidefadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}

@keyframes slidefadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 25%, 0);
        transform: translate3d(0, 25%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
}
/************************* Old slider end ***************************/

/************************* New slider end ***************************/
.slider-main .slider-main-slide {
    background: url(../images/bhaasha-slide-bg.svg) no-repeat;
    background-position: right top;
    /*display:flex;*/
    /*justify-content:center;*/
    overflow: hidden;
}

.slider-main-slide .slide-caption-main {
    padding: 95px 0 0 50px;
    margin: 0 0 0 auto;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center !important;
}

.slider-main-slide.metaverse .slide-caption-main {
    align-items: flex-start !important;
}

.slider-main-slide .slide-caption-main .slide-caption-info {
    margin: -100px 0 0 0;
    flex: 1;
    max-width: 580px;
}

    .slider-main-slide .slide-caption-main .slide-caption-info h3 {
        font-family: 'openSans-bold';
        font-size: 40px;
        font-style: normal;
        font-weight: 700;
        line-height: 49px;
        color: #FFFFFF;
        margin-bottom: 15px;
        text-transform: uppercase;
    }

    .slider-main-slide .slide-caption-main .slide-caption-info h4 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        color: #FFFFFF;
        margin-bottom: 25px;
    }

.slider-main-slide .slide-caption-main .slide-caption-img {
    align-self: flex-end;
    flex: inherit;
    width: 50%;
}

    .slider-main-slide .slide-caption-main .slide-caption-img img {
        animation: none;
        width: 100%;
    }

.bhaasha-slide-main .bhaasha-slide-head {
    width: 390px;
    max-width: 100%;
    margin-bottom: 25px;
}

    .bhaasha-slide-main .bhaasha-slide-head img {
        width: 100%;
    }

.bhaasha-slide-main .book-demo-main a {
    background-color: #f37222 !important;
    padding: 11px 40px;
    font-size: 20px;
    line-height: 24px;
    position: relative;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

/*.bhaasha-slide-main .book-demo-main a:hover {
    padding-right: 45px;
}
.bhaasha-slide-main .book-demo-main a::before {
    content: "" !important;
    position: absolute;
    right: 13px;
    top: 18px;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: #FFFFFF;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    opacity: 1;
}*/
/*.bhaasha-slide-main .book-demo-main a:hover::before {
    opacity: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.bhaasha-slide-main .book-demo-main a::after {
    content: '' !important;
    background: url(../images/view-more-arrow-white.png) no-repeat;
    position: absolute;
    right: 13px;
    top: calc(50% - 10.5px);
    width: 21px;
    height: 21px;
    background-size: 100%;
    opacity: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}
.bhaasha-slide-main .book-demo-main a:hover::after {
    opacity: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}*/

/*---chatbot slider start 2-07-2021---*/
.slider-main .chatbot-slide-main {
    background: url(../images/home-new/chatbot-bg-web.jpg) no-repeat;
}

.chatbot-slide-main .slide-caption-info > span,
.award-slide-main .slide-caption-info > span {
    font-family: 'openSans-regular';
    font-size: var(--fs-20);
    line-height: 24px;
    color: #4F4F4F;
    font-weight: 500;
    margin-bottom: 15px;
    display: block;
}

.chatbot-slide-main .slide-caption-main .slide-caption-info h3,
.award-slide-main .slide-caption-main .slide-caption-info h3,
.leadgen-slide-main .slide-caption-main .slide-caption-info h3 {
    font-family: openSans-bold;
    font-weight: 900;
    font-size: 38px;
    line-height: 46px;
    color: #361547;
    text-transform: uppercase;
}

.chatbot-slide-main .slide-caption-main .slide-caption-info h4,
.award-slide-main .slide-caption-main .slide-caption-info p {
    font-family: 'openSans-regular';
    font-weight: 500;
    font-size: var(--fs-20);
    line-height: 24px;
    color: #4F4F4F;
}

.chatbot-slide-main .book-demo-main a {
    padding: 8px 40px;
    font-size: 20px;
}

.chatbot-slide-main .slide-caption-img::before {
    content: '';
    position: absolute;
    right: 0;
    z-index: 0;
    width: 824px;
    height: 785px;
    /*background: url(../images/home-new/chatbot-slide-fig-bg.svg) no-repeat;*/
    background-position: center;
    opacity: 0.7;
    overflow: hidden;
}

.chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.left {
    background: #E0E0F4;
    padding: 4px 0 4px 0;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 21px;
    width: 117px;
    top: 200px;
    left: 0;
    transform: translateZ(30px) scale(0.94) translateX(15px) translateY(7px);
}

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.left ul {
        transform: translateZ(30px) translateX(0) translateY(5px) scale(0.90615);
    }

.chatbot-slide-main .chatbot-slide-list-main ul li,
.chatbot-slide-main .chatbot-slide-list-main.right {
    width: 150px;
}

    .chatbot-slide-main .chatbot-slide-list-main ul li a {
        font-size: var(--fs-12) !important;
        color: #4F4F4F !important;
        line-height: 15px;
    }

        .chatbot-slide-main .chatbot-slide-list-main ul li a:hover,
        .chatbot-slide-main .chatbot-slide-list-main.right ul li a:hover {
            font-size: 14px !important;
            color: #4F4F4F !important;
        }

.chatbot-slide-main .hover-tab.active {
    border-radius: 8px;
    border: 1px solid #4F4F4F;
}

.chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.right {
    pointer-events: none;
    padding: 4px 0 4px 0;
    width: 117px;
    bottom: 260px;
    right: 145px;
    background: #FFFFFF;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.25);
    border-radius: 21px;
}

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.right ul {
        transform: translateZ(30px) scale(0.94) translateX(0px) translateY(0px);
    }
/*---chatbot slider end 2-07-2021---*/

/*---award slider start 2-07-2021  ---*/
.slider-main .award-slide-main {
    background: url(../images/home-new/award-bg-web.jpg) no-repeat;
    position: relative;
}

    .slider-main .award-slide-main::after {
        content: '';
        width: 150px;
        height: 121px;
        background: url('../images/home-new/award-bg-top-img.svg') no-repeat;
        background-position: right top;
        position: absolute;
        top: 40px;
        right: 0;
    }

.award-slide-main .slide-caption-main {
    padding-right: 50px;
}

.award-slide-main .awards-from p .company-logo:first-child:after {
    border-right: 1px solid #C4C4C4;
}

.award-slide-main .awards-first .award,
.award-slide-main .awards-second .award {
    min-width: 270px;
    background: #F8F8F8;
    box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
}

    .award-slide-main .awards-first .award:first-child {
        margin: 20px 30px 50px 0;
    }

    .award-slide-main .awards-first .award img,
    .award-slide-main .awards-second .award img {
        margin: -35px auto 20px auto;
        width: 75px;
        height: 65px;
        object-fit: contain;
    }

.award-slide-main .awards-first,
.award-slide-main .awards-second {
    display: flex;
    justify-content: flex-end;
    /*flex-wrap: wrap;*/
}

    .award-slide-main .awards-first .award,
    .award-slide-main .awards-second .award {
        position: relative;
        /*width: 38%;*/
        text-align: center;
        margin: 20px;
        /*padding: 0 20px 20px;*/
        padding: 5px 0 20px;
    }

.award-slide-main .award h2 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 25px;
    color: #993399;
}

    .award-slide-main .award h2 span {
        display: block;
        font-family: 'openSans-semi-bold';
        font-size: 17px;
        line-height: 25px;
        color: var(--text-primary);
    }

.award-slide .awards-first .award:last-child {
    /*margin: 50px 20px 20px;*/
    margin: 50px 0 20px 0;
}

.award-slide .awards-second .award:first-child {
    /*margin: 20px 20px 50px;*/
    margin: 20px 45px 50px 0;
}

.award-slide .awards-second .award:last-child {
    /*margin: 50px 50px 20px 20px;*/
    margin: 50px 45px 20px 0;
}
/*---award slider end 2-07-2021  ---*/

/*---leadgen slider start 2-07-2021  ---*/

.slider-main .leadgen-slide-main {
    background: url(../images/home-new/led-gen-bg-web.jpg) no-repeat;
}

.leadgen-slide-main .slide-caption-main {
    padding-right: 50px;
}

    .leadgen-slide-main .slide-caption-main .slide-caption-info h4 {
        font-family: 'openSans-regular';
        font-weight: 500;
        font-size: var(--fs-20);
        line-height: 24px;
        color: var(--text-white);
    }

    .leadgen-slide-main .slide-caption-main .slide-caption-info h3 {
        color: #fff;
        margin-bottom: 0;
    }

.leadgen-slide-main .book-demo-main a {
    padding: 8px 40px;
    font-size: 20px;
}

.leadgen-slide-main .ledgen-exe {
    margin-top: 20px;
}

    .leadgen-slide-main .ledgen-exe p {
        font-family: 'openSans-regular';
        font-size: var(--fs-16);
        line-height: 20px;
        color: var(--text-white);
        font-style: oblique;
    }

        .leadgen-slide-main .ledgen-exe p span {
            font-family: 'openSans-semi-bold';
        }

/*---leadgen slider end 2-07-2021  ---*/

/************************* New slider end ***************************/

.scroll-down-main {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: -45px;
    width: 40px;
    z-index: 2;
    justify-content: center;
}

    .scroll-down-main a {
        display: block;
        font-size: 12px;
        color: #303030;
    }

.scroll-down-trigger {
    width: 18px;
    height: 28px;
    display: table;
    border: 1px solid #303030;
    margin: 1px auto 0 auto;
    border-radius: 50px;
    position: relative;
}

    .scroll-down-trigger::before {
        content: '';
        position: absolute;
        left: 51%;
        margin: 0 auto;
        top: 5px;
        width: 1px;
        height: 5px;
        background: #303030;
        animation: scroll-down-trigger 2s infinite;
    }

    .scroll-down-trigger.banner-lead {
        width: 20px;
        height: 30px;
        display: table;
        border: 2px solid #adadad;
        margin: 1px auto 0 auto;
        border-radius: 50px;
        position: relative;
    }

        .scroll-down-trigger.banner-lead::after {
            content: url('../images/home-new/scroll-down-arrows.svg');
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -30px;
        }

@keyframes scroll-down-trigger {
    0% {
        top: 5px;
        opacity: 1;
    }

    100% {
        top: 13px;
        opacity: 0;
    }
}


/*slick slider end*/

.home-sidenav-main {
    left: 0%;
    background: #FFFFFF;
    z-index: 100;
}

.home-sidenav-main .navbar-brand .logo-icon {
    display: none;
}

.menu-quick-contact {
    display: none;
}

.menu-quick-link {
    display: none;
}

.home-sidenav-main .navbar-collapse {
    flex-wrap: wrap;
}

.home-sidenav-main ul {
    margin: 75px 0 38px 15px;
    font-size: 0;
}

    .home-sidenav-main ul.more-option-menu, .home-sidenav-main .mobile-more-option {
        display: none;
    }

    .home-sidenav-main ul li {
        margin: 8px 0;
        vertical-align: middle;
    }

        .home-sidenav-main ul li a {
            font-family: 'openSans-light';
            font-size: 20px;
            font-weight: 300;
            line-height: normal;
            color: #676767;
            text-transform: uppercase;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            display: block;
            padding-right: 50px;
            position: relative;
        }

            .home-sidenav-main ul li a:hover {
                color: #f37222;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

        .home-sidenav-main ul li.active a,
        .home-sidenav-main ul li.focused a {
            font-family: 'openSans-regular';
            font-size: 20px;
            font-weight: normal;
            color: #f37222;
        }

        .home-sidenav-main ul li a::before {
            pointer-events: none;
            content: '';
            position: absolute;
            left: 160px;
            top: calc(50% - 0.5px);
            width: 0;
            height: 1px;
            background: #f37222;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .home-sidenav-main ul li.focused a::before {
            width: 75px;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.home-sidenav-main .navbar-collapse ul li.intro a span {
    margin: 0;
}

.home-sidenav-main .navbar-collapse ul li.intro a i {
    display: none;
}

.home-sidenav-main span {
    margin: 0 0 0 15px;
    line-height: normal;
    display: block;
    position: relative;
}

    /*.home-sidenav-main span::before {
    content: '';
    position: absolute;
    left: 130px;
    top: calc(50% - 0.5px);
    width: 0;
    height: 1px;
    background: #f37222;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}*/

    .home-sidenav-main span a {
        font-family: 'openSans-regular';
        font-size: 12px;
        color: #aaaaaa;
        display: flex;
        align-items: center;
        text-transform: uppercase;
        position: relative;
        padding-right: 17px;
    }

        .home-sidenav-main span a .more-btn {
            pointer-events: none;
            margin-left: 8px;
            width: 15px;
            height: 12px;
            border-top: 1px solid #aaaaaa;
            border-bottom: 1px solid #aaaaaa;
            position: relative;
            transform: translateZ(0) rotate(0deg);
            -moz-transition: 0.2s;
            -webkit-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .home-sidenav-main span a .more-btn::before {
                content: '';
                width: 100%;
                height: 1px;
                background: #aaaaaa;
                position: absolute;
                right: -2px;
                top: calc(50% - .5px);
                -moz-transition: 0.2s;
                -webkit-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

.home-sidenav-main.affix span a .more-btn::before {
    top: calc(50% - 0.5px);
}

.home-sidenav-main span.focused a {
    color: #f37222;
    background: linear-gradient(97.53deg, #FF6700 40%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.home-sidenav-main span.focused::before {
    pointer-events: none;
    width: 100px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.home-sidenav-main span.focused a .more-btn {
    transform: translateZ(0) rotate(-45deg);
    -moz-transition: 0.2s;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    border-color: #f37222;
}

    .home-sidenav-main span.focused a .more-btn::before {
        background: #f37222;
        -moz-transition: 0.2s;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

.home-sidenav-main .top-call-email-main {
    position: relative;
    flex-wrap: wrap;
    top: auto;
    right: auto;
    justify-content: space-between;
    margin: 0 0 0 0px;
    animation: none;
    display: none;
}

    .home-sidenav-main .top-call-email-main .mailto {
        margin: 80px 0 0 0;
    }

.common-btn {
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0);
    border: solid 1px #f37222;
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    font-weight: normal;
    color: #FFFFFF;
    padding: 8px 16px;
    text-transform: uppercase;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    cursor: pointer;
}

    .common-btn:hover {
        color: #FFFFFF;
        box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0.52);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .common-btn::before,
    .common-btn::after {
        content: none !important;
    }

.home-sidenav-main .top-call-email-main .call-btn {
    margin: 30px 0 0 0;
}

.home-sidenav-main .call-btn span {
    display: inline-block;
    margin: 0 5px 0 0;
}

.home-sidenav-main.fixed {
    position: fixed;
}


/******************** fix sidemenu start ********************/


/************ fixed-top menu start ************/

.home-sidenav-main.fixed-top {
    position: absolute;
    width: 100%;
    max-width: inherit;
    border-radius: 0;
    top: 0;
    padding: 16px 30px 14px 30px;
    background: #FFFFFF;
}

    .home-sidenav-main.fixed-top .navbar-brand {
        max-width: 180px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .home-sidenav-main.fixed-top .navbar-collapse {
        flex-wrap: nowrap;
    }

        .home-sidenav-main.fixed-top .navbar-collapse ul {
            margin: 0 10px 0 auto;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }

            .home-sidenav-main.fixed-top .navbar-collapse ul li {
                display: inline-block;
                margin: 0 15px;
                -webkit-transition: 0.5s;
                -moz-transition: 0.5s;
                -o-transition: 0.5s;
                transition: 0.5s;
            }

                .home-sidenav-main.fixed-top .navbar-collapse ul li a {
                    padding: 0;
                    font-family: openSans-regular;
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: 400;
                    color: #676767;
                }

                .home-sidenav-main.fixed-top .navbar-collapse ul li.active a {
                    font-family: 'openSans-bold';
                    font-size: 14px;
                    line-height: 20px;
                    font-weight: bold;
                    background: linear-gradient(97.53deg, #FF6700 40%, #FE1F10 55.24%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

                .home-sidenav-main.fixed-top .navbar-collapse ul li.focused a {
                    font-family: 'openSans-bold';
                    font-size: 14px;
                    font-weight: bold;
                    background: linear-gradient(97.53deg, #FF6700 40%, #FE1F10 55.24%);
                    -webkit-background-clip: text;
                    -webkit-text-fill-color: transparent;
                }

                    .home-sidenav-main.fixed-top .navbar-collapse ul li.focused a::before {
                        content: none;
                    }


    /*===================================== Techved tv animation Starts ===========================================*/

    .home-sidenav-main.affix .new-tv-anim > a.anim,
    .home-sidenav-main.fixed-top .new-tv-anim > a.anim {
        border-width: 5px;
        position: relative;
        background: #FFFFFF;
        border-radius: 25px;
        width: auto;
        /*padding: 2px 10px;*/
        z-index: 5;
    }

    .home-sidenav-main.affix .new-tv-anim,
    .home-sidenav-main.fixed-top .new-tv-anim {
        position: relative;
        border-radius: 25px;
        width: 126px;
        padding: 0;
    }

.home-sidenav-main .new-tv-anim > a.anim > span {
    display: inline;
    margin: 0;
}

.home-sidenav-main .new-tv-anim > a.anim {
    position: relative;
    border-width: 5px;
    position: relative;
    background: #FFFFFF;
    border-radius: 25px;
    padding: 3px 10px;
    z-index: 5;
}

.home-sidenav-main .new-tv-anim {
    position: relative;
    border-radius: 25px;
    width: 140px;
    padding: 0;
    margin-left: -10px;
}

    .home-sidenav-main.affix .new-tv-anim::after,
    .home-sidenav-main .new-tv-anim::after,
    .home-sidenav-main.fixed-top .new-tv-anim::after {
        position: absolute;
        /*content: "";*/
        top: calc(-1 * 2px);
        /* left: calc(-1 * 2px);*/
        z-index: 2;
        width: calc(100% + 2px * 2);
        height: calc(100% + 2px * 2);
        background: linear-gradient( 45deg, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF );
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: 25px;
        animation: moveGradient 4s alternate infinite;
    }

@keyframes moveGradient {
    50% {
        background-position: 100% 50%;
    }
}


/*------------------  animation 2 ------------------*/

/*.home-sidenav-main.fixed-top .new-tv-anim.active {
  position: relative;
  background-color:transparent;
}

.home-sidenav-main.fixed-top .new-tv-anim.active::after {
    content: '';
    display: block;
    position: absolute;
    top: -1px;
    left: 100px;
    bottom: 0;
    height:3px;
    width:3px;
    background-color: #ff6900;
    animation: pulse 1s ease infinite;
    border-radius: 50%;
    border: 4px double #ff6900;
    z-index:5;
}

@keyframes pulse {
  0% {
    transform: scale(0.8);
    opacity: 1;
  }
  60% {
    transform: scale(1.1);
    opacity: 0.4;
  }
  100% {
    transform: scale(1.2);
    opacity: 0;
  }
}*/

/*===================================== Techved tv animation Ends ===========================================*/

.home-sidenav-main.fixed-top .top-call-email-main {
    display: flex;
}

    .home-sidenav-main.fixed-top .top-call-email-main .mailto {
        margin: 0 30px 0 0;
    }

    .home-sidenav-main.fixed-top .top-call-email-main .call-btn {
        margin: 0;
        padding: 0;
    }

.home-sidenav-main.fixed-top ~ .submenu-main {
    padding-top: 110px;
    padding-bottom: 20px;
}

    .home-sidenav-main.fixed-top ~ .submenu-main#servicesTabDropdown {
        /*transform-origin: 400px 55px;*/
        transform-origin: calc(100% - 720px) 55px !important;
    }
 

    .home-sidenav-main.fixed-top ~ .submenu-main#industriesTabDropdown {
        transform-origin: 490px 55px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main#ourworksTabDropdown {
        transform-origin: 500px 55px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container {
        border: none;
        width: calc(100% - 75px);
    }

    .home-sidenav-main.fixed-top ~ .submenu-main#productTabDropdown {
        transform-origin: 630px 55px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main#aboutUsTabDropdown {
        /*transform-origin: 520px 55px;*/
        transform-origin: calc(100% - 400px) 55px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        /*max-width: 310px;
	margin: 0 40px 10px 0;*/
    }

.home-sidenav-main.fixed-top span.focused::before {
    content: none;
}
/************ fixed-top menu end ************/

/************ affix menu start ************/
.home-sidenav-main.affix {
    position: fixed;
    width: 100%;
    max-width: inherit;
    border-radius: 0;
    background: #FFFFFF;
    top: -100%;
    padding: 15px 30px 15px 30px;
    animation: 0.5s slideDown forwards;
    box-shadow: 0 -1px 10px 0 rgba(177, 177, 177, 0.5);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

@keyframes slideDown {
    0% {
        top: -100%;
    }

    100% {
        top: 0;
    }
}

.home-sidenav-main.affix .navbar-brand {
    max-width: 180px;
}

.home-sidenav-main.affix .navbar-collapse {
    flex-wrap: nowrap;
}


    .home-sidenav-main.affix .navbar-collapse ul li {
        display: inline-block;
        margin: 0 15px;
    }

        .home-sidenav-main.affix .navbar-collapse ul li a {
            padding: 0;
            font-family: openSans-regular;
            font-size: 14px;
            line-height: 20px;
            font-weight: 300;
            color: #303030;
        }

        .home-sidenav-main.affix .navbar-collapse ul li.active a {
            font-family: 'openSans-bold';
            font-size: 14px;
            font-weight: bold;
            color: #f37222;
        }

        .home-sidenav-main.affix .navbar-collapse ul li.focused a {
            font-family: 'openSans-bold';
            font-size: 14px;
            font-weight: bold;
            color: #f37222;
        }

            .home-sidenav-main.affix .navbar-collapse ul li.focused a::before {
                content: none;
            }

        .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a span,
        .home-sidenav-main.affix .navbar-collapse ul li.intro a span {
            display: block;
        }

        .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a i,
        .home-sidenav-main.affix .navbar-collapse ul li.intro a i {
            display: block;
        }

.home-sidenav-main.fixed-top #moreoptionsTab,
.home-sidenav-main.affix #moreoptionsTab {
    margin-left: 0;
}

.home-sidenav-main.affix .top-call-email-main {
    display: flex;
}

    .home-sidenav-main.affix .top-call-email-main .mailto {
        margin: 0 30px 0 0;
    }

/*.home-sidenav-main.affix .top-call-email-main .call-btn {
    margin: 0;
    padding: 14px 22px;
}*/

.home-sidenav-main .top-call-email-main .call-btn::before,
.home-sidenav-main .top-call-email-main .call-btn::after,
.moreoption-submenu-wrapper .submenu-getin-touch .get-in-touch-btn::before,
.moreoption-submenu-wrapper .submenu-getin-touch .get-in-touch-btn::after {
    content: none !important;
}

.home-sidenav-main.affix ~ .submenu-main {
    padding-top: 135px;
}

    .home-sidenav-main.affix ~ .submenu-main#servicesTabDropdown {
        transform-origin: 350px 55px;
    }

    .home-sidenav-main.affix ~ .submenu-main#productTabDropdown {
        transform-origin: 610px 55px;
    }

    .home-sidenav-main.affix ~ .submenu-main#industriesTabDropdown {
        transform-origin: 490px 55px;
    }

    .home-sidenav-main.affix ~ .submenu-main#ourworksTabDropdown {
        transform-origin: 450px 55px;
    }

.home-sidenav-main.fixed-top ~ .submenu-main#moreoptionsTabDropdown {
    /*transform-origin: 1000px 55px;*/
    transform-origin: calc(100% - 180px) 55px;
}

.home-sidenav-main.affix ~ .submenu-main#moreoptionsTabDropdown {
    transform-origin: 950px 55px;
}

.home-sidenav-main.affix ~ .submenu-main .submenu-container {
    border: none;
    width: calc(100% - 75px);
}

    .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container .submenu-heading,
    .home-sidenav-main.affix ~ .submenu-main .submenu-container .submenu-heading {
        padding-left: 30px;
    }

.home-sidenav-main.affix #moreoptionsTab::before {
    content: none;
}


/************ affix menu end ************/


/*********************************/

.top-call-email-main {
    position: absolute;
    top: 45px;
    right: 55px;
    display: flex;
    align-items: center;
    animation-name: fadeInRight;
    animation-delay: 0.5s;
    animation-duration: 0.5s;
    z-index: 1;
}

    .top-call-email-main .lets-talk {
        display: none;
    }

.top-call-email-box {
    display: flex;
    align-items: center;
}

.top-call-email-main .mailto,
.top-call-email-main .call-btn {
    font-family: 'openSans-regular';
    font-size: 14px;
    color: #f37222;
    margin-right: 30px;
    padding-bottom: 3px;
    border-bottom: solid 1px #f37222;
    line-height: 1;
    border-radius: 0;
}

.nav-carousel {
    position: absolute;
    width: 264px;
    top: 38px;
    left: 0;
    height: 20px;
    vertical-align: middle;
}

    .nav-carousel .carousel-item {
        text-align: center;
        display: flex;
        /*align-items: center;
    justify-content: center;
    opacity: 1;*/
        transition-duration: .6s;
        transition-property: opacity;
        transition-delay: 0.5s !important;
    }

        .nav-carousel .carousel-item span {
            font-size: 10px;
            color: #666666;
            letter-spacing: 0.2px;
            margin: 0 0 0 10px;
            font-family: 'openSans-regular';
            /*width: calc(100% - 5px);
    text-align: center;*/
            position: relative;
        }

    .nav-carousel .carousel-inner span:after {
        content: '';
        position: absolute;
        left: -10px;
        bottom: 5px;
        width: 5px;
        height: 5px;
        opacity: 0.65;
        border-radius: 50%;
        background: #666666;
        animation: fade 1.5s ease-in-out 0.5s infinite;
    }

@keyframes fade {
    0% {
        opacity: 0.85;
    }

    100% {
        opacity: 1;
    }
}

.nav-carousel .carousel-fade .carousel-item.active span {
    opacity: 1;
}

.nav-carousel .carousel-fade .carousel-item-next,
.nav-carousel .carousel-fade .carousel-item-prev,
.nav-carousel .carousel-fade .carousel-item.active,
.nav-carousel .carousel-fade .active.carousel-item-left,
.nav-carousel .carousel-fade .active.carousel-item-prev {
    transform: translateX(0);
    transform: translate3d(0, 0, 0);
}


/*.top-call-email-main .call-btn {
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0);
    border: solid 1px #f37222;
    background-color: #f37222;
    font-size: 15px;
    line-height: normal;
    font-family: 'openSans-regular';
    font-size: 16px;
    color: #303030;
    color: #ffe8d6;
    padding: 14px 22.14px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}*/

/*.call-btn:hover,
.connect-btn:hover {
    box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}*/

.top-call-email-main a.call-btn {
    display: none;
}

.top-call-email-main .call-dropdown {
    width: 265px;
}

    .top-call-email-main .call-dropdown .call-btn {
        padding: 10px !important;
        width: 100%;
        display: flex;
        align-items: center;
        color: #FFFFFF;
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        border-radius: 8px;
        transition: 0s;
        border-bottom: none;
    }

    .top-call-email-main .call-dropdown.show .call-btn {
        border-radius: 8px 8px 0 0;
        transition: 0s;
    }

    .top-call-email-main .call-dropdown .call-btn::after {
        margin-left: auto;
        margin-right: 5px;
        margin-top: -5px;
        border-top: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
        width: 8px;
        height: 8px;
        vertical-align: inherit;
        transform: translateZ(0) rotate(-135deg);
        transform-origin: center;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .top-call-email-main .call-dropdown.show .call-btn::after {
        margin-top: 3px;
        transform: translateZ(0) rotate(45deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .top-call-email-main .call-dropdown .dropdown-menu {
        width: 100%;
        margin: 0;
        border-radius: 0 0 8px 8px;
        border: solid 1px #f37222;
        background-color: #f37222 !important;
        border-top: none;
        padding: 0;
        overflow: hidden;
    }

        .top-call-email-main .call-dropdown .dropdown-menu .dropdown-item {
            padding: 10px;
            display: flex;
            align-items: center;
            color: #FFFFFF;
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            background-color: #f37222 !important;
        }

    .top-call-email-main .call-dropdown span.flag {
        width: 40px;
        margin: 0 5px 0 0 !important;
    }


/************************ submenu common start ************************/

.submenu-main {
    position: fixed;
    left: 0%;
    top: 0px;
    transform: translate3d(-100%, 0, 0);
    width: 100%;
    height: 100%;
    background: #FFFFFF url(../images/submenu-amiba.svg) no-repeat;
    background-position: right top;
    z-index: 99;
    padding: 50px 0 50px 0;
    transition: 0.5s;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
}



    .submenu-main.analytics {
        position: fixed;
        left: 50%;
        top: 13%;
        transform: translate3d(-100%, 0, 0);
        width: 431px;
        height: 164px;
        background: #FFFFFF url(../images/submenu-amiba.svg) no-repeat;
        background-position: right top;
        z-index: 99;
        padding: 0px 0 50px 0;
        transition: 0.5s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .submenu-main.slideOutLeft {
        animation-duration: 0.5s;
    }

    .submenu-main.open {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

.submenu-container {
    width: calc(100% - 283px);
    height: 100%;
    margin-left: auto;
    border-left: solid 1px #dddddd;
    padding: 0;
    position: relative;
}

    .submenu-container .submenu-heading {
        max-width: 615px;
        padding: 0 15px 0 30px;
    }

        .submenu-container .submenu-heading .title {
            font-family: 'openSans-semi-bold';
            font-size: 22px;
            line-height: 30px;
            font-weight: 600;
            color: #303030;
            margin-bottom: 5px;
        }

        .submenu-container .submenu-heading p {
            font-family: 'openSans-light-italic';
            font-size: 16px;
            font-weight: 300;
            line-height: 24px;
            color: #606060;
        }

            .submenu-container .submenu-heading p.highlights-list span {
                font-family: 'openSans-semi-bold';
                font-size: 14px;
                font-weight: 600;
                line-height: 1.43;
                color: #676767;
                display: inline-block;
                margin: 12px 0 0 0;
            }

                .submenu-container .submenu-heading p.highlights-list span i {
                    margin: 0 10px;
                }

.submenu-main .submenu-close-btn {
    position: absolute;
    top: 50px;
    right: 90px;
    font-family: 'openSans-regular';
    font-size: 20px;
    color: #676767;
    padding-right: 30px;
    cursor: pointer;
}

.home-sidenav-main.fixed-top ~ .submenu-main .submenu-close-btn,
.home-sidenav-main.affix ~ .submenu-main .submenu-close-btn {
    top: 110px;
}

.submenu-main .submenu-close-btn::before {
    content: '';
    position: absolute;
    left: 60px;
    top: calc(50% - 0.5px);
    width: 0px;
    height: 2px;
    background: #676767;
    transform: rotate(0deg);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.submenu-main .submenu-close-btn::after {
    content: '';
    position: absolute;
    left: 60px;
    top: calc(50% - 0.5px);
    width: 0px;
    height: 2px;
    background: #676767;
    transform: rotate(0deg);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.submenu-main .submenu-close-btn.animated::before {
    animation: 0.7s 1s submenu-close-btn-animate1 forwards;
}

.submenu-main .submenu-close-btn.animated::after {
    animation: 0.7s 1s submenu-close-btn-animate2 forwards;
}

@keyframes submenu-close-btn-animate1 {
    0% {
        transform: rotate(0deg);
        width: 0px;
    }

    50% {
        transform: rotate(0deg);
        width: 20px;
    }

    70% {
        transform: rotate(0deg);
        width: 20px;
    }

    100% {
        transform: rotate(45deg);
        width: 20px;
    }
}

@keyframes submenu-close-btn-animate2 {
    0% {
        transform: rotate(0deg);
        width: 0px;
    }

    50% {
        transform: rotate(0deg);
        width: 20px;
    }

    70% {
        transform: rotate(0deg);
        width: 20px;
    }

    100% {
        transform: rotate(-45deg);
        width: 20px;
    }
}

.submenu-navs-contact-wrapper {
    display: flex;
    padding: 0;
    align-items: flex-start;
}

.submenu-contact-wrapper img {
    max-width: 83.14%;
}

.submenu-getin-touch {
    padding: 50px 45px;
    margin-top: 35px;
    position: relative;
}

    .submenu-getin-touch .title {
        font-family: 'openSans-semi-bold';
        font-size: 21px;
        font-weight: 600;
        color: #303030;
    }

    .submenu-getin-touch .get-in-touch-btn {
        border-radius: 8px;
        box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0.52);
        border: solid 1px #f37222;
        background-color: #f37222;
        line-height: normal;
        padding: 13px 24.6px;
        text-transform: uppercase;
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 600;
        color: #FFFFFF;
        margin-top: 40px;
    }


/************************ submenu common end ************************/

.submenu-main#servicesTabDropdown {
    transform-origin: 200px 210px;
}

.submenu-main#aboutUsTabDropdown {
    transform-origin: 200px 330px;
}


/******* services submenu start *******/

.submenu-main#productTabDropdown {
    transform-origin: 200px 320px;
}

.services-submenu-wrapper .submenu-navs-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 65px 0 0 0;
    flex: 1;
    max-height: calc(100vh - 305px);
}

.services-submenu-wrapper .submenu-navs-contact-wrapper {
    padding: 0;
}

.services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
    max-width: 350px;
    margin: 0 40px 30px 0;
}

    .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a {
        display: block;
        padding: 13px;
        transition: 0.5s;
    }

.services-submenu-wrapper .submenu-navs-wrapper a h4 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    font-weight: 600;
    color: #606060;
    margin-bottom: 5px;
    position: relative;
    display: table;
}

    .services-submenu-wrapper .submenu-navs-wrapper a h4::before {
        content: '';
        position: absolute;
        width: 30px;
        height: 1px;
        background: #aaaaaa;
        top: 50%;
        left: calc(100% + 15px);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

.services-submenu-wrapper .submenu-navs-wrapper a span {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #676767;
    line-height: 21px;
}

.services-submenu-wrapper .submenu-navs-wrapper a:hover {
    box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
}

    .services-submenu-wrapper .submenu-navs-wrapper a:hover h4 {
        color: #ff6900;
    }

        .services-submenu-wrapper .submenu-navs-wrapper a:hover h4::before {
            width: 80px;
            height: 2px;
            background: #f37222;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.submenu-contact-wrapper {
    max-width: 430px;
    background: url(../images/submenu-dots.png) no-repeat;
}

.services-submenu-wrapper .submenu-contact-wrapper {
    margin: 295px 0 0 0;
}
/******* services submenu end *******/
.submenu-container .submenu-navs-wrapper .mCSB_container {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    padding-left: 20px;
    align-content: flex-start;
}

.submenu-container .submenu-navs-wrapper .mCSB_scrollTools_vertical {
    margin: 0;
}

/******* moreoption submenu start *******/

.submenu-main#moreoptionsTabDropdown {
    transform-origin: 200px 490px;
}

.moreoption-submenu-wrapper .submenu-navs-contact-wrapper {
    padding-left: 15px;
    align-items: center;
    justify-content: space-between;
    padding-right: 95px;
    height: 80vh;
}

    .moreoption-submenu-wrapper .submenu-navs-contact-wrapper .submenu-navs-wrapper {
        margin-right: 100px;
        min-width: 100px;
    }

.moreoption-submenu-wrapper.submenu-container .submenu-navs-wrapper .mCSB_container {
    flex-direction: column;
}

.moreoption-submenu-wrapper.submenu-container .submenu-navs-wrapper .submenu-nav {
    margin-bottom: 15px;
}

    .moreoption-submenu-wrapper.submenu-container .submenu-navs-wrapper .submenu-nav a {
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #606060;
    }

        .moreoption-submenu-wrapper.submenu-container .submenu-navs-wrapper .submenu-nav a:hover {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-weight: 600;
            color: #ff6900;
        }

.moreoption-submenu-wrapper .submenu-getin-touch .title {
    margin-bottom: 5px;
}

.moreoption-submenu-wrapper .submenu-getin-touch p {
    font-family: 'openSans-regular';
    font-size: 18px;
    color: #303030;
}

.moreoption-submenu-wrapper .submenu-contact-wrapper {
    max-width: 525px;
    margin-top: 0;
    flex: 1;
}

    .moreoption-submenu-wrapper .submenu-contact-wrapper .submenu-getin-touch {
        margin: 0;
        padding: 40px 70px;
    }

.moreoption-submenu-wrapper .submenu-getin-touch .get-in-touch-btn {
    margin-top: 20px;
}

.moreoption-submenu-wrapper .submenu-social-wrapper {
    margin-left: 30px;
}

    .moreoption-submenu-wrapper .submenu-social-wrapper ul {
        font-size: 0;
    }

        .moreoption-submenu-wrapper .submenu-social-wrapper ul li {
            display: inline-block;
            margin: 0 10px;
            max-width: 30px;
        }


/******* moreoption submenu end *******/

.view-more {
    display: table;
}

    .view-more a,
    .view-more .box-know-more {
        position: relative;
        padding-bottom: 5px;
        display: block;
        background: transparent !important;
    }

        .view-more a::before,
        .view-more .box-know-more::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: calc(100% - 20px);
            height: 1px;
            background: #aaaaaa;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .view-more a span,
        .view-more .box-know-more span {
            position: relative;
            font-family: 'openSans-regular';
            font-size: var(--fs-14);
            color: var(--text-secondary);
            line-height: 20px;
            padding-right: 20px;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .view-more a span::before,
            .view-more .box-know-more span::before {
                content: "";
                position: absolute;
                right: 0;
                top: 7px;
                width: 8px;
                height: 8px;
                border-radius: 100%;
                background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
                /*background: #f37222;*/
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                opacity: 1;
            }

            .view-more a span::after,
            .view-more .box-know-more span::after {
                content: '';
                background: url('../images/view-moew-arrow.png') no-repeat;
                position: absolute;
                right: 0;
                top: calc(50% - 4px);
                width: 15px;
                height: 8px;
                opacity: 0;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

        .view-more a:hover span,
        .services-what-we-do-box:hover .view-more .box-know-more span {
            color: #f37222;
        }

        .view-more a:hover::before,
        .services-what-we-do-box:hover .view-more .box-know-more::before {
            width: 100%;
            background: #f37222;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .view-more a:hover span,
        .services-what-we-do-box:hover .view-more .box-know-more span {
            padding-right: 28px;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .view-more a:hover span::before,
            .services-what-we-do-box:hover .view-more .box-know-more span::before {
                opacity: 0;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

            .view-more a:hover span::after,
            .services-what-we-do-box:hover .view-more .box-know-more span::after {
                opacity: 1;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

.web-container {
    position: relative;
}

.certified-section-main {
    background: #FFFFFF;
}

.certified-section-container {
    max-width: 1210px;
    margin: auto;
    display: flex;
    align-items: flex-start;
    position: relative;
}

    .certified-section-container::before {
        content: '';
        width: 65px;
        height: 65px;
        background: #fff;
        position: absolute;
        top: -50px;
        left: 50%;
        z-index: 1;
        transform: translateX(-50%);
        border-radius: 50%;
    }

    .certified-section-container.banner-lead::before {
        display: none;
    }

.certified-section-main .iso-certified {
    padding: 15px 0 10px 0;
    border-radius: 6.4px;
    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.1);
    margin-right: 25px;
    background: #FFFFFF;
    position: relative;
    margin-top: -25px;
    max-width: 286px;
}

    .certified-section-main .iso-certified .certifie-main img {
        display: block;
        margin: 0 auto;
    }

    .certified-section-main .iso-certified .certifie-main.goodfirms img {
        margin: 0 auto 20px;
        width: 55%;
    }

    .certified-section-main .iso-certified .certificate-text img {
        margin: 15px auto 15px auto;
    }

    .certified-section-main .iso-certified .certifie-main a {
        display: block;
    }

    .certified-section-main .iso-certified .certifie-main p {
        font-family: 'openSans-regular';
        font-size: var(--fs-14);
        text-align: center;
        color: var(--text-secondary);
        text-transform: uppercase;
        line-height: 17px;
        padding: 0 16px;
    }

    .certified-section-main .iso-certified .certifie-main h1 {
        font-family: 'openSans-regular';
        font-size: 14px;
        text-align: center;
        color: #676767;
        text-transform: uppercase;
    }

/*.certified-section-main .iso-certified .certifie-main p span {
    font-family: ;
}*/

.certified-section-main .iso-certified-info {
    flex: 1;
    padding: 57px 0 91px 0;
}

    .certified-section-main .iso-certified-info p {
        font-family: 'openSans-light';
        font-size: var(--fs-22);
        line-height: 30px;
        color: var( --text-primary);
        display: inline;
    }

    .certified-section-main .iso-certified-info div.alt-p, .certified-section-main .iso-certified-info div.alt-p > h1 {
        font-family: 'openSans-light';
        font-size: 20px !important;
        line-height: 28px;
        color: var( --text-primary);
        display: inline;
        margin: 0;
        font-weight: 300;
    }

    .certified-section-main .iso-certified-info p span {
        font-family: 'openSans-regular';
    }

    /*.certified-section-main .iso-certified-info p span {
	    font-family: 'openSans-regular';
    }*/

    .certified-section-main .iso-certified-info h1 {
        font-family: 'openSans-regular';
        font-size: 24px;
        line-height: 1.25;
        color: #303030;
        display: inline;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: bold;
    }

.hp-client-section-main {
    padding-top: 0;
    background: url('../images/map.svg') no-repeat;
    background-size: 1093px;
    background-position: center 90px;
}

.in-years-main {
    max-width: 670px;
    margin: auto;
    text-align: center;
}

    .in-years-main h4 {
        font-family: 'openSans-regular';
        font-size: 24px;
        line-height: 1.33;
        color: #303030;
        margin-bottom: 8px;
    }

.homepage-common-header h3 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    line-height: 42px;
    color: #303030;
}

.in-years-main p {
    font-family: 'openSans-light';
    font-size: 21px;
    font-weight: 300;
    line-height: 26px;
    color: #303030;
}

    .in-years-main p span {
        font-family: 'openSans-semi-bold';
        color: #F37222;
    }

.hp-clients-wrapper {
    max-width: 1093px;
    padding: 60px;
    margin: 0 auto;
    padding-top:0px;
    padding-bottom:48px;
}

.hp-clients-highlights {
    text-align: center;
    width: 171px;
}

.hp-clients-wrapper .aos-animate .hp-clients-highlights img {
    animation: 1s 1s bounce forwards;
}

.hp-clients-services {
    background: linear-gradient(0deg, #F3F3F3, #F3F3F3), linear-gradient(180deg, #CF9EE6 0%, #A178F7 94.94%, #C495EA 109.74%), linear-gradient(180deg, #EFA280 47.72%, #F3B383 100%);
    padding: 30px 60px;
    /*margin: 50px 0 0 0;*/
}

    .hp-clients-services .common-header {
        max-width: 100%;
        font-family: 'openSans-semi-bold';
        font-size: var(--fs-32);
        line-height: 42px;
        color: var(--text-primary);
        text-align: center;
        margin-bottom: 5px;
    }

    .hp-clients-services > p.alt-h3 {
        max-width: 100%;
        font-family: 'openSans-semi-bold';
        font-size: var(--fs-32);
        line-height: 42px;
        color: var(--text-primary);
        text-align: center;
        margin-bottom: 5px;
    }

    .hp-clients-services > p {
        text-align: center;
        color: var(--text-secondary);
        font-size: var(--fs-22);
        line-height: 30px;
        font-family: 'openSans-regular';
    }

    .hp-clients-services .hp-clients-service {
        text-align: center;
        position: relative;
        width: 285px;
        margin-right: 30px;
    }

.hp-clients-service > h4 {
    font-family: openSans-bold;
    color: var(--text-white);
    font-size: var(--fs-22);
    line-height: 30px;
    position: absolute;
    bottom: 25px;
    width: 100%;
    text-transform: uppercase;
    padding: 0 10px;
}

.hp-clients-service-main .slick-arrow {
    bottom: -5px;
    top: auto;
    width: 15px;
    height: 31px;
}

.hp-clients-service-main .slick-prev::before {
    content: "";
    background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat 0 0/cover;
    width: 22px;
    height: 40px;
    display: block;
}

.hp-clients-service-main .slick-prev {
    right: 125px;
    left: auto;
}

.hp-clients-service-main .slick-next {
    right: 80px;
}

    .hp-clients-service-main .slick-next::before {
        content: "";
        background: url(../images/wd-solution/next-arrow-2.svg) no-repeat 0 0/cover;
        display: block;
        width: 22px;
        height: 40px;
    }

.hp-clients-service-main {
    margin: 30px 0 0 0;
}

/*.hp-clients-service-main .hp-clients-service:nth-child(2) {
    margin: 30px 0 0 0;
}

.hp-clients-service-main .hp-clients-service:last-child {
    margin: 50px 0 0 0;
}*/

.digital-services {
    padding-top: 50px;
}

.digital-services-head {
    max-width: 578px;
    text-align: center;
    margin: 0 auto 70px;
}

/*.homepage-common-header h3 {
    font-family: 'openSans-light';
    font-size: 30px !important;
    font-weight: 300;
    line-height: 35px;
    color: #303030;
}*/

.homepage-common-header h3 > span {
    font-family: 'openSans-regular';
    font-weight: 300;
    font-size: 30px;
}

.patner-logo-head {
    font-family: openSans-medium !important;
}

.homepage-common-header p {
    font-family: 'openSans-regular';
    font-size: var(--fs-28);
    line-height: 32px;
    color: var(--text-secondary);
}

.blog-details-presence-container {
    max-width: 1210px;
    margin: auto;
    padding: 120px 30px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.blog-details-presence-countries {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.insight-detail-subscribe-container h3 {
    margin-bottom: 30px;
}

.subscribe-section span.error-message-red {
    font-family: 'openSans-light';
    font-size: 12px;
    font-weight: 300;
    color: #e22a2a;
    margin-top: 5px;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto 100%;
    display: block;
    margin-bottom: 10px;
}

.subscribe-web-app-form span.error-message-red,
.case-study-form span.error-message-red {
    position: relative;
    top: -5px;
}

.subscribe-web-app-form .form-group .form-control,
.case-study-form .form-group .form-control {
    margin-bottom: 10px !important;
}

.insight-detail-subscribe-container span + span + div {
    margin-top: 5px !important;
}

.insights-linkedin-container {
    max-width: 1090px;
    padding: 52px 0 60px 0;
    margin-top: 64px;
    margin: 65px auto 0 auto;
    border-top: 1px solid #d8d8d8;
    display: flex;
    align-items: flex-start;
}

    .insights-linkedin-container .insights-linkedin-img {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

        .insights-linkedin-container .insights-linkedin-img img {
            border-radius: 100%;
            width: 100%;
            height: 100%;
        }

    .insights-linkedin-container .insights-linkedin-info {
        flex: 1;
    }

        .insights-linkedin-container .insights-linkedin-info h4 {
            font-family: 'openSans-light';
            font-size: 12px;
            font-weight: 300;
            color: #999999;
            margin-bottom: 4px;
        }

        .insights-linkedin-container .insights-linkedin-info h3 {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            font-weight: 600;
            color: #303030;
            margin: 0 0 5px 0;
        }

        .insights-linkedin-container .insights-linkedin-info span {
            display: block;
            font-family: 'openSans-light';
            font-size: 14px;
            font-weight: 300;
            color: #676767;
            margin-bottom: 12px;
        }

        .insights-linkedin-container .insights-linkedin-info p {
            font-family: 'openSans-regular';
            font-size: 14px;
            color: #666666;
        }

    .insights-linkedin-container .linkedin-btn {
        margin-left: 100px;
        border-radius: 8px;
        margin-top: 8px;
        border: solid 1px #0079ab;
        background: #FFFFFF;
        padding: 7px 15px;
        display: flex;
        align-items: center;
        font-family: 'openSans-bold';
        font-size: 16px;
        font-weight: bold;
        color: #0079ab;
        width: 120px;
        justify-content: center;
    }

        .insights-linkedin-container .linkedin-btn img {
            margin-left: 4px;
        }

.insights-subscribe-section {
    background: #f5f6fa;
    padding: 20px 15px 32px 15px;
    margin-bottom: 70px;
}

    .insights-subscribe-section .subscribe-container {
        max-width: 1090px;
    }

        .insights-subscribe-section .subscribe-container h4 {
            margin: 0 0 12px 0;
            font-family: 'openSans-regular';
            font-size: 18px;
            line-height: 20px;
            color: #666666;
        }

    .insights-subscribe-section .insights-subscribe-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .insights-subscribe-section .subscribe-container .form-group {
        margin: 0 20px 0 0;
        max-width: 910px;
        position: relative;
    }

        .insights-subscribe-section .subscribe-container .form-group .form-control {
            margin: 0 0 0 0 !important;
            display: block;
            padding: 14px 25px 11px 25px;
            height: 52px;
            border-radius: 8px;
            border: 1px solid #d8d8d8;
            box-shadow: none;
        }

        .insights-subscribe-section .subscribe-container .form-group .iti__selected-flag {
            border-right-color: transparent;
        }

.insights-subscribe-wrapper .form-group .word-counter {
    display: none;
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-family: 'openSans-regular';
    font-size: 14px;
    color: #666666;
}

.insights-subscribe-section .subscribe-container .form-group span.error-message-red {
    top: 0;
}

.insights-subscribe-section .subscribe-container .insights-subscribe-wrapper.expanded {
    margin-bottom: 20px;
}

    .insights-subscribe-section .subscribe-container .insights-subscribe-wrapper.expanded .form-group .form-control {
        height: 132px;
    }

.insights-subscribe-wrapper.expanded .form-group .word-counter {
    display: block;
}

.insights-subscribe-section .insights-subscribe-wrapper .btn,
.insights-subscribe-section .our-work-inactive .btn {
    min-width: 160px;
    padding: 13px 15.25px;
}

.insights-subscribe-section .insights-subscribe-wrapper .common-btn-outline {
    background: #FFFFFF;
    color: #f37222 !important;
}

.insights-subscribe-section .our-work-inactive .form-group {
    max-width: 320px;
}

.insights-subscribe-section .subscribe-thankyou-container {
    max-width: 1090px;
    margin: auto;
    padding: 12px 0 0 0;
}

.insights-comment-box-wrapper {
    max-width: 1090px;
    margin: 32px auto 0 auto;
}

.insights-comment-box-main {
    padding: 32px 0;
    border-top: 1px solid #d8d8d8;
}

    .insights-comment-box-main:last-child {
        padding-bottom: 0;
    }

.insights-comment-detail {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

    .insights-comment-detail .insights-comment-img {
        width: 50px;
        height: 50px;
        background: #623387;
        border-radius: 100%;
        margin-right: 20px;
        overflow: hidden;
    }

        .insights-comment-detail .insights-comment-img span {
            display: block;
            text-align: center;
            line-height: 54px;
            font-family: 'openSans-semi-bold';
            font-size: 24px;
            font-weight: 600;
            color: #FFFFFF;
        }

    .insights-comment-detail .insights-comment-user h3 {
        margin: 0 0 2px 0;
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        color: #303030;
    }

    .insights-comment-detail .insights-comment-user span {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        color: #676767;
    }

.insights-comment-box-main .insights-comment-info p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 20px;
}

    .insights-comment-box-main .insights-comment-info p:last-child {
        margin-bottom: 0;
    }

.the-uxplor {
    position: relative;
    margin-bottom: 110px;
    margin-top: 60px;
}

.the-uxploration-tab {
    box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5.6px;
    padding: 15px;
    width: 90%;
    z-index: 1;
    background: white;
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    margin: auto;
}

    .the-uxploration-tab > h2 {
        font-size: 12.8px;
        font-family: 'openSans-light';
        color: #303030;
        padding: 5px 0 10px 0;
    }

.hp-clients-wrapper .aos-animate .hp-clients-highlights:nth-child(2) img {
    animation-delay: 1.3s;
}

.hp-clients-wrapper .aos-animate .hp-clients-highlights:nth-child(3) img {
    animation-delay: 1.6s;
}

.hp-clients-wrapper .aos-animate .hp-clients-highlights:nth-child(4) img {
    animation-delay: 1.9s;
}

.hp-clients-highlights img {
    display: block;
    margin: 0 auto 20px auto;
}

.hp-clients-highlights h4 {
    font-family: openSans-bold;
    font-size: var(--fs-22);
    line-height: 23px;
    color: var(--text-orange);
}

    .hp-clients-highlights h4 span {
        font-family: 'openSans-bold';
    }

.hp-clients-highlights p {
    font-family: 'openSans-regular';
    font-size: var(--fs-16);
    line-height: 24px;
    color: var(--text-secondary);
}

/*.hp-clients-main {
    margin-top: 75px;
}*/

/*.hp-clients-head {
    max-width: 500px;
}*/

/*.hp-clients-head {
    max-width: 480px;
    margin: 0 auto 30px auto;
}*/
.hp-clients-wrapper-new {
    max-width: 1142px;
    padding: 60px 15px;
}

.leftsidelogo {
    width: 50%;
}

.logo-head {
    width: 100%;
    text-align: center;
    margin-bottom: 16px;
}

.partner-logo-wrapper {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    gap: 16px 30px;
    padding: 0 30px;
}

.rightsidelogo {
    width: 50%;
}


    .rightsidelogo .partner-logo-wrapper::before, .middlelogo .partner-logo-wrapper::before {
        border-left: 1px dashed #C4C4C4;
        content: '';
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0;
    }


    .rightsidelogo.middle {
        width: 33%;
        display: flex;
        flex-wrap: wrap;
    }

.middlelogo.middle {
    width: 33%;
    display: flex;
    flex-wrap: wrap;
}

.leftsidelogo.middle {
    width: 33%;
    display: flex;
    flex-wrap: wrap;
}


.hp-clients-logo.new {
    width: 136px;
    height: 80px;
    margin: 0;
}

.homepage-common-header h3 {
    font-family: 'openSans-semi-bold';
    font-size: var(--fs-32);
    line-height: 42px;
    color: var(--text-primary);
    text-align: center;
}

.hp-clients-head h3 {
    font-family: 'openSans-light';
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    text-align: center;
    color: #303030;
    margin-bottom: 30px;
}

    .hp-clients-head h3 span {
        font-family: 'openSans-regular';
        font-size: 24px;
        font-weight: normal;
        color: #303030;
    }

.hp-clients-slider-main {
    padding: 0;
    margin-top: 10px;
}

    .hp-clients-slider-main .slick-arrow {
        width: 25px;
        height: 47px;
        z-index: 5;
        top: calc(50% - 23.5px);
        right: -50px;
    }

        .hp-clients-slider-main .slick-arrow.prev {
            left: -50px;
            right: auto;
        }

.hp-clients-logo {
    width: 136px;
    height: 80px;
    margin: 0 30px 40px 0px;
}

    .hp-clients-logo:nth-child(6n+0),
    .hp-clients-logo:last-child {
        margin-right: 0;
    }

    .hp-clients-logo img {
        transform: translate(0, -50%);
        top: 50%;
        position: relative;
        margin: auto;
    }

.quick-contact-section {
    position: relative;
    display: flex;
    justify-content: center;
    /*margin-top: 40px;*/
    background: #ffffff;
    overflow: hidden;
    -webkit-clip-path: ellipse(60% 50% at 50% 49%);
    clip-path: ellipse(60% 50% at 50% 49%);
    padding-top: 8px !important;
}

    .quick-contact-section::before {
        content: '';
        width: calc(100% + 35%);
        height: 50%;
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate(-50%, 0);
        border-radius: 100%;
        box-shadow: inset 0 -9px 10px 0 rgba(215, 217, 228, 0.43);
        pointer-events: none;
        background-image: linear-gradient(to bottom, #ffffff, #f5f6fa);
    }

.quick-contact-section-info {
    max-width: 560px;
    position: relative;
}

    .quick-contact-section-info.cust-quick-info {
        max-width: 450px !important;
        position: relative !important;
        padding: 0px !important;
        margin: 0px !important;
    }

    .quick-contact-section-info h3 {
        font-family: openSans-bold;
        font-size: var(--fs-28) !important;
        line-height: 38px !important;
        color: var(--text-primary);
        text-align: left !important;
    }

        .quick-contact-section-info h3 span {
            font-family: openSans-bold;
            font-weight: 700;
            font-size: 20px;
            line-height: 24px;
            color: #303030;
        }

        .quick-contact-section-info h3 .perfomance-sm-title {
            font-size: 20px;
            line-height: 24px;
        }

    .quick-contact-section-info .performance-sm-subtitle {
        font-size: 18px !important;
        line-height: 24px !important;
        margin-top: 12px !important;
        padding-bottom: 40px !important;
    }

    .quick-contact-section-info p {
        font-family: 'openSans-regular';
        font-size: 18px !important;
        line-height: 24px !important;
        color: var(--text-secondary);
        width: 100%;
        margin-top: 12px;
        padding-bottom: 12px;
    }

.quick-contact-section-img {
    position: relative;
    bottom: 0px;
    align-self: flex-end;
}

    .quick-contact-section-img.cust-quick-contact-img img {
        height: 290px;
    }

.connect-btn {
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0);
    border: solid 1px #f37222;
    background-color: #f37222;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #fff;
    padding: 14px 26.14px;
    text-transform: uppercase;
    margin-top: 28px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .connect-btn:hover {
        color: #ffe8d6;
        box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0.52);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

.hp-case-study-section {
    padding: 60px 0 215px 0;
    background: url(../images/case-study-bg-1.svg) no-repeat, url(../images/case-study-bg-2.svg) no-repeat;
    background-position: left top, right bottom;
    background-size: 27.5%, 30.5%;
}

.hp-case-study-head {
    /*max-width: 450px;*/
    margin: auto;
    text-align: center;
}

    .hp-case-study-head h3 {
        font-family: 'openSans-semi-bold';
        font-size: var(--fs-32);
        line-height: 42px;
        color: var(--text-primary);
        text-align: center;
    }

        .hp-case-study-head h3 span {
            font-family: 'openSans-regular';
        }

.hp-case-study-tabs {
    margin: 20px auto 30px auto;
}

    .hp-case-study-tabs .view-more {
        display: none;
    }

    .hp-case-study-tabs h3 {
        display: none;
    }

    .hp-case-study-tabs .nav-tabs {
        justify-content: center;
        border: none;
    }

        .hp-case-study-tabs .nav-tabs .nav-item {
            margin: 0 25px;
        }

            .hp-case-study-tabs .nav-tabs .nav-item a {
                padding: 0 0 5px 0;
                border: none;
                font-family: 'openSans-light';
                font-size: var(--fs-16);
                line-height: 19px;
                color: var(--text-secondary);
                border-bottom: 1px solid transparent;
                background: transparent;
            }

                .hp-case-study-tabs .nav-tabs .nav-item a.active {
                    font-family: 'openSans-regular';
                    color: #f37222;
                    border-bottom: 1px solid #f37222;
                }

.hp-case-study-main {
    display: flex;
    margin: 0 auto 150px auto;
    max-width: 1120px;
    overflow: hidden;
}

    .hp-case-study-main:nth-last-child(2) {
        margin: 0 auto 65px auto;
    }

.hp-case-study-info-main {
    max-width: 385px;
    margin-right: 45px;
    flex: 1;
}

.hp-case-study-info h4 {
    font-family: 'openSans-bold';
    font-size: 18px;
    font-weight: bold;
    line-height: 1.67;
    color: #303030;
    margin-bottom: 6px;
}

.hp-case-study-info p {
    font-family: 'openSans-regular';
    font-size: var(--fs-16);
    line-height: 24px;
    color: var(--text-secondary);
    margin-bottom: 8px;
}

.hp-case-study-info span {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: var(--text-secondary);
    display: block;
}

    .hp-case-study-info span i {
        margin: 0 8px;
        display: inline-block;
    }

.hp-case-study-info .view-more {
    margin-top: 35px;
}

.hp-mobile-case-study-main {
    display: none;
}

.hp-case-study-testimonial {
    padding-top: 35px;
    position: relative;
    margin-top: 50px;
    display: none;
}

    .hp-case-study-testimonial::before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 36px;
        height: 28px;
        background: url('../images/case-study-quote.png') no-repeat;
    }

    .hp-case-study-testimonial p {
        font-family: 'openSans-bold';
        font-size: 14px;
        font-weight: bold;
        line-height: 1.43;
        color: #676767;
        margin-bottom: 15px;
    }

    .hp-case-study-testimonial span {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 1.43;
        color: #aaaaaa;
    }

.hp-case-study-img {
    position: relative;
}

    .hp-case-study-img a {
        display: block;
        overflow: hidden;
    }

        .hp-case-study-img a img {
            transform: scale(1);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.hp-case-study-fig img {
    transform: scale(1);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}


.hp-case-study-fig:hover img {
    transform: scale(1.04);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}





.hp-case-study-img a img:first-child {
    width: 100%;
}

.hp-case-study-img a .hp-case-study-fig img:first-child {
    width: auto;
}

.hp-case-study-img:hover a img {
    transform: scale(1.04);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.hp-case-study-fig {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    width: 110%;
    height: 90%;
    pointer-events: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .hp-case-study-fig img {
        display: block;
        position: relative;
        transform: translate(-50%, -50%) !important;
        left: 50%;
        max-height: 100%;
        top: 50%;
        cursor: pointer;
        pointer-events: all;
    }

.hp-case-study-img:hover .hp-case-study-fig {
    transform: translate(-48%, -50%);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.hp-insights-section {
    background: #f5f6fa;
    display: flex;
    justify-content: center;
}

.hp-insights-section-container {
    max-width: 1175px;
    margin: -158px auto 0 auto;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 #efefef;
    padding: 18px 25px 20px 25px;
    background: #FFFFFF;
}

.hp-insights-head {
    max-width: 405px;
    margin: auto;
}

    .hp-insights-head h3 {
        font-family: 'openSans-light';
        font-size: 24px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #303030;
    }

        .hp-insights-head h3 span {
            font-family: 'openSans-regular';
        }

.hp-insights-wrapper {
    margin-top: 15px;
    display: flex;
}

.hp-big-insights {
    max-width: 545px;
    margin-right: 5px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .hp-big-insights a {
        padding: 15px;
        display: block;
        border-radius: 6px;
    }

        .hp-big-insights a:hover {
            box-shadow: 0 0 6px 0 #d8d8d8;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.hp-insights-img {
    position: relative;
}

    .hp-insights-img img {
        transform: scale(1);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

.hp-big-insights:hover .hp-insights-img img {
    transform: scale(1.02);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.insight-category {
    position: absolute;
    bottom: -10px;
    left: 15px;
    width: 140px;
    border-radius: 4px;
    background-color: #f37222;
    padding: 5px 15px;
}

    .insight-category p {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        color: #FFFFFF;
    }

        .insight-category p span {
            display: block;
        }

.hp-insights-info {
    padding: 15px 0 0 0;
}

    .hp-insights-info .insight-category-info {
        display: flex;
        flex-wrap: wrap;
        padding: 0;
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 20px;
        align-items: center;
    }

        .hp-insights-info .insight-category-info i {
            margin-right: 10px;
        }

    .hp-insights-info h4 {
        font-family: 'openSans-semi-bold';
        font-size: var(--fs-20);
        line-height: 20px;
        color: var(--text-primary);
    }

    .hp-insights-info p {
        margin: 15px 0;
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: var(--text-secondary);
    }

    .hp-insights-info span {
        font-family: 'openSans-regular';
        font-size: var(--fs-14);
        color: var(--text-secondary);
        display: block;
        padding-right: 40px;
    }

        .hp-insights-info span span {
            display: inline-block;
            padding: 0;
            margin: 0 8px;
        }

.hp-small-insights-main {
    flex: 1;
}

.hp-small-insights {
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
}

    .hp-small-insights a {
        padding: 15px 15px 20px 15px;
        display: flex;
        border-radius: 6px;
        align-items: flex-start;
    }

        .hp-small-insights a:hover {
            box-shadow: 0 0 6px 0 #d8d8d8;
        }

    .hp-small-insights .hp-insights-img {
        width: 272px;
    }

    .hp-small-insights a .hp-insights-img img {
        transform: scale(1);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
        max-height: 145px;
    }

    .hp-small-insights a:hover .hp-insights-img img {
        transform: scale(1.02);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .hp-small-insights .hp-insights-info {
        width: 255px;
        padding: 0 0 0 18px;
    }

        .hp-small-insights .hp-insights-info h4 {
            font-size: 16px;
            line-height: 24px;
        }

        .hp-small-insights .hp-insights-info p {
            font-size: 14px;
            line-height: 20px;
            margin: 15px 0 15px 0;
            max-height: 40px;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .hp-small-insights .hp-insights-info h6 i {
            margin-right: 10px;
        }

        .hp-small-insights .hp-insights-info h6 {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            display: flex;
            width: 100%;
            padding: 5px 0;
            align-items: center;
        }

.subscribe-section {
    width: 100%;
    padding: 50px 15px 50px 15px;
    background: url(../images/subscribe-bg-1.svg) no-repeat, url(../images/subscribe-bg-2.jpg) no-repeat;
    background-position: 0 10px, 100% 0px;
    background-color: #f5f6fa;
    background-size: auto 100%, auto 100%;
}

.back-change {
    width: 100%;
    padding: 60px 15px 55px 15px;
    background: url(../images/subscribe-bg-1.png) no-repeat, url(../images/subscribe-bg-2.png) no-repeat;
    background-position: 0 115px, 100% 105px;
    background-color: #f5f6fa;
    background-size: auto 70%, auto 70%;
}

.subscribe-container {
    max-width: 575px;
    margin: auto;
}

    .subscribe-container h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px !important;
        line-height: 30px !important;
        color: var(--text-primary);
        margin-bottom: 0;
        text-align: left !important;
    }

    .subscribe-container p {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-style: normal;
        font-stretch: normal;
        line-height: 28px;
        letter-spacing: normal;
        color: var(--text-secondary);
       /* margin-bottom: 22px;*/
    }

        .subscribe-container p a {
            color: #f37222 !important;
        }

    .subscribe-container .form-group {
        flex: 1;
        margin: 0 35px 0 0;
    }

        .subscribe-container .form-group .form-control {
            border-radius: 0;
            resize: none;
            /*-moz-box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5);
    -webkit-box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5);
    -o-box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5);
    box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5);*/
            background-color: transparent;
            font-family: 'openSans-regular';
            height: auto;
            padding: 12px 15px 8px 0;
            border: none;
            border-bottom: 1px solid #C4C4C4 !important;
            font-size: var(--fs-16);
            line-height: 24px;
            color: #AAAAAA;
        }

            .subscribe-container .form-group .form-control:focus {
                outline: none;
                box-shadow: none;
            }

.case-study-form .form-group .form-control {
    margin-bottom: 10px;
}

.subscribe-container .common-btn {
    color: #FFFFFF !important;
}

    .subscribe-container .common-btn .spinner-border {
        vertical-align: middle;
        width: 15px;
        height: 15px;
        border-width: 2px;
        margin-right: 10px;
    }

.subscribe-thankyou-container {
    max-width: 440px;
    margin: auto;
    padding: 30px 0;
}

.subscribe-thankyou-container {
}

    .subscribe-thankyou-container img {
        margin-bottom: 10px;
    }

    .subscribe-thankyou-container h3,
    .subscribe-thankyou-container .subscribe-title {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        font-weight: 600;
        line-height: 0.86;
        color: #303030;
        margin-bottom: 10px;
    }

    .subscribe-thankyou-container p {
        font-family: 'openSans-light';
        font-size: 20px;
        font-weight: 300;
        line-height: 1.2;
        color: #303030;
    }

.tvd-angular-field.uvaach input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label, .tvd-angular-field textarea ~ label {
    left: 0px;
    /*left: 7px;*/
    top: 2px;
    margin-left: 0px;
}

.clients-slider-section {
    padding: 60px 0 60px 0;
}

.clients-slider-head {
    display: block;
    margin: 0 auto 30px auto;
    text-align: center;
}

    .clients-slider-head h4 {
        font-family: 'openSans-semi-bold';
        font-size: var(--fs-32);
        /* font-weight: 300; */
        line-height: 42px;
        text-align: center;
        color: var(--text-primary);
    }

        .clients-slider-head h4 span {
            font-family: 'openSans-light';
            display: block;
            font-size: var(--fs-22);
            line-height: 30px;
            color: var(--text-secondary);
        }

    .clients-slider-head p {
        display: none;
    }

.clients-slider-main {
    width: 100%;
    padding: 0;
    margin: 0;
}

.clients-slider-section .slick-slide img {
    border-radius: 4px;
}

.clients-slide {
    /*margin: 0;
    transform-origin: center;
    transform: scale(0.9);*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    outline: none !important;
}

    .clients-slide.slick-center {
        transform-origin: center;
        transform: scale(1);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

.clients-slider-main .slick-arrow {
    width: 25px;
    height: 47px;
    z-index: 5;
    top: 55%;
}

    .clients-slider-main .slick-arrow.prev {
        left: 100px;
    }

    .clients-slider-main .slick-arrow.next {
        right: 100px;
    }

.clients-slide .desktop-slide {
    display: block;
    border-radius: 8px;
}

.clients-slide .mobile-slide {
    display: none;
}

.getin-tocuh-strip {
    background: #F37222;
    padding: 40px 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.getin-tocuh-info {
    margin-right: 70px;
}

    .getin-tocuh-info .common-header {
        font-family: openSans-bold;
        font-size: var(--fs-28);
        line-height: 38px;
        color: var(--text-white);
    }

    .getin-tocuh-info h1 {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 28px;
        color: #FFFFFF;
    }

    .getin-tocuh-info p {
        font-family: 'openSans-regular';
        font-size: var(--fs-20);
        line-height: 28px;
        color: var(--text-white);
    }

    .getin-tocuh-info .getin-tocuh-info-title {
        font-family: 'openSans-regular';
        font-size: 28px;
        font-weight: 400;
        line-height: 38px;
        text-align: left;
        color: #FFF;
    }

.getin-tocuh-strip .common-btn {
    background: #FFFFFF;
    color: #ff5d31;
    border-color: #FFFFFF;
    box-shadow: 0 4px 10px 0 rgba(277, 91, 54, 0);
    padding: 11px 30px;
}

    .getin-tocuh-strip .common-btn:hover {
        color: #ff5d31 !important;
        box-shadow: 0 4px 10px 0 rgba(277, 91, 54, 1);
    }

.footer-main {
    padding: 40px 80px 0px 80px;
    background: #F5F6FA url('../images/footer/footer.webp') no-repeat;
    background-size: 100% 100%;
}

.footer-top-wrapper {
    display: flex;
    /*justify-content: space-between;*/
    max-width: 1242px;
    margin: auto;
    padding: 0 0px;
    flex-wrap: wrap;
}

    .footer-top-wrapper.botttom {
        margin-top: 64px;
        justify-content: flex-start;
    }


.footer-bottom.copyright {
    background: var(--Orange-gradients, linear-gradient(90deg, #FE1F10 0%, #FF6700 100%));
    mix-blend-mode: multiply;
    /*max-width: 1366px;*/
    width: 100%;
    padding: 14px 80px 14px 80px;
}

    .footer-bottom.copyright p {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 20px;
        color: #FFF;
        font-weight: 700;
    }

.footer-lets-connect {
    width: 370px;
    margin-left: auto;
}

    .footer-lets-connect.map img {
        width: 100%;
    }

.contactinfo {
    border-radius: 16px;
    border: 2px solid var(--Orange-gradients, #FA985B);
    padding: 24px;
    width: 100%;
}

.footer-lets-connect .title {
    margin-bottom: 24px;
    color: var(--Grays-gray-1, #676767);
    font-family: 'openSans-bold';
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

    .footer-lets-connect .title span {
        font-family: 'openSans-regular';
        color: #303030;
    }

.footer-quick-contact ul {
    display: flex;
    flex-direction: column;
}

    .footer-quick-contact ul li {
        margin-bottom: 20px;
    }

        .footer-quick-contact ul li a {
            display: flex;
            align-items: flex-start;
        }

        .footer-quick-contact ul li img {
            margin-right: 10px;
        }

        .footer-quick-contact ul li span {
            font-family: 'openSans-bold';
            font-size: 16px;
            line-height: 24px;
            color: #333333;
            font-weight: 700;
        }

.footer-service-links-wrapper {
    max-width: 1242px;
    margin: auto;
    padding: 0 0px;
    display: flex;
    justify-content: space-between;
    margin-top: 0px;
    margin-bottom: 32px;
    position: relative;
}

    /* .footer-service-links-wrapper.homelinks {
        border-bottom: 1px solid #A178F7;
    }
*/
    .footer-service-links-wrapper.homelinks::before {
        content: "";
        width: 100%;
        height: 1px;
        background: linear-gradient(180deg, #CF9EE6 0.49%, #A178F7 90.23%, #C495EA 99.51%);
        position: absolute;
        top: 60px;
    }

.footer-bottom.smalllogo {
    justify-content: center;
    padding: 32px 0 13px 0;
    position: relative;
}

    .footer-bottom.smalllogo::before {
        content: "";
        width: 100%;
        height: 1px;
        background: linear-gradient(180deg, #CF9EE6 0.49%, #A178F7 90.23%, #C495EA 99.51%);
        position: absolute;
        top: 0px
    }

/* .footer-service-links-wrapper.homelinks::after {
            content: "";
            background-color: #C495EA;
        }*/
/*
li.pin {
    margin: 0 0px 0 0 !important;
}*/

.footer-service-links {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

    .footer-service-links .footer-links {
        margin-right: 32px;
        min-width: 251px;
    }

        .footer-service-links .footer-links:last-child {
            margin-right: 0;
        }

.footer-links h5 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #303030;
    margin-bottom: 13px;
}

    .footer-links h5 ~ h5 {
        margin-top: 20px;
    }

.footer-links ul {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}

    .footer-links ul li {
        margin: 4.5px 0;
    }

        .footer-links ul li a {
            font-family: openSans-regular;
            font-weight: 300;
            font-size: 14px;
            color: #303030;
        }

.footer-links.smalloption ul li a {
    color: #303030;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    padding: 8px 16px;
    display: block;
    width: 100%;
    text-align: center;
    border-bottom: 3px solid transparent;
}

.footer-links.smalloption ul {
    justify-content: center;
}

    .footer-links.smalloption ul li {
        min-width: 105px;
        margin: 4.5px 16px 4.5px 16px !important;
    }

.footer-links ul li a:hover {
    color: #ff6900;
    border-bottom: 3px solid var(--Orange-gradients, #FA985B);
}

.footer-nav-main {
    width: 100%;
    display: flex;
}

    .footer-nav-main.social {
        width: 100%;
        display: flex;
    }

    .footer-nav-main .footer-links:last-child {
        flex: 1;
    }

        .footer-nav-main .footer-links:last-child ul {
            flex-direction: row;
        }

            .footer-nav-main .footer-links:last-child ul li {
                margin: 4.5px 38px 4.5px 38px;
            }

.footer-social {
    margin-left: auto;
    margin-top: 50px;
}

    .footer-social.feedback {
        margin-top: 12px;
    }

.footer-service-links-wrapper.footer-social-wrapper {
    margin-top: 0px;
}

.footer-social ul {
    font-size: 0;
    display: flex;
    gap: 24px;
}

    .footer-social ul li {
        width: 30px;
        height: 30px;
        font-size: 19px;
    }

        .footer-social ul li a {
            display: block;
            text-align: center;
            line-height: 30px;
            color: #aaaaaa;
        }

        .footer-social ul li.medium a {
            padding: 5px;
        }

.footer-bottom {
    /*max-width: 1242px;*/
    margin: 0px auto 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*border-top: solid 1px #dadada;*/
    padding: 0px 0;
}



    /*  .footer-bottom.smalllogo::before {
            content: none;
        }*/

    .footer-bottom p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #606060;
    }

    .footer-bottom ul {
        display: flex;
    }

    .footer-bottom.smalllogo ul {
        gap: 70px;
    }

    .footer-bottom ul li {
        margin-right: 10px;
    }

        .footer-bottom ul li a {
            font-family: 'openSans-regular';
            font-size: 16px;
            color: #fff;
            position: relative;
            padding-right: 10px;
            font-weight: 700;
        }

            .footer-bottom ul li a::before {
                content: '';
                width: 1px;
                height: 15px;
                position: absolute;
                background: #fff;
                right: 0;
                top: calc(50% - 8px);
            }

    .footer-bottom.smalllogo ul li a::before {
        content: none;
    }

    .footer-bottom ul li:last-child {
        margin: 0;
    }

        .footer-bottom ul li:last-child a {
            padding: 0;
        }

            .footer-bottom ul li:last-child a::before {
                content: none;
            }

    .footer-bottom ul li a:hover {
        color: #fff;
    }


/******************  Contact us start  *********************/

.contact-us-top-wrapper {
    width: 100%;
    position: relative;
    background: url(../images/contact-us/contact-bg.png) no-repeat;
    /*background-attachment: fixed;*/
    background-position: 100% 16%;
    transition: all 0.5s ease-in-out;
}

    .contact-us-top-wrapper.bg-top {
        background-attachment: initial;
    }

.contact-us-container {
    max-width: 1366px;
    margin: auto;
    padding: 110px 30px 60px 50px;
    /*padding: 110px 30px 60px 50px;*/
}

.contact-us-head h1 {
    font-family: 'openSans-bold';
    font-size: 40px;
    line-height: 56px;
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-us-head p.alt-h1 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    line-height: 42px;
    color: #303030;
}

.contact-us-head p {
    font-family: 'openSans-light';
    font-size: 20px;
    font-weight: 300;
    line-height: 1.4;
    color: #676767;
}

.contact-us-form-wrapper {
    margin-top: 40px;
    margin-bottom: 136px;
}

    .contact-us-form-wrapper .nav-tabs {
        border: none;
    }

    .contact-us-form-wrapper .tabs-main .nav-item {
        margin: 0 20px 0 0;
        border: none !important;
    }

        .contact-us-form-wrapper .tabs-main .nav-item:last-of-type {
            margin-right: 0;
        }

        .contact-us-form-wrapper .tabs-main .nav-item a {
            border: none !important;
            padding: 8px 20px 8px 20px;
            border-radius: 10px;
            box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.15);
            background: #FFFFFF;
            text-align: center;
            position: relative;
            margin: auto;
            max-height: 120px;
            min-height: 120px;
            min-width: 210px;
        }

            .contact-us-form-wrapper .tabs-main .nav-item a h3 {
                font-family: 'openSans-regular';
                font-size: 16px;
                line-height: 19px;
                color: #303030;
                margin-bottom: 6px;
            }

            /*.contact-us-form-wrapper .tabs-main .nav-item a h3 span {
    font-size: 18px;
}*/

            .contact-us-form-wrapper .tabs-main .nav-item a p {
                max-width: 215px;
                display: none;
                margin-right: 50px;
                vertical-align: bottom;
            }

            .contact-us-form-wrapper .tabs-main .nav-item a .tab-img {
                transition: all 0.15s linear;
                width: 60px;
                height: 60px;
                position: absolute;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
            }

                .contact-us-form-wrapper .tabs-main .nav-item a .tab-img img {
                    transition: all 0.15s linear;
                    position: relative;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    left: 50%;
                }

            .contact-us-form-wrapper .tabs-main .nav-item a .view-more {
                margin-top: 65px;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a .view-more p {
                    margin: 0;
                    position: relative;
                    padding-bottom: 1px;
                    display: block;
                }

                    .contact-us-form-wrapper .tabs-main .nav-item a .view-more p::before {
                        content: '';
                        position: absolute;
                        left: 0;
                        bottom: 0;
                        width: calc(100% - 20px);
                        height: 1px;
                        background: #676767;
                        -webkit-transition: 0.2s;
                        -moz-transition: 0.2s;
                        -o-transition: 0.2s;
                        transition: 0.2s;
                    }

                    .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span {
                        position: relative;
                        font-family: 'openSans-regular';
                        font-size: 14px;
                        color: #676767;
                        line-height: normal;
                        padding-right: 20px;
                        -webkit-transition: 0.2s;
                        -moz-transition: 0.2s;
                        -o-transition: 0.2s;
                        transition: 0.2s;
                    }

                        .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span::before {
                            content: "";
                            position: absolute;
                            right: 8px;
                            top: 5px;
                            width: 6px;
                            height: 6px;
                            border-radius: 100%;
                            background: #f37222;
                            -webkit-transition: .2s;
                            -moz-transition: .2s;
                            -o-transition: .2s;
                            transition: .2s;
                            opacity: 1;
                        }

                        .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span::after {
                            content: '';
                            background: url(../images/view-moew-arrow.png) no-repeat;
                            position: absolute;
                            right: 8px;
                            top: calc(50% - 4px);
                            width: 15px;
                            height: 8px;
                            opacity: 0;
                            -webkit-transition: 0.2s;
                            -moz-transition: 0.2s;
                            -o-transition: 0.2s;
                            transition: 0.2s;
                        }

            .contact-us-form-wrapper .tabs-main .nav-item a:hover .view-more p::before {
                width: 100%;
                background: #f37222;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

            .contact-us-form-wrapper .tabs-main .nav-item a:hover .view-more p span {
                padding-right: 28px;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                color: #f37222;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a:hover .view-more p span::before {
                    opacity: 0;
                    -webkit-transition: 0.2s;
                    -moz-transition: 0.2s;
                    -o-transition: 0.2s;
                    transition: 0.2s;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a:hover .view-more p span::after {
                    opacity: 1;
                    -webkit-transition: 0.2s;
                    -moz-transition: 0.2s;
                    -o-transition: 0.2s;
                    transition: 0.2s;
                }

            .contact-us-form-wrapper .tabs-main .nav-item a.active {
                text-align: left;
                padding: 20px 20px 10px 20px;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a.active::before {
                    content: '';
                    width: 100%;
                    height: 4px;
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    background: #fa6400;
                    border-radius: 0 0 8px 8px;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a.active h3 {
                    font-family: 'openSans-semi-bold';
                    font-size: 24px;
                    line-height: 29px;
                    letter-spacing: 0.2px;
                    transition: 0.2s;
                    color: #303030;
                }

                /*.contact-us-form-wrapper .tabs-main .nav-item a.active h3 span {
    font-size: 36px;
    line-height: 1;
}*/

                .contact-us-form-wrapper .tabs-main .nav-item a.active p {
                    display: inline-block;
                    font-family: 'openSans-regular';
                    font-size: 16px;
                    /* font-weight: 300; */
                    color: #676767;
                    line-height: 19px;
                }

                    .contact-us-form-wrapper .tabs-main .nav-item a.active p span {
                        font-size: 14px;
                    }

                .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img {
                    width: 70px;
                    height: 70px;
                    left: 86%;
                    top: 40px;
                    transform: translate(-50%, -50%);
                    transition: 0.15s linear;
                }

                    .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img img {
                        position: relative;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        left: 50%;
                    }

                .contact-us-form-wrapper .tabs-main .nav-item a.active .view-more {
                    display: none;
                }


    /*.contact-us-form-wrapper .tabs-main.affix {
        position:fixed;
        top:78px;
        background:#CCCCCC;
        z-index:5;
    }*/


    /*affix styling start*/

    .contact-us-form-wrapper .tabs-main.affix {
        max-width: 100%;
        overflow-y: auto;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        background-color: #FFFFFF;
        padding: 20px 30px;
        position: fixed;
        left: 0;
        width: 100%;
        top: -100%;
        z-index: 9;
        animation: 0.5s contact-tabs-slideDown forwards;
    }

@keyframes contact-tabs-slideDown {
    from {
        top: -100%;
    }

    to {
        top: 70px;
    }
}

.contact-us-form-wrapper .tabs-main.affix::-webkit-scrollbar {
    width: 0 !important;
    display: none;
}

.contact-us-form-wrapper .tabs-main.affix {
    overflow: -webkit-scrollbars-none;
    overflow: -moz-scrollbars-none;
    overflow: -o-scrollbars-none;
    overflow: scrollbars-none;
}

.contact-us-form-wrapper .tabs-main.affix {
    -ms-overflow-style: none;
}

    .contact-us-form-wrapper .tabs-main.affix .nav-tabs {
        flex-direction: row;
        flex-wrap: nowrap;
        display: flex;
        max-width: 750px;
        margin-left: 50%;
        transform: translate(-555px, 0px);
    }

    .contact-us-form-wrapper .tabs-main.affix .nav-item {
        margin: 0 90px 0 0;
    }

        .contact-us-form-wrapper .tabs-main.affix .nav-item:last-child {
            margin-right: 0;
        }

        .contact-us-form-wrapper .tabs-main.affix .nav-item a {
            padding: 0;
            box-shadow: none;
            min-width: max-content;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
            min-height: inherit;
        }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a h3 {
                margin: 0;
                display: flex;
                align-items: baseline;
                font-family: 'openSans-regular';
                font-size: 16px;
                color: #676767;
                line-height: normal;
                transition: 0s;
                padding-bottom: 10px;
            }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a::before {
                content: '';
                width: 20px;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #303030;
                border-radius: 0;
            }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a.active::before {
                height: 1px;
                background: #fa6400;
                width: 100%;
            }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a.active h3 {
                font-family: 'openSans-semi-bold';
                font-size: 16px;
                font-weight: 600;
                color: #f37222;
            }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a h3 span {
                display: inline-block;
                margin-left: 5px;
                font-size: 16px;
            }

            .contact-us-form-wrapper .tabs-main.affix .nav-item a p,
            .contact-us-form-wrapper .tabs-main.affix .nav-item a .tab-img,
            .contact-us-form-wrapper .tabs-main.affix .nav-item a .view-more {
                display: none;
            }

.contact-us-form-wrapper .tabs-main.affixAbsolute {
    position: absolute;
}


/*fixed styling end*/

.contact-us-form-wrapper .tabs-content-main {
    max-width: 800px;
    padding: 30px 20px 15px 0;
}

    /*.tabs-main.affix + .tabs-content-main {
    padding-top: 70px;
}*/

    .contact-us-form-wrapper .tabs-content-main h3 {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

.quick-contact-form .align-items-baseline {
    flex-direction: row-reverse;
}

.contact-field-row {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.spinner-border.text-light {
    width: 1rem;
    height: 1rem;
    border-width: 0.13em;
}

.contact-us-form-wrapper .tabs-content-main .contact-field {
    margin-right: 28px;
    flex: 1;
    max-width: 280px;
    margin-bottom: 30px;
}

.requir {
    margin-top: 35px;
}

/*.contact-us-form-wrapper .tabs-content-main .big-field {
    max-width: 100%;
}*/

.contact-us-form-wrapper .tabs-content-main .contact-field.w-100 {
    max-width: 588px;
}

.contact-us-form-wrapper .tabs-content-main .contact-field label ~ span,
.contact-us-form-wrapper .tabs-content-main .contact-field .dropdown ~ span {
    font-family: 'openSans-regular';
    font-size: 12px;
    font-weight: 300;
    color: #D71C1C;
    position: absolute;
    top: 60px;
    /*padding-left: 25px;*/
    /*background: url(../images/error-icon.svg) no-repeat;*/
    background-size: auto;
    left: 0;
}

.contact-us-form-wrapper .tabs-content-main .contact-field .dropdown ~ span {
    top: 48px;
}


.contact-us-form-wrapper .tabs-content-main .contact-field.mob-number input {
    padding-left: 90px !important;
}

.contact-us-form-wrapper .tabs-content-main .contact-field input,
.tabs-content-main .contact-field textarea {
    font-family: 'openSans-regular';
    font-size: 16px;
    letter-spacing: 0.01px;
    color: #676767;
    margin: 0 !important;
    padding: 10px 0 !important;
    font-weight: normal !important;
    resize: none;
    border-color: #CECECE !important;
}

    .contact-us-form-wrapper .tabs-content-main .contact-field input ~ label,
    .tabs-content-main .contact-field textarea ~ label {
        font-family: 'openSans-regular';
        font-size: 12px !important;
        font-weight: 300;
        letter-spacing: 0.01px;
        color: #303030;
        transform: translate(0, 2rem) scale(1.5) !important;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-field input ~ label,
    .tabs-content-main .contact-field textarea ~ label {
        transform: translate(0, 1.6rem) scale(1) !important;
        font-size: 16px !important;
        color: #676767 !important;
        margin: 0 !important;
    }

.contact-us-form-wrapper .tabs-content-main .contact-field.focused input ~ label,
.tabs-content-main .contact-field.focused textarea ~ label {
    transform: translate(0, 0) scale(1) !important;
    font-size: 12px !important;
    color: #303030 !important;
    font-family: 'openSans-regular';
}

.contact-us-form-wrapper .tabs-content-main .contact-field.focused input,
.contact-us-form-wrapper .tabs-content-main .contact-field.focused textarea {
    border-color: #303030 !important;
}

    .contact-us-form-wrapper .tabs-content-main .contact-field.focused input:focus,
    .contact-us-form-wrapper .tabs-content-main .contact-field.focused textarea:focus {
        border-color: #fa6400 !important;
    }

.agree-checkbox label {
    line-height: 17px;
    font-family: 'openSans-regular';
    font-size: 14px;
    color: #909090;
    cursor: pointer;
    padding-left: 10px;
}

.agree-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    width: 20px;
    height: 20px;
    border-color: #f37222;
    background-color: #f37222;
    box-shadow: 0px 0px 8px 2px rgba(243, 114, 34, 0.2);
    border-radius: 4px;
}

.agree-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    width: 20px;
    height: 20px;
}

.agree-checkbox .custom-control-input:not(:disabled):active ~ .custom-control-label::before {
    color: #fff;
    background-color: #f9b991;
    border-color: #f9b991;
}

.agree-checkbox .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
    /*border-color: #fdb588;*/
    border-color: #f9b991;
}

.agree-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.2rem rgba(243, 114, 34, .25);
}

.contact-us-form-wrapper .tabs-content-main p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin: 0 0 5px 0;
}

    .contact-us-form-wrapper .tabs-content-main p span {
        font-family: 'openSans-light';
        font-size: 12px;
        line-height: 18px;
        color: #F37222;
        cursor: pointer;
    }

.contact-field-row.hidden-xs .contact {
    margin-top: 20px;
}



.contact-us-form-wrapper .tabs-content-main .contact-checkbox {
    /*margin: 15px 25px 25px 0;*/
}

    .contact-us-form-wrapper .tabs-content-main .contact-checkbox input {
        -webkit-appearance: none;
        width: 0;
        height: 0;
        border: none;
    }


    .contact-us-form-wrapper .tabs-content-main .contact-checkbox label {
        cursor: pointer;
        display: inline-block;
        padding: 8px 10px;
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        border-radius: 18px;
        border: 1px solid transparent;
        color: #676767;
        transition: none;
        margin: 0 3px 10px 0;
        user-select: none;
    }

        .contact-us-form-wrapper .tabs-content-main .contact-checkbox label:hover {
            border: 1px solid #aaaaaa;
            box-sizing: border-box;
        }

    .contact-us-form-wrapper .tabs-content-main .contact-checkbox span:not(:last-of-type) {
        margin-bottom: 10px;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-checkbox input:checked + label {
        border-color: #F37222;
    }

/*.contact-us-form-wrapper .tabs-content-main .contact-checkbox label {
    border-radius: 20px;
    background-color: #f4f4f4;
   font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    letter-spacing: -0.25px;
    color: #303030;
    padding: 11.5px 15px;
    cursor: pointer;
}

.contact-us-form-wrapper .tabs-content-main .contact-checkbox input:checked+label {
    background: #f37222;
    color: #FFFFFF;
    font-family: 'openSans-regular';
    padding: 11.5px 13.485px;
}*/

.contact-us-form-wrapper .form-group {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

    .contact-us-form-wrapper .form-group span {
        margin-right: 10px;
        padding-top: 0;
        color: #303030;
        font-size: 16px;
        font-family: opensans-regular;
    }

    .contact-us-form-wrapper .form-group .contact-field {
        width: 50px;
        padding: 5px 0 0 0;
        margin: 0 8px 0 10px;
    }

        .contact-us-form-wrapper .form-group .contact-field input {
            padding: 0 !important;
            text-align: center;
        }

    .contact-us-form-wrapper .form-group .cc-message .error {
        font-family: 'openSans-regular';
        font-size: 12px;
        font-weight: 400;
        color: #D71C1C;
        padding-left: 25px;
        background: url(../images/success-error/error.png) no-repeat;
        background-size: auto 100%;
    }

    .contact-us-form-wrapper .form-group .cc-message .success {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        color: #1B9831;
        padding-left: 25px;
        background: url(../images/success-error/success.png) no-repeat;
        background-size: auto 100%;
    }

.contact-us-form-wrapper .submit-btn {
    /*color: #ffe8d6;*/
    color: #fff;
    padding: 12px 32px;
    text-transform: inherit;
    cursor: pointer;
    position: relative;
    align-items: center;
    display: flex;
    gap: 8px;
    justify-content: center;
}

.contact-us-form-wrapper .submit-btn-main.add-loader::after {
    content: '';
    vertical-align: middle;
    width: 15px;
    height: 15px;
    border-width: 2px;
    border: .25em solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: spinner-border .75s linear infinite;
    animation: spinner-border .75s linear infinite;
    position: absolute;
    top: 15px;
    left: 20px;
}

.contact-us-form-wrapper .submit-btn:disabled, .contact-us-form-wrapper .submit-btn.disabled {
    opacity: .5;
    pointer-events:none;
}

.contact-us-form-wrapper input[type="file"] {
    display: none;
}

    .contact-us-form-wrapper input[type="file"] ~ label {
        display: flex;
        cursor: pointer;
        /*margin-bottom: 50px;*/
    }

        .contact-us-form-wrapper input[type="file"] ~ label span {
            display: block;
            margin-right: 15px;
            flex: 1;
            max-width: calc(100% - 70px);
        }

        .contact-us-form-wrapper input[type="file"] ~ label .attach-icon {
            width: 40px;
            height: 40px;
            border-radius: 8px;
            background-color: #d8d8d8;
            margin-right: 15px;
            cursor: pointer;
            position: relative;
            flex: inherit;
        }

            .contact-us-form-wrapper input[type="file"] ~ label .attach-icon img {
                display: block;
                margin: 9px auto;
            }

        .contact-us-form-wrapper input[type="file"] ~ label + .delete-icon {
            position: absolute;
            top: 0;
            left: 0;
            width: 40px;
            height: 40px;
            display: none;
            cursor: pointer;
        }

        .contact-us-form-wrapper input[type="file"] ~ label .attach-info p {
            margin: 3px 0 4px 0;
            font-family: 'openSans-regular';
            font-size: 14px;
            color: #303030;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .contact-us-form-wrapper input[type="file"] ~ label .attach-info span {
            font-family: 'openSans-light';
            font-size: 12px;
            font-weight: 300;
            letter-spacing: -0.22px;
            color: #aaaaaa;
            max-width: 100%;
        }

            .contact-us-form-wrapper input[type="file"] ~ label .attach-info span.doc-size {
                display: block;
            }

            .contact-us-form-wrapper input[type="file"] ~ label .attach-info span.success {
                color: #4bb543;
            }

.contact-us-form-wrapper .tvd-angular-field .dropdown {
    border-color: #CECECE;
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.01px;
    color: #aaaaaa;
}

.contact-us-form-wrapper .tvd-angular-field.focused .dropdown {
    border-color: #fa6400;
    color: #303030;
}

.contact-us-form-wrapper .tvd-angular-field .dropdown::after {
    /*background: url(../images/dropdown-arrow.svg) no-repeat;
    width: 13px;
    height: 10px;*/
    content: "";
    position: absolute;
    right: 5px;
    top: 0;
    width: 8px;
    height: 8px;
    margin: 0;
    display: inline-block;
    vertical-align: .255em;
    border-top: 1px solid #303030;
    border-left: 1px solid #303030;
    transform: rotate(-135deg);
    transition: 0.2s linear;
    background: none;
}

.contact-us-form-wrapper .tvd-angular-field .dropdown.open::after {
    transform: rotate(45deg);
}



.contact-us-form-wrapper .tvd-angular-field .dropdown.open .list {
    max-height: 210px;
    overflow: auto;
    border-radius: 4px;
    box-shadow: 0 0 9px 0 rgba(253, 172, 122, 0.22);
    border: solid 1px #d0cbcb;
    background-color: #FFFFFF;
    margin-top: 0px;
    padding: 0;
}

    .contact-us-form-wrapper .tvd-angular-field .dropdown.open .list ul li:first-child {
        display: none;
    }

.contact-us-form-wrapper .tvd-angular-field .dropdown .option {
    padding: 10px;
    font-family: 'openSans-light';
    border-bottom: solid 0.5px #bfbfbf;
    font-size: 14px;
    font-weight: 300;
    color: #44464a;
}

    .contact-us-form-wrapper .tvd-angular-field .dropdown .option.selected {
        box-shadow: 0 0 9px 0 rgba(253, 172, 122, 0.22);
        border-bottom: solid 1px #d0cbcb;
        background-color: #f0ecec;
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #44464a;
    }

    .contact-us-form-wrapper .tvd-angular-field .dropdown .option:last-child {
        border-bottom: none;
    }

    .contact-us-form-wrapper .tvd-angular-field .dropdown .option:hover {
        background-color: #f0ecec;
        color: #44464a;
    }

.emailus-strip-wrapper h3 {
    font-family: 'openSans-bold';
    font-size: 40px;
    line-height: 56px;
    font-weight:700;
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-align: center;
    margin-bottom: 40px;
}

.emailus-strip-main {
    width: 1206px;
    gap: 30px;
    margin: 0 auto;
    border-radius: 8px;
    background-color: #FFFFFF;
    padding: 40px 80px;
    display: flex;
    justify-content: space-between;
    box-shadow: 0px 4px 56px 0px #CE500926;
}

.emailus-strip-box {
    /*display: flex;*/
    align-items: center;
}

    .emailus-strip-box img {
        flex: 1;
        margin-right: 15px;
        margin: auto;
    }

.emailus-strip-info {
    margin-top: 8px;
}

.emailus-strip-box h4 {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    line-height: 28px;
    color: #676767;
    text-align: center;
    margin-bottom: 4px;
}

.emailus-strip-box p a {
    display: block;
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 28px;
    color: #676767;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

        .emailus-strip-box p a:hover {
            color: #f37222;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.contact-presence-wrapper {
    width: 100%;
    padding: 0px 15px 60px 15px;
    background: url(/resources/images/contact-us/our-presence.png) no-repeat;
    background-size: 100% auto;
}

.contact-presence-container {
    max-width: 1366px;
    margin: auto;
    padding: 60px 30px 60px 35px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.contact-presence-info {
    flex: 1;
    max-width: 588px;
    padding-top: 50px;
    margin-right: 30px;
}

    .contact-presence-info h3 {
        font-family: 'openSans-bold';
        font-size: 40px;
        line-height: 56px;
        background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 4px;
    }

    .contact-presence-info span {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #676767;
        margin-bottom: 33px;
        display: block;
    }

.stats {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.stat-item {
    text-align: center;
}

.stat-value {
    display: block;
    font-size: 24px;
    color: #ff4500;
    font-weight: bold;
}

.stat-label {
    font-size: 14px;
    color: #666;
}

.divider {
    height: 40px;
    width: 1px;
    background-color: #ccc;
}


    .contact-presence-info p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        display: flex;
        align-items: center;
    }

/* .contact-presence-info p i {
            margin: 0 5px;
        }*/

.contact-presence-countries {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-top: 50px;
}

/*.contact-presence-colm {
    max-width: 200px;
    margin-right: 30px;
    flex: 1;
}*/

.contact-presence-country {
    border-radius: 8px;
    width: 176px;
    height: 174px;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.1);
    background: linear-gradient(111deg, #ffffff, #ffffff);
    margin-bottom: 30px;
    position: relative;
    z-index: 1;
    padding: 40px 12px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .contact-presence-country:nth-of-type(n+1) {
        margin-right: 30px;
    }

    .contact-presence-country:nth-of-type(3),
    .contact-presence-country:nth-of-type(6) {
        margin-right: 0;
    }

    .contact-presence-country .contact-presence-icon {
        /*height: 59px;*/
        margin-bottom: 10px;
        position: relative;
    }

        .contact-presence-country .contact-presence-icon img {
            max-height: 100%;
        }

    .contact-presence-country img.dark {
        opacity: 1;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        margin: auto;
    }

    .contact-presence-country img.light {
        position: absolute;
        top: 0px;
        left: 0px;
        opacity: 0;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .contact-presence-country p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #676767;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        text-align: center;
    }

    .contact-presence-country.industries-presence {
        height:auto;
        min-height:174px;
        max-height:inherit;
    }

    .contact-presence-country.industries-presence p {
        font-family: 'openSans-semi-bold';
        color:#303030;
    }

    .contact-presence-country::before {
        position: absolute;
        border-radius: 8px;
        content: "";
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-image: linear-gradient(111deg, #e65739, #f37222);
        z-index: -1;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
        opacity: 0;
    }


    
  

/*.contact-presence-country:hover {
    box-shadow: 0 4px 55px 6px rgba(253, 175, 158, 0.6);
}

.contact-presence-country:hover::before {
    opacity: 1;
}

.contact-presence-country:hover img.dark {
    opacity: 0;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contact-presence-country:hover img.light {
    opacity: 1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.contact-presence-country:hover p {
    font-size: 20px;
    color: #FFFFFF;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}*/

.contact-social-container {
    max-width: 915px;
    margin: auto;
    padding: 0 80px;
}

    .contact-social-container h3 {
        font-family: 'openSans-bold';
        font-size: 40px;
        line-height: 56px;
        background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        text-align: center;
    }

.contact-social-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 64px;
}

.contact-social {
    margin: 40px 0px 0px 0px;
}

    .contact-social a {
        display: block;
    }

        .contact-social a img {
            display: block;
        }

.contact-p-dark {
    color: #303030 !important;
    font-size: 18px !important;
}

.service-dropdown {
    position: relative;
    height: auto;
    border-bottom: 1px solid #ccc;
    transition: 0.2s;
    background: 0 0 !important;
    padding: 10px 0 10px 0 !important;
    cursor: pointer;
}

    .service-dropdown:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 0;
        width: 8px;
        height: 8px;
        margin: 0;
        display: inline-block;
        vertical-align: .255em;
        border-top: 1px solid #303030;
        border-left: 1px solid #303030;
        transform: rotate(-135deg);
        transition: 0.2s linear;
    }

    .service-dropdown.active:after {
        transform: rotate(45deg);
    }

    .service-dropdown.focused {
        border-color: #fa6400;
    }

    .service-dropdown.boder-black {
        border-color: #000 !important;
    }

.services-badge {
    background: #F2F2F2;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 40px 6px 16px;
    margin: 0 0 5px 0;
    box-shadow: none !important;
}

.service-name {
    font-family: 'openSans-regular';
    font-size: 12px;
    /* line-height: 10px; */
    color: #676767;
}

.service-badge-close {
    width: 10px;
    height: 10px;
    background: url(../images/contact-us/close.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% - 90%);
    cursor: pointer;
}

.service-dropdown-content {
    width: 980px;
    padding: 30px 40px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: absolute;
    top: calc(100% - 25px);
    left: 0;
    z-index: 7;
    user-select: none;
}

    .service-dropdown-content .close-dropdown {
        position: absolute;
        right: 3%;
        top: 3%;
        display: inline-block;
        cursor: pointer;
        width: 15px;
        height: 15px;
    }

    .service-dropdown-content .select-item {
        position: absolute;
        right: 45px;
        bottom: 35px;
    }

        .service-dropdown-content .select-item p {
            font-size: 12px;
            line-height: 15px;
            color: #AAAAAA;
            margin: 0;
        }

    .service-dropdown-content .close-dropdown img {
        width: 15px;
    }

.service-submenu-list .service-submenu-item {
    width: 32%;
}

.service-submenu-list .service-heading {
    display: inline-block;
    position: relative;
    font-family: 'openSans-semi-bold';
    color: #303030;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 3px;
    margin-bottom: 12px;
    border-bottom: 1px solid #CECECE;
}

/*.service-submenu-list .service-heading::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CECECE;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.service-submenu-indiv {
    margin-bottom: 20px;
}

    .service-submenu-indiv > h5 {
        display: inline-block;
        border: 1px solid transparent;
        border-radius: 14px;
        padding: 5px 12px;
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 17px;
        color: #303030;
        cursor: pointer;
        transition: 0.2s linear;
    }

/*.service-submenu-indiv .service-submenu-indiv-item span {
    cursor: pointer;
    display: inline-block;
    padding: 5px 12px;
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 17px;
    border-radius: 14px;
    border: 1px solid transparent;
    color: #676767;
    transition: 0.2s linear;
    margin: 0 3px 0 0;
}

.service-submenu-indiv .service-submenu-indiv-item span:hover,
.service-submenu-indiv > h5:hover {
    border: 1px solid #aaaaaa;
    box-sizing: border-box;
}

.service-submenu-indiv .service-submenu-indiv-item span:not(:last-of-type) {
    margin-bottom: 10px;
}

.service-submenu-indiv > h5.active,
.service-submenu-indiv .service-submenu-indiv-item span.active {
    border-color: #F37222;
}*/


.social-dropdown {
    position: relative;
    height: auto;
    border-bottom: 1px solid #ccc;
    transition: 0.2s;
    background: 0 0 !important;
    padding: 10px 15px 10px 0 !important;
    cursor: pointer;
    min-height: 55px;
}

    .social-dropdown:after {
        content: "";
        position: absolute;
        right: 5px;
        top: 20px;
        width: 8px;
        height: 8px;
        margin: 0;
        display: inline-block;
        vertical-align: .255em;
        border-top: 1px solid #303030;
        border-left: 1px solid #303030;
        transform: rotate(-135deg);
        transition: 0.2s linear;
    }

    .social-dropdown.active:after {
        transform: rotate(45deg);
    }

    .social-dropdown.focused {
        border-color: #fa6400;
    }

    .social-dropdown.boder-black {
        border-color: #000 !important;
    }

.social-badge {
    background: #F2F2F2;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 40px 6px 16px;
    margin: 0 0 5px 0;
    box-shadow: none !important;
    user-select: none;
}

.social-name {
    font-family: 'openSans-regular';
    font-size: 12px;
    /* line-height: 10px; */
    color: #676767;
}

.social-badge-close {
    width: 10px;
    height: 10px;
    background: url(../images/contact-us/close.svg) no-repeat center;
    background-size: contain;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    right: calc(100% - 90%);
    cursor: pointer;
}

.social-dropdown-content {
    width: 700px;
    padding: 30px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    box-sizing: border-box;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    position: absolute;
    top: calc(100% - 25px);
    left: 0;
    z-index: 7;
}

    .social-dropdown-content .close-dropdown {
        position: absolute;
        right: 10px;
        top: 10px;
        display: inline-block;
        cursor: pointer;
        width: 12px;
        height: 12px;
    }

    .social-dropdown-content .select-item {
        position: absolute;
        right: 20px;
        bottom: 15px;
    }

        .social-dropdown-content .select-item p {
            font-size: 12px;
            line-height: 15px;
            color: #AAAAAA;
            margin: 0;
        }

    .social-dropdown-content .close-dropdown img {
        width: 15px;
    }

.social-submenu-list .social-submenu-item {
    width: 32%;
}

.social-submenu-list .social-heading {
    display: inline-block;
    position: relative;
    font-family: 'openSans-semi-bold';
    color: #303030;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 17px;
    padding-bottom: 3px;
    margin-bottom: 12px;
    border-bottom: 1px solid #CECECE;
}

/*.service-submenu-list .service-heading::after {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CECECE;
    position: absolute;
    bottom: 0;
    left: 0;
}*/

.social-submenu-indiv {
    margin-bottom: 20px;
}

    .social-submenu-indiv > h5, .social-submenu-indiv > a {
        display: inline-block;
        border: 1px solid transparent;
        border-radius: 18px;
        padding: 8px 12px;
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 17px;
        color: #303030;
        cursor: pointer;
        transition: 0.3s;
    }

    .social-submenu-indiv .social-submenu-indiv-item span {
        cursor: pointer;
        display: inline-block;
        padding: 5px 12px;
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 17px;
        border-radius: 14px;
        border: 1px solid transparent;
        color: #676767;
        transition: 0.2s linear;
        margin: 0 3px 0 0;
    }

        .social-submenu-indiv .social-submenu-indiv-item span:hover,
        .social-submenu-indiv > h5:hover, .social-submenu-indiv > a:hover {
            border: 1px solid #aaaaaa;
            box-sizing: border-box;
            user-select: none;
        }

        .social-submenu-indiv .social-submenu-indiv-item span:not(:last-of-type) {
            margin-bottom: 10px;
        }

        .social-submenu-indiv > h5.active,
        .social-submenu-indiv .social-submenu-indiv-item span.active {
            border-color: #F37222;
        }

#other-social-inp {
    display: none;
}

/******************  Contact us end  *********************/


/*===============  Our Work  ==================*/

.our-work-top-wrapper {
    width: 100%;
    background: url(../images/desktop-our-work-bg.svg) no-repeat;
    background-position: top right;
    padding-top: 115px;
}

.digital-visualization-content {
    padding-top: 0;
    background: none;
}

.our-work-top-wrapper .experience-us-container {
    background: url(../images/desktop-our-work-amiba.svg) no-repeat;
    background-position: left bottom;
}

.our-work-top-wrapper .slide-caption-main {
    padding: 0 !important;
}

.our-work-slide {
    padding-top: 105px;
}

.our-work-listing {
    display: flex;
    justify-content: center;
    line-height: 22px;
    margin-bottom: 30px;
    margin-top: 5px;
}

    .our-work-listing > li {
        font-size: 16px;
        line-height: 24px;
        font-family: 'openSans-semi-bold';
        color: #303030;
        position: relative;
        padding: 0 15px;
    }

        .our-work-listing > li:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 50%;
            top: 50%;
            left: 0;
            transform: translateY(-50%);
            background: #303030;
        }

        .our-work-listing > li:first-child:before {
            display: none;
        }

.our-work-slide {
    background-size: contain;
    background-position: 413px top;
    background-repeat: no-repeat;
    height: 100vh;
    outline: none !important;
}

.slider-top-content .slide-caption-info h3 {
    font-size: 28px;
    font-family: 'openSans-semi-bold';
}

.slider-top-content .slide-caption-info p {
    font-size: 20px;
}

.work-slider-box .main-head {
    color: #303030;
    font-family: openSans-bold;
    font-size: 24px;
    line-height: 1.25;
}

.work-slider-box .main-para {
    font-size: 18px;
    color: #303030;
    font-family: 'openSans-regular';
}

.work-list {
    line-height: 1.14;
    font-family: 'openSans-light';
    color: #303030;
    font-size: 14px;
    margin-top: 10px;
    margin-bottom: 12px;
}

.primary-btn {
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px rgba(249, 194, 160, 0);
    border: solid 1px #f37222;
    background-color: #f37222;
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: #ffe8d6;
    padding: 14px 22.14px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.slider-container {
    padding: 0 75px;
}

.slider-content-box {
    margin-top: 45px;
    padding: 0 50px 0 15px;
}

.mw-100 {
    max-width: 100%;
}


/*.experience-us-container
    {
        margin-top:60px;
    }*/

.experience-us-container .hp-case-study-tabs {
    margin-top: 0;
}

.experience-us-container .hp-clients-head {
    margin-bottom: 20px;
}

.experience-us-container .container-fluid {
    padding: 0;
}

.dropdown-toggle::after {
    all: initial;
    display: inline-block;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: 1px solid #303030;
    border-left: 1px solid #303030;
    width: 5px;
    height: 5px;
    transform: rotate(-135deg);
}

.card-title {
    font-size: var(--fs-20);
    line-height: 24px;
    color: var(--text-primary);
    font-family: 'openSans-semi-bold';
    margin-bottom: 5px;
}

.card {
    border: none;
}

.card-container .hp-case-study-info {
    padding: 0;
    width: 350px;
    background: transparent;
}

.our-work-top-wrapper .slider-main .slick-dots {
    left: 90px;
}

.card-container {
    /*padding: 0 335px;*/
    padding: 0 250px;
}

.our-work-top-wrapper .hp-case-study-info .view-more {
    margin-top: 10px;
}

.experience-us-container .subscribe-section {
    margin-bottom: 50px;
}

.our-work-top-wrapper .card-box:nth-child(even) {
    padding-left: 45px;
    /*margin-bottom: 40px;*/
}

.subscribe-container h3 > span {
    /*font-family: 'openSans-light';*/
}

.drop-link-box {
    background: url(../images/drop-us/subscribe-bg-1.webp) no-repeat, url(../images/drop-us/sketch.webp) no-repeat,linear-gradient(180deg, #FFFFFF 0%, #F8F8F8 127.62%);
    background-position: 0 135%, 100% 100%;
    background-color: #f5f6fa;
    background-size: auto 250px, auto 250px,cover;
}

    .drop-link-box .subscribe-container {
        max-width: 590px;
    }

.random-card-container {
    margin-top: 60px;
}

.our-work-top-wrapper .contact-us-container,
.our-work-top-wrapper .contact-us-container .hp-client-section-main {
    padding-top: 00px;
}

    .our-work-top-wrapper .contact-us-container .hp-clients-wrapper {
        margin-top: 90px;
    }

.our-work-top-wrapper .hp-clients-wrapper {
    margin-top: 55px !important;
}

.drp-tabs {
    min-width: 295px;
}

    .drp-tabs > a {
        padding: 4px 15px !important;
    }

        .drp-tabs > a:active {
            color: #999 !important;
            border-bottom: none;
        }

.our-work-top-wrapper .card-body,
.hp-case-study-info .card-body {
    padding-left: 0;
    padding-right: 0;
}

.our-work-top-wrapper .subscribe-section {
    padding: 90px 15px 55px 15px;
}

.our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item {
    margin: 0 18px;
}

.our-work-top-wrapper .slider-top-content .slide-caption-info p {
    color: #303030;
}

.our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
    padding: 46px 0;
    margin: 0 auto;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    width: 55%;
    background: #FFF;
}

    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item a {
        width: max-content;
        width: -webkit-max-content;
        width: -moz-max-content;
        border-radius: 0;
        background: none;
        font-size: 16px;
        position: relative;
    }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item a::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 1px;
            background: #303030;
            left: 0;
            bottom: 0px;
        }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item a.active {
            color: #ff5c00;
            background: none;
        }

            .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item a.active::before {
                content: none;
            }

.our-work-top-wrapper .hp-case-study-tabs {
    max-width: 100%;
}

.our-work-inactive {
    display: none;
}

.our-work-top-wrapper .subscribe-container .form-group {
    margin-bottom: 10px;
}

.thankyou-work {
    max-width: 430px;
    margin: auto;
}

    .thankyou-work video {
        max-width: 100%;
        margin: auto;
        height: auto;
    }

    .thankyou-work h2 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        color: #303030;
        padding: 10px 0;
    }

    .thankyou-work p.head {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        color: #303030;
        padding: 0px 0;
    }

    .thankyou-work > p {
        font-size: 18px;
    }

.career-thankyou {
    max-width: 430px;
    margin: auto;
}

    .career-thankyou video {
        max-width: 70%;
        margin: auto;
        height: auto;
    }

    .career-thankyou h2 {
        font-family: 'openSans-regular';
        font-size: 26px;
        font-weight: 600;
        line-height: 40px;
        color: #333333;
    }

    .career-thankyou p {
        font-size: 18px;
        font-family: 'openSans-regular';
        color: #333333;
        margin: 0 0 10px 0;
    }


/*OUR WORK END*/


/************************* about us start *************************/

.about-us-top-wrapper {
    width: 100%;
    background: url(../images/desktop-about-bg.png) no-repeat;
    background-position: top right;
    /*background-attachment:fixed;*/
}

.about-us-container {
    max-width: 1210px;
    margin: auto;
    padding: 160px 30px 85px 30px;
}

.about-us-head {
    max-width: 695px;
}

    .about-us-head h1 {
        font-family: 'openSans-regular';
        font-size: 32px;
        line-height: 1.06;
        color: #303030;
        font-weight: 600;
        margin-bottom: 25px;
    }

        .about-us-head h1 span {
            font-weight: normal;
            display: block;
        }

    .about-us-head p {
        font-family: 'openSans-light';
        font-size: 20px;
        font-weight: 300;
        line-height: 1.4;
        color: #676767;
    }

    .about-us-head > p > span {
        font-family: 'openSans-regular';
    }

.about-us-certificates-main {
    margin-top: 50px;
    display: flex;
}

.about-us-certificate {
    max-width: 210px;
    margin-right: 40px;
}

    .about-us-certificate p {
        font-family: 'openSans-regular';
        font-size: 12px;
        text-align: center;
        color: #676767;
        text-transform: uppercase;
        margin-top: 10px;
        padding: 0 10px;
    }

    .about-us-certificate a {
        display: block;
    }

    .about-us-certificate.goodfirms img {
        margin: 0 auto 20px auto;
    }

    .about-us-certificate.cluth img {
        max-width: 70.5%;
        margin: auto;
    }

.our-leader-main-container {
    max-width: 1060px;
    width: 100%;
    margin: 0 auto;
}

.team-title {
    font-size: 28px;
    font-family: 'openSans-light';
    color: #303030;
    line-height: 34px;
    text-align: center;
}

    .team-title span {
        font-family: 'openSans-regular';
    }

.team-sub-title {
    font-size: 20px;
    font-family: 'openSans-light-italic';
    color: #676767;
    line-height: 28px;
    text-align: center;
}

.leadership-team-section {
    margin-top: 25px;
}

.team-heading {
    font-size: 20px;
    font-family: 'openSans-bold';
    color: #676767;
    line-height: 28px;
    text-align: center;
}

.individual-leader-wrp {
    width: 512px;
    height: auto;
    border-radius: 10px;
    border: solid 1px #ededed;
    margin-top: 30px;
    padding: 15px;
}

    .individual-leader-wrp:hover {
        -webkit-box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
        box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
    }

.leader-img {
    overflow: hidden;
    border-radius: 10px;
}

.leader-info-wrp {
    position: relative;
    padding: 30px 0 30px 30px;
}

.name-wid-post .name-txt {
    font-size: 20px;
    font-family: 'openSans-bold';
    color: #303030;
    line-height: 28px;
}

.name-wid-post .post-txt {
    font-size: 14px;
    font-family: 'openSans-regular';
    color: #676767;
    line-height: 28px;
}

.social-connect {
    margin: 20px 0 0;
}

.social-connect-list li {
    margin-right: 14px;
}

.know-more-wrp {
    position: absolute;
    bottom: 25px;
}


/* shashank our leaders css end 10102019 */


/* shashank core team css start 11102019 */

.core-team-main-wrapper {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto;
}

.core-team-inner-wrapper .team-heading {
    margin: 25px 0;
}

.team-core-card {
    position: relative;
    display: inline-block;
    margin: 0 20px 30px 20px;
    overflow: hidden;
    width: 227px;
    border-radius: 10px;
}

    .team-core-card:last-of-type {
        margin-right: 0;
    }

    .team-core-card:hover .core-team-info {
        width: 100%;
        background: rgba(255, 255, 255, 1);
        bottom: 0;
        padding: 20px;
    }

    .team-core-card:hover {
        -webkit-box-shadow: 0 0 20px 0 rgba(180, 180, 180, 0.42);
        box-shadow: 0 0 20px 0 rgba(180, 180, 180, 0.42);
        border-radius: 10px;
    }

    .team-core-card .more-info {
        display: none;
    }

.core-team-img {
    overflow: hidden;
    border-radius: 8px 8px 0 0;
    margin-bottom: 45px;
}


.core-team-info {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.9);
    padding: 13px 0;
    left: 0;
    right: 0;
    bottom: -80%;
    margin: 0 auto;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background: #F3F3F3;
    border-radius: 0px 0px 8px 8px;
    padding: 11px 0;
}

.name-core-member {
    font-size: 14px;
    font-family: 'openSans-bold';
    color: #303030;
    line-height: 12px;
    text-align: center;
    padding-bottom: 10px;
}

.leader-desg {
    font-family: 'openSans-regular';
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #303030;
    display: block;
}

.intro-core-member {
    font-size: 14px;
    font-family: 'openSans-regular-italic';
    color: #303030;
    line-height: 22px;
    margin-top: 15px;
}

.core-team-info .close {
    display: none;
}

.quotn-mark img {
    width: 22px;
    margin-bottom: 5px;
}


/* shashank core team css end 11102019 */

.awards-recognition-section {
    padding: 40px 15px 30px 15px;
    background: url(../images/awards-recognition-bg.svg) no-repeat;
    background-position: bottom left;
}

.awards-recognition-container {
    max-width: 1175px;
    margin: auto;
}

.awards-recognition-wrapper {
    display: flex;
    margin-top: 75px;
    align-items: flex-start;
}

.awards-recognition-slider-main {
    max-width: 442px;
    margin-right: 12px;
}

.awards-recognition-slide p {
    margin: 3px 0 3px 0;
    text-align: center;
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.56;
    color: #303030;
    padding: 0 75px;
}

.awards-recognition-slide.slick-slide {
    transform: scale(0.8);
    opacity: 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

    .awards-recognition-slide.slick-slide.slick-active {
        transform: scale(1);
        opacity: 1 !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
    }

.awards-recognition-slider-main .slick-dots {
    bottom: 0;
    left: 0;
    width: auto;
    right: 0;
}

.awards-recognition-slider-main li {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin: 0 5px;
}

.awards-recognition-slider-main .slick-dots li button {
    background: #606060;
    border-radius: 100%;
    opacity: 1;
    border: solid 2px #FFFFFF;
}

.awards-recognition-slider-main .slick-dots li.slick-active button {
    background: transparent;
    border: solid 2px #303030;
}

.awards-main-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
}

.about-insigths-section {
    background: #FFFFFF;
    position: relative;
    padding-bottom: 50px;
}

.awards-main {
    max-width: 161px;
    margin: 0 15px 40px 15px;
}

    .awards-main img {
        display: block;
        margin: auto;
    }

    .awards-main p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #303030;
        margin-bottom: 10px;
    }

    .awards-main span {
        font-family: 'openSans-light';
        font-size: 12px;
        font-weight: 300;
        line-height: 18px;
        text-align: center;
        color: #303030;
        display: block;
        text-transform: uppercase;
    }

.awards-main-wrapper .view-more {
    margin-left: 43px;
    margin-top: 60px;
}

.about-insigths-section::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 275px;
}

.about-insigths-section .hp-insights-section-container {
    margin: 0 auto;
    position: relative;
}

.about-insigths-section .hp-insights-head .nav-tabs {
    border: none;
    margin: 30px auto 0 auto;
    justify-content: center;
}

    .about-insigths-section .hp-insights-head .nav-tabs .nav-item {
        margin: 0 20px;
    }

    .about-insigths-section .hp-insights-head .nav-tabs .nav-link {
        border: none;
        border-radius: 0;
        padding: 0 0 6px 0;
        border-bottom: 2px solid transparent;
        font-family: 'openSans-light';
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #676767;
    }

        .about-insigths-section .hp-insights-head .nav-tabs .nav-link.active {
            border-bottom: 2px solid #f37222;
            font-family: 'openSans-regular';
            color: #f37222;
        }

.about-insigths-section .hp-insights-section-container .hp-insights-wrapper {
    margin-top: 15px;
}


/* Jeelani Events & Conference css start 11102019 */

.events-con-main-wrapper {
    max-width: 1366px;
    width: 100%;
    margin: 0 auto;
    background: url('../images/event-conference-map-bg.png') no-repeat;
    background-position: center 55px;
}

.events-con-inner-wrapper {
    width: 80%;
    margin: 0 auto;
}

.event-con-title {
    font-size: 22px;
    font-family: 'openSans-light';
    color: #303030;
    line-height: 28px;
    text-align: center;
    margin-bottom: 12px;
}

    .event-con-title > span {
        font-family: 'openSans-regular';
    }

.event-con-p {
    font-family: 'openSans-light';
    font-size: 18px;
    color: #676767;
    text-align: center;
}

.events-con-main-wrapper .slide-caption {
    /*width: 80%;*/
}

.slick-inner-container {
    max-width: 287px;
    width: 100%;
    margin: auto;
}

.events-con-main-wrapper .slick-prev,
.events-con-main-wrapper .slick-next {
    top: 30%;
    width: 25px;
    height: 47px;
}

.events-con-main-wrapper .slick-prev {
    left: -35px;
}

.events-con-main-wrapper .slick-next {
    right: -35px;
}

.events-con-main-wrapper .slide-caption > h3 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    color: #303030;
    text-align: center;
    padding: 8px 0;
}

.events-con-main-wrapper .slide-caption > p {
    font-size: 14px;
    text-align: center;
    font-family: 'openSans-regular';
    padding-bottom: 8px;
    color: #303030;
}

.events-con-main-wrapper .slide-caption > span {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
    text-align: center;
    line-height: 20px;
    text-transform: capitalize;
}

.events-con-main-wrapper .slick-slide img {
    width: 268px;
    margin-bottom: 15px;
    border-radius: 5px;
}

.events-con-main-wrapper .slick-slide .slick-current {
    width: 346px;
}

.csr-slider-container {
    max-width: 1175px;
    margin: auto;
    position: relative;
}

.csr-slider-section .csr-slider-head {
    max-width: 570px;
    margin: 0 auto 15px auto;
}

.csr-slider-main {
    margin: 0;
}

    .csr-slider-main .slick-arrow {
        width: 8px;
        height: 15px;
        bottom: 70px;
        top: auto;
        z-index: 2;
    }

        .csr-slider-main .slick-arrow.slick-prev {
            right: 135px;
            left: auto;
        }

        .csr-slider-main .slick-arrow.slick-next {
            right: 100px;
        }

.csr-slider {
    position: relative;
    padding-bottom: 40px;
}

    .csr-slider img {
        display: block;
        margin: auto;
        border-radius: 10px;
    }

    .csr-slider .csr-slider-info {
        max-width: 415px;
        padding: 15px 30px 70px 30px;
        background: #FFFFFF;
        border-radius: 10px;
        position: absolute;
        right: 70px;
        bottom: 15px;
        box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
    }

        .csr-slider .csr-slider-info h4 {
            font-family: 'openSans-regular';
            font-size: 18px;
            line-height: 1.56;
            color: #303030;
            margin-bottom: 10px;
        }

        .csr-slider .csr-slider-info p {
            font-family: 'openSans-light';
            font-size: 14px;
            font-weight: 300;
            line-height: 1.43;
            color: #676767;
        }

.about-clients-slider-section {
    padding-bottom: 50px;
    padding-top: 15px;
}

    .about-clients-slider-section .view-more {
        margin-top: 20px;
    }

    .about-clients-slider-section .clients-slider-head h4 {
        margin-bottom: 5px;
        text-align: center;
        font-family: 'openSans-light';
    }

        .about-clients-slider-section .clients-slider-head h4 span {
            display: inline-block;
        }

    .about-clients-slider-section .clients-slider-head p {
        display: block;
        text-align: center;
        color: #303030;
        font-size: 17px;
        font-family: 'openSans-light';
    }

    .about-clients-slider-section img {
        border-radius: 10px;
    }

.event-con-p > span {
    font-family: 'openSans-regular';
    font-size: 18px;
}


/************************* about us end *************************/


/************************* new about us start *************************/

.about-banner-wrapper {
    padding-top: 90px;
}

.about-banner-main {
    background-color: #f37222;
    background-size: cover;
    background-position: right;
    position: relative;
    min-height: 348px;
}

    .about-banner-main::before {
        content: url(../images/about-new/bg-dots.svg);
        width: 66px;
        height: 53px;
        position: absolute;
        bottom: 40px;
        left: 47%;
        z-index: 1;
        transform: translateX(-50%);
    }

.about-banner-container {
    max-width: 91.92%;
    margin-left: 100px;
    padding: 60px 0 60px 45px;
    border-left: 4px solid #FFFFFF;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .about-banner-container::before {
        content: '#';
        position: absolute;
        left: -20.5px;
        top: calc(50% - 50px);
        font-family: 'openSans-semi-bold';
        font-weight: bold;
        font-size: 66px;
        line-height: 74px;
        color: #FFFFFF;
        padding: 0 0.5px;
        background: #f37222;
    }

.about-banner-left {
    max-width: 651px;
}

    .about-banner-left p {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 27px;
        color: #FFFFFF;
    }

    .about-banner-left h2 {
        font-family: 'openSans-bold';
        font-size: 40px;
        line-height: 54px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

.about-banner-right {
    max-width: 615px;
    margin: 20px 0 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .about-banner-right span {
        display: block;
        text-align: center;
        margin-bottom: 10px;
        font-size: 22px;
        line-height: 30px;
        color: var(--text-white);
        font-family: 'openSans-regular';
    }

.about-banner-img {
    width: 600px;
    overflow: hidden;
}

.about-banner-right::before,
.about-banner-right::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 115px;
    height: 173px;
    background: #f37222;
    z-index: 1;
}

.about-banner-right::before {
    left: 0;
    background: linear-gradient(to right, rgba(243,114,34,1) 0%,rgba(0,0,0,0) 100%);
}

.about-banner-right::after {
    right: 0;
    background: linear-gradient(to left, rgba(243,114,34,1) 0%,rgba(0,0,0,0) 100%);
}

.about-banner-img img:not(:last-of-type) {
    margin-bottom: 5px;
}

.about-banner-img img:nth-of-type(2) {
    animation: fadeLeft .65s ease-in;
    animation-delay: 0.5s;
    transform: translateX(20px);
}

.about-banner-img img:nth-of-type(1),
.about-banner-img img:nth-of-type(3) {
    animation: fadeRight .65s ease-in;
    animation-delay: 0.5s;
}


@keyframes fadeLeft {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        transform: translateX(20px);
    }
}

@-webkit-keyframes fadeLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }
}

@keyframes fadeRight {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
    }
}

@-webkit-keyframes fadeRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.about-banner-right h3 {
    font-family: 'openSans-bold';
    font-size: 28px;
    line-height: 34px;
    color: #FFFFFF;
    margin-bottom: 5px;
    margin-top: 20px;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}

.about-banner-right p {
    font-family: "'openSans-regular'";
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
    margin-bottom: 10px;
    text-shadow: -1px 1px 3px rgba(0, 0, 0, 0.3);
}

.about-main-intro {
    max-width: 898px;
    padding: 35px 6px 0 6px;
    margin: auto;
}

    .about-main-intro p {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        text-align: center;
        color: #303030;
    }

        .about-main-intro p strong {
            font-family: 'openSans-semi-bold';
        }

        .about-main-intro p span {
            font-size: 40px;
        }

.about-digital-exp-main {
    max-width: 1234px;
    margin: 0 auto;
    display: flex;
    padding: 60px 0 0 0;
    align-items: center;
}

.about-digital-exp-fig {
    margin-right: 35px;
}

.about-digital-exp-info {
    flex: 1;
    /*padding-top: 100px;*/
}

    .about-digital-exp-info h2 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        line-height: 38px;
        color: #303030;
        margin-bottom: 4px;
    }

    .about-digital-exp-info p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        color: #676767;
        margin-bottom: 25px;
    }

        .about-digital-exp-info p:last-of-type {
            margin-bottom: 0;
        }

    .about-digital-exp-info b {
        font-weight: 600;
    }

    .about-digital-exp-info h3 {
        font-family: 'openSans-bold';
        font-size: 28px;
        line-height: 36px;
        color: #303030;
        margin-bottom: 10px;
    }

.about-our-story-main {
    padding: 90px 80px 80px 80px;
    background: url('../images/about-digital-exp-bg-3.svg') no-repeat, url('../images/about-digital-exp-bg-1.svg') no-repeat, url('../images/about-digital-exp-bg-2.svg') no-repeat, url('../images/about-digital-exp-firework.png') no-repeat, linear-gradient(135.04deg, #9B9BFF 23.78%, #6B6BFD 72.73%);
    display: flex;
    align-items: center;
    background-position: 100% 50%, 0 -8px, 100% -20px, 266px 140px, 0px;
}

.about-our-story-head h2 {
    font-family: 'openSans-bold';
    font-size: 42px;
    font-weight: 700;
    line-height: 58px;
    color: #FFFFFF;
    max-width: 336px;
    margin-right: 200px;
}

.about-our-story-timeline-main {
    display: flex;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    position: relative;
}

    .about-our-story-timeline-main::before {
        content: '';
        position: absolute;
        width: calc(100% - 150px);
        height: 4px;
        /*background: #EDBC9F linear-gradient(to right, rgba(30,87,153,0) 0%,rgb(243 129 61) 50%,rgba(125,185,232,0) 100%);
        background-position: 0%;*/
        background-color: white;
        left: 0;
        right: 0;
        top: calc(50% - 20px);
        margin: auto;
        /*animation: 2s 0s story-timeline-line linear infinite;*/
    }


/*@keyframes story-timeline-line {
    0% {
        background-position: 0px;
    }

    100% {
        background-position: 800px;
    }
}*/

.about-our-story-timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .about-our-story-timeline:first-child {
        padding-left: 0;
    }

    .about-our-story-timeline:nth-child(2) {
        margin-top: -30px;
    }

    .about-our-story-timeline:last-child {
        padding-right: 0;
    }

#flipbook {
    display: inline-block;
    padding-bottom: 20px;
    box-sizing: content-box;
}

.about-our-story-timeline .born-year {
    background: url('../images/born-year-bg.svg') no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    width: 70px;
    height: 76px;
    /*border-radius: 100%;
        border: 8px solid #B7879C;*/
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 17px;
}


    /*.about-our-story-timeline .born-year::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: rgba(255, 255, 255, 0.85);
        }*/

    .about-our-story-timeline .born-year span {
        position: relative;
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        color: #303030;
        padding-top: 15px;
    }

.about-our-story-timeline h3 {
    font-family: 'openSans-semi-bold';
    font-size: 24px;
    line-height: 28.13px;
    color: #FFFFFF;
    min-width: 130px;
    text-align: center;
}

.about-our-story-timeline .timeline-dot {
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: #FFFFFF;
    border: 4px solid #F37324;
    margin-bottom: 12px;
}

.about-our-story-timeline a {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 23.44px;
    text-align: center;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}

.about-our-story-timeline.about-our-story-awards-slider {
    max-width: 390px;
    flex-direction: row;
}

.about-our-story-timeline .slick-arrow {
    position: absolute;
    top: 100%;
    left: calc(50% - 45px);
    margin: 10px 0;
    background-color: #FFFFFF;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .about-our-story-timeline .slick-arrow img {
        display: block;
        margin: auto;
        max-width: 30%;
    }

    .about-our-story-timeline .slick-arrow.about-our-story-arrow-next {
        left: auto;
        right: calc(50% - 45px);
    }

.about-our-story-awards-slider .slick-dots {
    bottom: 0;
    left: 0;
    width: auto;
    right: 0;
}

.about-our-story-awards-slider li {
    width: 12px;
    height: 12px;
    vertical-align: middle;
    margin: 0 5px;
}

.about-our-story-awards-slider .slick-dots li button {
    background: transparent;
    border: solid 2px #FFFFFF;
    border-radius: 100%;
    opacity: 1;
}

.about-our-story-awards-slider .slick-dots li.slick-active button {
    background: #FFFFFF;
    border: solid 2px #FFFFFF;
}

.about-our-story-timeline h4 {
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    line-height: 28px;
    color: #FFFFFF;
    text-align: center;
    max-width: 70%;
    margin: auto;
}

.about-techved-mean-main {
    max-width: 1234px;
    margin: 0 auto;
    padding: 60px 22px 60px 22px;
}

/*.about-techved-mean-head {
    max-width: 470px;
    margin-bottom: 40px;
}*/

.about-techved-mean-head h2 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    line-height: 42px;
    color: #303030;
    text-align: center;
    margin-bottom: 35px;
}

.about-techved-mean-info-wrapper {
    display: flex;
    align-items: flex-start;
}

.about-techved-mean-fig {
    margin-right: 60px;
    max-width: 725px;
    position: relative;
}

    .about-techved-mean-fig .about-techved-mean-top-text {
        position: absolute;
        top: 40px;
        right: 90px;
    }

        .about-techved-mean-fig .about-techved-mean-top-text ul {
            display: flex;
        }

            .about-techved-mean-fig .about-techved-mean-top-text ul li {
                margin-right: 45px;
                font-family: 'openSans-semi-bold';
                font-weight: 600;
                font-size: 16px;
                line-height: 19px;
                color: rgba(48, 48, 48, 0.85);
            }

                .about-techved-mean-fig .about-techved-mean-top-text ul li:last-child {
                    margin-right: 0;
                }

    .about-techved-mean-fig .about-techved-mean-bottom-text {
        position: absolute;
        top: 215px;
        right: 37px;
        max-width: 469px;
    }

        .about-techved-mean-fig .about-techved-mean-bottom-text p {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            color: #666666;
        }

.about-techved-pronunciation-box {
    flex: 1;
    background: #F8F8FF;
    box-shadow: 0px 0px 8px rgba(148, 151, 154, 0.280704);
    border-radius: 4px;
    padding: 15px 15px 35px 20px;
}

.about-techved-pronunciation-head {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 40px;
}

.about-techved-pronunciation h4 {
    font-family: 'openSans-bold';
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 30px;
    color: rgba(48, 48, 48, 0.85);
    margin-bottom: 15px;
}

.about-techved-pronunciation p {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 8px;
}

.about-techved-pronunciation span {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

.about-techved-pronunciation-voice-box {
    background: #FFFFFF;
    border: 1px dashed #D8D8D8;
    border-radius: 8px;
    padding: 5px 22px;
    text-align: center;
    font-family: 'openSans-regular-italic';
    cursor: pointer;
    font-size: 14px;
    line-height: 16px;
    color: #303030;
}

    .about-techved-pronunciation-voice-box img {
        display: block;
        margin: 0 auto 8px auto;
    }

.about-techved-pronunciation-info h4 {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    line-height: 28px;
    color: #666666;
    margin-bottom: 8px;
}

.about-techved-pronunciation-info p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}


/*Vision statement start*/
.our-vision-main {
    background: url('../images/about-new/our-vision-bg-pattern.svg') no-repeat, url('../images/about-new/our-vision-bg-pattern.svg') no-repeat;
    background-color: #F37222;
    position: relative;
    padding: 44px 15px 40px 15px;
    margin: 30px 0 85px 0;
    background-position: -110px -25px, calc(100% + 131px) calc(100% + 61px);
}

    .our-vision-main::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 160px);
        height: calc(100% + 60px);
        top: -30px;
        z-index: -1;
        border: 3px solid #FDE3D3;
    }

.our-vision-wrapper {
    max-width: 1088px;
    margin: auto;
    text-align: center;
}

    .our-vision-wrapper h2 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        line-height: 42px;
        color: #FFFFFF;
        margin-bottom: 12px;
    }

    .our-vision-wrapper p {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #FFFFFF;
        margin-bottom: 33px;
    }

.our-vision-logo-icon {
    margin: auto;
    width: 86px;
    height: 86px;
    background: #FFFFFF;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

    .our-vision-logo-icon img {
        width: 53px;
    }
/*Vision statement end*/

/*see-who-we-are-start*/

.back-image {
    max-width: 100%;
    margin: 0 auto;
    background: url('../images/who-we-are-bg.svg') no-repeat;
    background-position: left 30px;
    background-size: 600px;
}

.see-who-we-are-head {
    display: table;
    margin: 0 auto;
    text-align: center;
}

    .see-who-we-are-head h2 {
        margin-bottom: 10px;
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 28px;
        color: #303030;
    }

    .see-who-we-are-head p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #303030;
    }

    .see-who-we-are-head .p-width {
        width: 70%;
        margin: 0 auto;
    }

    .see-who-we-are-head p span {
        font-family: 'openSans-bold';
        color: #FF7208;
    }

.see-who-we-are-wrapper {
    padding: 45px 0 87px 0;
}

.see-who-we-are-container {
    max-width: 1185px;
    margin: auto;
}

#sliderMobile {
    display: none;
}

.mobile-description {
    display: none;
}

.dp-wrap {
    margin: 0 auto;
    position: relative;
    perspective: 1000px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.left-side {
    width: 40%;
}

.access-service-how-we-do-wrapper .left-side {
    width: 38%;
}

.access-service-how-we-do-wrapper #dp-dots li p {
    width: 70%;
}

.access-service-how-we-do-wrapper #dp-dots li span {
    width: 70%;
}

.see-who-we-are-container .dp_item {
    border-radius: 8.8px;
    box-shadow: 0 2px 22px 4px rgba(189, 189, 189, 0.69);
}

#dp-dots {
    position: relative;
    z-index: 12;
    cursor: default;
    display: flex;
    flex-direction: column;
    padding: 0;
    list-style: none;
    align-items: flex-start;
    margin: 0 30px 0 0;
}

    #dp-dots li {
        position: relative;
        padding-left: 50px;
        padding-bottom: 20px;
        transition: 0.3s;
    }

        #dp-dots li:last-child {
            padding-bottom: 0;
        }

        #dp-dots li::before {
            content: '';
            position: absolute;
            left: 0;
            top: 6px;
            display: inline-block;
            width: 16px;
            height: 16px;
            background: #aaaaaa;
            border-radius: 50%;
            border: 2px solid #aaaaaa;
        }

        #dp-dots li:first-child::before {
            top: 6px;
        }

        #dp-dots li.active:first-child::before {
            top: 10px;
        }

        #dp-dots li.active::before {
            top: 9px;
        }

        #dp-dots li::after {
            content: "";
            position: absolute;
            height: 100%;
            width: 1px;
            top: 15px;
            left: 8px;
            z-index: -1;
            border-left: 1px dashed #CCCCCC;
        }

        #dp-dots li:last-child::after {
            content: none;
        }

        #dp-dots li.active {
            pointer-events: none;
        }

            #dp-dots li.active::before {
                background: white;
                border: 2px solid #f37222;
                left: 0;
            }

        #dp-dots li div {
            overflow: hidden;
            height: 0px;
            transition: 0.3s;
        }

        #dp-dots li.active div {
            height: 260px;
            transition: 0.3s;
        }

        #dp-dots li h2 {
            font-family: 'openSans-semi-bold';
            font-size: 20px;
            line-height: 28px;
            color: #666666;
        }

        #dp-dots li.active h2 {
            font-family: 'openSans-semi-bold';
            font-size: 28px;
            font-weight: 600;
            line-height: 38px;
            color: rgba(48, 48, 48, 0.85);
            margin-bottom: 15px;
        }

        #dp-dots li p {
            font-family: 'openSans-light-italic';
            font-size: 20px;
            font-weight: 300;
            line-height: 28px;
            color: rgba(48, 48, 48, 0.85);
            margin-bottom: 35px;
        }

        #dp-dots li span {
            font-family: 'openSans-light';
            font-size: 20px;
            font-weight: 300;
            line-height: 28px;
            color: rgba(48, 48, 48, 0.85);
            display: block;
            margin-bottom: 10px;
        }

            #dp-dots li span img {
                margin-bottom: 10px;
            }

        #dp-dots li h3 {
            font-family: 'openSans-semi-bold';
            font-size: 20px;
            font-weight: 600;
            line-height: 1.5;
            color: rgba(48, 48, 48, 0.85);
        }

#dp-slider,
.dp-img img {
   
    width: 395px;
}

.dp-slider {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
}

    .dp-slider div {
        transform-style: preserve-3d;
    }

.dp_item {
    display: block;
    /*position: absolute;*/
    text-align: center;
    color: #FFF;
    border-radius: 10px;
    transition: transform 1.2s;
}

#dp-slider .dp_item:first-child {
    z-index: 10 !important;
    transform: rotateY(0deg) translateX(0px) !important;
}

.dp_item[data-position="2"] {
    z-index: 9;
    transform: rotateY(0deg) translateX(-35%) scale(0.7);
}

.dp_item[data-position="3"] {
    z-index: 8;
    transform: rotateY(0deg) translateX(-60%) scale(0.5);
}

#dp-next,
#dp-prev {
    position: absolute;
    top: 50%;
    right: 16%;
    height: 33px;
    width: 33px;
    z-index: 10;
    cursor: pointer;
}

#dp-prev {
    left: 15px;
    transform: rotate(180deg);
}

.dp_item {
    width: auto;
}

.dp-content,
.dp-img {
    text-align: left;
}

.dp_item {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

    .dp_item .dp-img img {
        cursor: default !important;
    }

.dp-content {
    padding-left: 100px;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}

    .dp-content h2 {
        color: #41414B;
        font-family: openSans-regular;
        font-size: 28px;
        max-width: 460px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .dp-content p {
        color: #74747F;
        max-width: 490px;
        margin-top: 15px;
        font-size: 14px;
        width: 350px;
    }

    .dp-content .site-btn {
        margin-top: 15px;
        font-size: 13px;
        padding: 19px 40px;
    }

.dp-img img {
    /*object-fit: cover;*/
    object-position: right;
}

#dp-slider .dp_item:hover:not(:first-child) {
    cursor: pointer;
}

.site-btn {
    color: #fff;
    font-size: 18px;
    font-family: openSans-regular;
    background: #FA8282;
    padding: 14px 43px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    top: -12px;
    text-decoration: none;
}

    .site-btn:hover {
        text-decoration: none;
        color: #fff;
    }


/*2*/

#sliderMobile {
    margin-top: 200px;
}

.dp-wrapMobile {
    margin: 0 auto;
    position: relative;
    perspective: 1000px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-direction: column;
    overflow: hidden;
}

.dp-sliderMobile {
    height: 100%;
    width: 100%;
    position: absolute;
    transform-style: preserve-3d;
}

    .dp-sliderMobile div {
        transform-style: preserve-3d;
    }

.dp_itemMobile {
    display: block;
    position: absolute;
    text-align: center;
    color: #FFF;
    border-radius: 10px;
    transition: transform 1.2s;
}

#dp-sliderMobile .dp_itemMobile:first-child {
    z-index: 10 !important;
    transform: rotateY(0deg) translateX(0px) !important;
}

.dp_itemMobile[data-position="2"] {
    z-index: 9;
    transform: rotateY(0deg) translateX(-35%) scale(0.7);
}

.dp_itemMobile[data-position="3"] {
    z-index: 8;
    transform: rotateY(0deg) translateX(35%) scale(0.7);
}

#dp-next,
#dp-prev {
    position: absolute;
    top: 50%;
    right: 16%;
    height: 33px;
    width: 33px;
    z-index: 10;
    cursor: pointer;
}

#dp-prev {
    left: 15px;
    transform: rotate(180deg);
}

#dp-dotsMobile {
    position: relative;
    z-index: 12;
    cursor: default;
    display: flex;
    flex-direction: row;
    padding: 0;
    list-style: none;
    align-items: flex-start;
    margin: 0 0 35px 0;
    width: 280px;
    min-height: 65px;
}

    #dp-dotsMobile h4 {
        width: 55%;
    }

    #dp-dotsMobile li {
        position: relative;
        padding-left: 0px;
        padding-top: 25px;
        transition: 0.3s;
        width: 125px;
        font-family: 'openSans-regular';
        font-size: 12px;
        line-height: 1.33;
        color: #303030;
    }

        #dp-dotsMobile li.active {
            font-family: 'openSans-semi-bold';
            font-size: 14px;
            font-weight: 600;
            line-height: 1.43;
            color: #303030;
        }

        #dp-dotsMobile li:last-child {
            padding-bottom: 0;
            width: auto;
        }

        #dp-dotsMobile li::before {
            content: '';
            position: absolute;
            left: 2px;
            top: 1px;
            display: inline-block;
            width: 16px;
            height: 16px;
            background: #aaaaaa;
            border-radius: 50%;
        }

        #dp-dotsMobile li:first-child::before {
            top: 0;
        }

    #dp-dotsMobile::after {
        content: "";
        position: absolute;
        height: 1px;
        width: 77%;
        top: 9px;
        left: 8px;
        z-index: -1;
        border-bottom: 1px dashed #CCCCCC;
    }

    #dp-dotsMobile li.active {
        pointer-events: none;
        position: relative;
        font-size: 14px;
        color: #303030;
    }

        #dp-dotsMobile li.active::before {
            background: white;
            border: 2px solid #f37222;
            left: 0;
        }

    #dp-dotsMobile li div {
        width: 300px;
        overflow: hidden;
        height: 0px;
        transition: 0.3s;
    }

    #dp-dotsMobile li.active div {
        height: 150px;
        transition: 0.3s;
    }

    #dp-dotsMobile li.active p,
    #dp-dotsMobile li.active h3 {
        display: block;
        margin: 10px 0;
        font-size: 18px;
        color: #303030;
    }

    #dp-dotsMobile li.active span {
        color: red;
        font-size: 16px;
    }

.dp_itemMobile {
    width: auto;
}

.dp-content,
.dp-imgMobile {
    text-align: left;
}

.dp_itemMobile {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.dp-contentMobile {
    padding-left: 100px;
    padding-right: 0;
    display: inline-block;
    width: 100%;
}

    .dp-contentMobile h2 {
        color: #41414B;
        font-family: openSans-regular;
        font-size: 28px;
        max-width: 460px;
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .dp-contentMobile p {
        color: #74747F;
        max-width: 490px;
        margin-top: 15px;
        font-size: 14px;
        width: 350px;
    }

    .dp-contentMobile .site-btn {
        margin-top: 15px;
        font-size: 13px;
        padding: 19px 40px;
    }

.dp-imgMobile img {
    /*object-fit: cover;*/
    object-position: right;
}

#dp-sliderMobile,
.dp-imgMobile img {
    height: 334px;
    width: 246px;
}

    #dp-sliderMobile .dp_itemMobile:hover:not(:first-child) {
        cursor: pointer;
    }

.site-btnMobile {
    color: #fff;
    font-size: 18px;
    font-family: openSans-regular;
    background: #FA8282;
    padding: 14px 43px;
    display: inline-block;
    border-radius: 2px;
    position: relative;
    top: -12px;
    text-decoration: none;
}

.site-btn:hover {
    text-decoration: none;
    color: #fff;
}

.mobile-slide-desc {
    display: none;
}


/*see-who-we-are-end*/

.about-our-service-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 15px 0 40px 0;
}

.about-our-service-head {
    margin-bottom: 40px;
}

    .about-our-service-head h3 {
        font-family: 'openSans-bold';
        font-size: 32px;
        line-height: 39px;
        text-transform: uppercase;
        color: rgba(48, 48, 48, 0.85);
        text-align: center;
        margin-bottom: 10px;
    }

    .about-our-service-head p {
        font-family: 'openSans-regular';
        font-size: 20px;
        text-align: center;
        color: rgba(48, 48, 48, 0.85);
        line-height: 30px;
    }

        .about-our-service-head p strong {
            font-family: 'openSans-bold';
        }

.about-our-service-main {
    display: flex;
    margin-bottom: 40px;
}

    .about-our-service-main .about-our-service {
        margin-right: 95px;
        max-width: 258px;
    }

        .about-our-service-main .about-our-service:last-child {
            margin-right: 0;
        }

        .about-our-service-main .about-our-service h4 {
            font-family: 'openSans-bold';
            font-size: 24px;
            color: rgba(48, 48, 48, 0.85);
            margin-bottom: 20px;
        }

        .about-our-service-main .about-our-service ul li {
            margin-bottom: 18px;
            font-family: 'openSans-regular';
            font-size: 18px;
            color: rgba(48, 48, 48, 0.85);
        }

            .about-our-service-main .about-our-service ul li:last-child {
                margin-bottom: 0;
            }

            .about-our-service-main .about-our-service ul li a {
                color: rgba(48, 48, 48, 0.85);
            }

.about-our-service-note {
    display: flex;
    align-items: center;
    background-color: rgba(224, 224, 244, 0.25);
    padding: 10px;
    border-radius: 4px;
    overflow: hidden;
}

    .about-our-service-note img {
        margin-right: 10px;
        animation: 2s 2s rocketfly infinite;
        transform: translate(-35px, 35px);
    }

@keyframes rocketfly {
    0% {
        transform: translate(-35px, 35px);
    }

    10% {
        transform: translate(0px, 0px);
    }

    90% {
        transform: translate(0px, 0px);
    }

    100% {
        transform: translate(35px, -35px);
    }
}

.about-our-service-note p {
    font-family: 'openSans-light-italic';
    font-style: italic;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #982584;
}

.about-quick-contact-section {
    position: relative;
    color: rgba(48, 48, 48, 0.85);
}

    .about-quick-contact-section .quick-contact-section {
        padding-top: 0;
    }

    .about-quick-contact-section .quick-contact-section-info {
        align-self: center;
    }

        .about-quick-contact-section .quick-contact-section-info h3 {
            margin-bottom: 10px;
        }

.our-leader-section-main {
    padding: 60px 40px 0 40px;
}

.our-leader-container {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.our-leader-left-main {
    margin-bottom: 60px;
}

    .our-leader-left-main h4 {
        font-family: 'openSans-bold';
        font-size: 32px;
        line-height: 48px;
        text-transform: uppercase;
        color: rgba(48, 48, 48, 0.85);
        margin-bottom: 5px;
    }

    .our-leader-left-main h3 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        line-height: 42px;
        color: #303030;
        margin-bottom: 10px;
    }

    .our-leader-left-main > span {
        font-size: 22px;
        line-height: 30px;
        color: #676767;
        font-family: 'openSans-regular';
    }

    .our-leader-left-main h2 {
        font-family: 'openSans-bold';
        font-size: 42px;
        line-height: 48px;
        text-transform: uppercase;
        color: rgba(48, 48, 48, 0.85);
    }

    .our-leader-left-main .meet-team-btn {
        margin-top: 70px;
        padding: 11px 37px;
    }

.our-leader-right-main {
    /*padding: 0 20px;*/
    display: flex;
    flex-direction: column;
    /*align-items: center;*/
    text-align: center;
    flex: 1;
    position: relative;
}

.our-leader-team-wrapper {
    position: relative;
    /*padding: 0 30px;*/
    margin-bottom: 0;
}

    /*.our-leader-team-wrapper::before {
        content: '';
        position: absolute;
        width: 70px;
        height: 70px;
        left: 0;
        top: 0;
        z-index: -1;
        border-top: 1px solid #FEE527;
        border-left: 1px solid #FEE527;
    }*/

    /*.our-leader-team-wrapper::after {
    content: '';
    position: absolute;
    width: 70px;
    height: 70px;
    right: 0;
    bottom: 0;
    z-index: -1;
    border-bottom: 1px solid #FEE527;
    border-right: 1px solid #FEE527;
}*/

    .our-leader-team-wrapper h3,
    .our-core-team-wrapper h3 {
        font-family: 'openSans-regular';
        font-size: 28px;
        line-height: 38px;
        color: #303030;
        margin-bottom: 25px;
    }

/*.our-leader-team-wrapper .team-core-card {
        pointer-events:none;
    }

.our-leader-team-wrapper .core-team-info {
    background: #F3F3F3 !important;
    padding: 13px 0 !important;
    bottom: -80% !important;
}*/

.our-team-main-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 30px;
}

    .our-team-main-wrapper .our-leader-team {
        /*max-width:152px;*/
        margin: 0 15px;
    }

        .our-team-main-wrapper .our-leader-team h4 {
            font-family: 'openSans-bold';
            font-size: 20px;
            line-height: 28px;
            color: rgba(48, 48, 48, 0.85);
            margin-top: 8px;
        }

        .our-team-main-wrapper .our-leader-team p {
            font-family: 'openSans-regular';
            font-size: 12px;
            line-height: 16px;
            color: rgba(48, 48, 48, 0.85);
        }

/*.our-core-team-wrapper h3 {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 16px;
    color: rgba(48, 48, 48, 0.85);
    margin-bottom: 25px;
}*/

.our-core-team-wrapper .our-team-main-wrapper {
    padding-bottom: 0px;
    max-width: 1366px;
}

.our-core-team-wrapper .meet-team-btn.btn-mobile {
    display: none;
}

/*.our-team-main-wrapper .our-core-team {
    padding: 20px 13px;
    max-width: 262px;
    border-right: 2px solid #FEE806;
    border-bottom: 2px solid #FEE806;
}*/

/*.our-team-main-wrapper .our-core-team:nth-child(-n+5) {
    padding-top: 0;
}*/

/*.our-team-main-wrapper .our-core-team:nth-child(5n+1) {
    padding-left: 0;
    width: calc(262px - 13px);
}*/

/*.our-team-main-wrapper .our-core-team:nth-child(5n+0) {
    padding-right: 0;
    width: calc(262px - 13px);
    border-right: none;
}*/

/*.our-team-main-wrapper .our-core-team:nth-last-child(-n+4) {
.our-team-main-wrapper .our-core-team:nth-last-child(-n+5) {
    padding-bottom: 0;
    border-bottom: none;
}

.our-team-main-wrapper .our-core-team:last-child {
    border-right: 2px solid transparent;
}*/

.our-team-main-wrapper .our-core-team .team-core-card {
    margin: 0;
    width: auto;
    display: block;
    border-radius: 10px;
}

.our-team-main-wrapper .our-core-team {
    width: 180px;
    margin: 0 15px 30px 15px;
    text-align: center;
}

    .our-team-main-wrapper .our-core-team .core-team-info {
        padding: 16px 5px;
    }

    .our-team-main-wrapper .our-core-team p {
        font-size: 14px;
        line-height: 20px;
        color: #303030;
        padding: 0 5px;
    }

/*.our-team-main-wrapper .our-leader-team img,
.our-team-main-wrapper .our-core-team img {
    border-radius: 5px;
}*/

/*.team-leader-img {
    height: 285px;
    object-fit: cover;
}*/

.digital-future-value-section-main {
    padding: 0px 0 60px 0;
}

.digital-future-strip {
    background-color: rgba(245, 248, 251, 1);
    padding: 23px 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .digital-future-strip img {
        width: 75px;
        margin-right: 25px;
    }

    .digital-future-strip h2 {
        font-family: 'openSans-regular';
        font-size: 28px;
        line-height: 38px;
        color: rgba(48, 48, 48, 0.85);
    }

.value-section-main {
    background: url('../images/value-section-bg-3.svg') no-repeat;
    background-position: 100% 445px;
    padding: 60px 60px 0 60px;
}

.value-section-main-container {
    max-width: 1206px;
    margin: auto;
    display: flex;
    box-shadow: 0px 0px 18px rgba(200, 200, 200, 0.5);
    border-radius: 8px;
    background: #FFFFFF;
    overflow: hidden;
}

.value-section-left {
    flex: 1;
    background: #F37222 url('../images/value-orange-box-bg.svg') no-repeat;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    max-width: 50%;
}

    .value-section-left h3 {
        font-family: 'openSans-bold';
        font-size: 54px;
        line-height: 100px;
        text-align: center;
        color: #FFFFFF;
        margin-top: -57px;
    }

    .value-section-left h2 {
        font-family: 'openSans-bold';
        font-size: 70px;
        line-height: 100px;
        text-align: center;
        color: #F37222;
        display: block;
        background: #FFFFFF;
        padding: 5.5px 0;
    }

.value-section-right {
    flex: 1;
    padding: 30px 65px;
    max-width: 50%;
}

.about-values-row {
    display: flex;
    margin-bottom: 25px;
}

    .about-values-row:last-child {
        margin-bottom: 0;
    }

    .about-values-row .about-values-img {
        margin-right: 45px;
    }

.about-values-info {
    flex: 1;
}

    .about-values-info h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 28px;
        color: #303030;
        margin-bottom: 10px;
    }

    .about-values-info p {
        font-family: 'openSans-light';
        font-size: 16px;
        line-height: 24px;
        color: #676767;
    }

.awards-recognisation-main {
    min-height: 100px;
    padding-bottom: 10px;
}

.awards-recognisation-container {
    max-width: 1208px;
    margin: auto;
    display: flex;
    align-items: center;
}

    .awards-recognisation-container h2 {
        font-family: 'openSans-bold';
        font-size: 96px;
        line-height: 117px;
        color: #F37222;
        margin-right: 20px;
    }

    .awards-recognisation-container h3 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        line-height: 42px;
        color: #303030;
    }

.awards-recognition-section {
    padding: 0px 15px 60px 15px;
    background: url(../images/awards-recognition-bg-new.svg) no-repeat;
    background-position: top left;
    background-size: 46%;
}

.awards-recognition-container {
    max-width: 1196px;
    margin: auto;
}

.awards-recognition-wrapper {
    display: flex;
    margin-top: 0;
    align-items: flex-start;
}

.awards-recognition-slider-main {
    max-width: 565px;
    margin-right: 0px;
    padding-bottom: 15px;
}

.awards-recognition-slide p {
    margin: 3px 0 3px 0;
    text-align: center;
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    font-weight: 600;
    line-height: 1.56;
    color: rgba(48, 48, 48, 0.85);
    padding: 0 75px;
}

.awards-recognition-slide.slick-slide {
    transform: scale(0.8);
    opacity: 0 !important;
    -webkit-transition: 0.3s !important;
    -moz-transition: 0.3s !important;
    -o-transition: 0.3s !important;
    transition: 0.3s !important;
}

    .awards-recognition-slide.slick-slide.slick-active {
        transform: scale(1);
        opacity: 1 !important;
        -webkit-transition: 0.3s !important;
        -moz-transition: 0.3s !important;
        -o-transition: 0.3s !important;
        transition: 0.3s !important;
    }

.awards-recognition-slider-main .slick-dots {
    bottom: 0;
    left: 0;
    width: auto;
    right: 0;
}

.awards-recognition-slider-main li {
    width: 13px;
    height: 13px;
    vertical-align: middle;
    margin: 0 5px;
}

.awards-recognition-slider-main .slick-dots li button {
    background: #606060;
    border-radius: 100%;
    opacity: 1;
    border: solid 2px #FFFFFF;
}

.awards-recognition-slider-main .slick-dots li.slick-active button {
    background: transparent;
    border: solid 2px #303030;
}

.awards-view-more-main-wrapper .view-more {
    margin-left: 27px;
}

.awards-view-more-main-wrapper {
    margin-top: -65px;
}

.awards-main-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    justify-content: center;
}

.awards-modal .modal-xl {
    max-width: 1060px;
}

.awards-modal .modal-content {
    border-radius: 10px;
    border: none;
}

.awards-modal .close,
.activity-modal .close {
    position: relative;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    opacity: 1 !important;
    border-radius: 100%;
    right: 0px;
    top: 0px;
    outline: none;
}

    .awards-modal .close::before,
    .activity-modal .close::before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .awards-modal .close.animated::before,
    .activity-modal .close.animated::before {
        animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
    }

    .awards-modal .close::after,
    .activity-modal .close::after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .awards-modal .close.animated::after,
    .activity-modal .close.animated::after {
        animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
    }

.awards-modal .awards-modal-wrapper {
    max-width: 890px;
    margin: auto;
    padding: 28px 0 0 0;
}

    .awards-modal .awards-modal-wrapper .team-title {
        font-size: 24px;
        margin-bottom: 4px;
    }

    .awards-modal .awards-modal-wrapper .team-sub-title {
        font-family: 'openSans-light';
        font-size: 18px;
    }

.awards-modal .awards-main-wrapper {
    padding-top: 5px;
}

.awards-modal .awards-modal-wrapper .awards-main {
    width: 230px;
    margin: 40px 50px 0px 0px;
    max-width: inherit;
}

    .awards-modal .awards-modal-wrapper .awards-main:last-of-type {
        margin-right: 0;
    }

    .awards-modal .awards-modal-wrapper .awards-main:nth-child(3n+0) {
        margin: 40px 0 0 0px;
    }

.csr-section-main {
    padding: 60px 50px 60px 50px;
    background: url('../images/csr-bg-2.svg') no-repeat;
    background-position: right top;
    background-size: 60%;
}

.csr-section-container {
    position: relative;
    padding: 0 30px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.csr-info-slider-main {
    background: #FCFDFF url('../images/csr-slide-bg-logo.svg') no-repeat;
    box-shadow: 0px 0px 28px 10px rgba(0, 71, 149, 0.06);
    border-radius: 8px;
    max-width: 49%;
    padding: 47px 55px 67px 40px;
    flex: 1;
    margin-right: -60px;
    position: relative;
    z-index: 1;
    margin-top: 110px;
    background-position: calc(100% - 20px) 20px;
    position: absolute;
    margin-top: 0;
    left: 30px;
    top: 50%;
    transform: translate(0px, -50%);
}

    .csr-info-slider-main h4 {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
    }

    .csr-info-slider-main h3 {
        font-family: 'openSans-bold';
        font-size: 40px;
        line-height: 54px;
        color: #F37222;
    }

    .csr-info-slider-main p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: #666666;
    }

    .csr-info-slider-main .slick-dots {
        bottom: 20px;
        left: 0;
        width: auto;
        right: 0;
    }

    .csr-info-slider-main li {
        width: 13px;
        height: 13px;
        vertical-align: middle;
        margin: 0 5px;
    }

    .csr-info-slider-main .slick-dots li button {
        background: #606060;
        border-radius: 100%;
        opacity: 1;
        border: solid 2px #FFFFFF;
    }

    .csr-info-slider-main .slick-dots li.slick-active button {
        background: transparent;
        border: solid 2px #303030;
    }

.csr-slider-wrapper {
    display: block;
    position: relative;
    flex: 1;
    padding: 0;
    max-width: 682px;
}

.csr-slider {
    padding: 0;
}

.awards-section-main-wrapper {
    padding: 30px 30px 60px 30px;
}

.awards-section-head {
    margin-bottom: 8px;
}

    .awards-section-head h2 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        line-height: 42px;
        color: rgba(48, 48, 48, 0.85);
        text-align: center;
        margin-bottom: 10px;
    }

    .awards-section-head p {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 28px;
        color: rgba(48, 48, 48, 0.85);
        text-align: center;
    }

.awards-section-main {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.awards-section {
    margin: 15px 0;
    text-align: center;
    width: 320px;
}

    .awards-section img {
        margin: 0 auto;
        height: 150px;
        display: block;
    }

    .awards-section p {
        font-family: openSans-regular;
        padding: 20px 30px 15px 30px;
        font-size: 14px;
        line-height: 17px;
        color: #303030;
        text-transform: uppercase;
    }

.lets-talk-main {
    background: url('../images/lets-talk-bg.svg') no-repeat, linear-gradient(131.38deg, #FF904C 4.8%, #F37222 72.87%);
    background-position: bottom right;
    border-radius: 8px;
    padding: 55px 55px;
    max-width: 1226px;
    margin: 40px auto 60px auto;
    display: flex;
    align-items: flex-end;
}

    .lets-talk-main img {
        margin: -138px 20px -75px 0;
    }

    .lets-talk-main.about-team img {
        margin: -166px 20px -55px 0;
        max-height: 426px;
        transform: rotateY(180deg);
    }

.lets-talk-info {
    max-width: 622px;
}

    .lets-talk-info p {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 24px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

    .lets-talk-info h3 {
        font-family: 'openSans-bold';
        font-size: 56px;
        line-height: 68px;
        color: #FFFFFF;
        margin-bottom: 15px;
    }

    .lets-talk-info .common-btn {
        background: #FFFFFF;
        color: #F67A2E;
        border-color: #FFFFFF;
        box-shadow: rgba(255, 91, 54, 0) 0px 4px 10px 0px;
        padding: 11px 26.94px;
    }

        .lets-talk-info .common-btn:hover {
            box-shadow: rgb(255, 91, 54) 0px 4px 10px 0px;
            color: #F67A2E !important;
        }

.our-story-main {
    padding: 85px 15px 80px 15px;
    background: url('../images/our-story-bg.png') no-repeat;
    background-size: cover;
    background-position: center bottom;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
}

    .our-story-main::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, 0.65);
        top: 0;
        left: 0;
    }

    .our-story-main p {
        font-family: 'openSans-light';
        font-size: 24px;
        line-height: 29px;
        text-align: center;
        color: #FFFFFF;
        position: relative;
        margin-bottom: 12px;
    }

    .our-story-main h3,
    .our-story-main h3 a {
        font-family: 'openSans-bold';
        font-size: 56px;
        line-height: 72px;
        text-align: center;
        border-bottom: 2px solid #FFFFFF;
        color: #FFFFFF;
        position: relative;
        display: block;
    }

    .our-story-main h3 {
        border: none;
    }


/************************* new about us end *************************/


/************************* new about-us events & media start *************************/

#work-covered-by-media {
    padding-top: 90px;
}

.page-title {
    font-family: 'openSans-regular';
    font-size: 22px;
    font-weight: 400;
    line-height: 27px;
    letter-spacing: 0px;
    text-align: center;
    color: rgba(48, 48, 48, 0.85);
}

    .page-title a {
        text-decoration: none;
        color: rgba(48, 48, 48, 0.85);
    }

        .page-title a:hover {
            text-decoration: none;
            color: #ff6900;
        }

.section-title-center {
    font-family: openSans-bold;
    font-size: 52px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0px;
    text-align: center;
    padding: 30px;
    width: 75%;
    margin: 0 auto;
    color: rgba(48, 48, 48, 0.85);
}

.section-title-center-small {
    font-family: openSans-bold;
    font-size: 52px;
    font-weight: 700;
    line-height: 54px;
    letter-spacing: 0px;
    text-align: center;
    padding: 30px 30px 5px 30px;
    width: 75%;
    margin: 0 auto;
    color: rgba(48, 48, 48, 0.85);
}

#events-and-conferences {
    background: url('../images/event-conference-map-bg.png') no-repeat;
    background-size: contain;
    background-position: center;
    margin-top: 30px;
    margin-bottom: 30px;
}

    #events-and-conferences p.subhead {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: left;
        margin-top: 10px;
        color: rgba(48, 48, 48, 0.85);
    }

.section-title-left {
    font-family: openSans-bold;
    font-size: 52px;
    font-weight: 700;
    line-height: 68px;
    letter-spacing: 0px;
    color: rgba(48, 48, 48, 0.85);
    margin-top: 20px;
}

.new-event-con-img {
    height: 330px;
    width: 80%;
    object-fit: cover;
    border-radius: 5px;
}

.events-slider-caption {
    padding-top: 10px;
    color: rgba(48, 48, 48, 0.85);
}

    .events-slider-caption h3 {
        font-family: openSans-bold;
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
    }

    .events-slider-caption p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0px;
        text-align: center;
        line-height: 28px;
    }

        .events-slider-caption p::before {
            content: url('../images/events-slider-location.svg');
            margin-right: 5px;
        }

    .events-slider-caption span {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-style: italic;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: center;
        display: block;
    }

#about-us-our-thoughts {
    background-color: #F5F8FB;
    color: rgba(48, 48, 48, 0.85);
}

    #about-us-our-thoughts .col-md-7 {
        padding: 20px 45px 20px 30px;
    }

    #about-us-our-thoughts h2 {
        font-family: openSans-bold;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 42px;
        letter-spacing: 0px;
        text-align: left;
        margin: 20px 0 15px;
    }

    #about-us-our-thoughts h1 {
        display: none;
    }

    #about-us-our-thoughts p.alt-h1 {
        display: none;
    }

    #about-us-our-thoughts p {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: 0px;
        text-align: left;
    }

.section-desc-center {
    font-family: 'openSans-regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
    margin-bottom: 30px;
    color: rgba(48, 48, 48, 0.85);
}

#the-uxploration {
    background-color: rgba(245, 248, 251, 1);
    color: rgba(48, 48, 48, 0.85);
    padding: 30px 0;
}

    #the-uxploration .col-md-7 {
        margin-right: auto;
        margin-left: auto;
    }

        #the-uxploration .col-md-7 > h2 {
            font-family: 'openSans-light';
            font-size: 24px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
            letter-spacing: 0px;
            margin-bottom: 10px;
        }

            #the-uxploration .col-md-7 > h2 > span {
                font-family: openSans-bold;
                font-size: 24px;
                font-style: normal;
                font-weight: 600;
                line-height: 24px;
                letter-spacing: 0px;
            }

        #the-uxploration .col-md-7 > p {
            font-family: 'openSans-regular';
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 17px;
            letter-spacing: 0px;
            text-align: left;
            margin-bottom: 20px;
        }

    #the-uxploration .ux-event-card {
        background-color: #FFFFFF;
        padding: 15px;
        border-radius: 7px;
        box-sizing: border-box;
    }

.ux-event-card .ux-card-title {
    font-family: 'openSans-light';
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14px;
    letter-spacing: 0px;
    text-align: left;
    margin: 5px 0;
}

.ux-event-card .muted {
    color: rgba(142, 141, 141, 1);
}

.ux-event-card .interested-btn {
    height: 42px;
    width: 100%;
    background-color: #f37222;
    color: #FFFFFF;
    display: block;
    text-align: center;
    line-height: 42px;
    border-radius: 7px;
    font-size: 14px;
    font-family: 'openSans-semi-bold';
}

.eve-con-slider-desk {
    display: block;
}

.eve-con-slider-mobile {
    display: none;
}


/***********  thank you start*****************/

.thankyou-our-work-component {
    margin-top: -374px;
}

.thankyou-clients-wrapper {
    margin: 0px auto 0 auto !important;
}

.thankyou-wrap {
    background: #FFFFFF !important;
    position: relative;
    padding-bottom: 50px;
}

    .thankyou-wrap .hp-insights-section-container {
        margin: 50px auto 0 auto;
        position: relative;
    }

.thankyou-top-wrapper {
    padding: 0px 0 200px 0;
    display: flex;
    background: none !important;
    background-position: top right;
    align-items: center;
}

    .thankyou-top-wrapper .slider-top-content {
        width: 100%;
        max-width: 620px;
        margin: auto;
        margin-top: 60px;
        margin-bottom: 70px !important;
    }

.right-side-img {
    margin: 0px 0px 0px auto;
    position: relative;
}

.icon-thankyou {
    position: absolute;
    top: 39%;
    left: 40%;
}

.thankyou-top-wrapper .thank-para h3 {
    font-size: 26px;
    font-family: 'openSans-semi-bold';
    color: #303030;
}

.thankyou-top-wrapper .thank-para p {
    font-family: 'openSans-regular';
    font-size: 26px !important;
    color: #303030;
}

.thanks-mean {
    color: #4a4a4a;
    font-size: 24px;
    font-family: 'openSans-light';
    line-height: 30px;
    margin: 25px 0 0 0;
    display: block;
}


/***********  end thank you *****************/


/*insights page start*/

.insights-top-wrapper {
    width: 100%;
    background: url(../images/insights-top-amiba.svg) no-repeat;
    background-position: 100% -40px;
    padding-bottom: 40px;
}

.insights-container {
    margin: auto;
    padding: 115px 30px 0 30px;
}

.insights-top-header {
    margin: 0 auto 40px auto;
}

    .insights-top-header h3 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        line-height: 38px;
        font-weight: 600;
        line-height: 1.21;
        text-align: center;
        color: #303030;
        margin-bottom: 8px;
    }

    .insights-top-header p {
        font-family: 'openSans-light';
        font-size: 20px;
        line-height: 28px;
        font-weight: 300;
        text-align: center;
        color: #303030;
    }

.insights-banner-container {
    max-width: 1200px;
    margin: auto;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
    background-color: #FFFFFF;
    display: flex;
    justify-content: space-between;
}

.insights-banner-wrapper {
    position: relative;
    width: 780px;
    margin-right: auto;
    padding: 0;
    margin-bottom: 0;
}

.insights-banner {
    position: relative;
}

    .insights-banner a {
        display: block;
        width: 100%;
        height: 100%;
    }

.insights-banner-info {
    padding: 20px 20px 10px 20px;
    background: #FFFFFF;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}

    .insights-banner-info span {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 1.38;
        color: #656565;
        /*display: block;*/
    }

        .insights-banner-info span span {
            display: inline-block;
            margin: 0 8px;
        }

        .insights-banner-info span.insight-category-info {
            font-family: 'openSans-regular';
            font-size: 14px;
            font-weight: 300;
            line-height: 20px;
            color: #303030;
            margin-bottom: 7px;
            display: block;
        }

            .insights-banner-info span.insight-category-info .insight-icon {
                display: inline-block;
                vertical-align: middle;
                margin-right: 0;
                width: 23px;
            }

            .insights-banner-info span.insight-category-info span {
                color: #303030;
            }

    .insights-banner-info h1,
    .insights-banner-info h1 span {
        font-family: 'openSans-regular' !important;
        font-size: 30px !important;
        line-height: 1.42 !important;
        color: #303030 !important;
        margin-bottom: 5px !important;
    }

        .insights-banner-info h1.orphan-seo-h1 {
            font-family: 'openSans-semi-bold' !important;
            font-size: 28px !important;
            line-height: 1.42 !important;
            color: #303030 !important;
            margin-bottom: 5px !important;
        }

    .insights-banner-info h2,
    .insights-banner-info h2 span,
    .insights-banner-info h4,
    .insights-banner-info h4 span {
        font-family: 'openSans-semi-bold' !important;
        font-size: 28px !important;
        line-height: 1.42 !important;
        color: #303030 !important;
        margin-bottom: 5px !important;
    }

.insights-banner-container .insights-banner-info h4 {
    font-family: 'openSans-regular' !important;
    font-size: 22px !important;
    line-height: 30px !important;
    color: #303030 !important;
    margin-bottom: 5px !important;
}

.insights-banner-info h3,
.insights-banner-info h3 span {
    font-family: 'openSans-semi-bold' !important;
    font-size: 26px !important;
    line-height: 1.42 !important;
    color: #303030 !important;
    margin-bottom: 5px !important;
}

.insights-banner-info p,
.insights-banner-info p span {
    font-family: 'openSans-regular' !important;
    font-size: 20px !important;
    line-height: 28px !important;
    color: #676767 !important;
    margin-bottom: 38px !important;
    letter-spacing: 1px;
}

.insights-banner-container .insights-banner-info p {
    font-family: 'openSans-regular' !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 300 !important;
    color: #4b4a4a !important;
    margin-bottom: 8px !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
}

.insights-banner-info p a,
.insights-banner-info p span a,
.insights-banner-info p a span {
    color: #f37222 !important;
}

.insights-banner-info p sup,
.insights-banner-info p sub {
    font-size: 12px;
}

.insights-banner-info p em {
    font-style: italic;
}

.insights-banner-navigation {
    width: 350px;
}

    .insights-banner-navigation ul {
        margin-top: 15px;
    }

        .insights-banner-navigation ul li {
            overflow: hidden;
        }

            .insights-banner-navigation ul li a {
                padding: 20px 55px 30px 15px;
                display: block;
                border-bottom: 1px solid rgba(48, 48, 48, 0.2);
                position: relative;
            }

                .insights-banner-navigation ul li a::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 0;
                    height: 7px;
                    background: #fa6400;
                }

                .insights-banner-navigation ul li a span {
                    font-family: 'openSans-regular';
                    font-size: 16px;
                    font-weight: 300;
                    line-height: 24px;
                    color: #303030;
                    margin-bottom: 15px;
                    display: block;
                }

    .insights-banner-navigation .insight-icon {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 23px;
    }

    .insights-banner-navigation ul li a span span {
        color: #f37222;
        display: inline-block;
        margin: 0 8px;
    }

    .insights-banner-navigation ul li a p {
        font-family: 'openSans-light';
        font-size: 16px;
        line-height: 24px;
        font-weight: 300;
        color: #676767;
    }

    .insights-banner-navigation ul li:last-child a {
        border-bottom: none;
    }

    .insights-banner-navigation ul li.active {
        border-radius: 10px 0 0 10px;
        box-shadow: 0 2px 12px 4px rgba(0, 0, 0, 0.15);
        background-color: #FFFFFF;
    }

        .insights-banner-navigation ul li.active a {
            border: none;
        }

            .insights-banner-navigation ul li.active a::before {
                animation: insights-banner-navigation 5s forwards;
            }

@keyframes insights-banner-navigation {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.insights-banner-navigation ul li.active a p {
    font-family: 'openSans-semi-bold';
}

.insights-listing-container {
    max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.insights-details-top-wrapper .insights-listing-container {
    max-width: 1260px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.insights-details-top-wrapper .insights-listing-wrapper {
    margin-right: 67px;
    width: 870px;
    position: relative;
}

.insights-listing-wrapper {
    margin-right: 67px;
    width: 775px;
}

    .insights-listing-wrapper.affix {
        padding-left: 100px;
    }

.insights-listing-head {
    text-align: center;
    margin: 30px auto;
    display: table;
}

    .insights-listing-head h3 {
        font-family: 'openSans-light';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 22px;
        display: block;
    }

        .insights-listing-head h3 span {
            font-family: 'openSans-regular';
        }

    .insights-listing-head .nav-tabs {
        display: flex;
        justify-content: space-between;
    }

        .insights-listing-head .nav-tabs .nav-item {
            margin: 0;
        }

            .insights-listing-head .nav-tabs .nav-item a {
                position: relative;
                border: none !important;
                min-width: 20px;
                text-align: center;
                color: #303030;
            }

                .insights-listing-head .nav-tabs .nav-item a::before {
                    content: '';
                    position: absolute;
                    width: 20px;
                    height: 1px;
                    background: #303030;
                    left: 0;
                    bottom: 0px;
                }

                .insights-listing-head .nav-tabs .nav-item a.active::before {
                    width: 100%;
                    background: #f37222;
                }

.insights-listing-card-container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.insights-card {
    width: 347px;
    border-radius: 5px;
    overflow: hidden;
    border: solid 1px #d8d1d1;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    min-height: 398px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.insights-listing-card-container.active .insights-card:nth-child(n+5) {
    display: none;
}

.insights-card img.fig {
    min-width: 100%;
    transform: scale(1);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
}

.insights-card a {
    display: block;
    max-height: 170px;
    overflow: hidden;
}

.insights-date-logo-main {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: auto;
}

.insight-info {
    position: relative;
    padding: 5px 20px 20px 20px;
    margin-top: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    flex: 1;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

    .insight-info span.insight-category-info {
        font-size: 12px;
        line-height: 18px;
        font-weight: 300;
        color: #303030;
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .insight-info span.insight-category-info .insight-icon {
            width: 18px;
        }

    .insight-info h5 {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #303030;
        margin-bottom: 10px;
        margin-top: 10px;
        min-height: 40px;
        cursor: pointer;
    }

.insights-listing-card-container .insight-info p {
    font-family: 'openSans-regular' !important;
    font-size: 14px !important;
    font-weight: 300 !important;
    line-height: 20px !important;
    color: #4b4a4a !important;
    margin-bottom: 18px !important;
    letter-spacing: 0px !important;
}

.insight-info span {
    font-family: 'openSans-regular';
    font-size: 12px;
    color: #656565;
}

.insights-share {
    margin-top: 15px;
    height: 0;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .insights-share ul {
        font-size: 0;
    }

    .insights-share li {
        display: inline-block;
        vertical-align: middle;
        width: 21px;
        margin: 0 3.5px;
    }

        .insights-share li:first-child {
            font-family: 'openSans-light';
            font-size: 12px;
            font-weight: 300;
            color: #b1acac;
            width: auto;
            margin-right: 10px;
            margin-left: 0;
        }

.insights-card:hover img.fig {
    transform: scale(1.05);
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.insights-card:hover .insights-share {
    height: 21px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.insights-card:hover .insight-info {
    /*margin-top: -36px;*/
    margin-top: 0px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.popular-insights-wrapper {
    max-width: 323px;
    flex: 1;
}

    .popular-insights-wrapper h4 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        color: #303030;
        margin: 30px 10px 20px 10px;
    }

.popular-insight-box {
    padding-bottom: 20px;
    margin-bottom: 20px;
    position: relative;
}

    .popular-insight-box::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: calc(100% - 20px);
        height: 1px;
        background: #eeeeee;
    }

    .popular-insight-box a {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 10px;
        box-shadow: 0 0 0 0 rgba(177, 177, 177, 0.42);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

        .popular-insight-box a img {
            margin-right: 15px;
            width: 78px;
        }

        .popular-insight-box a .popular-insight-info p {
            font-family: 'openSans-regular';
            font-size: 12px;
            color: #303030;
            margin: 2px 0 3px 0;
        }

            .popular-insight-box a .popular-insight-info p span {
                margin: 0 5px;
                font-size: 12px;
                color: #4a4a4a;
            }

        .popular-insight-box a .popular-insight-info h5 {
            font-family: 'openSans-semi-bold';
            font-size: 12px;
            line-height: 20px;
            font-weight: 600;
            color: #4a4a4a;
            margin-bottom: 5px;
        }

        .popular-insight-box a .popular-insight-info span {
            font-family: 'openSans-regular';
            font-size: 11px;
            color: #7d8188;
        }

            .popular-insight-box a .popular-insight-info span span {
                margin: 0 5px;
            }

        .popular-insight-box a .popular-insight-info .popular-insight-author-info {
            display: flex;
            align-items: center;
            margin-top: 15px;
        }

            .popular-insight-box a .popular-insight-info .popular-insight-author-info img {
                width: 32px;
                height: 32px !important;
                margin-right: 12px;
                border-radius: 100%;
            }

            .popular-insight-box a .popular-insight-info .popular-insight-author-info span {
                font-family: 'openSans-regular';
                font-size: 16px;
                line-height: 20px;
                color: #303030;
            }

        .popular-insight-box a:hover {
            box-shadow: 0 0 12px 0 rgba(177, 177, 177, 0.42);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

.popular-insights-wrapper.affix {
    position: fixed;
    top: 70px;
    left: 50%;
    transform: translate(307px, 0);
}

    .popular-insights-wrapper.affix .the-uxplor {
        display: none;
    }

#insightsListingaffix.popular-insights-wrapper.affix {
    top: 80px;
    transform: translate(278px, -10px);
}

.popular-insights-wrapper.fixedBottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

.insights-social-container {
    padding: 10px 30px 35px 30px;
}

.news-modal .modal-xl {
    max-width: 1000px;
}

.news-modal .modal-content {
    border-radius: 10px;
    border: none;
}

.news-modal .modal-body {
    padding: 0;
}

.news-modal .close {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    opacity: 1 !important;
    border-radius: 100%;
    right: 15px;
    top: 15px;
    outline: none;
}

    .news-modal .close::before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .news-modal .close.animated::before,
    .activity-modal .close.animated::before {
        animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
    }

    .news-modal .close::after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .news-modal .close.animated::after {
        animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
    }

.subscribe-popup-main .subscribe-section {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 455px;
    float: right;
    padding: 20px 20px 55px 15px;
    background: #FFFFFF url(../images/subscribe-bg-2.png) no-repeat;
    background-position: 100% 100%;
    background-size: auto 60%;
    border-radius: 10px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.42);
}

.mb-40 {
    margin-bottom: 40px !important;
}

.sub-padd {
    padding: 10px 40px 0 5px;
}

.closeButton {
    height: 20px;
    cursor: pointer;
    position: absolute;
    right: 20px;
    top: 20px;
}

.subscribe-popup-main {
    position: absolute;
    z-index: 9;
}

.hide-subscribe {
    display: none;
}


/*insights page end*/


/*********  News page starts    *************/

.news-container {
    max-width: 1200px;
    margin: auto;
}

.news-listing-wrapper {
    padding-top: 80px;
}

    .news-listing-wrapper .insights-listing-head h3 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        line-height: 38px;
        color: #303030;
        margin-bottom: 0;
    }

    .news-listing-wrapper .insights-listing-head > p {
        font-size: 20px;
        line-height: 28px;
        font-family: 'openSans-light';
        color: #303030;
    }

    .news-listing-wrapper .insights-listing-head {
        margin-bottom: 0;
    }

.news-tabs {
    display: flex;
    justify-content: center;
    margin: 25px 0;
}

    .news-tabs .nav-tabs {
        border: none;
    }

        .news-tabs .nav-tabs .nav-link {
            color: #303030;
            padding-left: 1px;
            margin-right: 20px;
        }

            .news-tabs .nav-tabs .nav-link:first-child {
                margin-left: 60px;
            }

            .news-tabs .nav-tabs .nav-link.active {
                border: none;
                position: relative;
                border: none !important;
                min-width: 20px;
                text-align: center;
                color: #f37222;
                font-family: 'openSans-regular';
            }

        .news-tabs .nav-tabs .nav-item a.active::before {
            width: 60%;
            background: #f37222;
        }

        .news-tabs .nav-tabs .nav-item a::before {
            content: '';
            position: absolute;
            width: 20px;
            height: 1px;
            background: #303030;
            left: 0;
            bottom: 0px;
        }

.affixInsights {
    position: fixed;
    top: 75px;
    right: 50%;
    transform: translate(187.5%, 0px);
}

.heightBanner {
    height: 400px;
}

.heightBannerMobile {
    height: 267px;
}

.news-container .nav-tabs .nav-link {
    border: none;
}

.news-client-logo {
    display: flex;
    justify-content: flex-end;
    margin-left: auto;
}

    .news-client-logo > img {
        max-width: 120px;
        max-height: 38px;
    }

.insights-card:hover .insights-share {
    height: 27px !important;
}

.insights-listing-container .insights-card:hover .insights-share {
    padding: 20px 0;
}

.insights-share {
    margin-top: 0px !important;
}

.ten-best {
    height: 172px;
    width: 100%;
}

.news-container .insight-info h5 {
    min-height: 43px !important;
    cursor: pointer;
}

.news-container .insight-info p {
    min-height: 60px !important;
}


/*********  News page ends  *************/


/*********  Blog-Details page starts  *************/

.insights-details-top-wrapper {
    width: 100%;
}

.insights-details-container {
    margin: auto;
    padding: 115px 30px 0 30px;
}

.insights-details-card strong {
    font-weight: 700;
}

.insights-details-card img {
    width: 100%;
    height: auto !important;
}

.insights-details-card {
    width: 100%;
    border-radius: 8px;
    overflow: hidden;
    background-color: #FFFFFF;
    margin-bottom: 30px;
    min-height: 375.5px;
}

.insights-details-listing-head > h1 {
    text-align: left;
    color: #303030;
    font-family: 'openSans-semi-bold';
    font-size: 28px;
    line-height: 38px;
}

.insights-details-listing-head > p {
    font-family: openSans-regular;
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    margin: 10px 0;
}

    .insights-details-listing-head > p.orphan-blog-head {
        text-align: left;
        color: #303030;
        font-family: 'openSans-semi-bold';
        font-size: 30px;
    }

.insight-details-info {
    color: #666666 !important;
    font-size: 14px !important;
    text-align: center !important;
    font-family: 'openSans-light' !important;
}

.insight-details-desc {
    font-size: 16px !important;
    font-family: 'openSans-regular' !important;
    color: #666666 !important;
}

.insight-details-div {
    position: relative;
    padding: 5px 0px 2px 0px;
    margin-top: 0;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}


/*.insight-details-div span {
    display: inline !important;
    margin: 0 !important;
}*/

.insights-details-by {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}

    .insights-details-by img {
        width: 50px;
        height: 50px;
        border-radius: 100%;
    }

.insights-by-div-child p:nth-child(1) {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 7px;
}

.insights-by-div-child p:nth-child(2) {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: #666666;
}

    .insights-by-div-child p:nth-child(2) span {
        position: relative;
        padding: 0 8px;
        color: #676767;
    }

        .insights-by-div-child p:nth-child(2) span::before {
            content: '';
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 100%;
            background: #999999;
            right: -2px;
            top: calc(50% - 2px);
        }

        .insights-by-div-child p:nth-child(2) span:first-child {
            padding-left: 0;
        }

        .insights-by-div-child p:nth-child(2) span:last-child {
            padding-right: 0;
        }

            .insights-by-div-child p:nth-child(2) span:last-child::before {
                content: none;
            }

.insight-left {
    padding: 0px 20px 10px 20px;
    width: 108px;
}

    .insight-left.affix {
        position: fixed;
        top: 100px;
        left: 50%;
        transform: translateX(-630px);
    }

    .insight-left.fixedBottom {
        position: absolute;
        bottom: 0;
        left: 0;
        transform: translate(0, 0);
    }

.share-blk {
    position: fixed;
    right: 20px;
    bottom: 75px;
    z-index: 1;
}

    .share-blk .share-icon-blk {
        width: 52px;
        height: 52px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
        border-radius: 50%;
        cursor: pointer;
    }

.left-social-icons {
    display: none;
}

    .left-social-icons img {
        cursor: pointer;
        width: 32px;
    }

    .left-social-icons div {
        padding: 0px 10px;
        margin-bottom: 16px;
    }

/*        .left-social-icons div:hover {
            box-shadow: 0 0 12px 0 rgba(177, 177, 177, 0.42);
            transition: all 1s ease-in-out;
        }*/

.insight-right {
    max-width: 762px;
    margin-left: auto;
    flex: 1;
}

    .insight-right.orphan-w100 {
        max-width: calc(100% - 100px);
    }

.padd-feedbk {
    padding: 11px 50px !important;
}

.blog-details-presence-wrapper {
    width: 100%;
    padding: 120px 15px 120px 15px;
    background: url(../images/conclude-messsage.png) no-repeat;
    background-position: 100% 0;
    background-size: contain;
    z-index: 99;
    margin: -200px 0 0 0;
}

.blog-details-presence-colm {
    max-width: 546px;
    margin-left: 72px;
    flex: 1;
}

.blog-details-presence-country {
    border-radius: 8px;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    background: linear-gradient(111deg, #ffffff, #ffffff);
    /* margin-bottom: 30px; */
    position: relative;
    z-index: 1;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    top: 35px;
}

.blog-details-presence-info {
    flex: 1;
    max-width: 432px;
    margin-top: 76px;
}

    .blog-details-presence-info > h3 {
        color: #303030;
        font-size: 30px;
        margin-bottom: 15px;
        font-family: 'openSans-semi-bold';
    }

    .blog-details-presence-info p {
        color: #4b4a4a;
        font-size: 20px;
        margin-bottom: 15px;
        font-family: 'openSans-regular';
    }

.blog-details-presence-container {
    max-width: 1210px;
    margin: auto;
    padding: 120px 30px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: auto;
}

.blog-details-presence-countries {
    flex: 1;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.insight-detail-subscribe-container h3 {
    margin-bottom: 30px;
}

.subscribe-section span.error-message-red {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    margin-top: 5px;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto 100%;
    display: block;
    margin-bottom: 10px;
}

.subscribe-web-app-form span.error-message-red,
.case-study-form span.error-message-red {
    position: relative;
    top: -5px;
}

.subscribe-web-app-form .form-group .form-control,
.case-study-form .form-group .form-control {
    margin-bottom: 10px !important;
}

.subscribe-web-app-form .form-group > div .form-control.mobile {
    padding-left: 86px !important;
}

.subscribe-web-app-form .only-business-id {
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    font-family: 'openSans-regular';
}

.insight-detail-subscribe-container span + span + div {
    margin-top: 5px !important;
}

.insights-linkedin-container {
    max-width: 1090px;
    padding: 52px 0 60px 0;
    margin-top: 64px;
    margin: 65px auto 0 auto;
    border-top: 1px solid #d8d8d8;
    display: flex;
    align-items: flex-start;
}

    .insights-linkedin-container .insights-linkedin-img {
        width: 50px;
        height: 50px;
        margin-right: 15px;
    }

        .insights-linkedin-container .insights-linkedin-img img {
            border-radius: 100%;
            width: 100%;
            height: 100%;
        }

    .insights-linkedin-container .insights-linkedin-info {
        flex: 1;
    }

        .insights-linkedin-container .insights-linkedin-info h4 {
            font-family: 'openSans-light';
            font-size: 12px;
            font-weight: 300;
            color: #999999;
            margin-bottom: 4px;
        }

        .insights-linkedin-container .insights-linkedin-info h3 {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            font-weight: 600;
            color: #303030;
            margin: 0 0 5px 0;
        }

        .insights-linkedin-container .insights-linkedin-info span {
            display: block;
            font-family: 'openSans-light';
            font-size: 14px;
            font-weight: 300;
            color: #676767;
            margin-bottom: 12px;
        }

        .insights-linkedin-container .insights-linkedin-info p {
            font-family: 'openSans-regular';
            font-size: 14px;
            color: #666666;
        }

    .insights-linkedin-container .linkedin-btn {
        margin-left: 100px;
        border-radius: 8px;
        margin-top: 8px;
        border: solid 1px #0079ab;
        background: #FFFFFF;
        padding: 7px 15px;
        display: flex;
        align-items: center;
        font-family: 'openSans-bold';
        font-size: 16px;
        font-weight: bold;
        color: #0079ab;
        width: 120px;
        justify-content: center;
    }

        .insights-linkedin-container .linkedin-btn img {
            margin-left: 4px;
        }

.insights-subscribe-section {
    background: #f5f6fa;
    padding: 20px 15px 32px 15px;
    margin-bottom: 70px;
}

    .insights-subscribe-section .subscribe-container {
        max-width: 1090px;
    }

        .insights-subscribe-section .subscribe-container h4 {
            margin: 0 0 12px 0;
            font-family: 'openSans-regular';
            font-size: 18px;
            line-height: 20px;
            color: #666666;
        }

    .insights-subscribe-section .insights-subscribe-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }

    .insights-subscribe-section .subscribe-container .form-group {
        margin: 0 20px 0 0;
        max-width: 910px;
        position: relative;
    }

        .insights-subscribe-section .subscribe-container .form-group.mob-padding .form-control {
            margin: 0 0 0 0 !important;
            display: block;
            padding: 14px 25px 11px 80px !important;
            height: 52px;
            border-radius: 8px;
            border: 1px solid #d8d8d8;
            box-shadow: none;
        }

        .insights-subscribe-section .subscribe-container .form-group .form-control {
            margin: 0 0 0 0 !important;
            display: block;
            padding: 14px 25px 11px 25px;
            height: 52px;
            border-radius: 8px;
            border: 1px solid #d8d8d8;
            box-shadow: none;
        }

        .insights-subscribe-section .subscribe-container .form-group .iti__selected-flag {
            border-right-color: transparent;
        }

.insights-subscribe-wrapper .form-group .word-counter {
    display: none;
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-family: 'openSans-regular';
    font-size: 14px;
    color: #666666;
}

.insights-subscribe-section .subscribe-container .insights-subscribe-wrapper.expanded {
    margin-bottom: 20px;
}

    .insights-subscribe-section .subscribe-container .insights-subscribe-wrapper.expanded .form-group .form-control {
        height: 132px;
    }

.insights-subscribe-wrapper.expanded .form-group .word-counter {
    display: block;
}

.insights-subscribe-section .insights-subscribe-wrapper .btn,
.insights-subscribe-section .our-work-inactive .btn {
    min-width: 160px;
    padding: 13px 15.25px;
}

.insights-subscribe-section .insights-subscribe-wrapper .common-btn-outline {
    background: #FFFFFF;
    color: #f37222 !important;
}

.insights-subscribe-section .our-work-inactive .form-group {
    max-width: 320px;
}

.insights-subscribe-section .subscribe-thankyou-container {
    max-width: 1090px;
    margin: auto;
    padding: 12px 0 0 0;
}

.insights-comment-box-wrapper {
    max-width: 1090px;
    margin: 32px auto 0 auto;
}

.insights-comment-box-main {
    padding: 32px 0;
    border-top: 1px solid #d8d8d8;
}

    .insights-comment-box-main:last-child {
        padding-bottom: 0;
    }

.insights-comment-detail {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

    .insights-comment-detail .insights-comment-img {
        width: 50px;
        height: 50px;
        background: #623387;
        border-radius: 100%;
        margin-right: 20px;
        overflow: hidden;
    }

        .insights-comment-detail .insights-comment-img span {
            display: block;
            text-align: center;
            line-height: 54px;
            font-family: 'openSans-semi-bold';
            font-size: 24px;
            font-weight: 600;
            color: #FFFFFF;
        }

    .insights-comment-detail .insights-comment-user h3 {
        margin: 0 0 2px 0;
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        color: #303030;
    }

    .insights-comment-detail .insights-comment-user span {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        color: #676767;
    }

.insights-comment-box-main .insights-comment-info p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 20px;
}

    .insights-comment-box-main .insights-comment-info p:last-child {
        margin-bottom: 0;
    }

.the-uxplor {
    position: relative;
    margin-bottom: 110px;
    margin-top: 60px;
}

.the-uxploration-tab {
    box-shadow: 0 1px 8px 2px rgba(0, 0, 0, 0.15);
    border-radius: 5.6px;
    padding: 15px;
    width: 90%;
    z-index: 1;
    background: white;
    position: absolute;
    top: 115px;
    left: 0;
    right: 0;
    margin: auto;
}

    .the-uxploration-tab > h2 {
        font-size: 12.8px;
        font-family: 'openSans-light';
        color: #303030;
        padding: 5px 0 10px 0;
    }

    .the-uxploration-tab > p {
        font-family: 'openSans-regular';
        color: #606060;
        font-size: 12px;
    }

        .the-uxploration-tab > p span {
            font-size: 10px;
        }

    .the-uxploration-tab input {
        font-family: openSans-bold;
        color: #303030;
        font-size: 10px;
        border: 1px solid #f37222;
        margin: 10px 0;
        text-transform: uppercase;
    }

.arrow-back {
    display: flex;
    justify-content: space-around;
    border-bottom: 2px solid #f37222;
    padding-bottom: 5px;
    align-items: center;
    cursor: pointer;
}

    .arrow-back img {
        max-width: 14px;
    }

    .arrow-back > span {
        color: #f37222;
        font-size: 12px;
        margin-left: 10px;
    }

.details-da-heading {
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    color: #303030;
}

.details-da-para2 {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #4b4a4a;
}

.details-da-h3 {
    font-size: 22px;
    font-family: 'openSans-regular';
    color: #4b4a4a;
}

.left-social-icons-hori {
    display: none;
}

.arrow-back-mobile {
    display: none;
}

.feel-free {
    display: none;
}


/*********  Blog-Details page ends  *************/


/*********  our clients page start  *************/

.our-clients-filter-container .hp-clients-wrapper {
    background-position: 0px 65px;
}

.our-clients-filter-container .hp-clients-main {
    margin-top: 0;
}

.our-clients-filter-dropdown {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 70px;
    flex-wrap: wrap;
}

.our-clients-filter-dropdown p {
    font-family: 'openSans-light';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    margin: 10px 15px 10px 0;
}

.our-clients-filter-dropdown .dropdown-toggle::before, .our-clients-filter-dropdown .dropdown-toggle::after {
    content:'' !important;
}

.our-clients-filter-container .hp-clients-logo {
    margin: 0 20px 30px 20px;
}

.dropdown-toggle {
    border-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5) !important;
    padding: 10px 50px 10px 15px;
    width: 328px;
    text-align: left;
    position: relative;
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    background: #FFFFFF;
}

    .dropdown-toggle::after {
        position: absolute;
        right: 20px;
        top: calc(50% - 6px);
        width: 8px;
        height: 8px;
        margin: 0;
    }

.dropdown-menu.show {
    z-index: 4;
    transform: translate3d(0px, 44px, 0px) !important;
    width: 100%;
}

.dropdown-item {
    padding: 7px 17px;
}

/*cpc : contact-presence-country*/

.cpc-our-clients {
    height: 200px;
    width: 200px;
}

.cpc-our-clients p {
        font-size: 16px !important;
 }

/*********  our clients page end  *************/


/**********************thankyou-page start**********************/

.thankyou-case-study-section {
    padding-bottom: 55px;
    /*border-bottom:1px solid #f58e4e;*/
    position: relative;
}

    .thankyou-case-study-section::before {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: #f58e4e;
        max-width: 1210px;
    }

.footer-border {
    position: relative;
}

/*.footer-border::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: #f58e4e;
    max-width: 1210px;
}*/


/**********************thankyou-page end**********************/


/*********  work details page start  jeelani *************/



.work-details-top-wrapper {
    width: 100%;
    background: url(../images/qc.png) no-repeat;
    background-position: top right;
}

.work-details-container {
    max-width: 1366px;
    margin: auto;
    padding: 135px 30px 85px 77px;
}

.work-details-top-wrapper .our-work-left {
    padding-right: 40px;
}

.work-details-head {
    max-width: 565px;
}

    .work-details-head h1 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        line-height: 38px;
        color: #303030;
        font-weight: 600;
    }

    .work-details-head h2 {
        font-family: 'openSans-light';
        font-size: 20px;
        line-height: 34px;
        color: #676767;
        font-weight: 300;
    }

    .work-details-head h3 {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 1.06;
        color: #303030;
        margin-bottom: 15px;
    }

    .work-details-head p {
        font-family: openSans-regular;
        font-size: 20px;
        font-weight: 300;
        line-height: 28px;
        color: #303030;
        margin-top: 25px;
    }

.work-details-certificates-main {
    margin-top: 30px;
    display: flex;
    max-width: 564px;
    justify-content: space-between;
}


.work-details-certificate {
    max-width: 260px;
}

    .work-details-certificate p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }

    .work-details-certificate h2 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        font-weight: 600;
    }

    .work-details-certificate p.head {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        font-weight: 600;
    }

        .work-details-certificate p.head.mykia {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            color: #303030;
            font-weight: 600;
        }


    .work-details-certificate > div {
        line-height: 22px;
        /*align-items: center;*/
    }

    .work-details-certificate img {
        width: 37px;
        height: 37px;
    }

.work-details-certificate-author-img .awards {
    max-width: 175px;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    color: #303030;
}

.work-details-certificates-second {
    margin-top: 50px;
    display: flex;
    max-width: 550px;
    justify-content: space-between;
}

.work-details-certificates-second-multi-national-FMCG {
    margin-top: 50px;
    display: flex;
    max-width: 550px;
    justify-content: space-between;
}

.work-details-certificate-author {
    max-width: 420px;
}

    .work-details-certificate-author > h2 {
        font-size: 16px;
        font-family: 'openSans-semi-bold';
        color: #303030;
        line-height: 24px;
        font-weight: 600;
    }

.author-desc {
    font-size: 14px;
    font-family: 'openSans-regular';
    color: #303030;
    line-height: 20px;
    max-width: 100%;
    margin-top: 10px;
}

.author-title {
    font-size: 14px;
    font-family: openSans-regular;
    color: #303030;
    line-height: 20px;
    margin-top: 3px;
    font-style: italic;
}

.blockquote-head {
    font-size: 16px;
    font-family: 'openSans-regular'-Italic;
    color: #303030;
}

.work-details-certificate-author-img {
    margin-top: 12px;
}

.our-work-right {
    /*position: relative;*/
}

    .our-work-right div:first-child {
        position: relative;
        left: 80px;
        top: 50px;
    }

    .our-work-right .cs-play-btn {
        position: absolute;
        right: 200px;
        top: 295px;
        animation: 1.2s cs-play-btn infinite;
        transform: scale(1);
    }

@keyframes cs-play-btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.9);
    }
}

.video-modal-main .modal-dialog.modal-xl {
    max-width: 81%;
}

.video-modal-main .modal-content {
    border-radius: 0px;
    border: none;
    height: calc(100vh - 100px);
}

.video-modal-main .modal-body {
    padding: 0;
}

    .video-modal-main .modal-body .close {
        position: absolute;
        width: 50px;
        height: 50px;
        background: #FFFFFF;
        opacity: 1 !important;
        border-radius: 100%;
        right: -20px;
        top: -15px;
        outline: none;
    }

        .video-modal-main .modal-body .close::before {
            content: '';
            position: absolute;
            left: 30%;
            top: calc(50% - 0.5px);
            width: 0px;
            height: 2px;
            background: #676767;
            transform: rotate(0deg);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .video-modal-main .modal-body .close.animated::before {
            animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
        }

        .video-modal-main .modal-body .close::after {
            content: '';
            position: absolute;
            left: 30%;
            top: calc(50% - 0.5px);
            width: 0px;
            height: 2px;
            background: #676767;
            transform: rotate(0deg);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .video-modal-main .modal-body .close.animated::after {
            animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
        }

    .video-modal-main .modal-body iframe {
        display: block;
    }

.experience-app {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.lets-work {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    text-align: center;
    margin: 0 0 30px;
}

    .lets-work > span {
        font-family: 'openSans-regular';
    }

/*case study cerificate different width starts*/

.vserve-top-wrapper .work-details-certificates-main {
    max-width: 564px;
}

.vserve-top-wrapper .work-details-certificate {
    max-width: 360px;
}

.mecklai-top-wrapper .work-details-certificates-main {
    max-width: 570px;
}

.mecklai-top-wrapper .work-details-certificate {
    max-width: 340px;
}

    .mecklai-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 186px;
    }

.scalpel-top-wrapper .work-details-certificate:nth-child(2) {
    max-width: 162px;
}

.scalpel-top-wrapper .work-details-certificate {
    max-width: 368px;
}

.voot-work-details-top-wrapper .work-details-certificate:nth-child(2) {
    max-width: 162px;
}

.voot-work-details-top-wrapper .work-details-certificate {
    max-width: 360px;
}

.voot-work-details-top-wrapper .analysis-list-content li {
    display: flex;
}

    .voot-work-details-top-wrapper .analysis-list-content li span {
        margin-right: 8px;
    }

.multi-national-FMCG-top-wrapper .work-details-certificate {
    max-width: 320px;
}

    .multi-national-FMCG-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 210px;
    }

.rgi-top-wrapper .work-details-certificate {
    max-width: 330px;
}

    .rgi-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 162px;
    }

.sbi-top-wrapper .work-details-certificate {
    max-width: 320px;
}

    .sbi-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 190px;
    }

.hike-case-dtls-top-wrapper .work-details-certificate {
    max-width: 330px;
}

.angelb-top-wrapper .work-details-certificate {
    max-width: 320px;
}

    .angelb-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 190px;
    }

.asianpaints-top-wrapper .work-details-certificate {
    max-width: 340px;
}

.gen-insrnce-details-top-wrapper .work-details-certificate {
    max-width: 360px;
}

    .gen-insrnce-details-top-wrapper .work-details-certificate:nth-child(2) {
        max-width: 160px;
    }

/*case study cerificate different width ends */

/*voot work detail start*/

.voot-work-details-top-wrapper {
    background-image: url(../images/voot-top-banner.png) !important;
}

    .voot-work-details-top-wrapper .wd-solution-wrap .wd-dtls-heading {
        /*padding-top: 105px;*/
    }

    .voot-work-details-top-wrapper .innovative-app {
        margin: 0;
    }

        .voot-work-details-top-wrapper .innovative-app img {
            box-shadow: 0 0px 7px 0 rgba(76, 76, 76, 0.2);
            width: auto;
            margin: auto;
            max-width: 100%;
        }

        .voot-work-details-top-wrapper .innovative-app.slick-current {
            padding: 0;
        }

        .voot-work-details-top-wrapper .innovative-app .app-imgblk {
            width: 100%;
            transform: scale(1) !important;
            padding: 5px;
        }

    .voot-work-details-top-wrapper .innovative-solutions-slider .slick-arrow {
        bottom: -15px;
    }

    .voot-work-details-top-wrapper .section-one-d {
        flex: 1;
    }

.work-details-top-wrapper .case-study-form {
    background: url(../images/subscribe-bg-1.svg) no-repeat, url(../images/case-study-form-laptop.svg) no-repeat;
    background-color: #f8f8f8;
    background-position: 0 100%, 100% 100% !important;
}


/*voot work detail end*/


/*********  client say starts  *************/

.client-say {
    width: 93%;
    margin: 0 auto;
    padding: 50px 0 65px 0;
}

    .client-say .column1 {
        width: 400px;
    }

    .client-say .store-center {
        width: 79%;
        margin: 0 auto;
    }

    .client-say .client-say-cards {
        background: url(../images/client-map.png) no-repeat;
        background-position: center;
        padding: 10px;
        display: flex;
        justify-content: space-around;
    }

        .client-say .client-say-cards.multi-national-FMCG {
            background-image: none;
            padding: 10px;
            display: flex;
            justify-content: space-around;
        }

.our-work-component {
    padding: 0 250px;
}

    .our-work-component .card {
        width: 360px;
    }

.column1-card1 {
    width: 100%;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.21);
    border-radius: 7.2px;
    padding: 10px;
    margin-bottom: 14px;
    background: white;
    min-height: 170px;
}

.card-top {
    display: flex;
    align-items: center;
    padding: 8px;
}

.card-bottom p {
    font-family: 'openSans-regular';
    font-size: 12px;
    color: #303030;
    padding: 8px;
    line-height: 18px;
}

.name-date h3 {
    font-size: 14px;
    font-family: 'openSans-semi-bold';
    color: #303030;
    line-height: 20px;
}

.name-date p {
    font-family: 'openSans-light';
    font-size: 12px;
    color: #676767;
    line-height: 20px;
}

.column1-card1 .playstore-icon {
    display: flex;
    align-self: flex-start;
    padding-top: 5px;
}

.bottom-line {
    border-bottom: 1px solid #676767;
    padding-bottom: 2px;
    font-size: 14px;
    font-family: 'openSans-light';
    color: #303030;
}

.font-light {
    font-family: 'openSans-light';
}

.comma {
    width: 18px;
    margin-right: 10px;
    height: 15px;
}

.case-study-form {
    background: url(../images/subscribe-bg-1.png) no-repeat, url(../images/case-study-form.png) no-repeat;
    background-position: 0 45%, 100% 100%;
    background-color: #f5f6fa;
    background-size: auto 339px, auto auto;
}

.problem-state-wrapper {
    position: relative;
}

/*.problem-state-wrapper::before {
    background: linear-gradient(to bottom, #f5f6fa 25%, #FFFFFF 41%);
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 738px;
    max-height: 100%;
    z-index: -1;
}*/

.problem-state-container {
    max-width: 1210px;
    margin: auto;
    padding: 10px 0;
    font-family: 'openSans-regular';
}

.problem-state-desc-wrp {
    position: relative;
    width: 58%;
    margin: 0 auto;
}

    .problem-state-desc-wrp::before {
        position: absolute;
        left: -25px;
        content: "";
        height: 33px;
        width: 4px;
        background: #676767;
    }


.problem-state-container .head-txt {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 10px;
    color: #303030;
    font-family: 'openSans-semi-bold';
}

/*.problem-state-container .head-txt .txt-1 {
    font-family: 'openSans-light';
}*/

.problem-state-container .sub-txt {
    font-family: 'openSans-medium';
    font-size: 20px;
    line-height: 28px;
    color: #303030;
}

.problem-state-desc-wrp:nth-of-type(3)::before {
    display: none;
}

.problem-state-desc-wrp:nth-of-type(3) > div {
    max-width: 200px;
}

.problem-state-desc-wrp:nth-of-type(3) span:first-of-type {
    color: #303030;
    font-size: 40px;
    line-height: 54px;
    font-weight: 600;
    font-family: 'openSans-semi-bold';
}

.problem-state-desc-wrp:nth-of-type(3) span:last-of-type {
    color: #303030;
    font-size: 16px;
    line-height: 24px;
    font-family: 'openSans-regular';
}

.wd-analysis-wrap {
    width: 100%;
    background: url(../images/work/wd-analysis-bg.svg) no-repeat;
    background-position: 100% 79%;
}

.wd-dtls-heading {
    font-family: 'openSans-semi-bold';
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    padding: 40px 0 25px 0;
    max-width: 620px;
    margin: auto;
}

    .wd-dtls-heading .txt-1 {
        font-family: 'openSans-light';
    }

    .wd-dtls-heading .txt-2 {
        font-family: 'openSans-regular';
    }

.problem-state-container {
    position: relative;
}

.problem-state-left {
    height: 200px;
    width: 200px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    padding: 0;
    display: block;
}

    .problem-state-left.active {
        position: fixed;
    }

    .problem-state-left ul {
        display: inline-block;
        position: relative;
    }

.progress-line-grey {
    position: absolute;
    display: inline-block;
    height: 290px;
    width: 1px;
    background: #361547;
    left: -20px;
    top: -18px;
}

    .progress-line-grey.size-4 {
        height: 220px;
    }

.progress-line-active {
    position: relative;
    display: block;
    height: 0;
    width: 3px;
    border-radius: 100px;
    background: #F37222;
    left: -0.3px;
    transition: height 2s;
}

.problem-state-left ul li {
    padding: 12px 0;
}

    .problem-state-left ul li a {
        font-size: 16px;
        font-family: 'openSans-light';
        line-height: 24px;
        color: #676767;
        padding: 0;
    }

        .problem-state-left ul li a.current,
        .problem-state-left ul li a.active {
            font-family: 'openSans-semi-bold';
            color: #F37222;
            font-weight: 600;
        }

.img-slider-analysis {
    border-radius: 8px;
    overflow: hidden;
}

.analysis-slider .slick-next {
    right: 6px;
    width: 28px;
    height: 28px;
    opacity: 0.6;
    background: #fff;
}

.analysis-slider .slick-prev {
    left: 6px;
    width: 28px;
    height: 28px;
    opacity: 0.6;
    background: #fff;
    z-index: 1;
}

    .analysis-slider .slick-prev:before,
    .analysis-slider .slick-next:before {
        content: "";
        background: url(../images/wd-solution/prev-arrow.svg) no-repeat center center;
        width: 28px;
        height: 28px;
        display: block;
    }

.analysis-slider .slick-next:before {
    background: url(../images/wd-solution/next-arrow.svg) no-repeat center center;
}

.problem-state-right {
    /*width: calc(100% - 200px);*/
    /*width: calc(100% - 220px);*/
    width: calc(100% - 210px);
    margin-left: auto;
}

.analysis-content {
    width: 42%;
    margin-right: 7%;
}

    .analysis-content .para-txt {
        font-size: 20px;
        font-family: 'openSans-regular';
        line-height: 28px;
        color: #676767;
        margin-bottom: 25px;
    }

.analysis-list-content {
    margin-top: 20px;
}

    .analysis-list-content li {
        font-size: 14px;
        font-family: 'openSans-regular';
        color: #676767;
        margin-bottom: 25px;
        line-height: 20px;
        display: flex;
    }

        .analysis-list-content li span {
            margin-right: 10px;
        }

.analysis-content {
    margin-top: 50px;
}

.analysis-slider-wrap {
    width: 490px;
}

.slide-title-txt {
    font-size: 20px;
    font-family: 'openSans-semi-bold';
    line-height: 28px;
    color: #303030;
    text-align: center;
    padding-bottom: 10px;
}

.analysis-slider .slick-dots li {
    width: 8px;
    height: 8px;
}

    .analysis-slider .slick-dots li button {
        background: #303030;
    }

    .analysis-slider .slick-dots li.slick-active {
        width: 12px;
        height: 12px;
    }

        .analysis-slider .slick-dots li.slick-active button {
            background: #fff;
            border: 2px solid #606060;
            border-radius: 50%;
        }

.analysis-divde-wrp {
    display: flex;
}

.wd-solution-wrap {
    width: 100%;
    background: url(../images/wd-solution/app-solution-bg.svg) no-repeat right 100px;
}

    .wd-solution-wrap .wd-dtls-heading {
        padding: 50px 0 25px 0;
    }

.solution-sider {
    position: relative;
}

.our-client-take-pride {
    border-radius: 10px;
}

.solution-sider .slider img.ux-nps-solution-slider-img {
    width: 415px;
}

    .solution-sider .slider img.ux-nps-solution-slider-img:last-of-type {
        background-color: #F1F4F9;
    }

.wd-app-img {
    width: 800px;
    overflow: hidden;
    border-radius: 10px;
}

.wd-app-text {
    width: 430px;
    position: absolute;
    right: 0;
    top: 7%;
    border-radius: 8px;
    box-shadow: 0 2px 24px 0 rgba(154, 154, 154, 0.69);
    background: #fff;
    padding: 24px;
}

.slick-slider {
    margin-bottom: 0px;
}

.analysis-slider .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
}

.innovative-solutions-slider .slick-dots {
    left: 0;
    right: 0;
    bottom: -5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .innovative-solutions-slider .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .innovative-solutions-slider .slick-dots li button {
            background: #303030;
        }

        .innovative-solutions-slider .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

            .innovative-solutions-slider .slick-dots li.slick-active button {
                background: #fff;
                border: 2px solid #606060;
                border-radius: 50%;
            }

.app-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 30px;
    box-shadow: 0 0 12px 0 rgba(170, 170, 170, 0.3);
    margin: 5px 0px 20px 8px;
}

.app-info-text p {
    font-family: openSans-regular;
    font-size: 14px;
    line-height: 20px;
    /*padding-top: 20px;*/
    margin-bottom: 20px;
    color: #303030;
    z-index: 5;
    position: relative;
}

    .app-info-text p.slider-para {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
    }

.app-info-text-bold .h3 {
    font-size: 20px;
    line-height: 28px;
    font-family: 'openSans-semi-bold';
    color: #303030;
    margin-bottom: 20px;
}

.app-info-text-bold p {
    font-size: 20px;
    line-height: 22px;
    font-family: 'openSans-semi-bold';
    color: #303030;
    margin-bottom: 50px;
    width: 90%;
}

.problem-state-container.we-print {
    padding-top: 0px;
}

.solution-sider .slick-dots {
    left: 0;
    right: 0;
}

    .solution-sider .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .solution-sider .slick-dots li button {
            background: #303030;
        }

        .solution-sider .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

            .solution-sider .slick-dots li.slick-active button {
                background: #fff;
                border: 2px solid #606060;
                border-radius: 50%;
            }

.solution-sider .slick-arrow {
    top: auto;
    bottom: 10px;
    width: 10px;
}

.solution-sider .slick-prev:before {
    content: "";
    background: url(../images/wd-solution/prev-arrow.svg) no-repeat 0 0;
    width: 10px;
    height: 17px;
    display: block;
}

.solution-sider .slick-next:before {
    content: "";
    background: url(../images/wd-solution/next-arrow.svg) no-repeat 0 0;
    width: 10px;
    height: 17px;
    display: block;
}

.wd-app-text {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    cursor: pointer;
}

    .wd-app-text .slick-arrow {
        position: relative;
        left: 0;
        right: 0;
        margin: 0;
        top: auto;
        width: auto;
        height: auto;
        z-index: 3;
    }

    .wd-app-text .slick-prev {
        order: 2;
    }

    .wd-app-text .slick-dots {
        order: 3;
        position: relative;
        width: auto;
        margin: 0 15px;
        display: flex;
        align-items: center;
    }

    .wd-app-text .slick-next {
        order: 4;
    }

.wd-solution-wrap .header-sec {
    text-align: center;
    margin-bottom: 45px;
}

    .wd-solution-wrap .header-sec p {
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
        font-family: openSans-regular;
    }

.innovative-app {
    margin: 0 60px 0 0;
}

    .innovative-app img {
        width: 100%;
        box-shadow: 0 3px 27px 0 rgba(76, 76, 76, 0.55);
        border-radius: 20px;
    }

    .innovative-app p {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        text-align: center;
        width: 100%;
        max-width: 150px;
        margin: 0 16% -35px;
        font-family: 'openSans-regular';
    }

    .innovative-app.slick-current p {
        margin-bottom: -10px;
    }

    .innovative-app.slick-active + .slick-active p {
        margin-bottom: 15px;
    }

    .innovative-app.slick-active + .slick-active + .slick-active .innovative {
        padding-top: 40px;
    }

    .innovative-app.slick-active + .slick-active + .slick-active p {
        margin-bottom: -25px;
    }

.wd-innovative-solutions {
    background: url(../images/app-solution-bg.svg) no-repeat 100% 45%;
}


.innovative-solutions-slider {
    margin-bottom: 10px;
}

    .innovative-solutions-slider .problem-state-right {
        width: calc(100% - 270px);
        max-width: 1400px;
    }

    .innovative-solutions-slider .slick-arrow {
        /*top: auto;*/
        bottom: -25px;
        width: 22px;
        height: 40px;
        z-index: 99;
    }

    .innovative-solutions-slider .slick-prev {
        left: -30px;
    }

    .innovative-solutions-slider .slick-next {
        right: 110px;
    }

    .innovative-solutions-slider .slick-prev:before {
        content: "";
        background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat 0 0/cover;
        width: 22px;
        height: 40px;
        display: block;
    }

    .innovative-solutions-slider .slick-next:before {
        content: "";
        background: url(../images/wd-solution/next-arrow-2.svg) no-repeat 0 0/cover;
        width: 22px;
        height: 40px;
        display: block;
    }


/*mecklai soln slider-----------*/

.innovative-solutions-slider-mecklai .slick-arrow {
    top: calc(50% - 0px);
    width: 22px;
    height: 40px;
    z-index: 99;
}

.innovative-solutions-slider-mecklai .slick-prev {
    left: -30px;
}

.innovative-solutions-slider-mecklai .slick-next {
    right: 50px;
}

.innovative-solutions-slider-mecklai .slick-prev:before {
    content: "";
    background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat 0 0/cover;
    width: 22px;
    height: 40px;
    display: block;
}

.innovative-solutions-slider-mecklai .slick-next:before {
    content: "";
    background: url(../images/wd-solution/next-arrow-2.svg) no-repeat 0 0/cover;
    width: 22px;
    height: 40px;
    display: block;
}


/*sib soln slider-----------*/

.innovative-solutions-slider-sib .slick-arrow {
    top: calc(50% - 0);
    width: 22px;
    height: 40px;
    z-index: 98;
}

.innovative-solutions-slider-sib .slick-prev {
    left: -30px;
}


.innovative-solutions-slider-sib .slick-next {
    right: 50px;
}

.innovative-solutions-slider-sib .slick-prev:before {
    content: "";
    background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat;
    width: 22px;
    height: 40px;
    display: block;
}

.innovative-solutions-slider-sib .slick-next:before {
    content: "";
    background: url(../images/wd-solution/next-arrow-2.svg) no-repeat;
    width: 22px;
    height: 40px;
    display: block;
}

.innovative-app .app-imgblk {
    width: 100%;
}

.innovative-app .app-imgblk {
    transition: transform .2s;
    transform: scale(0.8);
}

.innovative-app.slick-current {
    padding-top: 45px;
    margin-left: 0px;
}

    .innovative-app.slick-current .app-imgblk {
        transform: scale(0.9);
    }

.innovative-app.slick-active + .slick-active .app-imgblk {
    transform: scale(1);
}

.innovative-app.slick-active + .slick-active + .slick-active .app-imgblk {
    transform: scale(0.85);
}

.wd-result-wrap {
    width: 100%;
    background: url(../images/work/wd-result-bg.svg) no-repeat;
    background-position: 100% calc(100% + 50px);
}

    .wd-result-wrap .wd-dtls-heading {
        padding: 50px 0 25px;
    }

.wd-dtls-sub-heading {
    font-family: 'openSans-light';
    font-size: 20px;
    line-height: 28px;
    color: #303030;
    width: 33%;
    margin: 0 auto;
    text-align: center;
}

.result-details-container {
    display: flex;
}

.section-first-result {
    width: 300px;
    margin-right: 18%;
}


.result-dtls-wrp {
    display: flex;
    margin-bottom: 50px;
}

.section-first-result .img-sect {
    margin-right: 20px;
}

.section-first-result .dtls-sect {
    font-size: 16px;
    font-family: 'openSans-light';
    line-height: 24px;
    color: #303030;
    flex: 1;
}

.section-first-result .first-result-wrp li {
    position: relative;
    font-size: 16px;
    font-family: 'openSans-regular';
    line-height: 24px;
    color: #303030;
}

    .section-first-result .first-result-wrp li:not(:last-of-type) {
        margin-bottom: 30px;
    }

    .section-first-result .first-result-wrp li::before {
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        background-color: #F37222;
        position: absolute;
        left: -20px;
        top: 5px;
    }

.wd-result-wrap .problem-state-container {
    padding: 50px 0 70px;
}

.indvs-result-wrp {
    display: flex;
    justify-content: space-between;
    width: 222px;
    height: 126px;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 2px 24px 0 rgba(217, 217, 217, 0.69);
    background: #fff;
    margin: 0 25px 25px 0px;
}

.overall-result-case {
    display: flex;
    justify-content: center;
    align-items: center;
}

.section-one-d {
    flex-direction: column;
    display: flex;
    justify-content: space-between;
    flex: 1;
}

.section-two-d {
    display: flex;
    align-items: flex-end;
}

.section-one-d .name-txt {
    font-size: 16px;
    font-family: 'openSans-regular';
    line-height: 24px;
    color: #676767;
    width: 80%;
}

.section-two-d span {
    font-size: 22px;
    line-height: 30px;
    font-family: 'openSans-semi-bold';
    color: #f37222;
}

.font13 {
    font-size: 13px !important;
}

.font16 {
    font-size: 16px !important;
    margin-bottom: 14px !important;
}

.wd-vm {
    margin-bottom: 20px !important;
    margin-top: 16px !important;
}

.mb-wd-5 {
    position: relative;
    top: -15px;
}

.cursor {
    cursor: pointer;
}

/*.problem-state-container.padding-wrp {
    padding: 40px 0 0;
}*/

#section1,
#section2 {
    padding-top: 20px;
}

#section3 {
    padding-top: 0px;
}


/*-----------------     scalpel section starts    -------------------*/

.scalpel-top-wrapper .work-details-head span {
    font-family: 'openSans-regular';
    font-size: 24px;
    color: #303030;
    font-weight: 600;
}

.scalpel-top-wrapper .work-details-certificates-second {
    justify-content: flex-start;
}

.scalpel-top-wrapper {
    background: url(../images/scalpel-banner.png) no-repeat;
    background-position: top right;
}

    .scalpel-top-wrapper .problem-state-desc-wrp {
        position: relative;
        width: 70%;
        margin: 0 auto;
    }

    .scalpel-top-wrapper .innovative-solutions-slider .innovative-app p {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .scalpel-top-wrapper .innovative-app .app-imgblk {
        margin: auto;
    }

    .scalpel-top-wrapper .wd-dtls-sub-heading {
        width: 37%;
    }

    .scalpel-top-wrapper .work-details-certificate-author-img .awards {
        max-width: 215px;
    }

.width100 {
    width: 100% !important;
}

.scalpel-top-wrapper .card-bottom p {
    padding-right: 2px !important;
}

.scalpel-top-wrapper .subscribe-container p {
    font-size: 18px;
}

.exp-p {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
}

.scalpel-top-wrapper .analysis-list-content li {
    display: flex;
}

    .scalpel-top-wrapper .analysis-list-content li span {
        margin-right: 8px;
    }

.scalpel-top-wrapper .subscribe-section span.error-message-red {
    top: -6px !important;
}

    .scalpel-top-wrapper .subscribe-section span.error-message-red:nth-child(3) {
        top: -10px !important;
    }


/*-----------------     scalpel section ends      -------------------*/


/*-----------------    mecklai section starts    -------------------*/

.mecklai-top-wrapper .work-details-head span {
    font-family: 'openSans-regular';
    font-size: 24px;
    color: #303030;
    font-weight: 600;
}

.mecklai-top-wrapper .work-details-certificates-second {
    justify-content: flex-start;
}

.mecklai-top-wrapper {
    background: url(../images/mecklai-banner.png) no-repeat;
    background-position: top right;
}

    .mecklai-top-wrapper .problem-state-desc-wrp {
        position: relative;
        width: 65%;
        margin: 0 auto;
    }

    .mecklai-top-wrapper .innovative-solutions-slider .innovative-app p {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .mecklai-top-wrapper .innovative-app .app-imgblk {
        margin: auto;
    }

    .mecklai-top-wrapper .wd-dtls-sub-heading {
        width: 37%;
    }

    .mecklai-top-wrapper .work-details-certificate-author-img .awards {
        max-width: 215px;
    }

.width100 {
    width: 100% !important;
}

.mecklai-top-wrapper .card-bottom p {
    padding-right: 2px !important;
}

.mecklai-top-wrapper .subscribe-container p {
    font-size: 18px;
}

.exp-p {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
}

.mecklai-top-wrapper .analysis-list-content li {
    display: flex;
}

    .mecklai-top-wrapper .analysis-list-content li span {
        margin-right: 8px;
    }

.mecklai-top-wrapper .subscribe-section span.error-message-red {
    top: -6px !important;
}

    .mecklai-top-wrapper .subscribe-section span.error-message-red:nth-child(3) {
        top: -10px !important;
    }


/*-----------------     mecklai section ends      -------------------*/


/*-----------------    multi-national-FMCG section starts    -------------------*/

.multi-national-FMCG-top-wrapper .work-details-head span {
    font-family: 'openSans-regular';
    font-size: 24px;
    color: #303030;
    font-weight: 600;
}

.multi-national-FMCG-top-wrapper .work-details-certificates-second-multi-national-FMCG {
    justify-content: flex-start;
}

.multi-national-FMCG-top-wrapper {
    background: url(../images/multi-national-FMCG-banner-bg.png) no-repeat;
    background-position: top right;
}

    .multi-national-FMCG-top-wrapper .problem-state-desc-wrp {
        position: relative;
        width: 65%;
        margin: 0 auto;
    }

    .multi-national-FMCG-top-wrapper .innovative-solutions-slider .innovative-app p {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .multi-national-FMCG-top-wrapper .innovative-app .app-imgblk {
        margin: auto;
    }

    .multi-national-FMCG-top-wrapper .wd-dtls-sub-heading {
        /*width: 37%;*/
    }

    .multi-national-FMCG-top-wrapper .work-details-certificate-author-img .awards {
        max-width: 215px;
    }

.width100 {
    width: 100% !important;
}

.multi-national-FMCG-top-wrapper .card-bottom p {
    padding-right: 2px !important;
}

.multi-national-FMCG-top-wrapper .subscribe-container p {
    font-size: 16px;
    line-height: 24px;
}

.exp-p {
    font-family: 'openSans-light';
    font-size: 14px;
    color: #303030;
}

.multi-national-FMCG-top-wrapper .analysis-list-content li {
    display: flex;
}

    .multi-national-FMCG-top-wrapper .analysis-list-content li span {
        margin-right: 8px;
    }

.multi-national-FMCG-top-wrapper .subscribe-section span.error-message-red {
    top: -6px !important;
}

    .multi-national-FMCG-top-wrapper .subscribe-section span.error-message-red:nth-child(3) {
        top: -10px !important;
    }

.multi-national-FMCG-report-slider .header-sec {
    margin-bottom: -30px;
}

.multi-national-FMCG-report-slider .innovative-app .app-imgblk {
    width: auto;
}

.multi-national-FMCG-report-slider .innovative-app {
    margin-right: -38px;
    margin-left: -38px;
}

    .multi-national-FMCG-report-slider .innovative-app.slick-current {
        padding-top: 0;
    }

    .multi-national-FMCG-report-slider .innovative-app .app-imgblk {
        transform: scale(0.9);
    }

.multi-national-FMCG-report-slider .innovative-solutions-slider .slick-arrow {
    bottom: 0;
}

.multi-national-FMCG-report-slider .innovative-app img {
    box-shadow: none;
}

.multi-national-FMCG-report-slider.wd-innovative-solutions {
    background-size: 57%;
    margin-top: 20px;
}


/*-----------------     multi-national-FMCG section ends      -------------------*/


/*-----------------    sib section starts    -------------------*/

.sib-top-wrapper .work-details-head span {
    font-family: 'openSans-regular';
    font-size: 24px;
    color: #303030;
    font-weight: 600;
}

.sib-top-wrapper .work-details-certificates-second {
    justify-content: flex-start;
}

.sib-top-wrapper {
    background: url(../images/sib-banner.png) no-repeat;
    background-position: top right;
}

    .sib-top-wrapper .wd-solution-wrap .header-sec p {
        max-width: 610px;
    }

    .sib-top-wrapper .work-details-certificates-main {
        max-width: 445px;
    }

    .sib-top-wrapper .author-desc {
        max-width: 420px;
    }

    .sib-top-wrapper .problem-state-desc-wrp {
        position: relative;
        width: 65%;
        margin: 0 auto;
    }

    .sib-top-wrapper .innovative-solutions-slider .innovative-app p {
        max-width: 250px;
        margin-left: auto;
        margin-right: auto;
    }

    .sib-top-wrapper .innovative-app .app-imgblk {
        margin: auto;
    }

    .sib-top-wrapper .wd-dtls-sub-heading {
        max-width: 650px;
        width: 100%;
    }

    .sib-top-wrapper .work-details-certificate-author-img .awards {
        max-width: 215px;
    }

    .sib-top-wrapper .card-bottom p {
        padding-right: 2px !important;
    }

    .sib-top-wrapper .subscribe-container p {
        font-size: 20px;
    }

    .sib-top-wrapper .analysis-list-content li {
        display: flex;
    }

        .sib-top-wrapper .analysis-list-content li span {
            margin-right: 8px;
        }

    .sib-top-wrapper .subscribe-section span.error-message-red {
        top: -6px !important;
    }

        .sib-top-wrapper .subscribe-section span.error-message-red:nth-child(3) {
            top: -10px !important;
        }

    .sib-top-wrapper .client-say {
        padding: 80px 0 65px 0;
    }

.our-work-component .other-work {
    margin-bottom: 30px;
}

.sib-top-wrapper .our-work-component {
    padding-bottom: 50px;
}


/*-----------------     sib section ends      -------------------*/


/*----------------      Faq section starts      ------------------*/

.faq-top-wrapper {
    width: 100%;
    background: url(../images/desktop-our-work-bg.svg) no-repeat;
    background-position: top right;
    padding-top: 115px;
}

    .faq-top-wrapper .slider-top-content h3 {
        font-size: 28px;
        font-family: 'openSans-semi-bold';
        line-height: 34px;
        color: #303030;
    }

    .faq-top-wrapper .slider-top-content p {
        font-size: 20px;
        font-family: 'openSans-light';
        color: #303030;
    }

    .faq-top-wrapper .faq-accordian {
        width: 100%;
        border-radius: 8.1px;
        box-shadow: 0 0 8px 0 rgba(151, 151, 151, 0.53);
        background-color: white;
        padding: 20px 30px;
        margin-bottom: 20px;
    }

.faq-slide-toggle-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-slide-toggle {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.faq-top-wrapper .faq-accordian h3 {
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.45;
    letter-spacing: normal;
    color: #606060;
}

.faq-slide-toggle p:last-child {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #303030;
    width: 98.6%;
}

.faq-below-form {
    width: 1093px;
    margin: 0 auto;
}

.faq-form {
    background: url(../images/subscribe-bg-1.png) no-repeat;
    background-position: 0 45%;
    background-color: #f5f6fa;
    background-size: auto 339px;
}

.faq-top-wrapper .view-more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    border-bottom: 1px solid;
    margin: 0 auto;
    padding-bottom: 5px;
}

.faq-top-wrapper .view-less {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 110px;
    border-bottom: 1px solid;
    margin: 0 auto;
    padding-bottom: 5px;
}

.faq-top-wrapper .view-more p {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

.faq-top-wrapper .view-less p {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #676767;
}

#showmore {
    margin-top: 20px;
}

.invisibleFaq {
    display: none !important;
}

.faq-dots {
    height: 5px;
    width: 5px;
    background: #303030;
    border-radius: 50%;
    top: 9px;
    position: relative;
}


/*----------------      Faq section ends      ------------------*/


/*----------------- tnc page start -------------------*/

/*.tnc-main-wrapper {
    background: url(../images/tnc-top-amiba.svg) no-repeat;
    background-position: right top;
}*/

h2.privacy-head {
    font-weight: 700;
    color: #303030;
    font-family: openSans-bold;
}

.tnc-container.privacy-policy {
    padding: 60px 0px 40px 0px;
}


.last-privacy {
    margin-bottom: 0px !important;
}

.tnc-container {
    max-width: 1140px;
    margin: auto;
    padding: 80px 0px 40px 0px;
}

.tnc-top-header {
    text-align: center;
    margin: 30px auto 20px auto;
    display: table;
}

    .tnc-top-header h3 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        color: #303030;
        margin-bottom: 0;
        line-height: 38px;
        display: block;
    }

    .tnc-top-header p {
        font-size: 20px;
        line-height: 28px;
        font-family: 'openSans-light';
        color: #303030;
    }

.tnc-info-main h3 {
    font-style: italic;
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
    margin: 45px 0 15px 0;
}

.tnc-info-main sup {
    font-size: 14px;
}

.tnc-info-main.privacy-policy sup {
    font-size: 14px;
}

.first-pata-term {
    margin-bottom: 0px !important;
}

.bold-span {
    font-weight: 600;
}

.first-pata-term span {
    font-weight: 600;
}

.tnc-info-main p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 12px;
    position: relative;
}

p.six-para {
    margin-top: 12px;
}

.tnc-info-main ul {
    margin-left: 20px;
}

.cookies li {
    list-style: disc !important;
}

.new-ol {
    margin-top: 10px;
}

    .new-ol li {
        list-style: none !important;
    }

.tnc-info-main ul li {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 20px;
    position: relative;
    list-style: decimal;
    /*padding-left: 15px;*/
}

    /* .tnc-info-main ul li::before {
        content: '';
        position: absolute;
        left: 0;
        top: 8px;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #303030;
    }*/

    .tnc-info-main ul li a {
        color: #f37222;
    }


/*----------------- tnc page end -------------------*/


/*----------------- error page start -------------------*/

.error-page-wrapper {
    width: 100%;
    min-height: 100vh;
    display: flex;
    justify-content: center;
}

.error-page-container {
    max-width: 1200px;
    text-align: center;
}

    .error-page-container h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        font-weight: 500;
        letter-spacing: 0.2px;
        color: #393939;
        margin-top: 55px;
    }

    .error-page-container p {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        text-align: center;
        color: #303030;
        margin-top: 30px;
    }

    .error-page-container a {
        padding: 11px 40.87px;
        margin-top: 30px;
    }

.internet-error-img {
    margin-top: 126px;
}


/*----------------- error page end -------------------*/


/*career page start*/

.career-top-wrapper,
.our-clients-top-wrapper {
    width: 100%;
    background: url(../images/desktop-career-bg.png) no-repeat;
    background-position: bottom right;
}

.career-container {
    max-width: 1210px;
    margin: auto;
    padding: 135px 30px 10px 30px;
}

.our-clients-banner-left-main {
    max-width: 585px;
}

.career-banner-left-main {
    max-width: 600px;
}

.career-head h1 {
    font-family: 'openSans-bold';
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: #303030;
    margin-bottom: 16px;
}

.career-head p {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 1.4;
    color: #676767;
}

.career-banner-quick-info {
    display: flex;
    justify-content: space-between;
    margin: 45px 0 70px 0;
    align-items: baseline;
}

.career-banner-info img {
    display: block;
    margin: 0 auto 15px auto;
}

.career-banner-info p {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #303030;
    text-align: center;
}

    .career-banner-info p span {
        font-family: 'openSans-regular';
        font-size: 18px;
        letter-spacing: 0.56px;
        color: #303030;
        font-weight: normal;
        display: block;
    }

.carrer-banner-btns {
    display: flex;
    align-items: center;
}

.opening-btn {
    padding: 11px 31px;
    margin-right: 30px;
    cursor: pointer;
}

.career-opening-section {
    padding: 90px 0 100px 0;
}

.career-opening-section-head h2 {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #303030;
    margin-bottom: 15px;
}

    .career-opening-section-head h2 > span {
        font-family: 'openSans-light';
        font-size: 24px;
        line-height: 30px;
    }

.career-opening-section-head p {
    font-family: 'openSans-light';
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    text-align: center;
    color: #303030;
    max-width: 640px;
    margin: 0 auto;
}

.career-exp-tab {
    padding: 45px 95px;
    margin: 40px auto 30px auto;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    display: table;
}

    .career-exp-tab .scrollable-tabs {
        display: flex;
    }

        .career-exp-tab .scrollable-tabs li {
            margin: 0 18px;
        }

            .career-exp-tab .scrollable-tabs li a {
                padding: 0 0 5px 0;
                border: none;
                font-family: 'openSans-light';
                font-size: 16px;
                font-weight: 300;
                color: #303030;
                background: transparent;
                position: relative;
                display: block;
            }

                .career-exp-tab .scrollable-tabs li a span {
                    font-family: 'openSans-light';
                    font-size: 16px;
                    font-weight: 300;
                    color: #303030;
                }

                .career-exp-tab .scrollable-tabs li a::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                    width: 20px;
                    height: 1px;
                    background: #303030;
                }

                .career-exp-tab .scrollable-tabs li a.active {
                    font-family: 'openSans-semi-bold';
                    font-size: 16px;
                    font-weight: 600;
                    color: #f37222;
                }

                    .career-exp-tab .scrollable-tabs li a.active span {
                        font-family: 'openSans-semi-bold';
                        font-size: 16px;
                        font-weight: 600;
                        color: #f37222;
                    }

                    .career-exp-tab .scrollable-tabs li a.active::before {
                        width: 100%;
                        background: #f37222;
                    }

.career-opening-main-wrapper {
    max-width: 1285px;
    margin: 60px auto 0 auto;
    display: flex;
    padding: 0 15px;
    position: relative;
}

.career-category-main {
    padding-right: 20px;
    width: 195px;
}

    .career-category-main ul li {
        margin-bottom: 25px;
    }

        .career-category-main ul li a {
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 300;
            color: #303030 !important;
            padding-bottom: 6px;
            position: relative;
            display: table;
        }

            .career-category-main ul li a:hover {
                font-size: 16px;
                font-weight: 600;
                color: #f37222 !important;
                background: none;
            }

            .career-category-main ul li a.active,
            .career-category-main ul li a.active:hover {
                font-family: 'openSans-semi-bold';
                font-size: 16px;
                font-weight: 600;
                color: #f37222 !important;
            }

                .career-category-main ul li a.active::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: 1px;
                    background: #f37222;
                }

    .career-category-main .dropdown {
        display: none;
    }

.career-opening-listing-main {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.career-opening-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-left: 10px;
    align-items: flex-start;
    flex: 1;
    border-left: 1px solid #d8d8d8;
}

    .career-opening-main.hidden {
        opacity: 0;
        visibility: hidden;
    }

.career-opening-box {
    width: 319px;
    border-radius: 8px;
    margin: 0 15px 60px 15px;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    background-color: #FFFFFF;
    cursor: pointer;
    transform: scale(1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .career-opening-box:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

.career-opening-head {
    padding: 20px 25px;
    border-radius: 8px 8px 0 0;
    background: linear-gradient(282deg, #e6e6e6, #d4d4d4);
}

    .career-opening-head h3 {
        font-family: 'openSans-bold';
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
        color: #f37222;
    }

    .career-opening-head.green {
        background-image: linear-gradient(282deg, #62e89e, #08d7ca);
    }

    .career-opening-head.skyblue {
        background-image: linear-gradient(102deg, #009ffd, #79cdff);
    }

    .career-opening-head.blue {
        background-image: linear-gradient(103deg, #ad7cff 3%, #489bfe 100%);
    }

    .career-opening-head.yellow {
        background-image: linear-gradient(90deg, rgba(255, 152, 0, 1) 0%, rgba(255, 201, 0, 1) 100%);
    }

    .career-opening-head.red {
        background-image: linear-gradient(282deg, #ff7c7c, #fa4a4a);
    }

    .career-opening-head.pink {
        background-image: linear-gradient(282deg, #fbb0b2, #ff5893);
    }

        .career-opening-head.green h3, .career-opening-head.skyblue h3, .career-opening-head.blue h3, .career-opening-head.yellow h3, .career-opening-head.red h3, .career-opening-head.pink h3 {
            color: #FFFFFF;
        }

.career-opening-info {
    padding: 15px 25px;
    position: relative;
    border: 1px solid transparent;
    border-top: none;
    border-radius: 0 0 8px 8px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .career-opening-info > p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        margin-bottom: 20px;
        min-height: 60px;
    }

.min-h-60 {
    min-height: 60px;
}

.career-opening-info ul {
    margin-bottom: 25px;
}

    .career-opening-info ul li {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #303030;
        margin-bottom: 10px;
        display: flex;
        align-items: center;
    }

        .career-opening-info ul li span {
            width: 16px;
            margin-right: 10px;
        }

        .career-opening-info ul li img {
            display: block;
            margin: auto;
        }

.career-opening-info .view-more {
    margin-left: 25px;
}

.career-opening-box:hover .view-more a::before {
    width: 100%;
    background: #f37222;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.career-opening-box:hover .view-more a span {
    color: #f37222;
    padding-right: 28px;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

    .career-opening-box:hover .view-more a span::before {
        opacity: 0;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .career-opening-box:hover .view-more a span::after {
        opacity: 1;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

.exp-type-tag {
    position: absolute;
    right: 0;
    bottom: 15px;
    border-radius: 9px 0 0 9px;
    background-color: #d8d8d8;
    min-width: 105px;
    padding: 3px 15px;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .exp-type-tag p {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #FFFFFF;
        margin: 0;
    }

.career-opening-box:hover {
    box-shadow: 0 4px 21px 5px rgba(231, 231, 231, 0.52);
    transform: scale(1.05);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .career-opening-box:hover .career-opening-info {
        border-color: #f37222;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

        .career-opening-box:hover .career-opening-info .exp-type-tag {
            background: #f37222;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
        }

.career-view-all-main {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

    .career-view-all-main .common-btn {
        padding: 11px 44.5px;
    }

    .career-view-all-main .view-more {
        display: none;
    }

.career-jd-wrapper-main {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 100%;
    /*max-height: 565px;*/
    max-height: 780px;
    background: #FFFFFF;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    pointer-events: none;
    /*-webkit-transform: translate(100% , 0%);
			    transform: translate(100% , 0%);*/
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .career-jd-wrapper-main.show {
        opacity: 1;
        pointer-events: all;
        /*-webkit-transform: translate(0% , 0%);
				    transform: translate(0% , 0%);*/
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

.career-jd-left-wrapper {
    width: 326px;
    padding-right: 8px;
    /*max-height: 636px;*/
}

    .career-jd-left-wrapper .mCSB_scrollTools {
        width: 8px;
        margin: 0 !important;
    }

.career-jd-cat {
    border-radius: 8px;
    /*box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);*/
    background-color: #FFFFFF;
    margin: 12px 0;
}

    .career-jd-cat:first-child {
        margin-top: 0;
    }

    .career-jd-cat:last-child {
        margin-bottom: 0;
    }

    .career-jd-cat a {
        border-radius: 8px;
        display: block;
        padding: 10px 20px 23px 20px;
        border: 1px solid #d8d8d8;
        position: relative;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .career-jd-cat a h3 {
            font-family: 'openSans-regular';
            font-size: 22px;
            line-height: 1.36;
            color: #303030;
            position: relative;
            padding-left: 13px;
        }

            .career-jd-cat a h3::before {
                content: '';
                position: absolute;
                left: 0;
                top: 2px;
                width: 3px;
                height: 20px;
                background-image: linear-gradient(351deg, #62e89e 100%, #08d7ca);
            }

        .career-jd-cat a ul {
            margin-bottom: 25px;
        }

            .career-jd-cat a ul li {
                font-family: 'openSans-regular';
                font-size: 14px;
                line-height: 20px;
                color: #303030;
                display: flex;
                align-items: center;
                margin: 12px 0;
            }

                .career-jd-cat a ul li span {
                    width: 16px;
                    margin-right: 10px;
                }

                .career-jd-cat a ul li img {
                    display: block;
                    margin: auto;
                }

    .career-jd-cat:hover a,
    .career-jd-cat.active a {
        border: solid 1px #f37222;
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

        .career-jd-cat:hover a h3,
        .career-jd-cat.active a h3 {
            font-family: 'openSans-bold';
            font-size: 22px;
            font-weight: bold;
            line-height: 30px;
            color: #303030;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .career-jd-cat:hover a .exp-type-tag,
        .career-jd-cat.active a .exp-type-tag {
            background-color: #f37222;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

.career-jd-right-wrapper {
    border-radius: 8px;
    border: solid 1px #f37222;
    background-color: #FFFFFF;
    width: 100%;
    flex: 1;
    display: flex;
    height: 780px;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}

.career-jd-main {
    padding: 20px 25px;
    flex: 1;
    max-height: 778px;
}

    .career-jd-main h3 {
        font-family: 'openSans-bold';
        font-size: 16px;
        font-weight: bold;
        line-height: 24px;
        color: #303030;
        margin-bottom: 10px;
    }

    .career-jd-main p {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-style: normal;
        line-height: 1.43;
        color: #303030;
    }

        .career-jd-main p + h3 {
            margin-top: 40px;
        }

    .career-jd-main ul {
        margin-bottom: 15px;
    }

        .career-jd-main ul li {
            padding-left: 18px;
            position: relative;
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            margin-bottom: 16px;
        }

            .career-jd-main ul li::before {
                position: absolute;
                content: '';
                width: 8px;
                height: 1px;
                background: #303030;
                top: 8px;
                left: 0;
            }

            .career-jd-main ul li:last-child {
                margin: 0;
            }

.career-jd-quick-info {
    padding: 15px 25px;
    background: #fef8f2;
    width: 374px;
    position: relative;
    border-radius: 0px 15px 15px 0px;
}

    .career-jd-quick-info h2 {
        font-family: 'openSans-bold';
        font-size: 20px;
        font-weight: bold;
        line-height: 28px;
        color: #303030;
        margin-bottom: 5px;
        max-width: 95%;
    }

    .career-jd-quick-info p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }

    .career-jd-quick-info ul {
        margin: 16px 0;
    }

        .career-jd-quick-info ul li {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            display: flex;
            align-items: center;
            margin: 12px 0;
        }

            .career-jd-quick-info ul li span {
                width: 16px;
                margin-right: 10px;
            }

            .career-jd-quick-info ul li img {
                display: block;
                margin: auto;
            }

    .career-jd-quick-info p.dark {
        color: #303030;
    }

        .career-jd-quick-info p.dark span {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            color: #666666;
        }

    .career-jd-quick-info .common-btn {
        margin: 30px 0 15px 0;
        padding: 11px 64.7px;
    }

    .career-jd-quick-info span.note {
        display: block;
        font-family: 'openSans-regular';
        font-size: 12px;
        line-height: 1.33;
        color: #666666;
    }

        .career-jd-quick-info span.note strong {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
        }

.career-jd-quick-apply {
    position: absolute;
    width: 374px;
    height: 100%;
    background: #fef8f2;
    top: 0;
    right: 0;
    padding: 15px 25px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

    .career-jd-quick-apply.show {
        opacity: 1;
        pointer-events: all;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
    }

    .career-jd-quick-apply .arrow-back {
        margin-bottom: 15px;
    }

    .career-jd-quick-apply h3 {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        line-height: 1.33;
        color: #333333;
        padding-right: 15px;
    }

.career-jd-quick-apply-form-wrapper {
    margin-top: 17px;
    padding: 0 !important;
}

.career-jd-quick-apply.contact-us-form-wrapper .tabs-content-main .contact-field {
    max-width: 216px;
    margin-bottom: 25px;
}

.career-jd-quick-apply.contact-us-form-wrapper input[type="file"] ~ label {
    width: 100%;
}

.career-jd-quick-apply.contact-us-form-wrapper .tabs-content-main p {
    margin: 10px 0;
}

.career-jd-quick-apply .captcha-main {
    align-items: center;
    flex-wrap: nowrap;
}

    .career-jd-quick-apply .captcha-main .form-group {
        margin: 0 0 0 15px;
        justify-content: flex-start;
    }

.career-jd-quick-apply.contact-us-form-wrapper .form-group .cc-label {
    max-width: 46px;
}

.career-jd-quick-apply .captcha-main .form-group .contact-field {
    margin: 0 10px;
    width: 50px;
}

.career-jd-quick-apply.contact-us-form-wrapper .form-group .cc-message {
    margin-right: 0;
    padding-top: 0;
    width: 140px;
}

.career-jd-quick-apply .common-btn {
    padding: 11px 14.5px;
    margin: 30px 0 0 0;
    color: #FFFFFF !important;
}

.career-jd-wrapper-main .close {
    position: absolute;
    width: 20px;
    height: 20px;
    opacity: 1 !important;
    border-radius: 100%;
    right: 15px;
    top: 15px;
    outline: none;
    cursor: pointer;
}

    .career-jd-wrapper-main .close::before {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .career-jd-wrapper-main .close.animated::before {
        animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
    }

    .career-jd-wrapper-main .close::after {
        content: '';
        position: absolute;
        left: 0;
        top: calc(50% - 0.5px);
        width: 0px;
        height: 2px;
        background: #676767;
        transform: rotate(0deg);
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .career-jd-wrapper-main .close.animated::after {
        animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
    }

.career-apply-section {
    background: url(../images/subscribe-bg-1.svg) no-repeat, url(../images/subscribe-bg-2.jpg) no-repeat;
    background-position: left bottom, right bottom;
    background-color: #f5f6fa;
    background-size: auto 270px, auto 267px;
}

    .career-apply-section .subscribe-container {
        display: table;
        margin: auto;
        text-align: center;
    }

    .career-apply-section .our-work-inactive h4 {
        font-family: 'openSans-regular';
        font-size: 18px;
        line-height: 1.33;
        color: #606060;
        margin-bottom: 30px;
    }

    .career-apply-section .our-work-inactive .form-group {
        margin: auto;
        max-width: 316px;
    }

        .career-apply-section .our-work-inactive .form-group .form-control {
            margin-bottom: 15px !important;
        }

    .career-apply-section .our-work-inactive p {
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #333333;
    }

    .career-apply-section label {
        flex: 1;
    }

    .career-apply-section .attach-info.view-more {
        position: relative;
        padding-bottom: 5px;
        cursor: pointer;
    }

        .career-apply-section .attach-info.view-more::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: calc(100% - 20px);
            height: 1px;
            background: #aaaaaa;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .career-apply-section .attach-info.view-more span {
            position: relative;
            font-family: 'openSans-regular';
            font-size: 14px;
            color: #676767;
            line-height: normal;
            padding-right: 20px;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .career-apply-section .attach-info.view-more span::before {
                content: "";
                position: absolute;
                right: 0;
                top: 4px;
                width: 8px;
                height: 8px;
                border-radius: 100%;
                background: #f37222;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                opacity: 1;
            }

            .career-apply-section .attach-info.view-more span::after {
                content: '';
                background: url(../images/view-moew-arrow.png) no-repeat;
                position: absolute;
                right: 0;
                top: calc(50% - 4px);
                width: 15px;
                height: 8px;
                opacity: 0;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

        .career-apply-section .attach-info.view-more:hover::before {
            width: 100%;
            background: #f37222;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .career-apply-section .attach-info.view-more:hover span {
            color: #f37222;
            padding-right: 28px;
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

            .career-apply-section .attach-info.view-more:hover span::before {
                opacity: 0;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

            .career-apply-section .attach-info.view-more:hover span::after {
                opacity: 1;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

    .career-apply-section .attach-info.status p {
        margin: 0;
        font-family: 'openSans-regular';
        font-weight: normal;
        line-height: normal;
        font-size: 14px;
        color: #333333;
        display: inline-block;
    }

    .career-apply-section .submit-btn {
        padding: 11px 64.96px;
        margin-left: 40px;
    }

    .career-apply-section input[type="file"] ~ .delete-icon {
        display: none;
        cursor: pointer;
        margin-right: 10px;
    }

        .career-apply-section input[type="file"] ~ .delete-icon img {
            display: inline-block;
            margin: auto;
            vertical-align: middle;
            line-height: unset;
        }

.attachment-error {
    margin-bottom: 10px;
    margin-top: 0 !important;
}

.career-attachment-error {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto 100%;
    display: block;
    top: 5px;
    position: relative;
}

.career-why-join-us .dp_item[data-position="2"] {
    transform: rotateY(0deg) translateX(35%) scale(0.7);
}

.career-why-join-us .dp_item[data-position="3"] {
    transform: rotateY(0deg) translateX(60%) scale(0.5);
}

.career-headings-all {
    font-family: 'openSans-semi-bold';
    font-size: 28px;
    font-weight: 600;
    line-height: 1.07;
    text-align: center;
    color: #303030;
    margin-bottom: 15px;
}

.see-who-we-are-head h2.career-headings-all {
    font-family: 'openSans-semi-bold';
}

.career-four-blocks-wrap {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 68%;
    margin: 0 auto;
}

.career-single-block {
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    border-radius: 6px;
    width: 184px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 25px 0;
    min-height: 144px;
}

    .career-single-block img {
    }

.career-our-vision-wrapper {
    margin: 50px 0;
}

.career-single-block h2 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    color: #303030;
    font-family: 'openSans-semi-bold';
    padding-top: 20px;
    text-align: center;
}

.career-why-join-us {
    padding: 55px 0 0 0;
}

    .career-why-join-us .back-image {
        margin: 0 auto;
    }

    .career-why-join-us .see-who-we-are-wrapper {
        padding: 65px 0 130px 0;
    }

    .career-why-join-us #dp-dots li p {
        margin-bottom: 20px;
    }

    .career-why-join-us #dp-dots li.active div {
        overflow: unset;
    }

    .career-why-join-us #dp-dots li:nth-child(2).active div {
        height: 315px;
    }

    .career-why-join-us #dp-dots li:nth-child(3).active div {
        height: 275px;
    }

.career-quote {
    width: 70%;
    margin: 50px auto;
}

    .career-quote h2 {
        font-size: 22px;
        line-height: 30px;
        font-family: 'openSans-light';
        color: #303030;
        text-align: center;
    }

        .career-quote h2 > br {
            display: none;
        }

        .career-quote h2 > span {
            font-family: 'openSans-semi-bold';
        }

    .career-quote:before {
        content: "To";
        color: transparent;
        background: url(../images/open-coma.png) no-repeat;
        position: absolute;
        margin-left: -33px;
        margin-top: -15px;
        background-size: contain;
        font-size: 50px;
    }

    .career-quote h2:after {
        content: "To";
        color: transparent;
        background: url(../images/close-coma.png) no-repeat;
        position: absolute;
        margin-left: -10px;
        margin-top: 9px;
        background-size: contain;
        font-size: 50px;
    }

.career-avail-activity-wrapper {
    max-width: 1240px;
    margin: auto;
    padding: 90px 0 0 0;
}

.subscribe-container .drop-resume-h3 {
    font-family: 'openSans-regular';
    font-size: 24px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 10px;
}

    .subscribe-container .drop-resume-h3 > span {
        font-family: 'openSans-light';
    }

.subscribe-container .drop-resume-p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #606060;
    margin-bottom: 20px;
}

.see-who-we-are-head h2.career-why-join-head {
    font-family: 'openSans-regular';
    font-size: 24px;
    line-height: 24px;
    color: #303030;
}

    .see-who-we-are-head h2.career-why-join-head > span {
        font-family: 'openSans-light';
    }

.avail-all-activites-wrp {
    position: relative;
    margin-top: 70px;
}

.activity-image-hover-container {
    position: relative;
    display: inline-block;
    width: auto;
    height: auto;
    transition: all 0.2s linear;
    margin-bottom: 24px;
    margin-right: 12px;
    margin-left: 12px;
}

.image-hover-activity {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

    .image-hover-activity::before {
        width: 100%;
        height: 170px;
        content: '';
        position: absolute;
        bottom: 0;
        background-image: linear-gradient(to top, #000000, rgba(116, 116, 116, 0));
    }

.activity-image-hover-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    cursor: default;
    transition: opacity 0.2s linear;
}

.activity-image-hover-container:hover .activity-image-hover-text {
    opacity: 1;
}

.activity-image-hover-text-bubble {
    position: relative;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 100%;
    height: 100%;
    text-align: center;
    margin: 0 auto;
    overflow: hidden;
    font-size: 17px;
    word-wrap: break-word;
    border-radius: 9px;
    background-color: rgba(243, 114, 34, 0.7);
}

.activity-image-hover-text .activity-image-hover-title {
    font-size: 28px;
    line-height: 38px;
    color: #f2f2f2;
    display: block;
    font-family: 'openSans-bold';
}

.activity-image-hover-text .activity-image-hover-sub-title {
    font-size: 16px;
    color: #f2f2f2;
    line-height: 22px;
    display: block;
    font-family: 'openSans-semi-bold';
    margin: 20px 0;
}

.hover-content-activity {
    width: 100%;
    height: 100%;
}

.hover-content-activity {
    padding: 0 35px;
}

.view-images-btn {
    padding: 13px 30px;
    border-radius: 8px;
    color: #f37222;
    background: #fff;
    margin: 20px 0;
    font-size: 14px;
    font-family: 'openSans-bold';
    cursor: pointer;
}

.activity-name-txt {
    position: absolute;
    font-size: 16px;
    font-family: 'openSans-bold';
    color: #fff;
    bottom: 30px;
    text-align: center;
    width: 100%;
    opacity: 1;
}

.activity-image-hover-container:hover .activity-name-txt {
    opacity: 0;
}

.view-all-btn-wrp {
    display: none;
}


/*activity modal wrapper start*/

.activity-modal .modal-xl {
    max-width: calc(1248px - 24px);
}

.activity-modal .modal-content {
    border-radius: 8px;
    /*box-shadow: 0 0 20px 5px rgba(198, 198, 198, 0.42);*/
    background: #fff;
}

.activity-modal .modal-body {
    padding: 25px 32px 25px 32px;
}

.activity-description-wrp {
    margin: 15px 0 15px 0;
    width: 100%;
}

.activity-modal .close {
    right: 20px;
    top: 11px;
    position: absolute;
    z-index: 1;
    background: transparent;
}

.activity-content-wrp {
    width: 40%;
}

    .activity-content-wrp h3 {
        font-size: 24px;
        font-family: 'openSans-bold';
        color: #333333;
    }

    .activity-content-wrp p {
        font-size: 14px;
        line-height: 20px;
        font-family: 'openSans-regular';
        color: #333333;
        margin-top: 15px;
    }

    .activity-content-wrp + div img {
        border-radius: 10px;
    }

.activity-gallery-img {
    margin: 15px 8px;
    overflow: hidden;
    border-radius: 10px;
}

    .activity-gallery-img:first-child {
        margin-left: 0;
    }

    .activity-gallery-img:nth-child(3n) {
        margin-right: 0;
    }

    .activity-gallery-img:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

.tvdians-say-section-main {
    padding: 100px 0 120px 0;
    background: url('../images/tvdians-say-section-bg.svg') no-repeat;
    background-position: right bottom;
}

.tvdians-say-section-head {
    text-align: center;
    max-width: 689px;
    margin: auto;
}

    .tvdians-say-section-head h2 {
        font-family: 'openSans-semi-bold';
        font-size: 28px;
        font-weight: 600;
        line-height: 1.07;
        color: #303030;
        margin-bottom: 16px;
    }

    .tvdians-say-section-head p {
        font-family: 'openSans-light';
        font-size: 20px;
        font-weight: 300;
        line-height: 28px;
        text-align: center;
        color: #303030;
    }

.tvdians-say-section-slider {
    max-width: 1246px;
    margin: auto;
}

    .tvdians-say-section-slider.slick-slider {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
    }

    .tvdians-say-section-slider .slick-list {
        order: 1;
    }

    .tvdians-say-section-slider .slick-slide:not(.slick-center) {
        z-index: 0;
        transform: scale(0.75);
        left: 320px;
        -webkit-transform: scale(0.75);
        -moz-transform: scale(0.75);
        -ms-transform: scale(0.75);
        -o-transform: scale(0.75);
    }

    .tvdians-say-section-slider .slick-active.slick-center + .slick-slide + .slick-slide {
        z-index: 1;
    }

    .tvdians-say-section-slider .slick-active.slick-center + .slick-slide,
    .tvdians-say-section-slider .slick-center + .slick-cloned {
        z-index: 2;
        left: auto;
        right: 320px;
    }

    .tvdians-say-section-slider .slick-slide {
        position: relative;
        transition: transform 80ms;
        padding-top: 85px;
        opacity: 0.5;
    }

    .tvdians-say-section-slider .slick-center {
        z-index: 3;
        padding-top: 75px;
        opacity: 1;
        margin-bottom: 40px;
    }

    .tvdians-say-section-slider .slide img {
        position: relative;
        transform: translateX(-50%);
        left: 50%;
    }

    .tvdians-say-section-slider .slick-prev {
        order: 2;
    }

    .tvdians-say-section-slider .slick-dots {
        order: 3;
        /*position: relative;*/
        width: auto;
        /*max-width: 380px;*/
    }

    .tvdians-say-section-slider .slick-next {
        order: 4;
        transform: rotateY(180deg);
    }

    .tvdians-say-section-slider .slick-prev,
    .tvdians-say-section-slider .slick-next {
        position: relative;
        left: 0;
        right: 0;
        margin: 0;
        top: auto;
        width: auto;
        height: auto;
    }

        .tvdians-say-section-slider .slick-prev:before,
        .tvdians-say-section-slider .slick-next:before {
            font-family: inherit;
            content: none;
        }

    .tvdians-say-section-slider .testimonial-slide {
        padding: 20px 55px 65px 55px;
        border-radius: 8px;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        background-color: #FFFFFF;
        text-align: center;
    }

    .tvdians-say-section-slider .testimonial-slide-quote-1 img,
    .tvdians-say-section-slider .testimonial-slide-quote-2 img {
        width: 100%;
    }

    .tvdians-say-section-slider .testimonial-img {
        width: 65px;
        height: 65px;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
        display: table;
        margin: -52px auto 15px auto;
    }

        .tvdians-say-section-slider .testimonial-img img {
            width: 100%;
        }

    .tvdians-say-section-slider .testimonial-slide h3 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #303030;
        margin-bottom: 6px;
    }

    .tvdians-say-section-slider .testimonial-slide h4 {
        font-family: 'openSans-regular';
        font-size: 14px;
        text-align: center;
        color: #303030;
        margin-bottom: 30px;
    }

    .tvdians-say-section-slider .testimonial-slide p {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        line-height: 28px;
        text-align: center;
        color: #303030;
    }

    .tvdians-say-section-slider span.date {
        position: absolute;
        right: 15px;
        bottom: 15px;
        font-family: 'openSans-regular';
        font-size: 12px;
        color: #666666;
    }

    .tvdians-say-section-slider .slick-slide:not(.slick-center) .testimonial-slide {
        box-shadow: 0 0px 12px -6px rgba(100, 100, 100, 0.55);
    }

    .tvdians-say-section-slider .slick-dots {
        bottom: 0px !important;
        text-align: left;
        font-size: 0;
    }

        .tvdians-say-section-slider .slick-dots li {
            width: 32px !important;
            height: 6px !important;
            margin: 0 12px !important;
            background: #d8d8d8;
            border-radius: 50px;
            vertical-align: middle;
            -webkit-border-radius: 50px;
            -moz-border-radius: 50px;
            -ms-border-radius: 50px;
            -o-border-radius: 50px;
        }

            .tvdians-say-section-slider .slick-dots li button {
                padding: 0 !important;
                width: 100% !important;
                height: 100% !important;
                background: transparent;
            }

                .tvdians-say-section-slider .slick-dots li button:before {
                    content: none !important;
                    width: auto !important;
                    height: auto !important;
                }

            .tvdians-say-section-slider .slick-dots li.slick-active {
                background: #f37222;
            }

.tvdians-say-section-main .common-btn {
    margin: 12px auto 0 auto;
    display: table;
    padding: 11px 39px;
}


/*career page end*/


/*latest our clients page start*/

.our-clients-top-wrapper {
    width: 100%;
    background: url(../images/our-clients/desktop-clients-bg.png) no-repeat;
    background-position: bottom right;
}

.our-clients-head h4 {
    font-size: 22px;
    font-family: 'openSans-regular';
    line-height: 30px;
    color: #303030;
}

.our-clients-head h1 {
    font-size: 28px;
    font-family: 'openSans-semi-bold';
    line-height: 38px;
    color: #303030;
    margin: 8px 0 15px;
}

.our-clients-head p {
    font-size: 20px;
    font-family: 'openSans-light';
    line-height: 23px;
    color: #676767;
}

.our-clients-banner-left-main {
    max-width: 645px;
}

.our-total-client-list {
    margin: 20px 0 50px;
}

.our-work-listing > li:first-child {
    padding-left: 0;
}

.our-clients-container {
    max-width: 1210px;
    margin: auto;
    padding: 135px 30px 135px 30px;
}

.all-clients-top-wrapper {
    margin-top: -185px;
}

.all-clients-container {
    max-width: 1210px;
    margin: auto;
    padding: 10px 30px 0 30px;
}

    .all-clients-container .hp-client-section-main {
        padding-top: 0;
    }

.our-clients-banner-left-main .our-work-listing {
    justify-content: flex-start;
}

.our-clients-contact-presence .contact-presence-container {
    justify-content: center;
}

.our-clients-contact-presence .contact-presence-countries {
    justify-content: center;
}

.our-client-tvdians-say-section {
    padding: 100px 0 20px 0;
    background: url(../images/our-clients/bg-image-client-bg.svg) no-repeat;
    background-position: right bottom 30px;
}

    .our-client-tvdians-say-section h3 {
        font-size: 22px;
        font-family: 'openSans-regular';
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

        .our-client-tvdians-say-section h3 > span {
            font-family: 'openSans-light';
        }

    .our-client-tvdians-say-section .testimonial-slide-video {
        padding: 20px 65px 22px 22px;
    }

.tvdians-say-section-slider .testimonial-slide p.testimonial-video-para {
    text-align: center;
    margin-left: 18px;
}

.our-clients-hp-case-study-tabs h3 {
    font-size: 22px;
    font-family: 'openSans-light';
    line-height: 30px;
    color: #303030;
    display: block;
    text-align: center;
    margin-bottom: 48px;
}

    .our-clients-hp-case-study-tabs h3 > span {
        font-family: 'openSans-regular';
    }

.our-clients-contact-presence h3 {
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    display: block;
    text-align: center;
    margin-bottom: 48px;
}

.our-clients-contact-presence h3 {
    font-family: 'openSans-regular';
}

    .our-clients-contact-presence h3 > span {
        font-family: 'openSans-light';
    }

.our-clients-contact-presence.contact-presence-wrapper {
    background: inherit;
    background-position: inherit;
    padding: 50px 30px 0 30px;
}

.our-clients-contact-presence .contact-presence-container {
    padding: 0px 30px 0 30px;
}

.all-digital-services-wrp .contact-presence-country {
    width: 200px;
    margin: 0 15px 30px;
}

.all-digital-services-wrp {
    max-width: 950px;
}

.our-work-top-wrapper.case-study-all-list-wrapper {
    padding-top: 0;
    background: inherit;
}

    .our-work-top-wrapper.case-study-all-list-wrapper .hp-case-study-tabs .nav-tabs .nav-item {
        margin: 0 18px;
    }

.our-clients-hp-case-study-tabs {
    margin: 47px auto 80px auto;
}

.our-client-tvdians-say-section .tvdians-say-section-slider .testimonial-slide {
    padding: 20px 55px 50px 55px;
    min-height: 335px;
}

    .our-client-tvdians-say-section .tvdians-say-section-slider .testimonial-slide h4 {
        margin-bottom: 15px;
    }

.testimonial-video-wrp {
    cursor: pointer;
}

.wid-good {
    width: auto;
}

.mt-gf-p {
    margin-top: 1px !important;
}


/*latest our clients page end*/


/*Services ux ui design page start*/

.service-top-wrapper {
    width: 100%;
/*    background: url(../images/desktop-services-bg.svg) no-repeat;*/
    background-position: center top;
    background-size: 100%;
    position: relative;
}

.service-container {
    max-width: 1202px;
    margin: auto;
    padding: 117px 30px 130px 30px;
    display: flex;
}

.service-banner-left-main {
    max-width: 580px;
    margin-top: 0px;
}

    .service-banner-left-main.ai-chatbot {
        margin-top: 0px;
    }

/* .service-banner-left-main.product-inter {
        margin-top: -13px;
    }*/

.service-banner-right-main {
    position: relative;
    margin-top: 15px;
}


/*data*/

/*.data-visualization-wrapper .service-banner-right-main {
    margin-top: 40px;
}*/
.service-banner-left-main.usablility-testing .img-usablility-testing {
    max-width: 215px;
    margin-left: 60px;
}

.service-banner-left-main.mobile-ipad2 .img-mobile-ipad2 {
    width: 280px;
}

.service-banner-left-main.wearable .img-wearables {
    width: 275px;
}

.service-banner-left-main h4 {
    font-family: 'openSans-regular';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 5px;
}

.service-banner-left-main .left-cust-h1 {
    font-family: 'openSans-regular';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 5px;
    font-weight: inherit;
}

.service-banner-left-main h1 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #303030;
    margin-bottom: 10px;
}


.service-banner-left-main.new-head h3 {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: 400;
    /*line-height: 24px;*/
    color: #676767;
    margin-bottom: 35px;
    position: relative;
    display: flex;
    align-items: center;
}


.service-banner-left-main.new-head h1 {
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
    margin-bottom: 12px;
    font-family: 'openSans-bold';
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.main-span {
    /*display: inline-block;*/
    position: relative;
    margin-right: 20px;
    white-space: nowrap;
    font-family: 'openSans-regular';
    text-align: left;
}

    .main-span::after {
        content: '';
        position: absolute;
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        right: -10px;
        top: 7px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }

    .main-span.meta::after {
        content: '';
        position: absolute;
        border: solid white;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 3px;
        right: -10px;
        top: 7px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }


.service-banner-left-main h1.fs-28 {
    font-family: 'openSans-semi-bold';
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    color: #303030;
    margin-bottom: 10px;
}

.service-banner-left-main .left-cust-h2 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    font-weight: 600;
    line-height: 42px;
    color: #303030;
    margin-bottom: 10px;
}

    .service-banner-left-main .left-cust-h2.fs-31 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        color: #303030;
        margin-bottom: 10px;
    }


.service-banner-left-main p.alt-h1 {
    font-family: 'openSans-semi-bold';
    font-size: 32px;
    font-weight: 600;
    line-height: 34px;
    color: #303030;
    margin-bottom: 10px;
}

.service-banner-left-main p {
    font-family: openSans-medium;
    font-size: 14px;
    font-weight: 400;
    color: #303030;
    margin-bottom: 37px;
    line-height: 24px;
}

    .service-banner-left-main p.fs-18 {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 300;
        color: #676767;
        margin-bottom: 16px;
        line-height: 24px;
    }

.service-banner-left-main h1.ux-snd-para {
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 300;
    color: #676767;
    margin-bottom: 10px;
    line-height: 26px;
}

.service-banner-left-main .our-work-listing li {
    padding: 0 14px;
}

    .service-banner-left-main .our-work-listing li:first-child {
        padding-left: 0;
    }

    .service-banner-left-main .our-work-listing li:last-child {
        padding-right: 0;
    }

.service-banner-right-main .service-banner-usability-score {
    position: absolute;
    right: -25%;
    top: 0;
}

    .service-banner-right-main .service-banner-usability-score p::before {
        content: url('../images/right.svg');
        width: 11px;
        height: 11px;
        position: absolute;
        left: -20px;
        font-size: 14px;
    }

    .service-banner-right-main .service-banner-usability-score p {
        position: relative;
        font-size: 16px;
        font-weight: 300;
        color: #303030;
        font-family: 'openSans-light';
    }

    .service-banner-right-main .service-banner-usability-score h3 {
        font-size: 24px;
        font-weight: 600;
        color: #303030;
        font-family: 'openSans-semi-bold';
    }

.services-hyperlink {
    /*margin: -136px auto 0 auto;*/
    position: relative;
}

    .services-hyperlink .nav {
        max-width: 1205px;
        margin: auto;
        border-radius: 8px;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.39);
        background-color: #FFFFFF;
        padding: 45px 80px;
        justify-content: center;
    }

        .services-hyperlink .nav .nav-item {
            margin: 0 32px;
        }

            .services-hyperlink .nav .nav-item a {
                color: #303030;
                font-size: 16px;
                line-height: 24px;
                border: none !important;
                position: relative;
                padding: 0 0 5px 0;
                font-weight: 300;
                font-family: openSans-light;
                background: transparent;
            }

                .services-hyperlink .nav .nav-item a::before {
                    content: '';
                    position: absolute;
                    left: 0;
                    bottom: 0px;
                    width: 20px;
                    height: 1px;
                    background: #303030;
                }

                .services-hyperlink .nav .nav-item a.active {
                    font-family: 'openSans-regular';
                    color: #f37222;
                }

                    .services-hyperlink .nav .nav-item a.active::before {
                        width: 100%;
                        background: #f37222;
                    }

    .services-hyperlink.affix .nav .nav-item a.active::before,
    .services-hyperlink.affix .nav .nav-item a::before {
        content: none;
    }

    .services-hyperlink.affix .nav .nav-item a {
        padding: 0;
    }


    /*fixed hyperlink strip start*/

    .services-hyperlink.affix {
        position: fixed;
        width: 100%;
        margin: 0 auto;
        top: 78px;
        z-index: 10;
    }

        .services-hyperlink.affix .nav {
            width: 100%;
            max-width: 100%;
            justify-content: center;
            transition: 0.2s padding;
            padding: 15px 80px;
            border-radius: 0;
        }


/*fixed hyperlink strip end*/

.services-what-we-do-main {
    width: 100%;
    background: url(../images/services-what-we-do-bg.svg) no-repeat;
    background-position: left bottom;
    padding: 40px 30px 15px 30px;
}


    .services-what-we-do-main.moblie-app-development-section {
        background: none;
    }

.progressive-bg {
    background: none;
}

.services-what-we-do-main.web-soln {
    width: 100%;
    background: url(../images/web-soln-whatwedo-bg.svg) no-repeat;
    background-position: center 30%;
    padding: 40px 30px 15px 30px;
    background-size: contain;
}

    .services-what-we-do-main.web-soln.cust-padding {
        width: 100%;
        background: url(../images/web-soln-whatwedo-bg.svg) no-repeat;
        background-position: center 30%;
        padding: 20px 30px 15px 30px;
        background-size: contain;
    }

.services-what-we-do-container {
    max-width: 1242px;
    margin: auto;
}

.performance-what-we-do-container {
    max-width: 1060px !important;
    margin: auto;
}

.services-what-we-do-head {
    display: table;
    margin: auto;
    text-align: center;
    /*margin-bottom: 50px;*/
}

.performance-test-title {
    color: #000;
    text-align: center;
    font-family: 'openSans-semi-bold';
    font-weight: 600;
    font-size: 24px;
    line-height: 42px;
    /*text-transform: uppercase;*/
    margin-bottom: 14px;
    display: block;
}

.data-visualization-hyperlink {
    margin: -150px auto 0 auto;
}

.services-common-heading {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 18px;
}

    .services-common-heading.cust-service-common-heading {
        font-family: 'openSans-light';
        font-size: 24px;
        font-weight: bold;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

    .services-common-heading.msite {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

    .services-common-heading.help-cust-p {
        font-family: 'openSans-light';
        font-size: 24px;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

    /*.services-common-heading.cust-span {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }*/

    .services-common-heading.service-cust-h2 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

    .services-common-heading.ux-audit-cust-head {
        font-family: 'openSans-regular';
    }

.services-what-we-do-head.web-soln h4.expertice-head {
    font-size: 22px;
    font-family: 'openSans-regular';
    font-weight: 600;
    padding-top: 20px;
}

.services-common-heading.custom-service-heading {
    font-family: 'openSans-light';
    font-size: 24px;
    line-height: 28px;
    color: #303030;
    margin-bottom: 15px;
}

.services-common-heading.cust-paragraph {
    font-family: 'openSans-light';
    font-size: 22px;
    line-height: 28px;
    color: #303030;
    margin-bottom: 15px;
}

    .services-common-heading.cust-paragraph span {
        font-family: 'openSans-regular';
        font-weight: 300;
    }

/*.services-common-heading.cust-heading {
    font-family: 'openSans-regular';
}*/

/*.services-common-heading.cust-heading {
    font-family: 'openSans-regular';
}*/

.data-visualization-snippets-heading {
    text-align: center;
    line-height: 32px;
}

.services-common-heading span {
    font-family: 'openSans-regular';
    font-weight: 300;
}

    .services-common-heading span.step-head {
        font-weight: bold;
    }

.services-what-we-do-head p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    width: 87%;
    margin: 0 auto 12px;
}

.services-what-we-do-head .p-width {
    width: 69%;
}


.services-what-we-do-head p.fs-18 {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    width: 87%;
    margin: 0 auto;
}

.services-what-we-do-head.cust-h2 {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    width: 87%;
    margin: 0 auto;
}

.services-what-we-do-head p.digital-transformation {
    font-family: openSans-regular;
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    margin: 0 auto;
}

.services-what-we-do-head p.mob-sol {
    width: 70%;
    margin: 0 auto;
}

.services-what-we-do-head p.team-aug {
    width: 73%;
    margin: 0 auto;
}

.services-what-we-do-box {
    max-width: 384px;
    margin: 0 15px 30px 15px;
    border-radius: 4px;
    border: solid 1px #f2f2f2;
    background: #FFFFFF;
    text-align: center;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .services-what-we-do-box img {
        display: block;
        margin: auto;
    }

.services-what-we-do-info h3 {
    margin-top: 20px;
    margin-bottom: 15px;
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 28px;
    letter-spacing: normal;
    color: #303030;
}

.services-what-we-do-info p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    margin-bottom: 20px;
}

    .services-what-we-do-info p.box-know-more {
        margin-bottom: 0;
    }

.services-what-we-do-box:hover {
    border: solid 1px transparent;
    box-shadow: 2px 4px 20px 0 rgba(200, 200, 200, 0.5);
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.services-ux-for-client-main {
    background: url(../images/services-ux-for-client-bg.svg) no-repeat;
    background-position: 100% 90px;
    padding: 60px 30px 50px 30px;
    background-size: 40%;
}

    .services-ux-for-client-main.c-strategy {
        background: url(../images/services-ux-for-client-bg.svg) no-repeat;
        background-position: 100% 90px;
        padding: 10px 30px 50px 30px;
        background-size: 40%;
    }


/*porgressive web development*/

.progressive-web-dev {
    max-width: 1142px;
    margin: auto;
    padding: 60px 0px 50px 0px;
    text-align: center;
}

    .progressive-web-dev.cust-pad {
        max-width: 1142px;
        margin: auto;
        padding: 25px 0px 0px 0px;
        text-align: center;
    }

    .progressive-web-dev.ar-vr {
        max-width: 1142px;
        margin: auto;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .progressive-web-dev.Dt-company {
        padding: 60px 0px 0px 0px;
    }

    .progressive-web-dev .progressive-h2 {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

    .progressive-web-dev .progressive-cust-p {
        font-family: 'openSans-light';
        font-size: 24px;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

    .progressive-web-dev .cust-bold {
        font-family: 'openSans-regular';
        font-size: 24px;
        font-weight: 300;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

    .progressive-web-dev .progressive-h2.cust-h2 {
        font-family: 'openSans-semi-bold';
    }

    .progressive-web-dev .progressive-p {
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        margin-left: 54px;
        width: 87%;
    }

        .progressive-web-dev .progressive-p.fs-18 {
            font-family: openSans-regular;
            font-size: 16px;
            line-height: 24px;
            color: #676767;
            margin-left: 54px;
            width: 87%;
        }


/************************* New career widget style start ******************************/
#job-listing .search-menu {
    display: none !important;
}

.zimyojoblist {
    height: auto !important;
    overflow: inherit !important;
}

    .zimyojoblist .zimyorow {
        display: flex;
    }

        .zimyojoblist .zimyorow .zimyocol12 {
            width: 413px !important;
            flex: inherit;
            display: flex;
            flex-direction: column;
        }

            .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 {
                height: 100%;
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                padding: 10px;
                box-shadow: none;
                border: 1px solid #CACACA;
            }

                .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyoboxcol {
                    min-height: inherit !important;
                    margin: 0 !important;
                    padding: 0 10px;
                }

                .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyojobcollumn:first-child .zimyoboxcol:first-child {
                    padding: 0;
                }

                .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyoboxcol h3 {
                    padding: 10px;
                    background: linear-gradient(89.99deg, #F37222 31.42%, rgba(243, 114, 34, 0.54) 121.84%);
                    color: #FFFFFF;
                    border-radius: 8px;
                    margin-bottom: 10px;
                    font-family: openSans-bold;
                    font-weight: 600;
                    text-transform: uppercase;
                    font-size: 17px;
                }

                .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyoboxcol p {
                    margin-bottom: 10px !important;
                    padding: 0;
                    font-family: openSans-regular;
                    font-weight: 400;
                    font-size: 14px;
                    color: #303030;
                }

                .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyojobcollumnlast {
                    display: flex;
                    justify-content: center;
                    width: 100% !important;
                    align-items: center;
                    margin-top: auto;
                    padding: 0px;
                }

                    .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyojobcollumnlast .zimyo_apply_now {
                        margin: 10px 8px 0 8px !important;
                        padding: 12px 32px;
                        font-family: openSans-bold;
                        font-weight: 700;
                        font-size: 16px;
                        background: #F37222;
                        color: #FFFFFF !important;
                        border-radius: 8px;
                        border: 1px solid #F37222;
                    }

                        .zimyojoblist .zimyorow .zimyocol12 .zimyojoblistbox2 .zimyojobcollumnlast .zimyo_apply_now:nth-child(2) {
                            background: transparent !important;
                            color: #F37222 !important;
                        }

#job-listing .main-table-footer {
    justify-content: center;
}

/************************* New career widget style end ******************************/
@media screen and (max-width: 767px) and (min-width: 320px) {
    .cpc-our-clients p{
/*        font-size:16px;*/
        line-height:20px;
    }
    .progressive-web-dev {
        max-width: 1142px;
        margin: auto;
        padding: 35px 12px 20px 12px;
    }

    .carousel-item.home-page {
        margin-top: 50px !important;
        /*background: linear-gradient(to left, #ff6700 35.19%, #fe1f10 110.15%);*/
    }

    .let-connect-btn {
        right: calc(100% - 156px) !important;
        top: 46% !important;
    }

        .let-connect-btn img {
            width: 140px;
        }

    .web-container {
        margin-top: -18px;
    }

    .progressive-web-dev.cust-pad {
        max-width: 1142px;
        margin: auto;
        padding: 35px 12px 20px 12px;
    }

    .progressive-web-dev .progressive-h2 {
        font-family: 'openSans-light';
        text-align: center;
        font-weight: 300;
        font-size: 20px;
        line-height: 24px;
        color: #303030;
        margin: 0 auto 10px auto;
    }

    .progressive-web-dev .progressive-cust-p {
        font-family: 'openSans-light';
        text-align: center;
        font-weight: 300;
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        margin: 0 auto 10px auto;
    }

    .progressive-web-dev .progressive-h2.cust-h2 {
        font-family: 'openSans-regular';
    }

    .progressive-web-dev .progressive-p {
        font-family: openSans-regular;
        text-align: center;
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        margin: 0 16px;
        width: unset;
    }

        .progressive-web-dev .progressive-p.fs-18 {
            font-family: 'openSans-light';
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            color: #676767;
            margin-left: 0px;
            width: 100%;
        }

        .progressive-web-dev .progressive-p.cust-padding {
            padding: 0px 10px;
        }

    .submenu-main {
        position: fixed;
        left: 0%;
        top: 50px;
        transform: translate3d(-100%, 0, 0);
        width: 100%;
        height: 100%;
        background: #FFFFFF url(../images/submenu-amiba.svg) no-repeat;
        background-position: right top;
        z-index: 999;
        padding: 50px 0 50px 0;
        transition: 0.5s;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

    .scroller-container {
        overflow-y: initial;
    }

    .quick-contact-form .contact-field-row .tvd-angular-field > p.only-business-id {
        top: 80px !important;
    }
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .progressive-web-dev {
        max-width: 1142px;
        margin: auto;
        padding: 60px 30px 50px 30px;
    }
}

/*Progressive Web App Development Services*/

.progressive-web-service {
    max-width: 1142px;
    margin: auto;
    padding: 40px 0px 0px 0px;
    text-align: center;
}

.progressive-web-service {
    max-width: 1142px;
    margin: auto;
    padding: 40px 0px 0px 0px;
    text-align: center;
}

    .progressive-web-service.cust-pad {
        max-width: 1142px;
        margin: auto;
        padding: 0px 0px 0px 0px;
        text-align: center;
    }

    .progressive-web-service .progressive-h2 {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
        padding: 0px 15px;
        text-align: center;
    }

        .progressive-web-service .progressive-h2.cust-h2 {
            font-family: 'openSans-semi-bold';
        }

    .progressive-web-service .progressive-p {
        font-family: 'openSans-light';
        font-size: 18px;
        line-height: 24px;
        color: #676767;
        font-family: 'openSans-light';
        padding: 0px 15px;
        text-align: center;
        width: 97%;
        margin-left: 48px;
        margin: auto;
    }

        .progressive-web-service .progressive-p.cust-p {
            font-family: openSans-regular;
            font-size: 16px;
            line-height: 24px;
            color: #676767;
            padding: 0px 15px;
            text-align: center;
            width: 100%;
            margin-left: 0px;
        }

@media screen and (max-width: 767px) and (min-width: 320px) {
    .progressive-web-service {
        max-width: 1142px;
        margin: auto;
        padding: 40px 12px 0px;
    }


        .progressive-web-service.cust-pad {
            max-width: 1142px;
            margin: auto;
            padding: 0px 12px 0px;
        }

        .progressive-web-service .progressive-h2 {
            font-family: 'openSans-light';
            text-align: center;
            font-weight: 300;
            font-size: 20px;
            line-height: 28px;
            color: #303030;
            margin: 0 auto 10px auto;
        }

            .progressive-web-service .progressive-h2.cust-h2 {
                font-family: 'openSans-regular';
            }



        .progressive-web-service .progressive-p {
            font-family: 'openSans-light';
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            color: #676767;
        }

            .progressive-web-service .progressive-p.cust-p {
                font-size: 14px;
                line-height: 20px;
            }
}

@media screen and (max-width: 900px) and (min-width: 768px) {
    .progressive-web-service {
        max-width: 1142px;
        margin: auto;
        padding: 60px 30px 50px 30px;
    }
}


.services-ux-for-client-main.ent-mob-sol {
    background: none;
    background-position: 100% 90px;
    padding: 60px 30px 50px 30px;
    background-size: 40%;
}


/*data-visualization*/

.service-data-visualization-main {
    padding-top: 0;
    background: none;
}

.services-ux-for-client-container {
    max-width: 1142px;
    margin: auto;
}

.services-ux-for-client-left {
    max-width: 595px;
    margin-right: auto;
}

    .services-ux-for-client-left.mobile-develop {
        max-width: 615px;
        margin-right: auto;
        margin-top: -18px;
    }

    .services-ux-for-client-left p {
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
    }

    .services-ux-for-client-left .cust-service-ux--client {
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        padding-top: 8px;
    }


    .services-ux-for-client-left p.services-common-heading {
        font-family: 'openSans-regular';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }


/*.services-ux-for-client-img {
    margin-top: 30px;
}*/

.services-ux-for-client-wrapper {
    max-width: 1010px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -125px;
}

    .services-ux-for-client-wrapper.uxui-service-content {
        max-width: 1010px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: -80px;
    }

    .services-ux-for-client-wrapper.c-strategy {
        max-width: 1010px;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        margin-top: -150px;
    }

    .services-ux-for-client-wrapper.ent-mob-sol {
        max-width: 1010px;
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        margin-top: -168px;
    }


/*----data-visualization---------*/

.data-visualization-client-img {
    margin-top: 0;
}

.data-visualization-client-wrapper {
    justify-content: flex-start;
    margin-top: -218px;
}


/*----------------------------*/

.services-ux-for-client-box {
    border-radius: 8px;
    border: solid 1px #dfdfdf;
    background-color: #FFFFFF;
    padding: 25px 20px 25px 20px;
    display: flex;
    align-items: flex-start;
    max-width: 310px;
    margin: 25px 25px 0 0;
    min-height: 198px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.services-ux-for-client-info {
    margin-left: 14px;
    flex: 1;
}

    .services-ux-for-client-info h4 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #303030;
        margin: 5px 0 20px 0;
    }

    .services-ux-for-client-info p {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #676767;
    }

.services-ux-for-client-box:nth-child(2) {
    margin-right: 365px;
}

.services-ux-for-client-box:hover {
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    border: solid 1px transparent;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.services-quick-contact-section {
    margin-top: 0;
    padding-top: 6px;
}

.services-model-process-main {
    background: url(../images/services-model-process-bg.svg) no-repeat;
    background-position: 100% 35px;
    padding: 120px 30px 150px 30px;
    background-size: auto 95%;
}

    .services-model-process-main.web-soln {
        background: none;
        padding: 120px 30px 20px 30px;
    }

.services-model-process-container {
    max-width: 1142px;
    margin: auto;
    display: flex;
    justify-content: flex-start;
}

.services-model-process-left-main {
    margin-right: auto;
    max-width: 530px;
}

    .services-model-process-left-main h4 {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        margin: 25px 0 15px 0;
    }

    .services-model-process-left-main p {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #303030;
    }

.services-model-process-right-main {
    max-width: 469px;
}

    .services-model-process-right-main.web-soln {
        max-width: 700px;
        padding: 30px 0 30px 60px;
    }

        .services-model-process-right-main.web-soln .head-para {
            font-family: 'openSans-regular';
            font-size: 24px;
            line-height: 28px;
            color: #303030;
        }

        .services-model-process-right-main.web-soln .bottom-head {
            font-family: 'openSans-regular';
            color: #303030;
            font-size: 20px;
        }

            .services-model-process-right-main.web-soln .bottom-head.cust-text {
                font-family: 'openSans-regular';
                color: #303030;
                text-transform: capitalize;
                font-size: 20px;
            }

        .services-model-process-right-main.web-soln .cust-line {
            font-size: 16px;
            line-height: 24px;
            font-family: openSans-regular;
        }

        .services-model-process-right-main.web-soln > img {
            width: auto;
        }

.services-model-process-step {
    display: flex;
    justify-content: flex-start;
    margin-bottom: 25px;
}

    .services-model-process-step:last-child {
        margin-bottom: 0;
    }

.services-model-process-count p {
    font-family: 'openSans-bold';
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #676767;
    text-align: center;
}

.services-model-process-count h3 {
    font-family: 'openSans-bold';
    font-size: 16px;
    font-weight: bold;
    line-height: 1.75;
    color: #676767;
    text-align: center;
}

.services-model-process-icon {
    width: 84px;
    height: 84px;
    background: #FFFFFF;
    border-radius: 100%;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    position: relative;
}

    .services-model-process-icon img {
        position: relative;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.services-model-process-info {
    margin-left: 23px;
}

    .services-model-process-info h4 {
        margin-top: 33px;
        margin-bottom: 5px;
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #303030;
    }


    .services-model-process-info p {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #676767;
    }

.services-model-process-contact.web-soln {
    border: 1px dashed #dfdfdf;
    padding: 15px 15px 10px 20px;
    margin-top: -160px;
    position: relative;
    display: flex;
    max-width: 487px;
}

.services-model-process-contact {
    border: 1px dashed #dfdfdf;
    padding: 15px 15px 10px 20px;
    margin-top: -178px;
    position: relative;
    display: flex;
    max-width: 487px;
}

    .services-model-process-contact.uiux-modal-process-contact {
        border: 1px dashed #dfdfdf;
        padding: 15px 15px 10px 20px;
        margin-top: 0px;
        position: relative;
        display: flex;
        max-width: 487px;
    }

    .services-model-process-contact::before {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        border-top: 2px solid #f37222;
        border-left: 2px solid #f37222;
        left: -1px;
        top: -1px;
    }

    .services-model-process-contact::after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        border-bottom: 2px solid #f37222;
        border-right: 2px solid #f37222;
        right: -1px;
        bottom: -1px;
    }

.services-model-process-contact-info {
    margin: 25px 0 0 25px;
}

    .services-model-process-contact-info h5 {
        font-family: 'openSans-light';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        margin-bottom: 25px;
    }

        .services-model-process-contact-info h5 span {
            font-family: 'openSans-regular';
            font-weight: 300;
        }

    .services-model-process-contact-info .common-btn {
        padding: 11px 30px;
    }

.services-why-important-main {
    background: url(../images/services-why-important-bg.svg) no-repeat;
    background-position: 100% 100%;
    padding: 60px 15px 90px 15px;
    overflow: hidden;
}

    .services-why-important-main.ent-mob-sol {
        background: none;
    }

.services-why-important-right-main.ent-mob-sol img.desktop {
    width: auto;
    margin: 20px auto 0px;
}

.services-why-important-right-main.ent-mob-sol img.mobile {
    display: none;
}

.services-why-important-right-main.ent-mob-sol p {
    text-align: center;
    padding: 30px 20px;
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
}

.container-fluid.ent-mob-sol {
    background: url(../images/ent-mob-sol-why-imp-bg.png) no-repeat;
    background-position: 100% calc(0% - 50px);
    background-size: 45% 120%;
    overflow: hidden;
    padding: 0 0 50px;
}

.all-stats-container.ent-mob-sol .invdi-stats-section .content-2 > span {
    font-size: 16px;
    color: #303030;
}

.data-visualization-important-main {
    background-position: 100% 89%;
}

.services-why-important-container {
    max-width: 1206px;
    margin: auto;
}

.services-why-important-head {
    display: table;
    margin: 0 auto 70px auto;
    text-align: center;
}





/*LCNC page start*/
.service-banner-left-main p.cms-developer-para.lcnc {
    width: 700px;
    line-height: 28px;
}

.service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.lcnc-banner-img {
    width: 334px;
    margin: 112px 0 0;
}


.progress-pointers.application-pointer.lcnc {
    margin: 0 40px;
}

/*
.progress-pointers-container ..service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.application-pointer.lcnc h2 {
    width: 144px;
    left: -36px;
}*/


.progress-pointers-container .progress-pointers.application-pointer.lcnc h2 {
    width: 144px;
    left: -22px;
}

.connect-btn.lcnc {
    text-transform: uppercase;
}

.drop-link-box .subscribe-container.lcnc {
    max-width: 640px;
}
/*LCNC page end*/






/*data-visualization*/

.data-visualization-snippets-main {
    background: url(../images/data-visualization-snippets-bg.svg) no-repeat;
    background-position: 100% 35px;
    padding: 60px 15px 60px 15px;
    overflow: hidden;
}

.data-visualization-head {
    margin-bottom: 20px;
}

.snippets-slider {
    width: 100%;
    max-width: 556px;
    min-height: 435px;
    border-radius: 8px;
    background: #FFFFFF;
    padding: 15px 20px;
    box-shadow: 0px 2px 10px rgba(203, 203, 203, 0.5);
    margin: 0 20px 0 8px;
}

    .snippets-slider span {
        display: block;
        margin-bottom: 10px;
        font-size: 18px;
        line-height: 20px;
        color: #303030;
        font-family: 'openSans-light';
    }

.snippets-slider-img img {
    margin: 0 auto;
}

.data-visualization-snippets-slider {
    margin-bottom: 0;
}

    .data-visualization-snippets-slider .slick-list {
        padding: 8px 0;
    }

    .data-visualization-snippets-slider .slick-arrow {
        top: auto;
        bottom: -48px;
        width: 22px;
        height: 40px;
        z-index: 9;
    }

    .data-visualization-snippets-slider .slick-prev {
        /*left: -50px;*/
        left: -30px;
        top: 45%;
    }

    .data-visualization-snippets-slider .slick-next {
        /*right: -40px;*/
        right: -20px;
        top: 45%;
    }

    .data-visualization-snippets-slider .slick-prev:before {
        content: "";
        background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat 0 0;
        width: 22px;
        height: 40px;
        display: block;
    }

    .data-visualization-snippets-slider .slick-next:before {
        content: "";
        background: url(../images/wd-solution/next-arrow-2.svg) no-repeat 0 0;
        width: 22px;
        height: 40px;
        display: block;
    }

    .data-visualization-snippets-slider .slick-dots {
        left: 0;
        right: 0;
    }

        .data-visualization-snippets-slider .slick-dots li {
            width: 6px;
            height: 6px;
        }

            .data-visualization-snippets-slider .slick-dots li button {
                background: #303030;
            }

            .data-visualization-snippets-slider .slick-dots li.slick-active button {
                background: #fff;
                border: 2px solid #606060;
                border-radius: 50%;
            }


/*data-visualization end*/


/*global -cong -slider------*/

/*.global-cong-snippets-slider {
    margin-bottom: 0;
    padding-bottom: 0;
}*/

.global-cong-snippets-slider .slick-list {
    padding: 25px 30px 10px 0;
}

.global-cong-snippets-slider .slick-arrow {
    top: auto;
    bottom: -48px;
    width: 22px;
    height: 40px;
    z-index: 9;
}

.global-cong-snippets-slider .slick-prev {
    /*left: -50px;*/
    left: -15px;
    top: 50%;
}

.global-cong-snippets-slider .slick-next {
    /*right: -40px;*/
    right: 10px;
    top: 50%;
}

.global-cong-snippets-slider .slick-prev:before {
    content: "";
    background: url(../images/wd-solution/prev-arrow-2.svg) no-repeat 0 0;
    width: 22px;
    height: 40px;
    display: block;
}

.global-cong-snippets-slider .slick-next:before {
    content: "";
    background: url(../images/wd-solution/next-arrow-2.svg) no-repeat 0 0;
    width: 22px;
    height: 40px;
    display: block;
}

.global-cong-snippets-slider .slick-dots {
    left: 0;
    right: 0;
}

    .global-cong-snippets-slider .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .global-cong-snippets-slider .slick-dots li button {
            background: #303030;
        }

        .global-cong-snippets-slider .slick-dots li.slick-active button {
            background: #fff;
            border: 2px solid #606060;
            border-radius: 50%;
        }


/*global-cong end*/

.services-why-important-head p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #303030;
}

    .services-why-important-head p.cust-why-p {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #303030;
        width: 87%;
        margin: 0 auto;
    }

.services-common-heading.custom-service-heading {
    font-family: 'openSans-light';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 15px;
}

.data-visualization-why-important-head > p {
    padding: 0 21%;
}

.services-why-important-wrapper {
    display: flex;
}

.services-why-important-left-main {
    max-width: 440px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}


    .services-why-important-left-main p {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        margin-bottom: 10px;
    }

        .services-why-important-left-main p.hwd-sub-heading {
            font-family: 'openSans-regular';
            font-size: 22px;
            line-height: 20px;
            color: #303030;
            margin-bottom: 12px;
        }

    .services-why-important-left-main h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin: 30px 0 10px 0;
    }

    .services-why-important-left-main ul {
        margin-top: 10px;
    }

        .services-why-important-left-main ul li {
            font-family: openSans-regular;
            font-size: 20px;
            font-weight: 300;
            line-height: 40px;
            margin-bottom: 0px;
            color: #303030;
            padding-left: 30px;
            background: url(../images/services-why-important-bullet.svg) no-repeat;
            background-position: left 11px;
        }

.check-insights-main {
    width: 420px;
    margin-top: 45px;
    border: 1px dashed #aaaaaa;
    padding: 7px 15px 6px;
    display: flex;
    align-items: baseline;
}

    .check-insights-main p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        margin-right: 10px;
        margin-bottom: 0px;
    }

.services-why-important-right-main {
    max-width: 564px;
}

.services-why-important-right-head h4 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #303030;
    margin-bottom: 20px;
}

.services-why-important-box {
    max-width: 163px;
    margin-right: 36px;
}

    .services-why-important-box:last-child {
        margin-right: 0;
    }

    .services-why-important-box h2 {
        font-family: 'openSans-semi-bold';
        font-size: 50px;
        font-weight: 600;
        color: #f37222;
        margin-bottom: 10px;
    }

    .services-why-important-box p {
        font-family: openSans-regular;
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #303030;
        margin-bottom: 25px;
    }

        .services-why-important-box p span {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            color: #666666;
        }

    .services-why-important-box img.bordered {
        border-radius: 7px;
        border: 1px solid #f37222;
        border-bottom-width: 4px;
    }

.services-why-important-right-main p.source,
.services-why-important-right-main p.source a {
    font-family: 'openSans-regular';
    font-size: 12px;
    line-height: 18px;
    color: #676767;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}

    .services-why-important-right-main p.source a:hover {
        color: #f37222;
    }

.services-hp-clients-wrapper {
    margin-top: 0;
    padding-top: 75px;
    background-position: center 75px;
}

    .services-hp-clients-wrapper .hp-clients-main {
        margin-top: 0;
    }

.services-hp-case-study-section {
    padding: 80px 0 80px 0;
    background: url(../images/case-study-bg-3.svg) no-repeat;
    background-position: left top 115px;
    background-size: 28%;
}

.digital-visualization-section {
    background: none;
}

.services-hp-case-study-section .hp-case-study-main {
    margin: 120px auto 65px auto;
}

    .services-hp-case-study-section .hp-case-study-main:first-child {
        margin-top: 0;
    }

.services-faq-main {
    /*padding:70px 30px 100px 30px;*/
    padding: 60px 30px 30px 30px;
    /*jeel*/
}

.services-faq-container {
    max-width: 1150px;
    margin: auto;
}

.services-faq-head {
    text-align: center;
    display: table;
    margin: 0 auto 30px auto;
}

    .services-faq-head .services-common-heading {
        margin-bottom: 5px;
    }

    .services-faq-head p {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        color: #303030;
    }

.services-faq-wrapper {
    margin-bottom: 50px;
}

    .services-faq-wrapper .card {
        margin-bottom: 25px;
        border-radius: 8px !important;
        border: 1px solid #e0e0e0 !important;
        background-color: #FFFFFF;
        position: relative;
        overflow: hidden !important;
    }

        .services-faq-wrapper .card::before {
            content: '';
            position: absolute;
            left: 0;
            top: 0;
            width: 9px;
            height: 0px;
            background: #f37222;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

    .services-faq-wrapper .card-header {
        border: none;
        background: transparent;
        padding: 20px 30px 20px 37px;
        display: flex;
        cursor: pointer;
    }

    .services-faq-wrapper .card .card-header img.in-active {
        display: block;
        opacity: 1;
    }

    .services-faq-wrapper .card .card-header img.active {
        display: none;
        opacity: 0;
    }

    .services-faq-wrapper .card .card-header img,
    .services-faq-wrapper .card.active .card-header img {
        -webkit-transition: 0.3s;
        -moz-transition: 0.3s;
        -o-transition: 0.3s;
        transition: 0.3s;
    }

    .services-faq-wrapper .card-header .faq-title {
        margin-right: auto;
        margin-bottom: 0px !important;
        font-family: openSans-semi-bold;
        font-size: 20px;
        font-weight: 600;
        line-height: 26px;
        color: #303030;
    }

    .services-faq-wrapper .card-body {
        padding: 0px 30px 20px 37px;
    }

        .services-faq-wrapper .card-body p, .services-faq-wrapper .card-body li {
            font-family: 'openSans-regular';
            font-size: 16px;
            line-height: 24px;
            color: #303030;
            position: relative;
        }

        .services-faq-wrapper .card-body .collapse li {
            font-family: 'openSans-regular';
            font-size: 18px;
            line-height: 26px;
            color: #303030;
            position: relative;
            padding-left: 20px;
        }

        .services-faq-wrapper .card-body .alt-h2,
        .services-faq-wrapper .card-body .alt-span,
        .services-faq-wrapper .card-body p.alt-inline {
            font-family: 'openSans-regular';
            font-size: 18px;
            line-height: 26px;
            color: #303030;
            display: inline;
        }

        .services-faq-wrapper .card-body p > span {
            font-family: openSans-bold;
        }

        .services-faq-wrapper .card-body p > a {
            color: #F37222;
        }

    .services-faq-wrapper .card.active {
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        border: 1px solid transparent !important;
    }

        .services-faq-wrapper .card.active::before {
            height: 100%;
            background: #f37222;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .services-faq-wrapper .card.active .card-header h2 {
            font-family: 'openSans-semi-bold';
            font-size: 20px;
            font-weight: 600;
            line-height: 26px;
            color: #303030;
        }

        .services-faq-wrapper .card.active .card-header img.in-active {
            display: none;
            opacity: 0;
        }

        .services-faq-wrapper .card.active .card-header img.active {
            display: block;
            opacity: 1;
        }

    .services-faq-wrapper .card-body .collapse li::before {
        content: "";
        position: absolute;
        left: 4px;
        top: 7px;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #000;
    }

.services-box-link-wrp {
    padding: 20px 34px;
    display: inline-block;
}

    .services-box-link-wrp img {
        max-width: 89px;
    }

.services-what-we-do-main.metaverse .services-box-link-wrp img {
    max-width: 50px;
}

.services-box-link-wrp.web-soln img {
    max-height: 89px;
    width: 80px;
    max-width: none;
}


/*Services ux ui design page end*/

.clients-view-more-txt {
    font-family: 'openSans-light';
    font-size: 18px;
    line-height: 24px;
    color: #303030;
}


/*industries page css start*/

.industries-top-wrapper {
    width: 100%;
    background: url(../images/industry/desktop-industry-bg.svg) no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.industries-container {
    padding: 155px 30px 300px 130px;
}

.industries-banner-left-main {
    margin-right: auto;
    margin-top: 55px;
    max-width: 435px;
}

    .industries-banner-left-main p {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 300;
        color: #676767;
        margin-bottom: 45px;
    }

.our-work-listing.our-work-stats {
    justify-content: flex-start;
}

.industries-banner-left-main .our-work-listing > li {
    display: flex;
    flex-direction: column;
    padding: 0 28px;
}

    .industries-banner-left-main .our-work-listing > li .txt-1 {
        font-family: 'openSans-bold';
        font-size: 24px;
        color: #303030;
    }

    .industries-banner-left-main .our-work-listing > li .txt-2 {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        color: #303030;
    }

.our-work-stats > li:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 40px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    background: #8c8c8c;
}

.whats-happening-section {
    max-width: 1090px;
}

.industry-whats-happening-container {
    max-width: 1090px;
    margin: auto;
}

.industry-whats-happening-main {
    background: url(../images/services-why-important-bg.svg) no-repeat;
    background-position: 100% 25px;
    padding: 50px 15px;
}

.whats-happening-content {
    margin: 30px 0 0 0;
}

    .whats-happening-content.chatbot {
        margin: 30px 0px 59px 0px;
    }

.industry-part-left-section {
    max-width: 524px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

    .industry-part-left-section.cust-left-section {
        max-width: 534px;
        margin-right: 275px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .industry-part-left-section .content-txt {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        margin-bottom: 30px;
    }

    .industry-part-left-section.chatbot .content-txt {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        margin-bottom: 30px;
    }

    .industry-part-left-section.ent-mob-sol .content-txt {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        margin-bottom: 30px;
    }


        .industry-part-left-section.ent-mob-sol .content-txt.custom-paragraph {
            font-family: 'openSans-regular';
            font-size: 20px;
            line-height: 28px;
            color: #303030;
            margin-bottom: 30px;
        }


    .industry-part-left-section .content-txt:last-child {
        margin-bottom: 0;
    }

    .industry-part-left-section .check-insights-main {
        margin-top: 25px;
    }

.industry-part-right-section {
    max-width: 365px;
    position: relative;
}

    .industry-part-right-section h3 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        color: #303030;
        margin-bottom: 25px;
    }

    .industry-part-right-section.chatbot h3 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        margin-bottom: 25px;
    }

    .industry-part-right-section p {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        color: #303030;
        margin-bottom: 25px;
    }

    .industry-part-right-section.chatbot p {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        color: #303030;
        margin-bottom: 25px;
    }

    .industry-part-right-section.ent-mob-sol .cust-p {
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #303030;
        margin-bottom: 25px;
    }

    .industry-part-right-section .wearable-cust-p {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        color: #303030;
        margin-bottom: 25px;
    }



.listing-icon-tick li {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 20px;
    color: #303030;
    padding-left: 25px;
    background: url(../images/services-why-important-bullet.svg) no-repeat;
    background-position: left 6px;
}

.listing-icon-tick.chatbot li {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    font-weight: 300;
    margin-bottom: 20px;
    color: #303030;
    padding-left: 30px;
    background: url(../images/services-why-important-bullet.svg) no-repeat;
    background-position: left 2px;
}

.listing-icon-tick li:last-child {
    margin-bottom: 0 !important;
}

.industry-stats-say-section {
    padding-top: 50px;
    max-width: 1090px;
    margin: auto;
}

.all-stats-container {
    margin-top: 20px;
}

.invdi-stats-section {
    position: relative;
    width: 342px;
    height: 210px;
    border-radius: 4px;
    box-shadow: 0 2px 16px 0 rgba(200, 200, 200, 0.46);
    margin-right: 30px;
    margin-bottom: 30px;
    padding: 30px;
    background: #FFFFFF;
}

    .invdi-stats-section.web-soln {
        position: relative;
        width: 342px;
        height: 210px;
        border-radius: 4px;
        box-shadow: 0 2px 16px 0 rgba(200, 200, 200, 0.46);
        margin-right: 30px;
        margin-bottom: 30px;
        padding: 40px 25px 20px 20px;
        background: #FFFFFF;
    }

    .invdi-stats-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 2px;
        background: #f37222;
    }

    .invdi-stats-section:last-child {
        margin-right: 0;
    }

    .invdi-stats-section .content-1-small-heading {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        color: #f37222;
        display: block;
    }

    .invdi-stats-section .content-1 {
        font-family: 'openSans-semi-bold';
        font-size: 44px;
        color: #f37222;
        margin-bottom: 2px;
    }

        .invdi-stats-section .content-1 span {
            font-size: 32px;
        }

    .invdi-stats-section .content-2 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        color: #303030;
    }

        .invdi-stats-section .content-2 > span {
            font-family: 'openSans-regular';
        }

.source-txt {
    font-family: 'openSans-regular';
    font-size: 12px;
    color: #676767;
}

.services-work-listing {
    justify-content: inherit;
}


/*industry services css*/

.industry-services-main-wrp {
    background-position: 100% 110px;
}

.industry-our-expertise-main {
    padding: 50px 30px 50px 30px;
}

.industry-our-expertise-container {
    max-width: 1142px;
    margin: auto;
}

.industry-happeing-txt-head > p {
    font-family: 'openSans-regular';
    font-size: 18px;
    color: #303030;
}

.expertise-section > h3 {
    font-family: 'openSans-semi-bold';
    font-size: 24px;
    color: #303030;
}

.left-list-expertise-wrp {
    max-width: 482px;
    margin-right: auto;
    width: 100%;
}

.right-list-expertise-wrp {
    max-width: 534px;
}

.expertise-section-wrp {
    margin-top: 45px;
}

    .expertise-section-wrp h3 {
        font-family: 'openSans-semi-bold';
        font-size: 24px;
        color: #303030;
        margin-bottom: 20px;
    }

.left-list-expertise-wrp ul li {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8;
}

    .left-list-expertise-wrp ul li:last-child {
        border-bottom: none;
    }

    .left-list-expertise-wrp ul li .list-img {
        margin-right: 20px;
        width: 40px;
    }

    .left-list-expertise-wrp ul li .list-txt {
        font-family: 'openSans-regular';
        font-size: 20px;
        color: #303030;
    }


/*industries page css end*/



/*-------------------Merctech page start---------------------*/
.research-top-wrapper.martech {
    width: 100%;
    background: url(../images/martech/background-banner.jpg) no-repeat;
    background-position: center top;
    background-size: 100%;
}

.service-banner-left-main.martech p {
    margin-bottom: 84px;
}

.services-what-we-do-main.marctech {
    background: url(../images/martech/background-img-our-service.svg) no-repeat;
}

.diverse-developer-card.marctech {
    padding: 20px !important;
}

.diverse-developer-card.martechlast {
    padding: 25px !important;
}

.services-why-important-left-main.marchtech ul li {
    margin-bottom: 5px;
}


.imp-devops-bg.marctechwhyinvest {
    background: none;
    background-position: top 253px right, top 170px left -8px;
    background-size: auto;
}

.what-stats-say-bg.marchtech {
    background: url(../../../resources/images/martech/whats-stats-bg.svg) no-repeat;
    background-position: top 157px left -500px;
    background-size: 100% 100%;
}

.invdi-stats-section.web-soln.marctech {
    padding: 40px 14px 20px 18px;
}

.service-banner-img.leadg.martech {
    margin: 84px 0 0;
    width: 334px;
}
/*-------------------Mertech page end-----------------------*/





/*------------Research and Insights Starts--------------*/

.research-top-wrapper {
    width: 100%;
    background: url(../images/research-insights-banner.svg) no-repeat;
    background-position: center top;
    background-size: 100%;
}

    .research-top-wrapper .service-container {
        justify-content: space-around;
    }

.ri-banner-img {
    padding-top: 50px;
}

.research-top-wrapper .our-work-listing {
    justify-content: inherit;
}

.mobile-app-sub-service-top-wrapper .service-banner-left-main mobile-ipad2 {
    position: relative;
}

.research-top-wrapper .service-banner-left-main {
    position: relative;
    /*left: -47px;*/
}

.research-insights-what-we-do {
    width: 100%;
    background: url(../images/ri-what-we-do.svg) no-repeat;
    background-position: right;
    /*padding: 40px 30px 110px 30px;*/
}

.ri-what-we-do-wrap {
    display: flex;
    align-items: flex-start;
}

.ri-left-boxes {
    width: 29%;
}

.ri-right-boxes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 67%;
}

.ri-left-boxes .services-what-we-do-box1 {
    border: none;
    background: transparent;
    padding: 0 0 205px;
}

    .ri-left-boxes .services-what-we-do-box1:nth-child(2) {
        padding-top: 20px;
    }

.ri-left-boxes .services-what-we-do-info h3 {
    text-align: left;
    padding: 0 0 0 16px;
    margin-top: 0;
}

.ri-left-boxes .services-what-we-do-info p {
    text-align: left;
    padding: 0 0 0 16px;
}

.research-insights-what-we-do .services-what-we-do-head,
.services-what-we-do-main .services-what-we-do-head {
    margin-bottom: 30px;
}

.progressive-why-section {
    width: 100%;
}

.research-insight-how-we-do .wd-app-img {
    /*width: auto;*/
}

.wd-app-img img.accessibility-img {
    width: 510px;
    height: 530px;
}

.research-insights-why-imp-main .services-why-important-right-main {
    max-width: 50%;
}

.research-insights-why-imp-main .services-why-important-left-main {
    max-width: 37%;
    margin-right: 10px;
}

.research-insights-why-imp-main .wd-app-text {
    left: -100px;
    top: 56%;
}

.ri-wid-440 {
    width: 440px;
}


/*------------  Research and Insights Ends    --------------*/

.why-value-labels span {
    font-family: 'openSans-semi-bold';
    font-size: 26px;
    margin-right: 10px;
}


/******* Digital transformation css start *******/

.digital-service-top-wrapper {
    background: url(../images/digital-transformation/desktop-digital-services-bg.webp) no-repeat;
    background-position: center top;
    background-size: 100%;
}

    .digital-service-top-wrapper .service-banner-left-main {
        margin-right: 0%;
        margin-top: 0px;
    }

.para-digi-imp-sec {
    max-width: 780px;
}

.hwd-sub-heading {
    font-family: 'openSans-light';
    font-size: 22px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 12px;
}

.hwd-sub-heading {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 24px;
}

    .hwd-sub-heading.fs-22 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 12px;
    }


    .hwd-sub-heading > span {
        font-family: 'openSans-regular';
    }

.ri-mobile-banner-img {
    display: none;
}

.digi-app-info-txt .app-icon {
    margin: 0px 0px 0px 5px;
}

.digi-app-info-txt .app-info-text-bold .h3 {
    font-size: 22px;
    line-height: 30px;
    font-family: 'openSans-semi-bold';
    color: #303030;
}


.digi-app-info-txt .app-info-text-bold .slider-font {
    font-family: 'openSans-bold';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
}



.digi-icon-title {
    margin-bottom: 25px;
}

.digi-solution-slider-list {
    margin-bottom: 30px;
}

    .digi-solution-slider-list li {
        font-size: 16px;
        line-height: 24px;
        color: #606060;
        margin-bottom: 10px;
        position: relative;
        padding-left: 30px;
    }

        .digi-solution-slider-list li:before {
            position: absolute;
            content: "";
            width: 4px;
            height: 4px;
            background: #606060;
            border-radius: 50%;
            top: 8px;
            left: 15px;
        }


/******* Digital transformation css end *******/

.ux-snd-btn {
    font-size: 12px !important;
    padding: 10px;
    margin-top: 0 !important;
}

.ux-snd-para {
    font-size: 16px !important;
    margin-bottom: 10px !important;
}

.fw-600 {
    font-weight: 600 !important;
}


/*festival banner image css start*/

.festival-slide .slide-caption-main {
    justify-content: space-between;
}

    .festival-slide .slide-caption-main .slide-caption-img {
        flex: inherit;
        margin-right: 0;
    }

    .festival-slide .slide-caption-main .slide-caption-info {
        margin-right: 85px;
    }

        .festival-slide .slide-caption-main .slide-caption-info p.festival-para-txt {
            font-family: 'openSans-regular';
            font-size: 24px;
            line-height: 34px;
            color: #303030;
            margin-bottom: 13px;
        }

.festival-slide.slide2 .slide-caption-info {
    margin-top: 20px;
}

.xmas-snow-image {
    position: relative;
}

.w-800 {
    width: 800px;
}

.w-90 {
    width: 90%;
}

/*.xmas-snow-image::before{
    position: absolute;
    content: "";
    top: 0;
    background: red;
    width: 100%;
    height: 40px;
    background-image: url('../resources/images/snow.png');
    }*/

.scalpel-wh {
    width: 350px;
    height: 281px;
}

.cardtop-wh {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.wh-40-8 {
    width: 40px;
    height: 8px;
}

.drp-email-label {
    color: #e22a2a !important;
    text-align: left;
    margin: -5px 0 10px !important;
}


/*mobile development service page css start*/

/*.mobile-dev-top-wrapper .service-banner-left-main h1 {
    margin-bottom: 5px;
}*/

.mobile-dev-top-wrapper .service-banner-left-main h4 {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 26px;
    color: #676767;
    margin-bottom: 12px;
}

p.mob-dev {
    margin-bottom: 10px;
}


/*.mobile-dev-top-wrapper .service-container {
    min-height: 630px;
    }*/

.mob-dev-what-do-main .services-what-we-do-container {
    max-width: 1140px;
}

.mobile-devp-section-main {
    background: url(../images/mobile-development-section.svg) no-repeat;
    background-position: 100% 125px;
    padding: 25px 15px 25px 15px;
}

    .mobile-devp-section-main .services-why-important-head {
        max-width: 480px;
    }

.mobile-dev-listing-section .mob-dev-left-main h4,
.platform-list-we-work h4 {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    color: #303030;
    line-height: 30px;
    margin-bottom: 5px;
}

.mobile-dev-listing-section .mob-dev-left-main p {
    font-family: 'openSans-regular';
    font-size: 16px;
    color: #303030;
    line-height: 28px;
    margin-bottom: 20px;
}

.mob-dev-all-listing {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.mob-dev-right-main {
    display: flex;
    justify-content: center;
    width: 600px;
    height: 350px;
    max-width: 590px;
}

.app-services-wrp {
    width: 133px;
    height: 133px;
    box-shadow: 2px 4px 18px 0 rgba(200, 200, 200, 0.5);
    background: #fff;
    border-radius: 50%;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

.app-service-name {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 18px;
    color: #303030;
    text-align: center;
    margin-top: 10px;
}

.app-name-list-1 {
    left: -10px;
    top: 0;
}

.app-name-list-2 {
    left: 45px;
    top: 154px;
}

.app-name-list-3 {
    left: 230px;
    top: 210px;
}

.app-name-list-4 {
    right: 45px;
    top: 154px;
}

.app-name-list-5 {
    right: -10px;
    top: 0;
}

.platform-image-wrp {
    max-width: 500px;
}

.all-platform-listing-section {
    margin-top: 60px;
    justify-content: space-between;
}

.platform-list-we-work {
    width: 60%;
    margin-top: 70px;
}

.all-platforms-wrp {
    display: flex;
    flex-wrap: wrap;
}

.platform-name-wrp {
    width: 136px;
    height: 136px;
    border-radius: 20px;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    background: #fff;
    margin: 15px;
}

.platform-list-we-work h4 {
    margin-left: 15px;
}

.lkin-head {
    font-family: 'openSans-regular';
    font-size: 18px;
    line-height: 1.33;
    color: #606060;
    margin-bottom: 30px;
}

.lkd-txtbox {
    max-width: 330px;
    margin: 0 auto 15px auto !important;
}

    .lkd-txtbox + p {
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #333333;
    }

.mobile-dev-banner-img {
    padding-top: 92px;
    padding-left: 145px;
}

.mobile-dev-sevice-why-head p {
    max-width: 720px;
}

.mobdev-why-important-left-main {
    max-width: 41%;
}

    .mobdev-why-important-left-main h3 {
        margin: 30px 0 20px 0;
    }

.mobile-dev-innovative-solutions-slider h3 {
    max-width: 805px;
    margin: 0 auto;
}

.mobile-dev-top-wrapper .service-banner-left-main {
    left: inherit;
}

.mobile-dev-model-process-main {
    background: url(../images/mobile-model-process-bg.svg) no-repeat;
    background-position: 100% 60px;
    padding: 120px 30px 100px 30px;
}

    .mobile-dev-model-process-main.mobile-dev-spacing {
        padding: 30px;
    }

    .mobile-dev-model-process-main .services-model-process-contact {
        margin-top: 40px;
    }

    .mobile-dev-model-process-main .services-model-process-right-main .services-model-process-contact {
        display: none;
    }

.work-overflow-list ul {
    display: flex;
    flex-wrap: wrap;
}

    .work-overflow-list ul li {
        font-family: openSans-regular;
        font-size: 14px;
        font-weight: 300;
        line-height: 24px;
        color: #303030;
        padding-left: 30px;
        background: url(../images/services-why-important-bullet.svg) no-repeat;
        background-position: left 5px;
        width: 50%;
    }

.pointer-none-wrp a {
    cursor: inherit;
}

.pointer-none-wrp .view-more {
    display: none;
}

.stats-small-heading span {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 24px;
    color: #f37222;
    display: block;
}

.plus-more-txt {
    font-family: 'openSans-regular';
    font-weight: bold;
}

.mobile-dev-innovative-solutions-slider .slick-arrow {
    bottom: 0;
}

.mobile-dev-model-process-main .services-common-heading {
    margin-bottom: 0;
}

.mobile-dev-model-process-main .services-model-process-left-main h4 {
    margin: 10px 0 15px 0;
}

.mobile-dev-model-process-main .services-model-process-left-main .maturity-modal {
    margin-bottom: 4px
}

.mobile-dev-model-process-main .services-model-process-left-main .maturity-modal1 {
    margin: 0px;
}

.why-value-labels span.mob-dev-value-txt {
    font-size: 18px;
    color: #f37222;
    font-family: 'openSans-semi-bold';
    display: block;
}

.mobile-dev-innovative-solutions-slider {
    margin-top: 50px;
}


/*mobile development service page css end*/


/******************* sub services page start *******************/


/*Mobile-apps page start*/

.mobile-app-sub-service-top-wrapper {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    /*background-image: url(../images/mobile-app-sub-service-desktop-bg.svg);*/
    background-image: url('../images/as-main-banner.svg');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

    .mobile-app-sub-service-top-wrapper .service-banner-left-main {
        max-width: 674px;
        margin-right: auto;
    }

.service-banner-left-main.srv-web {
    margin-top: 0px;
}

.mobile-app-sub-service-top-wrapper .service-banner-left-main.ent-mob-sol {
    max-width: 700px;
    /*margin-left: 100px;
        margin-top: 80px;*/
}

.mobile-app-sub-service-top-wrapper.web-soln .service-banner-left-main.ent-mob-sol.web-soln {
    max-width: 420px;
    margin-left: 50px;
    margin-top: 80px;
}

.service-banner-left-main.web-soln p {
    font-size: 20px;
    line-height: 26px;
    color: #000000;
    font-weight: 300;
    width: 90%;
}

.service-top-wrapper.web-soln {
    background: url('../images/web-soln-banner-bg.png');
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

.sub-services-ux-for-client-main .services-ux-for-client-wrapper {
    margin-top: -187px;
}


    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.cust-msite {
        margin-top: -223px;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.ai-chat {
        margin-top: -140px;
    }


    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.ux-have-look {
        margin-top: -215px;
    }

.services-ux-for-client-wrapper.mobile-app-ux-for-client-wrapper.cust-services-ux {
    margin-top: -120px;
}

.services-ux-for-client-wrapper.ent-mob-sol.mobile-app-ux-for-client-wrapper.what-we-do-service {
    margin-top: -150px;
}

.mobile-app-stats-say-section .invdi-stats-section:nth-child(3) {
    margin-right: 0;
}

.wearables-app-why-imp-main {
    background: url(../images/mobile-app-why-imp-main-bg.svg) no-repeat;
    background-position: 100% 70%;
    width: 100%;
    background-size: 50%;
}

.wearables-left-main h3 {
    margin: 20px 0 0 0;
}

.mobile-app-sub-service-top-wrapper .service-banner-right-main {
    /*flex: 1;*/
    z-index: 2;
}


/*Mobile-apps page end*/


/******************* sub services page end *******************/


/*Accessibility-Service page starts*/

.access-service-main-wrapper {
    width: 100%;
    background: url('../images/as-main-banner.svg') no-repeat;
    background-position: center top;
    background-size: 100%;
}

    .access-service-main-wrapper .service-container {
        justify-content: space-between;
        position: relative;
    }

.as-banner-txt {
    margin-right: 80px;
}

    .as-banner-txt > h2 {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        font-weight: normal;
        margin-bottom: 15px;
    }

.access-service-wht-we-do .services-what-we-do-box {
    margin: 0 16px 30px 16px;
}

.access-service-how-we-do-wrapper {
    padding: 25px 0 80px 0;
    background: url('../images/ac-how-we-do-back.svg') no-repeat;
    background-position: right top;
    background-size: 49% 98%;
}

.access-service-why-important-main {
    background: url('../images/justice-right-bg.svg') no-repeat;
    background-position: 100% 125px;
    padding: 25px 15px 70px 15px;
}

.access-service-why-important-left-main {
    max-width: 520px;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}

    .access-service-why-important-left-main > h3 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        color: #303030;
        line-height: 28px;
        margin-top: 0;
    }

.as-why-banner-left {
    display: flex;
    margin-top: 30px;
}

.as-why-banner-left-childrens > h2 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    margin: 20px 0 10px;
}

.as-why-banner-left-childrens > p {
    font-family: openSans-regular;
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    line-height: 20px;
}

.as-why-banner-left-childrens:first-child {
    margin-right: 10px;
}

.as-comprehensive-head {
    margin: auto;
    text-align: center;
    width: 100%;
}

    .as-comprehensive-head p {
        max-width: 850px;
        margin: 20px auto;
        font-size: 16px;
        line-height: 24px;
        font-family: openSans-regular;
    }

    .as-comprehensive-head h3 {
        /*font-family: 'openSans-light';*/
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

    .as-comprehensive-head > h3 > span {
        font-family: 'openSans-regular';
        font-weight: 300;
    }

.as-comprehensive-main {
    padding: 20px 0 10px 0;
    background: url(../images/w3c-bg.svg) no-repeat;
    background-position: left top 130px;
    background-size: 47% 78%;
}

.as-w3clogo {
    padding: 20px;
}

.as-stats-main {
    max-width: 1131px;
    margin-bottom: 50px;
}

    .as-stats-main .invdi-stats-section .content-1 {
        font-size: 50px;
        margin-bottom: 5px;
    }

.as-segment-boxes {
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    padding: 24px;
    width: 184px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}

    .as-segment-boxes h2 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        color: #303030;
        margin: 18px 0 2px;
    }

.access-service-Segment {
    padding: 25px 15px 70px 15px;
}

.as-w3c-info-main {
    max-width: 1131px;
    padding-top: 0px;
}

.as-comprehensive-left {
    margin-right: auto;
    padding-top: 80px;
}

.as-m20 {
    margin: 20px auto;
}

.as-comprehensive-right {
    margin-right: 0;
}

    .as-comprehensive-right .as-com-row1 {
        display: flex;
    }

    .as-comprehensive-right .as-segment-boxes {
        width: 225px;
        padding: 32px 24px;
        margin: 15px;
        border-radius: 7px;
        border: solid 0.9px #dfdfdf;
        box-shadow: none;
    }

        .as-comprehensive-right .as-segment-boxes:hover {
            box-shadow: 0 4px 18px 4px rgba(231, 231, 231, 0.52);
            transition: all .5s ease-in-out;
        }

        .as-comprehensive-right .as-segment-boxes h2 {
            font-size: 16px;
            margin: 24px 0 0;
        }

.ml-40 {
    margin-left: 40px;
}

.as-comprehensive-left .as-w3clogo img {
}

.w3logo-rotate {
    padding: 30px;
    transform: rotate(-10deg);
}

.as-client-privacy-banner {
    background: url('../images/as-client-privacy.svg') no-repeat;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0;
    background-size: cover;
    border-radius: 15px;
}

    .as-client-privacy-banner .cp-left {
        width: 54%;
    }

        .as-client-privacy-banner .cp-left p {
            font-family: 'openSans-semi-bold';
            font-size: 20px;
            color: #606060;
            line-height: 24px;
        }

        .as-client-privacy-banner .cp-left h2 {
            font-family: openSans-bold;
            font-size: 32px;
            color: #303030;
            line-height: 36px;
            padding: 6px 0 12px;
        }

        .as-client-privacy-banner .cp-left span {
            font-size: 18px;
            font-family: 'openSans-regular';
            line-height: 24px;
            color: #303030;
            width: 70%;
            display: block;
        }

    .as-client-privacy-banner .cp-right {
        display: flex;
        align-items: center;
        width: 22%;
    }

        .as-client-privacy-banner .cp-right h2 {
            font-family: openSans-bold;
            font-size: 30px;
            color: white;
            line-height: 34px;
            padding-left: 22px;
        }

.standards-we-follow {
    padding: 20px 0 160px 0;
    background: url(../images/standard-right-bg.svg) no-repeat;
    background-position: right top 130px;
    background-size: 49%;
}

.s-we-left {
    width: 50%;
    /*margin-right: auto;*/
}

.s-we-left-child {
    display: flex;
    align-items: center;
}

.s-we-left-child-info {
    font-size: 18px;
    font-family: 'openSans-semi-bold';
    color: #303030;
    line-height: 26px;
}

.s-we-left-child > div:first-child {
    border-radius: 50%;
    box-shadow: 0 4px 20px 5px rgba(187, 187, 187, 0.52);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 167px;
    height: 167px;
    margin-right: 30px;
}

.s-we-left-child-info > h2 {
    text-align: left;
}

.standard-we-section {
    max-width: 900px;
    margin: 0 auto;
    padding: 20px;
    display: flex;
}

.s-we-left .s-we-left-child:last-child {
    margin-top: 132px;
    margin-left: 20px;
}

.as-right-bottom {
    position: relative;
    top: 130px;
    left: 50px;
}

.as-right-top {
    position: relative;
    left: 50%;
    top: 30px;
}

.access-service-wht-we-do .services-box-link-wrp {
    padding: 20px 25px;
}

.how-we-para1 {
    font-family: 'openSans-light';
    font-size: 16px;
    color: #676767;
    line-height: 24px;
}

.as-how-we-h2 {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    color: #303030;
    line-height: 20px;
    margin: 20px 0;
}

.access-service-how-we-do-wrapper #dp-dots li p {
    font-family: 'openSans-light';
    font-size: 14px;
    line-height: 20px;
    color: #303030;
}

.access-service-how-we-do-wrapper #dp-dots li.active div {
    height: 60px;
    transition: 0.3s;
}

.how-we-para1 strong {
    font-weight: bold;
    color: #303030;
}

.web-none {
    display: none;
}


/*Accessibility-Service page ends*/

.common-section-padding {
    padding-top: 50px !important;
}

.services-model-process-main.common-section-padding.uiuxsection-common-padding {
    padding-bottom: 30px;
}

/*ucv case study page css start*/

.ucv-work-details-top-wrapper {
    background: url(../images/ucv-right-banner.png) no-repeat;
    background-position: top right;
}

.ucv-wd-nnovative-solutions {
    background: none;
}

    .ucv-wd-nnovative-solutions .wd-dtls-heading {
        max-width: 740px;
        margin: 0 auto;
    }

    .ucv-wd-nnovative-solutions .innovative-app img {
        box-shadow: none;
    }

    .ucv-wd-nnovative-solutions .innovative-solutions-slider .slick-arrow {
        bottom: 0;
    }

.ucv-wd-result-wrap .indvs-result-wrp {
    padding: 18px;
}

.ucv-wd-result-wrap .section-one-d h4 {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    color: #f37222;
    line-height: 28px;
}

.ucv-wd-result-wrap .section-one-d .name-txt {
    width: 100%;
}

.ucv-wd-result-wrap {
    background-position: right bottom;
}


/*ucv case study page css end*/


/*bharti axa case study page css start*/

.gen-insrnce-details-top-wrapper {
    background: url(../images/bhaxa-right-banner.png) no-repeat;
    background-position: top right;
}

    /*.gen-insrnce-work-details {
    padding: 135px 30px 175px 30px;
}*/

    .gen-insrnce-details-top-wrapper .section-one-d .name-txt {
        width: 95%;
    }

    .gen-insrnce-details-top-wrapper .innovative-app img {
        box-shadow: none;
    }

    .gen-insrnce-details-top-wrapper .app-info-text-bold .h3 {
        margin-bottom: 30px;
    }


/*bharti axa case study page css end*/

.new-services-why-important-section .wd-app-img {
    /*width: auto;*/
}

.new-app-stats-say-section .invdi-stats-section {
    height: 225px;
}


/****************    v-serve page starts   ******************/

.vserve-top-wrapper {
    width: 100%;
    background: url(../images/vserve-banner.png) no-repeat;
    background-position: top right;
}

.mr-100 {
    margin-right: 100px;
}

.max-wdth500 {
    max-width: 500px;
    margin: 0 auto;
}

.vserve-improve .wd-app-text {
    top: 15%;
}

.vserve-report-slider .innovative-app .app-imgblk {
    width: auto;
}

.vserve-report-slider .innovative-app {
    margin-right: 0;
}

    .vserve-report-slider .innovative-app.slick-current {
        padding-top: 0;
    }

    .vserve-report-slider .innovative-app .app-imgblk {
        transform: scale(0.9);
    }

.vserve-report-slider .innovative-solutions-slider .slick-arrow {
    bottom: 0;
}

.vserve-report-slider .innovative-app img {
    box-shadow: none;
}

.vserve-report-slider.wd-innovative-solutions {
    background-size: 57%;
    margin-top: 20px;
}

.vserve-redefining-impact .name-txt {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    line-height: 28px;
    color: #993399;
    margin-top: 10px;
}

.vserve-redefining-impact.my-kia .name-txt {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    line-height: 28px;
    color: #F37222;
    margin-top: 0px;
}

.vserve-redefining-impact .name-txt-p {
    font-size: 14px;
    line-height: 20px;
    font-family: 'openSans-regular';
    color: #676767;
}

.vserve-redefining-impact .ratings {
    text-align: right;
    margin-top: -24px;
    font-weight: 600;
    font-family: 'openSans-bold';
    font-size: 24px;
    line-height: 26px;
    color: #F37222;
}


/*.our-work-right .vserve-banner-child-div
    {
        top: 125px !important;
        left: 0 !important;
    }
    .vserve-top-wrapper .work-details-certificate
    {
        width: 50%;
    }
    .vserve-top-wrapper .work-details-container
    {
        padding: 135px 30px 225px 30px;
    }*/


/****************    v-serve page ends   ******************/


/*hike case study page css start*/

.hike-case-dtls-top-wrapper {
    background: url(../images/hike-right-banner.png) no-repeat;
    background-position: top right;
}

    .hike-case-dtls-top-wrapper .section-one-d .name-txt,
    .samsung-case-dtls-top-wrapper .section-one-d .name-txt {
        width: 95%;
    }

    .hike-case-dtls-top-wrapper .innovative-app img,
    .samsung-case-dtls-top-wrapper .innovative-app img {
        box-shadow: none;
    }

    .hike-case-dtls-top-wrapper .app-info-text-bold .h3,
    .samsung-case-dtls-top-wrapper .app-info-text-bold .h3 {
        margin-bottom: 30px;
    }

/*.hike-case-dtls-top-wrapper .work-details-certificates-main,*/
.samsung-case-dtls-top-wrapper .work-details-certificates-main {
    justify-content: flex-start;
}

/*.hike-case-dtls-top-wrapper .work-details-certificate:first-child,*/
.samsung-case-dtls-top-wrapper .work-details-certificate:first-child {
    margin-right: 16%;
}


/*hike case study page css end*/


/*samsung case study page css start*/

.samsung-case-dtls-top-wrapper {
    background: url(../images/samsung-right-banner.png) no-repeat;
    background-position: top right;
}

    .samsung-case-dtls-top-wrapper .innovative-solutions-slider .slick-arrow {
        bottom: -40px;
    }

    .samsung-case-dtls-top-wrapper .innovative-app .app-imgblk {
        width: 100%;
    }


/*samsung case study page css end*/


/****************    sbi page starts   ******************/

.sbi-top-wrapper {
    width: 100%;
    background: url(../images/sbi-banner1.png) no-repeat;
    background-position: top right;
}


/****************    sbi page end   ******************/

.contact-us-head p.country-service-txt {
    font-family: 'openSans-light';
    font-size: 18px;
    color: #000;
    margin-bottom: 20px;
}


/*prachi (1st Feb 2020) Blog details css*/

.insights-by-div-child {
    margin-left: 20px;
}

.author-block {
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    display: flex;
    align-items: center;
    padding: 16px 20px 20px 20px;
}

    .author-block .author-img {
        width: 100px;
        height: 100px;
        margin-right: 16px;
        padding: 10px;
        border-radius: 4px;
        border: solid 1px #e1e1e1;
    }

.author-info h3 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 20px;
    color: #303030;
    padding: 0 0 6px 0;
    margin: 0;
}

.author-info h4 {
    font-family: 'openSans-light';
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    padding: 0 0 8px 0;
    margin: 0;
    border-bottom: 1px solid #e4e4e4;
}

.author-info p {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    padding: 5px 0 0 0;
}

.author-info {
    position: relative;
}

.author-linkedin {
    position: absolute;
    right: 0;
    top: 0;
}

.subscribe-container h3 {
    /*font-family: 'openSans-regular';
        font-size: 18px;
        line-height: 24px;
        color: #303030;*/
}

.subscribe-container.comments-block {
    max-width: 418px;
    margin: 0 auto;
}

    .subscribe-container.comments-block .form-group .form-control {
        height: 110px;
        font-family: 'openSans-light';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }

    .subscribe-container.comments-block .common-btn {
        padding: 9px 15px !important;
        font-size: 14px;
        line-height: 18px;
    }

#ContentPlaceHolder1_txtNewsLetter {
    /*height: 110px;*/
}

.blog-comment-wrapper {
    width: 550px;
    margin: 30px auto;
}

.cmnt-head-txt {
    font-size: 16px;
    color: #303030;
    font-family: 'openSans-semi-bold';
    line-height: 20px;
}

.blog-comments-description {
    padding: 20px 0;
    border-top: 1px solid #e8e0e0;
}

.user-blog-name {
    font-size: 14px;
    color: #303030;
    font-family: 'openSans-semi-bold';
    line-height: 20px;
}

.user-blog-date {
    font-size: 12px;
    color: #676767;
    font-family: 'openSans-light';
    line-height: 20px;
}

.user-cmnt-text {
    font-size: 14px;
    color: #303030;
    font-family: 'openSans-regular';
    line-height: 20px;
}

.blog-comments-hide {
    display: none;
}


/**************prachi 1st Feb 2020 mobile number label**************/

.contact-us-form-wrapper .tabs-content-main .contact-field.mob-number label {
    position: absolute;
    top: -7px;
    left: 0;
    font-size: 12px !important;
}


/*content-strategy-start*/

.cs-what-we-do-container {
    max-width: 1142px;
}


/*content-strategy-end*/


/*laptop-company case study start*/

.laptop-company-case-dtls-top-wrapper {
    background: url(../images/laptop-company-right-banner.png) no-repeat;
    background-position: top right;
}

    .laptop-company-case-dtls-top-wrapper .work-details-certificate {
        max-width: 265px;
    }

    .laptop-company-case-dtls-top-wrapper .innovative-solutions-slider .slick-arrow {
        bottom: -40px;
    }

    .laptop-company-case-dtls-top-wrapper .innovative-app .app-imgblk {
        width: 100%;
    }

.laptop-company-solution-wrap .app-info-text-bold .h3 {
    margin-bottom: 30px;
}


/*laptop-company case study end*/


/*chatbot case study start*/

.chatbot-top-wrapper {
    background: url(../images/chatbot-banner.png) no-repeat;
    background-position: top right;
}

.case-study-form p.only-business-id {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #999999;
    font-family: 'openSans-semi-bold';
}

/*chatbot case study end*/


/*digital transformation digital approach start*/

.dt-digital-approach-main {
    width: 100%;
    position: relative;
}

.dt-digital-approach-wrapper {
    width: 100%;
    /*overflow-x: auto;*/
}

.dt-digital-approach-container {
    /*background: url(../images/dt-digital-approach-new-bg.svg) no-repeat, url('../images/dt-new-line.svg') no-repeat;*/
    background: url(../images/dt-digital-approach-new-bg.svg) center top no-repeat;
    /*background-position: center top, top center;*/
    background-size: 100%;
    background-color: #fefefe;
    display: flex;
    justify-content: center;
    padding: 0 0 70px 40px;
    width: 100%;
    position: relative;
}

.dt-digital-approach-wrapper::-webkit-scrollbar {
    width: 0 !important;
    /*display: none;*/
}

.dt-digital-approach-wrapper {
    overflow: -webkit-scrollbars-none;
    overflow: -moz-scrollbars-none;
    overflow: -o-scrollbars-none;
    overflow: scrollbars-none;
    scroll-behavior: smooth;
}

.dt-digital-approach-wrapper {
    -ms-overflow-style: none;
}

.dt-digital-approach-container::before {
    content: '';
    background: url('../images/dt-new-line.svg') center center no-repeat;
    position: absolute;
    top: 110px;
    left: 46%;
    transform: translateX(-50%);
    z-index: 1;
    width: 75%;
    height: 164px;
}

.dt-digital-approach-box {
    max-width: 151px;
    margin-right: 25px;
    position: relative;
}

    .dt-digital-approach-box::before {
        content: '';
        border-left: 2px dashed #E0D6D2;
        position: absolute;
        left: 7px;
        top: 54px;
        height: 170px;
    }

    .dt-digital-approach-box:nth-child(1) {
        margin-top: 228px;
        max-width: 125px;
    }

    .dt-digital-approach-box:nth-child(2) {
        margin-top: 218px;
        max-width: 125px;
    }

    .dt-digital-approach-box:nth-child(3) {
        margin-top: 184px;
    }

    .dt-digital-approach-box:nth-child(4) {
        margin-top: 181px;
    }

    .dt-digital-approach-box:nth-child(5) {
        max-width: 157px;
        margin-top: 147px;
    }

    .dt-digital-approach-box:nth-child(6) {
        margin-top: 111px;
    }

    .dt-digital-approach-box:nth-child(7) {
        margin-top: 76px;
    }


    /*.dt-digital-approach-box:last-child {
            margin-right: 20px;
        }*/

    .dt-digital-approach-box h5 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        color: #303030;
        padding-bottom: 30px;
        position: relative;
        margin-bottom: 25px;
    }

        .dt-digital-approach-box h5::before {
            content: '';
            position: absolute;
            left: 0;
            bottom: 0;
            width: 15px;
            height: 15px;
            z-index: 2;
            background: #FFFFFF;
            border: 1px solid #F37222;
            border-radius: 100%;
        }

    .dt-digital-approach-box .dt-digital-approach-inner {
        display: flex;
        align-items: flex-start;
        position: relative;
    }

        .dt-digital-approach-box .dt-digital-approach-inner:last-of-type {
            margin-bottom: 0;
            position: relative;
        }

            .dt-digital-approach-box .dt-digital-approach-inner:last-of-type::after {
                content: '';
                border-left: 2px solid #fdfdff;
                position: absolute;
                left: 7px;
                top: 15px;
                height: 90px;
            }

        .dt-digital-approach-box .dt-digital-approach-inner::before {
            content: url('../images/dt-new-check.svg');
            position: absolute;
            top: 0;
            left: 3px;
            z-index: 2;
        }

    .dt-digital-approach-box .dt-digital-approach-inner {
        margin-bottom: 25px;
        padding-left: 20px;
    }

    .dt-digital-approach-box figure {
        margin: 0 8px 0 0;
        width: 23px;
    }

    .dt-digital-approach-box p {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        color: #303030;
        margin-bottom: 20px;
    }

        .dt-digital-approach-box p.head {
            width: calc(100% - 22px);
            font-family: 'openSans-semi-bold';
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            color: #676767;
            margin-bottom: 8px;
        }

        .dt-digital-approach-box p:last-child {
            margin-bottom: 0;
        }


/*.dt-navigation {
        position: absolute;
        left: 140px;
        bottom: 0;
        display: flex;
    }

        .dt-navigation a {
            margin-right: 45px;
        }*/


/*digital transformation digital approach end*/

/*===================================== ar service starts ===========================================*/

.services-what-we-do-main.ar-service {
    background: linear-gradient(180deg, rgba(244, 244, 244, 0) 0%, #F4F4F4 50.52%);
}

.services-common-heading.ar-service {
    font-family: 'openSans-semi-bold';
    /* font-size: 32px;
    line-height: 42px;*/
    font-weight: 600;
    color: #303030;
}

    .services-common-heading.ar-service.ar-cust-h2 {
        font-family: 'openSans-semi-bold';
        font-size: 32px;
        line-height: 42px;
        font-weight: 600;
        color: #303030;
    }

    .services-common-heading.ar-service.imp-cust {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        font-weight: 600;
        color: #303030;
    }

.services-what-we-do-head p.ar-service {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    max-width: 68%;
    margin: 0 auto;
}

    .services-what-we-do-head p.ar-service.fs-18 {
        font-size: 18px;
    }

.services-what-we-do-head h3.ar-service {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    max-width: 100%;
    margin: 0 auto;
}


.services-what-we-do-head h2.ar-service {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    max-width: 68%;
    margin: 0 auto;
}

.services-what-we-do-head p.ar-service.metaverse {
    max-width: 100%;
}

.services-what-we-do-main.ar-service .services-what-we-do-info p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px;
}

.services-ux-for-client-left p.ar-service {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 28px;
    color: #303030;
}

.services-ux-for-client-left .ar-service.vision-cust-p {
    font-family: openSans-regular;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

.cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.ar-service {
    margin-top: -235px;
}

.cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse {
    margin-top: -260px;
}

    .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse.cust-metaverse {
        margin-top: -100px;
    }

.cx-strtgy-ux-for-client-container .services-ux-for-client-img.ar-service {
    max-width: 480px;
    position: relative;
}

    .cx-strtgy-ux-for-client-container .services-ux-for-client-img.ar-service img {
        width: auto;
        margin-left: 30px;
        margin-right: -30px;
        margin-top: 80px;
    }

        .cx-strtgy-ux-for-client-container .services-ux-for-client-img.ar-service img.ar-elephant {
            margin-left: 30px;
            margin-right: -30px;
            margin-top: 80px;
            position: absolute;
            left: 64px;
            width: 377px;
            height: 254px;
            object-fit: cover;
            bottom: 24px;
            z-index: 5;
            border-radius: 24px;
        }

.services-ux-for-client-wrapper.ar-service .services-ux-for-client-info h4 {
    font-size: 20px;
    line-height: 28px;
    margin: 5px 0 10px;
}

.services-ux-for-client-wrapper.ar-service .services-ux-for-client-info p {
    font-size: 16px;
    line-height: 24px;
    color: #676767;
}

/*.quick-contact-section-info p.ar-service {*/
/*font-size: var(--fs-22) !important;*/
/*line-height: 30px !important;
}*/

.ar-service-tools-wrapper {
    max-width: 1142px;
    margin: 0 auto 30px;
}

    .ar-service-tools-wrapper h3 {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        /*font-size: 32px;
        line-height: 42px;*/
        color: #303030;
        max-width: 62%;
        margin-bottom: 30px;
        position: relative;
    }

    .ar-service-tools-wrapper h2.vision-cust {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        max-width: 62%;
        margin-bottom: 30px;
        position: relative;
    }

    .ar-service-tools-wrapper h3::after {
        content: "";
        width: 62px;
        height: 4px;
        background: linear-gradient(180deg, #EFA280 0%, #F3B383 100%);
        border-radius: 2px;
        position: absolute;
        bottom: -12px;
        left: 0px;
    }

    .ar-service-tools-wrapper h2.vision-cust::after {
        content: "";
        width: 62px;
        height: 4px;
        background: linear-gradient(180deg, #EFA280 0%, #F3B383 100%);
        border-radius: 2px;
        position: absolute;
        bottom: -12px;
        left: 0px;
    }

    .ar-service-tools-wrapper > div {
        padding: 0;
    }

    .ar-service-tools-wrapper p {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        width: 80%;
    }

    .ar-service-tools-wrapper .vision-cust-p {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 16px;
        line-height: 24px;
        color: #303030;
        width: 80%;
    }


    .ar-service-tools-wrapper h4 {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        color: #303030;
        position: relative;
        margin-bottom: 30px;
    }

        .ar-service-tools-wrapper h4::after {
            content: "";
            width: 30px;
            height: 4px;
            background: linear-gradient(180deg, #EFA280 0%, #F3B383 100%);
            border-radius: 2px;
            position: absolute;
            bottom: -10px;
            left: 0px;
        }

    .ar-service-tools-wrapper .cust-xr {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        position: relative;
        margin-bottom: 30px;
    }

        .ar-service-tools-wrapper .cust-xr::after {
            content: "";
            width: 30px;
            height: 4px;
            background: linear-gradient(180deg, #EFA280 0%, #F3B383 100%);
            border-radius: 2px;
            position: absolute;
            bottom: -10px;
            left: 0px;
        }



    .ar-service-tools-wrapper .tools-list {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 30px;
    }

/*.ar-service-tools-wrapper .tools-list img{margin-right:15px}*/

.mob-transform-business .section-header.ar-service h3 {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 32px;
    line-height: 42px;
    color: #303030;
    max-width: 60%;
    margin: 20px auto 0;
}

.services-why-important-main.ar-service {
    padding: 60px 15px;
}

.services-why-important-head p.ar-service {
    font-family: 'openSans-regular';
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #303030;
}

.services-why-important-head .ar-service.vision-cust-p {
    font-family: openSans-regular;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #303030;
}


.services-why-important-box.ar-service h2 {
    font-size: 40px;
    line-height: 50px;
    background: linear-gradient(180deg, #CF9EE6 0%, #A178F7 90.62%, #C495EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.services-why-important-box.ar-service .alt-h2 {
    font-size: 40px;
    line-height: 50px;
    background: linear-gradient(180deg, #CF9EE6 0%, #A178F7 90.62%, #C495EA 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
    margin-bottom: 10px;
    font-family: 'openSans-semi-bold';
}

.services-why-important-left-main.ar-service p.head {
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}

.services-why-important-left-main.ar-service ul li {
    font-size: 16px;
    line-height: 40px;
    color: #676767;
    background: url(../images/ar-service/orange-bullet.svg) no-repeat;
    background-position: left 15px;
}

.hp-insights-section-container.ar-service {
    margin: 50px auto;
}

.hp-insights-section.ar-service {
    background: none;
}

.hp-insights-head.ar-service {
    max-width: 630px;
}

    .hp-insights-head.ar-service h3 {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        /* font-size: 32px;
        line-height: 42px;*/
        text-align: center;
        color: #303030;
    }

.homepage-common-header.ar-service p {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #303030;
}

.services-faq-head p.ar-service {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 22px;
    line-height: 30px;
    color: #303030;
}

.services-faq-main.ar-service ul {
    list-style: none;
}

.ar-benefits-wrapper {
    max-width: 1242px;
    margin: 0 auto 30px;
}

.ar-benefits-main {
    background: url('../images/ar-service/ar-benefits-bg.svg');
    background-position: left bottom;
    background-repeat: no-repeat;
}

.ar-benefits-wrapper .row {
    margin: 0;
    padding: 50px 0;
    justify-content: space-around;
}

.ar-benefits-wrapper .col-md-3 img {
    height: 80px;
}

.ar-benefits-wrapper.metaverse .col-md-3 img {
    height: 50px;
    margin-bottom: 16px;
}

.ar-benefits-wrapper h4 {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #303030;
    margin-top: 10px;
}

.ar-benefits-wrapper li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 30px;
    color: #303030;
    padding-left: 20px;
    position: relative;
}

.ar-benefits-wrapper p {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    position: relative;
}

.ar-benefits-wrapper li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 8px;
    background: linear-gradient(180deg, #EFA280 0%, #F3B383 100%);
}

.service-top-wrapper.ar-service {
    background: url('../images/ar-service/ar-banner-img.png');
    background-size: initial;
    background-position: right 70%;
    background-repeat: no-repeat;
}

    .service-top-wrapper.ar-service .service-banner-left-main {
        max-width: 740px;
        margin-top: 10px;
    }

        .service-top-wrapper.ar-service .service-banner-left-main h1 {
            font-family: openSans-bold;
            font-style: normal;
            font-weight: bold;
            font-size: 48px;
            line-height: 58px;
            color: #303030;
        }

        .service-top-wrapper.ar-service .service-banner-left-main p {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 24px;
            color: #303030;
            width: 80%;
        }

    .service-top-wrapper.ar-service .banner-btn {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        text-transform: uppercase;
        color: #FFFFFF;
        background: #F37222;
        border: 1px solid #F37222;
        border-radius: 8px;
        display: inline-block;
        padding: 15px 20px;
        text-decoration: none;
    }

    .service-top-wrapper.ar-service .stats {
        display: flex;
        align-items: center;
        max-width: 360px;
        margin-top: 30px;
    }

        .service-top-wrapper.ar-service .stats .figure {
            font-family: openSans-bold;
            font-style: normal;
            font-weight: bold;
            font-size: 30px;
            line-height: 38px;
            background: linear-gradient(180deg, #CF9EE6 0%, #A178F7 90.62%, #C495EA 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .service-top-wrapper.ar-service .stats .details {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            color: #303030;
            padding-left: 15px;
        }

    .service-top-wrapper.ar-service .banner-stats-wrapper {
        max-width: 360px;
    }

@media screen and (max-width: 767px) and (min-width: 320px) {
    .service-top-wrapper.ar-service {
        background: url(../images/ar-service/ar-banner-bg-mobile.png);
        background-size: 100% auto;
        background-position: bottom center;
        background-repeat: no-repeat;
        min-height: 92vh;
    }

        .service-top-wrapper.ar-service .service-banner-left-main h1 {
            font-size: 24px;
            line-height: 34px;
            padding: 0 55px 0 15px;
            font-family: 'openSans-semi-bold';
            font-weight: 600;
        }

        .service-top-wrapper.ar-service .service-banner-left-main p {
            font-size: 14px;
            line-height: 20px;
            width: 90%;
        }

        .service-top-wrapper.ar-service .banner-btn {
            display: none;
        }

        .service-top-wrapper.ar-service .stats {
            max-width: 100%;
            padding: 0 15px;
            margin-top: 0px;
        }

            .service-top-wrapper.ar-service .stats .figure {
                font-size: 24px;
                line-height: 34px;
            }

            .service-top-wrapper.ar-service .stats .details {
                font-size: 14px;
                line-height: 18px;
            }

    .services-common-heading.ar-service {
        font-size: 20px;
        line-height: 24px;
        padding: 0 25px;
    }

        .services-common-heading.ar-service.ar-cust-h2 {
            font-size: 20px;
            line-height: 24px;
            padding: 0 25px;
        }

        .services-common-heading.ar-service.imp-cust {
            font-size: 20px;
            line-height: 24px;
            padding: 0 25px;
        }

    .services-what-we-do-head p.ar-service {
        font-size: 16px;
        line-height: 20px;
        max-width: 88%;
        margin: 10px auto 0;
        color: #676767;
    }

        .services-what-we-do-head p.ar-service.fs-18 {
            font-size: 16px;
            line-height: 20px;
            max-width: 88%;
            margin: 10px auto 0;
            color: #676767;
        }

    .services-what-we-do-head h3.ar-service {
        font-size: 16px;
        line-height: 20px;
        max-width: 88%;
        margin: 10px auto 0;
        color: #676767;
    }

    .services-what-we-do-head h3.ar-service {
        font-size: 20px;
        line-height: 20px;
        max-width: 100%;
        margin: 10px auto 0;
        color: #676767;
        margin-bottom: 6px;
    }

    .services-what-we-do-head p.ar-service.metaverse {
        margin-top: 56px;
    }

    .ar-benefits-wrapper .row {
        padding: 15px;
    }

        .ar-benefits-wrapper .row > div {
            padding-top: 20px;
        }

    .ar-benefits-wrapper .col-md-3 img {
        height: 60px;
        margin-bottom: 10px;
    }

    .ar-benefits-wrapper h4 {
        font-size: 16px;
        line-height: 30px;
    }

    .ar-benefits-wrapper.metaverse h4 {
        font-size: 12px;
        line-height: 16px;
    }

    .ar-benefits-wrapper li {
        font-size: 16px;
        line-height: 28px;
    }

    .ar-benefits-wrapper p {
        font-size: 16px;
        line-height: 28px;
    }

    .ar-benefits-main {
        background: url(../images/ar-service/ar-benefits-mobile-bg.svg);
        background-position: left 20%;
        background-repeat: no-repeat;
    }

    .services-what-we-do-main.ar-service {
        padding-top: 0px !important;
    }

        .services-what-we-do-main.ar-service .services-box-link-wrp {
            display: block;
        }

        .services-what-we-do-main.ar-service .services-what-we-do-box {
            max-width: 100%;
            margin: 0 15px 15px;
        }

            .services-what-we-do-main.ar-service .services-what-we-do-box img {
                width: 55px;
                display: block;
                margin: 10px auto;
            }

        .services-what-we-do-main.ar-service .services-what-we-do-info h3 {
            text-align: center;
        }

        .services-what-we-do-main.ar-service .services-what-we-do-info p {
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            padding: 0 10px;
        }

    .services-ux-for-client-left.ar-service, .services-ux-for-client-img {
        padding: 0 5px;
        width: 100%;
    }

        .services-ux-for-client-left.ar-service .services-common-heading {
            max-width: 100%;
            padding: 0;
        }

    .services-ux-for-client-left p.ar-service {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 20px;
        color: #303030;
        padding: 0 20px;
    }

        .services-ux-for-client-left p.ar-service.vision-cust-p {
            font-family: openSans-regular;
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            padding: 0 20px;
        }

        .services-ux-for-client-left p.ar-service br {
            display: none;
        }

    .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.ar-service {
        margin-top: 0px;
    }

    .cx-strtgy-ux-for-client-container .services-ux-for-client-img.ar-service img {
        width: auto;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0;
    }

        .cx-strtgy-ux-for-client-container .services-ux-for-client-img.ar-service img.ar-elephant {
            margin-left: 0;
            margin-right: 0;
            margin-top: 0;
            position: absolute;
            left: 19%;
            width: 66%;
            height: 73%;
            object-fit: cover;
            bottom: 15px;
            z-index: 5;
            border-radius: 14px;
        }

    .services-ux-for-client-wrapper.ar-service .services-ux-for-client-info h4 {
        font-size: 14px;
        line-height: 20px;
        margin: 8px 0 6px;
    }

    .services-ux-for-client-wrapper.ar-service .services-ux-for-client-box {
        width: 148px;
    }

    .quick-contact-section.ar-service {
        padding: 30px 16px 36px !important;
        justify-content: flex-start;
    }

    .quick-contact-section-info p.ar-service {
        font-size: var(--fs-16) !important;
        line-height: 20px !important;
    }

    .ar-service-tools-wrapper h3 {
        font-size: 20px;
        line-height: 24px;
        max-width: 70%;
    }

    .ar-service-tools-wrapper h2.vision-cust {
        font-size: 20px;
        line-height: 24px;
        max-width: 70%;
    }

    .ar-service-tools-wrapper {
        padding: 0 15px;
    }

        .ar-service-tools-wrapper p {
            font-size: 16px;
            line-height: 20px;
            width: 100%;
            margin-bottom: 20px;
        }


        .ar-service-tools-wrapper h3::after {
            width: 36px;
        }

        .ar-service-tools-wrapper .vision-cust-p {
            font-size: 14px;
            line-height: 20px;
            width: 100%;
            margin-bottom: 20px;
        }

        .ar-service-tools-wrapper h2.vision-cust::after {
            width: 36px;
        }

        .ar-service-tools-wrapper h4 {
            font-size: 14px;
            line-height: 18px;
        }

        .ar-service-tools-wrapper .cust-xr {
            font-size: 14px;
            line-height: 18px;
        }

        .ar-service-tools-wrapper .tools-list {
            display: flex;
            width: 100%;
            justify-content: flex-start;
            align-items: center;
            margin-bottom: 30px;
            flex-wrap: wrap;
        }

            .ar-service-tools-wrapper .tools-list img {
                margin-right: 15px;
                max-width: 28%;
                max-height: 36px;
                margin-bottom: 10px;
            }

            .ar-service-tools-wrapper .tools-list.flat img {
                max-height: 20px;
                margin-bottom: 0px;
                max-width: 40%;
            }

    .mob-transform-business .section-header.ar-service h3 {
        font-size: 20px;
        line-height: 24px;
        max-width: 90%;
        padding-top: 30px;
    }

    .transform-business.ar-service {
        padding: 0;
    }

    /*.transform-business.ar-service .business-card-header > a > img {
        height: 300px;
        object-fit: cover;
    }*/

    .services-why-important-head p.ar-service {
        font-size: 14px;
        line-height: 18px;
        color: #676767;
        padding: 0 30px;
    }

    .services-why-important-head .ar-service.vision-cust-p {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        padding: 0 30px;
    }

    .services-why-important-left-main.ar-service {
        padding: 0;
    }

        .services-why-important-left-main.ar-service p.head {
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            display: block;
        }

        .services-why-important-left-main.ar-service ul li {
            font-size: 14px;
            line-height: 20px;
            background-position: left 5px;
            font-family: 'openSans-regular';
            font-weight: 400;
            color: #303030;
        }

    .view-more.why-imp-ar-service {
        margin: auto;
        padding-right: 20px;
    }

    .services-why-important-main.ar-service {
        padding: 60px 15px;
        background: url(../images/ar-service/why-imp-ar-mobile-bg.svg) no-repeat;
        background-position: 100% 90%;
    }

    .services-why-important-box.ar-service {
        text-align: left;
        padding: 0 15px;
    }

        .services-why-important-box.ar-service h2 {
            font-size: 36px;
        }

        .services-why-important-box.ar-service .alt-h2 {
            font-size: 36px;
            margin-bottom: 0px;
        }

    .hp-insights-head.ar-service h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .hp-insights-section-container.ar-service {
        margin: 50px auto 0;
    }

    .homepage-common-header.ar-service p {
        font-size: 14px;
        line-height: 18px;
        padding: 0 20px;
        color: #676767;
    }

    .hp-insights-section.ar-service {
        padding-bottom: 15px;
    }

    .services-faq-head p.ar-service {
        font-size: 14px;
        line-height: 18px;
        color: #676767;
    }

    .services-faq-main.ar-service .services-faq-wrapper .card-body p,
    .services-faq-main.ar-service .services-faq-wrapper .card-body li {
        font-size: 14px;
        line-height: 24px;
    }

    .services-faq-wrapper .card-body .alt-h2,
    .services-faq-wrapper .card-body .alt-span,
    .services-faq-wrapper .card-body p.alt-inline {
        font-size: 14px;
        line-height: 24px;
    }
}

/*===================================== ar service ends ===========================================*/


/************************* new service pages start *************************/

.cx-strategy-model-process-main {
    background: url(../images/cx-strategy/cx-services-model-process-bg.webp) no-repeat;
    background-position: 100% 35px;
    background-size: auto 95%;
}

    .cx-strategy-model-process-main .services-model-process-contact {
        margin-top: -150px;
    }

.cx-strategy-model-process-main2 .services-model-process-contact {
    margin-top: -100px !important;
}

.cx-strtgy-top-banner-wrapper {
    width: 100%;
    background: url('../images/cx-strategy/as-main-banner.webp') no-repeat;
    background-position: center top;
    background-size: 100%;
}


.product-experience-top-wrapper .service-banner-left-main,
.service-design-top-wrapper .service-banner-left-main,
.data-visualization-wrapper .service-banner-left-main {
    margin-right: auto;
    margin-top: 30px;
}

.data-visualization-wrapper .service-banner-left-main {
    margin-top: 4px;
}

.cx-strtgy-top-banner-wrapper .service-banner-left-main {
    margin-right: auto;
    margin-top: 0px;
}

.cx-strtgy-top-banner-wrapper .service-banner-right-main {
    min-height: 336px;
    display: flex;
}

.cx-strtgy-what-we-do-main {
    background-size: 52%;
}

.cx-strtgy-ux-for-client-container .services-ux-for-client-img {
    margin-top: 0px;
}

.cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper {
    margin-top: -255px;
}

    .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.cust-client-wrapper {
        margin-top: -235px;
    }

.cx-strategy-services-why-imp-main .services-why-important-right-main {
    max-width: 100% !important;
}

.cx-strategy-services-why-imp-main .problem-state-right {
    width: 100%;
    margin-left: 0;
}

    .cx-strategy-services-why-imp-main .problem-state-right .slick-slide img {
        width: 100%;
    }

.cx-strategy-services-why-imp-main .wd-app-text {
    left: auto;
    right: 0px;
    top: 50%;
    transform: translate(50%, -50%);
    min-height: 380px;
}

.cx-strategy-services-why-imp-main .problem-state-right .app-icon img {
    width: auto;
}

.cx-strategy-services-why-imp-main .problem-state-right .app-info-text h3 {
    font-size: 20px;
    line-height: 28px;
    font-family: 'openSans-semi-bold';
    color: #303030;
    margin-bottom: 30px;
}

.cx-strtgy-service-ux-for-client-container .services-ux-for-client-wrapper {
    margin-top: -255px;
}

    .cx-strtgy-service-ux-for-client-container .services-ux-for-client-wrapper.product-service-wrapper {
        margin-top: -200px;
    }

.product-experience-top-wrapper {
    width: 100%;
    background: url(../images/research-insights-banner.svg) no-repeat;
    background-position: center top;
    background-size: 100%;
}

.service-design-top-wrapper {
    background: url(../images/desktop-digital-services-bg.svg) no-repeat;
    background-position: center top;
    background-size: 100%;
}

.product-interface-top-wrapper .service-banner-right-main {
    display: flex;
    margin-left: auto;
}


/************************* new service pages end *************************/


/************************* techbot start *************************/

.techbot {
    position: fixed;
    bottom: 15px;
    right: 20px;
    width: 70px;
    height: 70px;
    background: linear-gradient(55deg, #ff0303 -52%, #ffc800 100%);
    padding: 1px 1px;
    border-radius: 21%;
    outline: none !important;
    -webkit-transition: 0.8s ease;
    transition: 0.8s ease;
    cursor: pointer;
    z-index: 10;
}

    .techbot img {
        border-radius: 21%;
    }

        .techbot img.techbot-loading {
            display: none;
        }

    .techbot.loading img.techbot-img {
        display: none;
    }

    .techbot.loading img.techbot-loading {
        display: block;
    }

.techbot-frame {
    position: fixed;
    right: 5px;
    bottom: 3px;
    width: 0;
    height: 0;
    max-width: 100%;
    max-height: 100vh;
    z-index: 999;
    background: transparent;
    pointer-events: none;
}

    .techbot-frame iframe {
        width: 0;
        height: 0;
    }

.techbot-close {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    left: 17.5px;
    top: 15.5px;
    z-index: 5;
    cursor: pointer;
}

.techbot-frame.show {
    pointer-events: all;
    width: 472px;
    height: 537px;
}

    .techbot-frame.show iframe {
        width: 100%;
        height: 100%;
        background: transparent;
    }

.techbot-chat {
    position: fixed;
    right: 20px;
    bottom: 90px;
    max-width: 180px;
    z-index: 10;
}

    .techbot-chat > div {
        margin: 10px 0;
        display: none;
    }

        .techbot-chat > div > span {
            padding: 8px 10px;
            box-shadow: -1px 1px 4px rgba(0, 0, 0, 0.4);
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-weight: 600;
            border-radius: 6px;
            cursor: pointer;
            background: #7979eb;
            color: #FFFFFF;
            border: 1px solid #7979eb;
        }

            .techbot-chat > div > span.chat-light {
                background: #FFFFFF;
                color: #7979eb;
            }

    .techbot-chat .techbot-chat-close {
        padding: 6px;
        border: none;
        transition: 0.3s;
    }

        .techbot-chat .techbot-chat-close:hover {
            background-color: #ff8989;
            box-shadow: none;
            border-radius: 50%;
        }

/************************* techbot end *************************/


/*lead-gen page start*/

.lead-gen-top-wrapper {
    width: 100%;
    background: url(../images/desktop-thankyou-bg.svg) no-repeat;
    background-attachment: unset;
    background-position: top right;
}

.lead-gen-container {
    display: flex;
    max-width: 1366px;
    padding: 120px 30px 0 30px;
    justify-content: space-between;
}

.lead-gen-form-main {
    margin-right: 30px;
    max-width: 790px;
    flex: 1;
}

    .lead-gen-form-main .tabs-main {
        margin: 60px 0 15px 0;
    }

    .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a.active {
        pointer-events: none;
        max-width: 395px;
        display: flex;
        align-items: center;
        padding: 20px 80px 20px 20px;
    }

    .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a h3 {
        margin: 0;
        text-align: center;
        line-height: 1.5;
    }

.lead-gen-container .chatbot-slide-list-main.left ul {
    transform: translateZ(30px) translateX(10px) translateY(16px) scale(0.90615);
}

.lead-gen-container .chatbot-slide-list-main.right ul {
    transform: translateZ(30px) scale(0.94) translateX(-10px) translateY(-7px);
}

.lead-gen-container .chatbot-slide-list-main ul li {
    pointer-events: none;
}

.lead-gen-container + .contact-us-container {
    padding-top: 0;
}


/*lead-gen page end*/


/*lead-gen-ux-nps page start*/

.lead-gen-container .chatbot-slide-caption-trigger {
    max-width: 500px;
}

.cctxt {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
}


/*----------------------------------------*/

.user-say-main .slick-slider {
    padding: 0;
}

.user-say-main .slick-slide:not(.slick-center) {
    z-index: 0;
    transform: scale(0.75);
    left: 70px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
}

.user-say-main .slick-active.slick-center + .slick-slide + .slick-slide {
    z-index: 1;
}

.user-say-main .slick-active.slick-center + .slick-slide,
.user-say-main .slick-center + .slick-cloned {
    z-index: 2;
    left: auto;
    right: 80px;
}

.user-say-main .slick-slide {
    position: relative;
    transition: transform 80ms;
    padding-top: 0px;
    opacity: 0.5;
}

.user-say-main .slick-center {
    z-index: 3;
    padding-top: 80px;
    opacity: 1;
}

.user-say-main .slide img {
    position: relative;
    left: 0%;
}

.user-say-main .arrows {
    width: 28px;
    height: 28px;
    background: rgba(241, 241, 241, 0.39);
    box-shadow: 0 2px 12px 0 rgba(100, 100, 100, 0.5);
    border-radius: 5px;
    z-index: 1;
}

    .user-say-main .arrows::before {
        content: none;
    }

    .user-say-main .arrows img {
        width: 10px;
        height: 18px;
        margin: calc(50% - 9px) auto 0 auto;
    }

.user-say-main .slick-prev {
    left: 5px !important;
}

.user-say-main .slick-next {
    right: 5px !important;
}

.user-say-main .testimonial-slide-quote-1 {
    left: 0;
    top: 0;
    position: absolute;
}

.user-say-main .testimonial-slide-quote-2 {
    right: 0;
    bottom: 0;
    position: absolute;
}

.user-say-main .testimonial-slide-quote-1 img,
.testimonial-slide-quote-2 img {
    width: 100%;
}

.user-say-main .testimonial-img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: solid 1.4px #aebdda;
    background-color: #e5e5e5;
    padding: 7px;
    display: table;
    margin: -95px auto 15px auto;
}

.user-say-main .testimonial-slide a img {
    display: block;
    margin: 10px auto 0 auto;
    left: 0;
    transform: inherit;
}

.slick-slide:not(.slick-center) .testimonial-slide {
    /*box-shadow: 0 0px 12px -6px rgba(100, 100, 100, 0.55);*/
}

.user-say-main .slick-dots {
    bottom: 0px !important;
}

    .user-say-main .slick-dots li {
        width: 10px !important;
        height: 10px !important;
        margin: 0 12.5px !important;
        background: #d8d8d8;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

        .user-say-main .slick-dots li button {
            padding: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }

            .user-say-main .slick-dots li button:before {
                content: none !important;
                width: auto !important;
                height: auto !important;
            }

        .user-say-main .slick-dots li.slick-active {
            background: #ff4c00;
        }


/*lead-gen-ux-nps page end*/

.video-banking-services-ux-for-client-main .services-ux-for-client-img {
    margin-top: 0px;
    width: 480px;
}

.video-banking-services-ux-for-client-main .services-ux-for-client-wrapper {
    justify-content: flex-start;
    margin-top: -220px;
}

.sitemap-top-wrapper {
    width: 100%;
    background: url(../images/desktop-our-work-bg.svg) no-repeat;
    background-position: top right;
    padding-top: 115px;
}

.sitemap-main-container {
    padding: 0 30px 60px 30px;
    max-width: 1210px;
    margin: 0 auto;
}

    .sitemap-main-container h2 {
        font-size: 28px;
        font-family: 'openSans-semi-bold';
        margin-bottom: 30px;
    }

.sitemap-cat-row {
    width: 100%;
    padding: 15px;
    border: 1px solid #efefef;
    border-radius: 8px;
    background: #FFFFFF;
    margin: 40px 0;
}

    .sitemap-cat-row:last-child {
        margin-bottom: 0;
    }

    .sitemap-cat-row h3 {
        display: table;
        padding: 10px 20px;
        border: 1px solid #efefef;
        border-radius: 8px;
        background: #FFFFFF;
        font-size: 16px;
        font-family: 'openSans-semi-bold';
        color: #303030;
        margin-top: -36px;
        margin-bottom: 25px;
    }

    .sitemap-cat-row .sitemap-cat-row h3 {
        margin-bottom: 0;
    }

.sitemap-subcat-row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sitemap-cat-row .sitemap-cat-box {
    margin: 25px 25px 0 25px;
}

.sitemap-cat-box:last-child {
    margin-bottom: 0;
}

.sitemap-cat-box h4 {
    font-family: 'openSans-semi-bold';
    color: #303030;
    margin-bottom: 10px;
}

    .sitemap-cat-box h4 a {
        color: #303030;
    }

.sitemap-cat-box ul li {
    font-family: 'openSans-light';
    color: #676767;
    margin: 0 0 5px 0;
}

    .sitemap-cat-box ul li a {
        color: #676767;
    }

        .sitemap-cat-box h4 a:hover,
        .sitemap-cat-box ul li a:hover {
            color: #ff6900;
        }


/*=================global-cong case study styling strat============*/

/*.our-work-left .work-details-main {
    max-width: 415px;
}*/

.work-details-certificate p.font-light {
    font-family: 'openSans-light';
    line-height: 24px;
}

/*.our-work-left .work-details-second {
    margin-top: 120px;
}*/

/*.work-details-second .author-desc {
    max-width: 360px;
}*/

.banner-top-wrapper {
    background: url(../images/global-cong-banner.svg) no-repeat;
    background-position: top right;
}

.details-container .our-work-right div:first-of-type {
    position: relative;
    left: -30px;
    top: 180px;
    /*padding-top: 50px;*/
    width: 100%;
}

.global-cong-app-text {
    top: 19%;
}

    .global-cong-app-text .app-info-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .global-cong-app-text .app-info-text-bold .h3 {
        font-size: 28px;
        line-height: 38px;
        max-width: 73%;
    }

/*.global-cong-analysis-slider .analysis-slider .slick-dots {
    bottom: -20px;
}*/

.global-cong-main-wrapper .analysis-list-content li {
    list-style: decimal;
}

.section-heading {
    margin-top: 40px;
}

.global-cong-wd-main#section3 {
    padding-top: 25px;
}

.global-cong-wd-main .wd-dtls-heading {
    padding-top: 0;
}

.global-cong-wd-main .ad-sub-heading {
    font-size: 20px;
}

.global-cong-snippets-main {
    padding: 60px 0px 60px 15px;
    background-position: 100% 45px;
}

.global-cong-snippets-slider .snippets-slider {
    min-height: 0;
    margin: 0 20px;
}


/*.global-cong-snippets-slider .slick-arrow {
    bottom: -65px;
      top: auto;
}

.global-cong-snippets-slider .slick-prev {
    right: 200px;
    left: auto;

}

.global-cong-snippets-slider .slick-next {
    right: 130px;
}*/

.global-cong-our-work-container .card-box:last-of-type {
    padding-left: 45px;
}


/*=================global-cong case study styling end============*/


/*================= sanketp about-team styling start =============*/

.page-container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 100px 0px 0px 0px;
}

.text-center .about-title {
    display: block;
    font-size: 20px;
    line-height: 28px;
    font-family: 'openSans-regular';
    color: rgba(48, 48, 48, 0.85);
}

    .text-center .about-title a {
        text-decoration: none;
        color: rgba(48, 48, 48, 0.85);
    }

        .text-center .about-title a:hover {
            text-decoration: none;
            color: #ff6900;
        }

.text-center h2 {
    font-size: 40px;
    line-height: 54px;
    color: rgba(48, 48, 48, 0.85);
    font-family: 'openSans-bold';
}

    .text-center h2.why-cust {
        font-family: 'openSans-regular';
        font-size: 24px;
        line-height: 28px;
        color: #303030;
        margin-bottom: 15px;
    }

    .text-center h2.whycust-iot {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        color: #303030;
        margin-bottom: 15px;
    }

.services-common-heading.cust-h2 {
    font-family: 'openSans-light';
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    margin-bottom: 15px;
}

.about-us-team-section .about-leaders {
    margin: 40px 0 0 0;
    justify-content: space-between;
    padding-bottom: 20px;
}

.about-leaders .about-leader-details {
    width: 273px;
    max-height: 500px;
    margin: 0 auto;
    height: 455px;
    text-align: center;
    background: #fff;
    transition: all 0.5s ease-in-out;
    padding: 10px 10px 15px;
    border-radius: 4px;
}


    /*.about-leaders .about-leader-details:not(:last-of-type) {
    margin-right: 36px;
}*/

    .about-leaders .about-leader-details figure {
        width: 100%;
        margin: 0 auto;
        transition: all 0.5s;
    }

        .about-leaders .about-leader-details figure img {
            border-radius: 50%;
            margin: 0 auto;
            filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
            transition: all 0.5s;
        }

.about-leader-details .about-leader-content {
    text-align: center;
    transition: all 0.5s ease-in-out;
    margin-top: 16px;
}

.about-leader-content > h3,
.team-info > h3 {
    color: #303030;
    font-size: 20px;
    line-height: 28px;
    text-transform: uppercase;
    font-family: openSans-bold;
}

.about-leader-content .leader-social-address {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    display: none;
}

    .about-leader-content .leader-social-address li {
        margin: 0 10px;
    }

.about-leaders .about-leader-details:hover {
    padding-top: 0;
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    overflow: hidden;
}

    .about-leaders .about-leader-details:hover figure img {
        filter: none;
        transform: scale(0.75);
        /*width: 70%;
  margin: 0 auto;*/
    }

    .about-leaders .about-leader-details:hover .about-leader-content > p {
        display: block;
    }

    .about-leaders .about-leader-details:hover .about-leader-content {
        margin-top: 0px;
    }

        .about-leaders .about-leader-details:hover .about-leader-content .leader-social-address {
            display: flex;
        }

.text-center p {
    font-family: 'openSans-regular';
    font-size: 28px;
    line-height: 38px;
    padding: 0 2%;
    color: #303030;
}

.section-title .banking-cust-p {
    padding: 0px;
    line-height: 30px;
}

.text-center p:nth-of-type(2) {
    padding: 0 13%;
}

.core-team-wrapper {
    padding: 0px 0 30px;
}

.core-team-main {
    width: 100%;
    position: relative;
    margin-top: 80px;
}

.core-team-detail {
    width: 100%;
    height: 338px;
    text-align: center;
    margin-top: 20px;
    padding: 10px 16px;
    position: relative;
    transition: 0.5s ease-in-out;
}

    .core-team-detail::after {
        content: '';
        width: 100%;
        height: 167px;
        background: rgba(224, 224, 244, 0.5);
        border-radius: 15px;
        transition: 0.5s;
        position: absolute;
        bottom: 75px;
        left: 0;
        z-index: -1;
        padding: 10px 15px;
    }

    .core-team-detail:hover::after {
        height: 338px;
        background: #FFFFFF;
        box-shadow: 0px 1px 10px rgba(48, 48, 48, 0.15);
    }


    /*.core-team-members-main > .row {
    max-height: 250px;
}*/


    /*.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(1),
.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(2),
.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(3),
.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(4) {
    margin-top: 50px;
}*/

    .core-team-detail .imgBx {
        width: 198px;
        height: 198px;
        border-radius: 100%;
        margin: 0 auto;
        overflow: hidden;
        transition: 0.5s ease-in-out;
    }

    .core-team-detail:hover .imgBx {
        width: 100px;
        height: 100px;
        margin: -65px auto 0;
    }

    .core-team-detail .imgBx img {
        max-width: 100%;
        width: 100%;
    }

.team-info {
    margin-top: 10px;
    overflow: hidden;
    padding: 0 10px;
}

    .team-info h3 {
        margin-bottom: 10px;
        text-transform: capitalize;
        text-align: center;
    }

.about-leader-content > h3 {
    margin-bottom: 0;
}

.team-info p {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    display: none;
    transition: all 0.5s ease-in-out;
}

.core-team-detail:hover .team-info p {
    display: block;
    transition: all 0.5s ease-in-out;
    animation: fadeIn .5s linear;
}

.about-leader-content > span,
.about-leader-content > p {
    color: #666666;
    display: block;
    font-size: 12px;
    line-height: 18px;
    font-family: 'openSans-regular';
}

.about-leader-content > p {
    /*height: 80px;*/
    margin-top: 10px;
    transition: all 0.5s ease-in-out;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(200px);
    }

    100% {
        opacity: 1;
        transform: translateY(0px);
    }
}

.core-team-detail .more-info {
    position: absolute;
    right: 21px;
    top: 75px;
    z-index: 1;
    transition: all 0.5s ease-in-out;
}

.core-team-detail:hover .more-info {
    transform: rotate(90deg);
    top: -53px;
    right: 30px;
    opacity: 0;
}

.lets-talk-section {
    margin-bottom: 65px;
}

.media-banner {
    background-image: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.6)), url(../images/media-banner.png);
    background-size: cover;
    background-position: center;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    width: 100%;
    text-align: center;
}

.media-wrapper {
    padding: 100px 0;
}

.media-banner h4 a {
    font-family: 'openSans-bold';
    font-size: 56px;
    line-height: 72px;
    text-decoration-line: underline;
    color: #FFFFFF;
}

.aboutus-wrapper .submenu-heading h3 {
    font-size: 22px;
}

.aboutus-wrapper .submenu-heading p {
    font-size: 14px;
    color: #979797;
}

.about-nav-wrapper .submenu-nav h4 {
    color: rgba(48, 48, 48, 0.85);
}

.aboutus-wrapper .about-nav-wrapper .about-nav-icon {
    margin-right: 20px;
}

.aboutus-wrapper .about-nav-wrapper div:last-of-type > p {
    font-style: normal;
    font-weight: 300;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    font-family: 'openSans-regular';
}

.about-nav-wrapper .submenu-nav a h4 {
    color: #303030;
}

.aboutus-wrapper .about-nav-wrapper div:last-of-type > h4::before {
    content: none;
}

.aboutus-wrapper .about-nav-wrapper .submenu-nav {
    max-width: 270px;
    margin-right: 50px;
}

.aboutus-wrapper .submenu-navs-contact-wrapper {
    margin-top: 60px;
}


/*=================sanketp about-team styling end 15/01/2021 =============*/


/*============================== Web Apps Styling Starts ==========================================*/

.mobile-app-sub-service-top-wrapper.mob-app-banner {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url(../images/web-apps/web-app-banner-bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

.web-apps-faq-list {
    list-style: disc;
    padding-left: 20px;
}

.mobile-app-sub-service-top-wrapper .service-banner-left-main.mob-app-banner > p {
    max-width: 470px;
}

.industry-whats-happening-main.web-apps {
    background: none;
}

    .industry-whats-happening-main.web-apps .industry-part-right-section {
        flex: 1;
    }

    .industry-whats-happening-main.web-apps .industry-part-left-section > p {
        max-width: 420px;
        color: #676767;
    }

    .industry-whats-happening-main.web-apps .industry-part-left-section .check-insights-main {
        width: 100%;
    }

    .industry-whats-happening-main.web-apps .invdi-stats-section .content-1 {
        margin-bottom: 15px;
        font-size: 50px;
    }

    .industry-whats-happening-main.web-apps .industry-part-right-section h3 {
        font-family: 'openSans-regular';
        font-size: 22px;
        color: #303030;
        font-weight: 400;
    }

.transform-business.web-apps .section-header h3 {
    max-width: 450px;
    margin: 0 auto;
    color: #303030;
}

.transform-business .business-card-floating-img.web-apps {
    height: 90%;
}

    .transform-business .business-card-floating-img.web-apps > img {
        height: 100%;
        object-fit: contain;
    }

.industry-stats-say-section.web-apps .invdi-stats-section .content-2 {
    font-family: 'openSans-regular';
}

.services-why-important-main.web-apps {
    background: none;
}

    .services-why-important-main.web-apps .wd-app-text {
        top: 50%;
        /*left: 50%;*/
        left: 38%;
    }

.services-why-important-main.web-apps {
    padding: 60px 15px;
}

    .services-why-important-main.web-apps .app-info-text-bold {
        flex: 1;
    }

    .services-why-important-main.web-apps .services-why-important-left-main {
        margin-right: auto;
    }

    .services-why-important-main.web-apps .services-why-important-right-main {
        max-width: 70%;
    }

    .services-why-important-main.web-apps .problem-state-right {
        width: calc(100% - 200px);
    }


/************************* pwa service page start *************************/

.pwa-banner-wrapper .service-banner-left-main {
    max-width: 475px;
}

.pwa-banner-wrapper .service-banner-right-main img {
    margin: auto;
}

.services-why-important-main.web-apps.pwa-apps .services-why-important-right-main {
    max-width: 610px;
}

.services-why-important-main.web-apps.pwa-apps .problem-state-right {
    margin-left: 0;
    width: 100%;
}

.sub-services-ux-for-client-main .pwa-services-ux-for-client-wrapper {
    margin-top: -235px;
}

.benifits-having-container {
    max-width: 1005px;
    margin: 30px auto;
}

    .benifits-having-container h2 {
        text-align: center;
        font-family: 'openSans-regular';
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        margin-bottom: 30px;
        color: #303030;
    }

.benifits-having-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .benifits-having-wrapper .benifits-having-box {
        width: 310px;
        margin: 0 12.5px 25px 12.5px;
        padding: 25px 30px 20px 30px;
        border: 1px solid #DFDFDF;
        border-radius: 8px;
    }

        .benifits-having-wrapper .benifits-having-box .benifits-having-box-head {
            display: flex;
            align-items: center;
            margin-bottom: 22px;
        }

            .benifits-having-wrapper .benifits-having-box .benifits-having-box-head h4 {
                margin-left: 15px;
                font-family: 'openSans-semi-bold';
                font-size: 22px;
                font-weight: 600;
                line-height: 30px;
                color: #303030;
            }

        .benifits-having-wrapper .benifits-having-box p {
            font-family: openSans-regular;
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            color: #676767;
        }

.industry-whats-happening-main.web-apps .pwa-whats-happening-content .industry-part-left-section > p {
    max-width: 440px;
}

.pwa-enterprice-partner-wrapper .services-common-sub-heading {
    font-family: openSans-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 20px;
    color: #828282;
}


/*pwa service page end*/



/*===================================== Bhaasha page Styling starts ===========================================*/

.services-hyperlink.bhaasha-banner-nav {
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 105px;
    z-index: 10;
}

    .services-hyperlink.bhaasha-banner-nav .nav {
        background: transparent;
        box-shadow: none;
        align-items: center;
        margin-left: 0;
        justify-content: flex-start;
        padding-left: 55px;
        padding-top: 0;
    }

    .services-hyperlink.bhaasha-banner-nav.affix .nav {
        justify-content: center;
        padding: 15px 80px;
    }

    .services-hyperlink.bhaasha-banner-nav.affix {
        z-index: 11;
    }

    .services-hyperlink.bhaasha-banner-nav .nav .nav-link {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        color: #303030;
        padding: 0;
    }

        .services-hyperlink.bhaasha-banner-nav .nav .nav-link::before {
            content: none;
        }

.bhaasha-banner-nav.affix {
    background: #FFFFFF;
    box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.39);
    top: 70px;
    position: fixed;
}

.services-hyperlink.bhaasha-banner-nav.affix .nav .nav-link {
    font-size: 16px;
}

.bhaasha-banner-wrapper {
    min-height: 100vh;
    position: relative;
    padding-top: 221.4px;
    display: flex;
    justify-content: space-between;
}

    .bhaasha-banner-wrapper .service-banner-right-main {
        top: -115px;
        padding-right: 80px;
        z-index: 10;
    }

    .bhaasha-banner-wrapper::after {
        content: '';
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        width: 100%;
        overflow: hidden;
        bottom: -50px;
        height: 292px;
        opacity: 0;
        background: url('../images/bhaasha/bhaasha-banner-bg.webp') no-repeat;
        background-position: center bottom;
        background-size: contain;
        z-index: -1;
        animation: 0.5s 1s bhaasha-banner-wrapper ease-in-out forwards;
    }

@keyframes bhaasha-banner-wrapper {
    0% {
        opacity: 0;
        bottom: -50px;
    }

    100% {
        opacity: 1;
        bottom: 52px;
    }
}

.bhaasha-banner-info {
    margin: 15px 0 25px;
    padding-left: 80px;
}

    .bhaasha-banner-info img {
        display: block;
        margin: 0 auto 20px 0;
    }

.bhaasha-banner-wrapper .logo-text {
    font-family: 'openSans-regular';
    font-weight: 400;
    font-size: 32px;
    line-height: 56px;
    /*text-align: center;*/
    color: #A3470F;
}

.bhaasha-banner-wrapper .banner-desc {
    font-family: 'openSans-regular';
    font-weight: normal;
    font-size: 24px;
    line-height: 32px;
    /*text-align: center;*/
    color: #303030;
    width: 740px;
    margin: 10px auto 0 0;
}

.bhaasha-banner-wrapper .scroll-down-main {
    width: auto;
    min-width: 40px;
    top: auto;
    bottom: 90px;
}

.bhaasha-banner-wrapper .scroll-down-trigger {
    margin: 5px auto;
    background: #FFF4D8;
    border-color: #909090;
}

.did-you-know-wrapper {
    padding: 55px 0 100px 0;
    background: url('../images/bhaasha/did-you-know-center.svg') no-repeat, url('../images/bhaasha/bubbles.svg') no-repeat, url('../images/bhaasha/bubbles2.svg') no-repeat, url('../images/bhaasha/mumbai-skyline.svg') no-repeat;
    background-color: #FFF0C8;
    background-position: calc(100% - 290px) 70%, calc(100% - 103px) 75px, 258px calc(100% - 15px), calc(100% + 2px) calc(100% + 75px);
    position: relative;
}

    .did-you-know-wrapper .heading {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 32px;
        line-height: 32px;
        text-align: center;
        color: #303030;
    }

    .did-you-know-wrapper .did-you-know-main {
        display: flex;
        padding-right: 75px;
        justify-content: space-between;
        margin-top: -20px;
        align-items: flex-start;
    }

        .did-you-know-wrapper .did-you-know-main .did-you-know-left {
            position: relative;
        }

            .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
                position: absolute;
                top: 105px;
                left: 351px;
                width: 350px;
                background: rgb(232,230,226);
                background: linear-gradient(90deg, rgba(232,230,226,0.99) 0%, rgba(247,243,232,0.99) 55%, rgba(248,244,233,0.99) 99%);
                padding: 15px;
                border: 1px solid rgba(144, 144, 144, 1);
                border-radius: 15px;
            }

        .did-you-know-wrapper .did-you-know-main p {
            font-size: 20px;
            font-weight: 700;
            line-height: 24px;
            color: #303030;
        }

        .did-you-know-wrapper .did-you-know-main span {
            font-family: 'openSans-bold';
            font-weight: 700;
            font-size: 24px;
            line-height: 30px;
            color: #F37222;
        }

        .did-you-know-wrapper .did-you-know-main .did-you-know-right {
            position: relative;
            margin-top: 23px;
        }

        .did-you-know-wrapper .did-you-know-main .card-right {
            position: absolute;
            bottom: -10px;
            right: 100px;
            width: 445px;
            display: flex;
            align-items: center;
            background: rgb(248,244,235);
            background: linear-gradient(90deg, rgba(248,244,235,0.99) 0%, rgba(218,213,207,0.99) 39%, rgba(204,195,192,0.99) 72%, rgba(215,211,204,0.99) 99%);
            padding: 15px;
            border: 1px solid rgba(144, 144, 144, 1);
            border-radius: 15px;
        }

            .did-you-know-wrapper .did-you-know-main .card-right img {
                margin-right: 15px;
            }

.pattern-of-users-main {
    position: relative;
}

    .pattern-of-users-main .pattern-of-users-header {
        font-family: 'openSans-regular';
        font-size: 26px;
        font-weight: 600;
        line-height: 42px;
        color: #FFFFFF;
        text-align: center;
        position: absolute;
        z-index: 1;
        top: 27px;
        left: calc(50% + 25px);
    }

.pattern-of-users-slider {
    position: relative;
    padding: 0;
}

    .pattern-of-users-slider .slick-arrow {
        left: auto;
        right: 50px;
        width: 32px;
        height: 32px;
        margin: 0;
        z-index: 1;
        border-radius: 100%;
    }

        .pattern-of-users-slider .slick-arrow:focus {
            box-shadow: 0px 0px 0px 2px #f37222;
        }

        .pattern-of-users-slider .slick-arrow.prev {
            top: calc(50% + 30px);
        }

        .pattern-of-users-slider .slick-arrow.next {
            top: calc(50% - 65px);
            transform: rotate(180deg);
            transform-origin: center;
        }

.pattern-of-users-main .slide-counter {
    position: absolute;
    right: 50px;
    top: calc(50% - 9px);
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    color: #303030;
    width: 30px;
    z-index: 2;
}

.pattern-of-users-slide {
    display: flex !important;
    padding: 22px 115px 10px 140px;
    background: #FF9518;
    justify-content: center;
    align-items: center;
}

    .pattern-of-users-slide.purple {
        background: #AA5499;
    }

    .pattern-of-users-slide.skyblue {
        background: #48A4D5;
    }

.pattern-of-users-slide-img {
    width: 463px;
    background: url('../images/bhaasha/pattern-of-users-slide-bubble.svg') no-repeat, url('../images/bhaasha/pattern-of-users-slide-bubble-2.svg') no-repeat;
    background-position: right top, left bottom;
}

    .pattern-of-users-slide-img img {
        display: block;
        margin: 0 auto 28px auto;
    }

.pattern-of-users-slide-info {
    width: 648px;
    max-width: 100%;
    padding-bottom: 28px;
    position: relative;
}

    .pattern-of-users-slide-info p {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 700;
        line-height: 28px;
        text-align: center;
        color: #5d094d;
        margin-bottom: 10px;
        position: relative;
        text-transform: uppercase;
    }

.pattern-of-users-slide.orange .pattern-of-users-slide-info p {
    color: #A04709;
}

.pattern-of-users-slide.purple .pattern-of-users-slide-info p {
    color: #5d094d;
}

.pattern-of-users-slide.skyblue .pattern-of-users-slide-info p {
    color: #6B1527;
}

.pattern-of-users-slide-info h3 {
    font-family: 'openSans-bold';
    font-size: 40px;
    font-weight: 700;
    line-height: 49px;
    text-align: center;
    text-transform: uppercase;
    color: #FFFFFF;
}

.pattern-of-users-slide.orange .pattern-of-users-slide-info h3 {
    max-width: 500px;
    margin: auto;
}

.pattern-of-users-slide-info::after {
    content: '';
    position: absolute;
    width: 108px;
    height: 10px;
    background: #FFFFFF;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

.bhaasha-get-in-touch-main {
    padding: 40px 10px 60px 10px;
    text-align: center;
    background: #F5F5F5 url('../images/bhaasha/get-in-touch-bg-desktop.jpg') no-repeat;
    background-position: center;
}

    .bhaasha-get-in-touch-main h2 {
        font-family: 'openSans-regular';
        font-size: 38px;
        font-weight: 600;
        line-height: 42px;
        color: #606060;
        margin-bottom: 20px;
    }

    .bhaasha-get-in-touch-main .common-btn {
        min-width: 180px;
    }

.digital-assets-main {
    padding: 35px 35px 0 35px;
}

    .digital-assets-main h3 {
        font-family: 'openSans-regular';
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        text-align: center;
        color: #303030;
        margin-bottom: 30px;
    }

.digital-assets-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 50px auto;
    max-width: 1300px;
}

    .digital-assets-wrapper .digital-assets-lang-box {
        width: calc(100%/3);
        height: 221px;
        padding: 15px 25px;
        position: relative;
        color: #8F6413;
        background: #EED23C url('../images/bhaasha/hindi-bg.png') no-repeat;
        background-size: 100%;
        background-position: center bottom;
        background-blend-mode: darken;
    }

.digital-assets-lang-box h4 {
    font-family: 'openSans-light';
    font-size: 52px;
    font-weight: 300;
    line-height: 63px;
}

    .digital-assets-lang-box h4 span {
        display: block;
        font-family: 'openSans-bold';
        margin-top: -10px;
    }

.digital-assets-lang-box .letter-img {
    position: absolute;
    bottom: 0;
    left: 5px;
}

.digital-assets-lang-box .person-img {
    position: absolute;
    bottom: 0;
    right: 53px;
}

.digital-assets-lang-box.telgu {
    background: #F59696 url('../images/bhaasha/telgu-bg.png') no-repeat;
    background-size: 100%;
    background-position: center bottom;
    color: #FFEBEB;
}

    .digital-assets-lang-box.telgu .letter-img {
        top: 5px;
        bottom: auto;
        left: auto;
        right: 3px;
    }

    .digital-assets-lang-box.telgu .person-img {
        right: 92px;
    }

.digital-assets-lang-box.kanada {
    background: #B7D7F4 url('../images/bhaasha/kanada-bg.png') no-repeat;
    background-size: 100%;
    background-position: top center;
    color: #FFFFFF;
}

    .digital-assets-lang-box.kanada .letter-img {
        bottom: 0px;
        left: auto;
        right: 0px;
    }

    .digital-assets-lang-box.kanada .person-img {
        right: 123px;
    }

.digital-assets-lang-box.bangala {
    background: #FFF09F url('../images/bhaasha/bangala-bg.png') no-repeat;
    background-size: 100%;
    background-position: left bottom;
    color: #D1963E;
    background-blend-mode: luminosity;
}

    .digital-assets-lang-box.bangala .letter-img {
        bottom: 0px;
        left: auto;
        right: 0px;
    }

    .digital-assets-lang-box.bangala .person-img {
        right: 77px;
    }

.digital-assets-lang-box.marathi {
    background: #57AEC9 url('../images/bhaasha/marathi-bg.png') no-repeat;
    background-size: 100%;
    background-position: right bottom;
    color: #E0F0FF;
    background-blend-mode: luminosity;
}

    .digital-assets-lang-box.marathi .letter-img {
        bottom: 0px;
        left: auto;
        right: 0px;
    }

    .digital-assets-lang-box.marathi .person-img {
        right: 107px;
    }

.digital-assets-lang-box.tamil {
    background: #FB72B4 url('../images/bhaasha/tamil-bg.png') no-repeat;
    background-size: 100%;
    background-position: right bottom;
    color: #FFEFF7;
    background-blend-mode: multiply;
}

    .digital-assets-lang-box.tamil .letter-img {
        bottom: 0px;
        left: auto;
        right: 0px;
    }

    .digital-assets-lang-box.tamil .person-img {
        right: 123px;
    }

.multingual-exp-wrapper {
    max-width: 1218px;
    margin: 55px auto 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.multingual-exp-box {
    margin-bottom: 55px;
    width: 245px;
}

    .multingual-exp-box:nth-child(4n+0) {
        margin-right: 0;
    }

    .multingual-exp-box:nth-child(n+9) {
        margin-bottom: 0;
    }

    .multingual-exp-box img {
        margin-bottom: 15px;
        width: 40px;
    }

    .multingual-exp-box p {
        font-family: 'openSans-regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        color: #303030;
    }

.multingual-exp-benefit-main {
    background: url('../images/bhaasha/multingual-exp-benefit-bg-1.svg') no-repeat, url('../images/bhaasha/multingual-exp-benefit-bg-2.svg') no-repeat;
    background-position: 0px 47px, calc(100% - 71px) 0;
    padding: 65px 0 45px 0;
}

    .multingual-exp-benefit-main h3 {
        font-family: 'openSans-regular';
        font-size: 32px;
        font-weight: 600;
        line-height: 42px;
        text-align: center;
        color: #303030;
        margin-bottom: 53px;
    }

.multingual-exp-benefit-wrapper {
    max-width: 1246px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}

.multingual-exp-benefit-box {
    position: relative;
}

.multingual-exp-benefit-box-info {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    min-height: 288px;
}

    .multingual-exp-benefit-box-info h4 {
        font-family: 'openSans-semi-bold';
        font-size: 56px;
        font-weight: 600;
        line-height: 68px;
        color: #FFFFFF;
    }

    .multingual-exp-benefit-box-info p {
        font-size: 26px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        color: #FFFFFF;
    }

        .multingual-exp-benefit-box-info p span {
            font-weight: 700;
        }

.bhaasha-lets-connect-main {
    width: 1000px;
    max-width: 100%;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: url('../images/bhaasha/bhaasha-lets-connect-bg.webp') no-repeat;
    background-position: center;
    padding: 45px 0 87px 0;
    min-height: 354px;
}

    .bhaasha-lets-connect-main h3 {
        font-size: 26px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        margin-bottom: 30px;
        color: #303030;
    }

.bhaasha-lets-connect-form-main {
    width: 700px;
    max-width: 100%;
}

    .bhaasha-lets-connect-form-main .contact-field-row {
        display: flex;
        flex: 1;
        justify-content:flex-start !important;
    }

        .bhaasha-lets-connect-form-main .contact-field-row .contact-field {
            flex: 1;
            margin-bottom: 12px;
            padding-top: 0;
        }

        .bhaasha-lets-connect-form-main .contact-field-row.small-fields .contact-field {
            margin-right: 8px;
            margin-left: 8px;
            width: 100%;
            max-width: inherit;
            margin-right: 0;
        }

            .bhaasha-lets-connect-form-main .contact-field-row.small-fields .contact-field:first-child {
                margin-left: 0;
            }

            .bhaasha-lets-connect-form-main .contact-field-row.small-fields .contact-field:last-child {
                margin-right: 0;
            }

        .bhaasha-lets-connect-form-main .contact-field-row .contact-field .error-msg-red {
            font-family: 'openSans-light';
            font-size: 14px;
            font-weight: 300;
            color: #e22a2a;
            padding-left: 20px;
            background: url(../images/error-icon.svg) no-repeat;
            background-size: 16px;
            position: relative;
            top: 0;
        }

    .bhaasha-lets-connect-form-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        box-shadow: none !important;
        padding: 7px 10px;
        border: 1px solid #CECECE;
        border-radius: 4px;
        background: #fff !important;
        margin-top: 4px !important;
    }

        .bhaasha-lets-connect-form-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            top: 0px;
            left: 4px;
        }

    .bhaasha-lets-connect-form-main .contact-field.focused input ~ label {
        transform: translate(2px, 0px) scale(1) !important;
        background: #fff;
        padding: 0 5px;
        border-radius: 50px;
    }

    .bhaasha-lets-connect-form-main .tvd-angular-field.contact-field.mob-number {
        position: relative;
    }

    .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
        position: absolute;
        top: 15px;
        left: 26%;
        color: #797979;
        z-index: 0;
        transition: all .3s ease 0s;
        pointer-events: none;
    }

    .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number.focused label {
        transform: translate(-5px, -18px) scale(1) !important;
        font-size: 12px;
        padding: 0 5px;
        background: #fff;
        border-radius: 50px;
    }

    .bhaasha-lets-connect-form-main .common-btn {
        margin-top: 38px;
        min-width: 160px;
    }

        .bhaasha-lets-connect-form-main .common-btn .spinner-border {
            width: 20px;
            height: 20px;
            margin-right: 7px;
            border-width: 3px;
        }

.bhaasha-lets-connect-main .thankyou-work {
    display: none;
}

.bhaasha-services-main {
    padding: 55px 0 0 0;
    background: linear-gradient(to bottom, rgba(255,240,200,1) 0%,rgba(255,255,255,0) 60%);
}

.bhaasha-services-head {
    max-width: 100%;
    margin: 0 auto 35px auto;
    text-align: center;
    padding: 0 15px;
}

    .bhaasha-services-head h3 {
        font-family: 'openSans-regular';
        font-size: 30px;
        font-weight: 400;
        line-height: 37px;
        margin-bottom: 20px;
        color: #303030;
    }

    .bhaasha-services-head h4 {
        font-family: 'openSans-regular';
        font-size: 26px;
        font-weight: 400;
        line-height: 32px;
        max-width: 695px;
        margin: 0 auto 30px auto;
        color: #303030;
    }

    .bhaasha-services-head .bhaasha-services-btns-main {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        align-items: flex-start;
    }

        .bhaasha-services-head .bhaasha-services-btns-main a {
            padding: 12px 20px;
            border: 1px solid #CECECE;
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            color: #909090;
            background: #FFFFFF;
            border-radius: 30px;
            margin: 0 25px 25px 25px;
            transition: 0.3s;
            cursor: default;
        }

            .bhaasha-services-head .bhaasha-services-btns-main a:hover {
                border-color: #f37222;
                color: #ffffff;
                color: #f37222;
                transition: 0.3s;
                cursor: default;
            }

.bhaasha-services-main .hp-clients-wrapper {
    background: transparent;
}

    .bhaasha-services-main .hp-clients-wrapper .hp-clients-head h3 span {
        display: block;
    }

#gujarati .bhaasha-banner-wrapper .logo-text, #marathi .bhaasha-banner-wrapper .logo-text, #hindi .bhaasha-banner-wrapper .logo-text, #malyalam .bhaasha-banner-wrapper .logo-text, #telugu .bhaasha-banner-wrapper .logo-text {
    font-style: italic;
}

/*.home-sidenav-main.fixed-top ~ .submenu-main#servicesTabDropdown {*/
/*transform-origin: 320px 55px;*/
/*transform-origin: 43% 55px !important;
}*/

/*===================================== Bhaasha page Styling Ends ===========================================*/


/*===================================== Case study form layout changed start ===========================================*/
.macdonald-leadgen-form .share-business-id,
.banner-form.add-on-css .quick-contact-form .share-business-id {
    bottom: -34px !important;
}

.macdonald-leadgen-form .banner-form.add-on-css .quick-contact-form .gint-cc-message .success {
    margin-left: 12px;
}


.banner-form .quick-contact-form.new-form .cc-message2 .error {
    margin-left: auto;
}

.arvr-cs-wrapper .arvr-cs-leadgen .banner-form.add-on-css .tvd-angular-field {
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.arvr-cs-wrapper .arvr-cs-leadgen .banner-form.add-on-css .new-form .gint-cc-message.cc-message2 {
    top: 35px;
    right: -58px;
}

.arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form.add-on-css .middle::before,
.arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form.add-on-css .middle::after {
    top: 37%;
}

.arvr-cs-wrapper .arvr-cs-leadgen .thankyou-work.add-on-class {
    margin: 0px auto 0px 0px;
    max-width: 85%;
}

.add-on-class img {
    margin: auto;
    width: 70px;
}

.arvr-cs-wrapper .arvr-cs-leadgen .add-on-css .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
    top: 72px;
}

}
/*===================================== Case study form layout changed end ===========================================*/
/****************************************************** media query start ******************************************************/
@media (min-width:1601px) and (max-width:1920px) {
    /*  .digital-service-top-wrapper {
        background-position: center bottom;
    }*/
}

@media (min-width:1560px) and (max-width:1920px) {
    .play-circle {
        top: 12%;
        right: 13%;
    }
}

@media (min-width:1441px) and (max-width:1920px) {

    /*.home-sidenav-main.fixed-top ~ .submenu-main#servicesTabDropdown {*/
    /*transform-origin: 320px 55px;*/
    /*transform-origin: 50% 55px !important;
    }*/

    /*===================================== Case study form layout changed start ===========================================*/


    .innovative-solutions-slider .slick-slide {
        padding-left: 75px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .banner-form.add-on-css {
        max-width: 870px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form.add-on-css {
        min-width: 980px;
    }

    /*===================================== Case study form layout changed end ===========================================*/


    .blog-details-presence-wrapper {
        background-size: 60% 100%;
    }

    .client-say .client-say-cards {
        width: 86%;
        margin: 0 auto;
    }

        .client-say .client-say-cards.multi-national-FMCG {
            background-image: none;
            width: 86%;
            margin: 0 auto;
        }

    .client-say .store-center {
        width: 68%;
    }

    .innovative-app .app-imgblk {
        width: 310px;
    }

    .innovative-solutions-slider .problem-state-right {
        /*width: calc(100% - 500px);*/
    }

    .innovative-app p {
        margin: 0 20% -35px;
    }

    .mobile-dev-innovative-solutions-slider .innovative-app .app-imgblk {
        width: 260px;
    }

    .mobile-dev-innovative-solutions-slider .slick-arrow {
        bottom: -40px;
        z-index: 1;
    }
    /*accessibility service starts*/
    .as-right-top {
        position: relative;
        left: 80%;
        top: 80px;
    }

    .as-right-bottom {
        position: relative;
        top: 190px;
        left: 150px;
    }

    .as-comprehensive-left {
        padding-top: 130px;
    }

    .as-comprehensive-main {
        background-size: 38%;
    }

    .as-w3c-info-main {
        max-width: 1366px;
    }

    .as-comprehensive-left {
        margin-right: 300px;
        padding-top: 70px;
    }
    /*accessibility service ends*/
}

@media (min-width:1200px) and (max-width:1400px) {
    .slider-main .slick-dots {
        left: 50px;
        bottom: 65px;
    }
    /*.our-leader-right-main {
        max-width: 1028px;
    }*/
    /*.our-team-main-wrapper .our-core-team:nth-child(4n+0) {
        padding-right: 0;
        width: calc(262px - 13px);
        border-right: none;
    }*/
    /*.our-team-main-wrapper .our-core-team:nth-child(5) {
        padding: 20px 13px;
        max-width: 262px;
        border-right: 2px solid #FEE806;
        padding-left: 0;
    }*/
    /*.our-team-main-wrapper .our-core-team:nth-child(6) {
        padding-left: 13px;
        width: 262px;
    }*/
    /*.our-team-main-wrapper .our-core-team:nth-last-child(-n+5) {
        padding-bottom: 20px;
    }*/
    /*.our-team-main-wrapper .our-core-team:last-child {
        border-left: none;
        border-right: none;
        padding-bottom: 0;
        border-bottom: none;
    }*/
    /*.our-team-main-wrapper .our-core-team:nth-child(9) {
        margin-left: -13px;
    }*/
    .our-leader-section-main {
        /*padding:40px 10px 0 10px;*/
    }
}


@media screen and (max-width:1540px) and (min-width:1200px) {
    .client-say .column1 {
        margin-right: 12px;
    }

    .slider-img {
        right: 15px;
        width: 605px;
    }

    .slide-caption-main {
        padding-top: 145px;
    }

        .slide-caption-main .slide-caption-info {
            max-width: 410px;
            margin-top: 90px;
        }

            .slide-caption-main .slide-caption-info h3 {
                font-size: 32px;
            }

            .slide-caption-main .slide-caption-info p {
                font-size: 16px;
            }
    /*slider 2 start*/
    .slide2 .slide-caption-main {
        padding-right: 0;
    }

    .slide2 .slide-caption-img {
        margin-right: -18%;
    }
    /*slider 2 end*/
    /*chatbot-slide start*/
    .chatbot-slide.hero-slide {
        background-size: 100%;
        background-position: center top;
    }

    .chatbot-slide .slide-caption-main {
        padding-top: 105px;
    }

    .chatbot-slide .slide-caption-info {
        margin-top: 40px;
        max-width: 360px;
        margin-right: 0;
        margin-left: 50px;
    }
    /*chatbot-slide end*/
    /*index page slider 3 starts*/
    .third-slide .slide-caption-main .slide-caption-info {
        max-width: 500px;
    }

    .third-slide .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 24px;
    }
    /*index page slider 3 ends*/
    /******* fixed-top menu start *******/
    .home-sidenav-main.fixed-top {
        padding: 20px 32px 15px 32px;
        box-shadow: 0px 4px 16px 0px #00000026;
    }

        .home-sidenav-main.fixed-top .navbar-brand {
            max-width: 200px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

        .home-sidenav-main.fixed-top .navbar-collapse ul,
        .home-sidenav-main.affix .navbar-collapse ul {
            margin: 0 10px 0 auto;
            -webkit-transition: 0.5s;
            -moz-transition: 0.5s;
            -o-transition: 0.5s;
            transition: 0.5s;
            font-size: 0;
        }

            .home-sidenav-main.fixed-top .navbar-collapse ul li,
            .home-sidenav-main.affix .navbar-collapse ul li {
                margin: 0 16px;
            }



        .home-sidenav-main.fixed-top ~ .servicetab-menu#servicesTabDropdown {
            transform-origin: 44% 55px !important;
        }


        .home-sidenav-main.fixed-top ~ .submenu-main#productTabDropdown {
            transform-origin: 510px 55px;
        }

        .home-sidenav-main.fixed-top ~ .submenu-main#ourworksTabDropdown {
            transform-origin: 450px 55px;
        }

        .home-sidenav-main.fixed-top ~ .submenu-main#moreoptionsTabDropdown {
            transform-origin: 87% 55px !important;
            /*transform-origin: 870px 55px;*/
        }

        .home-sidenav-main.fixed-top ~ .submenu-main#aboutUsTabDropdown {
            /*transform-origin: 520px 55px;*/
            transform-origin: 70% 55px !important;
        }

    /******* fixed-top menu end *******/
    /******* affix menu start *******/
    .home-sidenav-main.affix {
        padding: 15px 13px 15px 13px;
    }

        .home-sidenav-main.affix ~ .submenu-main {
            padding-top: 100px;
        }

            .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container .submenu-navs-wrapper .mCSB_container,
            .home-sidenav-main.affix ~ .submenu-main .submenu-container .submenu-navs-wrapper .mCSB_container {
                padding-left: 15px;
            }

            .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper {
                max-height: calc(100vh - 245px);
            }

            .home-sidenav-main.affix ~ .submenu-main#servicesTabDropdown {
                transform-origin: 300px 55px;
            }

            .home-sidenav-main.affix ~ .submenu-main#moreoptionsTabDropdown {
                /*transform-origin: 790px 55px;*/
                transform-origin: 87% 55px !important;
            }

            .home-sidenav-main.affix ~ .submenu-main#aboutUsTabDropdown {
                transform-origin: 465px 55px;
            }
    /******* affix menu end *******/
    /******* common submenu start *******/
    .submenu-contact-wrapper {
        max-width: 345px;
        margin-top: 170px;
    }

    .submenu-getin-touch {
        margin-top: 15px;
    }

        .submenu-getin-touch .get-in-touch-btn {
            margin-top: 25px;
        }

        .submenu-getin-touch .title {
            font-size: 18px;
        }

    .submenu-contact-wrapper img {
        max-width: 75%;
    }
    /******* common submenu end *******/

    /******* services submenu start *******/

    /******* services submenu end *******/

    /******* about-us submenu start *******/
    .aboutus-wrapper .about-nav-wrapper {
        height: calc(100vh - 55vh);
        padding-left: 18px;
    }

        .aboutus-wrapper .about-nav-wrapper .about-nav-icon {
            margin-right: 20px;
        }

        .aboutus-wrapper .about-nav-wrapper div:last-of-type > p {
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 14px;
            color: #666666;
            font-family: 'openSans-regular';
        }

        .aboutus-wrapper .about-nav-wrapper div:last-of-type > h4::before {
            content: none;
        }

        .aboutus-wrapper .about-nav-wrapper .submenu-nav {
            max-width: 285px;
            margin-right: 20px;
        }

        .aboutus-wrapper .about-nav-wrapper.submenu-navs-wrapper .submenu-nav a:hover {
            background-color: #FFFFFF;
        }

    .aboutus-wrapper .submenu-navs-contact-wrapper {
        margin-top: 60px;
    }
    /******* about-us submenu end *******/
    /******* moreoption submenu start *******/
    .moreoption-submenu-wrapper .submenu-social-wrapper ul li {
        display: inline-block;
        margin: 5px;
    }
    /******* moreoption submenu start *******/
    .quick-contact-section {
        -webkit-clip-path: ellipse(60% 52% at 50% 48%);
        clip-path: ellipse(60% 52% at 50% 48%);
    }
    /***** our work start *****/
    .card-container {
        padding: 0 115px;
    }

    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        width: 72%;
    }
    /***** our work end *****/
    /***** about us start *****/
    .see-who-we-are-head {
        display: table;
        margin: 0 auto;
        text-align: center;
    }
    /*.see-who-we-are-wrapper {
        background: url(../images/who-we-are-bg.svg) no-repeat;
        background-position: left 30px;
        padding: 40px 0 100px;
    }*/
    /***** about us end *****/
    /***********  thank you start*****************/
    .thankyou-wrap {
        background: #FFFFFF !important;
        position: relative;
        padding-bottom: 50px;
    }

        .thankyou-wrap .hp-insights-section-container {
            margin: 50px auto 0 auto;
            position: relative;
        }

    .thankyou-top-wrapper {
        padding: 0px 0 200px 0;
        display: flex;
        background: url(../images/feedback-thank-you/bg.svg) no-repeat;
        background-position: top right;
        background-size: 35%;
    }

        .thankyou-top-wrapper video {
            width: 350px;
        }

        .thankyou-top-wrapper .slider-top-content {
            width: 100%;
            max-width: 760px;
            margin-left: 80px;
            margin-top: 60px;
        }

        .thankyou-top-wrapper .thank-para h3 {
            font-size: 32px;
            font-family: 'openSans-semi-bold';
            color: #333333;
            line-height: 43px;
            margin-bottom: 16px;
        }

        .thankyou-top-wrapper .thank-para p {
            font-family: 'openSans-regular';
            font-size: 24px !important;
            color: #333333;
            line-height: 32px;
        }

    .thanks-mean {
        color: #333333;
        font-size: 16px;
        font-family: 'openSans-light';
        line-height: 21px;
        margin: 70px 0 0 0;
        display: block;
    }

    .card-container.our-work-component.thankyou-our-work-component {
        padding: 90px 115px;
    }
    /***********  end thank you *****************/
    #dp-slider,
    .dp-img img {
        width: 270px;
    }
    /*********** F@ *************/
    .career-why-join-us .see-who-we-are-wrapper {
        padding: 65px 0 200px 0;
    }

    .career-why-join-us .left-side {
        width: 30%;
        position: relative;
        top: 30px;
    }

    .career-why-join-us .dp-wrap {
        align-items: flex-start;
    }

    .career-why-join-us #dp-dots li.active div {
        height: 210px !important;
        transition: 0.3s;
    }
    /*********** career page end *************/
    /*Services ux ui design page start*/
    .service-top-wrapper {
        background-position: center top;
    }

    .service-container {
        max-width: 1224px;
        margin: auto;
        padding: 117px 0px 130px 0px;
        display: flex;
        min-height: 640px;
        /*min-height: 710px;*/
    }

    .services-hyperlink {
        margin: -38px auto 0 auto;
    }

    .data-visualization-hyperlink {
        margin: -150px auto 0 auto;
    }
    /*Services ux ui design page end*/
    /*industries page css start*/
    .industries-top-wrapper {
        background-position: center bottom;
    }

    .industries-container {
        max-width: 1202px;
        margin: auto;
        padding: 117px 30px 130px 150px;
        display: flex;
        min-height: 640px;
    }
    /*industries page css end*/
    /*digital transformation page css start*/
    .digital-service-container {
        max-width: 1202px;
        position: relative;
    }
    /*digital transformation page css end*/
    /*digital transformation digital approach start*/
    /*.dt-digital-approach-box:last-child {
            margin-right: 42px;
        }*/
    /*digital transformation digital approach end*/
    .techbot-frame.show {
        pointer-events: all;
        width: 472px;
        height: 537px;
    }

    .sib-top-wrapper .our-work-right div:first-child {
        position: relative;
        left: 0;
        top: 50px;
        z-index: 2;
    }

        .sib-top-wrapper .our-work-right div:first-child + div {
            left: -80px;
            position: relative;
            z-index: 0;
        }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .third-slide .slide-caption-info {
        margin-bottom: 50px;
    }

    .third-slide .chatbot-slide .slide-caption-img img {
        width: 70% !important;
    }

    .industry-part-left-section.cust-left-section {
        max-width: 534px;
        margin-right: auto;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
}

/***prachi 1st Feb 2020 services new menu media query start***/
@media screen and (max-width: 1300px) {
    .sub-menu-list > li > .mega-menu-sec {
        width: 520px;
        left: 230px;
    }

    .sub-menu-list {
        width: 230px;
    }

        .sub-menu-list li.sub-menu-item.active:nth-child(2) .menu-link:after {
            height: 77px;
        }
}

@media screen and (max-width: 992px) {
    .services-submenu-wrapper .services-menu-desktop {
        display: none;
    }

    .services-submenu-wrapper .services-menu-mobile {
        display: block;
        padding: 30px 20px 0px 20px;
    }
}
/***prachi 1st Feb 2020 services new menu media query end***/

@media screen and (max-width:1199px) and (min-width:980px) {
    .problem-state-left {
        left: 50px;
    }

    .slider-img {
        right: 15px;
        width: 430px;
    }

    .slide-caption-main {
        max-width: calc(100% - 310px);
        padding-right: 40px;
    }

        .slide-caption-main .slide-caption-info {
            max-width: 350px;
            margin-top: 70px;
        }

            .slide-caption-main .slide-caption-info h3 {
                font-size: 23px;
            }

            .slide-caption-main .slide-caption-info p {
                font-size: 16px;
            }

    .slider-main .slick-dots {
        top: calc(50% + 50px);
        left: 305px;
        width: auto;
    }
    /*slider2 start*/
    .slide2 .slide-caption-img {
        margin-right: -26%;
    }

    .slide2 .slide-caption-main .slide-caption-info {
        margin-top: 50px;
    }
    /*slider2 end*/
    .chatbot-slide-list-main.left {
        border-radius: 25px;
        background: #dedefb;
        padding: 12px 0 12px 0;
        width: 127px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-205px, 0);
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main {
        max-width: calc(100% - 310px);
        padding-right: 20px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-info {
        margin-right: 40px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h4 {
        font-size: 18px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 23px;
        line-height: inherit;
        margin: 0;
    }

    .new-chatbot-slide .slide-caption-main .book-demo-main {
        margin-left: 0;
    }
    /**************************** sidemenu start ****************************/
    .home-sidenav-main .call-btn span {
        display: none;
    }
    /******* fixed-top menu start *******/
    .home-sidenav-main.fixed-top {
        padding: 15px 10px 15px 10px !important;
    }

        .home-sidenav-main.fixed-top .navbar-brand {
            max-width: 140px;
        }

    .home-sidenav-main .navbar-collapse {
        flex: 1;
    }

    .home-sidenav-main.fixed-top .navbar-collapse ul {
        font-size: 0;
        margin: 0 auto 0 5px;
    }

        .home-sidenav-main.fixed-top .navbar-collapse ul li {
            margin: 0 5px;
        }

            .home-sidenav-main.fixed-top .navbar-collapse ul li.intro i {
                width: 20px;
            }

    .home-sidenav-main.fixed-top span.focused::before {
        content: none;
    }

    .home-sidenav-main.fixed-top .top-call-email-main {
        display: flex;
        justify-content: space-around;
        margin: 0;
        flex: 1;
    }

        .home-sidenav-main.fixed-top .top-call-email-main .mailto {
            margin: 0;
            padding: 10px 10px;
            font-size: 13px;
        }

        .home-sidenav-main.fixed-top .top-call-email-main .call-btn {
            margin: 0;
            padding: 10px 10px;
            font-size: 13px;
        }

    .top-call-email-main .top-contact {
        display: none;
    }

    .nav-carousel {
        display: none;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container,
    .home-sidenav-main.affix ~ .submenu-main .submenu-container {
        width: 100%;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: 310px;
        margin: 0 20px 10px 0;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main .submenu-close-btn,
    .home-sidenav-main.affix ~ .submenu-main .submenu-close-btn {
        top: 100px;
        right: 50px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main#servicesTabDropdown {
        transform-origin: 230px 55px;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main#moreoptionsTabDropdown {
        transform-origin: 690px 55px;
    }
    /******* fixed-top menu end *******/
    /******* affix menu start *******/
    .home-sidenav-main.affix {
        padding: 15px 10px;
        flex-wrap: nowrap;
    }

        .home-sidenav-main.affix .navbar-brand {
            max-width: 140px;
        }

        .home-sidenav-main.affix .navbar-collapse ul {
            margin: 0 auto 0 5px;
            font-size: 0;
        }

            .home-sidenav-main.affix .navbar-collapse ul li {
                margin: 0 5px;
            }

        .home-sidenav-main.affix .top-call-email-main .mailto {
            margin: 0;
            font-size: 13px;
        }

        .home-sidenav-main.affix .top-call-email-main .call-btn {
            margin: 0;
            padding: 10px 10px;
            font-size: 13px;
        }

        .home-sidenav-main.affix .top-call-email-main {
            display: flex;
            margin: 0;
            flex: 1;
        }

        .home-sidenav-main.affix .navbar-collapse {
            flex: 1;
        }

        .home-sidenav-main.affix ~ .submenu-main#servicesTabDropdown {
            transform-origin: 230px 55px;
        }

        .home-sidenav-main.affix ~ .submenu-main#moreoptionsTabDropdown {
            transform-origin: 690px 55px;
        }
    /******* affix menu end *******/
    .submenu-main .submenu-close-btn {
        top: 50px;
        right: 50px;
    }

    .submenu-contact-wrapper {
        max-width: 338px;
    }

    .services-submenu-wrapper .submenu-contact-wrapper {
        margin: 115px 0 0 0;
    }

    .submenu-getin-touch .title {
        font-size: 18px;
    }

    .services-submenu-wrapper .submenu-navs-wrapper {
        margin-top: 25px;
    }
    /*************** moreoption submenu start ***************/
    .moreoption-submenu-wrapper .submenu-navs-contact-wrapper {
        padding-left: 15px;
        align-items: center;
        justify-content: space-between;
        padding-right: 30px;
        height: 80vh;
    }

        .moreoption-submenu-wrapper .submenu-navs-contact-wrapper .submenu-navs-wrapper {
            margin-right: 50px;
        }

    .moreoption-submenu-wrapper .submenu-contact-wrapper {
        max-width: 525px;
        margin-top: 0;
        flex: auto;
    }

        .moreoption-submenu-wrapper .submenu-contact-wrapper .submenu-getin-touch {
            margin: 0;
            padding: 20px 20px;
        }

    .moreoption-submenu-wrapper .submenu-social-wrapper ul li {
        display: inline-block;
        margin: 5px;
    }
    /*************** moreoption submenu end ***************/
    .certified-section-container {
        max-width: 960px;
    }

    .certified-section-main .iso-certified {
        margin-right: 35px;
    }

    .hp-clients-slider-main .slick-arrow {
        width: 20px;
        height: 37px;
        right: 15px;
    }

        .hp-clients-slider-main .slick-arrow.prev {
            left: 15px;
            right: auto;
        }

    .hp-clients-logo {
        width: 136px;
        height: 80px;
        margin: 0 30px 30px 0px;
    }

    .quick-contact-section {
        -webkit-clip-path: ellipse(75% 52% at 50% 48%);
        clip-path: ellipse(75% 52% at 50% 48%);
    }

        .quick-contact-section::before {
            width: calc(1125px + 35%);
        }

    .hp-case-study-main {
        display: flex;
        margin: 0 auto 150px auto;
        max-width: 940px;
    }

    .hp-case-study-fig {
        width: 100%;
    }

    .hp-case-study-info-main {
        max-width: 300px;
        margin-right: 25px;
    }

    .hp-case-study-info p {
        margin-bottom: 10px;
    }

    .hp-case-study-info .view-more {
        margin-top: 15px;
    }

    .hp-case-study-testimonial {
        margin-top: 25px;
    }

    .hp-case-study-img {
        position: relative;
        width: 400px;
    }

    .hp-insights-section-container {
        max-width: 980px;
        padding: 30px 25px 30px 25px;
    }

    .hp-insights-info {
        padding: 25px 15px 0 15px;
    }

    .hp-small-insights .hp-insights-img {
        width: 240px;
    }

    .hp-small-insights .hp-insights-info p {
        font-size: 15px;
        margin: 15px 0 25px 0;
    }

    .footer-main {
        padding: 40px 30px 0px 30px;
    }

    .footer-top-wrapper {
        max-width: 1000px;
        padding: 0 0;
    }

    .footer-lets-connect {
        width: 257px;
    }

    .footer-service-links-wrapper {
        max-width: 1000px;
        padding: 0 0;
    }

    .footer-service-links {
        flex: 1;
    }

        .footer-service-links .footer-links {
            margin-right: 40px !important;
        }

    .footer-nav-main {
        display: flex;
    }

    .footer-social {
        margin: 0 20px 10px auto;
    }

    .footer-bottom {
        max-width: 1000px;
        margin: 20px auto 0 auto;
    }
    /******************  Contact us start  *********************/
    .contact-us-top-wrapper {
        background-size: 40%;
    }

    .contact-us-container {
        max-width: 960px;
        margin: auto;
        padding: 160px 5px 60px 5px;
    }

    .emailus-strip-main {
        width: auto;
    }

    .contact-us-form-wrapper .tabs-main .nav-item a.active h3 {
        font-size: 18px;
    }

        .contact-us-form-wrapper .tabs-main .nav-item a.active h3 span {
            font-size: 30px;
        }

    .contact-presence-info {
        flex: 1;
        max-width: 250px;
        margin-right: 55px;
    }

    .contact-presence-colm:last-child {
        margin: 0;
    }

    .contact-us-form-wrapper .tabs-main.affix {
        max-width: 100%;
        overflow-y: auto;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        background-color: #FFFFFF;
        padding: 20px 30px;
        position: fixed;
        left: 0;
        width: 100%;
        top: -100%;
        z-index: 9;
        animation: 0.5s contact-tabs-slideDown forwards;
    }

    @keyframes contact-tabs-slideDown {
        from {
            top: -100%;
        }

        to {
            top: 70px;
        }
    }

    .contact-us-form-wrapper .tabs-main.affix .nav-tabs {
        transform: translate(-455px, 0px);
    }

    .contact-us-form-wrapper .tabs-main.affix .nav-item a h3 span {
        font-size: 16px;
        display: inline-block;
        margin-left: 5px;
    }

    .contact-presence-country {
        width: 179px;
    }

    .contact-presence-info p {
        display: block;
    }
    /******************  Contact us end  *********************/
    /*Our-Work Start************************/
    .our-work-right .cs-play-btn {
    }

    .card-container .hp-case-study-img {
        width: 90%;
    }

    .card-container {
        padding: 0 45px;
    }

    .our-work-top-wrapper .card-box:nth-child(even) {
        padding-left: 30px;
    }

    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        padding: 46px 0;
        margin: 0 auto;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        width: 80%;
        background: #FFFFFF;
    }

    .drop-link-box {
        background: url(../images/drop-us/subscribe-bg-1.webp) no-repeat, url(../images/drop-us/sketch.webp) no-repeat;
        background-position: 0 135%, 100% 100%;
        background-color: #f5f6fa;
        background-size: auto 270px, auto 270px;
    }

        .drop-link-box .subscribe-container {
            max-width: 520px;
        }
    /************************ Our-Work END ************************/
    /************************ about us start ************************/
    .about-us-top-wrapper {
        background-size: 40%;
    }

    .about-us-head {
        max-width: 575px;
    }

    .about-us-certificates-main {
        margin-top: 40px;
        display: flex;
    }

    #dp-slider,
    .dp-img img {
        width: 355px;
    }

    .individual-leader-wrp {
        width: 500px;
    }

    .awards-recognition-slider-main {
        max-width: 442px;
        margin-right: 40px;
    }

    .awards-main {
        max-width: 150px;
        margin: 0 28px 30px 28px;
    }

    .awards-main-wrapper .view-more {
        margin-left: 36px;
        margin-top: 0;
    }

    .events-con-inner-wrapper {
        width: 90%;
        margin: 0 auto;
    }

    .about-techved-mean-fig {
        max-width: 560px;
    }

        .about-techved-mean-fig .about-techved-mean-top-text {
            top: 25px;
            right: 35px;
        }

            .about-techved-mean-fig .about-techved-mean-top-text ul li {
                margin-right: 25px;
            }

    .our-vision-main {
        padding: 44px 100px 40px 100px;
    }

    .about-techved-pronunciation-voice-box {
        padding: 5px 8px;
    }

    #dp-dots li.active div {
        height: 280px;
    }

    .team-core-card {
        width: 215px;
        margin-right: 0;
    }

    .our-team-main-wrapper .our-core-team {
        width: 170px;
    }

    .awards-recognisation-main {
        padding: 0 16px 50px 50px;
    }

    .awards-main:last-of-type {
        display: none;
    }

    .awards-section {
        width: 310px;
    }

    .lets-talk-main {
        margin: 40px 16px 60px 16px;
    }
    /************************ about us end ************************/
    /***********  thank you start*****************/
    .thankyou-wrap {
        background: #FFFFFF !important;
        position: relative;
        padding-bottom: 50px;
    }

        .thankyou-wrap .hp-insights-section-container {
            margin: 50px auto 0 auto;
            position: relative;
        }

    .thankyou-top-wrapper {
        padding: 125px 0 200px 0;
        display: flex;
        background: url(../images/desktop-thankyou-bg.svg) no-repeat;
        background-position: top right;
        background-size: 45%;
    }

        .thankyou-top-wrapper video {
            width: 350px;
        }

        .thankyou-top-wrapper .slider-top-content {
            width: 100%;
            max-width: 620px;
            margin: auto;
            margin-top: 15px;
            padding-right: 160px;
            margin-right: auto;
        }

        .thankyou-top-wrapper .thank-para h3 {
            font-size: 26px;
            font-family: 'openSans-semi-bold';
            color: #303030;
        }

        .thankyou-top-wrapper .thank-para p {
            font-family: 'openSans-regular';
            font-size: 26px !important;
            color: #303030;
        }

    .thanks-mean {
        color: #4a4a4a;
        font-size: 24px;
        font-family: 'openSans-light';
        line-height: 30px;
        margin: 25px 0 0 0;
        display: block;
    }
    /***********  end thank you *****************/
    /*media page start*/
    .insights-listing-card-container {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .insights-card {
        width: 310px;
        border-radius: 5px;
        overflow: hidden;
        border: solid 1px #d8d1d1;
        background-color: #FFFFFF;
        margin-bottom: 30px;
        min-height: 398px;
    }

        .insights-card a {
            max-height: 155px;
        }

    .ten-best {
        height: 153px;
        width: 100%;
    }
    /*media end*/
    /************ insights-detail start ************/
    .insights-details-container {
        margin: auto;
        padding: 115px 15px 0 15px;
    }

    .insight-right {
        max-width: 84%;
    }

    .insight-left.affix {
        position: fixed;
        top: 95px;
        left: 15px;
        transform: unset;
    }

    .popular-insights-wrapper {
        max-width: 29.1%;
    }

        .popular-insights-wrapper.affix {
            transform: translate(190px, 0);
        }

    #insightsListingaffix.popular-insights-wrapper.affix {
        top: 130px;
        transform: translate(207px, 23px);
    }

    .popular-insights-wrapper.fixedBottom {
        bottom: 85px;
    }

    .client-say .column1 {
        margin-right: 12px;
    }

    .insights-details-top-wrapper .insights-listing-wrapper {
        margin-right: 37px;
        width: 67%;
    }

    .insights-linkedin-container {
        max-width: 900px;
    }

    .insights-subscribe-section {
        background: #f5f6fa;
    }

        .insights-subscribe-section .subscribe-container {
            max-width: 900px;
        }

            .insights-subscribe-section .subscribe-container .form-group {
                max-width: 720px;
            }

        .insights-subscribe-section .subscribe-thankyou-container {
            max-width: 900px;
        }

    .insights-comment-box-wrapper {
        max-width: 900px;
    }
    /************ insights-detail end ************/
    /************ career page start ************/
    .career-top-wrapper,
    .our-clients-top-wrapper {
        width: 100%;
        background: url(../images/desktop-career-bg.png) no-repeat;
        background-position: top right;
        background-size: 50%;
    }

    .career-apply-section {
        background: url(../images/subscribe-bg-1.png) no-repeat, url(../images/subscribe-bg-2.png) no-repeat;
        background-position: left bottom, right bottom;
        background-color: #f5f6fa;
        background-size: auto 270px, auto 267px;
    }

    .career-why-join-us .dp-wrap {
        max-width: 85%;
    }

    .career-four-blocks-wrap {
        width: 88%;
    }

    .tvdians-say-section-slider .slick-slide:not(.slick-center) {
        left: 260px;
    }

    .tvdians-say-section-slider .slick-active.slick-center + .slick-slide,
    .tvdians-say-section-slider .slick-center + .slick-cloned {
        right: 260px;
    }
    /************ career page end ************/
    /*our clients section css start*/
    .our-clients-top-wrapper {
        width: 100%;
        background: url(../images/our-clients/desktop-clients-bg.png) no-repeat;
        background-position: top right;
        background-size: 40%;
    }
    /*our clients section css start*/
    /*Services ux ui design page start*/
    .service-container {
        max-width: 980px;
        margin: auto;
        padding: 85px 15px 136px 15px;
        display: flex;
    }

    .service-banner-right-main {
        max-width: 500px;
    }

    .services-hyperlink .nav {
        max-width: 880px;
        padding: 45px 20px;
    }

        .services-hyperlink .nav .nav-item {
            margin: 0 25px;
        }

    .services-hyperlink.affix {
        top: 67px;
    }

        .services-hyperlink.affix .nav {
            padding: 20px;
        }

    .cs-cx-comp.affix {
        display: block;
        position: fixed;
        top: 67px;
        width: 100%;
        text-align: center;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.39);
        background-color: #FFFFFF;
        z-index: 10;
        padding: 20px 10px;
    }

    .services-hyperlink {
        margin: -100px auto 0 auto;
    }

    .services-what-we-do-main {
        padding: 40px 15px 15px 15px;
    }

    .services-what-we-do-container {
        max-width: 980px;
    }

    .services-what-we-do-box {
        max-width: 286px;
    }

    .services-box-link-wrp {
        padding: 20px 20px;
    }

    .services-ux-for-client-left {
        max-width: 500px;
    }

    .services-ux-for-client-img {
        max-width: 360px;
        margin-top: 50px;
    }

    .services-ux-for-client-wrapper {
        margin-top: -135px;
    }

    .services-ux-for-client-box {
        max-width: 296px;
    }

        .services-ux-for-client-box:nth-child(2) {
            margin-right: 347px;
        }

    .services-model-process-main {
        padding: 50px 30px 50px 30px;
        background-position: 100% 10px;
    }

    .services-model-process-left-main {
        max-width: 458px;
    }

    .services-model-process-right-main {
        max-width: 450px;
    }

    .services-model-process-contact {
        max-width: 450px;
    }

        .services-model-process-contact img {
            max-width: 180px;
        }

    .services-why-important-left-main {
        max-width: 400px;
    }

    .check-insights-main {
        padding: 7px 15px 6px 15px;
    }

        .check-insights-main p {
            margin-right: 5px;
        }

    .services-why-important-box {
        margin-right: 30px;
    }

    .services-hp-clients-wrapper {
        padding-top: 45px;
    }

    .services-hp-case-study-section {
        padding: 70px 0;
    }
    /*Services ux ui design page end*/
    /*industries page css start*/
    .industries-top-wrapper {
        background-position: center bottom;
    }

    .industries-container {
        max-width: 980px;
        margin: auto;
        padding: 117px 30px 145px 120px;
        display: flex;
    }

    .industries-banner-left-main {
        margin-top: 45px;
    }

        .industries-banner-left-main p {
            margin-bottom: 25px;
        }

    .invdi-stats-section {
        width: 31%;
    }

    .left-list-expertise-wrp {
        max-width: 47%;
    }

        .left-list-expertise-wrp ul li {
            padding: 12px 0;
        }

    .right-list-expertise-wrp {
        max-width: 48%;
    }
    /*industries page css end*/
    /*mobile development page css start*/
    .platform-list-we-work {
        width: 56%;
    }

    .mobile-dev-top-wrapper .service-banner-left-main {
        left: inherit;
    }
    /*mobile development page css end*/
    /******************* sub services page start *******************/
    /*Mobile-apps page start*/
    .mobile-app-ux-for-client-wrapper {
        margin-top: -150px;
    }

    .mobile-app-stats-say-section .invdi-stats-section {
        margin-bottom: 40px;
        height: 240px;
    }
    /*Mobile-apps page end*/
    /******************* sub services page end *******************/
    /*accessibility service starts*/
    .as-comprehensive-left {
        margin-right: 140px !important;
    }

    .as-w3c-info-main {
        margin-bottom: 15px !important;
    }
    /*accessibility service starts*/
    /*digital transformation digital approach start*/
    .dt-digital-approach-box:last-child {
        margin-right: 42px;
    }
    /*digital transformation digital approach end*/
    /*lead-gen page start*/
    .lead-gen-container {
        display: flex;
        padding: 120px 5px 0 5px;
    }

    .lead-gen-form-main {
        margin-right: 50px;
    }

    .lead-gen-container .chatbot-slide-caption-trigger .chatbot-slide-caption-wrapper {
        width: 400px;
    }

    .lead-gen-form-main .contact-us-form-wrapper .tabs-content-main .contact-field {
        width: calc(50% - 30px);
        flex: unset;
        margin-right: 30px;
    }

    .lead-gen-container .chatbot-slide-list-main.right {
        right: 10px;
    }
    /*lead-gen page end*/
    .video-banking-services-ux-for-client-main .services-ux-for-client-wrapper {
        justify-content: flex-start;
        margin-top: -105px;
    }
}

@media (min-width:768px) and (max-width:1024px) {
    .insights-listing-wrapper {
        margin-right: 15px;
        width: 675px;
    }

    .insights-banner-container {
        flex-direction: column;
    }

    .insights-banner-navigation {
        width: 100%;
    }

        .insights-banner-navigation ul {
            display: flex;
        }

            .insights-banner-navigation ul li a span {
                font-size: 12px;
            }

            .insights-banner-navigation ul li a p {
                font-size: 15px;
            }

    .insights-banner-wrapper {
        width: 100%;
    }

    .blog-details-presence-wrapper {
        background-size: 67% 100%;
        padding: 0px 15px 106px 15px;
    }

    .blog-details-presence-info p {
        font-size: 12px;
    }

    .blog-details-presence-info {
        padding-left: 40px;
    }
    /*new about us start*/
    /*.about-banner-container {
        max-width: 95%;
        padding: 65px 0 55px 45px;
    }
    .about-banner-left p {
        font-size: 20px;
        line-height: 22px;
    }
    .about-banner-left h2 {
        font-size: 50px;
        line-height: 60px;
    }
    .about-digital-exp-main {
        padding: 80px 45px 100px 50px;
    }
    .about-digital-exp-info h2 {
        font-size: 40px;
        font-weight: 700;
        line-height: 48px;
        color: #303030;
        margin-bottom: 20px;
    }
    .about-digital-exp-info p {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #303030;
        margin-bottom: 20px;
    }
    .about-digital-exp-info h3 {
        font-family: 'openSans-bold';
        font-size: 28px;
        line-height: 36px;
        color: #303030;
        margin-bottom: 10px;
    }
    .about-our-story-main {
        padding: 60px 60px 50px 60px;
        background-size: 120px, auto, auto, auto;
        background-position: 0 -8px, 100% -20px, 215px 65px, 0px;
    }
    .about-our-story-head h2 {
        font-size: 35px;
        line-height: 45px;
        max-width: 300px;
    }
    .about-our-story-timeline:last-child {
        max-width: 300px;
    }
    .about-techved-mean-fig {
        flex: 1;
    }
    .about-our-service-wrapper {
        padding: 17px 30px 40px 30px;
    }
    .our-leader-container {
        flex-direction: column;
    }
    .our-leader-left-main {
        margin-top: 0;
        margin-bottom: 50px;
    }
    .our-leader-right-main .meet-team-btn {
        margin-top: 70px;
        padding: 11px 37px;
    }*/
    /*new about us end*/

}

@media screen and (max-width:900px) and (min-width:768px) {
    .top-call-email-main {
        display: none;
    }

    .home-sidenav-main {
        width: 100%;
        top: 0px;
        max-width: inherit;
        border-radius: 0px;
        padding: 25px 30px 20px 30px;
        background: transparent;
        animation-name: fadeInDown;
        animation-delay: 0.5s;
        animation-duration: 0.5s;
        box-shadow: none;
    }

        .home-sidenav-main.colored {
            background: #e6e6f7;
        }

        .home-sidenav-main.fixed-top .navbar-brand {
            max-width: 180px;
            margin-right: auto;
        }

        .home-sidenav-main .navbar-brand {
            max-width: 200px;
            margin-right: auto;
        }

        .home-sidenav-main.affix .navbar-brand {
            max-width: 180px;
        }

    .menu-quick-contact {
        display: none;
        align-items: center;
    }

        .menu-quick-contact a {
            width: 25px;
            height: 25px;
            padding: 2px 3px;
            margin-right: 10px;
        }

            .menu-quick-contact a img {
                max-height: 100%;
            }

    .menu-quick-link,
    .menu-quick-link:focus,
    .menu-quick-link:hover {
        display: block;
        font-family: 'openSans-regular';
        font-size: 14px;
        color: #303030;
        margin-right: 15px;
        padding-bottom: 2px;
    }

        .menu-quick-link.active {
            color: #ff6900;
            padding-bottom: 2px;
            border-bottom: 1px solid #ff6900;
        }

    .navbar-toggler {
        padding: 7px 0;
        outline: none !important;
        width: auto !important;
        height: auto !important;
    }

    .home-sidenav-main span.navbar-toggler-icon {
        margin: 0;
        width: 17px;
        height: 13px;
        border-top: 1px solid #303030;
        border-bottom: 1px solid #303030;
        background: transparent;
    }

        .home-sidenav-main span.navbar-toggler-icon::before {
            left: 2px;
            width: 100%;
            height: 1px;
            background: #303030;
        }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon {
        margin: 0;
        width: 17px;
        height: 13px;
        border-top: none;
        border-bottom: none;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon {
        border-top: 1px solid #303030;
        border-bottom: 1px solid #303030;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::before {
        left: 2px;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        content: "";
        top: calc(50% - 0.5px);
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::after {
        content: '';
        left: 2px;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(-45deg);
        top: calc(50% - 0.5px);
        transform-origin: center;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::before {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::after {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-collapse {
        flex-wrap: wrap;
        margin-top: 10px;
        border-top: 1px solid #CCC;
        align-items: flex-start;
        font-size: 0;
    }

        .home-sidenav-main .navbar-collapse.show {
            display: flex;
            flex-wrap: wrap;
        }

        .home-sidenav-main .navbar-collapse ul,
        .home-sidenav-main.fixed-top .navbar-collapse ul,
        .home-sidenav-main.affix .navbar-collapse ul {
            margin: 20px 0 20px 10px;
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 15px);
        }

            .home-sidenav-main .navbar-collapse ul li,
            .home-sidenav-main.fixed-top .navbar-collapse ul li,
            .home-sidenav-main.affix .navbar-collapse ul li {
                margin: 0 0 12px 0;
                display: block;
            }

                .home-sidenav-main .navbar-collapse ul li:last-child,
                .home-sidenav-main.fixed-top .navbar-collapse ul li:last-child,
                .home-sidenav-main.affix .navbar-collapse ul li:last-child {
                    margin: 0;
                }

                .home-sidenav-main .navbar-collapse ul li a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li a {
                    font-family: 'openSans-regular';
                    font-size: 18px;
                    color: #303030;
                    padding: 0;
                }

                .home-sidenav-main .navbar-collapse ul li.intro a span,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a span,
                .home-sidenav-main.affix .navbar-collapse ul li.intro a span {
                    display: block;
                }

                .home-sidenav-main .navbar-collapse ul li.intro a i,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a i,
                .home-sidenav-main.affix .navbar-collapse ul li.intro a i {
                    display: none;
                }

                .home-sidenav-main .navbar-collapse ul li.active a,
                .home-sidenav-main .navbar-collapse ul li.focused a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.active a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.focused a {
                    color: #f37222;
                    font-weight: bold;
                    font-family: 'openSans-regular';
                    font-size: 18px;
                }

            .home-sidenav-main .navbar-collapse ul.more-option-menu {
                display: inline-block;
                vertical-align: top;
            }

        .home-sidenav-main .navbar-collapse .mobile-more-option {
            display: block;
            width: 100%;
            margin-top: 7px;
        }

        .home-sidenav-main .navbar-collapse .more-option-info {
            padding: 0 10px 20px 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-info h5 {
            font-family: 'openSans-regular';
            font-size: 18px;
            color: #303030;
            margin-bottom: 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-get-started h5 {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            color: #303030;
            margin-bottom: 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option p {
            font-family: 'openSans-light';
            font-size: 16px;
            font-weight: 300;
            color: #303030;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .view-more span {
            margin: 0;
        }

            .home-sidenav-main .navbar-collapse .mobile-more-option .view-more span::before {
                left: auto;
                width: 7.72px;
                height: 7.72px;
                border-radius: 100%;
            }

        .home-sidenav-main .navbar-collapse .more-option-get-started {
            padding: 20px 10px 0 10px;
            border-top: solid 1px #b7b7b7;
            position: relative;
        }

            .home-sidenav-main .navbar-collapse .more-option-get-started .common-btn {
                margin-top: 15px;
                padding: 9px 21.4px 8px 21.4px;
                font-size: 14px;
            }

    .home-sidenav-main .more-info-social,
    .home-sidenav-main.fixed-top .more-info-social,
    .home-sidenav-main.affix .more-info-social {
        padding: 30px 15px 20px 15px;
    }

        .home-sidenav-main .more-info-social ul,
        .home-sidenav-main.fixed-top .more-info-social ul,
        .home-sidenav-main.affix .more-info-social ul {
            display: flex;
            width: 100%;
            margin: 0;
        }

            .home-sidenav-main .more-info-social ul li,
            .home-sidenav-main.fixed-top .more-info-social ul li,
            .home-sidenav-main.affix .more-info-social ul li {
                margin: 0 7px 0 0;
            }

                .home-sidenav-main .more-info-social ul li a {
                    display: block;
                }

    .home-sidenav-main .navbar-collapse .top-call-email-main,
    .home-sidenav-main.affix .navbar-collapse .top-call-email-main {
        display: none !important;
    }

    .home-sidenav-main.affix {
        background: #FFFFFF;
        padding: 15px 25px 15px 25px;
    }

        .home-sidenav-main.affix .menu-quick-contact {
            display: flex;
            align-items: center;
        }

        .home-sidenav-main.affix .navbar-collapse ul li a {
            font-family: 'openSans-regular';
            font-size: 18px;
            color: #303030;
        }

        .home-sidenav-main.affix .navbar-collapse ul li.active a,
        .home-sidenav-main.affix .navbar-collapse ul li.focused a {
            font-family: 'openSans-regular';
            font-size: 18px;
        }

        .home-sidenav-main ~ .submenu-main,
        .home-sidenav-main.fixed-top ~ .submenu-main,
        .home-sidenav-main.affix ~ .submenu-main {
            padding: 115px 15px 50px 15px;
            overflow: auto;
        }

            .home-sidenav-main ~ .submenu-main .submenu-container,
            .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container,
            .home-sidenav-main.affix ~ .submenu-main .submenu-container {
                padding: 0;
                width: 100%;
                border: none;
            }

    .submenu-contact-wrapper {
        max-width: 100%;
    }

    .home-sidenav-main.affix ~ .submenu-main .submenu-container {
        border: none;
        width: 100%;
    }

    .submenu-navs-contact-wrapper {
        flex-direction: column;
    }

    .services-submenu-wrapper .submenu-navs-wrapper {
        margin: 30px 0 0 0;
    }

    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: 250px;
        margin: 0 30px 30px 0;
    }

    .home-sidenav-main span#moreoptionsTab {
        display: none;
    }

    .home-sidenav-main ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.fixed-top ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: 330px;
        margin: 0 25px 30px 0;
    }

    .services-submenu-wrapper .submenu-contact-wrapper {
        margin: 0px 0 0 0;
    }

    .submenu-contact-wrapper img {
        display: none;
    }

    .submenu-getin-touch {
        margin-top: 0px;
    }

        .submenu-getin-touch .get-in-touch-btn {
            margin-top: 25px;
        }

    .submenu-main .submenu-close-btn {
        display: none;
    }

    .submenu-main#servicesTabDropdown,
    .submenu-main#industriesTabDropdown,
    .submenu-main#ourworksTabDropdown,
    .submenu-main#moreoptionsTabDropdown {
        transform-origin: 800px 0px !important;
    }
    /*************** moreoption submenu start ***************/
    .moreoption-submenu-wrapper .submenu-navs-contact-wrapper {
        padding-left: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 15px;
        height: auto;
    }

        .moreoption-submenu-wrapper .submenu-navs-contact-wrapper .submenu-navs-wrapper {
            margin-right: 0;
        }

    .moreoption-submenu-wrapper .submenu-contact-wrapper .submenu-getin-touch {
        margin: 0;
        padding: 20px 20px;
    }

    .moreoption-submenu-wrapper .submenu-social-wrapper {
        margin-left: 5px;
        margin-top: 30px;
    }
    /*************** moreoption submenu end ***************/
    .slider-main-wrapper {
        height: auto;
    }

    .hero-slide {
        max-height: 500px;
    }

    .slider-main .slick-dots {
        bottom: 28%;
        left: 35px;
        width: auto;
    }

    .slider-img {
        right: 15px;
        width: 430px;
    }

    .slide-caption-main {
        max-width: 90%;
        margin: auto;
        padding-top: 110px;
    }

        .slide-caption-main .slide-caption-info {
            max-width: 300px;
            margin-top: 90px;
        }

            .slide-caption-main .slide-caption-info h3 {
                font-size: 32px;
            }

            .slide-caption-main .slide-caption-info p {
                font-size: 16px;
            }

        .slide-caption-main .slide-caption-img {
            flex: 1;
        }
    /*slide 2 start*/
    .slide2 .slide-caption-img {
        margin-right: -26%;
    }

    .slide2 .slide-caption-main .slide-caption-info {
        margin-top: 50px;
    }
    /*slide 2 end*/
    .chatbot-slide-list-main.left {
        border-radius: 25px;
        background: #dedefb;
        padding: 12px 0 12px 0;
        width: 127px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 40px;
        left: 50%;
        transform: translate(-185px, 0);
        display: none;
    }

    .chatbot-slide-list-main.right {
        transform: translate(95px, 0);
        display: none;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main {
        max-width: 90%;
        padding-right: 0;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-info {
        margin-top: 40px;
        max-width: 340px;
        margin-right: 45px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h4 {
        font-size: 18px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 32px;
        line-height: 1.06;
        margin: 0;
    }

    .new-chatbot-slide .slide-caption-main .book-demo-main {
        margin-left: 0;
    }

    .video-banking-slide .slide-caption-main {
        height: 100%;
    }

        .video-banking-slide .slide-caption-main .slide-caption-img {
            max-width: 643px;
        }

            .video-banking-slide .slide-caption-main .slide-caption-img img {
                margin: auto auto 0 auto;
            }

    .certified-section-container {
        max-width: 100%;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 0 30px;
    }

    .certified-section-main .iso-certified {
        margin: 0;
        order: 2;
    }

    .certified-section-main .iso-certified-info {
        padding: 30px 0;
        text-align: center;
    }

    .hp-clients-main {
        margin-top: 75px;
        max-width: 768px;
        margin: 75px auto 0 auto;
    }

    .hp-clients-slider-main .slick-arrow {
        width: 20px;
        height: 37px;
        right: 15px;
    }

        .hp-clients-slider-main .slick-arrow.prev {
            left: 15px;
            right: auto;
        }

    .hp-clients-logo:nth-child(6n+0) {
        margin: 0 40px 30px 0px;
    }

    .hp-clients-logo:nth-child(4n+0),
    .hp-clients-logo:last-child {
        margin-right: 0;
    }

    .quick-contact-section {
        -webkit-clip-path: ellipse(85% 52% at 50% 48%);
        clip-path: ellipse(85% 52% at 50% 48%);
    }

        .quick-contact-section::before {
            width: calc(856px + 35%);
            height: 60%;
        }

    .hp-case-study-main {
        display: flex;
        margin: 0 auto 150px auto;
        max-width: 600px;
        align-items: flex-start;
    }

    .hp-case-study-tabs {
        margin: 30px 0;
        padding: 0 15px;
    }

        .hp-case-study-tabs .nav-tabs .nav-item {
            margin: 0 15px 5px 15px;
        }

    .hp-desktop-case-study-main {
        display: none;
    }

    .hp-mobile-case-study-main {
        display: block;
        padding: 0;
        width: 100%;
    }

    .hp-case-study-section .hp-case-study-tabs-content.tab-content > .tab-pane {
        display: block;
        visibility: hidden;
    }

        .hp-case-study-section .hp-case-study-tabs-content.tab-content > .tab-pane.active {
            visibility: visible;
            padding: 0;
        }

    .hp-case-study-section .hp-case-study-tabs-content.tab-content {
        position: relative;
    }

    .hp-case-study-section .hp-case-study-tabs-content .tab-pane:not(:first-child) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .hp-mobile-case-study {
        position: relative;
        margin: 0 15px;
    }

        .hp-mobile-case-study.slick-center {
            transform: scale(1);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            z-index: 2;
        }

        .hp-mobile-case-study .hp-mobile-case-study-img {
            margin-bottom: 10px;
        }

            .hp-mobile-case-study .hp-mobile-case-study-img img {
                width: 100%;
            }

        .hp-mobile-case-study .hp-case-study-info {
            padding-right: 20px;
            padding-left: 10px;
        }

            .hp-mobile-case-study .hp-case-study-info h4 {
                font-size: 18px;
            }

            .hp-mobile-case-study .hp-case-study-info p {
                font-size: 16px;
                line-height: 1.43;
                margin-bottom: 10px;
            }

            .hp-mobile-case-study .hp-case-study-info span {
                font-size: 12px;
            }

            .hp-mobile-case-study .hp-case-study-info .view-more {
                margin-top: 10px;
            }

    .hp-insights-wrapper {
        flex-direction: column;
        margin: 30px 0 0 0;
    }

    .hp-big-insights {
        margin: 0 0 30px 0;
    }

    .hp-small-insights .hp-insights-info p {
        margin: 15px 0 45px 0;
    }

    .subscribe-section {
        padding: 30px 15px 30px 15px;
    }

    .subscribe-container {
        max-width: 440px;
        margin: auto;
    }

        .subscribe-container h3 {
            font-size: 22px;
        }

        .subscribe-container p {
            font-size: 14px;
            margin-bottom: 18px;
        }

    .clients-slider-main .slick-arrow.prev {
        left: 50px;
    }

    .clients-slider-main .slick-arrow.next {
        right: 50px;
    }

    .footer-main {
        padding: 40px 30px 0px 30px;
    }

    .footer-top-wrapper {
        max-width: 1000px;
        padding: 0 0;
    }

    .footer-lets-connect {
        width: auto;
    }

    .footer-quick-contact ul li:first-child {
        margin-right: 0;
    }

    .footer-service-links-wrapper {
        max-width: 1000px;
        padding: 0 0;
        flex-direction: column;
        margin: 0;
    }

    .footer-service-links {
        max-width: 100%;
        flex-wrap: wrap;
        margin-bottom: 30px;
        flex: 1;
    }

        .footer-service-links .footer-links {
            margin-right: 30px;
        }

            .footer-service-links .footer-links:last-child h5 {
                margin-top: 25px;
            }

    .footer-links h5 ~ h5 {
        margin-top: 25px;
    }

    .footer-social {
        margin: 30px 0 10px 0;
        padding: 0 0px;
    }

    .footer-bottom {
        max-width: 1000px;
        margin: 20px auto 0 auto;
    }

        .footer-bottom p,
        .footer-bottom ul li a {
            font-size: 14px;
        }

        .footer-bottom p {
            flex: 1;
            margin-right: 30px;
        }

        .footer-bottom ul {
            flex: 1;
        }
    /******************  Contact us start  *********************/
    .contact-us-top-wrapper {
        background: url(../images/mobile-contact-bg.svg) no-repeat;
        background-size: 100%;
        background-position: 100% -50%;
    }

    .contact-us-container {
        max-width: 100%;
        padding: 130px 30px 0 30px;
    }

    .contact-us-form-wrapper .nav-tabs {
        flex-direction: column;
        align-items: flex-start;
    }

    .contact-us-form-wrapper .tabs-main .nav-item {
        margin: 0 0 25px 0;
        width: 100%;
    }

        .contact-us-form-wrapper .tabs-main .nav-item a,
        .contact-us-form-wrapper .tabs-main .nav-item a.active {
            padding: 15px 140px 20px 15px;
            min-height: inherit;
            text-align: left;
        }

            .contact-us-form-wrapper .tabs-main .nav-item a p {
                max-width: inherit;
                margin: 0;
                display: block;
                font-family: 'openSans-light';
                font-size: 18px;
                font-weight: 300;
                color: #676767;
            }

            .contact-us-form-wrapper .tabs-main .nav-item a h3,
            .contact-us-form-wrapper .tabs-main .nav-item a.active h3 {
                font-size: 20px;
                line-height: 1.67;
                letter-spacing: inherit;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a h3 span,
                .contact-us-form-wrapper .tabs-main .nav-item a.active h3 span {
                    display: inline-block;
                    font-size: 20px;
                }

            .contact-us-form-wrapper .tabs-main .nav-item a .view-more,
            .contact-us-form-wrapper .tabs-main .nav-item a.active .view-more {
                display: flex;
                margin-top: 15px;
            }

            .contact-us-form-wrapper .tabs-main .nav-item a .tab-img,
            .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img {
                left: auto;
                transform: translate(0, -50%);
                right: 25px;
                top: 50%;
                width: 84px;
                height: 84px;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a .tab-img img,
                .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img img {
                    position: relative;
                    top: 50%;
                    transform: translate(-50%, -50%);
                    left: 50%;
                }

    .contact-us-form-wrapper .tabs-main.affix {
        max-width: 100%;
        overflow-y: auto;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        background-color: #FFFFFF;
        padding: 20px 30px;
        position: fixed;
        left: 0;
        width: 100%;
        top: -100%;
        z-index: 9;
        animation: 0.5s contact-tabs-slideDown forwards;
    }

    @keyframes contact-tabs-slideDown {
        from {
            top: -100%;
        }

        to {
            top: 70px;
        }
    }

    .contact-us-form-wrapper .tabs-main.affix .nav-tabs {
        transform: translate(-351px, 0px);
    }

    .contact-us-form-wrapper .tabs-main.affix .nav-item a {
        padding: 0;
        box-shadow: none;
        min-width: max-content;
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-height: inherit;
    }

        .contact-us-form-wrapper .tabs-main.affix .nav-item a .view-more {
            display: none;
        }

        .contact-us-form-wrapper .tabs-main.affix .nav-item a h3 span {
            font-size: 16px;
            display: inline-block;
            margin-left: 5px;
        }

    .emailus-strip-main {
        width: auto;
        flex-wrap: wrap;
        justify-content: space-around;
    }

    .emailus-strip-box {
        margin: 0 20px 15px 20px;
    }

        .emailus-strip-box:last-child {
            margin: 0 20px 0 20px;
        }

    .contact-presence-wrapper {
        background: none;
        background-position: 0 0;
        padding-bottom: 40px;
    }

    .contact-presence-container {
        max-width: 100%;
        margin: auto;
        padding: 40px 16px 40px 16px;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .contact-presence-info p {
        display: block;
    }

    .contact-presence-info {
        flex: 1;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
        text-align: center;
        padding-top: 0;
    }

    .contact-presence-countries {
        justify-content: center;
        width: 100%;
    }

    .contact-presence-colm:last-child {
        margin: 0;
    }
    /****************** Contact us end *********************/
    /****************** our work start *********************/
    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        width: 95%;
    }

    .card-container {
        padding: 0 95px;
    }

    .our-work-top-wrapper .card-box {
        padding-left: 15px !important;
        margin-bottom: 40px;
    }

    .drop-link-box .subscribe-container {
        max-width: 370px;
        margin-left: 80px;
    }

    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        padding: 46px 0;
        margin: 0 auto;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        width: 100%;
        background: #FFFFFF;
    }

    .drop-link-box {
        background: url(../images/drop-us/sketch.webp) no-repeat;
        background-position: 100% 100%;
        background-color: #f5f6fa;
        background-size: auto 270px;
    }

        .drop-link-box .subscribe-container {
            max-width: 430px;
        }
    /****************** our work end *********************/
    /*about use start*/
    .about-us-top-wrapper {
        background: none;
    }
    /*see-who-we-are-start*/
    .back-image {
        margin-top: 0;
    }

    .mobile-hide {
        display: none;
    }

    #sliderMobile {
        display: inherit;
        margin: 0;
    }

    .see-who-we-are-wrapper {
        padding: 0;
        background-size: 70%;
        background-position: left bottom;
    }

    .show-active {
        display: block;
    }

    .hide-active {
        display: none;
    }

    .mobile-slide-desc {
        display: block !important;
        margin-bottom: 30px;
        text-align: center;
        padding: 0 25px;
    }

        .mobile-slide-desc p {
            font-family: 'openSans-light-italic';
            font-size: 18px;
            font-weight: 300;
            line-height: 1.33;
            color: #303030;
        }
    /*see-who-we-are-end*/
    .awards-recognition-section {
        max-width: 768px;
        background-position: 0% 27%;
    }

    .awards-recognition-wrapper {
        display: flex;
        margin-top: 75px;
        flex-direction: column;
        align-items: center;
    }

    .awards-recognition-slider-main {
        margin-right: 0;
    }

    .awards-main-wrapper {
        justify-content: center;
    }

    .awards-main {
        max-width: 150px;
        margin: 0 35px 60px 35px;
    }

    .awards-main-wrapper .view-more {
        margin: 0 auto;
    }

    .events-con-inner-wrapper {
        width: 85%;
        margin: 0 auto;
    }

    .csr-slider-container {
        max-width: 100%;
    }

    .csr-slider {
        padding-bottom: 100px;
    }

        .csr-slider .csr-slider-info {
            left: 0;
            right: 0;
            margin: auto;
            bottom: 4%;
            width: 90%;
            max-width: inherit;
        }

    .csr-slider-main .slick-arrow.slick-prev {
        right: auto;
        left: 47%;
    }

    .csr-slider-main .slick-arrow.slick-next {
        right: 47%;
    }
    /*about us end*/
    /***********  thank you start*****************/
    .thankyou-wrap {
        background: #FFFFFF !important;
        position: relative;
        padding-bottom: 50px;
    }

        .thankyou-wrap .hp-insights-section-container {
            margin: 25px auto 0 auto;
            position: relative;
        }

    .thankyou-top-wrapper {
        padding: 0 0 20px 0;
        display: flex;
        background: url(../images/desktop-thankyou-bg.svg) no-repeat;
        background-position: 0 -640px;
        background-size: 100%;
        flex-direction: column-reverse;
    }

        .thankyou-top-wrapper video {
            width: 350px;
            margin: 0px 60px 0 auto;
        }

        .thankyou-top-wrapper .slider-top-content {
            width: 100%;
            max-width: 78%;
            margin: auto;
            margin-top: 95px;
            margin-right: auto;
        }

        .thankyou-top-wrapper .thank-para h3 {
            font-size: 26px;
            font-family: 'openSans-semi-bold';
            color: #303030;
        }

        .thankyou-top-wrapper .thank-para p {
            font-family: 'openSans-regular';
            font-size: 26px !important;
            color: #303030;
        }

    .thanks-mean {
        color: #4a4a4a;
        font-size: 24px;
        font-family: 'openSans-light';
        line-height: 30px;
        margin: 25px 0 0 0;
        display: block;
    }

    .thankyou-case-study-section {
        padding: 65px 0 30px 0;
    }
    /***********  end thank you *****************/
    /************ insights-detail start ************/
    .insights-details-container {
        margin: auto;
        padding: 115px 15px 0 15px;
    }

    .insight-left {
        padding: 10px 20px 10px 0;
    }

    .insight-right {
        max-width: 335px;
    }

    .insight-left.affix {
        position: fixed;
        top: 95px;
        left: 15px;
        transform: unset;
    }

    .insights-details-top-wrapper .insights-listing-wrapper {
        margin-right: 15px;
        width: 415px;
    }

    .insights-listing-wrapper.affix {
        padding-left: 80px;
    }

    .popular-insights-wrapper {
        max-width: 305px;
    }

        .popular-insights-wrapper.affix {
            transform: translate(63px, 0);
        }

    .blog-details-presence-wrapper {
        margin: 0;
        background-size: 80% 100%;
        padding: 0px 15px 80px 15px;
    }

    .blog-details-presence-container {
        padding: 80px 30px 0 30px;
    }

    .blog-details-presence-colm {
        margin-top: 70px;
    }

    .blog-details-presence-country {
        top: 0;
    }

    .insights-linkedin-container {
        max-width: 700px;
    }

    .insights-subscribe-section {
        background: #f5f6fa;
    }

        .insights-subscribe-section .subscribe-container {
            max-width: 700px;
            margin: auto;
        }

            .insights-subscribe-section .subscribe-container .form-group {
                max-width: 520px;
            }

        .insights-subscribe-section .subscribe-thankyou-container {
            max-width: 700px;
        }

    .insights-comment-box-wrapper {
        max-width: 700px;
    }
    /************ insights-detail end ************/
    /** rutuja **/
    .wd-app-img {
        width: 80%;
    }

    .problem-state-container {
        max-width: 100%;
        padding: 10px 0;
    }

    .problem-state-desc-wrp {
        position: relative;
        width: 80%;
        margin: 0 auto;
    }

    .problem-state-container .head-txt {
        font-size: 22px;
    }

    .problem-state-container .sub-txt {
        font-size: 20px;
    }

    .wd-dtls-heading {
        padding: 10px 0;
    }

    .analysis-divde-wrp {
        display: block;
    }

    .analysis-content {
        width: 100%;
        margin-right: 0;
        padding: 20px;
    }

    .analysis-slider-wrap {
        width: 100%;
        margin: 0 auto;
    }

    .problem-state-desc-wrp::before {
        display: none;
    }

    .problem-state-left {
        height: 56px;
        width: 100%;
        position: relative;
        background: #fff;
        top: 77px;
    }

        .problem-state-left ul {
            display: flex;
            justify-content: space-around;
            align-items: center;
        }

    .problem-state-right {
        width: 100%;
    }

    .analysis-slider .slick-slide img {
        margin: 0 auto;
    }
    /*work details result section shashank css start*/
    .wd-dtls-sub-heading {
        width: 53%;
    }

    .wd-result-wrap .problem-state-container {
        padding: 40px 0;
    }

    .result-details-container {
        display: block;
        padding: 0 20px;
    }

    .section-first-result {
        width: 500px;
        margin-right: 10%;
        margin: 0 auto;
    }

    .overall-result-case {
        width: 100%;
        display: flex;
        justify-content: center;
    }
    /*work details result section shashank css end*/
    .wd-solution-wrap .header-sec .wd-dtls-heading {
        width: 80%;
        line-height: 22px;
        max-width: initial;
        margin: 0 auto;
    }

    .wd-solution-wrap .header-sec p {
        width: 90%;
        font-size: 14px;
        font-family: 'openSans-regular';
    }

    .innovative-solutions-slider .problem-state-right {
        width: 100%;
    }

    .innovative-app {
        margin: 0;
    }

        .innovative-app img {
            border-radius: 10px;
            box-shadow: 0 3px 15px 0 rgba(76, 76, 76, 0.55);
        }

        .innovative-app .app-imgblk {
            width: 150px;
            margin: 0 auto 20px;
            transition: none;
            transform: initial;
        }

        .innovative-app.slick-current {
            padding-top: 0;
            margin-left: 0px;
        }

            .innovative-app.slick-current .app-imgblk,
            .innovative-app.slick-active + .slick-active .app-imgblk,
            .innovative-app.slick-active + .slick-active + .slick-active .app-imgblk {
                transform: initial;
            }

        .innovative-app p {
            max-width: 150px;
            margin: 0 auto 20px;
            font-size: 12px;
        }

    .innovative-solutions-slider .slick-dots {
        left: 0;
        right: 0;
    }

        .innovative-solutions-slider .slick-dots li {
            width: 6px;
            height: 6px;
        }

            .innovative-solutions-slider .slick-dots li button {
                background: #303030;
            }

            .innovative-solutions-slider .slick-dots li.slick-active {
                width: 12px;
                height: 12px;
            }

                .innovative-solutions-slider .slick-dots li.slick-active button {
                    background: #fff;
                    border: 2px solid #606060;
                    border-radius: 50%;
                }

    .wd-innovative-solutions {
        padding: 50px 0 0 0;
        background: url(../images/wd-solution/innovative-app-slider-bg-mob.svg) no-repeat 100% 53%;
    }

    .solution-sider .slick-prev,
    .solution-sider .slick-next {
        display: none !important;
    }
    /*added 12112019*/
    .img-slider-analysis {
        border-radius: 0;
        /*box-shadow: 0 2px 27px 0 rgba(134, 134, 134, 0.5);*/
        overflow: hidden;
    }
    /*added 12112019*/
    .client-say {
        width: 95%;
    }

    .column1-card1 {
        width: 95%;
    }
    /*media page start*/
    .insights-listing-head {
        margin: 30px auto;
    }

    .insights-listing-card-container {
        justify-content: space-around;
    }
    /*media end*/
    /*career page start Hitesh 03-12*/
    .career-top-wrapper,
    .our-clients-top-wrapper {
        /*width: 100%;
								    background: url(../images/mobile-career-bg.png) no-repeat;
								    background-position: top right;*/
        background-size: 50%;
    }

    .career-banner-left-main,
    .our-clients-banner-left-main {
        max-width: 65%;
    }

    .career-banner-info img {
        display: none;
    }

    .career-banner-quick-info {
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 0 0 85px 0;
    }

    .career-banner-info {
        padding: 0 15px 0 0;
        margin: 15px 15px 0 0;
        position: relative;
    }

        .career-banner-info::before {
            content: '';
            position: absolute;
            right: 0;
            top: 6px;
            width: 1px;
            height: 60%;
            background: #303030;
        }

        .career-banner-info:last-child::before {
            content: none;
        }

        .career-banner-info p {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            width: max-content;
            width: -webkit-max-content;
            width: -moz-max-content;
        }

            .career-banner-info p span {
                display: inline-block;
                margin-left: 10px;
            }

    .career-opening-section {
        padding: 50px 0 100px 0;
    }

    .career-opening-main-wrapper {
        flex-direction: column;
        margin-top: 30px;
    }

    .career-exp-tab {
        margin: 40px auto 25px auto;
    }

    .career-category-main {
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
        width: 100%;
    }

        .career-category-main .category-list {
            display: none;
        }

        .career-category-main .dropdown {
            display: table;
            margin: auto;
        }

            .career-category-main .dropdown .dropdown-toggle {
                font-family: 'openSans-semi-bold';
                font-size: 16px;
                font-weight: 600;
                color: #f37222;
                background: url('/resources/images/orange-dropdown-arrow.svg') no-repeat;
                background-position: 95% 50%;
            }


        .career-category-main .dropdown-menu.show {
            z-index: 5;
            transform: translate3d(0px, 46px, 0px) !important;
        }

        .career-category-main .dropdown-menu li {
            margin: 0;
        }

        .career-category-main ul li a.active, .career-category-main ul li a.active:hover {
            background: none;
        }

            .career-category-main ul li a.active::before {
                content: none;
            }

    .career-opening-main {
        border: none;
    }

    .career-jd-wrapper-main {
        position: fixed;
        z-index: 3;
        padding: 90px 0 0 0;
        display: block;
        max-height: 100%;
        height: 100vh;
        overflow: auto;
    }

    .career-jd-left-wrapper {
        width: 100%;
        padding: 0;
    }

    .career-jd-cat {
        display: none;
        box-shadow: none;
    }

        .career-jd-cat.active {
            display: block;
        }

            .career-jd-cat.active a {
                pointer-events: none;
                border-radius: 0;
                border: none;
            }

    .career-jd-right-wrapper {
        width: calc(100% - 30px);
        margin: auto;
        /*flex-direction:column;*/
        position: relative;
        overflow: unset;
    }

    .career-jd-main {
        padding: 20px 15px;
        max-height: 64vh;
    }

        .career-jd-main .mCustomScrollBox {
            max-height: inherit;
        }

    .contact-us-form-wrapper {
        margin: 0;
    }

    .career-jd-quick-apply-form-wrapper {
        display: block;
    }

    .career-jd-quick-apply .captcha-main {
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

        .career-jd-quick-apply .captcha-main .form-group {
            align-items: center;
        }

            .career-jd-quick-apply .captcha-main .form-group .contact-field {
                max-width: 50px !important;
            }

    .career-jd-quick-apply .common-btn {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .career-jd-wrapper-main .close {
        top: 90px;
    }

    .career-top-wrapper,
    .our-clients-top-wrapper {
        width: 100%;
        background: url(../images/desktop-career-bg.png) no-repeat;
        background-position: right 76px;
        background-size: 50%;
    }

    .career-apply-section {
        background: url(../images/subscribe-bg-2.png) no-repeat;
        background-position: right bottom;
        background-color: #f5f6fa;
        background-size: auto 215px, auto 215px;
    }

    .career-why-join-us .see-who-we-are-head {
        margin: 50px auto 0px auto;
    }

    .career-why-join-us .dp-wrap {
        max-width: 85%;
    }

    .career-four-blocks-wrap {
        width: 97%;
    }

    .career-single-block {
        padding: 20px 15px 0;
        margin: 0 15px;
    }

    .tvdians-say-section-slider .slick-slide:not(.slick-center) {
        left: 260px;
    }

    .tvdians-say-section-slider .slick-active.slick-center + .slick-slide,
    .tvdians-say-section-slider .slick-center + .slick-cloned {
        right: 260px;
    }
    /*career page end */
    /*our clients section start */
    .our-clients-top-wrapper {
        width: 100%;
        background: url(../images/our-clients/desktop-clients-bg.png) no-repeat;
        background-position: top right;
        background-size: 50%;
    }

    .our-clients-banner-left-main {
        max-width: 65%;
    }
    /*our clients section end */
    /*our clients section css start*/
    .our-clients-top-wrapper {
        width: 100%;
        background: none;
        /*background-position: 50% 112%;*/
        background-position: 50% 135%;
        background-size: 100%;
    }

    .our-clients-banner-left-main {
        max-width: 100%;
    }

    .our-clients-container {
        padding: 80px 15px 10px 15px;
    }

    .our-clients-head h4 {
        font-size: 16px;
        line-height: inherit;
    }

    .career-head.our-clients-head h1 {
        padding: 0;
    }

    .career-head.our-clients-head > p {
        display: none;
    }

    .our-clients-banner-left-main .our-work-listing {
        justify-content: center;
    }

    .our-total-client-list {
        margin: 16px 0;
    }

    .our-clients-top-wrapper .carrer-banner-btns {
        display: none;
    }

    .all-clients-top-wrapper {
        margin-top: -30px;
    }

    .all-clients-container {
        width: 100%;
    }

    .testimonial-video-wrp {
        display: none;
    }

    .all-digital-services-wrp .contact-presence-country {
        flex: inherit;
    }

    .all-digital-services-wrp .contact-presence-country {
        width: 45%;
        text-align: center;
    }

    .our-clients-contact-presence .contact-presence-container {
        padding: 0;
    }

    .our-clients-contact-presence.contact-presence-wrapper {
        padding: 30px 20px 0 20px;
    }

    .all-digital-services-wrp .contact-presence-country {
        margin: 0 15px 20px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .all-digital-services-wrp .contact-presence-country:nth-child(even) {
            margin: 0 0 20px 0;
        }

    .our-clients-top-wrapper .our-clients-container {
        padding: 115px 15px 10px 15px;
    }

    .career-head.our-clients-head {
        text-align: center;
    }

    .our-clients-head h4 {
        font-size: 24px;
    }

    .all-clients-top-wrapper {
        margin-top: -105px;
    }
    /*our clients section css end*/
    /*Services ux ui design page start*/
    .service-container {
        padding: 11% 30px 17% 30px;
    }

    .service-banner-left-main {
        max-width: 457px;
        margin-top: 15px;
    }

        .service-banner-left-main h1 {
            font-size: 28px;
            margin-bottom: 5px;
        }

        .service-banner-left-main p {
            font-size: 16px;
            margin-bottom: 7px;
        }

        .service-banner-left-main .our-work-listing {
            justify-content: flex-start;
        }

            .service-banner-left-main .our-work-listing li {
                padding: 0 10px;
                font-size: 14px;
            }

    .service-banner-right-main {
        max-width: 305px;
    }

    .services-hyperlink {
        margin: -55px auto 0 auto;
    }

        .services-hyperlink .nav {
            max-width: 750px;
            padding: 45px 15px;
            justify-content: center;
        }

            .services-hyperlink .nav .nav-item {
                margin: 0 15px;
            }

        .services-hyperlink.affix {
            top: 72px;
        }

            .services-hyperlink.affix .nav {
                padding: 20px 15px;
            }

    .services-what-we-do-main {
        padding: 40px 15px 15px 15px;
    }

    .services-what-we-do-box {
        max-width: 338px;
        padding: 20px 20px;
    }

    .services-ux-for-client-main {
        background: url(../images/services-ux-for-client-bg.svg) no-repeat;
        background-position: 100% 175px;
        padding: 105px 30px 50px 30px;
        background-size: 85%;
    }

    .services-ux-for-client-left {
        max-width: 100%;
    }

    .services-ux-for-client-wrapper {
        margin-top: 10px;
        justify-content: center;
    }

    .services-ux-for-client-box {
        max-width: 341px;
    }

        .services-ux-for-client-box:nth-child(2n+0) {
            margin-right: 0;
        }

    .services-model-process-main {
        padding: 90px 30px 80px 30px;
    }

    .services-model-process-container {
        flex-direction: column;
    }

    .services-model-process-left-main {
        max-width: 100%;
    }

    .services-model-process-right-main {
        max-width: 100%;
        margin-top: 60px;
    }

    .services-model-process-contact {
        max-width: 500px;
        margin: 50px 0 0 0;
    }

    .services-why-important-main {
        padding: 35px 30px;
    }

    .services-why-important-left-main {
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 60px;
    }

    .services-why-important-right-main {
        width: 100%;
    }

    .services-faq-wrapper .card-header {
        padding: 17px 30px 17px 37px;
    }

        .services-faq-wrapper .card-header .faq-title,
        .services-faq-wrapper .card.active .card-header .faq-title {
            font-size: 18px;
        }

    .services-faq-wrapper .card-body p, .services-faq-wrapper .card-body li {
        font-size: 14px;
    }
    /*Services ux ui design page end*/
    /*industry page css start*/
    .industries-top-wrapper {
        background-position: center top;
    }

    .industries-container {
        padding: 11% 30px 11% 130px;
    }

    .industry-whats-happening-main {
        padding: 35px 30px;
    }

    .industry-part-left-section {
        max-width: 57%;
    }

    .industry-part-right-section {
        max-width: 40%;
    }

    .industry-part-left-section .check-insights-main {
        width: 100%;
    }

    .invdi-stats-section {
        width: 30%;
    }

    .expertise-section-wrp .d-flex {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .expertise-section-wrp h3 {
        text-align: center;
    }

    .left-list-expertise-wrp {
        margin: 0 auto 30px auto;
        max-width: 534px;
    }

    .industry-our-expertise-main {
        padding-bottom: 0;
    }
    /*industry page css end*/
    /*mobile development service page css start*/
    .research-top-wrapper .service-container {
        padding: 11% 30px 11% 130px;
    }

    .mobile-dev-banner-img {
        padding-top: 52px;
        padding-left: 0px;
    }

    .services-why-important-left-main.mob-dev-left-main {
        text-align: center;
    }

    .platform-image-wrp {
        display: none;
    }

    .platform-list-we-work h4 {
        margin-left: 0;
        text-align: center;
    }

    .platform-list-we-work {
        width: 100%;
    }

    .all-platforms-wrp {
        justify-content: center;
    }
    /******************* sub services page start *******************/
    /*Mobile-apps page start*/
    .research-insights-why-imp-main .services-why-important-left-main {
        max-width: 100%;
        margin-right: 0px;
    }

    .research-insights-why-imp-main .services-why-important-right-main {
        max-width: 100%;
    }

    .research-insights-why-imp-main .problem-state-right {
        width: calc(100% - 200px);
    }

    .mobile-app-sub-service-top-wrapper .service-banner-left-main {
        flex: 1;
    }

    .mobile-app-stats-say-section .invdi-stats-section {
        margin-bottom: 40px;
        height: 240px;
        width: 40%;
    }

        .mobile-app-stats-say-section .invdi-stats-section:nth-child(3n+0) {
            margin-right: 30px;
        }

        .mobile-app-stats-say-section .invdi-stats-section:nth-child(2n+0) {
            margin-right: 0px;
        }
    /*Mobile-apps page end*/
    /******************* sub services page end *******************/
    /*digital transformation digital approach start*/
    .dt-digital-approach-container {
        width: 100%;
        flex-direction: column;
        padding: 0;
        margin: auto;
        justify-content: center;
        align-items: center;
        background-size: auto 100%;
    }

    .dt-digital-approach-box {
        max-width: inherit !important;
        width: 228px;
        margin: auto !important;
    }
        /*.dt-digital-approach-box img, .dt-digital-approach-box p, .dt-navigation {
                display: none;
            }*/
        .dt-digital-approach-box h5 {
            padding-bottom: 15px;
            padding-left: 30px;
            margin-bottom: 0px;
        }

            .dt-digital-approach-box h5::before {
                top: 3px;
                z-index: 1;
            }
    /*.dt-digital-approach-box h5::after {
                    content: '';
                    position: absolute;
                    left: 5.5px;
                    top: 3px;
                    width: 3px;
                    height: 100%;
                }*/
    .dt-digital-approach-container::before {
        display: none;
    }

    .dt-digital-approach-box .dt-digital-approach-inner {
        align-items: center;
    }

    .dt-digital-approach-box h5::before {
        border: 1px solid #303030;
    }

    .dt-digital-approach-box .dt-digital-approach-inner {
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .dt-digital-approach-box:not(:last-of-type) {
        padding-bottom: 15px;
    }

    .dt-digital-approach-box::before {
        left: 6px;
        top: 17px;
        height: 100%;
    }

    .dt-digital-approach-box h5 {
        font-weight: 400;
        font-family: 'openSans-regular';
    }

    .dt-digital-approach-box.active h5 {
        font-weight: 600;
        font-family: 'openSans-semi-bold';
    }

    .dt-digital-accordion-box {
        display: none;
    }

    .dt-digital-approach-box.active::after {
        transform: rotate(180deg);
    }

    .dt-digital-approach-box.active .dt-digital-accordion-box {
        display: block;
    }
    /*digital transformation digital approach end*/
    /*lead-gen page start*/
    .lead-gen-container {
        display: flex;
        flex-direction: column;
        padding: 120px 30px 0 30px;
    }

    .lead-gen-form-main {
        margin-right: 0px;
        max-width: 100%;
    }

        .lead-gen-form-main .tabs-main {
            margin: 40px 0 0 0;
        }

        .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item {
            margin: 0;
        }

            .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a.active {
                padding: 30px 80px 30px 20px;
            }

            .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a {
                margin: 0;
            }

        .lead-gen-form-main .contact-us-form-wrapper .tabs-content-main .contact-field {
            margin-right: 30px;
        }

            .lead-gen-form-main .contact-us-form-wrapper .tabs-content-main .contact-field:last-child {
                margin-right: 0;
            }

        .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a .tab-img {
            left: 85%;
        }

    .lead-gen-container .chatbot-slide-caption-trigger .chatbot-slide-caption-wrapper {
        width: 500px;
        margin-bottom: 50px;
    }

    .lead-gen-container .chatbot-slide-list-main.right {
        transform: translate(0px, 0);
    }
    /*lead-gen page end*/
    .video-banking-services-ux-for-client-main .services-ux-for-client-wrapper {
        justify-content: flex-start;
        margin-top: -50px;
    }
    /*new about us start*/
    .about-our-story-main {
        flex-direction: column;
        align-items: stretch;
        padding: 80px 100px 80px 100px;
        background-size: 120px, auto, auto, auto;
        background-position: 0 -8px, 100% -20px, 250px 0px, 0px;
    }

    .about-our-story-head {
        margin-bottom: 30px;
    }
    /*new about us end*/
}

@media screen and (min-width:768px) {
    /********* Malyalam start ************/
    #malyalam .bhaasha-banner-info {
        padding-bottom: 105px;
    }

    #malyalam .bhaasha-banner-wrapper .logo-text {
        max-width: 800px;
        margin: auto;
        margin-left: 0;
        font-size: 22px;
        line-height: 35px;
    }

    #malyalam .bhaasha-banner-wrapper .banner-desc {
        font-size: 17px;
        line-height: 30px;
    }

    #malyalam .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
        width: 500px;
    }

    #malyalam .did-you-know-wrapper .did-you-know-main p {
        font-size: 18px;
    }

    #malyalam .did-you-know-wrapper .did-you-know-main span {
        font-size: 22px;
    }

    #malyalam .did-you-know-wrapper .did-you-know-main .card-right {
        width: 600px;
    }

    #malyalam .pattern-of-users-main .pattern-of-users-header {
        font-size: 23px;
        left: calc(50% + -85px);
        width: 648px;
        text-align: center;
        max-width: 100%;
    }

    #malyalam .pattern-of-users-slide.orange .pattern-of-users-slide-info h3 {
        max-width: 100%;
    }

    #malyalam .pattern-of-users-slide-info h3 {
        font-size: 28px;
        line-height: 40px;
    }

    #malyalam .bhaasha-get-in-touch-main h2 {
        font-size: 30px;
    }

    #malyalam .digital-assets-main h3 {
        font-size: 25px;
    }

    #malyalam .digital-assets-lang-box h4 {
        font-size: 40px;
    }

        #malyalam .digital-assets-lang-box h4 span {
            font-size: 52px;
        }

    #malyalam .multingual-exp-box p, #telugu .multingual-exp-box p {
        font-size: 16px;
    }

    #malyalam .multingual-exp-benefit-main h3 {
        font-size: 25px;
    }

    #malyalam .multingual-exp-benefit-box-info {
        min-height: 319px;
    }

        #malyalam .multingual-exp-benefit-box-info p {
            font-size: 18px;
        }

    #malyalam .bhaasha-lets-connect-main {
        width: 1200px;
    }

        #malyalam .bhaasha-lets-connect-main h3 {
            font-size: 22px;
        }

    #malyalam .bhaasha-lets-connect-form-main {
        width: 750px;
    }

        #malyalam .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
            top: 14px;
            left: 88px;
        }

    #malyalam .bhaasha-services-head h3 {
        font-size: 25px;
    }

    #malyalam .bhaasha-services-head h4 {
        font-size: 20px;
    }

    #malyalam .bhaasha-services-head .bhaasha-services-btns-main {
        justify-content: center;
    }

        #malyalam .bhaasha-services-head .bhaasha-services-btns-main a {
            font-size: 17px;
        }

    #malyalam .hp-clients-head {
        /*max-width:540px;*/
    }

    #malyalam .quick-contact-section-info h3 {
        font-size: 22px;
    }

        #malyalam .quick-contact-section-info h3 span {
            font-size: 20px;
        }

    #malyalam .services-faq-wrapper .card .card-header h2, #malyalam .services-faq-wrapper .card.active .card-header h2 {
        font-size: 18px;
    }

    #malyalam .services-faq-wrapper .card-body p, #malyalam .services-faq-wrapper .card-body li {
        line-height: 30px;
    }
    /********* Malyalam end ************/
    /********* Telugu start ************/
    #telugu .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
        width: 540px;
    }

    #telugu .did-you-know-wrapper .did-you-know-main .card-right {
        width: 505px;
    }

    #telugu .bhaasha-lets-connect-form-main {
        width: 630px;
    }

        #telugu .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
            top: 13px;
            left: 88px;
        }

    #telugu .bhaasha-services-head .bhaasha-services-btns-main {
        justify-content: center;
    }

        #telugu .bhaasha-services-head .bhaasha-services-btns-main a {
            font-size: 17px;
        }

    #telugu .quick-contact-section-info h3, #telugu .quick-contact-section-info h3 span {
        font-size: 20px;
    }
    /********* Telugu end ************/
    /********* Hindi start ************/
    #hindi .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
        width: 465px;
    }

    #hindi .bhaasha-services-head .bhaasha-services-btns-main a {
        padding: 15px 20px 9px 20px;
    }
    /********* Hindi end ************/
    /********* Marathi start ************/
    #marathi .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
        width: 465px;
    }

    #marathi .bhaasha-services-head .bhaasha-services-btns-main a {
        padding: 15px 20px 9px 20px;
    }
    /********* Marathi end ************/
    /********* Gujarati start ************/
    #gujarati .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
        width: 465px;
    }

    #gujarati .did-you-know-wrapper .did-you-know-main .card-right {
        width: 460px;
    }

    #gujarati .multingual-exp-benefit-box-info {
        min-height: 256px;
    }
    /********* Gujarati end ************/
}

@media screen and (max-width:767px) and (min-width:320px) {
    .problem-state-container.padding-wrp {
        padding: 20px 0 5px;
    }

    #section1,
    #section2,
    #section3 {
        padding-top: 30px;
    }
    /*code added*/
    .hide-mobile {
        display: none !important;
    }

    .show-mobile {
        display: flex !important;
    }

    body::before,
    body::after {
        /*content: none;*/
    }

    .submenu-main .submenu-close-btn {
        display: none;
    }

    .bhaasha-menu-strip-wrapper,
    .home-sidenav-main.fixed-top ~ .submenu-main#servicesTabDropdown .bhaasha-menu-strip-wrapper {
        transform: translate(0, 0);
        left: 0;
        right: 0;
        margin: 20px auto 0 auto;
        max-width: 100%;
        flex-direction: column;
        position: relative;
    }

        .bhaasha-menu-strip-wrapper::before {
            content: none;
        }

    .bhaasha-menu-strip {
        padding: 17px 20px;
        background: #F9F9FD;
        border-radius: 20px 20px 0 0;
        width: 100%;
    }

        .bhaasha-menu-strip img {
            max-width: 100px;
        }

    .hidden-xs {
        display: none !important;
    }

    .view-more a::before {
        width: 100%;
        /*background: #f37222;*/
    }

    .view-more a span {
        font-size: var(--fs-14);
        padding: 0 !important;
        /*color: #f37222;*/
    }

        .view-more a span::after {
            content: none;
        }

        .view-more a span::before {
            right: -15px;
        }

    .top-call-email-main {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        top: auto;
        bottom: 15px;
        right: auto;
        left: 15px;
        align-items: flex-start;
    }

        .top-call-email-main .lets-talk {
            /*display: block;*/
            display: none;
            font-family: 'openSans-regular';
            font-size: 17px;
            letter-spacing: 0.25px;
            color: #303030;
            padding-right: 20px;
            position: relative;
        }

            .top-call-email-main .lets-talk::before {
                content: '';
                background: url(../images/view-moew-arrow.png) no-repeat;
                position: absolute;
                right: 0;
                top: calc(50% - 4px);
                width: 15px;
                height: 8px;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
                transform-origin: center;
                transform: rotate(45deg);
            }

        .top-call-email-main .call-btn {
            margin: 0 15px 0 0;
            padding: 10px 11.54px;
        }

        .top-call-email-main a.call-btn {
            display: block;
        }

        .top-call-email-main .call-dropdown {
            display: none;
        }

        .top-call-email-main .call-btn span {
            display: none;
        }

    .top-call-email-box {
        /*display: flex;*/
        display: none;
        align-items: flex-start;
        padding-top: 10px;
    }

    .top-call-email-main .mailto {
        order: 1;
        margin: 5px 0 0 0;
        font-size: 14px;
    }

    .scroll-down-main {
        display: none;
    }

    .bhaasha-banner-wrapper .scroll-down-main {
        display: flex;
        bottom: 60px;
    }

    .scroll-down-main.banner-lead {
        display: flex;
        position: static;
        margin: 20px 0 30px;
    }

    .home-sidenav-main,
    .home-sidenav-main.fixed-top {
        width: 100%;
        top: 0px;
        max-width: inherit;
        border-radius: 0px;
        padding: 15px 15px 10px 15px;
        background: #FFFFFF;
        animation-name: fadeInDown;
        animation-delay: 0.5s;
        animation-duration: 0.5s;
        box-shadow: none;
    }

        .home-sidenav-main.colored {
            background: #e6e6f7;
            z-index: 102;
        }

        .home-sidenav-main .navbar-brand,
        .home-sidenav-main.fixed-top .navbar-brand {
            max-width: 100px;
            margin-right: auto;
        }

    .slider-main-wrapper .slick-dots {
        top: auto;
        left: 10px;
        width: auto;
        /*bottom: 100px;*/
        bottom: 60px;
    }

    .menu-quick-contact {
        /*display: none;
        align-items: center;*/
        display: flex;
        align-items: center;
        margin-left: auto;
    }

        .menu-quick-contact a {
            width: 25px;
            height: 25px;
            padding: 2px 3px;
            margin-right: 20px;
        }

            .menu-quick-contact a img {
                max-height: 100%;
            }

    .menu-quick-link,
    .menu-quick-link:focus,
    .menu-quick-link:hover {
        display: block;
        font-family: 'openSans-regular';
        font-size: 14px;
        color: #303030;
        margin-right: 15px;
        padding-bottom: 2px;
    }

        .menu-quick-link.active,
        .menu-quick-link.active:focus {
            color: #ff6900;
            padding-bottom: 2px;
            border-bottom: 1px solid #ff6900;
        }

    .navbar-toggler {
        padding: 7px 0;
        outline: none !important;
        width: auto !important;
        height: auto !important;
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon {
        margin: 0;
        width: 17px;
        height: 13px;
        border-top: none;
        border-bottom: none;
        background: transparent;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon {
        border-top: 1px solid #303030;
        border-bottom: 1px solid #303030;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::before {
        left: 2px;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        content: "";
        top: calc(50% - 0.5px);
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::after {
        content: '';
        left: 2px;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(-45deg);
        top: calc(50% - 0.5px);
        transform-origin: center;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::before {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::after {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-collapse {
        flex-wrap: wrap;
        margin-top: 10px;
        border-top: 1px solid #CCC;
        align-items: flex-start;
        font-size: 0;
    }

        .home-sidenav-main .navbar-collapse.show {
            flex-wrap: wrap;
            height: calc(100vh - 60px);
            overflow: auto;
            margin-bottom: 10px;
        }

        .home-sidenav-main .navbar-collapse ul,
        .home-sidenav-main.fixed-top .navbar-collapse ul {
            margin: 20px 0 0 10px;
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 15px);
        }

            .home-sidenav-main .navbar-collapse ul li,
            .home-sidenav-main.fixed-top .navbar-collapse ul li {
                margin: 0 0 20px 0;
                display: block;
            }

                .home-sidenav-main .navbar-collapse ul li a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li a {
                    font-family: 'openSans-regular';
                    font-size: 16px;
                    color: #303030;
                    padding: 0;
                }
    /*===================================== Techved tv animation Starts ===========================================*/
    .home-sidenav-main.colored.affix .new-tv-anim {
        width: 154px;
    }

        .home-sidenav-main.colored.affix .new-tv-anim > a.anim {
            background-color: #FFFFFF;
        }

    .home-sidenav-main .new-tv-anim > a.anim > span {
        display: none;
    }

    /*colored-----------------------*/

    .home-sidenav-main.colored .new-tv-anim {
        width: 138px;
    }

        .home-sidenav-main.colored .new-tv-anim > a.anim {
            background-color: #e6e6f7;
        }

    /*.home-sidenav-main.fixed-top .new-tv-anim.active {
      position: relative;
      padding:0;
    }
    .home-sidenav-main.fixed-top .new-tv-anim.active > a.anim{
        padding:0;
    }

    .home-sidenav-main.fixed-top .new-tv-anim.active::after {
        content: '';
        display: block;
        position: absolute;
        top: -1px;
        left: 100px;
        bottom: 0;
        height:3px;
        width:3px;
        animation: pulse 1s ease infinite;
        border-radius: 50%;
        border: 4px double #ff6900;
    }*/
    /*===================================== Techved tv animation Ends ===========================================*/
    .home-sidenav-main .navbar-collapse ul li.active a,
    .home-sidenav-main .navbar-collapse ul li.focused a,
    .home-sidenav-main.fixed-top .navbar-collapse ul li.active a,
    .home-sidenav-main.fixed-top .navbar-collapse ul li.focused a {
        color: #f37222;
        font-weight: bold;
        font-family: 'openSans-regular';
        font-size: 16px;
    }

    .home-sidenav-main .navbar-collapse ul li a::before {
        content: none;
    }

    .home-sidenav-main .navbar-collapse ul li.intro a span {
        display: block !important;
    }

    .home-sidenav-main .navbar-collapse ul li.intro a i {
        display: none !important;
    }

    .home-sidenav-main .navbar-collapse ul.more-option-menu,
    .home-sidenav-main.fixed-top .navbar-collapse ul.more-option-menu {
        margin: 20px 0 0 10px;
        display: inline-block;
        vertical-align: top;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option,
    .home-sidenav-main.fixed-top .navbar-collapse .mobile-more-option {
        display: block;
        width: 100%;
        margin-top: 55px;
    }

    .home-sidenav-main .navbar-collapse .more-option-info,
    .home-sidenav-main.fixed-top .navbar-collapse .more-option-info {
        padding: 0 10px 30px 10px;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-info h5 {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        color: #303030;
        margin-bottom: 8px;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-get-started h5 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        color: #303030;
        margin-bottom: 8px;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-info p {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        color: #303030;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-info a span {
        margin: 0;
    }

    .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-get-started p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: normal;
        color: #303030;
    }

    .home-sidenav-main .navbar-collapse .more-option-get-started {
        padding: 20px 10px 0 10px;
        border-top: solid 1px #b7b7b7;
        position: relative;
    }

        .home-sidenav-main .navbar-collapse .more-option-get-started .common-btn {
            margin-top: 15px;
            padding: 9px 21.4px 8px 21.4px;
            font-size: 14px;
        }

    .home-sidenav-main .navbar-collapse span#moreoptionsTab {
        display: none;
    }

    .home-sidenav-main .more-info-social {
        padding: 35px 0px 40px 5px;
    }

        .home-sidenav-main .more-info-social ul,
        .home-sidenav-main.fixed-top .more-info-social ul {
            display: flex;
            width: 100%;
            margin: 0;
            justify-content: space-between;
        }

            .home-sidenav-main .more-info-social ul li,
            .home-sidenav-main.fixed-top .more-info-social ul li,
            .home-sidenav-main.affix .more-info-social ul li {
                margin: 0 7px 0 0 !important;
            }

                .home-sidenav-main .more-info-social ul li:last-child,
                .home-sidenav-main.fixed-top .more-info-social ul li:last-child,
                .home-sidenav-main.affix .more-info-social ul li:last-child {
                    margin-right: 0 !important;
                }

                .home-sidenav-main .more-info-social ul li a,
                .home-sidenav-main.fixed-top .more-info-social ul li a {
                    color: #aaaaaa;
                    padding: 0;
                    width: 28px;
                    height: 28px;
                    text-align: center;
                    line-height: 28px;
                }

    .home-sidenav-main .navbar-collapse .top-call-email-main,
    .home-sidenav-main.fixed-top .navbar-collapse .top-call-email-main,
    .home-sidenav-main.affix .navbar-collapse .top-call-email-main {
        display: none !important;
    }

    .home-sidenav-main ~ .submenu-main {
        background: #FFFFFF;
    }

    .home-sidenav-main.affix {
        background: #FFFFFF;
        padding: 15px 15px 10px 15px;
        animation: 0.5s slideDown forwards;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

        .home-sidenav-main.affix .navbar-brand {
            max-width: 100px;
        }

            .home-sidenav-main.affix .navbar-brand .logo {
                /*display: none;*/
            }

            .home-sidenav-main.affix .navbar-brand .logo-icon {
                /*display: block;*/
                width: 35px;
            }

    .home-sidenav-main .navbar-brand .logo {
        /*display:none;*/
        width: 100%;
    }

    .home-sidenav-main .navbar-brand .logo-icon {
        /*display:block;*/
        width: 35px;
    }

    .home-sidenav-main.affix .menu-quick-contact {
        display: flex;
        align-items: center;
    }

    .home-sidenav-main.affix .navbar-collapse {
        background: transparent;
    }

        .home-sidenav-main.affix .navbar-collapse.show {
            height: calc(100vh - 65px);
        }

        .home-sidenav-main.affix .navbar-collapse ul {
            margin: 20px 0 0 10px;
        }

            .home-sidenav-main.affix .navbar-collapse ul li {
                display: block;
                margin: 0 0 20px 0;
            }

                .home-sidenav-main.affix .navbar-collapse ul li a {
                    font-family: 'openSans-regular';
                    font-size: 16px;
                    color: #303030;
                }

                .home-sidenav-main.affix .navbar-collapse ul li.active a,
                .home-sidenav-main.affix .navbar-collapse ul li.focused a {
                    font-family: 'openSans-regular';
                }

        .home-sidenav-main.affix .navbar-collapse .more-info-social ul {
            margin: 0;
        }

    .submenu-main,
    .home-sidenav-main.fixed-top ~ .submenu-main {
        padding: 65px 0px 0 0px;
        transform-origin: 200px 200px;
    }

    .home-sidenav-main.affix ~ .submenu-main {
        padding: 54px 0px 0 0px;
    }

        .home-sidenav-main ~ .submenu-main .submenu-container .submenu-heading,
        .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container .submenu-heading,
        .home-sidenav-main.affix ~ .submenu-main .submenu-container .submenu-heading {
            max-width: inherit;
            padding: 20px 15px 0 15px;
            margin: 0 10px;
            border-top: 1px solid #CCC;
            text-align: center;
        }

    .submenu-container .submenu-heading .title {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        line-height: 1.33;
        color: #303030;
        margin-bottom: 8px;
    }

    .submenu-container .submenu-heading p {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 300;
        line-height: 1.43;
        color: #676767;
    }

    .submenu-container,
    .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container {
        padding: 0;
        width: 100%;
        border: none;
        max-height: 100vh;
        overflow: auto;
    }

    .submenu-contact-wrapper {
        max-width: 100%;
    }

    .home-sidenav-main.affix ~ .submenu-main .submenu-container {
        border: none;
        width: 100%;
    }

    .home-sidenav-main.affix ~ .submenu-main .submenu-heading {
        padding-top: 20px;
        border: none;
        padding-left: 15px !important;
    }

    .submenu-navs-contact-wrapper {
        flex-direction: column;
        margin-bottom: 15px;
        padding: 0 !important;
    }

    .home-sidenav-main ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.fixed-top ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        margin: 0 10px;
        max-width: 100%;
        border-top: none;
        width: 100%;
    }

    .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a {
        padding: 15px;
        box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
        margin: 5px 0;
    }

        .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a:hover,
        .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a:focus {
            box-shadow: 0 0 4px 0 rgba(192, 192, 192, 0.53);
        }

    .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav:first-child a {
        margin-top: 20px;
    }

    .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a h4 {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 8px;
    }

        .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a h4::before {
            content: none;
        }

    .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav a span {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        line-height: 1.33;
        color: #676767;
    }

    .services-submenu-wrapper .submenu-navs-wrapper {
        margin: 15px 0 0 0;
        max-height: inherit;
    }

    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: inherit;
        margin: 0 10px;
    }

    .submenu-main .submenu-container .submenu-contact-wrapper {
        margin: 15px 25px 0px 25px;
    }

    .submenu-contact-wrapper img {
        display: none;
    }

    .submenu-getin-touch {
        margin-top: 0px;
        padding: 15px 15px;
    }

        .submenu-getin-touch h3 {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-weight: 600;
            color: #303030;
        }

        .submenu-getin-touch .get-in-touch-btn {
            margin-top: 25px;
            font-size: 14px;
            padding: 10.5px 21.4px;
        }

    .submenu-container .submenu-navs-wrapper .mCSB_container {
        justify-content: center;
        padding: 0;
    }

    .submenu-main#servicesTabDropdown,
    .submenu-main#industriesTabDropdown,
    .submenu-main#ourworksTabDropdown,
    .submenu-main#moreoptionsTabDropdown,
    .submenu-main#aboutUsTabDropdown {
        transform-origin: 400px 0px;
    }
    /*************** moreoption submenu start ***************/
    .moreoption-submenu-wrapper .submenu-navs-contact-wrapper {
        padding-left: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 15px;
        height: auto;
        max-width: 280px;
        margin: auto;
    }

        .moreoption-submenu-wrapper .submenu-navs-contact-wrapper .submenu-navs-wrapper {
            margin-right: 0;
            margin-top: 15px;
        }

    .moreoption-submenu-wrapper .submenu-contact-wrapper {
        margin: 0 !important;
    }

        .moreoption-submenu-wrapper .submenu-contact-wrapper .submenu-getin-touch {
            margin: 0;
            padding: 0;
        }

    .moreoption-submenu-wrapper .submenu-social-wrapper {
        margin-left: 0;
        margin-top: 30px;
    }

        .moreoption-submenu-wrapper .submenu-social-wrapper ul li {
            display: inline-block;
            margin: 0 8px;
        }
    /*************** moreoption submenu end ***************/
    .slider-main-wrapper {
        height: 91vh;
    }

    .hero-slide {
        max-height: 100%;
        height: 91vh;
    }

    .slider-img {
        right: 0;
        width: 100%;
        top: 45%;
    }

        .slider-img img.desktop-img {
            display: none;
        }

        .slider-img img.mobile-img {
            display: block;
            width: 100%;
        }

    .slide-caption-main {
        max-width: inherit;
        margin: auto;
        padding-top: 0px;
        flex-direction: column;
        margin-right: 0;
        padding: 0;
    }

        .slide-caption-main .slide-caption-info {
            max-width: 100%;
            margin-top: 90px;
            margin-right: 0;
            padding: 0 20px;
        }

            .slide-caption-main .slide-caption-info h3 {
                font-family: 'openSans-regular';
                font-size: 20px;
                color: #303030;
            }

            .slide-caption-main .slide-caption-info p {
                font-family: 'openSans-light';
                font-size: 16px;
                font-weight: 300;
                color: #303030;
            }

        .slide-caption-main .sound-btn {
            border: solid 2px #f37222;
            width: 29px;
            height: 29px;
        }

        .slide-caption-main .slide-caption-img {
            flex: 1;
            width: 100%;
            margin-left: auto;
            margin-top: 25px;
        }

            .slide-caption-main .slide-caption-img img.desktop-img {
                display: none;
            }

            .slide-caption-main .slide-caption-img img.mobile-img {
                display: block;
                width: 100%;
            }

    .slide2 .slide-caption-main .slide-caption-img {
        max-width: inherit;
        width: auto;
        margin-top: 50px;
    }

        .slide2 .slide-caption-main .slide-caption-img img {
            max-width: inherit;
        }

    .slide3 .slide-caption-main .slide-caption-img {
        max-width: inherit;
        width: auto;
        margin-top: 50px;
    }
    /*chatbot-slide start*/
    .chatbot-slide.hero-slide {
        background: url('../images/chatbot-slide-mobile-bg.svg') no-repeat !important;
        background-size: cover !important;
        background-position: left top !important;
    }

    .chatbot-slide .slide-caption-info {
        max-width: inherit;
    }

    .chatbot-slide .slide-caption-main .slide-caption-info h4 {
        font-family: 'openSans-regular';
        font-size: 15px;
        color: #232323;
        margin-bottom: 3px;
        animation-delay: 1.25s !important;
    }

    .chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-family: 'openSans-bold';
        display: inline-block;
    }

        .chatbot-slide .slide-caption-main .slide-caption-info h3.last {
            margin-bottom: 0px;
        }

    .chatbot-slide .slide-caption-main .slide-caption-info p {
        padding-right: 0px;
        animation-delay: 1.25s !important;
    }

    .book-demo-main {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin-top: 10px;
        display: none;
    }

    .view-more.book-demo-main {
        display: table;
        position: relative;
        z-index: 1;
    }

    .book-demo-main .book-demo-btn {
        border-radius: 8px;
        box-shadow: 0 0 20px 0 rgba(177, 177, 177, 0.42);
        background: #FFFFFF url('../images/chatbot-slide-book-demo-btn-bg.svg') no-repeat;
        padding: 10px 15px 4px 60px;
        margin-right: 15px;
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        line-height: 32px;
        color: #303030;
        text-transform: uppercase;
        position: relative;
    }

        .book-demo-main .book-demo-btn span {
            position: absolute;
            left: -9px;
        }

    .chatbot-slide .slide-caption-img {
        position: relative;
        max-width: 100%;
        margin-top: 0px;
        pointer-events: none;
    }

    .chatbot-slide-caption-wrapper {
        width: auto;
        max-width: 64%;
    }

    .chatbot-slide .slide-caption-img img {
        display: block;
        margin: auto;
        width: 57% !important;
        animation: none;
    }

    .chatbot-slide-list-main.left,
    .chatbot-slide-list-main.right {
        display: none;
    }
    /*chatbot-slide end*/
    .chatbot-slide.new-chatbot-slide .slide-caption-main {
        max-width: inherit;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-info {
        margin-top: 90px;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h4 {
        font-size: 15px;
        line-height: 19px;
    }

    .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h4 img {
        display: none;
    }

    .chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 20px;
        line-height: inherit;
    }

    .new-chatbot-slide .slide-caption-main .slide-caption-info h3.hightlight {
        margin-left: 0;
    }

    .new-chatbot-slide .slide-caption-main .book-demo-main {
        margin: 10px 0 0 0;
    }

    .video-banking-slide .slide-caption-main {
        height: 100%;
    }

        .video-banking-slide .slide-caption-main .slide-caption-img {
            max-width: 643px;
            margin: 0 0 150px 0;
        }

            .video-banking-slide .slide-caption-main .slide-caption-img img {
                margin: auto auto 0 auto;
                width: 90% !important;
            }

    .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info {
        margin-top: 80px;
    }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h3 {
            font-size: 35px;
        }

            .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info h3.last {
                font-size: 25px;
                margin-top: -8px;
                margin-bottom: 0;
            }

        .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-info p {
            font-size: 16px;
            margin-bottom: 10px;
        }

    .chatbot-slide.cx-stretegy-slide .slide-caption-main .slide-caption-img img {
        width: 80% !important;
        margin-right: 0;
        margin-top: -30px;
    }
    /*bhaasha-slide-start*/
    .bhaasha-slide-main.chatbot-slide.new-chatbot-slide .slide-caption-info {
        margin-top: 90px;
    }


    .bhaasha-slide-main .bhaasha-slide-head span {
        padding: 8px 10px;
        flex: 1;
    }

        .bhaasha-slide-main .bhaasha-slide-head span::before {
            height: 13px;
            width: 15px;
            left: -8px;
            bottom: -8px;
        }

        .bhaasha-slide-main .bhaasha-slide-head span::after {
            background: #d1d1fa;
            bottom: -2px;
            width: 18px;
        }

    .bhaasha-slide-main.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 22px;
        line-height: inherit;
    }

    .bhaasha-slide-main.chatbot-slide.new-chatbot-slide .slide-caption-img img {
        max-width: 80% !important;
        margin-top: 15px;
        width: auto !important;
    }
    /*bhaasha-slide-end*/
    .certified-section-main {
        padding-top: 25px;
        background: #FCFCFC !important;
    }

    .certified-section-container {
        max-width: 100%;
        align-items: center;
        flex-direction: column-reverse;
        justify-content: center;
        padding: 0 16px 20px 16px;
        overflow: hidden;
    }

    .certified-section-main .iso-certified {
        margin: 0;
        order: 2;
        max-width: 300px;
        min-height: 190px;
        padding: 15px 18px 15px 18px;
        box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.0401552);
        border-radius: 8px;
    }

        .certified-section-main .iso-certified .certifie-main p {
            font-size: 12px;
            line-height: 12px;
            padding: 0;
        }

        .certified-section-main .iso-certified .certifie-main.goodfirms img {
            margin: 0 auto 15px auto;
            width: 67%;
        }

    .certified-section-main .iso-certified-info {
        padding: 20px 0 0;
        text-align: center;
    }

        .certified-section-main .iso-certified-info p {
            font-family: 'openSans-regular';
            font-size: 16px;
            line-height: 24px;
            color: #303030;
        }

        .certified-section-main .iso-certified-info div.alt-p, .certified-section-main .iso-certified-info div.alt-p > h1 {
            font-family: 'openSans-regular';
            font-size: 14px !important;
            line-height: 20px;
            color: #303030;
        }

        .certified-section-main .iso-certified-info p > span {
            font-family: 'openSans-semi-bold' !important;
        }

    .homepage-common-header h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .in-years-main {
        max-width: 100%;
        padding: 0 16px;
        margin-bottom: 20px;
    }

    .certified-section-main .iso-certified-info h1 {
        font-family: 'openSans-regular';
        font-weight: 300;
        font-size: 16px;
        line-height: 1.5;
        color: #303030;
    }

    .hp-clients-wrapper {
        padding: 0 16px;
    }

    .hp-client-section-main {
        overflow: hidden;
        padding-top: 20px;
    }

    .in-years-main h4 {
        font-family: 'openSans-regular';
        font-size: 18px;
        line-height: 1.78;
        color: #303030;
        margin: 0;
    }

    .in-years-main p {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 1.25;
        text-align: center;
        color: #303030;
    }

        .in-years-main p i {
            display: none;
        }

        .in-years-main p span {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            font-size: 16px;
        }

    .hp-clients-wrapper {
        max-width: 100%;
        padding: 0 15px;
        margin: 0px auto 0 auto;
        background: url(../images/map-bg.svg) no-repeat;
        background-position: center top;
    }

        .hp-clients-wrapper .d-flex {
            flex-wrap: wrap;
        }

    .hp-clients-highlights {
        text-align: center;
        width: 140px !important;
        margin-top: 0;
        margin-bottom: 25px;
    }

        .hp-clients-highlights img {
            width: 55%;
            height: 70px;
            margin-bottom: 5px;
        }

        .hp-clients-highlights h4 {
            font-family: 'openSans-regular';
            font-size: var(--fs-20);
            line-height: 24px;
            text-align: center;
            color: #f37222;
        }

            .hp-clients-highlights h4 span {
                font-family: 'openSans-bold';
                font-size: var(--fs-20);
                line-height: 24px;
                font-weight: bold;
                color: #f37222;
            }

    .hp-clients-services > p {
        font-size: var(--fs-16);
        padding-right: 16px;
        line-height: 20px;
    }

    .hp-clients-services > .common-header {
        font-size: 20px;
        line-height: 24px;
        padding-right: 16px;
        max-width: 250px;
        margin: 0 auto 5px;
    }

    .hp-clients-service > h4 {
        font-size: 18px;
        font-weight: 700;
    }

    .hp-clients-service-main .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .hp-clients-service-main .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

        .hp-clients-service-main .slick-dots li button {
            background: #303030;
        }

        .hp-clients-service-main .slick-dots li.slick-active button {
            background: #fff;
            border: 2px solid #606060;
            border-radius: 50%;
        }

    .hp-clients-highlights p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }

    .global-clients {
        padding-top: 0;
    }

    .hp-clients-main {
        max-width: 100%;
        margin: 0 auto;
    }

    .global-clients .hp-clients-wrapper .hp-clients-head {
        max-width: 288px;
        margin: 0 auto;
    }

    .hp-clients-head {
        max-width: 100%;
    }

        .hp-clients-head h3 {
            font-family: 'openSans-light';
            font-size: 20px;
            font-weight: 300;
            line-height: 24px;
            text-align: center;
            color: #303030;
            margin-bottom: 0;
        }

            .hp-clients-head h3 span {
                font-family: 'openSans-regular';
                font-size: 20px;
                font-weight: normal;
            }

    .hp-clients-slider-main .slick-arrow {
        width: 15px;
        height: 28px;
        right: -5px;
    }

        .hp-clients-slider-main .slick-arrow.prev {
            left: -5px;
            right: auto;
        }

    .hp-clients-logo {
        margin: 0 2px !important;
        width: 100px;
        height: 90px;
    }

    .about-quick-contact-section .quick-contact-section {
        padding-left: 20px;
        justify-content: flex-start;
        padding-bottom: 40px !important;
        margin-top: 5px;
    }

    .quick-contact-section {
        padding: 30px 16px 30px !important;
        -webkit-clip-path: ellipse(100% 50% at 50% 49%);
        clip-path: ellipse(100% 50% at 50% 49%);
        overflow: hidden;
        justify-content: flex-start;
    }

        .quick-contact-section::before {
            width: calc(395px + 35%);
            height: 60%;
        }

    .quick-contact-section-info {
        max-width: 70%;
        margin-right: 0px;
        position: relative;
        padding-bottom: 0 !important;
    }

        .quick-contact-section-info.cust-quick-info {
            max-width: 70% !important;
            margin-right: 0px !important;
            position: relative !important;
            padding-bottom: 0 !important;
        }

        .quick-contact-section-info h3 {
            font-size: 18px !important;
            line-height: 24px !important;
            margin: 0 0 5px 0;
        }

            .quick-contact-section-info h3 span {
                font-family: 'openSans-semi-bold';
                font-weight: 600;
                font-size: 18px;
                line-height: 24px;
                color: #303030;
            }

        .quick-contact-section-info p {
            font-family: 'openSans-regular';
            font-size: 16px !important;
            line-height: 24px !important;
            color: #303030;
            margin-top: 0px;
        }

    .connect-btn {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        padding: 10.5px 18.35px;
        margin-top: 25px;
    }

        .connect-btn.cust-quick-info-btn {
            font-family: 'openSans-semi-bold';
            font-size: 14px;
            font-weight: 600;
            padding: 10.5px 18.35px;
            margin: 25px 0 0 0 !important;
        }

    .quick-contact-section-img {
        width: 120px;
        flex: 1;
        position: absolute;
        right: 0;
        bottom: 2px;
        height: 174px;
    }

        .quick-contact-section-img.cust-quick-contact-img {
            width: 120px !important;
            flex: 1;
            position: absolute !important;
            right: 0 !important;
            bottom: 2px !important;
            height: 174px !important;
        }

        .quick-contact-section-img img {
            height: 100%;
            max-width: inherit;
        }

        .quick-contact-section-img.cust-quick-contact-img img {
            height: 100%;
            max-width: inherit;
        }

    .quick-contact-form .align-items-baseline {
        flex-direction: column-reverse;
    }

    .hp-case-study-section {
        padding: 40px 0;
        display: flex;
        flex-direction: column;
        background: none;
        overflow: hidden;
    }

    .hp-case-study-head {
        max-width: 92%;
        padding: 0 16px;
    }

    .all-stats-container.ent-mob-sol .invdi-stats-section .content-2 > span {
        font-size: 14px;
    }

    .hp-case-study-head h3 {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 24px;
        text-align: center;
        color: #303030;
    }

        .hp-case-study-head h3 span {
            font-family: 'openSans-regular';
            font-weight: normal;
        }

    .hp-case-study-tabs-content {
        order: 2;
        margin-top: 10px;
    }

        .hp-case-study-tabs-content .container-fluid {
            padding: 0;
        }

    .hp-case-study-tabs {
        order: 3;
    }

        .hp-case-study-tabs h3 {
            display: block;
            font-family: 'openSans-regular';
            font-size: 18px;
            font-weight: 300;
            line-height: 24px;
            color: #303030;
            text-align: center;
            margin-bottom: 14px;
        }

            .hp-case-study-tabs h3 span {
                font-weight: normal;
            }

    .hp-case-study-main {
        display: flex;
        margin: 0 auto 150px auto;
        max-width: 600px;
        align-items: flex-start;
    }

    .hp-case-study-tabs {
        margin: 20px auto 30px auto;
        padding: 15px 0 0 0;
        max-width: calc(100% - 40px);
        /*border-top: solid 1px #dbdbdb;*/
    }

        .hp-case-study-tabs .view-more {
            display: table;
        }

        .hp-case-study-tabs .nav-tabs .nav-item {
            margin: 0 15px 5px 15px;
        }

    .hp-desktop-case-study-main {
        display: none;
    }

    .hp-mobile-case-study-main {
        display: block;
        padding: 0px;
        width: 100%;
        margin-top: 10px;
        padding-bottom: 0px;
        margin-bottom: 0;
    }

    .hp-case-study-section .hp-case-study-tabs-content.tab-content > .tab-pane {
        display: block;
        visibility: hidden;
    }

        .hp-case-study-section .hp-case-study-tabs-content.tab-content > .tab-pane.active {
            visibility: visible;
        }

    .hp-case-study-section .hp-case-study-tabs-content.tab-content {
        position: relative;
    }

    .hp-case-study-section .hp-case-study-tabs-content .tab-pane:not(:first-child) {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
    }

    .hp-mobile-case-study {
        position: relative;
        margin: 0 10px;
    }

        .hp-mobile-case-study.slick-center {
            transform: scale(1);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
            z-index: 2;
        }

    .slick-slide:not(.slick-center) .hp-case-study-info {
        display: none;
    }
    /*.slick-slide:not(.slick-center){
	    max-width:260px;
	    transform:scale(0.9);
	    position:relative;
	    left:230px;
	}

	.hp-mobile-case-study.slick-center + .slick-slide{
	    left:auto;
	    right:230px;
	}*/
    .hp-mobile-case-study .hp-mobile-case-study-img {
        margin-bottom: 20px;
    }

        .hp-mobile-case-study .hp-mobile-case-study-img a {
            display: block;
        }

        .hp-mobile-case-study .hp-mobile-case-study-img img {
            width: 100%;
            height: 260px;
            border-radius: 5px;
            object-fit: cover;
        }

            .hp-mobile-case-study .hp-mobile-case-study-img img[src$=".gif"] {
                max-height: 156px;
                max-width: 100%;
                width: auto;
                margin: auto;
            }

    .hp-mobile-case-study .hp-case-study-info {
        padding-right: 0;
        padding-left: 0;
    }

        .hp-mobile-case-study .hp-case-study-info h4 {
            font-size: 18px;
            line-height: 22px;
        }

        .hp-mobile-case-study .hp-case-study-info p {
            font-size: 16px;
            line-height: 24px;
            margin-bottom: 10px;
        }

    .hp-case-study-info > span {
        font-size: 14px;
        line-height: 20px;
        color: #aaaaaa;
        margin-bottom: 15px;
    }

    .hp-case-study-info span i {
        margin: 0;
    }

    .hp-mobile-case-study .hp-case-study-info .view-more {
        margin-top: 10px;
    }

    .hp-case-study-tabs .nav-tabs {
        justify-content: flex-start;
    }

        .hp-case-study-tabs .nav-tabs .nav-item {
            margin: 10px 10px 10px 0px;
        }

            .hp-case-study-tabs .nav-tabs .nav-item:nth-child(2n+0) {
                /*margin-right: 0px;*/
            }

            .hp-case-study-tabs .nav-tabs .nav-item a {
                background: #f4f4f4;
                border-radius: 14px;
                border: none;
                padding: 3px 14.5px;
                font-family: 'openSans-light';
                font-size: 12px;
                font-weight: 300;
                line-height: 2;
                color: #303030;
            }

                .hp-case-study-tabs .nav-tabs .nav-item a.active {
                    background: #ff5c00;
                    font-family: 'openSans-regular';
                    color: #FFFFFF;
                    border: none;
                    padding: 3px 13.73px;
                }

    .hp-insights-section {
        padding: 0 16px 40px;
        background: #FFFFFF;
        overflow: hidden;
    }

    .hp-insights-section-container {
        margin: 0 auto;
        max-width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
    }

    .hp-insights-head h3 {
        font-family: 'openSans-light';
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        color: #303030;
    }

        .hp-insights-head h3 br {
            display: none;
        }

        .hp-insights-head h3 span {
            font-size: 18px;
            line-height: 24px;
            font-family: 'openSans-regular';
            font-weight: 300;
        }

    .hp-insights-wrapper {
        flex-direction: column;
        margin: 15px 0 0 0;
        box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.07);
        border-radius: 8px;
        padding: 15px;
    }

    .hp-big-insights {
        margin: 0 0 25px 0;
        padding: 0 0 15px 0;
        border-bottom: solid 1px #dbdbdb;
    }

        .hp-big-insights:not(:last-of-type) {
            border-bottom: 1px solid #CECECE;
        }

        .hp-big-insights a {
            padding: 10px;
        }

            .hp-big-insights a:hover {
                box-shadow: none;
            }

    .insight-category {
        width: 110px;
    }

        .insight-category p {
            font-family: 'openSans-semi-bold';
            font-size: 12px;
            font-weight: 600;
            line-height: 1.33;
        }

    .hp-insights-info {
        padding: 30px 0 0 0;
    }

        .hp-insights-info h4 {
            font-family: 'openSans-semi-bold';
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            color: #303030;
            margin-bottom: 10px;
        }

        .hp-insights-info p {
            font-family: 'openSans-regular';
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: #676767;
            margin: 0 0 10px;
        }

        .hp-insights-info span {
            font-family: 'openSans-regular';
            font-size: 12px;
            color: #676767;
            padding: 0;
            display: flex;
        }

        .hp-insights-info .insight-category-info {
            /*display: none !important*/
        }

        .hp-insights-info .insight-category-text, .hp-insights-info .insight-category-text > span {
            font-size: 12px !important;
            line-height: 18px !important;
        }

        .hp-insights-info span span {
            margin: 0 5px !important;
        }

    .hp-small-insights {
        flex-direction: column;
        padding: 0;
        margin-bottom: 25px;
        border-bottom: solid 1px #dbdbdb;
    }

        .hp-small-insights a {
            padding: 10px;
            flex-direction: column;
            width: 100%;
        }

        .hp-small-insights:last-child {
            border: none;
            margin-bottom: 0;
        }

        .hp-small-insights:first-child {
            display: none;
        }

        .hp-small-insights .hp-insights-img {
            width: 100%;
        }

        .hp-small-insights a .hp-insights-img img {
            width: 100%;
            max-height: inherit;
        }

        .hp-small-insights .hp-insights-info {
            width: 100%;
            padding: 30px 0 0 0;
        }

            .hp-small-insights .hp-insights-info h4 {
                font-family: 'openSans-semi-bold';
                font-size: 16px;
                font-weight: 600;
                line-height: 1.25;
                color: #303030;
                margin-bottom: 12px;
            }

            .hp-small-insights .hp-insights-info p {
                /*display: none;*/
                font-size: 16px;
            }

    .subscribe-section {
        padding: 16px;
        /*background: url(../images/home-new/subscribe-bg.svg) no-repeat;
        background-position: right bottom;*/
        overflow: hidden;
        background: #f5f6fa;
    }

    .drop-link-box {
        background: url(../images/sketch.png) no-repeat;
        /*background-color: #f5f6fa;*/
        background-position: 100% 100% !important;
        background-size: 180px;
        min-height: 300px;
    }

    .drop-link-box-2 {
        background-size: 67% !important;
        background-position: 100% 100% !important;
        background: url(../images/drop-us/sketch.webp) no-repeat;
        background-color: transparent;
    }

    .subscribe-container {
        max-width: 440px;
        margin: auto;
    }

        .subscribe-container h3 {
            font-size: 18px !important;
            line-height: 24px !important;
            color: #303030;
            margin-bottom: 8px;
        }

        .subscribe-container p {
            font-family: 'openSans-regular';
            font-size: 16px !important;
            font-weight: 400;
            line-height: 20px;
            color: #676767;
            /*padding-right: 26px;*/
        }

        .subscribe-container .d-flex {
            margin-top: 25px;
            flex-direction: column;
            align-items: flex-start !important;
            width: 100%;
        }

        .subscribe-container .form-group {
            margin: 0;
            width: 100%;
        }

            .subscribe-container .form-group .form-control {
                font-family: 'openSans-light';
                font-size: var(--fs-14);
                border-radius: 0;
                font-weight: 300;
                line-height: 1.71;
                color: var(--text-secondary);
                /*padding: 8.5px 15px;*/
                padding: 13px 15px 4px 0;
                margin-bottom: 15px;
                background: #FFFFFF;
                border: none;
                border-bottom: 1px solid #C4C4C4;
            }

    .subscribe-section span.error-message-red {
        margin-bottom: 5px;
        margin-top: -5px;
    }

    .subscribe-thankyou-container {
        max-width: 60%;
        margin: 0;
        padding: 15px 0;
    }

        .subscribe-thankyou-container img {
            margin-bottom: 10px;
            max-width: 40px;
        }

        .subscribe-thankyou-container h3,
        .subscribe-thankyou-container .subscribe-title {
            font-family: 'openSans-semi-bold';
            font-size: 22px;
            font-weight: 600;
            line-height: 1.09;
            color: #303030;
            margin-bottom: 10px;
        }

        .subscribe-thankyou-container p {
            font-family: 'openSans-light';
            font-size: 16px;
            font-weight: 300;
            line-height: 1.5;
            color: #303030;
        }

    .common-btn {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 700;
        line-height: 22px;
        color: #FFFFFF;
        padding: 9px 13.3px 8px 13.3px;
        margin-top: 25px;
    }

    .clients-slider-section {
        padding: 40px 20px 30px;
        overflow: hidden;
    }

    .clients-slider-main .slick-arrow {
        width: 15px;
        height: 30px;
        top: 61%;
    }

        .clients-slider-main .slick-arrow.prev {
            left: -24px;
        }

        .clients-slider-main .slick-arrow.next {
            right: -24px;
        }

    .clients-slide {
        transform: scale(1);
        overflow: hidden;
        padding: 0 5px;
    }

        .clients-slide::before {
            content: '';
            /*width: calc(100% + 20px);
		height: 28%;
		background: #f37222;
		position: fixed;
		left: 50%;
		bottom: 0;
		border-radius: 100% 100% 0 0;
		transform: translate(-50%, 50px);
		z-index: 0;*/
        }

        .clients-slide img {
            width: 100%;
            height: 190px;
            border-radius: 8px;
            object-fit: cover;
        }

        .clients-slide .desktop-slide {
            display: none;
        }

        .clients-slide .mobile-slide {
            display: block;
        }

    .clients-slider-main .slick-dots {
        width: auto;
        left: 23%;
    }

        .clients-slider-main .slick-dots li {
            width: 10px;
            height: 10px;
            margin: 0 10px 0 0;
        }

            .clients-slider-main .slick-dots li button {
                opacity: 1;
                border: 2.6px solid #ff6900;
                border-radius: 100%;
                background: #ff6900;
            }

            .clients-slider-main .slick-dots li.slick-active {
                width: 14px;
                height: 14px;
            }

                .clients-slider-main .slick-dots li.slick-active button {
                    border: 2.6px solid #ff6900;
                    background: #fff;
                }

    .clients-slider-head {
        width: 100%;
        margin-top: 0;
        margin-bottom: 20px;
        /*position: absolute;
		bottom: 0;
		border-radius: 4px;
		box-shadow: 0 0 6px 0 rgba(245, 240, 237, 0.44);
		background-color: #f5f6fa;
		margin: 0 auto;
		padding: 10px 12px 35px 12px;
		left: 0;
		right: 0;
		display: block;*/
    }

        .clients-slider-head h4 {
            font-size: var(--fs-20) !important;
            line-height: 24px !important;
        }

            .clients-slider-head h4 span {
                font-size: var(--fs-16);
                line-height: 20px;
            }

        .clients-slider-head p {
            display: none;
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 300;
            line-height: 1.25;
            text-align: center;
            color: #303030;
        }

            .clients-slider-head p span {
                font-family: 'openSans-light';
                font-weight: normal;
                display: block;
            }

    .clients-slider-main {
        position: relative;
    }

    .clients-slider-head {
        z-index: 1;
    }

    .xclients-slide::before {
        content: '';
        position: absolute;
        bottom: 0px;
        left: 0;
        right: 0;
        height: 25px;
        background: #f37222;
        border-radius: 100% 100% 0% 0%;
        z-index: 1;
    }

    .getin-tocuh-strip {
        flex-direction: column;
        position: relative;
        padding: 20px 30px;
        align-items: flex-start;
        overflow: hidden;
    }

        .getin-tocuh-strip .getin-tocuh-info {
            margin: 0;
        }

        .getin-tocuh-strip h3 {
            font-family: openSans-bold;
            font-size: 24px !important;
            line-height: 30px !important;
        }

    .getin-tocuh-info .getin-tocuh-info-title {
        font-size: 24px;
        line-height: 30px;
    }

    .getin-tocuh-strip p {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 20px;
    }

    .getin-tocuh-strip .common-btn {
        margin-top: 20px;
        font-family: 'openSans-semi-bold';
        font-size: 12.8px;
        line-height: 16px;
        letter-spacing: normal;
        color: #ff6900;
        padding: 8.5px 20px;
        box-shadow: 0px 3px 16px rgba(227, 91, 54, 0.423869);
        border-radius: 6.4px;
    }

    .footer-main {
        padding: 35px 15px 0px 15px;
    }

    .footer-top-wrapper {
        max-width: 100%;
        padding: 0 0;
        flex-direction: column;
    }

    .footer-lets-connect {
        width: 100%;
        order: 3;
    }

        .footer-lets-connect.contact {
            margin-bottom: 30px;
        }

    .footer-service-links {
        margin-bottom: 5px;
    }

    .footer-lets-connect.map img {
        width: 100%;
    }

    .contactinfo {
        width: 100%;
    }

    .footer-bottom.smalllogo {
        justify-content: center;
        padding: 22px 0 22px 0;
        flex-direction: unset;
    }

        .footer-bottom.smalllogo ul {
            gap: 28px;
            flex-wrap: wrap;
            display: flex;
            justify-content: center;
        }

            .footer-bottom.smalllogo ul li, .footer-bottom.smalllogo ul li a {
                margin: 0;
                padding: 0;
            }

                .footer-bottom.smalllogo ul li a img {
                    width: 50px;
                }

    .footer-lets-connect .title {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .footer-quick-contact ul {
        flex-direction: column;
    }

        .footer-quick-contact ul li {
            margin: 0 0 20px 0 !important;
        }

            .footer-quick-contact ul li img {
                margin-right: 20px;
            }

            .footer-quick-contact ul li span {
                font-size: 18px;
            }

            .footer-quick-contact ul li:first-child {
                margin-right: 40px;
            }

    .footer-service-links-wrapper {
        max-width: 100%;
        padding: 0 0;
        flex-direction: column;
        margin-top: 10px !important;
        margin-bottom: 30px;
    }

    .footer-lets-connect.map .footer-service-links-wrapper {
        margin-bottom: 0px;
    }

    .footer-service-links {
        flex-direction: column;
    }

        .footer-service-links .footer-links {
            margin: 0 0 24px 0;
        }

    .footer-links h5 ~ h5 {
        margin-top: 10px;
    }

    .footer-links ul {
        display: contents;
        flex-wrap: wrap;
        justify-content: flex-start;
        flex-direction: row;
    }

        .footer-links ul li {
            margin: 4.5px 0 !important;
            min-width: 43%;
        }

            .footer-links ul li a {
                font-size: 14px;
            }

    .footer-nav-main {
        display: flex;
        flex-direction: column;
        width: calc(100% + 30px);
        margin-left: -15px;
    }

    .footer-links.smalloption .scrollable-tabs {
        max-width: 100%;
        overflow: auto;
        justify-content: flex-start;
    }

        .footer-links.smalloption .scrollable-tabs::-webkit-scrollbar {
            width: 0 !important;
            display: none;
        }

    .footer-links.smalloption .scrollable-tabs {
        overflow: -webkit-scrollbars-none;
        overflow: -moz-scrollbars-none;
        overflow: -o-scrollbars-none;
        overflow: scrollbars-none;
        scroll-behavior: smooth;
    }

    .footer-links.smalloption .scrollable-tabs {
        -ms-overflow-style: none;
    }

    .footer-links.smalloption ul {
        display: flex;
        width: max-content;
        flex-wrap: nowrap;
        padding: 0 15px;
    }

        .footer-links.smalloption ul li {
            min-width: inherit;
            margin: 4.5px 10px !important;
            white-space: nowrap;
        }

            .footer-links.smalloption ul li:first-child {
                margin-left: 0 !important;
            }

            .footer-links.smalloption ul li:last-child {
                margin-right: 0 !important;
            }



    .footer-social {
        max-width: 100%;
        margin: 30px 0 13px 0;
        padding: 0 0px;
        align-self: unset;
    }

    .footer-bottom {
        max-width: 100%;
        margin: 0px auto 0 auto;
        flex-direction: column;
        padding: 15px 0;
        align-items: flex-start;
    }

        .footer-bottom.copyright {
            padding: 11px 15px 11px 15px;
        }

            .footer-bottom.copyright p {
                font-family: 'openSans-regular';
                font-size: 12px;
                line-height: 20px;
                color: #FFF;
                font-weight: 600;
            }

        .footer-bottom p {
            font-family: 'openSans-regular';
            font-size: 12px;
            line-height: 1.33;
            color: #606060;
            margin-bottom: 8px;
        }

        .footer-bottom ul li a::before {
            height: 10px;
            top: calc(50% - 5px);
        }

        .footer-bottom ul li a {
            font-size: 12px;
        }

    .footer-social ul {
        display: flex;
        justify-content: center;
        gap: 18px;
    }
    /******************  Contact us start  *********************/
    .contact-us-top-wrapper {
        background: url(../images/contact-us/contact-bg-mob.png) no-repeat;
        background-size: 100%;
        background-position: left -2%;
    }
    /*.contact-us-top-wrapper.bg-top {
        background-position: 100% -20%;
    }*/
        .contact-us-container {
            max-width: 100%;
            padding: 80px 0 0 0;
            /*padding: 80px 0 0 0;*/
        }

    .contact-us-head {
        padding: 0 15px;
        text-align: center;
    }

        .contact-us-head h1 {
            font-size: 24px;
            color: #303030;
            margin-bottom: 0px;
            line-height: 29px;
            text-align: left;
        }

        .contact-us-head p.alt-h1 {
            font-size: 20px;
            background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            margin-bottom: 0px;
            line-height: 28px;
            text-align: center;
            font-family: 'openSans-bold';
        }

        .contact-us-head p {
            font-size: 16px;
            font-weight: 300;
            color: #303030;
        }

    .contact-us-form-wrapper {
        padding: 0px 0 30px 0;
        margin-bottom: 40px;
        margin-top: 0px;
    }

        .contact-us-form-wrapper .tabs-main {
            padding: 0 16px;
        }

        .contact-us-form-wrapper .nav-tabs {
            flex-direction: column;
            align-items: flex-start;
        }

        .contact-us-form-wrapper .tabs-main .nav-item {
            margin: 0 0 10px 0;
            width: 100%;
        }

            .contact-us-form-wrapper .tabs-main .nav-item:last-child {
                margin: 0;
            }

            .contact-us-form-wrapper .tabs-main .nav-item a,
            .contact-us-form-wrapper .tabs-main .nav-item a.active {
                padding: 12px 60px 12px 15px;
                min-height: inherit;
                text-align: left;
            }

                .contact-us-form-wrapper .tabs-main .nav-item a.active::before {
                    content: none;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a p,
                .contact-us-form-wrapper .tabs-main .nav-item a.active p {
                    max-width: inherit;
                    margin: 0;
                    display: block;
                    font-size: 14px;
                    color: #676767;
                    line-height: 17px;
                }

                    .contact-us-form-wrapper .tabs-main .nav-item a p span,
                    .contact-us-form-wrapper .tabs-main .nav-item a.active p span {
                        font-size: 12px;
                    }

                .contact-us-form-wrapper .tabs-main .nav-item a .view-more p::before {
                    background: #f37222;
                    width: 100%;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a h3,
                .contact-us-form-wrapper .tabs-main .nav-item a.active h3 {
                    font-size: 20px;
                    letter-spacing: 0.25px;
                    color: #303030;
                    line-height: 24px;
                    padding: 0 !important;
                    margin-bottom: 0;
                    font-family: 'openSans-semi-bold';
                }

                .contact-us-form-wrapper .tabs-main .nav-item a::before {
                    content: none !important;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a h3 span,
                .contact-us-form-wrapper .tabs-main .nav-item a.active h3 span {
                    display: inline-block;
                    font-size: 14px !important;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a .view-more,
                .contact-us-form-wrapper .tabs-main .nav-item a.active .view-more {
                    display: flex;
                    margin-top: 14px;
                }

                .contact-us-form-wrapper .tabs-main .nav-item a .tab-img,
                .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img {
                    left: auto;
                    transform: translate(0, -50%);
                    right: 0;
                    top: 35px;
                    width: 54px;
                    height: 54px;
                }

                    .contact-us-form-wrapper .tabs-main .nav-item a .tab-img img,
                    .contact-us-form-wrapper .tabs-main .nav-item a.active .tab-img img {
                        position: relative;
                        top: 50%;
                        transform: translate(-50%, -50%);
                        left: 50%;
                    }

                .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span {
                    font-size: 12px;
                    color: #fa6400;
                    padding: 0 !important;
                }

        .contact-us-form-wrapper .tvd-angular-field .dropdown::after {
            top: 10px;
        }

        .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span::before {
            right: -15px;
        }

        .contact-us-form-wrapper .tabs-main .nav-item a .view-more p span::after {
            content: none;
        }
        /*fixed styling start*/
        .contact-us-form-wrapper .tabs-main.fixed {
            padding: 0;
            max-width: 100%;
            overflow-y: auto;
            box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
            background-color: #FFFFFF;
            padding: 19px;
            display: flex;
        }

            .contact-us-form-wrapper .tabs-main.fixed.affix {
                position: fixed;
                left: 0;
                right: 0;
                top: 0px;
                z-index: 9;
                animation: none;
                -webkit-transition: 0.2s;
                -moz-transition: 0.2s;
                -o-transition: 0.2s;
                transition: 0.2s;
            }

    @keyframes contact-tabs-slideDown {
        from {
            top: -100%;
        }

        to {
            top: 55px;
        }
    }

    .contact-us-form-wrapper .tabs-main.fixed.affix.moveDown {
        top: 0px;
        animation: 0.2s 0.3s contact-tabs-moveDown forwards;
    }

    @keyframes contact-tabs-moveDown {
        from {
            top: 0;
        }

        to {
            top: 55px;
        }
    }

    .contact-us-form-wrapper .tabs-main.fixed::-webkit-scrollbar,
    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs::-webkit-scrollbar {
        width: 0 !important;
        display: none;
    }

    .contact-us-form-wrapper .tabs-main.fixed,
    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        overflow: -webkit-scrollbars-none;
        overflow: -moz-scrollbars-none;
        overflow: -o-scrollbars-none;
        overflow: scrollbars-none;
        scroll-behavior: smooth;
    }

    .contact-us-form-wrapper .tabs-main.fixed,
    .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
        -ms-overflow-style: none;
    }

        .contact-us-form-wrapper .tabs-main.fixed .nav-tabs {
            flex-direction: row;
            flex-wrap: nowrap;
            transform: translate(0px, 0px);
            margin: 0;
        }

        .contact-us-form-wrapper .tabs-main.fixed .nav-item {
            margin: 0 35px 0 0 !important;
            min-width: max-content;
            min-width: -webkit-max-content;
            min-width: -moz-max-content;
        }

            .contact-us-form-wrapper .tabs-main.fixed .nav-item a {
                padding: 0;
                box-shadow: none;
                min-width: max-content;
                min-width: -webkit-max-content;
                min-width: -moz-max-content;
            }

                .contact-us-form-wrapper .tabs-main.fixed .nav-item a h3 {
                    margin: 0;
                    display: flex;
                    align-items: baseline;
                    font-family: 'openSans-regular';
                    font-size: 16px;
                    line-height: 19px;
                    color: #909090;
                }

                    .contact-us-form-wrapper .tabs-main.fixed .nav-item a h3 span {
                        display: inline-block;
                        margin-left: 5px;
                    }

                .contact-us-form-wrapper .tabs-main.fixed .nav-item a.active h3 {
                    color: #f37222;
                }

                .contact-us-form-wrapper .tabs-main.fixed .nav-item a p,
                .contact-us-form-wrapper .tabs-main.fixed .nav-item a .tab-img,
                .contact-us-form-wrapper .tabs-main.fixed .nav-item a .view-more {
                    display: none;
                }
    /*fixed styling end*/
    .contact-us-form-wrapper .tabs-content-main {
        max-width: 100%;
        padding: 20px 16px 0 16px;
        /*display: none;*/
    }

    .contact-us-form-wrapper .tabs-main.fixed + .tabs-content-main {
        display: block;
    }

    .contact-us-form-wrapper .tabs-content-main h3 {
        font-size: 18px;
        line-height: 24px;
        color: #303030;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-field input,
    .tabs-content-main .contact-field textarea {
        padding: 7px 0 !important;
    }

        .contact-us-form-wrapper .tabs-content-main .contact-field input ~ label,
        .tabs-content-main .contact-field textarea ~ label {
            transform: translate(0, 1.5rem) scale(1) !important;
            font-size: 14px !important;
            color: #909090;
            line-height: 17px;
            font-family: 'openSans-regular';
        }

        .tabs-content-main .contact-field textarea ~ label {
            font-size: 14px !important;
            color: #909090;
            line-height: 17px;
            margin: 0;
        }

    .tabs-content-main .contact-field.focused textarea ~ label {
        font-size: 10px !important;
        margin: 0;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-field label ~ span,
    .contact-us-form-wrapper .tabs-content-main .contact-field .dropdown ~ span {
        top: 52px;
        font-size: 12px;
        line-height: 16px;
        /*padding-left: 17px;*/
        /*background: url(../images/error-icon.svg) no-repeat;*/
        background-size: auto 90%;
    }

    .contact-field-row {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }

    .quick-contact-form .tvd-angular-field.mob-number.mob-contact-no2 label {
        left: 40% !important;
    }


    .tvd-angular-field.contact-field.bhaasha-page .only-business-id {
        position: absolute;
        top: 60px;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #999999;
        min-width: 320px;
        font-family: 'openSans-regular';
    }

    .contact-us-form-wrapper .tabs-content-main p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        margin-bottom: 10px !important;
        top: 70px !important;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-field {
        width: 100%;
        max-width: 100% !important;
        margin-right: 0;
        margin-bottom: 20px;
        margin-top: 0px;
    }

        .contact-us-form-wrapper .tabs-content-main .contact-field.com {
            margin-top: 35px;
        }


    .contact-us-form-wrapper input[type="file"] ~ label {
        flex-wrap: wrap;
        margin-bottom: 10px;
        max-width: 100%;
    }

    .contact-us-form-wrapper .form-group {
        align-items: flex-start;
        padding-left: 0px;
        padding-right: 5px;
        margin-bottom: 16px;
    }

        .contact-us-form-wrapper .form-group span {
            padding-top: 2px;
        }

        .contact-us-form-wrapper .form-group .contact-field {
            max-width: 40px !important;
            margin-bottom: 25px;
            padding: 0;
        }

            .contact-us-form-wrapper .form-group .contact-field input {
                padding: 0 !important;
            }

    .contact-us-form-wrapper .captcha .contact-field {
        margin-bottom: 0;
    }

    .contact-us-form-wrapper .form-group span.cc-message {
        padding-top: 2px;
        max-width: 80%;
        margin: 0 0 0 9px;
        flex: 1;
    }

    .contact-field-row.submit-btn-main {
        align-items: flex-start;
    }

    .contact-us-form-wrapper .tabs-content-main .contact-checkbox {
        margin: 5px 10px 40px 0;
    }
    /*.contact-us-form-wrapper .tabs-content-main .contact-checkbox label {
        border-radius: 14px;
        background-color: #f4f4f4;
       font-family: 'openSans-light';
        font-size: 12px;
        font-weight: 300;
        font-style: normal;
        font-stretch: normal;
        line-height: 2;
        letter-spacing: normal;
        color: #303030;
        padding: 3px 13.8px;
    }
    .contact-us-form-wrapper .tabs-content-main .contact-checkbox input:checked+label {
        font-family: 'openSans-regular';
        padding: 3px 13.8px;
    }*/
    .emailus-strip-wrapper {
       
        padding: 10px 15px;
        margin-bottom: 25px;
    }

        .emailus-strip-wrapper h3 {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 30px;
            background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-family: 'openSans-bold';
            font-weight: 700;
        }

    .emailus-strip-main {
        width: 100%;
        flex-wrap: wrap;
        border-radius: 16px;
        gap:0px;
        /*justify-content: center;*/
        margin: 0;
        padding: 0px;
        background: #FFFFFF;
        padding: 40px 16px;
        box-shadow: 0px 4px 56px 0px #CE500926;
    }

    .emailus-strip-box {
        margin: 0 0px 30px 0;
        width: 203px;
    }

        .emailus-strip-box img {
            flex: inherit;
            max-width: 40px;
            height: 40px;
        }

        .emailus-strip-box:last-child {
            margin-bottom: 0;
        }

        .emailus-strip-box h4 {
            font-size: 18px;
            line-height: 24px;
            color: #606060;
            text-align: left;
        }

        .emailus-strip-box p a {
            font-size: 18px;
            line-height: 24px;
            color: #676767;
            font-family: 'openSans-regular';
        }
        

    .contact-presence-wrapper {
        background-image: none;
        /*background-position: 0 0;
        background-position: 0 -70px;
        background-size: 98%;*/
        background-color: #fff;
        padding: 0 16px 40px 16px;
    }

    .contact-presence-container {
        max-width: 100%;
        margin: auto;
        padding: 0;
        display: flex;
        align-items: center;
        flex-direction: column;
    }

    .contact-presence-info {
        flex: 1;
        max-width: 100%;
        margin-right: 0;
        padding-top: 0;
        margin-bottom: 30px;
        text-align: center;
    }

        .contact-presence-info.contact-new p i:nth-child(9) {
            display: none;
        }

        .contact-presence-info h3 {
            font-family: 'openSans-bold';
            font-size: 20px;
            line-height: 28px;
            text-align: center;
            background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .contact-presence-info span {
            font-family: 'openSans-regular';
            font-size: 16px;
            line-height: 24px;
            text-align: center;
            color: #676767;
            margin-bottom: 24px;
        }

        .contact-presence-info p {
            font-size: 16px;
            line-height: 19px;
            color: #303030;
            font-family: 'openSans-regular';
            display: block;
        }

    .contact-presence-countries {
        justify-content: space-between;
        width: 100%;
        flex-wrap: wrap;
        padding-top: 0px;
    }

    .contact-presence-colm {
        max-width: 100%;
        margin: 0 0 20px 0;
        display: flex;
        flex-wrap: wrap;
    }

    .contact-presence-country {
        width: 100%;
        max-width: 150px;
        max-height: 148px;
        flex: auto;
        margin: 0 0 30px 0;
        padding: 45px 20px 45px 20px;
    }

        .contact-presence-country.signapore {
            width: 332px;
            max-width: 100%;
        }

        .contact-presence-country:nth-of-type(even) {
            margin-right: 0 !important;
        }

        .contact-presence-country:nth-of-type(odd) {
            margin-right: 16px;
        }

        .contact-presence-country p,
        .contact-presence-country:hover p {
            font-size: 18px;
        }

        .contact-presence-country.industries-presence {
            padding:35px 15px;
        }

        .contact-presence-colm:last-child,
        .contact-presence-country:last-child {
            margin: 0;
        }

        .contact-presence-country .contact-presence-icon {
            width: 48px;
            height: 48px;
            margin-bottom: 8px;
            margin: auto;
        }
        /*.contact-presence-country img.dark {
        max-height: 40px;
    }*/
        .contact-presence-country img.light,
        .contact-presence-country:hover img.light {
            max-height: 100%;
            top: 0;
            left: 0;
        }

    .contact-social-container {
        padding: 40px 0 0 0;
    }

        .contact-social-container h3 {
            font-family: 'openSans-bold';
            font-size: 20px;
            line-height: 24px;
            text-align: center;
            color: #303030;
        }

    .contact-social-main {
        flex-wrap: nowrap;
        justify-content: center;
        gap: 16px;
    }

    .contact-social {
        margin: 18px 0px 0 0px;
    }

        .contact-social a img {
            display: block;
            width: 32px;
        }

  
       /* .contact-social a img {
            max-width: 50px;
        }*/
    /******************  Contact us end  *********************/
    /*our work start*/
    .slider-top-content .slide-caption-info h3 {
        font-size: 20px;
        padding: 0 15px;
        line-height: 1.5;
    }

    .slider-top-content .slide-caption-info p {
        font-size: 15px;
        padding: 0 15px;
    }

    .our-work-listing > li {
        font-size: 12px;
    }

    .our-work-listing {
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 15px;
    }

        .our-work-listing > li {
            font-size: 14px;
            padding: 0 12px !important;
        }

    .experience-us-container .hp-clients-head h3 {
        padding: 0 35px;
    }

    .card-container .hp-case-study-fig {
        display: none;
    }

    .card-container {
        padding: 0 30px;
    }

        .card-container .hp-case-study-img img {
            height: 280px;
            border-radius: 5px;
        }

        .card-container .hp-case-study-info {
            width: 100%;
        }

        .card-container .card-body {
            padding: 12px 0;
        }

    .thankyou-work {
        max-width: 140px;
        margin: 0;
    }

        .thankyou-work > h2 {
            font-size: 20px;
        }

        .thankyou-work > p.head {
            font-size: 20px;
        }

        .thankyou-work > p {
            font-size: 16px;
            padding: 0 10px;
        }

    .career-thankyou {
        max-width: 100%;
        margin: 0;
    }

        .career-thankyou h2 {
            font-family: 'openSans-semi-bold';
            font-size: 24px;
            line-height: 26px;
            margin-bottom: 10px;
            margin-top: 15px;
        }

        .career-thankyou p {
            font-size: 18px;
            font-family: 'openSans-light';
        }

    .card-title {
        font-size: 18px;
    }

    .card-container .hp-case-study-info p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .card-container .hp-case-study-info span {
        font-size: 12px;
        line-height: 18px;
    }

    .card-container .view-more span {
        color: #f37222;
    }

    .card-container .view-more a::before {
        background: #f37222;
        height: 2px;
        bottom: 2px;
    }

    .card-container .view-more a span::after {
        opacity: 1;
    }

    .card-container .view-more a span::before {
        display: none;
        top: calc(50% - 2px);
    }

    .our-work-top-wrapper .card-box:nth-child(even) {
        padding: 0 15px;
    }

    .drop-link-box .subscribe-container p {
        font-size: 14px;
    }

    .subscribe-web-app-form .only-business-id,
    .case-study-form p.only-business-id {
        font-size: 14px !important;
    }

    .drop-link-box .subscribe-container .form-control::placeholder {
        color: #aaa;
    }

    .card-box {
        margin-bottom: 15px;
    }

    .desk-hide {
        display: block;
    }

    .mob-hide {
        display: none;
    }

    .our-work-top-wrapper .view-more span {
        font-size: 12px;
        color: #f37222;
    }

    .our-work-top-wrapper .view-more a::before {
        background: #f37222;
        height: 2px;
        bottom: 2px;
    }

    .hr-box {
        padding: 0 20px;
    }

    .our-work-top-wrapper {
        background: none;
        background-position: top right;
        padding-top: 80px;
    }

        .our-work-top-wrapper .subscribe-section {
            padding: 15px 15px 55px 30px;
        }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            flex-wrap: nowrap;
        }

        .our-work-top-wrapper .subscribe-section {
            background-size: 67% !important;
            background-position: 100% 100% !important;
            background: url(../images/sketch.png) no-repeat;
        }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item a {
            padding-left: 0;
            padding-right: 0;
        }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs .nav-item:last-child a {
            margin-right: 24px;
        }

        .our-work-top-wrapper .hp-case-study-tabs .nav-tabs {
            padding: 10px 0;
        }

        .our-work-top-wrapper .slider-top-content .slide-caption-info p {
            font-family: 'openSans-light';
            padding: 0 15px 6px 15px;
            font-size: 16px;
        }

        .our-work-top-wrapper .hp-case-study-tabs {
            font-family: 'openSans-light';
            padding: 10px 0px 5px;
        }
    /*our work end*/
    /*.pipe-mobile {
        position: relative;
        left: 24px;
        margin-left: -13px !important;
    }*/
    /* about us start */
    .about-us-top-wrapper {
        background: none;
    }

    .about-us-container {
        max-width: 100%;
        margin: auto;
        padding: 75px 20px 40px 20px;
    }

    .about-us-head {
        max-width: 100%;
        text-align: center;
    }

        .about-us-head h1 {
            font-size: 20px;
            margin-bottom: 10px;
            font-family: 'openSans-semi-bold';
        }

            .about-us-head h1 span {
                display: inline-block;
                font-family: 'openSans-regular';
            }

        .about-us-head p {
            font-size: 16px;
            font-weight: normal;
            line-height: 1.38;
            color: #676767;
        }

            .about-us-head p span {
                font-weight: 300;
            }

    .about-us-certificates-main {
        display: block;
        border-radius: 4.5px;
        box-shadow: 0 0 8px 6px rgba(0, 0, 0, 0.04);
        background-color: #FFFFFF;
        padding: 20px;
        max-width: 280px;
        margin: 25px auto 0 auto;
    }

    .about-us-certificate {
        margin: 0;
        width: 100%;
        max-width: inherit;
    }

        .about-us-certificate img {
            width: 175px;
            margin: auto;
        }

        .about-us-certificate.goodfirms img {
            width: 123px;
            margin: 0 auto;
        }

        .about-us-certificate p {
            padding: 0;
            font-size: 10px;
        }

    .back-image {
        margin: 0;
    }

    .see-who-we-are-head {
        padding: 0 16px;
        margin: 0 auto;
    }

        .see-who-we-are-head h2 {
            font-size: 18px;
            font-weight: 300;
            line-height: 1.89;
            color: #303030;
            margin-bottom: 10px;
        }

            .see-who-we-are-head h2 span {
                font-size: 18px;
            }

        .see-who-we-are-head p {
            font-size: 16px;
            font-weight: 300;
            line-height: 1.25;
            text-align: center;
            color: #676767;
        }

    .our-leader-main-container {
        max-width: 100%;
    }

    .team-title {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .team-sub-title {
        font-size: 16px;
        max-width: 234px;
        margin: auto;
        line-height: 20px;
    }

    .team-heading {
        font-size: 14px;
    }

    .leadership-team-section {
        margin-top: 14px;
    }

    .individual-leader-wrp {
        width: 280px;
        margin: 15px auto 0;
        margin-top: 15px;
        padding: 15px 20px;
    }

        .individual-leader-wrp:first-child {
            margin-top: 5px;
        }

    .leader-info-wrp {
        padding: 15px 0 0 0;
    }

    .name-wid-post .name-txt {
        font-size: 18px;
    }

    .know-more-wrp {
        right: 0;
        bottom: 0;
    }

    .social-connect {
        margin: 10px 0 0;
    }

    .know-more-second-wrp {
        position: relative;
        margin-top: 20px;
    }

    .core-team-main-wrapper {
        max-width: 100%;
        margin-top: 35px !important;
    }

    .team-core-card {
        width: 156px;
        margin: 0 5px 16px 5px;
    }

        .team-core-card:last-of-type {
            margin-right: 10px;
        }

        .team-core-card:nth-of-type(3),
        .team-core-card:nth-of-type(4) {
            margin-bottom: 0;
        }

        .team-core-card .more-info {
            display: block;
            position: absolute;
            height: 25px;
            width: 25px;
            top: 5px;
            right: 5px;
        }

    .core-team-inner-wrapper .team-heading {
        margin: 10px 0;
    }

    .core-team-info {
        bottom: -78%;
        padding: 12px 8px 13px;
        transition: none;
    }

    .name-core-member {
        font-size: 14px;
        line-height: 12px;
        padding: 0 0 3px 0;
    }

    .leader-desg {
        font-size: 12px;
        line-height: 16px;
    }

    .name-core-member span {
        font-size: 12px;
        font-family: 'openSans-light';
        color: #303030;
        line-height: 12px;
        text-align: center;
        display: block;
        padding: 0;
        margin-top: 20px;
    }
    /*.team-leader-img {
        height: 160px;
        object-fit: cover;
    }*/

    .team-core-card:hover .core-team-info {
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        bottom: -78%;
    }

    .our-leader-team-wrapper .core-team-info {
        bottom: -76% !important;
    }

    .our-leader-team-wrapper .team-core-card:hover .core-team-info {
        padding: 12px 0;
        bottom: -76% !important;
    }

    .team-core-card:hover {
        -webkit-box-shadow: 0 0 20px 0 rgba(180, 180, 180, 0.42);
        box-shadow: 0 0 20px 0 rgba(180, 180, 180, 0.42);
        border-radius: 10px;
    }

        .team-core-card:hover .core-team-info.mob-core-team-card {
            width: 100%;
            position: fixed;
            z-index: 99;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            top: 0;
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            -webkit-animation-duration: 0.5s;
            animation-duration: 0.5s;
            padding: 20px;
        }

        .team-core-card:hover .name-core-member span {
            margin-top: 5px;
        }

    .core-team-info .close {
        display: block;
        position: relative;
        width: 20px;
        height: 20px;
        opacity: 1 !important;
        outline: none;
        float: none;
        margin-top: 15px;
        transform: scale(1.4);
    }

        .core-team-info .close::before {
            content: '';
            position: absolute;
            left: 0;
            top: calc(50% - 0.5px);
            width: 0px;
            height: 2px;
            background: #676767;
            transform: rotate(0deg);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .core-team-info .close.animated::before {
            animation: 0.7s 0.5s submenu-close-btn-animate1 forwards;
        }

        .core-team-info .close::after {
            content: '';
            position: absolute;
            left: 0;
            top: calc(50% - 0.5px);
            width: 0px;
            height: 2px;
            background: #676767;
            transform: rotate(0deg);
            -webkit-transition: 0.2s;
            -moz-transition: 0.2s;
            -o-transition: 0.2s;
            transition: 0.2s;
        }

        .core-team-info .close.animated::after {
            animation: 0.7s 0.5s submenu-close-btn-animate2 forwards;
        }

    .awards-recognition-section {
        padding: 0px 16px 40px 16px;
        background-size: 97%;
        background-position: 0 22.5%;
        margin-top: -35px;
    }

    .awards-recognition-wrapper {
        flex-direction: column;
        margin-top: 0px;
    }

    .awards-recognition-slider-main {
        max-width: 290px;
        margin: 0 auto;
    }

    .awards-recognition-slide p {
        font-size: 18px;
        line-height: 28px;
        padding: 0;
    }

    .awards-view-more-main-wrapper {
        margin-top: 24px;
    }

    .awards-main-wrapper {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
        justify-content: center;
        padding: 0;
    }

    .awards-main {
        max-width: 151px;
        margin: 0 10px 25px 10px;
    }

        .awards-main:nth-of-type(9) {
            display: none;
        }

        .awards-main p {
            font-size: 14px;
            line-height: 20px;
        }

        .awards-main span {
            font-size: 12px;
            line-height: 20px;
        }

    .awards-main-wrapper .view-more {
        margin: 10px auto 0 auto;
    }

    .about-insigths-section .hp-insights-section-container {
        box-shadow: none;
    }

    .about-insigths-section .hp-insights-head h3 {
        margin-bottom: 45px;
    }

    .about-insigths-section .hp-insights-head .nav-tabs .nav-link {
        font-size: 14px;
        border-bottom: 2px solid transparent;
        position: relative;
        font-family: 'openSans-regular';
    }
        /*.about-insigths-section .hp-insights-head .nav-tabs .nav-link::before {
            content: '';
            width: 20px;
            height: 1px;
            background: #303030;
            position: absolute;
            left: 0;
            bottom: 0;
        }*/
        .about-insigths-section .hp-insights-head .nav-tabs .nav-link.active::before {
            content: none;
        }

        .about-insigths-section .hp-insights-head .nav-tabs .nav-link.active {
            font-family: 'openSans-semi-bold';
            border-bottom: 2px solid #f37222;
        }

    .about-insigths-section .hp-insights-section-container .hp-insights-wrapper {
        margin-top: 25px;
    }

    .events-con-main-wrapper {
        margin-top: 45px !important;
        background: none;
    }

    .events-con-inner-wrapper {
        width: 100%;
    }

    .event-con-title {
        font-size: 18px;
    }

    .event-con-p {
        max-width: 245px;
        margin: auto;
        font-size: 14px;
    }

        .event-con-p span {
            font-size: 14px;
        }

    .event-con-slider {
        /*margin-top: 20px !important;*/
        max-width: 320px;
        margin: 20px auto 0 auto !important;
        position: relative;
    }

        .event-con-slider .slick-prev,
        .event-con-slider .slick-next {
            width: 28px;
            height: auto;
            background: rgba(255, 255, 255, 0.9);
            left: 2px;
            z-index: 5;
            padding: 5px 9px;
            top: 35%;
        }

        .event-con-slider .slick-next {
            left: auto;
            right: 2px;
        }

    .slick-slider-wrap .slick-inner-container {
        max-width: 100%;
    }

    .events-con-main-wrapper .slick-slide img {
        width: 320px;
        max-width: inherit;
    }

    .csr-slider-container {
        max-width: 100%;
    }

    .csr-slider {
        padding-bottom: 100px;
    }

        .csr-slider .csr-slider-info {
            left: 0;
            right: 0;
            margin: auto;
            bottom: 4%;
            width: 90%;
            max-width: inherit;
            text-align: center;
            padding: 10px 20px 50px 20px;
        }

            .csr-slider .csr-slider-info h4 {
                font-size: 14px;
                line-height: 2;
                margin-bottom: 3px;
            }

            .csr-slider .csr-slider-info p {
                font-size: 12px;
                line-height: 1.5;
            }

                .csr-slider .csr-slider-info p span {
                    display: none;
                }

    .csr-slider-main .slick-arrow {
        bottom: 60px;
    }

        .csr-slider-main .slick-arrow.slick-prev {
            right: auto;
            left: 44%;
        }

        .csr-slider-main .slick-arrow.slick-next {
            right: 44%;
        }

    .about-clients-slider-section {
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .about-clients-slider-section .clients-slider-head {
            margin-top: 0;
            margin-bottom: 20px;
        }

            .about-clients-slider-section .clients-slider-head h4 {
                display: block;
                font-size: 16px;
            }

            .about-clients-slider-section .clients-slider-head p {
                font-size: 14px;
                padding: 0 15px;
            }

                .about-clients-slider-section .clients-slider-head p span {
                    display: none;
                }

        .about-clients-slider-section .view-more {
            display: none;
        }
    /* about us end */
    /************** new about us start **************/
    .about-banner-wrapper {
        padding-top: 54px;
    }

    .home-sidenav-main.affix ~ div .about-banner-wrapper {
        padding-top: 55px;
    }

    .about-banner-main {
        /*padding: 0 16px 0 16px;*/
        /*background: #F37222 url(../images/about-new/about-bg-mob.svg) no-repeat;
        background-position: 100% 85%;
        background-size: 100%;*/
        position: relative;
        min-height: initial;
    }

        .about-banner-main::before {
            bottom: calc(100% - 50%);
            left: 85%;
        }

    /*.about-banner-main::after {
        content: '';
        width: 100%;
        height: 140px;
        background: #F37222 url(../images/about-new/about-bg-mob.png) no-repeat;
        background-position: 100% bottom;
        background-size: 100%;
        position: absolute;
        bottom: 40px;
        left: 0;
        z-index: 1;
    }*/
    .about-banner-container {
        padding: 40px 0 45px 0;
        max-width: 100%;
        margin-left: 0;
        flex-direction: column;
        border-left: 0;
        align-items: baseline;
        min-height: 425px;
    }

        .about-banner-container::before {
            display: none;
            /*left: -12.5px;
        top: calc(50% - 145px);
        font-size: 36px;
        line-height: 50px;
        background: #F37222;
        z-index: 2;*/
        }

        .about-banner-container:after {
            content: '';
            display: none;
            /*background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%) ;
         position: absolute;
         top: 0;
         left: 0;
         height: 95%;
         width: 4px;
         z-index: 1;
         overflow: hidden;*/
        }

    .about-banner-left p {
        font-size: 16px;
        line-height: 19px;
        width: 90%;
        margin-bottom: 6px;
    }

    .about-banner-left h2 {
        display: flex;
        font-size: 24px;
        line-height: 30px;
        font-weight: 900;
    }

    .about-banner-left {
        padding: 0 16px;
        margin-left: 5px;
    }

    .about-banner-right {
        width: 100%;
        margin: 60px auto 0 auto;
    }

    .about-banner-img {
        width: 100%;
    }

    .about-banner-right span {
        color: #fff;
        font-size: 16px;
        line-height: 20px;
        font-family: 'openSans-semi-bold';
        text-align: center;
    }

    .about-banner-right h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .about-banner-right p {
        font-size: 14px;
        line-height: 14px;
    }

    .about-banner-right::before, .about-banner-right::after {
        top: 24px;
        height: 100%;
    }
    /*about banner end*/
    .about-main-intro {
        max-width: 100%;
        padding: 25px 15px 40px 16px;
        margin: auto;
    }

        .about-main-intro p {
            font-size: 14px;
            line-height: 20px;
        }

            .about-main-intro p span {
                font-size: 22px;
            }

    .about-digital-exp-main {
        padding: 0px 16px 0 16px;
        flex-direction: column;
        background: none;
    }
    /*.about-digital-exp-fig {
        margin: 15px auto 40px;
    }*/
    .about-digital-exp-fig {
        margin-right: 0;
    }

        .about-digital-exp-fig h2 {
            font-family: 'openSans-semi-bold';
            color: #303030;
            margin-bottom: 24px;
            text-align: center;
            font-size: 18px;
            line-height: 24px;
        }

    .about-digital-exp-info {
        margin-top: 24px;
        text-align: center;
    }

        .about-digital-exp-info p {
            font-size: 14px;
            line-height: 20px;
        }

            .about-digital-exp-info p:first-of-type {
                margin-bottom: 20px;
            }

        .about-digital-exp-info h3 {
            font-size: 16px;
            line-height: 36px;
        }

    .about-our-story-main {
        padding: 50px 35px 60px 45px;
        background: url(../images/about-digital-exp-bg-1.svg) no-repeat, url(../images/about-digital-exp-firework.png) no-repeat 65% 4%, linear-gradient(135.04deg, #9B9BFF 23.78%, #6B6BFD 72.73%);
        background-size: 75px, 80px, auto;
        background-position: 0px 55px, 185px 0px, 0;
        flex-direction: column;
        align-items: flex-start;
    }

    .about-our-story-head {
        text-align: center;
        margin: 0 0 25px 30px;
    }

        .about-our-story-head h2 {
            font-size: 24px;
            max-width: 325px;
            line-height: 30px;
        }

    .about-our-story-timeline-main {
        flex-direction: column;
        align-items: flex-start;
        margin: 0 auto;
    }

        .about-our-story-timeline-main::before {
            content: '';
            position: absolute;
            top: 15px;
            height: 60%;
            width: 3px;
            margin: 0;
            left: 40%;
            background: white;
            animation: none;
        }

    .about-our-story-timeline .born-year {
        border: none;
        width: 65px;
        height: 65px;
        margin: 0;
    }

    .about-our-story-timeline {
        flex-direction: row;
        margin: 0 0 30px 0;
        width: 100%;
        align-items: center;
        justify-content: flex-start;
    }

        .about-our-story-timeline:first-child {
            padding-left: 80px;
        }

        .about-our-story-timeline:nth-child(2) {
            margin-top: 0px;
            margin-bottom: 50px;
            margin-left: 30px;
        }

        .about-our-story-timeline .timeline-dot {
            width: 22px;
            height: 22px;
            margin: 0 23px 0 20px;
        }

        .about-our-story-timeline h3,
        .about-our-story-timeline a {
            font-size: 18px;
            margin-left: 10px;
            position: relative;
            transform: translate(0px, 0px);
            left: auto;
            top: auto;
        }

        .about-our-story-timeline:last-child {
            flex-direction: column;
            margin-bottom: 0;
        }

        .about-our-story-timeline.about-our-story-awards-slider {
            max-width: 280px;
            flex-direction: row;
        }

        .about-our-story-timeline h4 {
            max-width: 100%;
        }

        .about-our-story-timeline .slick-arrow {
            width: 30px;
            height: 30px;
        }

            .about-our-story-timeline .slick-arrow img {
                max-width: 35%;
            }

    .our-team-main-wrapper .our-leader-team {
        max-width: 144px;
        margin: 15px;
    }

    .awards-modal .awards-modal-wrapper {
        padding-top: 5px;
    }

        .awards-modal .awards-modal-wrapper .team-title {
            font-size: 18px;
            margin-bottom: 4px;
        }

        .awards-modal .awards-modal-wrapper .team-sub-title {
            max-width: 242px;
            font-size: 16px;
        }

    .awards-modal .awards-main-wrapper {
        padding: 0;
        margin-top: 10px;
    }

    .awards-modal .awards-modal-wrapper .awards-main {
        width: 136px;
        margin: 0 0 10px 0px;
        max-width: inherit;
    }

        .awards-modal .awards-modal-wrapper .awards-main:nth-child(3n+0) {
            margin: 0 0 10px 0px;
        }

    .csr-info-slider-main {
        padding: 20px 20px 40px;
    }

    .our-leader-right-main {
        padding: 0;
    }

    .about-our-service-main {
        flex-wrap: wrap;
        margin-bottom: 10px;
    }

    .about-our-story-timeline .awards-recognition-slide img {
        max-width: 300px;
        width: 100%;
    }

    .about-our-story-head h2 {
        margin-right: 0;
        text-align: left;
        max-width: 200px;
    }

    .our-leader-team-wrapper::before,
    .our-leader-team-wrapper::after {
        right: 0px;
    }

    .about-techved-mean-info-wrapper {
        flex-direction: column;
        align-items: center;
    }

    .about-techved-pronunciation {
        margin-right: 20px;
    }

        .about-techved-pronunciation p,
        .about-techved-pronunciation-info h4 {
            font-size: 18px;
            line-height: 24px;
            margin-bottom: 3px;
        }

    .about-techved-pronunciation-info p {
        font-size: 14px;
        line-height: 20px;
    }

    .about-techved-pronunciation span {
        font-size: 18px;
        line-height: 24px;
    }

    .about-techved-pronunciation-voice-box {
        padding: 15px 8px;
    }

    .about-techved-mean-head {
        margin: 0 auto;
    }

        .about-techved-mean-head h2 {
            font-size: 18px;
            line-height: 24px;
            width: 100%;
            text-align: center;
            margin: 0 auto 25px auto;
        }

    .about-techved-mean-main {
        padding: 40px 16px;
    }

    .about-techved-mean-fig {
        max-width: 100%;
        width: 100%;
        margin: 0;
        padding-bottom: 15px;
    }

        .about-techved-mean-fig .about-techved-mean-top-text {
            right: unset;
            top: unset;
            position: relative;
            text-align: center;
            width: 100%;
            margin-bottom: 10px;
        }

            .about-techved-mean-fig .about-techved-mean-top-text ul {
                justify-content: center;
            }

                .about-techved-mean-fig .about-techved-mean-top-text ul li {
                    font-size: 14px;
                    line-height: 20px;
                    margin-right: 20px;
                }

    .about-techved-pronunciation-box {
        padding: 24px 16px 16px 16px;
    }

    .about-techved-pronunciation-head {
        align-items: center;
    }

    .about-techved-mean-fig .about-techved-mean-bottom-text {
        position: relative;
        right: unset;
        max-width: 100%;
        top: unset;
        margin-top: 5px;
    }

        .about-techved-mean-fig .about-techved-mean-bottom-text p {
            font-size: 14px;
            line-height: 20px;
            /*text-align: center;*/
        }

    .about-techved-pronunciation h4 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 15px;
    }
    /*Vision statement start*/
    .our-vision-main {
        max-width: calc(100% - 32px);
        background: url('../images/about-new/our-vision-bg-pattern.svg') no-repeat, url('../images/about-new/our-vision-bg-pattern.svg') no-repeat;
        background-color: #F37222;
        position: relative;
        padding: 21px 15px 15px 15px;
        margin: 35px auto 75px auto;
        background-position: -48px -7px, calc(100% + 44px) calc(100% + 14px);
        background-size: 70px;
    }

        .our-vision-main::before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            margin: auto;
            width: calc(100% - 40px);
            height: calc(100% + 30px);
            top: -15px;
            z-index: -1;
            border: 3px solid #FDE3D3;
        }

    .our-vision-wrapper {
        max-width: 1088px;
        margin: auto;
        text-align: center;
    }

        .our-vision-wrapper h2 {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            line-height: 24px;
            color: #FFFFFF;
            margin-bottom: 12px;
        }

        .our-vision-wrapper p {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            color: #FFFFFF;
            margin-bottom: 12px;
        }

    .our-vision-logo-icon {
        margin: auto;
        width: 56px;
        height: 56px;
        background: #FFFFFF;
        border-radius: 100%;
        display: flex;
        justify-content: center;
        align-content: center;
    }

        .our-vision-logo-icon img {
            width: 35px;
        }
    /*Vision statement end*/
    .see-who-we-are-head h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 6px;
    }

        .see-who-we-are-head h2 span {
            color: #303030;
            font-size: 22px;
        }

    .see-who-we-are-head p {
        max-width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .back-image {
        background: none;
    }

    .about-quick-contact-section .quick-contact-section-info {
        max-width: 80%;
        padding-top: 35px;
    }

    .about-quick-contact-section .quick-contact-section-img {
        height: 185px;
        right: 7px;
    }
    /*see-who-we-are-start*/
   /* .mobile-hide {
        display: none;
    }*/

    #sliderMobile {
        display: inherit;
        margin: 0;
    }

    .see-who-we-are-wrapper {
        padding-top: 15px;
        background: none;
    }

    .show-active {
        display: block;
    }

    .hide-active {
        display: none;
    }

    .mobile-slide-desc {
        display: block !important;
        text-align: left;
        padding: 0 30px;
        margin-bottom: 25px;
    }

        .mobile-slide-desc p {
            font-family: 'openSans-light-italic';
            font-size: 18px;
            font-weight: 300;
            line-height: 1.33;
            color: #303030;
        }

    #dp-dotsMobile {
        width: 270px;
    }

        #dp-dotsMobile li {
            width: auto;
        }

            #dp-dotsMobile li.active {
            }
    /*see-who-we-are-end*/
    .see-who-we-are-wrapper {
        background: url(../images/who-we-are-bg.svg) no-repeat top right;
        background-size: contain;
        padding-bottom: 0;
    }

    #dp-dotsMobile {
        margin: 0 auto 20px;
        width: 75%;
        text-align: center;
        display: flex;
        justify-content: space-between;
    }

        #dp-dotsMobile::after {
            width: 70%;
            left: 0;
            right: 0;
            top: 8px;
            margin: auto;
            z-index: -1;
            border-bottom: 1px dashed #CCCCCC;
            right: 0;
            margin: auto;
        }

        #dp-dotsMobile h4 {
            text-align: center;
            margin: 0;
            width: 100%;
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            font-family: 'openSans-regular';
        }

        #dp-dotsMobile li.active h4 {
            font-family: 'openSans-semi-bold';
        }

        #dp-dotsMobile li::before {
            left: calc(50% - 8px) !important;
        }

    .mobile-slide-desc p {
        font-size: 14px;
        margin-bottom: 20px;
        line-height: 20px;
    }

        .mobile-slide-desc p:last-of-type {
            font-size: 14px;
            line-height: 20px;
            color: #303030;
            margin-top: 10px;
            text-align: left;
            margin: 10px 0 20px 0;
            font-family: openSans-regular;
        }

    .mobile-slide-desc h3 {
        font-size: 18px;
        line-height: 28px;
        font-family: 'openSans-semi-bold';
        text-align: left;
        color: rgba(48, 48, 48, 0.85);
    }

    .see-who-we-are-head {
        margin: 0 auto 16px;
    }

    .about-our-service-head {
        padding: 0 20px;
        margin-bottom: 35px;
    }

        .about-our-service-head h3 {
            font-size: 24px;
            line-height: 30px;
        }

        .about-our-service-head p {
            font-size: 14px;
            line-height: 20px;
        }

    .about-our-service-main .about-our-service {
        width: 50%;
        margin: 0;
        border: 1px solid #f4f4f4;
        border-top: none;
        border-left: none;
        padding: 15px 5px 15px 20px;
    }

        .about-our-service-main .about-our-service:nth-child(-n+2) {
            border-top: none;
        }

        .about-our-service-main .about-our-service:nth-last-child(-n+2) {
            border-bottom: none;
        }

        .about-our-service-main .about-our-service:nth-child(odd) {
            border-left: none;
        }

        .about-our-service-main .about-our-service:nth-child(even) {
            border-right: none;
        }

        .about-our-service-main .about-our-service:last-child {
            margin: 0 auto;
        }

        .about-our-service-main .about-our-service h4 {
            font-size: 18px;
            font-weight: 700px;
        }

        .about-our-service-main .about-our-service ul li {
            font-size: 14px;
            font-weight: 400;
            line-height: 19px;
        }

    .about-quick-contact-section::before {
        background: none;
    }

    .about-our-service-note {
        margin: 15px auto;
        border-radius: 5px;
        padding: 5px 10px;
    }

        .about-our-service-note p {
            font-style: italic;
            font-weight: normal;
            font-size: 12px;
            line-height: 22px;
        }

    .about-our-service-wrapper {
        padding: 40px 0 0 0;
    }
    /*Our Leadership*/
    .our-leader-section-main {
        background: none;
        padding: 40px 10px 40px 10px;
        margin-top: 0;
    }

    .our-leader-left-main {
        margin: 20px 0;
    }

        .our-leader-left-main h4 {
            font-size: 24px;
            line-height: 34px;
        }

        .our-leader-left-main h3 {
            font-size: 18px;
            line-height: 24px;
            max-width: 100%;
            margin: 0 auto 6px auto;
        }

        .our-leader-left-main > span {
            font-size: 14px;
            line-height: 20px;
        }

        .our-leader-left-main h2 {
            font-size: 24px;
            line-height: 20px;
        }

    .our-leader-left-main {
        text-align: center;
    }

    .our-leader-container {
        flex-direction: column;
        position: relative;
        align-items: center;
    }

    .our-leader-left-main .meet-team-btn {
        margin: 20px 0;
    }

    .our-leader-team-wrapper h3,
    .our-core-team-wrapper h3 {
        /*position: absolute;
        width: 100%;
        top: -45px;
        left: 50%;
        transform: translateX(-50%);*/
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    /*.our-team-main-wrapper {
        padding-bottom: 0;
        padding-top: 10px;
    }*/
    .our-leader-left-main .meet-team-btn.btn-desktop {
        display: none;
    }

    .our-core-team-wrapper .meet-team-btn.btn-mobile {
        display: inline-block;
        padding: 12.6px 44px;
    }

    .our-leader-container {
        padding-left: 0;
    }

    .our-leader-left-main {
        padding: 0;
        margin: 0 0 30px 0;
    }

    .our-leader-team-wrapper {
        margin: 0 0 10px 0;
        padding: 0;
    }

    .our-team-main-wrapper .our-leader-team {
        margin: 10px 10px;
        max-width: 150px;
    }

    .our-leader-team {
        border: 1px solid rgba(0, 0, 0, 0.2);
        padding: 10px;
        border-radius: 10px;
    }

    .our-team-main-wrapper .our-core-team {
        width: 156px;
        margin: 0 5px 16px 5px;
    }

        .our-team-main-wrapper .our-core-team p {
            font-size: 14px;
            line-height: 20px;
        }
    /*.our-team-main-wrapper .our-core-team:nth-child(5n+1) {
        width: 148px;
    }*/
    .our-team-main-wrapper .our-leader-team h4 {
        font-size: 18px;
    }

    .digital-future-strip h2 {
        font-weight: 600;
        font-size: 16px;
        line-height: 20px;
        color: #303030;
    }

    .digital-future-strip {
        padding: 10px 35px 10px 25px;
    }

        .digital-future-strip img {
            width: 45px;
            height: 50px;
        }

    .digital-future-value-section-main {
        background-position: 0% -1%, 100% -85px;
        background-size: 95px;
        padding: 0 0 40px 0;
    }

    .value-section-main {
        background: none;
        padding: 40px 16px 0 16px;
    }

    .value-section-left h3 {
        font-size: 24px;
        line-height: 50px;
        margin-top: 0;
    }

    .value-section-left h2 {
        font-size: 32px;
        line-height: 50px;
    }

    .value-section-main-container {
        flex-direction: column;
        box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.1);
    }

    .value-section-left {
        max-width: 100%;
        padding: 4px 25px 30px 25px;
        background-image: none;
    }

    .value-section-right {
        max-width: 100%;
        padding: 30px 15px 30px 40px;
    }

    .about-values-row .about-values-img {
        margin-right: 20px;
    }

        .about-values-row .about-values-img > img {
            width: 27px;
            height: 27px;
        }

    .about-values-row {
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .about-values-info h3 {
        font-size: 16px;
        line-height: 20px;
        color: #676767;
    }

    .about-values-info p {
        font-size: 14px;
        line-height: 17px;
        display: none;
    }

    .awards-recognisation-main {
        padding: 0 0 55px 0;
        background-position: 100% 24px;
        background-size: 55px;
    }

    .awards-recognition-section {
        /*background: url(../images/awards-recognition-bg.svg) no-repeat;*/
        background-position: 100% 0%;
        background-size: contain;
    }

    .awards-recognisation-container h2 {
        font-size: 48px;
        margin-right: 15px;
        line-height: 50px;
    }

    .awards-recognisation-container h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .awards-recognisation-container {
        justify-content: center;
    }

    .awards-view-more-main-wrapper .view-more {
        margin: 10px auto;
    }

    .csr-section-main {
        padding: 0 16px 40px 16px;
        background: none;
        margin: 0;
    }

    .csr-info-slider-main h4 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 8px;
    }

    .csr-info-slider-main p {
        font-size: 14px;
        line-height: 20px;
    }

    .csr-info-slider-main h3 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .csr-info-slider-main {
        max-width: 90%;
        left: auto;
        transform: translateX(0);
        top: auto;
        width: 90%;
        padding: 15px;
        background-size: 80px;
        position: relative;
        order: 2;
        margin: -50px auto 0 auto;
    }

        .csr-info-slider-main .slick-dots {
            position: relative;
            margin-top: 10px;
            bottom: 0;
        }

    .csr-slider-wrapper {
        width: 100%;
    }

    .csr-slider {
        padding-bottom: 0;
    }

    .csr-section-container {
        justify-content: center;
        padding: 0;
        display: flex;
        flex-direction: column;
    }

    .awards-section-head h2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 5px;
    }

    .awards-section-head p {
        font-size: 16px;
        line-height: 20px;
    }
    /*.awards-section-main {
        flex-wrap: nowrap;
    }

        .awards-section-main .awards-section:first-child {
            order: 1;
        }

        .awards-section-main .awards-section:last-child {
            order: 2;
        }

        .awards-section-main .awards-section:nth-child(2) {
            order: 3;
        }*/
    .awards-section-main-wrapper {
        background: none;
        padding: 0 16px 40px;
    }

    .awards-section-head {
        margin-bottom: 25px;
    }

    .awards-section-main {
        justify-content: center;
        align-items: baseline;
    }

    .awards-section {
        margin: 0 10px 25px 10px;
        width: 150px;
    }

        .awards-section:nth-of-type(7),
        .awards-section:nth-of-type(8) {
            margin-bottom: 0;
        }

        .awards-section img {
            width: auto;
            height: auto;
            margin-bottom: 10px;
        }

        .awards-section p {
            font-size: 12px;
            line-height: 18px;
            padding: 0;
        }
    /*.awards-section:nth-child(1) {
            margin-left: 0;
        }

        .awards-section:nth-child(2) {
            margin-bottom: 0;
        }

        .awards-section:nth-child(3) {
            margin-right: 0;
        }*/
    .lets-talk-main {
        padding: 20px 6px 15px 0;
        width: 98.5%;
        margin-bottom: 25px;
        margin-top: 25px;
        max-width: 98.5%;
    }

        .lets-talk-main img {
            width: 140px;
            margin: -138px 0px -24.5px -15px;
        }

        .lets-talk-main.about-team img {
            width: 150px;
            margin: -66px 12px -15px -15px;
        }

    .lets-talk-info p {
        font-size: 14px;
        line-height: 132%;
        margin-bottom: 10px;
    }

    .lets-talk-info h3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 2px;
    }

    .lets-talk-info .common-btn {
        font-size: 14px;
        line-height: 17px;
        padding: 10px 19px;
    }

    .our-story-main {
        height: 124px;
        padding: 30px 30px 30px 30px;
    }

        .our-story-main p {
            font-size: 14px;
            line-height: 20px;
        }

        .our-story-main h3,
        .our-story-main h3 a {
            font-size: 26px;
            line-height: 30px;
            border-bottom: none;
        }

            .our-story-main h3 a {
                border-bottom: 2px solid #ffffff;
            }
    /*.our-core-team {
        width: 148px !important;
        padding: 20px 14px !important;
    }*/
    .our-core-team-wrapper .our-team-main-wrapper {
        padding: 0;
        position: relative;
    }
    /************** new about us end **************/
    /***********  thank you start*****************/
    .thankyou-wrap {
        background: #FFFFFF !important;
        position: relative;
        padding-bottom: 50px;
    }

    .thankyou-our-work-component {
        margin-top: 0;
    }

    .thankyou-wrap .hp-insights-section-container {
        margin: 25px auto 0 auto;
        position: relative;
    }

    .thankyou-top-wrapper {
        padding: 0 0 20px 0;
        display: flex;
        background: url(../images/mobile-thankyou-bg.svg) no-repeat;
        background-position: 0 0;
        background-size: 100%;
        flex-direction: column-reverse;
    }

        .thankyou-top-wrapper video {
            width: 240px;
            height: auto;
            margin: 40px auto 0 auto;
            border-radius: 100%;
        }

        .thankyou-top-wrapper .slider-top-content {
            width: 100%;
            margin: auto;
            margin-top: 29px;
            margin-right: auto;
            padding-left: 15px;
            padding-right: 15px;
            margin-bottom: 0px !important;
        }



    .right-side-img {
        width: 100%;
        margin: 0px;
        margin-top: 80px;
        position: relative;
    }

        .right-side-img .img-fluid.bg {
            max-width: 100%;
            position: absolute;
            top: -356px;
        }

    .icon-thankyou {
        position: relative;
        top: 0;
        left: 16px;
    }

    .right-side-img .logo-than {
        width: 68px;
    }

    .thankyou-top-wrapper .thank-para h3 {
        font-size: 20px;
        font-family: 'openSans-semi-bold';
        color: #333333;
        margin-bottom: 16px;
    }

    .thankyou-top-wrapper .thank-para p {
        font-family: 'openSans-regular';
        font-size: 16px !important;
        color: #333333;
        line-height: 21px;
    }

    .thanks-mean {
        color: #333333;
        font-size: 14px;
        font-weight: 300;
        font-family: 'openSans-light';
        line-height: normal;
        margin: 60px 0 0 0;
        display: block;
    }

    .thankyou-case-study-section {
        padding: 0;
    }
    /***********  end thank you *****************/
    /***************  Blog Page   *********************/
    .insights-listing-container {
        display: block;
    }

    .news-listing-wrapper .insights-listing-head {
        padding-top: 0;
        margin-top: 0;
    }

        .news-listing-wrapper .insights-listing-head h3,
        .insights-top-header h3 {
            font-size: 18px !important;
            line-height: 24px !important;
            font-family: 'openSans-semi-bold';
        }

        .news-listing-wrapper .insights-listing-head > p,
        .insights-top-header p {
            font-size: 14px !important;
            line-height: 20px !important;
            font-family: 'openSans-regular';
        }

    .heightBannerMobile {
        height: auto !important;
    }

    .insights-card {
        margin-left: 21px;
        width: 88%;
        min-height: inherit;
    }

        .insights-card a {
            max-height: inherit;
        }

    .ten-best {
        height: 156px;
        width: 100%;
    }

    .insight-info {
        padding: 15px;
    }

    .insights-listing-wrapper {
        margin-right: 67px;
        width: 100%;
    }

    #insightsListingaffix.popular-insights-wrapper.affix,
    #insightsListingaffix.popular-insights-wrapper.fixedBottom {
        position: relative;
        transform: translate(0px, 0px);
        top: 0;
        left: 0;
    }

    .insights-listing-head .nav-tabs {
        background: white;
        width: 100%;
        display: flex;
        justify-content: space-around;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    }

        .insights-listing-head .nav-tabs .nav-item {
            margin: 20px 0;
        }

            .insights-listing-head .nav-tabs .nav-item a {
                background: transparent !important;
                color: #676767 !important;
                font-size: 14px !important;
                font-family: 'openSans-regular' !important;
                padding: 0;
            }

        .insights-listing-head .nav-tabs a.active {
            background: transparent;
            color: #ff5c00 !important;
            font-size: 14px !important;
            font-family: 'openSans-semi-bold' !important;
            padding: 0 !important;
        }

    .insights-listing-wrapper .insights-listing-head {
        margin: 20px 0 30px 0;
        width: 100%;
        max-width: 100%;
    }

    .insight-info span.insight-category-info {
        font-size: 12px;
        line-height: 18px;
    }

    .popular-insights-wrapper h4 {
        text-align: center;
        font-family: 'openSans-regular';
        margin: 5px 0 15px;
    }

    .popular-insights-wrapper {
        max-width: 87%;
        margin: 0 auto;
    }

    .popular-insight-box {
        box-shadow: 0 0 10px 0 rgba(177, 177, 177, 0.42);
        padding-bottom: 0;
    }

        .popular-insight-box a .popular-insight-info p {
            font-size: 10px;
            color: #303030;
            font-family: 'openSans-regular';
            margin-top: 0;
        }

        .popular-insight-box a .popular-insight-info h5 {
            font-size: 12px;
            color: #4a4a4a;
            font-family: 'openSans-light';
        }

        .popular-insight-box a .popular-insight-info span {
            font-size: 8.2px;
            color: #7d8188;
        }

    .pt-90 {
        padding-top: 90px !important;
    }

    .mobile-case-study-section {
        padding-top: 80px;
    }

    .blog-slide-head {
        margin-bottom: 8px;
        padding: 0 15px;
    }

        .blog-slide-head h3 {
            text-align: center;
            margin: 0;
            line-height: 1.5;
        }

        .blog-slide-head p {
            font-size: 18px;
        }

    .mobile-slider-foot .hp-case-study-info p:last-child {
        color: #676767;
        font-size: 14px;
        line-height: 20px;
        font-family: 'openSans-regular';
        padding-left: 30px;
    }

    .blog-float > img {
        float: left;
    }

    .blog-float > p {
        color: #303030 !important;
        font-size: 12px;
        font-family: 'openSans-light';
    }

    .blog-social .contact-social-main {
        flex-wrap: wrap;
        justify-content: space-evenly;
        width: 90%;
        margin: 0 auto 30px;
    }

    .insights-top-wrapper {
        background: none;
    }

        .insights-top-wrapper .hp-mobile-case-study {
            border-radius: 5px;
            border: 1px solid #CCCCCC;
            overflow: hidden;
            right: inherit !important;
        }

        .insights-top-wrapper .hp-mobile-case-study-img {
            margin: 0;
        }

        .insights-top-wrapper .hp-case-study-info {
            padding: 15px 15px 5px 15px;
            display: block !important;
        }

            .insights-top-wrapper .hp-case-study-info p {
                padding: 0 !important;
            }

            .insights-top-wrapper .hp-case-study-info .blog-float img {
                margin-right: 8px !important;
                max-height: 18px;
            }

            .insights-top-wrapper .hp-case-study-info .blog-float p {
                margin-bottom: 4px;
            }

    .popular-insight-box::before {
        width: 100%;
    }

    .subscribe-popup-main .subscribe-section {
        width: 100%;
        padding-bottom: 10px;
    }

    .sub-pop-head {
        flex-direction: row !important;
    }

        .sub-pop-head > h3 {
            font-size: 16px !important;
        }

    .sub-padd {
        padding: 10px 25px 0 5px;
    }

        .sub-padd > p {
            font-size: 12px;
        }

    .sub-textbox-main .form-group {
        margin-bottom: 25px !important;
    }

    .sub-textbox-main .form-control {
        padding: 6px 15px !important;
        border-radius: 3px !important;
    }

    .closeButton {
        height: 15px;
    }

    .sub-textbox-main .common-btn {
        padding: 8px 6px;
        font-size: 12px;
    }

    .insights-card:hover img.fig {
        transform: scale(1);
    }

    .insights-card:hover .insight-info {
        margin-top: 0;
    }

    .affixInsights {
        position: relative;
        top: 0;
        right: 0;
        transform: translate(0px, 0px);
    }

    .news-tabs .nav-tabs .nav-link:first-child {
        margin-left: 20px !important;
    }

    .popular-insight-box a img {
        height: 56px !important;
    }

    .blog-details-presence-container {
        flex-direction: column;
        padding: 0 10px 0 10px;
    }

    .blog-details-presence-wrapper {
        background-size: cover;
        padding: 85px 15px 100px 15px;
    }

    .blog-details-presence-info p {
        font-size: 14px;
        color: #303030;
        font-family: 'openSans-light';
    }

    .blog-details-presence-colm {
        margin-left: 0;
    }

    .blog-details-presence-country {
        top: 0;
    }

    .blog-details-presence-info > h3 {
        font-size: 16px;
        color: #666666;
        font-family: 'openSans-semi-bold';
    }

    .blog-details-presence-info {
        margin-top: 15px;
    }

    .insights-details-listing-head > h3 {
        font-size: 20px;
    }

    .insights-details-listing-head > p {
        font-size: 14px;
    }

    .insights-details-container {
        padding: 80px 20px 0 20px;
    }

    .insights-details-top-wrapper .insights-listing-wrapper {
        width: 100%;
        margin-right: auto;
        flex-direction: column;
    }

    .insight-left {
        padding: 0px 0px 10px 0px;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .insight-left.affix {
            position: fixed;
            top: 52px;
            left: 0;
            transform: translateX(0px);
            width: 100%;
            padding: 10px 20px;
            background: #FFFFFF;
            box-shadow: 0 -1px 10px 0 rgba(177, 177, 177, 0.5);
            z-index: 5;
        }

        .insight-left.fixedBottom {
            position: relative;
        }

    .insight-right.orphan-w100 {
        max-width: 100%;
    }

    .insight-right {
        max-width: 100%;
    }

/*    .left-social-icons {
        margin: 0 0 0 30px;
        display: flex;
    }*/
    .share-blk {
        position: fixed;
        right: 20px;
        bottom: 65px;
        z-index: 1;
    }

        .left-social-icons div {
            padding: 0 4px;
        }

    .share-blk .share-icon-blk {
        width: 42px;
        height: 42px;
    }
        .share-blk .share-icon-blk img {
            width: 20px;
            height: auto;
        }
        /*            .left-social-icons div:first-child {
                margin-left: 0;
            }

            .left-social-icons div:last-child {
                margin-right: 0;
            }*/

        .insights-details-card {
        margin: 0;
    }

    .insight-share-main {
        padding: 10px;
        border-top: 1px solid #f4f4f4;
        margin: 0;
        justify-content: center;
        align-items: center;
    }

        .insight-share-main p {
            font-family: 'openSans-regular';
            font-size: 16px;
            text-align: center;
            color: #606060;
            margin-right: 10px;
        }

    .the-uxplor {
        display: none;
    }

    .blog-details-presence-wrapper,
    .blog-details-presence-wrapper ~ .drop-link-box {
        margin: 0 !important;
    }

    .feel-free {
        display: block;
        font-size: 14px;
        font-family: 'openSans-light';
        color: #303030;
    }

    .insights-listing-wrapper.affix {
        padding: 0;
    }

    .popular-insights-wrapper.fixedBottom,
    .popular-insights-wrapper.affix {
        position: relative;
    }

    .details-da-h3 {
        font-size: 16px;
        font-family: 'openSans-semi-bold';
    }

    .insights-linkedin-container {
        max-width: 87%;
        flex-wrap: wrap;
        padding: 30px 0 30px 0;
    }

        .insights-linkedin-container .insights-linkedin-info {
            flex: unset;
            max-width: calc(100% - 65px);
        }

        .insights-linkedin-container .linkedin-btn {
            width: 120px;
            margin: 20px auto 0 auto;
        }

    .insights-subscribe-section {
        background: #f5f6fa;
        padding: 30px 23.4px;
    }

        .insights-subscribe-section .insights-subscribe-wrapper {
            flex-direction: column;
        }

        .insights-subscribe-section .subscribe-container .insights-subscribe-wrapper.expanded {
            margin-bottom: 0;
        }

        .insights-subscribe-section .subscribe-container .form-group {
            margin: 0 0 15px 0;
        }

        .insights-subscribe-section .insights-subscribe-wrapper .common-btn-outline {
            width: 100%;
        }

        .insights-subscribe-section .our-work-inactive .btn {
            width: 100%;
        }

        .insights-subscribe-section .subscribe-container .form-group .form-control {
            padding: 13px 15px 11px 15px;
            height: 50px;
        }

    .insights-comment-box-main {
        padding: 25px 0;
    }

    .insights-comment-detail .insights-comment-img {
        width: 40px;
        height: 40px;
        margin-right: 15px;
    }

        .insights-comment-detail .insights-comment-img span {
            line-height: 44px;
            font-size: 16px;
        }

    .insights-comment-detail .insights-comment-user h3 {
        margin: 0;
        font-size: 16px;
    }

    .insights-comment-detail .insights-comment-user span {
        font-size: 12px;
    }

    .insights-comment-box-main .insights-comment-info p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .insights-subscribe-section ~ .popular-insights-wrapper {
        margin-top: 30px;
    }
    /*********  our clients page start  *************/
    .our-clients-filter-container .hp-clients-wrapper {
        background: none;
        margin-top: 25px !important;
        padding: 0 10px;
    }

    .our-clients-filter-container .hp-client-section-main {
        overflow: visible;
    }

    .our-clients-filter-container .hp-clients-main {
        margin-top: 0;
    }

    .our-clients-filter-dropdown {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 0px;
        flex-wrap: wrap;
    }

    .our-clients-filter-container .hp-clients-logo {
        margin: 2px !important;
    }

    .our-clients-filter-dropdown p {
        font-family: 'openSans-light';
        font-size: 16px;
        color: #303030;
        margin: 10px 15px 10px 0;
    }

    .dropdown-toggle {
        border-radius: 4px;
        box-shadow: 0 2px 10px 0 rgba(176, 176, 176, 0.5) !important;
        padding: 10px 50px 10px 15px;
        width: 290px;
        text-align: left;
        position: relative;
        font-family: 'openSans-regular';
        font-size: 16px;
        color: #303030;
        background: #FFFFFF;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .dropdown-toggle::after {
            position: absolute;
            right: 20px;
            top: calc(50% - 6px);
            width: 8px;
            height: 8px;
            margin: 0;
        }
    /*********  our clients page end  *************/
    /*********  work-details page start jeelani  *************/
    .work-details-top-wrapper {
        width: 100%;
        background: url(../images/qc.png) no-repeat;
        background-position: 100% 390px;
        /*jeel09*/
        background-size: 60%;
    }

    .mecklai-top-wrapper {
        background: url(../images/mecklai-mobile-banner.png) no-repeat;
        background-position: top right;
        background-position: 100% 300px;
        background-size: 80%;
    }

    .multi-national-FMCG-top-wrapper {
        background: url(../images/multi-national-FMCG-banner-bg.png) no-repeat;
        background-position: top right;
        background-position: 100% 350px;
        background-size: 80%;
    }

        .multi-national-FMCG-top-wrapper .work-details-certificates-second {
            top: 260px;
        }

    .sib-top-wrapper {
        background: url(../images/sib-mobile-banner.png) no-repeat;
        background-position: top right;
        background-position: 50% 420px;
        background-size: 100%;
        overflow: hidden;
    }

        .sib-top-wrapper .our-work-right {
            top: -160px !important;
            right: auto;
            left: 50%;
            transform: translate(-50%, 0px);
            max-width: 260px;
        }

        .sib-top-wrapper .client-say {
            padding: 0;
        }

        .sib-top-wrapper .our-work-right div:first-child {
            z-index: 2;
            left: 0;
            right: 0;
            top: 0;
            padding: 30px 0 0 30px;
            width: 100%;
        }

            .sib-top-wrapper .our-work-right div:first-child img {
                max-width: 145px;
            }

        .sib-top-wrapper .our-work-right div:last-child {
            max-width: 100px;
            right: 35px;
            position: absolute;
        }

        .sib-top-wrapper .our-work-right div:first-child .experience-app {
            right: 0;
            left: 0;
            max-width: 100%;
            width: 100%;
            padding-left: 0px !important;
            bottom: -55px;
        }

        .sib-top-wrapper .work-details-certificates-second {
            bottom: -360px;
            top: auto !important;
        }

        .sib-top-wrapper .wd-dtls-sub-heading {
            width: 70%;
        }

        .sib-top-wrapper .work-details-container {
            padding: 100px 15px 95px;
        }

    .multi-national-FMCG-top-wrapper .our-work-right div:first-child {
        left: 100px;
        top: 20px;
    }

    .multi-national-FMCG-top-wrapper .problem-state-desc-wrp,
    .mecklai-top-wrapper .problem-state-desc-wrp,
    .sib-top-wrapper .problem-state-desc-wrp {
        position: relative;
        width: 85%;
        margin: 0 auto;
    }

    .global-cong-snippets-slider .slick-list {
        padding: 25px 10px 0;
    }

    .work-details-container {
        padding: 100px 15px 142px;
        flex-direction: column;
    }

    .multi-national-FMCG-top-wrapper .work-details-container {
        padding: 100px 0 90px 30px;
    }

    .work-details-top-wrapper .our-work-left {
        padding-right: 0;
    }

    .work-details-head h1 {
        font-family: 'openSans-regular';
        font-size: 20px;
        line-height: 24px;
        color: #303030;
        width: 100%;
        margin-bottom: 10px;
    }

    .work-details-head h2 {
        font-size: 18px;
        margin-bottom: 10px;
        line-height: 1.06;
        padding-right: 10px;
    }

    .work-details-head h3 {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 1.06;
        color: #303030;
        margin-bottom: 10px;
    }

    .work-details-head p {
        font-family: openSans-regular;
        font-size: 14px;
        line-height: 20px;
        padding-right: 10px;
    }

    .work-details-certificates-main {
        margin-top: 20px;
        max-width: 100%;
    }

    .work-details-certificate h2 {
        font-size: 16px;
        line-height: 24px;
    }

    .work-details-certificate > div:nth-of-type(2) {
        align-items: flex-start;
        justify-content: flex-start;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .work-details-certificate div:first-child {
        margin-bottom: 0px;
    }

    .work-details-certificate p {
        font-size: 14px;
        line-height: 20px;
    }

    .work-details-certificate {
        max-width: 100%;
    }

    .laptop-company-case-dtls-top-wrapper .work-details-certificate {
        max-width: 290px;
    }

    .work-details-certificates-second {
        position: relative;
        top: 470px;
        flex-direction: column;
    }

    .samsung-case-dtls-top-wrapper .work-details-certificates-second {
        top: 415px;
    }

    .work-details-certificate-author > h2,
    .author-desc {
        font-size: 14px;
        line-height: 20px;
        padding-right: 10px;
    }

    .author-title {
        font-size: 12px;
        line-height: 18px;
    }

    .samsung-case-dtls-top-wrapper .our-work-right div:first-child img {
        width: 90%;
    }

    .work-details-certificates-second-multi-national-FMCG {
        position: relative;
        top: 270px;
        flex-direction: column;
    }

    .pinned-wd {
        padding: 0 0 20px !important;
    }

    .our-work-right {
        position: relative;
        /*top: -290px;*/
        top: 50px;
        right: 100px;
    }

        .our-work-right .cs-play-btn {
            position: absolute;
            right: -40px;
            top: calc(50% - 25px);
        }

    .our-work-right {
        top: -180px !important;
    }

        .our-work-right.pc-img {
            top: -140px !important;
        }

    .scalpel-top-wrapper .our-work-right {
        top: -230px !important;
    }

    .vserve-top-wrapper .our-work-right {
        top: -50px !important;
    }

    .our-work-right div:first-child {
        position: relative;
        left: 80px;
        top: 106px;
    }

    .work-details-certificate-author-img {
        margin: 20px 0;
    }

    .author-mobile-img {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .experience-app {
        position: absolute;
        width: 250px;
    }

        .experience-app p {
            font-family: 'openSans-light';
            font-size: 14px;
        }

    .client-say {
        padding: 0;
    }

    .lets-work {
        padding: 30px 0 10px;
        /*font-family: 'openSans-light';*/
        font-size: 18px;
        line-height: 24px;
    }

    .work-details-top-wrapper .view-more {
        margin-top: 10px;
    }

    .work-details-top-wrapper .card-container .hp-case-study-info p {
        margin-bottom: 15px;
    }

    .work-details-top-wrapper .card-title {
        margin-bottom: 5px;
    }

    .problem-state-container {
        max-width: 100%;
        padding: 0 0 20px;
    }

    .problem-state-desc-wrp {
        position: relative;
        width: 80%;
        margin: 0 auto;
        text-align: center;
    }

    .problem-state-container .head-txt {
        font-size: 18px !important;
        line-height: 24px !important;
    }

    .problem-state-container .sub-txt {
        font-size: 14px !important;
        line-height: 20px !important;
        font-family: 'openSans-semi-bold';
    }

    .problem-state-desc-wrp::before {
        display: none;
    }

    .wd-dtls-heading,
    .wd-solution-wrap .wd-dtls-heading {
        padding: 0px;
        font-size: 18px;
        max-width: 70%;
        margin: 0 auto;
        line-height: 24px;
    }

    .max-wdth53 {
        max-width: 60%;
    }

    .problem-state-left {
        height: 56px;
        width: 100%;
        position: relative;
        background: #fff;
        padding: 20px;
        top: inherit;
        /*margin-bottom: 30px;*/
    }

        .problem-state-left ul {
            display: flex;
            justify-content: space-between;
            align-items: center;
            height: 100%;
        }

            .problem-state-left ul li a {
                font-size: 14px;
            }

            .problem-state-left ul li.active a {
                font-family: 'openSans-semi-bold';
                color: #f37222;
            }

    .analysis-slider .slick-next {
        right: 6px;
        width: 28px;
        height: 28px;
        opacity: 0.6;
        background: #fff;
    }

    .analysis-slider .slick-prev {
        left: 6px;
        width: 28px;
        height: 28px;
        opacity: 0.6;
        background: #fff;
        z-index: 1;
    }

        .analysis-slider .slick-prev:before,
        .analysis-slider .slick-next:before {
            content: "";
            background: url(../images/wd-solution/prev-arrow.svg) no-repeat center center;
            width: 28px;
            height: 28px;
            display: block;
        }

    .analysis-slider .slick-next:before {
        background: url(../images/wd-solution/next-arrow.svg) no-repeat center center;
    }

    .analysis-divde-wrp {
        display: block;
    }

    .innovative-solutions-slider .problem-state-right,
    .problem-state-right {
        width: 100%;
    }

    .analysis-content {
        width: 100%;
        margin-right: 0;
        padding: 0 40px;
        margin-top: 10px;
    }

    .slide-title-txt {
        font-size: 14px;
        line-height: 20px;
    }

    .analysis-content .para-txt {
        font-size: 14px;
        line-height: 20px;
    }

    .analysis-list-content {
        margin-top: 20px;
    }

        .analysis-list-content li {
            font-size: 14px;
            font-family: 'openSans-semi-bold';
            color: #676767;
            margin-bottom: 20px;
        }

    .analysis-slider-wrap {
        width: 100%;
    }

        .analysis-slider-wrap .slick-slider {
            padding-bottom: 0;
        }

    .wd-analysis-wrap {
        width: 100%;
        background: url(../images/mob-wd-analysis-bg.png) no-repeat;
        background-size: 87%;
        background-position: 45px 100%;
    }

    .wd-solution-wrap {
        background: none;
    }

        .wd-solution-wrap .problem-state-container {
            width: 100%;
            padding: 0;
            max-width: 100%;
        }

    .wd-app-img {
        width: 100%;
    }

        .wd-app-img .slick-slide img {
            width: 100%;
        }

    .wd-app-text {
        width: 90%;
        left: 0;
        margin: 0 auto;
        position: relative;
        margin-top: -120px;
        padding: 15px;
    }

    .app-info-text p.slider-para {
        font-size: 14px;
        line-height: 20px;
    }

    .app-icon {
        display: none;
    }

    .app-info-text p,
    .app-info-text-bold p {
        font-size: 14px;
        line-height: 20px;
        padding-top: 0;
    }

    .app-info-text-bold .h3 {
        font-size: 18px;
        line-height: 24px;
        font-family: openSans-bold;
        padding-bottom: 0px;
        margin-top: 10px;
    }

    .app-info-text-bold p {
        margin-bottom: 20px;
        width: 100%;
    }

    .case-study-form span.error-message-red {
        position: relative;
        top: -5px;
    }

    .case-study-form .form-group .form-control {
        margin-bottom: 10px !important;
    }

    .innovative-app {
        margin: 0;
    }

        .innovative-app img {
            border-radius: 10px;
            box-shadow: 0 3px 15px 0 rgba(76, 76, 76, 0.55);
        }

        .innovative-app .app-imgblk {
            width: 150px;
            margin: 0 auto 20px;
            transition: none;
            transform: initial;
        }

        .innovative-app.slick-current {
            padding-top: 0;
            margin-left: 0px;
        }

            .innovative-app.slick-current p {
                margin-bottom: 20px;
            }

        .innovative-app p {
            max-width: 150px;
            margin: 0 auto 20px;
            font-size: 12px;
        }

        .innovative-app.slick-current .app-imgblk,
        .innovative-app.slick-active + .slick-active .app-imgblk,
        .innovative-app.slick-active + .slick-active + .slick-active .app-imgblk {
            transform: initial;
        }

    .multi-national-FMCG-report-slider .innovative-app {
        margin-right: 0;
        margin-left: 0;
    }

    .work-details-top-wrapper .case-study-form {
        background: url(../images/case-study-form-laptop.png) no-repeat;
        background-color: #f8f8f8;
        background-position: 100% 100% !important;
        background-size: 48%;
    }

    .wd-result-wrap .wd-dtls-heading {
        padding: 30px 0 13px;
    }

    .wd-dtls-sub-heading {
        width: 70%;
        font-size: 14px;
        line-height: 20px;
    }

    .wd-result-wrap .problem-state-container {
        padding: 30px 0;
    }

    .result-details-container {
        display: block;
    }


    .section-first-result {
        width: 80%;
        margin-right: 0;
        margin: 0 auto;
    }

    .result-dtls-wrp {
        margin-bottom: 30px;
    }

    .section-first-result .img-sect {
        margin-right: 15px;
    }

    .section-first-result .dtls-sect {
        font-size: 14px;
        line-height: 20px;
    }

    .section-second-result {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .indvs-result-wrp {
        display: flex;
        width: 158px;
        height: 130px;
        margin: 12px 6px;
        padding: 15px;
        flex-direction: column;
    }

    .vserve-redefining-impact .ratings {
        text-align: left;
        margin-top: 0px;
        font-size: 20px;
    }

    .section-one-d .name-txt {
        font-size: 14px;
        line-height: 20px;
        padding: 0;
        margin-top: 10px;
        width: 100%;
    }

    .section-one-d .name-txt-p {
        font-size: 14px;
    }

    .section-two-d span {
        font-size: 18px;
        line-height: 18px;
    }

    .overall-result-case {
        display: flex;
    }

    .img-slider-analysis {
        border-radius: 0;
        /*box-shadow: 0 2px 27px 0 rgba(134, 134, 134, 0.5);*/
        overflow: hidden;
    }

    .solution-sider .slick-prev,
    .solution-sider .slick-next {
        /*display: none !important;*/
    }

    .wd-innovative-solutions {
        padding: 30px 0 0 0;
        background: url(../images/wd-solution/innovative-app-slider-bg-mob.svg) no-repeat 100% 53%;
    }

    .client-say .store-center {
        flex-direction: column;
    }

        .client-say .store-center div:first-child {
            margin-bottom: 40px;
        }

    .user-say-main {
        background: url(../images/client-mobile-map.png) no-repeat;
        background-size: cover;
        padding-top: 10px;
        margin-top: -20px;
        margin-bottom: -10px;
    }

        .user-say-main.multi-national-FMCG {
            background: none;
            padding-top: 10px;
            margin-top: -20px;
            margin-bottom: -10px;
        }

    .problem-state-left.active {
        position: fixed;
        top: 76px;
        box-shadow: 0 5px 14px 0 rgba(177, 177, 177, 0.5);
        z-index: 4;
    }

    .problem-state-left ul li a.current {
        color: #f37222;
    }

    .desk-left-wrp {
        height: 100%;
    }

    .wd-solution-wrap .header-sec .digital-first-wd {
        font-size: 14px;
        font-family: 'openSans-regular';
        line-height: 20px;
        color: #303030;
        padding: 16px 12px 0 12px;
    }

    .check-out-wd-mob {
        font-size: 18px !important;
    }

    .case-study-form {
    }

    .section-first-result .first-result-wrp li {
        font-size: 14px;
        line-height: 20px;
    }

    .ucv-wd-result-wrap .section-one-d h4 {
        font-size: 18px;
        line-height: 24px;
    }

    /*----------------   scalpel section  --------------*/
    .scalpel-top-wrapper {
        background: url(../images/scalpel-banner.png) no-repeat !important;
        background-position: 100% 390px !important;
        background-size: 60% !important;
    }

        .scalpel-top-wrapper .work-details-container {
            padding-bottom: 130px;
        }

        .scalpel-top-wrapper .our-work-right {
            /*top: -290px !important;*/
        }

        .scalpel-top-wrapper .work-details-certificates-second {
            top: 440px;
        }

        .scalpel-top-wrapper .work-details-certificate-author-img {
            margin: 10px 0;
        }

        .scalpel-top-wrapper .wd-dtls-sub-heading {
            width: 90%;
        }

        .scalpel-top-wrapper .work-details-head h1 {
            width: 100%;
        }

        .scalpel-top-wrapper .work-details-head span {
            font-size: 20px;
        }

        .scalpel-top-wrapper .app-info-text-bold .h3 {
            margin-bottom: 10px;
        }

        .scalpel-top-wrapper .problem-state-desc-wrp {
            width: 85% !important;
        }

        .scalpel-top-wrapper .problem-state-container.padding-wrp {
            padding-bottom: 0px !important;
        }

        .scalpel-top-wrapper .solution-sider .slick-prev,
        .solution-sider .slick-next {
            display: block !important;
        }

        .scalpel-top-wrapper .problem-state-left ul li a.current,
        .problem-state-left ul li a.active {
            color: #f37222;
        }
    /*-------------     scalpel section mobile ends   ----------------*/
    /* .tnc-main-wrapper {
        background: url(../images/tnc-top-amiba.svg) no-repeat;
        background-position: 100% -422px;
    }*/



    .tnc-top-header {
        margin: 0 auto 60px auto;
    }

        .tnc-top-header h3 {
            font-size: 20px;
            font-weight: 300;
            line-height: 24px;
        }

        .tnc-top-header p {
            font-size: 16px;
            line-height: 20px;
        }

    .tnc-info-main h3 {
        line-height: 20px;
        margin: 30px 0 15px 0;
        font-size: 14px;
    }

    .tnc-info-main ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .tnc-info-main p {
        font-size: 14px;
    }

    .tnc-info-main ul li::before {
        top: 7px;
        width: 5px;
        height: 5px;
    }

    .video-modal-main .modal-dialog.modal-xl {
        max-width: 86%;
        margin: .5rem auto;
    }

    .video-modal-main .modal-body .close {
        width: 40px;
        height: 40px;
    }

        .video-modal-main .modal-body .close::before {
            left: 25%;
        }

        .video-modal-main .modal-body .close::after {
            left: 25%;
        }
    /*career page start*/
    .career-top-wrapper {
        width: 100%;
        background: url(../images/mobile-career-bg.png) no-repeat;
        /*background-position: 50% 112%;*/
        background-position: 50% 104%;
        background-size: 100%;
    }

    .career-container {
        padding: 80px 15px 20px 15px;
    }

    .career-banner-left-main,
    .our-clients-banner-left-main {
        max-width: 100%;
    }

    .career-head {
        text-align: center;
    }

        .career-head h1 {
            font-size: 18px;
            padding: 0;
            line-height: 24px;
            margin-bottom: 8px;
        }

        .career-head p {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            padding: 0 0 6px 0;
        }

    .career-banner-info img {
        display: none;
    }

    .career-banner-quick-info {
        flex-wrap: wrap;
        justify-content: center;
        margin: 0 0 81% 0;
    }

    .career-opening-section-head h2 > span {
        font-size: 18px;
        line-height: 24px;
        font-family: openSans-regular;
    }

    .career-banner-info {
        padding: 0 12px 0 12px;
        margin: 5px 0 0 0;
        position: relative;
    }

        .career-banner-info::before {
            content: '';
            position: absolute;
            right: 0;
            top: 6px;
            width: 1px;
            height: 60%;
            background: #303030;
        }

        .career-banner-info:first-child {
            padding-left: 0;
        }

        .career-banner-info:last-child::before {
            content: none;
        }

        .career-banner-info p {
            display: flex;
            align-items: center;
            flex-wrap: nowrap;
            width: max-content;
            width: -webkit-max-content;
            width: -moz-max-content;
            font-size: 14px;
        }

            .career-banner-info p span {
                display: inline-block;
                margin-left: 5px;
                font-size: 14px;
            }

    .career-opening-section {
        padding: 30px 0 35px 0;
    }

    .career-opening-section-head {
        padding: 0;
    }

        .career-opening-section-head h2 {
            font-size: 18px;
            margin-bottom: 5px;
            line-height: 20px;
            padding: 0 45px;
            max-width: 300px;
            margin-left: auto;
            margin-right: auto;
        }

        .career-opening-section-head p {
            font-size: 14px;
            line-height: 20px;
            font-family: 'openSans-regular';
            margin-bottom: 20px;
            padding: 0 14px;
            max-width: 400px;
        }

    .subscribe-container .drop-resume-h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .drop-link-box .subscribe-container .drop-resume-p {
        font-size: 16px;
        line-height: 20px;
    }

    .career-opening-main-wrapper {
        flex-direction: column;
        position: unset;
        margin-top: 30px;
    }

    .career-exp-tab {
        margin: 25px auto 25px auto;
        padding: 20px 0;
        max-width: 100%;
        display: block;
    }

        .career-exp-tab .scrollable-tabs {
            max-width: 100%;
            overflow: auto;
        }

            .career-exp-tab .scrollable-tabs::-webkit-scrollbar {
                width: 0 !important;
                display: none;
            }

        .career-exp-tab .scrollable-tabs {
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
        }

        .career-exp-tab .scrollable-tabs {
            -ms-overflow-style: none;
        }

            .career-exp-tab .scrollable-tabs li {
                margin: 0 15px;
            }

                .career-exp-tab .scrollable-tabs li:last-child a {
                    margin-right: 15px;
                }

                .career-exp-tab .scrollable-tabs li a {
                    display: flex;
                    font-size: 14px !important;
                }

                    .career-exp-tab .scrollable-tabs li a span {
                        display: inline-block;
                        margin-left: 5px;
                        font-size: 14px !important;
                    }

    .career-category-main {
        max-width: 100%;
        padding: 0;
        margin-bottom: 30px;
        width: 100%;
    }

        .career-category-main .category-list {
            display: none;
        }

        .career-category-main .dropdown {
            display: table;
            margin: auto;
        }

            .career-category-main .dropdown .dropdown-toggle {
                font-family: 'openSans-semi-bold';
                font-size: 16px;
                font-weight: 600;
                color: #f37222;
                background: url('/resources/images/orange-dropdown-arrow.svg') no-repeat;
                background-position: 95% 50%;
            }

        .career-category-main .dropdown-menu.show {
            z-index: 5;
            transform: translate3d(0px, 46px, 0px) !important;
            margin: 0;
            width: 100%;
        }

    .dropdown-menu {
        padding: 0;
        overflow: hidden;
    }

    .career-category-main .dropdown-menu li {
        margin: 0 !important;
    }

        .career-category-main .dropdown-menu li a.active {
            background: transparent;
        }

            .career-category-main .dropdown-menu li a.active::before {
                content: none;
            }

    .dropdown-item:focus,
    .dropdown-item:active {
        background: #f37222 !important;
        color: #FFFFFF !important;
    }

    .carrer-banner-btns {
        flex-direction: column;
        align-items: flex-start;
    }

        .carrer-banner-btns .opening-btn {
            margin-bottom: 25px;
        }

    .career-opening-main {
        padding: 0;
        border: none;
    }

    .career-opening-box {
        margin: 0 auto 30px auto !important;
    }

        .career-opening-box:hover {
            transform: scale(1);
        }

    .career-opening-head {
        padding: 20px 20px 10px 20px;
        border-radius: 7.5px 7.5px 0 0;
    }

        .career-opening-head h3 {
            font-size: 18px;
            line-height: 24px;
        }

    .career-opening-info {
        padding: 20px 20px 15px 20px;
    }

    .exp-type-tag {
        bottom: 10px;
        min-width: 100px;
    }

        .exp-type-tag p {
            font-size: 13px;
            font-weight: 600;
        }

    #moreOpenings {
        flex-direction: column;
        margin-top: 0 !important;
    }

    .career-view-all-main {
        margin: 0;
    }

        .career-view-all-main .common-btn {
            display: none;
        }

        .career-view-all-main .view-more {
            display: table;
        }

    .career-jd-wrapper-main {
        position: fixed;
        z-index: 3;
        padding: 80px 0 0 0;
        display: block;
        max-height: 100vh;
        overflow: auto;
    }

    .career-jd-left-wrapper {
        width: 100%;
        padding: 0;
    }

    .career-jd-cat {
        display: none;
        box-shadow: none;
    }

        .career-jd-cat.active {
            display: block;
        }

            .career-jd-cat.active a {
                pointer-events: none;
                border-radius: 0;
                border: none;
            }

    .career-jd-right-wrapper {
        width: calc(100% - 30px);
        margin: auto;
        flex-direction: column;
        position: relative;
        overflow: unset;
        height: auto;
        margin-bottom: 60px;
    }

    .career-jd-main {
        max-height: inherit;
        padding: 20px 15px;
    }

        .career-jd-main .mCustomScrollBox {
            max-height: inherit;
        }

    .career-jd-quick-info {
        padding: 0;
        width: calc(100% + 32px);
        position: fixed;
        left: -16.5px;
        bottom: 0;
    }

        .career-jd-quick-info h2,
        .career-jd-quick-info p,
        .career-jd-quick-info ul,
        .career-jd-quick-info span {
            display: none !important;
        }

        .career-jd-quick-info .common-btn {
            margin: 0;
            border-radius: 0;
            width: 100%;
        }

    .contact-us-form-wrapper {
        margin: 0;
    }

    .career-jd-quick-apply {
        position: fixed;
        width: 100%;
        height: 100vh;
        overflow: auto;
        left: 0;
        top: 0;
        padding: 100px 15px 15px 15px;
        background: #FFFFFF url(../images/submenu-amiba.svg) no-repeat;
        background-position: 60% -190px;
    }

    .career-jd-quick-apply-form-wrapper {
        display: block;
    }

    .career-jd-quick-apply .captcha-main {
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
    }

        .career-jd-quick-apply .captcha-main .form-group {
            align-items: center;
        }

            .career-jd-quick-apply .captcha-main .form-group .contact-field {
                max-width: 40px !important;
            }

    .career-jd-quick-apply.contact-us-form-wrapper .form-group .cc-message {
        width: 120px;
    }

    .career-jd-quick-apply .common-btn {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .career-jd-wrapper-main .close {
        top: 80px;
    }

    .career-jd-quick-apply .d-flex {
        position: relative;
    }

    .career-jd-quick-apply .close {
        top: 0px;
        right: 0;
    }

    .career-apply-section {
        background-position: right bottom !important;
    }

        .career-apply-section .subscribe-container {
            text-align: left;
        }

        .career-apply-section .submit-btn {
            margin: 15px 0 0 0;
        }

        .career-apply-section .contact-field-row {
            flex-direction: row;
        }

        .career-apply-section .attach-info.view-more::before {
            background: #f37222;
            width: 100%;
        }

        .career-apply-section .attach-info.view-more span {
            color: #f37222;
            padding: 0 !important;
        }

            .career-apply-section .attach-info.view-more span::before,
            .career-apply-section .attach-info.view-more span::after {
                content: none;
            }

    .career-avail-activity-wrapper {
        max-width: 100%;
        padding: 10px 0 0 0;
    }

    .avail-all-activites-wrp {
        max-width: 582px;
        margin: 0 auto;
        width: 100%;
    }

    .activity-contains-list {
        flex-direction: column;
    }

    .activity-image-hover-container {
        margin-bottom: 20px;
    }

    .activity-name-txt {
        font-size: 14px;
        bottom: 10px;
        display: none;
    }

    .activity-image-hover-container:hover .activity-image-hover-text {
        opacity: 1;
    }

    .activity-image-hover-container:hover .activity-name-txt {
        opacity: 1;
    }

    .mob-activitey-hide {
        display: none;
    }

    .view-all-btn-wrp {
        display: flex;
        justify-content: center;
    }

    .view-all-btn {
        display: inline-block;
        padding: 13px 30px;
        border-radius: 8px;
        color: #fff;
        box-shadow: 0 0 9px 0 rgba(143, 141, 141, 0.21);
        background: #f37222;
        border: 1px solid #f37222;
        margin: 20px 0;
        font-size: 14px;
        font-family: 'openSans-semi-bold';
        cursor: pointer;
    }

    .activity-image-hover-text {
        /*display: none;*/
        opacity: 1;
        height: auto;
        border-radius: 0;
        top: auto;
        bottom: 0;
        padding-bottom: 5px;
    }

    .activity-image-hover-text-bubble {
        background-color: transparent;
    }

    .hover-content-activity {
        padding: 0 15px;
    }

    .activity-image-hover-text .activity-image-hover-title {
        font-size: 18px;
    }

    .view-images-btn {
        margin: 10px 0;
        padding: 7.5px 12px;
    }
    /*activity popup start*/
    .activity-modal .modal-body {
        padding: 15px;
    }

        .activity-modal .modal-body .close {
            right: -8px;
            top: -8px;
        }

    .activity-content-wrp h3 {
        font-size: 18px;
        font-family: 'openSans-semi-bold';
        text-align: center;
        padding: 0 20px;
    }

    .activity-description-wrp {
        width: 100%;
        margin: 20px 0 10px;
    }

    .activity-gallery-img {
        margin: 10px 0;
    }

    .activity-description-wrp,
    .activity-gallery-section {
        flex-direction: column;
    }

    .activity-content-wrp {
        width: 100%;
        margin-bottom: 24px;
    }

        .activity-content-wrp p {
            font-size: 14px;
        }

    .career-four-blocks-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        width: 100%;
        margin-top: 10px !important;
    }

    .career-single-block h2 {
        font-size: 14px;
    }

    .career-four-blocks-wrap .career-single-block {
        margin: 20px 17px 0;
        width: 41%;
        min-height: 130px;
        padding: 20px 10px 0;
    }

        .career-four-blocks-wrap .career-single-block:nth-child(odd) {
            margin-right: 0;
        }

    .career-headings-all {
        width: 59%;
        margin: 0 auto;
        font-size: 18px !important;
        font-family: 'openSans-semi-bold' !important;
    }

    .career-quote h2 {
        font-size: 16px;
        line-height: 20px;
        font-family: 'openSans-regular';
        margin: 0 20px;
    }

        .career-quote h2 > br {
            display: block;
        }

        .career-quote h2 > span {
            font-size: 18px;
            font-family: 'openSans-semi-bold';
        }

    .career-quote:before {
        margin-left: 20px;
        margin-top: -30px;
        background-size: contain;
        font-size: 30px;
    }

    .career-quote {
        margin: 70px auto 0;
        width: 100%;
    }

        .career-quote h2:after {
            margin-left: -4px;
            font-size: 30px;
            margin-top: 12px;
        }

    .career-why-join-us .see-who-we-are-wrapper {
        padding-bottom: 20px;
        padding-top: 20px;
    }

    .career-why-join-us .see-who-we-are-head {
        width: 100%;
        margin: 0;
    }

    .see-who-we-are-head h2.career-why-join-head {
        margin: 5px auto;
    }

    .tvdians-say-section-main {
        padding: 50px 10px 60px 10px;
        background: url('../images/tvdians-say-section-mobile-bg.svg') no-repeat;
        background-position: right bottom;
    }

    .tvdians-say-section-head h2 {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        line-height: 1.33;
        text-align: center;
        color: #303030;
        margin-bottom: 15px;
    }

    .tvdians-say-section-head p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #303030;
    }

    .tvdians-say-section-slider .slick-center {
        padding-top: 55px;
        margin-bottom: 0px;
    }

    .tvdians-say-section-slider .slick-slide:not(.slick-center) {
        opacity: 0;
    }

    .tvdians-say-section-slider .slick-active.slick-center + .slick-slide,
    .tvdians-say-section-slider .slick-center + .slick-cloned {
        opacity: 0;
    }

    .tvdians-say-section-slider .testimonial-img {
        width: 35px;
        height: 35px;
        margin: -35px auto 2px auto;
    }

    .tvdians-say-section-slider .testimonial-slide {
        padding: 20px 20px 30px 20px;
        min-height: 290px;
    }

    .career-testimonial-slider .testimonial-slide {
        min-height: 140px;
    }

    .career-testimonial-slider .slick-dots li {
        margin: 0 6px !important;
    }

    .our-client-tvdians-say-section .tvdians-say-section-slider .testimonial-slide {
        padding: 20px 20px 30px 20px;
    }

    .mob-testimonal-video {
        justify-content: center;
    }

    .tvdians-say-section-slider .testimonial-slide h3 {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        color: #303030;
        margin-bottom: 0;
    }

    .tvdians-say-section-slider .testimonial-slide h4 {
        font-family: 'openSans-regular';
        font-size: 14px;
        text-align: center;
        color: #303030;
        margin-bottom: 15px;
    }

    .tvdians-say-section-slider .testimonial-slide p {
        font-family: 'openSans-regular';
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #303030;
    }

    .tvdians-say-section-slider span.date {
        font-family: 'openSans-regular';
        font-size: 10px;
        color: #666666;
        right: 7px;
        bottom: 7px;
    }

    .tvdians-say-section-slider .slick-dots {
        bottom: 10px;
        display: flex;
        width: 100%;
    }

    .tvdians-say-section-slider.slick-slider {
        padding-bottom: 25px;
    }

    .tvdians-say-section-main .common-btn {
        margin: 0 auto;
        padding: 11px 35px;
    }
    /*career page end*/
    /*our clients section css start*/
    .our-clients-top-wrapper {
        width: 100%;
        background: none;
        background-position: 50% 135%;
        background-size: 100%;
    }

    .our-clients-banner-left-main {
        max-width: 100%;
    }

    .our-clients-container {
        padding: 80px 15px 10px 15px;
    }

    .our-clients-head h4 {
        font-size: 14px;
        line-height: 20px;
        line-height: inherit;
    }

    .career-head.our-clients-head h1 {
        padding: 0;
    }

    .career-head.our-clients-head > p {
        display: none;
    }

    .our-clients-banner-left-main .our-work-listing {
        justify-content: center;
    }

    .our-total-client-list {
        margin: 16px 0;
    }

    .our-clients-top-wrapper .carrer-banner-btns {
        display: none;
    }

    .all-clients-top-wrapper {
        margin-top: -30px;
    }

    .all-clients-container {
        width: 100%;
        padding: 10px 0 0 0;
    }

    .testimonial-video-wrp {
        max-width: 100%;
    }

    .our-client-tvdians-say-section .testimonial-slide-video p {
        display: none;
    }

    .all-digital-services-wrp .contact-presence-country {
        flex: inherit;
    }

    .all-digital-services-wrp .contact-presence-country {
        width: 45%;
        text-align: center;
    }

    .our-clients-contact-presence .contact-presence-container {
        padding: 0;
    }

    .our-clients-contact-presence.contact-presence-wrapper {
        padding: 30px 20px 0 20px;
    }

    .all-digital-services-wrp .contact-presence-country {
        margin: 0 15px 20px 0;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

        .all-digital-services-wrp .contact-presence-country:nth-child(even) {
            margin: 0 0 20px 0;
        }

    .our-work-top-wrapper.case-study-all-list-wrapper .hp-case-study-tabs .nav-tabs {
        padding: 10px 0;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
    }

    .tvdians-say-section-main.our-client-tvdians-say-section {
        padding: 50px 10px 20px 10px;
    }

    .our-work-top-wrapper.case-study-all-list-wrapper .card-box:nth-child(even) {
        margin-bottom: 0;
    }

    .our-client-tvdians-say-section h3 {
        font-size: 16px;
        line-height: 20px;
    }

    .clients-view-more-txt {
        font-size: 12px;
    }
    /*our clients section css end */
    .wid-good {
        width: 110px !important;
    }

    .goodfirms-para {
        padding: 0 5px;
    }

    .mt-gf-p {
        margin-top: 20px !important;
    }
    /*Services ux ui design page start*/
    .service-top-wrapper {
        background-size: 100% 190%;
        padding-top: 45px;
    }

    .service-container {
        padding: 80px 0 25px 0;
        flex-direction: column;
    }

    .access-service-main-wrapper .service-container {
        justify-content: space-between;
        padding: 80px 10px 110px;
        position: relative;
    }

    .mobile-app-sub-service-top-wrapper .service-container {
        padding: 10px 10px 110px;
    }

    .service-container.digital-service-container {
        padding: 40px 10px 110px 10px;
    }

    .mobile-app-sub-service-top-wrapper .service-banner-left-main.ent-mob-sol {
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    .mobile-app-sub-service-top-wrapper.web-soln .service-banner-left-main.ent-mob-sol.web-soln {
        max-width: 100%;
        margin-left: 0;
        margin-top: 0;
        text-align: left;
    }

    .service-banner-left-main {
        margin: 0;
        max-width: 100%;
        text-align: center;
    }

    .slide-caption-info.getin-touch-caption-info.newbred h3 {
        font-size: 10px !important;
        margin-bottom: 20px !important;
    }

    .slider-main-slide .slide-caption-main .slide-caption-info h1.alt-h3 {
        margin-top: 0px !important;
        font-size: 16px;
    }

    .main-span::after {
        content: '';
        position: absolute;
        border: solid black;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 2px;
        right: -10px;
        top: calc(50% - 2.5px);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform-origin: center;
    }

    .main-span.meta::after {
        content: '';
        position: absolute;
        border: solid #fff;
        border-width: 0 1px 1px 0;
        display: inline-block;
        padding: 2px;
        right: -10px;
        top: calc(50% - 2.5px);
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform-origin: center;
    }

    .service-banner-left-main.new-head h3 {
        font-size: 10px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 8px;
        text-align: left;
    }

    .slide-caption-info.getin-touch-caption-info.newbr h3 {
        font-size: 10px !important;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 8px;
        text-align: left;
    }

    .service-banner-left-main h1 {
        font-size: 20px;
        padding: 0 15px;
        line-height: 1.5;
        margin: 0;
    }

    .service-banner-left-main p {
        font-family: openSans-light;
        padding: 0 5px 6px 5px;
        font-size: 14px;
        margin: 0;
        line-height: 24px;
        font-weight: 600;
    }

        .service-banner-left-main p.fs-18 {
            font-size: 16px;
            line-height: 20px;
        }

    .service-banner-left-main.web-soln h1 {
        font-size: 24px;
        padding: 0 15px;
        line-height: 1.5;
        margin: 0;
    }

    .service-banner-left-main.web-soln p {
        font-family: 'openSans-regular';
        font-size: 16px;
        max-width: 95%;
        line-height: 20px;
        padding: 0px 15px 6px;
        margin: 0px;
    }

    .services-hyperlink {
        margin: 0 auto 0 auto;
    }

        .services-hyperlink.access {
            padding-top: 50px;
        }

        .services-hyperlink .nav {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            flex-wrap: nowrap;
            justify-content: flex-start !important;
            padding: 20px 15px;
        }

        .services-hyperlink.cx .nav {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            flex-wrap: nowrap;
            justify-content: flex-start !important;
            padding: 90px 15px;
        }

        .services-hyperlink.team-aug .nav {
            display: flex;
            width: 100%;
            overflow-x: scroll;
            flex-wrap: nowrap;
            justify-content: center !important;
            padding: 25px 15px;
        }


        .services-hyperlink .nav::-webkit-scrollbar {
            width: 0 !important;
            display: none;
        }

        .services-hyperlink .nav {
            overflow: -webkit-scrollbars-none;
            overflow: -moz-scrollbars-none;
            overflow: -o-scrollbars-none;
            overflow: scrollbars-none;
            scroll-behavior: smooth;
        }

        .services-hyperlink .nav {
            -ms-overflow-style: none;
        }

        .services-hyperlink.affix {
            top: 48px;
        }

            .services-hyperlink.affix .nav {
                padding: 20px 15px;
            }

        .services-hyperlink .nav .nav-item a {
            width: max-content;
            font-family: 'openSans-regular';
            font-size: 14px;
            color: #676767;
            padding-bottom: 0;
        }

            .services-hyperlink .nav .nav-item a::before {
                content: none;
            }

            .services-hyperlink .nav .nav-item a.active {
                font-family: 'openSans-semi-bold';
                color: #f37222;
            }

        .services-hyperlink .nav .nav-item {
            margin: 0 15px;
        }

    .services-what-we-do-main {
        padding: 25px 0 0 0;
        background-position: 50% 75px;
        background-size: 500px;
    }

        .services-what-we-do-main.web-soln {
            width: 100%;
            background: url(../images/web-soln-whatwedo-bg-mobile.svg) no-repeat;
            background-position: center 200px;
            padding: 40px 15px 15px 15px;
            background-size: 100% 80%;
        }
    /*.services-what-we-do-head {
            margin-bottom: 25px;
        }*/
    .services-common-heading {
        font-family: 'openSans-light';
        text-align: center;
        font-size: 20px;
        line-height: 24px;
        color: #303030;
        /*line-height: inherit;*/
        margin-bottom: 10px;
    }

        .services-common-heading.cust-service-common-heading {
            font-size: 20px;
            color: #303030;
            /*line-height: inherit;*/
            margin-bottom: 10px;
            padding: 0 20px;
        }

        .services-common-heading.msite {
            font-family: 'openSans-regular';
            font-size: 20px;
            line-height: 24px;
            color: #303030;
            margin-bottom: 15px;
        }

        .services-common-heading.help-cust-p {
            font-family: 'openSans-light';
            font-size: 20px;
            color: #303030;
            /*line-height: inherit;*/
            margin-bottom: 10px;
        }

        .services-common-heading.ent-mob-sol {
            font-family: 'openSans-light';
            font-size: 20px;
            line-height: 24px;
            color: #303030;
            /*line-height: inherit;*/
            margin-bottom: 10px;
        }

            .services-common-heading.ent-mob-sol span {
                font-family: 'openSans-regular';
                font-size: 20px;
                color: #303030;
                /*line-height: inherit;*/
                margin-bottom: 10px;
            }

        .services-common-heading.ent-mob-sol-lg {
            font-family: 'openSans-light';
            font-size: 20px;
            color: #303030;
            /*line-height: inherit;*/
            margin-bottom: 10px;
        }

            .services-common-heading.ent-mob-sol-lg span {
                font-family: 'openSans-regular';
                font-size: 20px;
                color: #303030;
                /*line-height: inherit;*/
                margin-bottom: 10px;
            }

    .services-what-we-do-head h2.ar-service {
        font-size: 20px;
        line-height: 24px;
    }

    .services-what-we-do-head p {
        width: unset !important;
        font-size: 14px;
        line-height: 20px;
        margin: 14px 16px 0;
    }

    .services-what-we-do-head .p-width {
        width: unset;
    }

    .services-what-we-do-head p.digital-transformation {
        font-size: 14px;
        line-height: 20px;
    }


    .services-what-we-do-head p.fs-18 {
        font-size: 14px;
        line-height: 20px;
    }


    .services-what-we-do-head p.mob-sol {
        width: 100%;
    }

    .services-what-we-do-head.web-soln p {
        font-size: 14px;
        line-height: 20px;
    }

    .services-what-we-do-head.web-soln h4.expertice-head {
        font-size: 20px;
        line-height: 24px;
    }

    .services-what-we-do-box.web-soln {
        padding: 5px;
        display: block;
        /* align-items: flex-start; */
        width: 45%;
        margin: 5px;
    }


    .services-what-we-do-box {
        padding: 15px 5px 15px 15px;
        display: flex;
        align-items: flex-start;
        max-width: 290px;
        margin: 0 10px 15px 10px;
    }

    .access-service-wht-we-do .services-box-link-wrp {
        padding: 0;
    }

    .services-box-link-wrp {
        padding: 0;
        display: flex;
        align-items: flex-start;
    }

        .services-box-link-wrp.web-soln {
            display: block;
        }

    .view-more .box-know-more span {
        padding: 0 !important;
        color: #f37222;
    }

    .view-more .box-know-more::before {
        width: 100%;
        background: #f37222;
    }

    .view-more .box-know-more span::after,
    .view-more .box-know-more span::before {
        display: none;
    }

    .services-what-we-do-box img {
        width: 55px;
        margin: 0 15px 0 0;
    }

    .services-box-link-wrp.web-soln img {
        max-height: 54px;
        display: block;
        margin: 15px auto;
    }

    .services-box-link-wrp.web-soln .services-what-we-do-info h3 {
        margin: 5px 0;
        font-size: 16px;
        text-align: center;
        line-height: 24px;
    }

    .services-what-we-do-info h3 {
        margin: 5px 0;
        font-size: 16px;
        text-align: left;
        line-height: 24px;
    }

    .services-box-link-wrp.web-soln .services-what-we-do-info p {
        display: none;
    }

    .services-what-we-do-info p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
        margin-bottom: 10px;
    }

    .services-what-we-do-info .view-more {
        margin: 0 !important;
    }

    .services-ux-for-client-main {
        padding: 5px 10px 10px 10px;
        background-size: 93%;
        background-position: 100% 190px;
    }

        .services-ux-for-client-main.c-strategy {
            padding: 50px 10px 10px 10px;
            background-size: 93%;
            background-position: 100% 190px;
        }

    .video-banking-services-ux-for-client-main .services-ux-for-client-wrapper {
        justify-content: center !important;
    }

    .services-ux-for-client-left,
    .services-ux-for-client-img {
        padding: 0 15px;
        width: 100%;
    }

        .services-ux-for-client-left .services-common-heading {
            text-align: center;
            max-width: 215px;
            margin: 0 auto 10px auto;
        }

            .services-ux-for-client-left .services-common-heading span {
                /*display: block;*/
            }

        .services-ux-for-client-left p {
            font-size: 14px;
            text-align: center;
            line-height: 20px;
        }

    .services-ux-for-client-img {
        margin-top: 40px;
    }

    .services-ux-for-client-wrapper {
        margin-top: 20px;
        justify-content: center;
    }

        .services-ux-for-client-wrapper.uxui-service-content {
            margin-top: 20px;
            justify-content: center;
        }


        .services-ux-for-client-wrapper.c-strategy {
            margin-top: 20px;
            justify-content: center;
        }


    .services-ux-for-client-box {
        margin: 10px 10px 0 0;
        padding: 20px 13px 20px 13px;
        flex-direction: column;
        width: 142px;
        min-height: inherit;
        display: block;
    }

        .services-ux-for-client-box:focus,
        .services-ux-for-client-box:hover {
            box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
            border: solid 1px transparent;
            -webkit-transition: 0.3s;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            transition: 0.3s;
        }

        .services-ux-for-client-box:nth-child(2n+0) {
            margin-right: 0;
        }

        .services-ux-for-client-box img {
            width: 30px;
            max-height: 30px;
        }

    .services-ux-for-client-info {
        margin: 0;
    }

        .services-ux-for-client-info h4 {
            margin: 20px 0 0 0;
            font-size: 16px;
            line-height: 20px;
        }

            .services-ux-for-client-info h4 span {
                display: block;
            }

        .services-ux-for-client-info p {
            display: none;
        }

    .services-model-process-main {
        padding: 55px 20px 35px 20px;
        background-size: 120%;
        background-position: 100% 190px;
    }

    .services-model-process-container {
        flex-direction: column;
    }

    .services-model-process-left-main {
        margin-bottom: 50px;
    }

        .services-model-process-left-main .services-common-heading {
            text-align: center;
        }

            .services-model-process-left-main .services-common-heading span {
                display: inline;
            }

        .services-model-process-left-main h4 {
            font-size: 14px;
            text-align: center;
            line-height: 20px;
            margin: 8px 0 0 0;
            color: #676767;
        }

    .mobile-dev-model-process-main .services-model-process-left-main .maturity-modal {
        margin-bottom: 6px
    }

    .services-faq-wrapper .card-body p > span {
        font-family: openSans-bold;
    }

    .services-model-process-left-main p {
        display: none;
    }

    .services-model-process-left-main.web-soln {
        margin-bottom: 30px;
    }

        .services-model-process-left-main.web-soln p {
            display: block;
            font-size: 14px;
            text-align: center;
            line-height: 20px;
            margin-top: 10px;
        }

    .services-model-process-right-main.web-soln {
        display: none;
    }

        .services-model-process-right-main.web-soln.cust-display {
            display: block;
            padding: 0px;
        }

        .services-model-process-right-main.web-soln .cust-line {
            font-size: 14px;
            line-height: 20px;
        }

    .services-model-process-contact.web-soln {
        margin-top: 0px;
    }

    .services-model-process-step {
        margin-bottom: 30px !important;
    }

    .services-model-process-count p {
        font-size: 12px;
        line-height: 22px;
    }

    .services-model-process-count h3 {
        font-size: 12px;
        line-height: 22px;
    }

    .services-model-process-icon {
        width: 67px;
        height: 67px;
    }

        .services-model-process-icon img {
            width: 60%;
        }

    .services-model-process-info {
        margin-left: 20px;
    }

        .services-model-process-info h4 {
            margin-top: 8px;
            margin-bottom: 3px;
            font-size: 14px;
            line-height: 20px;
        }

        .services-model-process-info p {
            font-size: 14px;
            line-height: 20px;
        }

    .services-model-process-contact {
        flex-direction: column;
        margin-top: 10px;
        padding: 20px;
    }

        .services-model-process-contact img {
            max-width: 180px;
            display: block;
            margin: auto;
        }

    .services-model-process-contact-info {
        margin: 15px 0 0 0;
        text-align: center;
    }

        .services-model-process-contact-info h5 {
            font-size: 16px;
            line-height: 20px;
            margin-bottom: 20px;
        }

    .services-why-important-main {
        padding: 35px 20px;
        background: none;
    }

    .services-why-important-head .services-common-heading {
        margin-bottom: 12px;
    }

    .services-common-heading.cust-paragraph {
        font-size: 20px;
        line-height: 24px;
    }

    .services-why-important-head {
        margin-bottom: 30px;
    }

        .services-why-important-head p {
            font-size: 14px;
            line-height: 20px;
            color: #676767;
        }

    .services-why-important-left-main p {
        font-size: 14px;
        line-height: 20px;
    }

    .mobile-dev-listing-section .mob-dev-left-main p {
        font-size: 14px;
        line-height: 20px;
    }

    .services-why-important-head p.cust-why-p {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }

    .services-why-important-head p.cust-heading {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }


    .services-why-important-left-main {
        max-width: 100%;
        margin: 0 0 40px 0;
        padding: 0 15px;
    }

        .services-why-important-left-main .why-techved-p {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 26px;
            color: #676767;
            margin-bottom: 10px;
            display: block;
        }

        .services-why-important-left-main h3 {
            margin-top: 0;
            font-size: 16px;
            line-height: 24px;
            margin: 16px 0 6px;
        }

    .wearables-left-main h3 {
        margin-bottom: 0;
    }

    .services-why-important-left-main ul li {
        font-size: 14px;
        line-height: 20px;
        margin: 15px 0;
        background-position: left top 4px;
    }

    .check-insights-main {
        width: unset;
        margin-top: 25px;
        display: block;
        border: none;
    }

        .check-insights-main p {
            display: block;
            text-align: left;
        }

    .services-why-important-right-head h4 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }

    .services-why-important-box {
        max-width: 100%;
        margin: 0 0 25px 0;
    }

        .services-why-important-box:last-child {
            margin-bottom: 0;
        }

    .services-why-important-box {
        text-align: left;
    }
        /*.services-why-important-box:nth-child(even) {
            text-align: right;
            width: 100%;
        }*/
        .services-why-important-box h2 {
            font-size: 36px;
            margin-bottom: 0;
        }

        .services-why-important-box p {
            margin-bottom: 0;
        }

        .services-why-important-box p {
            font-size: 14px;
            line-height: 20px;
            font-family: 'openSans-regular';
            text-align: left;
        }
        /*.services-why-important-box:nth-child(even) p {
            text-align: right;
            max-width: 80%;
            margin-left: auto;
        }*/
        .services-why-important-box img {
            display: none;
        }

    .services-why-important-right-main p.source {
        display: none;
    }

    .services-hp-clients-wrapper {
        margin-top: 0;
        padding-top: 35px;
    }

        .services-hp-clients-wrapper .hp-clients-head {
            margin-bottom: 8px;
        }

    .services-faq-main {
        padding: 40px 15px;
    }

    .services-faq-head {
        margin: 0 auto 15px auto;
    }

        .services-faq-head p {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 20px;
            color: #676767;
        }

    .services-faq-wrapper {
        margin-bottom: 25px;
    }

        .services-faq-wrapper .card {
            margin-bottom: 15px;
        }

            .services-faq-wrapper .card::before {
                width: 4px;
            }

        .services-faq-wrapper .card-header {
            padding: 18px 15px 18px 20px;
            align-items: flex-start;
        }

            .services-faq-wrapper .card-header .faq-title {
                font-size: 16px;
                font-weight: 300;
                line-height: 24px;
            }

            .services-faq-wrapper .card-header img {
                max-width: 16px;
                margin-left: 20px;
                flex: 1;
            }

        .services-faq-wrapper .card.active .card-header h2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 24px;
        }

        .services-faq-wrapper .card-body {
            padding: 0 15px 20px 20px;
        }

            .services-faq-wrapper .card-body p, .services-faq-wrapper .card-body li {
                font-size: 14px;
                line-height: 20px;
            }
    /*Services ux ui design page end*/



    /*SErvice digital transformation start*/
    .digital-service-top-wrapper {
        background-size: 100% 188%;
    }
    /*SErvice digital transformation end*/


    .industries-top-wrapper {
        background-image: url(../images/desktop-services-bg.svg);
        background-position: center top -10px;
        background-size: auto 110%;
    }

    .industry-whats-happening-main {
        padding: 35px 20px;
        background: none;
    }

    .industry-whats-happening-container {
        padding: 0 10px;
    }

    .our-work-stats > li:before {
        background: #303030;
        width: 2px;
        height: 50%;
    }

    .whats-happening-content {
        flex-direction: column;
        margin-top: 7px;
        margin-bottom: 0;
    }

        .whats-happening-content.chatbot {
            flex-direction: column;
            margin-top: 7px;
            margin-bottom: 12px;
        }

    .industry-part-left-section .content-txt {
        font-size: 14px;
        line-height: 20px;
        color: #676767;
        margin-bottom: 20px;
        text-align: center;
    }

        .industry-part-left-section .content-txt.cust-p {
            font-size: 14px;
            line-height: 20px;
            color: #676767;
            margin-bottom: 20px;
            text-align: center;
        }

        .industry-part-left-section .content-txt:first-child {
            display: none;
            font-size: 14px;
            line-height: 20px;
        }

    .industry-part-left-section .check-insights-main {
        display: none;
    }

    .industry-part-right-section h3 {
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .industry-part-right-section p {
        font-size: 14px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .industry-part-right-section.ent-mob-sol h3 {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 20px;
        text-align: center;
        font-family: 'openSans-light';
    }

    industries-top-wrapper .service-banner-right-main img {
        width: 80%;
        margin: 0 auto;
    }

    .industry-part-right-section ul {
        margin-left: 0px;
    }

    .listing-icon-tick li {
        font-family: openSans-regular;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        color: #303030;
        min-height: 20px;
        background-position: left 2px;
    }

    .listing-icon-tick.chatbot li {
        font-size: 14px;
        line-height: 20px;
    }

    .industry-part-right-section.ent-mob-sol ul {
        margin: 0px auto;
        width: 100%;
    }

    .industry-part-right-section.ent-mob-sol .cust-ul {
        margin: 10px;
        width: 100%;
    }

    .industry-part-right-section.ent-mob-sol .listing-icon-tick li {
        font-family: openSans-regular;
        font-size: 14px;
        line-height: 20px;
        font-weight: 300;
        color: #303030;
        min-height: 20px;
        background-position: left 3px;
    }

    .industry-part-right-section.ent-mob-sol.bullet ul li::before {
        content: "";
        position: absolute;
        left: -21px;
        top: 7px;
        width: 7px;
        height: 7px;
        border-radius: 100%;
        background: #000;
    }

    .industry-part-right-section .check-insights-main {
        margin-top: 10px;
    }

    .industry-part-right-section.ent-mob-sol .check-insights-main {
        margin-top: 10px;
        width: 75%;
        margin: 10px auto 0;
    }

    .industry-stats-say-section {
        padding-top: 24px;
    }

        .industry-stats-say-section.web-soln {
            padding: 24px 20px 0;
            background: url(../images/web-soln-stats-mobile-bg.svg) no-repeat;
            background-position: center top;
            background-size: 100%;
        }

        .industry-stats-say-section.consist {
            padding: 24px 0px 0;
            background-position: center top;
            background-size: 100%;
        }

    .invdi-stats-section {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-bottom: 15px;
        padding: 20px 38px 20px 15px;
        display: flex;
        align-items: center;
    }

        .invdi-stats-section .content-1 {
            font-size: 32px;
            margin-bottom: 0;
            margin-right: 10px;
            min-width: 95px;
            text-align: center;
        }

        .invdi-stats-section .content-2 {
            font-size: 14px;
            line-height: 20px;
        }

        .invdi-stats-section:last-child {
            margin-bottom: 35px;
        }

    .industry-services-main-wrp {
        padding: 32px 0 0 0;
    }

    .industry-our-expertise-main {
        padding: 40px 0;
    }

    .industry-happeing-txt-head > p {
        font-size: 14px;
    }

    .expertise-section-wrp {
        margin-top: 20px;
    }
        /*.expertise-section-wrp h3{
	    display:none;
	        }*/
        .expertise-section-wrp .d-flex {
            flex-direction: column-reverse;
        }

    .left-list-expertise-wrp {
        padding: 20px 30px 0 30px;
    }

    .expertise-section-wrp h3 {
        font-size: 20px;
        margin-bottom: 7px;
    }

    .left-list-expertise-wrp ul li .list-txt {
        flex: 1;
        font-size: 18px;
    }

    .industry-our-expertise-main + .hp-case-study-section {
        padding-top: 0;
    }

    .right-list-expertise-wrp {
        max-width: 320px;
        margin: 0 auto;
    }

    .services-work-listing {
        justify-content: center;
    }
    /*------  Research and Insights page  --------*/
    .research-insights-why-imp-main .services-why-important-left-main {
        max-width: 100%;
    }

    .research-top-wrapper .service-banner-left-main {
        left: 0;
    }

    .research-top-wrapper {
        background-size: auto 110%;
        background-position: center top;
    }

        .research-top-wrapper .our-work-listing {
            justify-content: center;
        }

    .ri-what-we-do-wrap {
        display: flex;
        flex-direction: column;
    }

    .ri-left-boxes {
        width: 100%;
    }

        .ri-left-boxes .services-what-we-do-box1 {
            padding: 0 22px;
        }

    .p-mob-1038 {
        padding: 10px 38px;
    }
    /*.ri-left-boxes .services-what-we-do-info h3
	    {
	    text-align: center;
	    }*/
    .sw-mobile > h3 {
        text-align: center;
    }

    .sw-mobile > p {
        text-align: center;
    }

    .ri-left-boxes .services-what-we-do-info h3 {
        text-align: center;
    }

    .ri-left-boxes .services-what-we-do-info p {
        text-align: center;
    }

    .ri-left-boxes {
        /*display: none;*/
    }

    .ri-right-boxes {
        width: 100%;
    }

    .research-insights-why-imp-main {
        /*display: none;*/
    }

        .research-insights-why-imp-main .services-why-important-left-main p {
            display: block;
        }

        .research-insights-why-imp-main .hwd-head {
            text-align: center;
            margin-bottom: 8px;
        }

    .txt-mobile-center {
        text-align: center;
    }

    .research-insights-why-imp-main .services-why-important-left-main p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 15px;
        text-align: center;
    }

        .research-insights-why-imp-main .services-why-important-left-main p.hwd-sub-heading {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 15px;
            text-align: center;
            padding: 0px;
        }

    .research-insights-why-imp-main .hwd-mobile {
        flex-direction: column;
    }

    .research-insights-why-imp-main .services-why-important-left-main {
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        align-items: center;
    }

    .research-insights-why-imp-main .services-why-important-right-main {
        max-width: 100%;
        margin-top: 30px;
    }

    .research-insights-why-imp-main .wd-app-text {
        left: 0;
    }

    .research-insights-why-imp-main .wd-app-img div img {
        height: 287px;
    }

    .research-insights-why-imp-main {
        padding-bottom: 0;
    }

        .research-insights-why-imp-main .hwd-sub-heading {
            font-size: 20px;
            line-height: 24px;
            text-align: center;
        }

            .research-insights-why-imp-main .hwd-sub-heading.fs-20 {
                font-size: 18px;
                text-align: center;
            }

            .research-insights-why-imp-main .hwd-sub-heading.cust-head {
                font-size: 22px;
                text-align: center;
            }

        .research-insights-why-imp-main .services-why-important-head p {
            display: none;
        }

        .research-insights-why-imp-main .services-why-important-head {
            margin-bottom: 0;
        }

        .research-insights-why-imp-main.services-why-important-left-main {
            margin-top: 15px;
        }
    /*digital transformation page css start*/
    .digital-service-top-wrapper .service-banner-left-main {
        margin: 0;
    }

    .digital-service-container .digital-banner-img {
        max-width: 100%;
        margin: 0 auto;
    }

    .digital-transform-hw-do-sec .services-ux-for-client-left .services-common-heading span {
        display: inline;
    }

    .digital-transform-hw-do-sec .hwd-sub-heading {
        font-size: 16px;
        text-align: center;
    }

    .ri-banner-img {
        display: none;
    }

    .ri-mobile-banner-img {
        display: block;
        margin-left: 42%;
    }
    /*digital transformation page css end*/
    /*festival banner image css start*/
    .festival-slide .slide-caption-main .slide-caption-info {
        margin-right: 85px;
    }

    .festival-slide.slide2 .slide-caption-img {
        margin-right: 0;
    }

    .festival-slide .slide-caption-main .slide-caption-img img.festival-img {
        width: 250px;
    }

    .festival-slide.slide2 .slide-caption-main .slide-caption-img {
        margin-top: 0px;
    }

    .festival-slide.slide2 .slide-caption-info {
        margin-top: 90px;
    }

    .festival-slide .slide-caption-main .slide-caption-info p.festival-para-txt {
        font-size: 14px;
        line-height: inherit;
        margin-bottom: 8px;
    }

    .newyear-w-300 {
        width: 300px !important;
    }
    /*industries page css start*/
    .industries-top-wrapper .our-work-listing.our-work-stats {
        justify-content: center;
    }

    .industries-banner-left-main .our-work-listing > li {
        flex-direction: inherit;
    }

        .industries-banner-left-main .our-work-listing > li .txt-1 {
            font-size: 14px;
            color: #303030;
            font-family: 'openSans-semi-bold';
        }

        .industries-banner-left-main .our-work-listing > li .txt-2 {
            margin-left: 4px;
        }
    /*industries page css end*/
    /*mobile development service page css start*/
    .mobile-dev-listing-section .mob-dev-left-main h4,
    .platform-list-we-work h4 {
        font-size: 16px;
        line-height: inherit;
        text-align: center;
    }

    .platform-list-we-work h4 {
        margin-left: 0;
    }

    .mobile-devp-section-main .services-why-important-head {
        margin-bottom: 15px;
    }

    .platform-image-wrp,
    .dev-list-img-wrp {
        display: none;
    }

    .mob-dev-right-main {
        display: flex;
        justify-content: center;
        width: 100%;
        height: auto;
        max-width: 300px;
        margin: 0 auto;
    }

    .mob-dev-all-listing {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .app-services-wrp {
        position: relative;
        margin-bottom: 20px;
    }

    .app-name-list-1,
    .app-name-list-2,
    .app-name-list-3 {
        top: inherit;
        left: inherit;
    }

    .app-name-list-4,
    .app-name-list-5 {
        top: inherit;
        right: inherit;
    }

    .platform-list-we-work {
        width: 100%;
    }

    .all-platforms-wrp {
        justify-content: flex-start;
        max-width: 400px;
        margin: 0 auto;
    }

    .platform-name-wrp {
        width: 28%;
        height: 81px;
        margin: 8px;
        padding: 6px;
        border-radius: 12px;
    }

    .mobile-dev-banner-img {
        padding: 0;
    }

    .mobile-dev-top-wrapper .service-banner-left-main h4 {
        font-size: 16px;
        line-height: 18px;
    }

    .mobile-dev-innovative-solutions-slider h3 {
        padding: 0 20px;
    }

    .stats-small-heading span {
        font-size: 16px;
    }

    .work-overflow-list ul li {
        width: 100%;
    }

    .platform-list-we-work {
        margin-top: 0;
    }

    .mobile-dev-model-process-main .services-model-process-left-main .services-model-process-contact {
        display: none;
    }

    .mobile-dev-model-process-main .services-model-process-right-main .services-model-process-contact {
        display: flex;
    }

    .why-value-labels span.mob-dev-value-txt {
        font-size: 16px;
    }

    .mobile-dev-innovative-solutions-slider {
        margin-top: 30px;
    }

    .digi-app-info-txt .app-info-text-bold .h3 {
        font-size: 20px;
    }

    .digi-app-info-txt .app-icon {
        display: flex;
    }

    .digi-icon-title {
        margin-bottom: 10px;
    }

    .digi-solution-slider-list li {
        font-size: 14px;
        line-height: 20px;
    }
    /*mobile development service page css end*/
    /******************* sub services page start *******************/
    /*Mobile-apps page start*/
    .mobile-app-sub-service-top-wrapper {
        background: url(../images/as-main-banner.png) no-repeat;
        background-size: auto 110%;
        background-position: 8% 40%;
    }

    .mobile-app-sub-service-top-wrapper {
        background-size: auto 130%;
        background-position: 95% 40%;
    }

    .service-banner-left-main h4 {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: 24px;
        line-height: normal;
        color: #303030;
        margin-bottom: 0px;
        padding: 0 15px;
    }

    .service-banner-left-main .left-cust-h1 {
        font-family: 'openSans-regular';
        font-size: 16px;
        line-height: normal;
        color: #303030;
        margin-bottom: 0px;
        padding: 0 15px;
    }

    .service-banner-left-main .left-cust-h2 {
        font-size: 20px;
        padding: 0 15px;
        line-height: 24px;
        margin: 0 0 5px;
    }

        .service-banner-left-main .left-cust-h2.fs-31 {
            font-size: 20px;
            line-height: 24px;
        }

    .mobile-app-sub-service-top-wrapper .service-banner-right-main {
        /*max-width: 92.5%;*/
        margin: auto;
    }

    .service-top-wrapper.mobile-app-sub-service-top-wrapper .service-banner-right-main {
        max-width: 100%;
    }

    .mobile-app-sub-service-top-wrapper.web-apps .service-banner-right-main.leadg {
        max-width: 100%;
    }

    .mobile-app-sub-service-top-wrapper .service-banner-right-main.ent-mob-sol {
        width: 100%;
        margin: auto;
        padding: 5px;
    }

        .mobile-app-sub-service-top-wrapper .service-banner-right-main.ent-mob-sol img.desktop {
            display: none;
        }

        .mobile-app-sub-service-top-wrapper .service-banner-right-main.ent-mob-sol img.mobile {
            display: block;
            width: auto;
            margin: 20px auto;
            padding: 0;
        }

    .service-banner-right-main.ent-mob-sol.web-soln img.mobile {
        display: block;
        width: auto;
        margin: 45px auto 100px;
        padding: 0px;
    }

    .services-why-important-right-main.ent-mob-sol img.desktop {
        display: none;
    }

    .services-why-important-right-main.ent-mob-sol img.mobile {
        display: block;
        margin: 0 auto;
    }

    .services-why-important-right-main.ent-mob-sol p {
        font-size: 14px;
        line-height: 20px;
        padding: 25px 10px 5px;
    }

    .industry-part-left-section.ent-mob-sol .content-txt {
        font-size: 14px;
        line-height: 20px;
        padding: 0 15px;
        margin-bottom: 15px;
    }

        .industry-part-left-section.ent-mob-sol .content-txt.custom-paragraph {
            font-size: 20px;
            line-height: 24px;
        }

    .service-top-wrapper.web-soln {
        background: url('../images/web-soln-banner-bg-mobile.svg');
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 120% 120%;
    }

    .service-banner-left-main.mobile-ipad2 .img-mobile-ipad2 {
        width: 90% !important;
        margin: 10px auto !important;
    }

    .service-banner-left-main.wearable .img-wearables {
        width: 90%;
        margin: 10px auto;
    }

    .mobile-app-sub-service-top-wrapper .service-banner-left-main {
        flex: 1;
        margin-top: 0;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper {
        margin: 20px 0;
    }

        .sub-services-ux-for-client-main .services-ux-for-client-wrapper.ai-chat {
            margin: 20px 0px;
        }

        .sub-services-ux-for-client-main .services-ux-for-client-wrapper.cust-msite {
            margin: 20px 0px;
        }


        .sub-services-ux-for-client-main .services-ux-for-client-wrapper.ux-have-look {
            margin-top: 0px;
        }

    .services-ux-for-client-wrapper.mobile-app-ux-for-client-wrapper.cust-services-ux {
        margin-top: 20px;
    }

    .sub-services-ux-for-client-main {
        background: none;
    }

        .sub-services-ux-for-client-main .services-common-heading span {
            display: inline;
        }

        .sub-services-ux-for-client-main .services-ux-for-client-img {
            display: none;
        }

            .sub-services-ux-for-client-main .services-ux-for-client-img.ent-mob-sol {
                display: block;
            }

    .container-fluid.ent-mob-sol {
        background: none;
    }

    .services-ux-for-client-main.ent-mob-sol {
        background: url(../images/ent-mob-sol-offering-mobile-banner.png) no-repeat;
        background-position: 30% 100px;
        background-size: 100% auto;
        padding-bottom: 20px;
        padding: 60px 12px 20px 12px;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-box:last-child {
        margin-right: 0;
    }

    .mobile-app-stats-say-section .invdi-stats-section {
        margin: 0 auto 15px;
        height: auto;
        width: 94%;
    }

        .mobile-app-stats-say-section .invdi-stats-section:nth-child(3n+0) {
            margin: 0 auto 15px;
            height: auto;
            width: 94%;
        }

        .mobile-app-stats-say-section .invdi-stats-section:nth-child(2n+0) {
            margin: 0 auto 15px;
            height: auto;
            width: 94%;
        }

    .invdi-stats-section.web-soln {
        box-shadow: none;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 10px 0;
        margin: 0 auto 15px;
        height: auto;
        width: 94%;
        background-color: transparent;
    }

        .invdi-stats-section.web-soln .content-1 {
            font-size: 36px;
            margin-bottom: 0;
            margin-right: 0px;
            min-width: unset;
            text-align: center;
        }

        .invdi-stats-section.web-soln .content-2 {
            font-size: 14px;
            line-height: 20px;
        }

        .invdi-stats-section.web-soln::before {
            display: none;
        }
    /*.invdi-stats-section.web-soln:nth-child(2n) {
        align-items: flex-end;
        text-align: right;
    }*/
    /*Mobile-apps page end*/
    /******************* sub services page end *******************/
    /*accessibility service starts*/
    .access-service-how-we-do-wrapper {
        background-position: center;
        background-size: contain;
        padding-top: 35px;
    }

    .as-segment-boxes {
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.52);
        padding: 24px;
        width: 150px;
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        margin-bottom: 15px;
    }

        .as-segment-boxes h2 {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            color: #303030;
            margin: 18px 0 2px;
        }

    .as-w3c-mobile-flex {
        display: flex;
    }

    .as-w3c-info-main {
        display: flex !important;
        flex-direction: column;
    }

    .as-client-privacy-banner {
        flex-direction: column-reverse;
    }

        .as-client-privacy-banner .cp-left {
            width: 100%;
            padding: 20px;
        }

        .as-client-privacy-banner .cp-right {
            width: 100%;
            justify-content: center;
        }

    .s-we-left {
        width: 100%;
    }

    .standard-we-section {
        flex-direction: column;
    }

    .as-right-top {
        display: none;
    }

    .standards-we-follow {
        background: none;
        padding-bottom: 60px;
    }

    .as-right-bottom {
        position: relative;
        top: 50px;
        left: 0;
    }

    .s-we-left .s-we-left-child:last-child {
        margin-left: 0;
        margin-top: 45px;
    }

    .s-we-left-child > div:first-child {
        width: 100px;
        height: 100px;
    }

    .s-we-left-child img {
        width: 70px;
    }

    .s-we-left-child-info > h2 {
        font-size: 14px;
    }

    .as-comprehensive-right {
        width: 100%;
    }

        .as-comprehensive-right .as-com-row1 {
            justify-content: center;
            padding: 0 15px 0 0;
        }

        .as-comprehensive-right .as-segment-boxes h2 {
            font-size: 14px;
        }

        .as-comprehensive-right .as-segment-boxes {
            width: 137px;
            padding: 15px 0;
            margin: 15px 0 0 15px;
            text-align: center;
        }

        .as-comprehensive-right .ml-40 {
            margin-left: 0;
        }

    .w3logo-rotate {
        padding: 0 120px;
    }

    .as-comprehensive-head {
        padding: 0 15px;
    }

    .access-service-main-wrapper .service-banner-right-main {
        padding: 0;
    }

    .as-comprehensive-left {
        padding-top: 10px;
    }

    .access-service-main-wrapper {
        background-size: auto 110%;
        background-position: 7% 100%;
    }

    .access-service-why-important-left-main .view-more {
        margin: 10px auto;
    }

    .as-stats-main .invdi-stats-section .content-1 {
        font-size: 32px;
        margin-bottom: 0;
        margin-right: 10px;
    }

    .access-service-Segment {
        padding: 0 15px 15px 15px;
    }

    .as-w3c-section .as-w3c-info-main {
        margin: 0 auto 35px auto;
    }

    .as-client-privacy-banner .cp-left span {
        width: 100%;
    }

    .as-client-privacy-banner .cp-left h2 {
        font-size: 22px;
        line-height: 30px;
    }
    /*why-important-slider-dots start*/
    .access-service-how-we-do-wrapper #dp-dotsMobile {
        width: 100%;
        max-width: 100%;
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: scroll;
        flex-wrap: nowrap;
        margin-right: 10px;
    }

        .access-service-how-we-do-wrapper #dp-dotsMobile::after {
            width: 100%;
            position: fixed;
            left: 0px;
        }

        .access-service-how-we-do-wrapper #dp-dotsMobile::-webkit-scrollbar {
            width: 0 !important;
            display: none;
        }

    .access-service-how-we-do-wrapper #dp-dotsMobile {
        overflow: -webkit-scrollbars-none;
        overflow: -moz-scrollbars-none;
        overflow: -o-scrollbars-none;
        overflow: scrollbars-none;
        scroll-behavior: smooth;
    }

    .access-service-how-we-do-wrapper #dp-dotsMobile {
        -ms-overflow-style: none;
    }

        .access-service-how-we-do-wrapper #dp-dotsMobile li {
            width: auto;
            margin: 0 15px;
        }

        .access-service-how-we-do-wrapper #dp-dotsMobile h4 {
            width: 130px;
        }

    .access-service-how-we-do-wrapper #dp-dotsMobile {
        margin-right: 0;
    }

        .access-service-how-we-do-wrapper #dp-dotsMobile li:last-child {
            margin-right: 0;
            padding-right: 15px;
        }

            .access-service-how-we-do-wrapper #dp-dotsMobile li:last-child::after {
                content: '' !important;
                position: absolute;
                width: calc(100% - 18px);
                height: 20px;
                top: 0;
                right: 0px;
                background: #FFFFFF;
            }
    /*why-important-slider-dots end*/
    .as-why-banner-left {
        flex-direction: column;
    }

    .as-why-banner-left-childrens > img {
        float: left;
        margin-right: 15px;
    }

    .as-why-banner-left-childrens > p {
        margin-top: 20px;
    }

    .as-why-banner-left-childrens:first-child {
        margin-bottom: 40px;
    }

    .as-banner-txt > h2 {
        font-size: 16px;
        padding: 0 16px;
    }

    .access-service-wht-we-do .services-what-we-do-box {
        margin: 0 16px 16px 16px;
    }

    .access-service-why-important-main .services-why-important-right-main {
        /*display: none;*/
    }

    .access-service-why-important-left-main > h3 {
        font-family: 'openSans-semi-bold';
        text-align: center;
        font-size: 16px;
    }

    .as-why-banner-left-childrens > h2 {
        font-family: 'openSans-regular';
    }

    .access-service-Segment {
        margin-top: 0 !important;
    }

    .as-stats-main {
        margin-bottom: 0;
    }

    .para-digi-imp-sec {
        display: none;
    }

    .access-service-Segment .services-why-important-head {
        margin-bottom: 0 !important;
    }

    .as-comprehensive-head p {
        display: none;
    }

    .as-comprehensive-head h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .padd-1590 {
        padding: 15px 90px 0;
    }

    .mob-none {
        display: none;
    }

    .w3logo-rotate {
        padding: 0;
    }

    .web-none {
        display: block;
    }

    .as-client-privacy-banner {
        background: #7474b3;
    }

        .as-client-privacy-banner .cp-left h2 {
            color: white;
        }

        .as-client-privacy-banner .cp-left span {
            color: white;
        }

    .as-stats-main .invdi-stats-section .content-2 {
        flex: 1;
    }
    /*accessibility service ends*/
    .common-section-padding {
        padding-top: 35px !important;
    }



    .services-what-we-do-main.common-section-padding.progressive-bg {
        margin-top: 0px !important;
    }

    .services-what-we-do-main.common-section-padding.uiux-design-top-spacing {
        margin-top: 0px !important;
    }

    .research-insights-what-we-do {
        background: url(../images/services-what-we-do-bg.svg) no-repeat, url(../images/services-what-we-do-bg.svg) no-repeat;
        background-position: 50% 216px, 50% 730px;
        background-size: 500px, 500px;
    }

    .ucv-work-details-top-wrapper {
        width: 100%;
        background: url(../images/ucv-right-banner.png) no-repeat;
        background-position: 100% 390px;
        background-size: 60%;
    }
    /*ucv case study page css start*/
    .ucv-laptop-bg {
        max-width: 80%;
    }

    .ucv-work-details-certificates-second {
        top: 250px;
    }

    .cs-wd-app-text .app-info-text-bold .h3 {
        margin-bottom: 30px;
    }

    .gen-insrnce-details-top-wrapper {
        width: 100%;
        background: url(../images/bhaxa-right-banner.png) no-repeat;
        background-position: 100% 360px;
        background-size: 60%;
    }

    .new-services-why-important-section {
        display: block;
    }

    .invdi-stats-section .content-1-small-heading {
        font-size: 16px;
    }

    .vserve-top-wrapper {
        background: url(../images/vserve-banner.png) no-repeat !important;
        background-position: 100% 350px !important;
        background-size: 60% !important;
    }

        .vserve-top-wrapper .work-details-container {
            padding-top: 100px;
        }
    /*hike case study page css start*/
    .hike-case-dtls-top-wrapper {
        width: 100%;
        background: url(../images/hike-right-banner.png) no-repeat;
        background-position: 100% 340px;
        background-size: 60%;
    }

        .hike-case-dtls-top-wrapper .our-work-right {
            top: 0px !important;
        }

        .hike-case-dtls-top-wrapper .work-details-container,
        .samsung-case-dtls-top-wrapper .work-details-container {
            padding-bottom: 85px;
        }

        .hike-case-dtls-top-wrapper .work-details-certificate:first-child,
        .samsung-case-dtls-top-wrapper .work-details-certificate:first-child {
            margin-right: 0;
        }
    /*samsung case study page css start*/
    .samsung-case-dtls-top-wrapper {
        width: 100%;
        background: url(../images/samsung-right-banner.png) no-repeat;
        background-position: 100% 360px;
        background-size: 60%;
    }
    /*samsung case study page css end*/
    .blog-comment-wrapper {
        width: 85%;
        margin: 0px auto;
    }
    /*laptop-company case study start*/
    .laptop-company-case-dtls-top-wrapper {
        background: url(../images/laptop-company-right-banner.png) no-repeat;
        background-position: 100% 365px;
        background-size: 60%;
    }

        .laptop-company-case-dtls-top-wrapper .wd-result-wrap .wd-dtls-heading {
            /*padding-top: 0;*/
        }

        .laptop-company-case-dtls-top-wrapper .innovative-solutions-slider .slick-arrow {
            bottom: -40px;
        }

        .laptop-company-case-dtls-top-wrapper .innovative-app .app-imgblk {
            width: 100%;
        }

        .laptop-company-case-dtls-top-wrapper .work-details-container {
            padding-bottom: 235px;
        }

        .laptop-company-case-dtls-top-wrapper .work-details-certificates-second {
            top: 345px !important;
        }
    /*laptop-company case study start*/
    .chatbot-top-wrapper {
        background: url(../images/chatbot-banner.png) no-repeat !important;
        background-position: 100% 390px !important;
        background-size: 60% !important;
    }

        .chatbot-top-wrapper .wd-result-wrap .wd-dtls-heading {
            /*padding-top: 0;*/
        }
    /*digital transformation digital approach start*/
    .dt-digital-approach-main .services-what-we-do-head {
        margin-bottom: 0;
    }

    .dt-digital-approach-container {
        background: url(../images/dt-digital-approach-mobile-bg.svg) no-repeat;
        width: 100%;
        flex-direction: column;
        padding: 45px 0 38px 0;
        margin: auto;
        justify-content: center;
        align-items: center;
        background-size: auto 100%;
        background-color: #fdfdfd;
    }
    /*digital transformation digital approach end*/
    /************************* new service pages start *************************/
    .cx-strtgy-top-banner-wrapper .service-banner-left-main,
    .product-experience-top-wrapper .service-banner-left-main,
    .service-design-top-wrapper .service-banner-left-main {
        margin: 0;
    }



    .cx-strtgy-top-banner-wrapper {
        background: url(../images/as-main-banner.svg) no-repeat;
        background-size: 100% 430%;
        background-position: 8% 40%;
        /*margin-top: 35px;*/
    }

        .cx-strtgy-top-banner-wrapper .service-banner-right-main {
            min-height: auto;
        }

    .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper {
        margin-top: 20px;
    }

        .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.cust-client-wrapper {
            margin-top: 20px;
        }

        .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse {
            margin-top: 20px;
        }

            .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse.cust-metaverse {
                margin-top: 20px;
            }


    .cx-strategy-services-why-imp-main .wd-app-text {
        left: 0;
        right: 0;
        top: 32%;
        transform: translate(0, 0);
        min-height: inherit;
    }

    .cx-strategy-services-why-imp-main .problem-state-right .app-info-text h3 {
        font-size: 20px;
    }

    .cx-strtgy-service-ux-for-client-container .services-ux-for-client-wrapper {
        margin-top: 20px;
    }

        .cx-strtgy-service-ux-for-client-container .services-ux-for-client-wrapper.product-service-wrapper {
            margin-top: 20px;
        }

    .product-experience-top-wrapper {
        background-size: auto 110%;
        background-position: center top;
    }

    .service-design-top-wrapper {
        background-position: center bottom;
    }

        .service-design-top-wrapper .service-banner-right-main {
            max-width: 70%;
            margin: auto;
            position: relative;
        }

    .cx-strtgy-ux-for-client-container .services-ux-for-client-img {
        padding: 30px 30px 0 30px;
    }

    .cx-strategy-model-process-main {
        background-position: 97% 190px;
    }

        .cx-strategy-model-process-main .services-model-process-contact {
            margin-top: 10px !important;
        }
    /************************* new service pages end *************************/
    /************************* techbot start *************************/
    .techbot {
        bottom: 20px;
        right: 20px;
        width: 50px;
        height: 50px;
    }

    .techbot-close {
        position: absolute;
        width: 24px;
        height: 24px;
        border-radius: 100%;
        left: 11px;
        top: 12px;
        z-index: 5;
    }

    .techbot-frame.show {
        width: 100%;
        right: 0;
        bottom: 0;
        height: 100%;
        z-index: 9999;
    }

    .techbot-chat {
        display: none;
    }

    /************************* techbot end *************************/
    /*lead-gen page start*/
    .lead-gen-container {
        display: flex;
        flex-direction: column;
    }

    .lead-gen-form-main {
        margin-right: 0px;
        max-width: 100%;
    }

        .lead-gen-form-main .contact-us-head p.country-service-txt {
            font-size: 16px;
        }

        .lead-gen-form-main .tabs-main {
            margin: 0;
        }

        .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a.active {
            padding: 30px 90px 30px 20px;
            overflow: hidden;
        }

            .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a.active::before {
                content: '' !important;
                width: 100%;
                height: 5px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #fa6400;
                border-radius: 0 0 10px 10px;
            }

        .lead-gen-form-main .contact-us-form-wrapper .tabs-main .nav-item a {
            margin: 0;
        }

    .lead-gen-container .chatbot-slide-caption-trigger .chatbot-slide-caption-wrapper {
        margin: 30px auto 30px auto;
        width: auto;
        max-width: 64%;
    }

    .lead-gen-container .chatbot-slide-list-main.right {
        transform: translate(0px, 0);
    }
    /*lead-gen page end*/
    .video-banking-services-ux-for-client-main .services-ux-for-client-wrapper {
        justify-content: center;
        margin-top: 0px;
    }
    /*sbi page start*/
    .sbi-top-wrapper {
        background: url(../images/sbi-banner1.png) no-repeat !important;
        background-position: 100% 320px !important;
        background-size: 60% !important;
    }

        .sbi-top-wrapper .work-details-certificates-second {
            position: relative;
            top: 260px;
            flex-direction: column;
        }
    /*sbi page end*/
    .sitemap-top-wrapper {
        padding-top: 80px;
        background: url(../images/tnc-top-amiba.svg) no-repeat;
        background-position: 100% -422px;
    }

    .sitemap-main-container {
        padding: 0 15px 60px 15px;
    }

        .sitemap-main-container h2 {
            /*font-size: 20px;
        font-family: 'openSans-semi-bold';
        */
            text-align: center;
            font-size: 20px;
            font-weight: 300;
            line-height: 1.5;
            margin-bottom: 30px;
            margin-top: 10px;
        }

    .sitemap-cat-row .sitemap-cat-box {
        margin: 25px 25px 0 25px;
        min-width: calc(50% - 50px);
    }
    /************************* pwa service page start *************************/
    .pwa-banner-wrapper .service-banner-right-main {
        margin: 40px auto;
    }

    .pwa-banner-wrapper .service-container {
        padding: 80px 0 155px 0;
    }

    .benifits-having-container h2 {
        font-size: 20px;
    }

    .benifits-having-wrapper .benifits-having-box {
        padding: 30px 20px;
        margin-bottom: 20px;
    }

        .benifits-having-wrapper .benifits-having-box .benifits-having-box-head {
            flex-direction: column;
            align-items: flex-start;
        }

            .benifits-having-wrapper .benifits-having-box .benifits-having-box-head img {
                width: 30px;
            }

            .benifits-having-wrapper .benifits-having-box .benifits-having-box-head h4 {
                margin: 25px 0 0 0;
                font-size: 16px;
                line-height: 20px;
            }

        .benifits-having-wrapper .benifits-having-box p {
            font-size: 16px;
        }

    .benifits-having-container .slick-dots {
        left: 0;
        right: 0;
    }

        .benifits-having-container .slick-dots li {
            width: 6px;
            height: 6px;
        }

            .benifits-having-container .slick-dots li button {
                background: #303030;
            }

            .benifits-having-container .slick-dots li.slick-active {
                width: 12px;
                height: 12px;
            }

                .benifits-having-container .slick-dots li.slick-active button {
                    background: #fff;
                    border: 2px solid #606060;
                    border-radius: 50%;
                }

    .pwa-why-imp-main {
        padding-bottom: 0px;
    }

    .pwa-enterprice-partner-wrapper .services-common-heading span {
        font-size: 16px;
    }
    /************************* pwa service page end *************************/

    /************************* bhaasha service page start *************************/
    .services-hyperlink.bhaasha-banner-nav {
        top: 70px;
    }

        .services-hyperlink.bhaasha-banner-nav.affix {
            top: 48px;
        }

        .services-hyperlink.bhaasha-banner-nav .nav .nav-item {
            margin: 0 15px;
        }

        .services-hyperlink.bhaasha-banner-nav .nav .nav-link {
            font-size: 16px;
        }

        .services-hyperlink.bhaasha-banner-nav.affix .nav {
            padding: 15px !important;
            transform: none;
        }

    .bhaasha-banner-wrapper {
        padding: 170px 25px 170px 25px;
        min-height: inherit;
        display: block;
    }

    .bhaasha-banner-info {
        margin: 0 auto;
        padding-left: 0;
        text-align: center;
    }

    .bhaasha-banner-wrapper .service-banner-right-main {
        top: 0;
        padding-right: 0 !important;
    }

    .service-banner-right-main.leadg .page1 .bhaasha .service-radio-item label {
        background-size: 35px 35px;
    }

    .bhaasha-banner-wrapper .logo {
        max-width: 220px;
        margin: 0 auto 15px auto;
    }

    .bhaasha-banner-wrapper .logo-text {
        font-size: 24px;
        font-weight: 400;
        line-height: 32px;
    }

    .bhaasha-banner-wrapper .banner-desc {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        text-align: center;
        width: 100%;
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .bhaasha-banner-wrapper::after {
        height: 175px;
        background-size: auto 100%;
    }

    @keyframes bhaasha-banner-wrapper {
        0% {
            opacity: 0;
            bottom: -50px;
        }

        100% {
            opacity: 1;
            bottom: 20px;
        }
    }

    .did-you-know-wrapper {
        padding: 30px 0 83px 0;
        background: url('../images/bhaasha/did-you-know-center-mob.svg') no-repeat, url('../images/bhaasha/bubbles.svg') no-repeat, url('../images/bhaasha/bubbles2.svg') no-repeat, url('../images/bhaasha/mumbai-skyline.svg') no-repeat;
        background-color: #FFF0C8;
        background-position: 50% 35px, 30% 89%, 101% 50px, calc(100% + 2px) calc(100% + 8px);
        background-size: auto 90%, 35px, 35px, 267px;
    }

        .did-you-know-wrapper .heading {
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
        }

        .did-you-know-wrapper .did-you-know-main {
            flex-direction: column-reverse;
            padding-right: 0;
            margin-top: 50px;
        }

            .did-you-know-wrapper .did-you-know-main .did-you-know-right {
                width: 100%;
                padding-right: 15px;
                margin-top: 0px;
                margin-bottom: 75px;
            }

                .did-you-know-wrapper .did-you-know-main .did-you-know-right img {
                    width: 167px;
                    margin-left: auto;
                }

            .did-you-know-wrapper .did-you-know-main .card-right {
                max-width: 100%;
                width: auto;
                right: 54px;
                left: 20px;
                bottom: -47px;
                padding: 10px;
                align-items: flex-start;
                background: linear-gradient(to right, rgba(248,244,235,1) 0%,rgba(235,229,219,1) 100%);
                box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            }

            .did-you-know-wrapper .did-you-know-main .did-you-know-right .card-right img {
                width: 40px;
            }

            .did-you-know-wrapper .did-you-know-main p {
                font-family: 'openSans-regular';
                font-size: 16px;
                font-weight: 400;
                line-height: 19px;
            }

                .did-you-know-wrapper .did-you-know-main p span {
                    font-family: 'openSans-bold';
                    font-weight: 700;
                    font-size: 16px;
                    line-height: 19.49px;
                    color: #F37222;
                }

            .did-you-know-wrapper .did-you-know-main .did-you-know-left {
                width: 100%;
            }

                .did-you-know-wrapper .did-you-know-main .did-you-know-left img {
                    width: 190px;
                }

                .did-you-know-wrapper .did-you-know-main .did-you-know-left .card-left {
                    left: 70px;
                    width: auto;
                    right: 15px;
                }

    .pattern-of-users-main .pattern-of-users-header {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        width: 100%;
        padding: 0 10px;
        right: 0;
        left: 0;
        top: 20px;
    }

    .pattern-of-users-slide {
        padding: 90px 20px 20px 20px;
        flex-direction: column;
        align-items: center;
    }

    .pattern-of-users-slide-img {
        width: 270px;
        background-size: 45px;
        background-position: 93% 0, 10px 100%;
    }

        .pattern-of-users-slide-img img {
            width: 190px;
            margin: 5px auto;
        }

    .pattern-of-users-slide-info {
        flex: 1;
        margin-left: 0px;
        padding-bottom: 8px;
        margin-top: 20px;
        margin-bottom: 30px;
    }

        .pattern-of-users-slide-info p {
            font-size: 14px;
            font-weight: 700;
            line-height: 20px;
            text-align: center;
            margin-bottom: 4px;
        }

        .pattern-of-users-slide-info h3 {
            font-size: 16px;
            font-style: normal;
            font-weight: 700;
            line-height: 19px;
            letter-spacing: 0em;
            text-align: center;
        }

        .pattern-of-users-slide-info::after {
            width: 108px;
            height: 4px;
        }

    .pattern-of-users-slider .slick-arrow {
        width: 25px;
        height: 25px;
    }

        .pattern-of-users-slider .slick-arrow.prev {
            top: auto;
            bottom: 12px;
            right: auto;
            left: calc(50% - 52.5px);
        }

        .pattern-of-users-slider .slick-arrow.next {
            top: auto;
            bottom: 12px;
            right: auto;
            left: calc(50% + 27.5px);
        }

    .pattern-of-users-main .slide-counter {
        top: auto;
        bottom: 14px;
        right: auto;
        left: calc(50% - 15px);
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        color: #FFFFFF;
    }

    .bhaasha-get-in-touch-main {
        padding: 30px 10px 30px 10px;
        background: #F5F5F5 url('../images/bhaasha/get-in-touch-bg-mob.svg') no-repeat;
        background-position: center bottom;
    }

        .bhaasha-get-in-touch-main h2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
        }

    .digital-assets-main {
        padding: 40px 20px 0px 20px;
    }

        .digital-assets-main h3 {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            margin-bottom: 25px;
        }

    .digital-assets-wrapper .digital-assets-lang-box {
        width: 100%;
        height: 111px;
        padding: 10px 20px;
    }

    .digital-assets-lang-box h4 {
        font-size: 36px;
        font-weight: 300;
        line-height: 44px;
    }

        .digital-assets-lang-box h4 span {
            line-height: 43.85px;
            margin-top: -7px;
        }

    .digital-assets-lang-box .person-img {
        max-height: 95%;
        right: 70px !important;
    }

    .digital-assets-lang-box .letter-img {
        width: 36px;
        top: 11px !important;
        right: 5px !important;
        left: auto;
    }

    .digital-assets-lang-box.telgu .letter-img {
        width: 35px;
    }

    .digital-assets-lang-box.kanada .letter-img {
        width: 28px;
        right: 10px !important;
        top: auto !important;
        bottom: -6px;
        z-index: 1;
    }

    .digital-assets-lang-box.bangala .letter-img {
        width: 37px;
        right: 10px !important;
        top: auto !important;
        bottom: 8px;
        z-index: 1;
    }

    .digital-assets-lang-box.marathi .letter-img {
        width: 40px;
    }

    .digital-assets-lang-box.tamil .letter-img {
        width: 38px;
    }

    .multingual-exp-wrapper {
        margin: 40px auto 0 auto;
    }

    .multingual-exp-box {
        display: flex;
        width: 50%;
        padding-right: 20px;
        align-items: flex-start;
        margin-bottom: 40px !important;
    }

        .multingual-exp-box:nth-child(n+11) {
            margin-bottom: 0 !important;
        }

        .multingual-exp-box img {
            width: 24px;
            margin-right: 8px;
        }

        .multingual-exp-box p {
            font-size: 14px;
            font-weight: 400;
            line-height: 21px;
            text-align: left;
        }

    .multingual-exp-benefit-main {
        padding: 63px 0 0 0;
        background-size: 80%, 45px;
        background-position: 0px 10px, calc(100% - 12px) 0;
        margin-top: -15px;
    }

        .multingual-exp-benefit-main h3 {
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 10px;
            padding: 0 24px;
        }

    .multingual-exp-benefit-wrapper {
        display: block;
        padding-bottom: 0;
        position: relative;
        margin-bottom: 30px;
    }

        .multingual-exp-benefit-wrapper .slick-track {
            padding: 0px;
        }

    .multingual-exp-benefit-box:not(.slick-center) {
        transform: scale(0.9);
        left: 25px;
        z-index: 1;
        opacity: .5;
    }

    .multingual-exp-benefit-box.slick-active.slick-center + .multingual-exp-benefit-box.slick-slide, .multingual-exp-benefit-box.slick-center + .multingual-exp-benefit-box.slick-cloned {
        z-index: 2;
        left: auto;
        right: 180px;
    }

    .multingual-exp-benefit-box.slick-center {
        z-index: 3;
        opacity: 1;
        box-shadow: 0px 10px 10px 0px rgba(48, 48, 48, 0.2);
        transform-origin: center;
        transform: scale(1);
        -webkit-transition: 0.5s transform;
        -moz-transition: 0.5s transform;
        -o-transition: 0.5s transform;
        transition: 0.5s transform;
    }

    .multingual-exp-benefit-wrapper .slick-arrow {
        position: absolute;
        left: 0;
        width: 30px;
        height: 30px;
        background: rgba(255, 255, 255, 0.7);
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
    }

        .multingual-exp-benefit-wrapper .slick-arrow.slick-next {
            right: 0;
            left: auto;
            transform: rotate(180deg);
            transform-origin: center;
        }

    .multingual-exp-benefit-box-info {
        padding: 25px;
        min-height: inherit;
    }

        .multingual-exp-benefit-box-info h4 {
            font-size: 40px;
            font-weight: 600;
            line-height: 49px;
        }

        .multingual-exp-benefit-box-info p {
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
        }

    .bhaasha-lets-connect-main {
        padding: 20px 30px 60px 30px;
        background-size: 427px;
    }

        .bhaasha-lets-connect-main h3 {
            font-family: 'openSans-regular';
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 10px;
        }

    .bhaasha-lets-connect-form-main .contact-field-row .contact-field {
        margin-bottom: 16px;
    }

    .bhaasha-lets-connect-form-main .contact-field-row.small-fields .contact-field {
        margin-left: 0;
        margin-right: 0;
    }

    .bhaasha-lets-connect-form-main .common-btn {
        margin-top: 22px;
    }

    .bhaasha-services-main {
        padding: 35px 0 0 0;
    }

    .bhaasha-services-head {
        margin-bottom: 25px;
    }

        .bhaasha-services-head h3 {
            font-size: 20px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 10px;
        }

        .bhaasha-services-head h4 {
            font-size: 18px;
            font-weight: 400;
            line-height: 22px;
            padding: 0 15px;
        }

        .bhaasha-services-head .bhaasha-services-btns-main a {
            font-size: 16px;
            font-weight: 400;
            line-height: 19px;
            min-width: 135px;
            padding: 10px 14px;
            margin: 0 12.25px 25px 12.25px;
        }

            .bhaasha-services-head .bhaasha-services-btns-main a:last-child {
                /*margin:0 15px 0 15px !important;*/
            }
    /************************* bhaasha service page end *************************/

    /********* Malyalam start ************/
    #malyalam .bhaasha-banner-wrapper .logo-text {
        font-size: 14px;
        line-height: 25px;
        font-weight: 600;
    }

    #malyalam .bhaasha-banner-wrapper .banner-desc {
        font-size: 14px;
        line-height: 25px;
    }

    #malyalam .pattern-of-users-main .pattern-of-users-header {
        font-size: 14px;
        left: 0;
        right: 0;
    }

    #malyalam .pattern-of-users-slide.orange .pattern-of-users-slide-info h3 {
        max-width: 100%;
    }

    #malyalam .pattern-of-users-slide-info h3 {
        font-size: 13px;
        line-height: 17px;
    }

    #malyalam .digital-assets-main h3 {
        font-size: 16px;
    }

    #malyalam .digital-assets-lang-box h4 {
        font-size: 30px;
    }

        #malyalam .digital-assets-lang-box h4 span {
            font-size: 40px;
        }

    #malyalam .multingual-exp-box {
        width: 100%;
        padding-right: 0;
    }

        #malyalam .multingual-exp-box:nth-child(n+11) {
            margin-bottom: 40px !important;
        }

        #malyalam .multingual-exp-box:last-child {
            margin-bottom: 0 !important;
        }

        #malyalam .multingual-exp-box p {
            font-size: 16px;
        }

    #malyalam .multingual-exp-benefit-main h3 {
        margin-bottom: 20px;
        padding: 0 10px;
    }

    #malyalam .multingual-exp-benefit-box-info {
        min-height: inherit;
    }

        #malyalam .multingual-exp-benefit-box-info p {
            font-size: 16px;
        }

    #malyalam .bhaasha-lets-connect-main h3 {
        font-size: 16px;
    }

    #malyalam .bhaasha-lets-connect-main {
        padding: 20px 15px 60px 15px;
    }

    #malyalam .bhaasha-lets-connect-form-main {
        width: 750px;
    }

        #malyalam .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
            top: 14px;
            left: 88px;
        }

    #malyalam .bhaasha-services-head h4 {
        padding: 0 15px;
    }

    #malyalam .quick-contact-section-info h3, #malyalam .quick-contact-section-info h3 span {
        font-size: 17px;
    }

    #malyalam .quick-contact-section-info p {
        font-size: 14px;
    }

    #malyalam .quick-contact-section-info .connect-btn {
        max-width: 200px;
    }

    #malyalam .services-faq-head .services-common-heading, #malyalam .services-faq-head .services-common-heading span {
        font-size: 16px;
    }

    #malyalam .services-faq-head .services-faq-head p {
        font-size: 14px;
    }

    #malyalam .services-faq-wrapper .card .card-header h2, #malyalam .services-faq-wrapper .card.active .card-header h2 {
        font-size: 13px;
    }

    #malyalam .services-faq-wrapper .card-body p, #malyalam .services-faq-wrapper .card-body li {
        font-size: 13px;
        line-height: 30px;
    }
    /********* Malyalam end ************/
    /********* Telugu start ************/
    #telugu .bhaasha-banner-wrapper .logo-text {
        font-size: 22px;
    }

    #telugu .bhaasha-banner-wrapper .banner-desc {
        font-size: 16px;
        line-height: 25px;
    }

    #telugu .pattern-of-users-slide-info h3 {
        font-size: 13px;
    }

    #telugu .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
        top: 11px;
        left: 88px;
    }

    #telugu .bhaasha-services-head h4 {
        padding: 0 15px;
    }

    #telugu .quick-contact-section-info h3, #telugu .quick-contact-section-info h3 span {
        font-size: 17px;
    }

    #telugu .quick-contact-section-info p {
        font-size: 14px;
    }
    /********* Telugu end ************/
    /********* Hindi start ************/
    #hindi .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
        top: 13px;
        left: 88px;
    }

    #hindi .bhaasha-services-head .bhaasha-services-btns-main a {
        padding: 12px 14px 8px 14px;
    }

    #hindi .quick-contact-section-info h3 {
        font-size: 17px;
    }
    /********* Hindi end ************/
    /********* Marathi start ************/
    #marathi .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
        top: 13px;
        left: 88px;
    }

    #marathi .bhaasha-services-head .bhaasha-services-btns-main a {
        padding: 12px 14px 8px 14px;
    }

    #marathi .quick-contact-section-info h3 {
        font-size: 17px;
    }
    /********* Marathi end ************/
    /********* Gujarati start ************/
    #gujarati .bhaasha-lets-connect-form-main .tvd-angular-field.mob-number label {
        top: 13px;
        left: 88px;
    }

    #gujarati .bhaasha-services-head .bhaasha-services-btns-main a {
        padding: 12px 14px 8px 14px;
    }
    /********* Gujarati end ************/


    /*AS-521 Start Media Query*/


    .banner-form.add-on-css .main-digital-contact-form {
        justify-content: start !important;
        margin-top: 24px !important;
    }


    .macdonald-leadgen-form .share-business-id {
        bottom: -32px !important;
    }

    .ar-vr-contact-form {
        justify-content: start !important;
        padding-top: 16px;
    }

        .ar-vr-contact-form .digital-contact-field-row {
            margin-top: 0px;
        }



        .ar-vr-contact-form .get-in-touch {
            padding: 10px !important
        }

    /*        .main-digital-contact-form {
            justify-content: center !important;
        }*/

    .ar-vr-contact-form {
        justify-content: center;
        padding-top: 16px;
    }

        .ar-vr-contact-form .digital-contact-field-row {
            margin-top: 0px;
        }

    .digital-waves {
        height: 45px !important;
    }

    .main-digital-contact-form .get-in-touch {
        width: 50px !important;
    }

    .get-intouch-formgroup .get-in-touch {
        /*width: unset !important;*/
        margin-top: 30px !important;
    }

    .banner-form.add-on-css .get-intouch-formgroup .get-in-touch {
        margin-top: 0px !important;
    }

    .get-intouch-formgroup .get-in-touch.mt-sm-0 {
        margin-top: 0px !important;
    }

    .gint-contact-field-row {
        width: 60% !important;
        margin-top: 0px;
    }

    .get-intouch-formgroup {
        justify-content: center;
    }

        .get-intouch-formgroup .gint-cc-message {
            top: 24px;
            /*        right: 0px;
            left: 18px;*/
            right: -15px;
            /*left: 8px;*/
        }

    .joinus-field-row {
        margin-top: 0px;
    }

        .joinus-field-row .gint-cc-message {
            /*                top: 24px;
                right: 0px;
                left: 18px;*/
            top: 28px;
            right: 0px;
            left: 57px;
        }

        .joinus-field-row .join-us {
            margin-top: 10px;
        }

    .cc-label {
        margin-right: 8px;
    }

    .metaverse-field-form {
        justify-content: flex-start;
        margin-left: -16px;
    }

    .digital-contact-field-row {
        justify-content: center !important;
    }

        .digital-contact-field-row .blog-cc-message {
            top: 40px;
        }

        .digital-contact-field-row .lets-connect {
            margin-top: 0px !important
        }

    .case-info-container {
        padding-right: 48px !important;
    }

    .get-message {
        top: 24px !important;
        right: 0px !important;
        left: 18px !important;
    }

    .let-message {
        top: 30px !important;
        right: 0px !important;
        left: 46px !important;
    }

    /*AS-521 Ends Media Query*/

    .camp-lead-mbwrapper {
        width: 100% !important;
        margin: 0px auto !important;
        border-radius: 0px 55px 55px 55px !important;
    }

        .camp-lead-mbwrapper .gint-contact-field-row {
            width: 100% !important;
            margin-top: 16px;
        }

        .camp-lead-mbwrapper .quick-contact-form .camp-fields-wrapper .connect-btn {
            width: 100% !important;
            padding: 16px;
        }

    .gint-cc-container .cc-label {
        max-width: 50px;
        text-align: left;
    }

    .camp-lead-wrapper .home-head2 {
        font-size: 16px !important;
        line-height: 21px !important;
        padding: 16px 34px 16px 16px !important;
    }

    .play-circle {
        height: 131px;
        width: 131px;
        top: calc(100% - 248px);
        right: calc(100% - 330px);
    }

        .play-circle:before {
            height: 131px;
            width: 131px;
            border-bottom: 1px solid #dee2e6;
        }

    .play-circle-img {
        position: absolute;
        /* top: 180px;
            right: calc(100% - 304px);*/
        width: 81px;
        top: calc(100% - 80px);
        right: calc(100% - 106px);
        width: 80px;
    }

    .carousel-slider-indicators {
        right: 0;
        margin: 0px auto;
        padding-left: 0px;
        top: auto;
        bottom: 30px;
    }

        .carousel-slider-indicators li {
            height: 8px !important;
            width: 8px !important;
        }

    .subslide-banner img:first-child {
        margin-left: 0px;
        width: 150px;
    }

    .subslide-banner {
        max-width: 100px;
        top: 55%;
        /*right:0;*/
        left: calc(100% - 200px);
        margin: 0 auto;
    }

        .subslide-banner img:nth-child(2), .subslide-banner img:last-child {
            margin-left: -10px;
            width: 150px;
            height: 125px;
            margin-top: -10px;
        }

    .namaste-title img {
        width: 16px;
    }
    /*
        .namaste-title {
            flex-direction: row-reverse;
        }

        .namaste-icon {
            width: 16px;
        }
        .namaste-title p{
            order:1;
        }
        .namaste-title img {
            order: 1;
        }*/

    .iti-mobile .iti--container {
        top: 0;
        overflow: auto;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5);
        padding: 0;
        right: 0;
        left: 0;
    }

        .iti-mobile .iti--container .iti__country-list {
            box-shadow: none;
            border-radius: 20px 20px 0 0;
            top: 50%;
            bottom: 0px;
            width: 100%;
            left: 0;
            right: 0;
            max-width: 100% !important;
        }
}


/*mobile view*/

@media screen and (max-width:600px) {
    .page-title {
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
    }

    .section-title-center {
        font-size: 24px;
        font-weight: 700;
        line-height: 30px;
        padding: 5px;
    }

    .section-title-center-small {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
        padding: 5px;
        width: 85%;
    }

    .section-title-left {
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 68px;
        letter-spacing: 0px;
        text-align: center;
        padding: 5px;
        margin: 0;
    }

    #events-and-conferences {
        margin-bottom: 0px;
    }

        #events-and-conferences p.subhead {
            font-size: 14px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            letter-spacing: 0px;
            text-align: center;
            margin: 0 0 25px;
        }

    .new-event-con-img {
        height: 360px;
        width: 100%;
        object-fit: cover;
        border-radius: 5px;
    }

    .event-con-arrow-prev {
        position: absolute;
        top: 35%;
        left: calc(0% + 5px);
        margin: 10px 0;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

    .event-con-arrow-next {
        position: absolute;
        top: 35%;
        right: calc(0% + 5px);
        margin: 10px 0;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        cursor: pointer;
    }

        .event-con-arrow-next > img,
        .event-con-arrow-prev > img {
            display: block;
            margin: auto;
            max-width: 50%;
            z-index: 1;
        }

    .events-slider-caption p {
        font-size: 14px;
    }

    #about-us-our-thoughts .col-md-7 {
        padding: 20px 30px;
    }

    #about-us-our-thoughts h2 {
        display: none;
    }

    #about-us-our-thoughts h1 {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 27px;
        padding: 5px;
        text-align: center;
        font-family: openSans-bold;
        margin: 10px 0 20px;
    }

    #about-us-our-thoughts p.alt-h1 {
        display: block;
        font-size: 24px;
        font-weight: 700;
        line-height: 27px;
        padding: 5px;
        text-align: center;
        font-family: openSans-bold;
        margin: 10px 0 20px;
    }

    #about-us-our-thoughts p {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: center;
    }

    #about-us-our-thoughts .col-md-7 {
        padding: 15px 25px;
    }

    #about-us-our-thoughts .col-md-5 img {
        padding: 0 20px;
    }

    .section-desc-center {
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0px;
        text-align: center;
        margin: 0 0 15px;
        padding: 0 20px;
    }

    #the-uxploration {
        padding: 0;
    }

        #the-uxploration .col-md-7 > h2 {
            display: none;
        }

        #the-uxploration .col-md-7 > p {
            display: none;
        }

        #the-uxploration .col-md-7 {
            padding: 25px 15px;
            margin: 0;
        }

        #the-uxploration .ux-event-card {
            background-color: #FFFFFF;
            padding: 15px;
            border-radius: 7px;
            box-sizing: border-box;
            margin: 0px auto;
        }

    .ux-event-card .ux-card-title {
        font-family: 'openSans-light';
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 14px;
        letter-spacing: 0px;
        text-align: center;
        margin: 5px 0;
        color: #303030;
    }

    .ux-event-card .interested-btn {
        height: 42px;
        width: 60%;
        margin: 15px auto 0;
        background-color: #f37222;
        color: #FFFFFF;
        display: block;
        text-align: center;
        line-height: 42px;
        border-radius: 7px;
    }

    .eve-con-slider-desk {
        display: none;
    }

    .eve-con-slider-mobile {
        display: block;
    }
}


/************************* new about-us events & media end *************************/

@media (min-width:320px) and (max-width:359px) {
    .work-details-certificates-second {
        top: 355px !important;
    }

    .our-work-right {
        top: -180px !important;
    }

    .platform-name-wrp {
        width: 27%;
    }
    /*hike case study page css start*/
    .hike-case-dtls-top-wrapper .our-work-right,
    .samsung-case-dtls-top-wrapper .our-work-right {
        top: 0px !important;
    }
    /*sbi page start*/
    .sbi-top-wrapper .work-details-certificates-second {
        position: relative;
        top: 230px !important;
        flex-direction: column;
    }
    /*sbi page end*/
}

@media (min-width:400px) and (max-width:700px) {
    .work-details-certificates-second {
        top: 485px !important;
    }

    .work-details-certificates-second-multi-national-FMCG {
        top: 300px !important;
    }
}

@media screen and (max-width:767px) and (min-width:320px) and (orientation:landscape) {
    .slide-caption-main {
        padding-top: 15%;
        flex-direction: row;
    }

        .slide-caption-main .slide-caption-info {
            margin-top: 0px;
            max-width: 50%;
        }

        .slide-caption-main .sound-btn {
            margin-top: 15px;
        }

    .top-call-email-main {
        flex-direction: row;
        align-items: center;
    }

        .top-call-email-main .lets-talk {
            display: none;
        }

        .top-call-email-main .call-btn {
            margin: 0 15px 0 0;
        }
}

@media screen and (max-width:980px) and (min-width:769px) {
    .top-call-email-main {
        display: none;
    }

    .home-sidenav-main {
        width: 100%;
        top: 0px;
        max-width: inherit;
        border-radius: 0px;
        padding: 25px 30px 20px 30px;
        background: transparent;
        animation-name: fadeInDown;
        animation-delay: 0.5s;
        animation-duration: 0.5s;
        box-shadow: none;
    }

        .home-sidenav-main.colored {
            background: #e6e6f7;
        }

        .home-sidenav-main .navbar-brand {
            max-width: 227px;
            margin-right: auto;
        }

    .menu-quick-contact {
        display: none;
        align-items: center;
    }

        .menu-quick-contact a {
            width: 25px;
            height: 25px;
            padding: 2px 3px;
            margin-right: 10px;
        }

            .menu-quick-contact a img {
                max-height: 100%;
            }

    .menu-quick-link,
    .menu-quick-link:focus {
        display: block;
        font-family: 'openSans-regular';
        font-size: 14px;
        color: #303030;
        margin-right: 15px;
        padding-bottom: 2px;
    }

        .menu-quick-link.active {
            color: #ff6900;
            padding-bottom: 2px;
            border-bottom: 1px solid #ff6900;
        }

    .navbar-toggler {
        padding: 7px 0;
        outline: none !important;
    }

    .home-sidenav-main span.navbar-toggler-icon {
        margin: 0;
        width: 17px;
        height: 13px;
        border-top: 1px solid #303030;
        border-bottom: 1px solid #303030;
    }

        .home-sidenav-main span.navbar-toggler-icon::before {
            left: 2px;
            width: 100%;
            height: 1px;
            background: #303030;
        }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon {
        margin: 0;
        width: 17px;
        height: 13px;
        border-top: none;
        border-bottom: none;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon {
        border-top: 1px solid #303030;
        border-bottom: 1px solid #303030;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::before {
        left: 2px;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(45deg);
        transform-origin: center;
        position: absolute;
        content: "";
        top: calc(50% - 0.5px);
    }

    .home-sidenav-main .navbar-toggler span.navbar-toggler-icon::after {
        content: '';
        left: 2px;
        position: absolute;
        width: 100%;
        height: 1px;
        background: #303030;
        transform: rotate(-45deg);
        top: calc(50% - 0.5px);
        transform-origin: center;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s;
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::before {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-toggler.collapsed span.navbar-toggler-icon::after {
        transform: rotate(0deg);
    }

    .home-sidenav-main .navbar-collapse {
        flex-wrap: wrap;
        margin-top: 10px;
        border-top: 1px solid #CCC;
        align-items: flex-start;
        font-size: 0;
        flex: unset !important;
        width: 100% !important;
    }

        .home-sidenav-main .navbar-collapse.show {
            display: flex;
            flex-wrap: wrap;
        }

        .home-sidenav-main .navbar-collapse ul,
        .home-sidenav-main.fixed-top .navbar-collapse ul,
        .home-sidenav-main.affix .navbar-collapse ul {
            margin: 20px 0 20px 10px;
            display: inline-block;
            vertical-align: top;
            width: calc(50% - 15px);
        }

            .home-sidenav-main .navbar-collapse ul li,
            .home-sidenav-main.fixed-top .navbar-collapse ul li,
            .home-sidenav-main.affix .navbar-collapse ul li {
                margin: 0 0 12px 0;
                display: block;
            }

                .home-sidenav-main .navbar-collapse ul li:last-child,
                .home-sidenav-main.fixed-top .navbar-collapse ul li:last-child,
                .home-sidenav-main.affix .navbar-collapse ul li:last-child {
                    margin: 0;
                }

                .home-sidenav-main .navbar-collapse ul li a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li a {
                    font-family: 'openSans-regular';
                    font-size: 18px;
                    color: #303030;
                    padding: 0;
                }

                .home-sidenav-main .navbar-collapse ul li.intro a span,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a span,
                .home-sidenav-main.affix .navbar-collapse ul li.intro a span {
                    display: block;
                }

                .home-sidenav-main .navbar-collapse ul li.intro a i,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.intro a i,
                .home-sidenav-main.affix .navbar-collapse ul li.intro a i {
                    display: none;
                }

                .home-sidenav-main .navbar-collapse ul li.active a,
                .home-sidenav-main .navbar-collapse ul li.focused a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.active a,
                .home-sidenav-main.fixed-top .navbar-collapse ul li.focused a {
                    color: #f37222;
                    font-weight: bold;
                    font-family: 'openSans-regular';
                    font-size: 18px;
                }

            .home-sidenav-main .navbar-collapse ul.more-option-menu {
                display: inline-block;
                vertical-align: top;
            }

        .home-sidenav-main .navbar-collapse .mobile-more-option {
            display: block;
            width: 100%;
            margin-top: 7px;
        }

        .home-sidenav-main .navbar-collapse .more-option-info {
            padding: 0 10px 20px 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-info h5 {
            font-family: 'openSans-regular';
            font-size: 18px;
            color: #303030;
            margin-bottom: 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .more-option-get-started h5 {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            color: #303030;
            margin-bottom: 10px;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option p {
            font-family: 'openSans-light';
            font-size: 16px;
            font-weight: 300;
            color: #303030;
        }

        .home-sidenav-main .navbar-collapse .mobile-more-option .view-more span {
            margin: 0;
        }

            .home-sidenav-main .navbar-collapse .mobile-more-option .view-more span::before {
                left: auto;
                width: 7.72px;
                height: 7.72px;
                border-radius: 100%;
            }

        .home-sidenav-main .navbar-collapse .more-option-get-started {
            padding: 20px 10px 0 10px;
            border-top: solid 1px #b7b7b7;
            position: relative;
        }

            .home-sidenav-main .navbar-collapse .more-option-get-started .common-btn {
                margin-top: 15px;
                padding: 9px 21.4px 8px 21.4px;
                font-size: 14px;
            }

    .home-sidenav-main .more-info-social,
    .home-sidenav-main.fixed-top .more-info-social,
    .home-sidenav-main.affix .more-info-social {
        padding: 30px 15px 20px 15px;
    }

        .home-sidenav-main .more-info-social ul,
        .home-sidenav-main.fixed-top .more-info-social ul,
        .home-sidenav-main.affix .more-info-social ul {
            display: flex;
            width: 100%;
            margin: 0;
        }

            .home-sidenav-main .more-info-social ul li,
            .home-sidenav-main.fixed-top .more-info-social ul li,
            .home-sidenav-main.affix .more-info-social ul li {
                margin: 0 7px 0 0;
            }

                .home-sidenav-main .more-info-social ul li a {
                    display: block;
                }

    .home-sidenav-main .navbar-collapse .top-call-email-main,
    .home-sidenav-main.affix .navbar-collapse .top-call-email-main {
        display: none !important;
    }

    .home-sidenav-main.affix {
        background: #FFFFFF;
        padding: 15px 25px 15px 25px;
        flex-wrap: wrap;
    }

        .home-sidenav-main.affix .navbar-brand {
            max-width: 180px;
        }

        .home-sidenav-main.affix .menu-quick-contact {
            display: flex;
            align-items: center;
        }

        .home-sidenav-main.affix .navbar-collapse ul li a {
            font-family: 'openSans-regular';
            font-size: 18px;
            color: #303030;
        }

        .home-sidenav-main.affix .navbar-collapse ul li.active a,
        .home-sidenav-main.affix .navbar-collapse ul li.focused a {
            font-family: 'openSans-regular';
            font-size: 18px;
        }

        .home-sidenav-main ~ .submenu-main,
        .home-sidenav-main.fixed-top ~ .submenu-main,
        .home-sidenav-main.affix ~ .submenu-main {
            padding: 115px 15px 50px 15px;
        }

            .home-sidenav-main ~ .submenu-main .submenu-container,
            .home-sidenav-main.fixed-top ~ .submenu-main .submenu-container,
            .home-sidenav-main.affix ~ .submenu-main .submenu-container {
                padding: 0;
                width: 100%;
                border: none;
            }

    .submenu-contact-wrapper {
        max-width: 100%;
    }

    .home-sidenav-main.affix ~ .submenu-main .submenu-container {
        border: none;
        width: 100%;
    }

    .submenu-navs-contact-wrapper {
        flex-direction: column;
    }

    .services-submenu-wrapper .submenu-navs-wrapper {
        margin: 30px 0 0 0;
    }

    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: 250px;
        margin: 0 30px 30px 0;
    }

    .home-sidenav-main span#moreoptionsTab {
        display: none;
    }

    .home-sidenav-main ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.fixed-top ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav,
    .home-sidenav-main.affix ~ .submenu-main .services-submenu-wrapper .submenu-navs-wrapper .submenu-nav {
        max-width: 330px;
        margin: 0 25px 30px 0;
    }

    .services-submenu-wrapper .submenu-contact-wrapper {
        margin: 0px 0 0 0;
    }

    .submenu-contact-wrapper img {
        display: none;
    }

    .submenu-getin-touch {
        margin-top: 0px;
    }

        .submenu-getin-touch .get-in-touch-btn {
            margin-top: 25px;
        }

    .submenu-main .submenu-close-btn {
        display: none;
    }

    .submenu-main#servicesTabDropdown,
    .submenu-main#industriesTabDropdown,
    .submenu-main#ourworksTabDropdown,
    .submenu-main#moreoptionsTabDropdown {
        transform-origin: 800px 0px;
    }
    /*************** moreoption submenu start ***************/
    .moreoption-submenu-wrapper .submenu-navs-contact-wrapper {
        padding-left: 15px;
        align-items: flex-start;
        justify-content: flex-start;
        padding-right: 15px;
        height: auto;
    }

        .moreoption-submenu-wrapper .submenu-navs-contact-wrapper .submenu-navs-wrapper {
            margin-right: 0;
        }

    .moreoption-submenu-wrapper .submenu-contact-wrapper .submenu-getin-touch {
        margin: 0;
        padding: 20px 20px;
    }

    .moreoption-submenu-wrapper .submenu-social-wrapper {
        margin-left: 5px;
        margin-top: 30px;
    }
    /*************** moreoption submenu end ***************/
    .services-hyperlink.affix {
        top: 65px;
    }

    .dt-digital-approach-box .dt-digital-approach-inner::before {
        content: '';
        width: 6px;
        height: 6px;
        background: #F37222;
        border-radius: 50%;
        left: 4px;
        top: 6px;
    }
}

.cctxt {
    width: 1px;
    height: 1px;
    position: absolute;
    opacity: 0;
}


/*----------------------------------------*/

.user-say-main .slick-slider {
    padding: 0;
}

.user-say-main .slick-slide:not(.slick-center) {
    z-index: 0;
    transform: scale(0.75);
    left: 70px;
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
}

.user-say-main .slick-active.slick-center + .slick-slide + .slick-slide {
    z-index: 1;
}

.user-say-main .slick-active.slick-center + .slick-slide,
.user-say-main .slick-center + .slick-cloned {
    z-index: 2;
    left: auto;
    right: 70px;
}

.user-say-main .slick-slide {
    position: relative;
    transition: transform 80ms;
    padding-top: 0px;
    opacity: 0.5;
}

.user-say-main .slick-center {
    z-index: 3;
    padding-top: 80px;
    opacity: 1;
}

.user-say-main .slide img {
    position: relative;
    left: 0%;
}

.user-say-main .arrows {
    width: 28px;
    height: 28px;
    background: rgba(241, 241, 241, 0.39);
    box-shadow: 0 2px 5px 0 rgba(100, 100, 100, 0.3);
    z-index: 1;
}

    .user-say-main .arrows::before {
        content: none;
    }

    .user-say-main .arrows img {
        width: 10px;
        height: 18px;
        margin: calc(50% - 9px) auto 0 auto;
    }

.user-say-main .slick-prev {
    left: 5px !important;
}

.user-say-main .slick-next {
    right: 5px !important;
}

.user-say-main .testimonial-slide-quote-1 {
    left: 0;
    top: 0;
    position: absolute;
}

.user-say-main .testimonial-slide-quote-2 {
    right: 0;
    bottom: 0;
    position: absolute;
}

.user-say-main .testimonial-slide-quote-1 img,
.testimonial-slide-quote-2 img {
    width: 100%;
}

.user-say-main .testimonial-img {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    -o-border-radius: 100%;
    border: solid 1.4px #aebdda;
    background-color: #e5e5e5;
    padding: 7px;
    display: table;
    margin: -95px auto 15px auto;
}

.user-say-main .testimonial-slide a img {
    display: block;
    margin: 10px auto 0 auto;
    left: 0;
    transform: inherit;
}

.slick-slide:not(.slick-center) .testimonial-slide {
    /*box-shadow: 0 0px 12px -6px rgba(100, 100, 100, 0.55);*/
}

.user-say-main .slick-dots {
    bottom: 0px !important;
}

    .user-say-main .slick-dots li {
        width: 10px !important;
        height: 10px !important;
        margin: 0 12.5px !important;
        background: #d8d8d8;
        border-radius: 100%;
        -webkit-border-radius: 100%;
        -moz-border-radius: 100%;
        -ms-border-radius: 100%;
        -o-border-radius: 100%;
    }

        .user-say-main .slick-dots li button {
            padding: 0 !important;
            width: 100% !important;
            height: 100% !important;
        }

            .user-say-main .slick-dots li button:before {
                content: none !important;
                width: auto !important;
                height: auto !important;
            }

        .user-say-main .slick-dots li.slick-active {
            background: #ff4c00;
        }

@media screen and (max-width:1199px) and (min-width:980px) {
    .user-say-main .testimonial-slide-quote-1 {
        width: 130px;
    }

    .user-say-main .testimonial-slide-quote-2 {
        width: 200px;
    }
}

@media screen and (max-width:900px) and (min-width:768px) {
    .user-say-main .testimonial-slide-quote-1 {
        width: 130px;
    }

    .user-say-main .testimonial-slide-quote-2 {
        width: 200px;
    }

    .ri-banner-img {
        padding-top: 0;
    }
}

@media screen and (max-width:767px) and (min-width:320px) {
    .user-say-main .slick-track {
        display: flex !important;
        align-items: center !important;
    }

    .user-say-main .content {
        width: 100%;
        max-width: 1300px;
        margin: auto;
        height: 350px;
    }

    .user-say-main .slick-slide {
        /*opacity: 0;*/
    }

    .user-say-main .slick-center {
        /*opacity: 1;*/
    }

    .user-say-main .testimonial-slide {
        padding: 10px 25px;
        border-radius: 14px;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -ms-border-radius: 14px;
        -o-border-radius: 14px;
    }

    .user-say-main .testimonial-slide-quote-1 {
        width: 90px;
    }

    .user-say-main .testimonial-slide-quote-2 {
        width: 130px;
    }

    .user-say-main .testimonial-img {
        width: 105px;
        height: 105px;
        padding: 5px;
        margin: -65px auto 15px auto;
    }

        .user-say-main .testimonial-img img {
            width: 100%;
        }

    .user-say-main .slick-center {
        padding-top: 0px;
    }

    .user-say-main .testimonial-slide a img {
        display: inline-block;
        margin: 0 auto 0 10px;
        left: 0;
        transform: inherit;
        vertical-align: middle;
    }
}

/*laptop video = date (7/12/2020 update)*/

.slider-main-wrapper .third-slide .third-slide-align {
    align-items: flex-start;
}

.third-slide .slide-caption-main .slide-caption-info {
    max-width: 500px;
}

.third-slide.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
    font-size: 30px;
}

.third-slide.chatbot-slide .slide-caption-main .slide-caption-img {
    pointer-events: all !important;
}

.third-slide.chatbot-slide .slide-caption-img {
    position: relative;
    margin-right: -15px;
    margin-top: 20px;
}

    .third-slide.chatbot-slide .slide-caption-img .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border: none;
        outline: none;
    }

    .third-slide.chatbot-slide .slide-caption-img .video-container {
        position: absolute;
        left: calc(50% - 36.2%);
        top: calc(50% - 43.5%);
        width: calc(100% - 15%);
        height: calc(100% - 19%);
    }

@media screen and (max-width: 767px) and (min-width: 320px) {
    .third-slide.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-info h3 {
        font-size: 20px;
    }

    .third-slide .slide-caption-info {
        margin-bottom: 15px;
    }

    .third-slide.chatbot-slide .slide-caption-img {
        margin: 0 !important;
    }

        .third-slide.chatbot-slide .slide-caption-img img {
            /*width: 70% !important;*/
            width: 95% !important;
            margin: 0 auto;
        }

        .third-slide.chatbot-slide .slide-caption-img .video-container {
            left: calc(50% - 35.5%) !important;
            top: calc(50% - 42.5%) !important;
            width: calc(100% - 28%) !important;
            height: calc(100% - 20%) !important;
        }

    .slider-main-wrapper .third-slide .third-slide-align {
        align-items: center;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .thankyou-work.add-on-class {
        max-width: 100%;
        margin-top: 14px;
    }

    .banner-form.add-on-css .form-field {
        margin-bottom: 14px;
    }
}

@media not all and (min-resolution:0.001dpcm) {
    .third-slide.chatbot-slide .slide-caption-img {
        height: 200px;
    }
}


/***    Lead Generation Modal popup   ***/

.lead-generation-popup .country-code {
    display: none;
}

.lead-generation-popup .w-55,
.lead-generation-popup .w-40,
.lead-generation-popup .w-48,
.lead-generation-popup .w-100 {
    margin-bottom: 15px;
}

.lead-popup-form .contact-field span {
  /*  color: red;*/
    font-size: 13px;
}

.lead-popup-form .contact-field-row .tvd-angular-field label {
    position: relative;
}

    .lead-popup-form .contact-field-row .tvd-angular-field label ~ span {
        font-family: 'openSans-light';
        font-size: 14px !important;
        font-weight: 300;
        color: #e22a2a;
        position: absolute;
        top: 45px !important;
        padding-left: 25px !important;
        background: url(../images/error-icon.svg) no-repeat !important;
        background-size: auto;
        left: 0;
    }

.lead-popup-form .contact-field-row .tvd-angular-field .only-business-id {
    position: absolute;
    top: 65px;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    color: #666666;
    min-width: 270px;
    font-family: 'openSans-semi-bold';
}

.lead-generation-popup .modal-content-main {
    max-height: 570px;
    overflow: auto;
}

.lead-generation-popup .modal-content {
    background: #fff url('../images/lead-generation-bg.svg') no-repeat top right;
    background-size: 100%;
    max-width: 956px !important;
    margin: 0 auto;
    border-radius: 20px;
    background-attachment: local;
    position: relative;
    border: none;
    overflow: hidden;
}

    .lead-generation-popup .modal-content .lead-generation-form {
        background: url('../images/lady-lead.png') no-repeat;
        background-size: 300px;
        padding: 20px 20px 5px 20px;
        background-attachment: fixed;
        background-position: 75% 73%;
    }

.lead-generation-popup .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label,
.tvd-angular-field textarea ~ label {
    margin-left: 0;
}

.lead-generation-popup .modal-content .lead-generation-form .modal-title {
    font-size: 28px;
    font-style: normal;
    font-weight: 800;
    line-height: 34px;
    letter-spacing: 0px;
    text-align: left;
    margin: 10px 0 0 0;
    color: #303030;
}

    .lead-generation-popup .modal-content .lead-generation-form .modal-title .modal-subtitle {
        display: block;
        font-size: 14px;
        font-weight: 300;
        line-height: 18px;
    }

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form {
    /*max-width: 580px;*/
    max-width: 650px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-55 {
        width: 55%;
    }

.lead-generation-popup .contact-field-row .captcha-field {
    text-align: center;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-40 {
    width: 40%;
}

    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-40 .country-code {
        display: none;
    }

.lead-generation-popup .lead-generation-form .contact-field-row .contact-field.mob-number label {
    position: absolute;
    top: -7px;
    left: 0;
    font-size: 12px !important;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-48 {
    width: 48%;
    /*max-width: 48%;*/
}

.lead-generation-popup .mob-number .form-control {
    padding-left: 95px !important;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-100,
.lead-generation-popup .divPEAttachementContainer.w-100 {
    width: 100%;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.email {
    margin-bottom: 35px;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row .tvd-angular-field.d-inline {
    width: 40px;
    margin: 0 0 0 10px;
    padding: 0;
}

    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row .tvd-angular-field.d-inline input {
        padding: 0;
    }

.lead-generation-popup .modal-content .contact-field-row .ContentPlaceHolder1_FileUpload1 {
    display: flex;
    align-items: center;
}

.lead-generation-popup .modal-content .lead-generation-form input[type=file] ~ label .attach-info span.success {
    color: #4bb543;
}

.lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row .tvd-angular-field {
    width: 100%;
}

.lead-generation-popup .lead-generation-form .lead-popup-form .lead-popup-form-captcha {
    display: flex;
    align-items: center;
    margin: 10px 0;
}

.lead-generation-popup .lead-generation-form .lead-popup-form .btnPEAttachement p span {
    font-family: 'openSans-light';
    font-size: 12px;
    color: #f37222;
    cursor: pointer;
}

.lead-generation-popup input[type="file"] {
    display: none;
}

.lead-generation-popup input[type=file] ~ label {
    display: flex;
    cursor: pointer;
}

.lead-generation-popup [type=file] ~ label .attach-info span {
    font-family: 'openSans-light';
    font-size: 12px;
    font-weight: 300;
    letter-spacing: -.22px;
    color: #aaa;
    max-width: 100%;
}

.lead-generation-popup input[type=file] ~ label .attach-icon {
    width: 40px;
    height: 40px;
    border-radius: 4px;
    background-color: #aaa;
    margin-right: 15px;
    cursor: pointer;
    position: relative;
    flex: inherit;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lead-generation-popup input[type=file] ~ label + .delete-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    display: none;
    cursor: pointer;
}

.lead-generation-popup input[type=file] ~ label .attach-icon img {
    display: block;
    margin: 9px auto;
}

.lead-generation-popup input[type=file] ~ label .attach-info p {
    margin: 3px 0 4px 0;
    font-family: 'openSans-regular';
    font-size: 14px;
    color: #303030;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lead-generation-popup .lead-generation-form .lead-popup-form .lead-popup-form-captcha .cc-text {
    display: block;
    font-size: 12px;
}

.lead-popup-form-captcha .contact-field-row:last-child {
    margin: 0 0 0 20px;
    flex-direction: column;
}

    .lead-popup-form-captcha .contact-field-row:last-child .captcha.cc-container {
        display: flex;
        align-items: center;
        margin-top: 5px;
    }

.lead-popup-form-captcha .cc-label {
    width: 50px;
    font-weight: 600;
    color: #303030;
    font-size: 16px;
}

.lead-popup-form .form-group .cc-message {
    margin: 0 0 0 30px;
    text-align: center;
}

    .lead-popup-form .form-group .cc-message .error {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        color: #e22a2a;
        padding-left: 25px;
        background: url(../images/error-icon.svg) no-repeat;
        background-size: auto 100%;
    }

    .lead-popup-form .form-group .cc-message .success {
        font-family: 'openSans-light';
        font-size: 14px;
        font-weight: 300;
        color: #4bb543;
    }

.lead-generation-popup .modal-content .connect-btn {
    margin: 0 auto 0 0;
    text-transform: capitalize;
}

.lead-generation-form .submit-btn-main .submit-btn {
    background: #F37222;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    line-height: 19px;
    color: #FFE8D6;
}

    .lead-generation-form .submit-btn-main .submit-btn:disabled, .lead-generation-form .submit-btn-main .submit-btn.disabled {
        opacity: 0.5;
        pointer-events:none;
    }


/*Thank you page*/

.lead-generation-thanks-popup .modal-body {
    padding: 20px;
    margin: 0 0 40px 0;
}

.lead-generation-thanks-popup {
    padding: 20px;
}

    .lead-generation-thanks-popup .modal-header {
        border: none;
        padding: 0;
    }

    .lead-generation-thanks-popup .modal-body-content {
        max-width: 400px;
    }

        .lead-generation-thanks-popup .modal-body-content .modal-body-logo .right-tick {
            position: absolute;
            width: 31px;
            height: 23px;
            left: 66%;
            top: 39%;
            transform: translate(-50%, -50%);
        }

        .lead-generation-thanks-popup .modal-body-content .modal-body-logo {
            position: relative;
            background: url(../images/right-tick.svg) no-repeat 78% 32%, url(../images/techved-logo-lead-generation.svg) no-repeat center;
            background-size: auto, cover;
            height: 81px;
            width: 81px;
            margin: 0 0 20px;
            /*background-color: red;*/
        }

        .lead-generation-thanks-popup .modal-body-content .modal-body-text {
            color: #000;
            font-size: 26px;
            font-weight: 600;
            margin: 0 0 10px 0;
            line-height: 34px;
        }

            .lead-generation-thanks-popup .modal-body-content .modal-body-text > .modal-body-greet {
                font-weight: 400;
                display: block;
                color: #303030;
            }

    .lead-generation-thanks-popup .modal-footer {
        display: flex;
        justify-content: flex-start;
        border: none;
    }

        .lead-generation-thanks-popup .modal-footer h5 {
            font-family: 'openSans-light';
            font-size: 14px;
            font-weight: 600;
            position: relative;
            color: #303030;
            margin: 0;
        }

            .lead-generation-thanks-popup .modal-footer h5:after {
                position: absolute;
                content: '';
                width: 34%;
                left: 0;
                top: 100%;
                border-bottom: 1.5px solid #303030;
                margin: 2px 0 0 0;
            }

        .lead-generation-thanks-popup .modal-footer .modal-footer-contact-text {
            font-family: openSans-bold;
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 19px;
            letter-spacing: 0px;
            text-align: left;
            color: #303030;
        }

        .lead-generation-thanks-popup .modal-footer .modal-footer-contact {
            display: flex;
        }

        .lead-generation-thanks-popup .modal-footer .contact-detail {
            position: relative;
            font-family: 'openSans-light';
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 19px;
            letter-spacing: 0px;
            text-align: left;
            color: #F37222;
            margin: 0 0 0 10px;
        }

            .lead-generation-thanks-popup .modal-footer .contact-detail:after {
                position: absolute;
                content: '';
                top: 100%;
                left: 0;
                width: 100%;
                padding: 2px 0 0 0;
                height: 2px;
                border-bottom: 1.5px solid #F37222;
            }

    .lead-generation-popup .close,
    .lead-generation-thanks-popup .close {
        position: absolute;
        width: 20px;
        height: 20px;
        opacity: 1 !important;
        border-radius: 100%;
        right: 18px;
        top: 18px;
        outline: 0;
        cursor: pointer;
        z-index: 2;
    }

        .lead-generation-popup .close::before,
        .lead-generation-thanks-popup .close::before {
            content: '';
            position: absolute;
            left: 0;
            top: calc(50% - .5px);
            width: 0;
            height: 2px;
            background: #676767;
            transform: rotate(0);
            -webkit-transition: .2s;
            -moz-transition: .2s;
            -o-transition: .2s;
            transition: .2s;
        }

        .lead-generation-popup .close::after,
        .lead-generation-thanks-popup .close::after {
            content: '';
            position: absolute;
            left: 0;
            top: calc(50% - .5px);
            width: 0;
            height: 2px;
            background: #676767;
            transform: rotate(0);
            -webkit-transition: .2s;
            -moz-transition: .2s;
            -o-transition: .2s;
            transition: .2s;
        }

        .lead-generation-popup .close.animated::before,
        .lead-generation-thanks-popup .close.animated::before {
            animation: .7s .5s submenu-close-btn-animate1 forwards;
        }

        .lead-generation-popup .close.animated::after,
        .lead-generation-thanks-popup .close.animated::after {
            animation: .7s .5s submenu-close-btn-animate2 forwards;
        }


/* media query for the lead-generation page*/

@media only screen and (max-width: 992px) {
    .lead-generation-popup .modal-content-main {
        /*max-height: 823px;*/
        max-height: 550px;
    }

    .lead-generation-popup .modal-content {
        background: #fff url('../images/lead-generationp-popup-responsive-bg.svg') no-repeat top right;
        background-size: 70%;
    }

        .lead-generation-popup .modal-content .lead-generation-form {
            background: none;
        }

    .lead-generation-popup .btnPEAttachement {
        margin: 20px 0;
    }

    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-55,
    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-40,
    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-40,
    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-48,
    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.w-100 {
        width: 100%;
    }

    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form .contact-field-row.mb-0 {
        margin-bottom: 20px !important;
    }

    .lead-generation-thanks-popup .modal-footer {
        flex-direction: column;
        align-items: flex-start;
    }

        .lead-generation-thanks-popup .modal-footer .modal-footer-contact {
            flex-direction: column;
            margin: 10px 0;
        }

        .lead-generation-thanks-popup .modal-footer .contact-detail {
            margin: 0;
        }

    .lead-generation-thanks-popup .modal-body-content .modal-body-text {
        font-size: 18px;
        line-height: 25px;
    }

    .lead-generation-thanks-popup .modal-footer h5 {
        margin: 0 0 10px 0;
    }
}

@media only screen and (max-width: 767px) {
    .lead-generation-popup .modal-content .lead-generation-form .modal-title {
        font-size: 20px;
    }

    .lead-generation-thanks-popup .modal-body,
    .lead-generation-thanks-popup .modal-footer {
        padding: 20px;
    }
}

@media only screen and (max-width: 540px) {
    .lead-generation-popup .lead-generation-form .lead-popup-form .lead-popup-form-captcha {
        width: 100%;
        padding: 0 0 25px 0;
    }

    .lead-popup-form .form-group .cc-message {
        position: absolute;
        top: 100%;
        left: -50%;
        width: 250px;
        text-align: left;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .lead-generation-popup .modal-content .lead-generation-form .lead-popup-form {
        max-width: 550px;
    }
}

@media (min-width: 992px) and (max-width: 1100px) {
    .lead-generation-popup .modal-content .lead-generation-form {
        background-position: 85% 73%;
    }
}

@media (min-width: 1100px) and (max-width: 1500px) {
    .lead-generation-popup .modal-content .lead-generation-form {
        background-position: 78% 85%;
    }
}


/*  Home page Award Banner*/



.company-logo {
    display: inline-block;
}

.awards-from {
    display: flex;
    align-items: center;
    align-self: center;
    /*margin: 10px 0 0;*/
}

    .awards-from p {
        font-family: 'openSans-light';
        font-size: 12px;
        line-height: 20px;
        font-weight: 700;
        color: #303030;
        display: flex;
        align-items: center;
    }

        .awards-from p .company-logo:first-child {
            padding: 0 20px 0 10px;
            width: 167px;
            height: 30px;
            position: relative;
        }

            .awards-from p .company-logo:first-child:after {
                content: '';
                position: absolute;
                left: 100%;
                border-right: 1px solid #303030;
                top: 40%;
                transform: translateY(-50%);
                height: 30px;
            }

        .awards-from p .company-logo:last-child {
            margin-left: 20px;
            width: 152px;
            height: 55px;
        }

.award-slide.chatbot-slide.new-chatbot-slide .slide-caption-main .slide-caption-img {
    margin-top: 20px;
}

.service-banner-right-main.ent-mob-sol img.desktop {
    margin: auto;
}

.service-banner-right-main.ent-mob-sol img.mobile {
    display: none;
}

.service-banner-right-main.web-soln img.desktop {
    margin: 40px 30px 0px auto;
}

.service-banner-right-main.web-soln img.mobile {
    display: none;
}

@media (max-width: 1200px) and (min-width: 1024px) {
    .award-slide.chatbot-slide.new-chatbot-slide .slide-caption-info {
        max-width: 275px;
    }
    /*us-nps*/
    .service-banner-right-main img {
        padding-top: 30px;
    }

    .service-banner-right-main .service-banner-usability-score {
        right: -20px;
    }

    .dt-digital-approach-container::before {
        width: 87%;
        top: 65px;
        left: 45%;
    }

    .dt-digital-approach-box:nth-child(1) {
        margin-top: 161px;
    }

    .dt-digital-approach-box:nth-child(2) {
        margin-top: 152px;
    }

    .dt-digital-approach-box:nth-child(3) {
        margin-top: 139px;
    }

    .dt-digital-approach-box:nth-child(4) {
        margin-top: 137px;
    }

    .dt-digital-approach-box:nth-child(5) {
        margin-top: 109px;
    }

    .dt-digital-approach-box:nth-child(6) {
        margin-top: 75px;
    }

    .dt-digital-approach-box:nth-child(7) {
        margin-top: 47px;
    }
}

@media only screen and (max-width: 1200px) {
    .award-slide .awards-first .award,
    .award-slide .awards-second .award {
        min-width: unset;
        padding: 0 10px 10px;
    }
}

@media (max-width: 992px) and (min-width: 768px) {
    .award-slide.chatbot-slide.new-chatbot-slide .slide-caption-info {
        max-width: 275px;
    }

    .award-slide .awards-first .award img,
    .award-slide .awards-second .award img {
        margin: -45px auto 10px auto;
        height: 68px;
    }

    .award-slide .awards-first .award,
    .award-slide .awards-second .award {
        padding: 0 5px 5px;
    }

    .award-slide .awards-first .award,
    .award-slide .awards-second .award {
        width: 45%;
    }

    .award h2,
    .award h2 span {
        font-size: 13px;
    }
}


/* digital tarnsform responsive at 995px*/

@media screen and (max-width: 995px) and (min-width: 768px) {
    /*============= ux-nps page ======================*/
    .service-banner-right-main img {
        padding-top: 30px;
    }

    .service-banner-right-main .service-banner-usability-score {
        right: 0;
    }

        .service-banner-right-main .service-banner-usability-score p {
            font-size: 13px;
        }

        .service-banner-right-main .service-banner-usability-score h3 {
            font-size: 18px;
        }
    /*==================digital-transform===============================*/
    /*.dt-digital-approach-box:last-child h5::after {
        content: none;
    }*/
    .dt-digital-approach-container::before,
    .dt-digital-approach-inner:last-of-type::after {
        display: none;
    }

    .dt-digital-approach-container {
        width: 100%;
        flex-direction: column;
        padding: 0;
        margin: auto;
        justify-content: center;
        align-items: center;
        background-size: auto 100%;
        background-color: #fdfdfd;
    }

    .dt-digital-approach-box {
        max-width: inherit !important;
        width: 228px;
        margin: auto !important;
    }

        .dt-digital-approach-box .dt-digital-approach-inner {
            align-items: center;
        }

        .dt-digital-approach-box h5::before {
            border: 1px solid #303030;
        }

        .dt-digital-approach-box .dt-digital-approach-inner::before {
            content: '';
            width: 6px;
            height: 6px;
            background: #F37222;
            border-radius: 50%;
            left: 4px;
            top: 6px;
        }

        .dt-digital-approach-box .dt-digital-approach-inner {
            margin-bottom: 10px;
        }

        .dt-digital-approach-box:not(:last-of-type) {
            padding-bottom: 15px;
        }

        .dt-digital-approach-box::before {
            left: 6px;
            top: 17px;
            height: 100%;
        }

        .dt-digital-approach-box h5::before {
            top: 3px;
            z-index: 1;
        }

        .dt-digital-approach-box h5 {
            padding-bottom: 15px;
            padding-left: 30px;
            margin-bottom: 0px;
            font-weight: 400;
            font-family: 'openSans-regular';
        }

        .dt-digital-approach-box .dt-digital-approach-inner {
            padding-left: 30px;
        }

        .dt-digital-approach-box.active h5 {
            font-weight: 600;
            font-family: 'openSans-semi-bold';
        }

    .dt-digital-accordion-box {
        display: none;
    }

    .dt-digital-approach-box.active::after {
        transform: rotate(180deg);
    }

    .dt-digital-approach-box.active .dt-digital-accordion-box {
        display: block;
    }

    .dt-digital-approach-box:last-of-type::before {
        display: none;
    }

    .dt-digital-approach-box:last-of-type.active::before {
        content: '';
        display: block;
    }

    .dt-digital-approach-box h5::after {
        content: url(../images/dt-down-arrow.svg);
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        transition: all 0.3s linear;
    }

    .dt-digital-approach-box.active h5::after {
        transform: rotate(180deg);
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .award-slide .slide-caption-img img {
        width: 100% !important;
        padding: 0 10px;
    }

    .award-slide .awards-second {
        margin-top: -15px;
    }

    .slide-caption-main {
        padding-top: 0;
    }

    .award-slide.chatbot-slide.new-chatbot-slide .slide-caption-main {
        flex-direction: column;
    }

    .award-slide.chatbot-slide.new-chatbot-slide .slide-caption-info {
        margin-bottom: 5px;
    }

    .award-slide .awards-from {
        /*margin: 5px 0 0 0;*/
        margin: -10px auto 0 auto;
    }

        .award-slide .awards-from p {
            text-transform: capitalize;
            max-width: 250px;
        }

    .award h2 {
        font-weight: 600;
    }

        .award h2 span {
            font-weight: 700;
        }

    .awards-from p .company-logo:last-child {
        height: auto;
        margin-left: 0;
    }

    .awards-from p .company-logo:first-child {
        padding: 0;
        height: auto;
    }

        .awards-from p .company-logo:first-child:after {
            height: 20px;
        }
    /*============= ux-nps page ======================*/
    .service-banner-right-main img {
        padding-top: 30px;
        margin: 0 auto;
    }

    .service-banner-right-main .service-banner-usability-score {
        right: 5px;
    }

        .service-banner-right-main .service-banner-usability-score p {
            font-size: 11px;
        }

        .service-banner-right-main .service-banner-usability-score h3 {
            font-size: 15px;
        }
    /*.dt-digital-approach-box:last-child h5::after {
                     content: none;
                }*/
    /*============== digital-transform===========================*/
    .services-common-heading {
        font-weight: 300;
        margin-bottom: 0;
    }

        .services-common-heading.cust-span {
            font-size: 20px;
            line-height: 24px;
        }

        .services-common-heading.service-cust-h2 {
            font-weight: 400;
            margin-bottom: 0;
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 16px;
        }

        .services-common-heading span {
            display: inline;
            font-size: 20px;
            line-height: 24px;
            font-weight: 400;
        }

    .services-model-process-right-main.web-soln .head-para {
        font-family: 'openSans-regular';
        font-size: 20px;
    }

    .services-model-process-right-main.web-soln .bottom-head {
        font-family: 'openSans-regular';
        color: #303030;
        font-size: 17px;
    }

    .services-common-heading.ent-mob-sol span {
        display: inline;
        font-size: 20px;
        font-weight: 400;
    }

    .services-common-heading.ent-mob-sol-lg span {
        display: inline;
        font-size: 20px;
        font-weight: 400;
    }

    .dt-digital-approach-box p.head {
        font-size: 12px;
        line-height: 20px;
        font-weight: 400;
    }

    .dt-digital-approach-container::before,
    .dt-digital-approach-box .dt-digital-approach-inner:last-of-type::after {
        display: none;
    }

    .dt-digital-approach-box .dt-digital-approach-inner {
        align-items: center;
    }

    .dt-digital-approach-box h5::before {
        border: 1px solid #303030;
        bottom: 19px;
    }

    .dt-digital-approach-box .dt-digital-approach-inner {
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .dt-digital-approach-box:not(:last-of-type) {
        padding-bottom: 15px;
    }

    .dt-digital-approach-box::before {
        left: 6px;
        top: 17px;
        height: 100%;
    }

    .dt-digital-approach-box h5 {
        font-weight: 400;
        font-family: 'openSans-regular';
    }

        .dt-digital-approach-box h5::after {
            content: url('../images/dt-down-arrow.svg');
            position: absolute;
            right: 0;
            top: 0;
            cursor: pointer;
            transition: all 0.3s linear;
        }

    .dt-digital-approach-box.active h5 {
        font-weight: 600;
        font-family: 'openSans-semi-bold';
    }

    .dt-digital-approach-box .dt-digital-approach-inner::before {
        content: '';
        width: 6px;
        height: 6px;
        background: #F37222;
        border-radius: 50%;
        left: 4px;
        top: 6px;
    }

    .dt-digital-accordion-box {
        display: none;
    }

    .dt-digital-approach-box.active h5::after {
        transform: rotate(180deg);
    }

    .dt-digital-approach-box.active .dt-digital-accordion-box {
        display: block;
    }

    .dt-digital-approach-box {
        max-width: inherit !important;
        width: 228px;
        margin: auto !important;
    }

        .dt-digital-approach-box h5 {
            padding-bottom: 15px;
            padding-left: 30px;
            margin-bottom: 0px;
        }

        .dt-digital-approach-box:last-of-type::before {
            display: none;
        }

        .dt-digital-approach-box:last-of-type.active::before {
            content: '';
            display: block;
        }
}

/****** Chatbot page Starts *****/

.humanized-bot,
.chatbot-types,
.transform-business,
.adopt-ace,
.capability {
    padding: 0px 0px 0px;
}

.chatbot-banner {
    background: url(../images/chatbot-page/new-chatbot-slide-bg.svg) no-repeat center bottom;
    background-size: cover;
}

    .chatbot-banner .chatbot-main-wrapper {
        padding: 112px 0px 150px;
        max-width: 1224px;
        position: relative;
    }

.chatbot-main-wrapper {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding: 15px 20px;
}

.humanized-bot .section-header p {
    font-size: 16px;
    line-height: 24px;
    font-family: openSans-regular;
}

.chatbot-main-wrapper.humanize-wrapper {
    padding: 0px 20px;
}

.chatbot-main-wrapper .left-slide-header {
    text-align: center;
}

    .chatbot-main-wrapper .left-slide-header p {
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        margin-bottom: 20px;
        width: 78%;
        margin: 0 auto;
    }



.chatbot-banner .chatbot-main-wrapper .scroll-down-service {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 120px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.chatbot-banner .chatbot-banner-main {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .chatbot-banner .chatbot-banner-main .chatbot-banner-info {
        max-width: 610px;
    }


.chatbot-banner-info.newbred h4 {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 35px;
    position: relative;
    display: flex;
    align-items: center;
    color: #676767;
}

.chatbot-banner-info.newbred span {
    position: relative;
    margin-right: 20px;
    white-space: nowrap;
    font-family: 'openSans-regular';
    text-align: left;
    color: #676767 !important;
}

.chatbot-banner .chatbot-banner-info h3 {
    font-family: openSans-bold;
    font-size: 20px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 10px;
}

.chatbot-banner .chatbot-banner-info span {
    color: #9E1E7D;
}

.chatbot-banner .chatbot-banner-info h2,
.chatbot-banner .chatbot-banner-info h1 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 12px;
    font-family: 'openSans-bold';
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.chatbot-banner .chatbot-banner-info h1 {
    margin-left: 0px;
    margin-right: 5px;
}

.chatbot-banner .chatbot-banner-info p {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .chatbot-banner .chatbot-banner-info p > span {
        font-family: 'openSans-regular';
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
    }

.chatbot-banner .chatbot-banner-info .font-secondary {
    font-family: 'openSans-regular';
    font-size: 32px;
    font-weight: 400;
    line-height: 32px;
    margin: 10px 0;
    color: #4f4f4f;
}

    .chatbot-banner .chatbot-banner-info .font-secondary span {
        font-family: openSans-bold;
        font-size: 24px;
        font-weight: 700;
        line-height: 29px;
    }

.chatbot-banner .chatbot-banner-info .book-demo-main {
    margin: 0;
}

    .chatbot-banner .chatbot-banner-info .book-demo-main .common-btn {
        text-transform: capitalize;
        padding: 6px 12px;
    }

.chatbot-banner-img {
    position: relative;
    max-width: 360px;
    margin: 0 auto;
}

    .chatbot-banner-img .chatbot-icon {
        position: absolute;
        top: -20px;
        left: 20%;
        transform: translateX(-50%);
        animation-name: upDown;
        animation-duration: 1s;
        animation-timing-function: ease-in;
        animation-direction: alternate;
        animation-fill-mode: forwards;
        animation-iteration-count: infinite;
        transition: all .2s ease;
    }

    .chatbot-banner-img .absolute-ace {
        position: absolute;
        top: 24%;
        left: 24%;
        font-size: 18px;
        font-weight: 800;
        font-family: 'openSans-bold';
        transform: translate(-50%, -50%);
        color: #6B67DC;
    }

.chatbot-carousel-title .carousel-inner {
    overflow: visible;
}

.chatbot-carousel-title .carousel-item {
    width: fit-content;
    display: block;
    /*transform: translate3d(25px,25px,25px) scale(0.1);*/
    transform: translateY(-50px);
    transition: all 1s linear 0.5s;
}

.chatbot-carousel-title .carousel-fade .carousel-item-next.carousel-item-left,
.chatbot-carousel-title .carousel-fade .carousel-item-prev.carousel-item-right,
.chatbot-carousel-title .carousel-fade .carousel-item.active {
    /*transform: translate(15px);*/
    transform: translateY(0px);
}

.chatbot-banner-img .chatbot-carousel-title {
    position: absolute;
    top: calc(100% - 74%);
    width: 250px;
    left: calc(100% - 70%);
    transform: rotate3d(1, -0.1, 1, 47deg);
}

    .chatbot-banner-img .chatbot-carousel-title .carousel-item > span {
        font-family: 'openSans-light-italic';
        font-size: 14px;
        font-weight: 750;
        padding: 8px 7px;
        border-radius: 20px;
        color: #9E1E7D;
        min-width: 150px;
        width: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid #E5E7F9;
        background: #fff;
    }

.humanized-bot {
    margin-top: -30px;
}

    .humanized-bot .section-header {
        max-width: 460px;
        margin: 0 auto;
    }

.section-header h3 {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    margin-bottom: 40px;
}

.humanized-bot .section-header .font-secondary {
    font-family: 'openSans-regular';
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: #4F4F4F;
}

.humanized-bot .section-header h3 .bot-icon {
    display: inline-block;
}

    .humanized-bot .section-header h3 .bot-icon img {
        width: 30px;
        height: 25px;
    }

.humanized-bot .carousel-tabs {
    /*width: 45%;*/
    /*max-width: 600px;*/
    flex: 1;
    margin-right: 20px;
    margin: 50px 0;
}

    .humanized-bot .carousel-tabs .tabs {
        display: flex;
        align-items: center;
    }

        .humanized-bot .carousel-tabs .tabs .tab {
            margin: 0 20px 0 0;
        }

            .humanized-bot .carousel-tabs .tabs .tab .tab-link {
                display: inline-block;
                color: #979797;
                font-size: 14px;
                font-weight: 400;
                padding: 5px 20px;
                border: 1px solid transparent;
            }

            .humanized-bot .carousel-tabs .tabs .tab.active .tab-link {
                color: #F37222 !important;
                border: 1px solid #F37222;
                border-radius: 50px;
            }

.humanized-bot .carousel-inner {
    padding: 40px 20px 20px 0;
}

    .humanized-bot .carousel-inner .carousel-item h3 {
        font-family: openSans-bold;
        font-size: 28px;
        line-height: 38px;
        font-weight: 400;
        margin-bottom: 10px;
    }

        .humanized-bot .carousel-inner .carousel-item h3 > span {
            color: #9E1E7D;
        }

    .humanized-bot .carousel-inner .carousel-item p {
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        max-width: 470px;
        color: #4F4F4F;
    }

    .humanized-bot .carousel-inner .carousel-item .book-demo-main {
        margin-top: 15px;
    }

.humanized-bot .section-body {
    margin: 40px 0 0 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.humanized-bot .right-image {
    position: relative;
    /*width: 45%;*/
    max-width: 600px;
    width: 600px;
    margin: 0 0 0 auto;
    /*update 19/1/2020 */
    background: #f5f6fa;
    border-radius: 100px;
    height: 450px;
    max-height: 450px;
}

    .humanized-bot .right-image .carousel-indicators {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }

.hover-tab.active {
    padding: 0 20px 0 15px;
    height: 31px;
    border-radius: 12px;
    border: 1px solid #606060;
    font-size: 16px;
    font-weight: 600;
    transition: all .3s ease;
}

.humanized-bot .right-image .chatbot-slide-list-main.left {
    width: 150px;
    left: 25%;
    transform: translateX(-50%);
}

.humanized-bot .right-image .chatbot-slide-list-main.right {
    right: 0%;
    transform: translateX(-50%);
}

.humanized-bot .right-image .chatbot-slide-list-main.left ul {
    transform: none;
}

.right-image .chatbot-slide-list-main.right ul li a,
.right-image .chatbot-slide-list-main.left ul li a {
    pointer-events: none;
}

.humanized-bot .right-image .chatbot-video {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    width: 100%;
    max-width: 100%;
}

@keyframes upDown {
    0% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(-15px);
    }
}

.chatbot-types .section-body {
    margin: 40px 0;
}

.chatbot-types .block h3 {
    font-family: 'openSans-regular';
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
}


/*.chatbot-types */

.block p {
    font-family: openSans-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    max-width: 270px;
    color: #4F4F4F;
}


/*.chatbot-types */


/*15/1/2021*/


/*.multi-talented-bot.blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}*/

.blocks {
    display: flex;
    align-items: center;
    justify-content: center;
}


    /*.chatbot-types */

    .blocks .block {
        padding: 40px 30px;
        box-shadow: 1px 0px 5px 1px rgba(0, 0, 0, 0.1);
        /*max-width: 376px;*/
        max-width: 390px;
        transition: all .3s ease;
        border-radius: 5px;
    }

.chatbot-types .blocks .block {
    padding: 30px 70px 30px 40px;
    min-height: 285px;
    position: relative;
}

    .chatbot-types .blocks .block:hover {
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
    }


/*.chatbot-types .blocks .block:hover img {

}*/

.chatbot-type-anime {
    animation-name: upDown;
    animation-duration: 1s;
    animation-timing-function: ease;
    animation-iteration-count: 2;
    animation-fill-mode: both;
    animation-play-state: running;
    animation-direction: alternate;
    transition: all 1s ease 1s;
}

.multi-talented-bot .block:nth-child(2) .chatbot-type-anime {
    animation-delay: 0.5s;
}

.multi-talented-bot .block:nth-child(3) .chatbot-type-anime {
    animation-delay: 0.8s;
}


/*.chatbot-types */

.blocks .block figure {
    margin-bottom: 15px;
}

.chatbot-types .blocks .block h3 {
    margin-bottom: 10px;
}

.chatbot-types .blocks .block:not(:nth-child(3n)) {
    margin-right: 50px;
}

.chatbot-types .blocks b img {
    width: 95px;
    height: 75px;
}

.all-ind .section-body {
    margin: 40px 0;
}

.all-ind h3 span {
    color: #9E1E7D;
    font-weight: 500;
    font-family: openSans-bold;
}

.all-ind .section-header {
    padding: 0 20px;
}

    .all-ind .section-header > p {
        font-family: 'openSans-light';
        font-size: 18px;
        line-height: 24px;
        color: #676767;
        text-align: center;
    }

.all-ind .ind-tab-list {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    /*max-width: 100%;*/
    margin: 0 auto 40px;
}

.all-ind li.active .ind-tab-link {
    font-family: 'openSans-light';
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    /*box-shadow: 0 0 5px 3px rgba(0,0,0,0.1);*/
    box-shadow: 0px 0px 42px 1px rgba(0, 0, 0, 0.12);
}

.all-ind .ind-tab-link {
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #333333;
    border-radius: 50px;
    box-shadow: 0px 0px 11px 0px rgb(0 0 0 / 12%);
    padding: 9px 40px;
    display: inline-block;
    margin: 0 40px 30px 0;
    transition: all .1s ease;
}

.all-ind .ind-tab-content.quick-contact-section:before {
    background-image: linear-gradient(to bottom, #ffffff, #f5f6faa6);
    box-shadow: inset 0 -20px 10px 0 rgba(215, 217, 228, 0.43);
}

.all-ind .ind-tab-content {
    display: none;
    align-items: center;
    justify-content: space-evenly;
    transition: all .3s ease;
}

.all-ind .ind-tab-content-list {
    position: relative;
}

    .all-ind .ind-tab-content-list:before {
        content: '';
        position: absolute;
        left: 0;
        bottom: -120px;
        width: 100%;
        height: 250px;
        background: #f9f9f9;
        z-index: -1;
    }

.all-ind .ind-tab-content-detail {
    position: relative;
}

.all-ind .ind-tab-content-image {
    position: relative;
    transform: translateY(100%);
    transition: all .5s ease;
}

    .all-ind .ind-tab-content-image.active {
        transform: translateY(0);
    }

.all-ind .ind-tab-content.active {
    display: flex;
}

.all-ind .ind-tab-content-detail h4 {
    margin-bottom: 10px;
    font-family: 'openSans-regular';
    font-size: 22px;
    font-weight: 700;
    color: #333333;
}

.all-ind .ind-tab-content-detail p {
    font-family: 'openSans-light';
    font-size: 20px;
    font-weight: 300;
    color: #4F4F4F;
}

.all-ind .ind-tab-content .lets-connect {
    margin-top: 33px;
}

.adopt-ace {
    background: #F9F9F9;
    /*padding-top: 100px;*/
}

    .adopt-ace .section-header h3 {
        font-family: 'openSans-regular';
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }

        .adopt-ace .section-header h3 > span {
            color: #9E1E7D;
            font-weight: 400;
            font-family: 'openSans-bold';
        }

    .adopt-ace .section-header p {
        max-width: 900px;
        margin: 0 auto 10px;
        text-align: center;
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
    }

.adopt-ace-advantages .block img {
    width: 50px;
    height: 50px;
}

.adopt-ace-advantages .blocks .block {
    display: flex;
    align-items: flex-start;
    min-height: 250px;
    background: #fff;
    max-width: 390px;
}

.adopt-ace .blocks .block:not(:nth-child(3n)) {
    margin-right: 40px;
}

.adopt-ace-advantages .blocks .block > figure {
    margin-right: 10px;
}

.adopt-ace-advantages .block h4 {
    font-size: 22px;
    line-height: 30px;
    font-weight: 400;
    font-family: 'openSans-regular';
    margin-bottom: 20px;
    color: #333333;
}

.adopt-ace-advantages .block .block-detail {
    /*margin-top: 10px;*/
    margin-top: 20px;
}

.adopt-ace .section-body {
    padding: 40px 0;
}

.transform-business .section-body {
    margin: 60px auto 40px;
}

.transform-business .transform-business-slick {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .transform-business .transform-business-slick .item-1:last-child {
        margin-right: 100px;
    }

.transform-business .business-card {
    max-width: 350px;
}

.transform-business .business-card-header {
    position: relative;
    width: fit-content;
    margin-bottom: 20px;
}

    .transform-business .business-card-header > a {
        display: block;
        overflow: hidden;
    }

        .transform-business .business-card-header > a > img {
            transition: all .3s ease;
        }

.transform-business .business-card-floating-img {
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translate(-50%, -50%);
    width: fit-content;
    /*height: 90%;*/
    pointer-events: none;
}

.transform-business .business-card-body h4 {
    font-size: 16px;
    color: #303030;
    font-family: openSans-bold;
    line-height: 24px;
    margin-bottom: 10px;
}

.transform-business .business-card-body > p {
    font-family: openSans-regular;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #303030;
    margin-bottom: 18px;
}

.transform-business .business-card-body > span {
    font-family: openSans-regular;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #303030;
    display: block;
    margin-bottom: 10px;
}

.cf-chatbot {
    background: url(../images/chatbot-page/chatbot-subscribe-bg-1.svg) no-repeat, url(../images/chatbot-page/chatbot-and-bg.svg) no-repeat;
    background-position: 0 135%, calc(100% + 30px) calc( 100% - -35px);
    background-color: #f5f6fa;
    background-size: auto auto, auto auto;
}

    .cf-chatbot .subscribe-container {
        max-width: 830px;
        margin: 0 auto 0 150px;
    }

        .cf-chatbot .subscribe-container h3 {
            font-family: 'openSans-regular';
            font-size: 32px;
            font-weight: 700;
            margin-bottom: 35px;
        }

    .cf-chatbot .contact-form {
        display: flex;
        align-items: baseline;
        margin-bottom: 15px;
    }

    .cf-chatbot .tvd-angular-field {
        width: 100%;
        margin-bottom: 10px;
    }

        .cf-chatbot .tvd-angular-field.mob-number label {
            position: absolute;
            top: 24px;
            left: calc(100% - 67%);
            color: #797979;
            /* transform: translateX(-50%); */
            z-index: 0;
            transition: all .3s ease 0s;
            pointer-events: none;
        }

        .cf-chatbot .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),
        .cf-chatbot .tvd-angular-field textarea {
            box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.2) !important;
            padding: 10px;
            border-bottom: none;
            border-radius: 4px;
            background: #fff !important;
        }

            .cf-chatbot .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label,
            .cf-chatbot .tvd-angular-field textarea ~ label {
                top: 12px;
                left: 4px;
            }

    .cf-chatbot .contact-field.focused input ~ label {
        transform: translate(0px, 5px) scale(1) !important;
        padding: 0 7px;
    }

    .cf-chatbot .contact-field.mob-number.focused label {
        transform: translate(0px, -15px) scale(1) !important;
        font-size: 12px;
    }

.contact-field-row .tvd-angular-field .error-msg-red {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    position: absolute;
    top: 64px;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto;
    left: 0;
}

.tvd-angular-field.contact-field.big-field .error-msg-red {
    font-family: 'openSans-light';
    font-size: 11px;
    font-weight: 300;
    color: #e22a2a;
    position: absolute;
    top: 49px;
    padding-left: unset;
    background: unset;
    background-size: auto;
    left: 0;
}



.capability .left-slide-header h3 {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px;
    color: #000;
}

.capability .left-slide-headerp {
    color: #4F4F4F;
}

.capability .capability-main {
    display: flex;
    /*align-items: center;*/
    align-items: flex-start;
    justify-content: space-between;
}

.capability {
    position: relative;
}

    .capability:before {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        background: url(../images/chatbot-page/capability-bg.svg) no-repeat;
        background-size: 40%;
        background-position: 0% calc(100% - 70%);
        width: 100%;
        height: 100%;
        z-index: -1;
    }

    .capability .capability-main .left-slide .left-slide-box h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        line-height: 30px;
        font-weight: 400;
        margin-bottom: 10px;
    }

    .capability .capability-main .left-slide .left-slide-box p {
        color: #4F4F4F;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
    }

    .capability .capability-main .left-slide {
        /*.left-slide-box*/
        max-width: 320px;
    }

        .capability .capability-main .left-slide .left-slide-slick {
            padding-top: 182px;
        }

        .capability .capability-main .left-slide .slick-dots {
            position: absolute;
            top: calc(100% - 195px);
            display: inline-block;
            max-width: 150px;
            padding: 0;
            margin: 0;
            list-style: none;
            text-align: center;
            line-height: 0;
            left: calc(100% - 107%) !important;
        }

            .capability .capability-main .left-slide .slick-dots li {
                border-radius: 10px;
                width: 20px;
                height: 8px;
            }

                .capability .capability-main .left-slide .slick-dots li button {
                    background: rgba(255, 255, 255, 0.6);
                }

                .capability .capability-main .left-slide .slick-dots li.slick-active {
                    width: 40px;
                }

    .capability .capability-main .right-slide {
        /*flex: 0.9;*/
        width: 58%;
    }

        .capability .capability-main .right-slide .right-slide-box {
            display: flex;
            justify-content: center;
            padding: 10px 0;
        }

            .capability .capability-main .right-slide .right-slide-box .right-slide-box-item {
                padding: 20px 20px;
                border-radius: 36px;
                box-shadow: 0 0 15px 5px rgba(231, 231, 231, 0.7);
                max-width: 160px;
                margin-bottom: 50px;
                /*max-height: 170px;*/
                min-height: 150px;
                text-align: center;
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
            }

                .capability .capability-main .right-slide .right-slide-box .right-slide-box-item img {
                    margin: 0 auto;
                }

        .capability .capability-main .right-slide .right-slide-second .right-slide-box-item,
        .capability .capability-main .right-slide .right-slide-third .right-slide-box-item {
            min-width: 165px;
            min-height: 165px;
        }

        .capability .capability-main .right-slide .right-slide-box .right-slide-box-item.mt-40 {
            margin-top: 40px;
        }

        .capability .capability-main .right-slide .right-slide-box .right-slide-box-item.mt-90 {
            margin-top: 90px;
        }

        .capability .capability-main .right-slide .right-slide-box li:not(:nth-child(3n)) {
            margin-right: 58px;
        }


        /* please change font to Maven Pro */

        .capability .capability-main .right-slide .right-slide-box .right-slide-box-item h4 {
            margin-top: 10px;
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 500;
            text-align: center;
            line-height: 24px;
            text-transform: capitalize;
            color: #333333;
        }

    .capability .right-slide-box.right-slide-first,
    .capability .right-slide-box.right-slide-third {
        margin-top: 100px;
    }


        /*first slide*/

        .capability .right-slide-box.right-slide-first li.mt-100 {
            margin-top: 100px;
        }

        .capability .right-slide-box.right-slide-first li.mt-50 {
            margin-top: 50px;
        }


    /*second slide*/

    .capability .right-slide-box.right-slide-second li.mt-100 {
        margin-top: 100px;
    }

    .capability .right-slide-box.right-slide-second li.mt-50 {
        margin-top: 50px;
    }

    .capability .right-slide .right-slide-box-item .large-image {
        width: 45%;
        height: auto;
    }

    .capability .right-slide .right-slide-box-item figure {
        width: 70%;
        height: auto;
        margin: 0 auto 10px;
    }


    /*third slide*/

    .capability .right-slide-box.right-slide-third li.mt-150 {
        margin-top: 150px;
    }

    .capability .right-slide-box.right-slide-third li.mt-75 {
        margin-top: 75px;
    }

.right-slide-box-item {
    margin-bottom: 40px;
}

.capability .capability-main .right-slide .right-slide-box .right-slide-box-item.mt--40 {
    margin-top: -40px;
}

.carousel-tabs .carousel-fade .carousel-item {
    transition: all 0.2s ease !important;
}

@media (max-width: 1300px) and (min-width: 993px) {
    /*30 Dec 2020 */
    .transform-business .business-card {
        max-width: 300px;
    }

    .transform-business .business-card-floating-img img {
        height: 200px;
    }
}

@media (max-width: 1200px) and (min-width: 993px) {
    .chatbot-banner-img {
        width: 400px;
    }

    .chatbot-banner .chatbot-banner-main .chatbot-banner-info {
        max-width: 450px;
    }

    .capability .capability-main .right-slide .right-slide-box li:not(:nth-child(3n)) {
        margin-right: 30px;
    }
}

@media only screen and (max-width: 992px) {
    .capability:before {
        background-size: 348px;
        height: 600px;
        background-position: 0% calc(100% - 70%);
    }

    .chatbot-banner .chatbot-banner-main {
        justify-content: flex-start;
        flex-direction: column;
    }

    .chatbot-banner .chatbot-main-wrapper {
        padding: 100px 20px 20px 20px;
    }

    .chatbot-banner .chatbot-banner-main .chatbot-banner-info {
        margin-bottom: 50px;
    }

    .chatbot-banner .chatbot-banner-info h3 {
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 5px;
        line-height: 20px;
    }

    .chatbot-banner .chatbot-banner-info h2,
    .chatbot-banner .chatbot-banner-info h1 {
        font-size: 20px;
        line-height: 24px;
        font-weight: 600;
        margin-bottom: 0;
        text-transform: lowercase;
        display: inline-block;
    }

    .chatbot-banner .chatbot-banner-info h1 {
        margin-right: 1.5px;
    }

    .chatbot-banner .chatbot-banner-info h2:nth-child(2)::first-letter {
        text-transform: uppercase;
    }

    .chatbot-banner .chatbot-banner-info h1 + h2 {
        display: inline;
    }

    .chatbot-banner .chatbot-banner-info p {
        margin: 5px 0;
    }

    .chatbot-banner .chatbot-banner-info .font-secondary {
        margin: 10px 0;
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
    }

        .chatbot-banner .chatbot-banner-info .font-secondary span {
            font-size: 16px;
        }

    .chatbot-banner-img .absolute-ace {
        font-size: 14px;
    }

    .humanized-bot .carousel-tabs {
        margin: 20px 0;
    }

    .humanized-bot .section-body {
        flex-direction: column;
        align-items: flex-start;
        margin: 20px 0 0 0;
    }

    .humanized-bot .right-image {
        align-self: flex-end;
        width: 80%;
    }

    .humanized-bot .carousel-tabs {
        max-width: 100%;
    }

    .humanized-bot .section-header h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .humanized-bot .section-header .font-secondary {
        font-size: 16px;
    }

    .humanized-bot .carousel-inner .carousel-item h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .humanized-bot .carousel-inner .carousel-item p {
        font-size: 12px;
        line-height: 16px;
    }

    .humanized-bot .carousel-inner {
        padding: 20px 20px 20px 0;
    }

    .chatbot-types .section-body {
        margin-bottom: 0;
    }

    .chatbot-types .blocks .block {
        min-height: 209px;
        max-width: 350px;
    }

        .chatbot-types .blocks .block:not(:nth-child(3n)) {
            margin-right: 0;
        }
    /*15/1/2021*/
    .multi-talented-bot.blocks .block figure {
        margin-right: 15px;
    }

    .multi-talented-bot .ml-15 {
        margin-left: -15px;
    }

    .multi-talented-bot.blocks {
        justify-content: space-around;
        flex-wrap: wrap;
    }

        .multi-talented-bot.blocks .block {
            margin-bottom: 35px;
            display: flex;
            align-items: flex-start;
        }

    .blocks .block figure {
        margin-bottom: 10px;
    }

    .adopt-ace .blocks .block,
    /*.chatbot-types .blocks .block,*/
    .transform-business .business-card {
        transform: scale(0.9);
    }

    .section-header h3 {
        font-size: 20px;
        line-height: 23px;
    }

    .chatbot-types .blocks .block img {
        width: 100%;
        height: 55px;
    }

    .chatbot-types .block h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 20px;
    }

    .all-ind .ind-tab-content {
        flex-direction: column;
        align-items: flex-start;
        padding: 50px 20px 10px;
    }

    .all-ind .ind-tab-content-detail {
        margin-bottom: 30px;
    }

    .all-ind .ind-tab-link {
        font-size: 14px;
        font-weight: 400;
        margin: 0 15px 15px 0;
        padding: 5px 20px;
        min-width: 100px;
        text-align: center;
    }

    .all-ind li.active .ind-tab-link {
        font-size: 14px;
        font-weight: 700;
    }

    .all-ind .ind-tab-content-detail h4 {
        font-size: 18px;
    }

    .all-ind .ind-tab-content-detail p {
        font-size: 16px;
    }

    .humanized-bot {
        margin-top: 0;
    }

        .humanized-bot .carousel-tabs {
            margin: 20px 0;
        }

        .humanized-bot .section-body {
            flex-direction: column;
            align-items: flex-start;
            margin-top: 0;
        }

        .humanized-bot .carousel-tabs {
            max-width: 100%;
        }

        .humanized-bot .section-header h3 {
            font-size: 20px;
            line-height: 25px;
        }

        .humanized-bot .section-header .font-secondary {
            font-size: 20px;
            line-height: 24px;
        }

        .humanized-bot .carousel-inner .carousel-item h3 {
            font-size: 20px;
            line-height: 24px;
        }

        .humanized-bot .carousel-inner .carousel-item p {
            font-size: 14px;
            line-height: 20px;
        }

    .adopt-ace .section-header h3 {
        font-size: 20px;
    }

    .adopt-ace .section-body {
        padding: 40px 0 0 0;
    }

    .adopt-ace-advantages .blocks .block {
        flex-direction: column;
    }

    .adopt-ace-advantages .block .block-detail {
        margin-top: 10px;
    }

    .adopt-ace .blocks .block:not(:nth-child(3n)) {
        margin: 0;
    }

    .adopt-ace .blocks .block:nth-child(3n) {
        margin: 0;
    }

    .adopt-ace .blocks .block {
        margin-right: 20px;
    }

    .adopt-ace-advantages .block h4 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .transform-business .transform-business-slick {
        flex-direction: column;
        align-items: center;
    }

    .transform-business .business-card-body h4,
    .transform-business .business-card-body > p {
        font-size: 16px;
    }

    .transform-business .business-card-body > span {
        font-size: 14px;
        line-height: 20px;
    }

    .transform-business .business-card-body .view-more a span {
        font-size: 12px;
    }

    .transform-business .transform-business-slick .item-1:last-child {
        margin-right: 0;
    }

    .cf-chatbot {
        background: url(../images/chatbot-page/chatbot-and-bg.svg) no-repeat;
        background-color: #f5f6fa;
        background-size: 200px;
        background-position: 100% calc(100% - -20px) !important;
    }

        .cf-chatbot .contact-form {
            flex-direction: column;
            align-items: flex-start;
        }

        .cf-chatbot .subscribe-container {
            margin: 0;
        }

            .cf-chatbot .subscribe-container .form-group {
                max-width: 400px;
                width: 100%;
            }

            .cf-chatbot .subscribe-container h3 {
                font-size: 22px;
                font-weight: 700;
            }

            .cf-chatbot .subscribe-container .form-group .form-control {
                padding: 10px 15px;
            }

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

        .capability .capability-main .left-slide {
            align-self: flex-start;
        }

            .capability .capability-main .left-slide .slick-dots {
                top: calc(100% - 68%);
            }

            .capability .capability-main .left-slide .left-slide-slick {
                padding-top: 100px;
            }

    .capability .right-slide-box.right-slide-first,
    .capability .right-slide-box.right-slide-third {
        margin-top: 0;
    }

    .capability .capability-main .left-slide .left-slide-box h3 {
        font-size: 20px;
        line-height: 23px;
    }

    .capability .capability-main .left-slide .left-slide-box p {
        font-size: 12px;
        line-height: 15px;
        max-width: 230px;
    }

    .capability .capability-main .right-slide .right-slide-box .right-slide-box-item h4 {
        font-size: 16px;
        line-height: 20px;
    }

    .capability .capability-main .right-slide {
        width: 100%;
        margin-top: 20px;
    }

        .capability .capability-main .right-slide .right-slide-box li:not(:nth-child(3n)) {
            margin-right: 30px;
        }
    /*first slide*/
    .capability .right-slide-box.right-slide-first li.mt-100,
    .capability .right-slide-box.right-slide-first li.mt-50,
    .right-slide-box.right-slide-first .right-slide-box-item {
        margin: 0;
    }
    /*second slide*/
    .capability .right-slide-box.right-slide-second li.mt-100,
    .capability .right-slide-box.right-slide-second li.mt-50,
    .right-slide-box.right-slide-second .right-slide-box-item {
        margin: 0;
    }
    /*third slide*/
    .capability .right-slide-box.right-slide-third li.mt-150,
    .capability .right-slide-box.right-slide-third li.mt-75,
    .right-slide-box.right-slide-third .right-slide-box-item {
        margin: 0;
    }

    .capability .capability-main .right-slide .right-slide-box .right-slide-box-item {
        min-width: 145px;
        margin-bottom: 24px;
        min-height: 170px;
    }
}

@media only screen and (min-width: 768px) {
    .transform-business .business-card-header > a:hover img {
        transform: scale(1.04);
    }
}

@media only screen and (max-width: 767px) {
    .chatbot-banner .chatbot-main-wrapper {
        padding: 100px 10px 140px;
    }

    .all-ind .quick-contact-section:before {
        width: calc(100% + 50%);
        /*height: 35%;*/
    }

    .chatbot-banner .chatbot-banner-info .book-demo-main,
    .humanized-bot .section-body .carousel-inner .book-demo-main {
        display: block;
    }

    .chatbot-banner-img {
        margin: 50px auto 0;
    }

    .humanized-bot .carousel-tabs .tabs .tab .tab-link {
        padding: 5px 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .humanized-bot .section-body .carousel-inner .book-demo-main {
        margin-top: 28px;
    }

    .humanized-bot .carousel-tabs .tabs {
        flex-wrap: nowrap;
    }

        .humanized-bot .carousel-tabs .tabs .tab {
            margin: 0 10px 0 0;
        }

    .chatbot-types .blocks .block {
        padding: 30px 10px;
        min-height: 180px;
    }

    .transform-business .section-body {
        margin: 20px auto 0;
    }

    .transform-business .transform-business-slick {
        flex-direction: row;
        text-align: -webkit-center;
        justify-content: center;
    }
        /*.transform-business .transform-business-slick .business-card {
        max-width: 300px;
    }*/
        .transform-business .transform-business-slick .business-card .business-card-body {
            text-align: left;
        }

    .cf-chatbot .contact-form {
        margin-bottom: 15px;
    }

    .cf-chatbot .thankyou-work {
        max-width: 250px;
    }

    .humanized-bot .right-image {
        width: 100%;
    }

    .capability:before {
        background-position: 0% calc(100% - 130%);
    }

    .capability .left-slide-header {
        margin-top: 50px;
        text-align: left;
    }

    .chatbot-main-wrapper.humanize-wrapper {
        padding: 15px 20px;
    }

    .capability .capability-main .left-slide .left-slide-slick {
        padding-top: 20px;
    }

    .capability .capability-main .left-slide .slick-dots {
        top: calc(100% - 100%);
    }

    .capability .capability-main .right-slide .right-slide-box {
        flex-wrap: wrap;
    }

        .capability .capability-main .right-slide .right-slide-box .right-slide-box-item {
            max-width: 145px;
            max-height: 155px;
            margin-bottom: 24px;
        }

        .capability .capability-main .right-slide .right-slide-box li:not(:nth-child(3n)) {
            margin-right: 25px;
        }
}


/*@media (min-width: 320px) and (max-width: 540px) {
    .humanized-bot .right-image img {
        display: none;
    }
    .humanized-bot .right-image {
        background: #F5F6FA;
        border-top-left-radius: 100px;
        border-bottom-left-radius: 100px;
        min-height: 400px;
    }
}*/

@media only screen and (max-width: 540px) {
    .chatbot-banner {
        background-position: 30% 90%;
        overflow: hidden;
    }

        .chatbot-banner .chatbot-banner-main .chatbot-banner-info {
            padding: 0 10px;
            margin-bottom: 20px;
        }

        .chatbot-banner .chatbot-main-wrapper .scroll-down-service {
            bottom: 30px;
            width: 60px;
        }

    .chatbot-banner-img .chatbot-carousel-title {
        top: calc(100% - 68%);
        left: calc(100% - 72%);
    }

        .chatbot-banner-img .chatbot-carousel-title .carousel-item > span {
            font-size: 10px;
            min-width: 90px;
            padding: 7px 10px;
        }

    .humanized-bot .section-header p {
        font-size: 14px;
        line-height: 20px;
    }

    .humanized-bot .carousel-tabs .tabs {
        overflow-x: auto;
        overflow-y: hidden;
        padding: 15px 0;
        width: 100%;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        /* For WebKit implementations, provide inertia scrolling */
        -webkit-overflow-scrolling: touch;
        /* We don't want internal inline elements to wrap */
        white-space: nowrap;
        /* Remove the default scrollbar for WebKit implementations */
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

        .humanized-bot .carousel-tabs .tabs::-webkit-scrollbar {
            display: none;
        }

        .humanized-bot .carousel-tabs .tabs::-webkit-scrollbar-thumb {
            border-radius: 10px;
            -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
        }

        .humanized-bot .carousel-tabs .tabs::-webkit-scrollbar {
            display: none;
        }

        .humanized-bot .carousel-tabs .tabs .tab {
            display: inline-block;
            flex: 0 0 auto;
        }

    .humanized-bot .right-image .chatbot-video {
        height: 90%;
    }

    .humanized-bot .right-image {
        border-radius: 50px;
    }

    .chatbot-types .blocks .block:not(:nth-child(3n)),
    .chatbot-types .blocks .block:nth-child(3n) {
        margin-right: 0;
    }

    .block p {
        font-size: 14px;
        line-height: 20px;
        max-width: initial;
    }

    .chatbot-types .blocks .block .block-detail {
        flex: 1;
    }

    .chatbot-banner-img .chatbot-icon {
        top: -20px;
        left: 20%;
    }

        .chatbot-banner-img .chatbot-icon img {
            height: 45px;
        }

    .all-ind .ind-tab-list {
        margin: 0 auto;
    }

    .transform-business .business-card .business-card-floating-img img {
        display: none;
        width: 70%;
    }

    .cf-chatbot.subscribe-section {
        padding: 25px 0 150px 0;
    }

    .cf-chatbot .subscribe-container .form-group {
        max-width: 280px;
    }

    .capability:before {
        background-size: 330px;
    }

    .capability .right-slide .right-slide-box {
        transform: scale(0.9);
    }

    .capability .capability-main .right-slide {
        width: 100%;
    }

    .capability .capability-main .left-slide-box p {
        max-width: 230px;
    }

    .capability .capability-main .right-slide .right-slide-first > li {
        display: flex;
        align-items: center;
    }

    .capability .capability-main .right-slide .right-slide-first li .right-slide-box-item:first-child {
        margin-right: 24px;
    }

    .capability .capability-main .right-slide .right-slide-box li:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .capability .capability-main .right-slide .right-slide-third li.mt-150 {
        order: 3;
        margin: 0 12px 0;
    }

    .capability .capability-main .right-slide .right-slide-third li.mt-75 {
        margin-right: 24px;
    }

    .capability .capability-main .right-slide .right-slide-second li.mt-100 {
        order: 3;
        display: flex;
    }

        .capability .capability-main .right-slide .right-slide-second li.mt-100 .right-slide-box-item:first-child {
            margin-right: 24px;
        }

    .capability .capability-main .right-slide .right-slide-second li.mt-50 {
        margin-right: 24px;
    }

    .capability .capability-main .right-slide .right-slide-second {
        margin-top: -10px;
    }

    .adopt-ace .section-header h3 {
        max-width: 250px;
        margin: 0 auto 10px;
    }


    .adopt-ace .section-header p {
        font-size: 14px;
        line-height: 20px;
    }

    .capability .left-slide-header h3 {
        font-size: 22px;
        font-weight: 400;
    }

    .why-ace-slick .slick-arrow {
        position: relative;
        background: #b99d9ae8;
        display: inline-block;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        overflow: hidden;
        padding: 5px;
    }

        .why-ace-slick .slick-arrow.slick-prev,
        .why-ace-slick .slick-arrow.slick-next {
            position: absolute;
            z-index: 3;
        }

        .why-ace-slick .slick-arrow.slick-prev {
            left: 5px;
        }

        .why-ace-slick .slick-arrow.slick-next {
            right: 5px;
        }
}


/*data-visualization at 995px to 768px*/

@media (max-width: 995px) and (min-width: 768px) {
    .data-visualization-why-important-head > p {
        padding: 0 15%;
    }

    .data-visualization-client-wrapper .services-ux-for-client-box:nth-child(2) {
        margin-right: 0;
    }

    .data-visualization-snippets-slider .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .data-visualization-snippets-slider .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

            .data-visualization-snippets-slider .slick-dots li.slick-active button {
                background: #fff;
                border: 2px solid #606060;
                border-radius: 50%;
            }

    .data-visualization-snippets-sliderr .slick-dots li button {
        background: #303030;
    }
    /*about-team*/
    /*about-team*/
    .page-container {
        padding: 85px 10px 0px 10px;
    }

    .text-center .about-title {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px;
    }

    .text-center h2 {
        font-size: 24px;
        line-height: 27px;
        margin-bottom: 15px;
    }

    .about-us-team-section .about-leaders {
        margin-top: 20px;
    }

    .about-leaders .about-leader-details {
        width: 170px;
        max-height: unset;
        height: unset;
        max-width: 170px;
        padding: 10px 0;
        transition: none;
        margin: 0 auto;
    }
        /*.about-leaders .about-leader-details:nth-of-type(2) {
        margin-right: 0;
    }*/
        .about-leaders .about-leader-details:nth-of-type(1),
        .about-leaders .about-leader-details:nth-of-type(2) {
            margin-bottom: 25px;
        }

        .about-leaders .about-leader-details figure {
            width: 70%;
            margin: 0 auto;
            transition: none;
        }

            .about-leaders .about-leader-details figure img {
                filter: none;
                width: 100%;
            }

    .about-leader-content > h3,
    .team-info > h3 {
        font-size: 14px;
        line-height: 17px;
    }

    .about-leader-content > span {
        font-size: 12px;
        margin-top: 0;
    }

    .about-leaders .about-leader-details:hover {
        padding: 10px 0;
        filter: none;
    }

        .about-leaders .about-leader-details:hover figure img {
            filter: none;
            width: 100%;
            margin: 0 auto;
            transform: none;
        }

        .about-leaders .about-leader-details:hover .about-leader-content {
            margin-top: 16px;
        }

            .about-leaders .about-leader-details:hover .about-leader-content > p {
                display: none;
            }

            .about-leaders .about-leader-details:hover .about-leader-content .leader-social-address {
                display: none;
            }

    .core-team-wrapper {
        padding: 50px 0px 70px 0px;
    }

    .core-team-main {
        margin-top: 20px;
    }

    .core-team-detail {
        width: 100%;
        max-width: 154px;
        height: unset;
        margin: 30px auto 0 auto;
        padding: 0;
    }
        /*.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(1),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(2),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(3),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(4) {
        margin-top: 30px;
    }

    .core-team-detail:nth-of-type(2n+2) {
        margin-right: 0;
    }*/
        .core-team-detail imgBx {
            margin-bottom: 0;
        }

        .core-team-detail::after {
            width: 100%;
            height: 96px;
            bottom: -17px;
        }

        .core-team-detail:hover::after {
            background-color: rgba(224, 224, 244, 0.5);
            border-radius: 15px;
            height: 96px;
        }

        .core-team-detail:hover .team-info > p {
            display: none;
        }

        .core-team-detail .imgBx,
        .core-team-detail:hover .imgBx {
            width: 60%;
            margin: 0px auto 0;
        }

        .core-team-detail .more-info,
        .core-team-detail:hover .more-info {
            width: 24px;
            top: 29px;
            right: 22px;
            transform: rotate(0);
            opacity: 1;
        }

    .team-info h3 {
        margin-bottom: 0;
    }

    .text-center p {
        padding: 0 29px;
        font-size: 16px;
        line-height: 21px;
    }

        .text-center p:nth-of-type(2) {
            padding: 0 29px;
        }

    .media-wrapper {
        padding: 15px 0;
    }

    .media-banner h4 a {
        font-size: 18px;
    }

    .lets-talk-section {
        width: 100%;
    }
    /*about-child pages navigation*/
    .home-sidenav-main ~ .submenu-main.about-submenu-main .aboutus-wrapper .submenu-heading {
        text-align: left;
    }

    .aboutus-wrapper .submenu-heading h3,
    .services-submenu-wrapper .about-nav-wrapper .submenu-nav a h4 {
        font-size: 16px;
    }

    .about-nav-wrapper .submenu-nav {
        padding: 0px 10px;
        max-width: 100% !important;
    }

        .about-nav-wrapper .submenu-nav .about-nav-icon {
            margin-right: 15px;
        }

            .about-nav-wrapper .submenu-nav .about-nav-icon img {
                width: 21px;
                height: 21px;
            }

    .aboutus-wrapper .submenu-heading p {
        font-size: 12px;
        font-family: 'openSans-light-italic';
        color: #979797;
    }

    .aboutus-wrapper .submenu-navs-contact-wrapper {
        margin-top: 15px;
    }

    .services-submenu-wrapper .about-nav-wrapper,
    .services-submenu-wrapper .about-nav-wrapper .submenu-nav:first-child a {
        margin-top: 0;
    }

        .services-submenu-wrapper .about-nav-wrapper .submenu-nav a {
            box-shadow: none;
            padding: 8px 10px;
            border-bottom: 1px solid #EFEFEF;
        }

        .services-submenu-wrapper .about-nav-wrapper .submenu-nav:last-of-type a {
            border-bottom: none;
        }
    /******* about-us submenu start *******/
    .aboutus-wrapper .about-nav-wrapper {
        width: 100%;
        max-height: 100vh;
        padding-left: 25px;
        flex-direction: column;
    }

        .aboutus-wrapper .about-nav-wrapper .about-nav-icon {
            margin-right: 20px;
        }

        .aboutus-wrapper .about-nav-wrapper div:last-of-type > p.mob-hide {
            display: none;
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 14px;
            color: #666666;
            font-family: 'openSans-regular';
        }

        .aboutus-wrapper .about-nav-wrapper div:last-of-type > h4::before {
            content: none;
        }
    /******* about-us submenu end *******/
    /*global-cong case study*/
    .details-container .our-work-right div:first-of-type {
        top: calc(100% - 200px);
    }

    .global-cong-app-text .app-info-text p {
        font-size: 18px;
    }

    .global-cong-app-text .app-info-text-bold .h3 {
        font-size: 22px;
        max-width: 100%;
    }

    .global-cong-wd-main {
        background-position: 100% 50%;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .snippets-slider span {
        font-size: 14px;
    }

    .data-visualization-client-wrapper {
        justify-content: center;
    }

    .visualization-insight-main {
        padding: 7px 45px 6px 35px;
    }

    .data-visualization-head {
        margin-bottom: 10px;
    }

    .data-visualization-why-important-head > p {
        padding: 0;
    }

    .data-visualization-snippets-main {
        background: none;
        padding: 30px 15px;
    }

    .data-visualization-snippets-slider .slick-dots li {
        width: 6px;
        height: 6px;
    }

        .data-visualization-snippets-slider .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

            .data-visualization-snippets-slider .slick-dots li.slick-active button {
                background: #fff;
                border: 2px solid #606060;
                border-radius: 50%;
            }

    .data-visualization-snippets-sliderr .slick-dots li button {
        background: #303030;
    }

    .snippets-slider {
        margin: 0 10px;
        min-height: 313px;
    }

    .service-data-visualization-main .services-common-heading,
    .data-visualization-why-important-head .services-common-heading,
    .data-visualization-snippets-main .services-common-heading {
        max-width: 100%;
        font-size: 20px;
        line-height: 24px;
    }

        .service-data-visualization-main .services-common-heading span,
        .data-visualization-why-important-head .services-common-heading span,
        .data-visualization-snippets-main .services-common-heading span {
            display: inline;
        }
    /*about-team*/
    .page-container {
        padding: 70px 10px 0px 10px;
    }

    .text-center .about-title {
        font-size: 14px;
        line-height: 17px;
        margin-bottom: 10px;
    }

    .text-center h2 {
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 15px;
    }

        .text-center h2.whycust-iot {
            font-size: 20px;
            line-height: 24px;
        }

        .text-center h2.why-cust {
            font-family: 'openSans-regular';
            line-height: 28px;
            color: #303030;
            font-size: 20px;
        }

    .about-us-team-section .about-leaders {
        margin-top: 20px;
    }

    .about-leaders .about-leader-details {
        width: 170px;
        max-height: unset;
        height: unset;
        max-width: 170px;
        padding: 10px 0;
        transition: none;
        margin: 0 auto;
    }
        /*.about-leaders .about-leader-details:nth-of-type(2) {
        margin-right: 0;
    }*/
        .about-leaders .about-leader-details:nth-of-type(1),
        .about-leaders .about-leader-details:nth-of-type(2) {
            margin-bottom: 25px;
        }

        .about-leaders .about-leader-details figure {
            width: 70%;
            margin: 0 auto;
            transition: none;
        }

            .about-leaders .about-leader-details figure img {
                filter: none;
                width: 100%;
            }

    .about-leader-content > h3,
    .team-info > h3 {
        font-size: 14px;
        line-height: 20px;
    }

    .about-leader-content > span {
        font-size: 12px;
        line-height: 18px;
        margin-top: 0;
    }

    .about-leaders .about-leader-details:hover {
        padding: 10px 0;
        filter: none;
    }

        .about-leaders .about-leader-details:hover figure img {
            filter: none;
            width: 100%;
            margin: 0 auto;
            transform: none;
        }

        .about-leaders .about-leader-details:hover .about-leader-content {
            margin-top: 16px;
        }

            .about-leaders .about-leader-details:hover .about-leader-content > p {
                display: none;
            }

            .about-leaders .about-leader-details:hover .about-leader-content .leader-social-address {
                display: none;
            }

    .core-team-wrapper {
        padding: 50px 0px 70px 0px;
    }

    .core-team-main {
        margin-top: 20px;
    }

    .core-team-detail {
        width: 100%;
        max-width: 154px;
        height: unset;
        margin: 30px auto 0 auto;
        padding: 0;
    }
        /*.core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(1),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(2),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(3),
    .core-team-members-main > .row:nth-of-type(1) .core-team-detail:nth-of-type(4) {
        margin-top: 30px;
    }

    .core-team-detail:nth-of-type(2n+2) {
        margin-right: 0;
    }*/
        .core-team-detail imgBx {
            margin-bottom: 0;
        }

        .core-team-detail::after {
            width: 100%;
            height: 96px;
            bottom: -17px;
        }

        .core-team-detail:hover::after {
            background-color: rgba(224, 224, 244, 0.5);
            border-radius: 15px;
            height: 96px;
        }

        .core-team-detail:hover .team-info > p {
            display: none;
        }

        .core-team-detail .imgBx,
        .core-team-detail:hover .imgBx {
            margin: 0px auto 0;
            width: 110px;
            height: 110px;
        }

        .core-team-detail .more-info,
        .core-team-detail:hover .more-info {
            width: 24px;
            top: 29px;
            right: 22px;
            transform: rotate(0);
            opacity: 1;
        }

    .team-info h3 {
        margin-bottom: 0;
    }

    .text-center p {
        padding: 0 29px;
        font-size: 14px;
        line-height: 20px;
    }

        .text-center p:nth-of-type(2) {
            padding: 0 29px;
        }

    .media-wrapper {
        padding: 30px 0;
    }

    .media-banner h4 a {
        font-size: 18px;
    }

    .lets-talk-section {
        width: 100%;
    }
    /*about-child pages navigation*/
    .home-sidenav-main ~ .submenu-main.about-submenu-main .aboutus-wrapper .submenu-heading {
        text-align: left;
    }

    .aboutus-wrapper .submenu-heading h3,
    .services-submenu-wrapper .about-nav-wrapper .submenu-nav a h4 {
        font-size: 16px;
    }

    .about-nav-wrapper .submenu-nav {
        padding: 0px 10px;
    }

        .about-nav-wrapper .submenu-nav .about-nav-icon {
            margin-right: 15px;
        }

            .about-nav-wrapper .submenu-nav .about-nav-icon img {
                width: 21px;
                height: 21px;
            }

    .aboutus-wrapper .submenu-heading p {
        font-size: 12px;
        font-family: 'openSans-light-italic';
        color: #979797;
    }

    .aboutus-wrapper .submenu-navs-contact-wrapper {
        margin-top: 15px;
    }

    .services-submenu-wrapper .about-nav-wrapper,
    .services-submenu-wrapper .about-nav-wrapper .submenu-nav:first-child a {
        margin-top: 0;
    }

        .services-submenu-wrapper .about-nav-wrapper .submenu-nav a {
            box-shadow: none;
            padding: 8px 10px;
            border-bottom: 1px solid #EFEFEF;
        }

        .services-submenu-wrapper .about-nav-wrapper .submenu-nav:last-of-type a {
            border-bottom: none;
        }
    /*global-cong case study page*/
    .banner-top-wrapper {
        background: none;
    }

    .details-container .our-work-right div:first-of-type {
        left: 100px;
        top: 0px;
        padding-top: 10px;
    }

    .our-work-left .work-details-second {
        margin-top: 30px;
    }

    .global-cong-main-wrapper .work-details-container {
        padding-bottom: 80px;
    }

    .global-cong-main-wrapper .work-details-head h1 {
        width: 100%;
    }

    .global-cong-main-wrapper .work-details-head p,
    .global-cong-main-wrapper .author-desc {
        /*font-size: 12px;
        line-height: 16px;*/
    }

    .global-cong-main-wrapper .our-work-right {
        top: -155px !important;
    }

    .global-cong-analysis-slider .slick-slider {
        padding-bottom: 0;
    }

    .global-cong-main-wrapper .analysis-list-content li {
        list-style: decimal;
        line-height: 18px;
    }
    /*#section2 {padding: 30px 10px;}*/
    .global-cong-app-text .app-info-text p {
        font-size: 14px;
        line-height: 20px;
    }

    .global-cong-app-text .app-info-text-bold .h3 {
        font-size: 20px;
        max-width: 100%;
    }

    .global-cong-main-wrapper .work-details-certificates-second {
        top: 220px !important;
    }

    .global-cong-snippets-main {
        padding: 50px 0 0 0;
        background: url(../images/wd-solution/innovative-app-slider-bg-mob.svg) no-repeat;
        background-position: right center;
        background-size: 100%;
    }

        .global-cong-snippets-main .services-why-important-head {
            margin-bottom: 0;
        }

    .global-cong-snippets-slider .snippets-slider-main {
        flex-direction: column;
        margin: 0 20px;
    }

    .global-cong-snippets-slider .snippets-slider {
        margin: 0;
        min-height: 282px;
    }

    .global-cong-snippets-slider .snippets-slider {
        margin: 0;
    }

        .global-cong-snippets-slider .snippets-slider:nth-of-type(2n+1) {
            margin-bottom: 20px;
        }

    .global-cong-snippets-main .services-common-heading {
        font-size: 24px;
    }

        .global-cong-snippets-main .services-common-heading span {
            display: inline;
        }

    .global-cong-snippets-main .snippets-slider span {
        font-size: 14px;
    }

    .global-cong-wd-main {
        background: url('../../case-study/user-experience-design/global-conglomerate/images/our-redefing-bg.svg') no-repeat;
        background-size: 100%;
        background-position: left calc(100% + 85px);
    }

        .global-cong-wd-main .section-second-result {
            padding-top: 20px;
        }

        .global-cong-wd-main .indvs-result-wrp {
            margin-top: 0;
        }

        .global-cong-wd-main .wd-dtls-heading {
            font-size: 18px;
            line-height: 24px;
        }

        .global-cong-wd-main .ad-sub-heading {
            width: 75%;
            font-size: 14px;
            line-height: 20px;
        }

        .global-cong-wd-main .vserve-redefining-impact .name-txt-p {
            font-size: 12px;
        }

        .global-cong-wd-main .section-one-d .name-txt {
            font-size: 18px;
        }

    .global-cong-main-wrapper .card-container .card-box {
        margin-bottom: 0;
    }

    .global-cong-our-work-container .card-box:last-of-type {
        padding-left: 15px;
    }
}

@media (max-width: 992px) and (min-width: 320px) {
    /*cutome popup on abbout team page*/
    .custom-modal {
        display: none;
    }

    .custome-modal-wrapper {
        background: rgba(255, 255, 255, .9);
        width: 100%;
        height: 100vh;
        position: fixed;
        z-index: 99;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        top: 0;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-animation-duration: .5s;
        animation-duration: .5s;
        padding: 20px;
        text-align: center;
    }

        .custome-modal-wrapper .close {
            display: block;
            position: relative;
            width: 20px;
            height: 20px;
            opacity: 1 !important;
            outline: 0;
            float: none;
            margin-top: 15px;
            transform: scale(1.4);
        }

            .custome-modal-wrapper .close::before {
                content: '';
                position: absolute;
                left: 0;
                top: calc(50% - .5px);
                width: 0;
                height: 2px;
                background: #676767;
                transform: rotate(0);
                -webkit-transition: .2s;
                -moz-transition: .2s;
                -o-transition: .2s;
                transition: .2s;
            }

            .custome-modal-wrapper .close::after {
                content: '';
                position: absolute;
                left: 0;
                top: calc(50% - .5px);
                width: 0;
                height: 2px;
                background: #676767;
                transform: rotate(0);
                -webkit-transition: .2s;
                -moz-transition: .2s;
                -o-transition: .2s;
                transition: .2s;
            }

            .custome-modal-wrapper .close.animated::before {
                animation: .7s .5s submenu-close-btn-animate1 forwards;
            }

            .custome-modal-wrapper .close.animated::after {
                animation: .7s .5s submenu-close-btn-animate2 forwards;
            }

        .custome-modal-wrapper h4 {
            font-size: 14px;
            font-family: openSans-bold;
            color: #303030;
            line-height: 20px;
            padding-bottom: 10px;
        }

        .custome-modal-wrapper p {
            font-size: 14px;
            font-family: openSans-regular-italic;
            color: #303030;
            line-height: 20px;
        }

    core-team-detail:hover .custom-modal {
        display: block;
    }
}


/*============================== Mobility Solution Service Styling Starts ============================*/


/*===== banner part =====*/

.mobility-top-wrapper {
    width: 100%;
    background: url(../images/mobility-solution-service/mobility-service-bg.svg) no-repeat;
    background-position: center top;
    background-size: 111%;
}

    .mobility-top-wrapper .service-banner-left-main {
        left: unset;
    }

.mobility-sol-banner-img {
    padding-left: 145px;
    padding-top: 0;
}

.service-container.banner-container {
    padding: 150px 30px 130px 30px;
}


/*== what we do ==*/

.mobility-dev-what-do-main .services-what-we-do-container {
    max-width: 1275px;
}

.mobility-dev-what-do-main {
    width: 100%;
    background: url(../images/mobility-solution-service/what-we-do-bg.svg) left bottom no-repeat;
    /*padding: 40px 30px 15px;*/
    padding: 40px 30px;
    background-size: contain;
    background-position: 100% 130px;
}

    .mobility-dev-what-do-main.team-aug {
        width: 100%;
        background: url(../images/mobility-solution-service/what-we-do-bg.svg) left bottom no-repeat;
        /*padding: 40px 30px 15px;*/
        padding: 40px 30px;
        background-size: auto;
        background-position: 100% 0px;
    }

    .mobility-dev-what-do-main .box-know-more {
        cursor: pointer;
    }


/*== we design smart and dynamic mobile apps ==*/

.services-ux-for-client-main.services-no-bg-image {
    background: none;
}

.services-no-bg-image .mt-minus-10 {
    margin-top: -10px;
}


/*== industires we serve ==*/

.industries-we-serve {
    padding: 50px 20px;
    margin-bottom: -55px;
}


.industries-we-serve-container {
    max-width: 1366px;
    /*max-width: 1216px;*/
    margin: 0 auto;
}

.industries-we-serve .services-common-heading {
    font-size: 22px;
    line-height: 30px;
}

.industries-we-serve p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    /*color: #676767;*/
    text-align: center;
    color: #4f4f4f;
    max-width: 550px;
    margin: 0 auto;
}

.industries-we-serve .all-ind {
    margin-top: 45px;
}

    .industries-we-serve .all-ind .ind-tab-list {
        margin-bottom: 0;
    }

    .industries-we-serve .all-ind .ind-tab-link {
        transition: all .3s ease;
    }

        .industries-we-serve .all-ind .ind-tab-link:hover {
            font-family: 'openSans-light';
            font-size: 18px;
            font-weight: 600;
            color: #000;
            box-shadow: 0px 0px 42px 1px rgba(0, 0, 0, 0.12);
        }


/*=== Mobility solution model ==*/

.services-model-process-main.services-no-bg-image {
    background: none;
    padding: 100px 30px 50px;
}

    .services-model-process-main.services-no-bg-image .services-model-process-right-main {
        max-width: 550px;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-container {
        justify-content: space-between;
    }

.services-model-process-main .services-model-process-right-main > img {
    /*min-height: 402px;*/
    display: inline-block;
    margin-top: 30px;
}


/*== Why is it Important ? ==*/

.services-why-important-main .service-list li {
    text-transform: capitalize;
}

.services-why-important-main.services-why-important-main-bg {
    background-position: 100% 150px;
    padding: 100px 20px 25px 20px;
}

.hp-clients-wrapper.services-no-bg-image {
    background: none;
}


/*== Glimpse of the business ===*/

.mob-transform-business .section-header h3 {
    font-family: openSans-semi-bold;
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #303030;
    text-transform: capitalize;
}

.digital-case-study {
    max-width: 1120px;
    width: 100%;
    margin: 0 auto;
    font-size: 16px;
    line-height: 24px;
    font-family: openSans-regular;
    color: #676767;
    text-align: center;
}

.mob-transform-business .section-header p.cust-p {
    font-family: 'openSans-light';
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    text-align: center;
    color: #303030;
}

    /* .mob-transform-business .section-header h3 > span {
        font-family: 'openSans-regular';
        font-weight: 300;
    }
*/
    .mob-transform-business .section-header p.cust-p > span {
        font-family: 'openSans-regular';
        font-weight: 300;
    }


/*== Ongoing Buzz ==*/

.hp-insights-section.services-no-bg-image {
    background: transparent;
}

    .hp-insights-section.services-no-bg-image .hp-insights-section-container {
        margin-top: 0;
        margin-bottom: 45px;
    }


    /*== Recent Blog posts ==*/

    .hp-insights-section.services-no-bg-image .hp-insights-img .hp-insights-img-label {
        position: absolute;
        bottom: -5%;
        left: 10%;
        min-width: 140px;
        background: #F37222;
        padding: 5px 15px;
        border-radius: 4px;
    }

    .hp-insights-section.services-no-bg-image .hp-insights-img-label h4 {
        letter-spacing: 0.3px;
        color: #fff;
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: left;
    }


/*== Enterprice Partner ==*/

.enterprice-partner {
    padding: 50px 0;
}

.enterprice-partner-wrapper {
    max-width: 1067px;
    width: 100%;
    margin: 0 auto;
}

.enterprice-partner .services-common-heading {
    margin-bottom: 35px;
}

.enterprice-partner p {
    font-size: 16px;
    line-height: 24px;
    font-family: openSans-regular;
}
/*
    .enterprice-partner h3 {
        font-size: 22px;
        line-height: 30px;
        font-family: openSans-regular;
    }*/

.enterprice-partner .services-common-heading span.d-bold {
    font-weight: 400;
}

.enterprice-partner .services-common-heading span.m-bold {
    /*font-family: 'openSans-light';*/
    font-weight: 400;
}

.enterprice-partner .enterprice-tab-section {
    box-shadow: 0px 4px 20px 0px rgba(48, 48, 48, 0.1);
    padding: 30px 0 40px;
}

.enterprice-partner .nav-tabs {
    border: none;
    border-right: 1px solid #DADADA;
    /*padding: 20px 0;*/
    height: 100%;
}

    .enterprice-partner .nav-tabs .nav-item {
        width: 100%;
        margin-bottom: 20px;
    }

    .enterprice-partner .nav-tabs .nav-link {
        display: block;
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        line-height: 24px;
        font-weight: 600;
        color: #676767;
        position: relative;
        border: none;
        border-radius: 0;
        padding-left: 70px;
        transition: all .3s ease;
    }

        .enterprice-partner .nav-tabs .nav-link:after {
            content: '';
            position: absolute;
            width: 3px;
            top: 0;
            right: -2px;
            height: 100%;
        }

.enterprice-tab-section .nav-tabs .nav-link.active:after {
    background: #f37222;
}

.enterprice-tab-section .nav-tabs .nav-link.active {
    background: none;
    color: #F37222;
    font-weight: 700;
}

.enterprice-tab-section .nav-tabs .nav-link:focus,
.enterprice-tab-section .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.enterprice-tab-section .tab-content {
    padding: 5px 20px;
}

    .enterprice-tab-section .tab-content h3 {
        font-family: 'openSans-regular';
        font-weight: 600;
        font-style: normal;
        font-size: 22px;
        line-height: 30px;
        margin-bottom: 15px;
        color: #303030;
    }

    .enterprice-tab-section .tab-content p {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 20px;
        margin-bottom: 15px;
        color: #676767;
    }

    .enterprice-tab-section .tab-content .tab-pane .tab-pane-btn {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-style: normal;
        line-height: 19px;
        text-transform: unset;
    }

    .enterprice-tab-section .tab-content .tab-pane .tab-pane-img {
        padding: 10px 0 40px;
    }

        .enterprice-tab-section .tab-content .tab-pane .tab-pane-img img {
            height: 170px;
        }

.transform-business-slick.center-slick .slick-slide.slick-center {
    transform-origin: center;
    transform: scale(1.1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}


/*==Media Query for Mobility-Solution-Services Starts*/

@media only screen and (max-width: 992px) {
    .enterprice-partner .nav-tabs .nav-link {
        padding-left: 20px;
    }

    .industries-we-serve .all-ind .ind-tab-link {
        box-shadow: none;
        border: 1px solid rgba(230, 230, 230, 1);
        min-width: auto;
    }

        .industries-we-serve .all-ind .ind-tab-link:hover {
            font-size: 12px;
            font-weight: 700;
            box-shadow: 0px 0px 10px 0px rgba(48, 48, 48, 0.14);
        }

    .services-model-process-main.services-no-bg-image .services-model-process-container {
        align-items: center;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-contact {
        margin: 50px auto;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-left-main {
        text-align: center;
    }

    .mobility-top-wrapper .service-banner-right-main .mobility-sol-banner-img {
        padding-left: 0;
    }
}

@media (max-width: 767px) and (min-width:320px) {
    .services-model-process-main.services-no-bg-image {
        padding: 30px 15px;
    }

    .enterprice-partner .nav {
        display: flex;
        overflow-x: auto;
        overflow-y: hidden;
        width: 100%;
        flex-wrap: nowrap;
        justify-content: flex-start !important;
        padding: 20px 15px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        -webkit-overflow-scrolling: touch;
        white-space: nowrap;
        scroll-behavior: smooth;
        scrollbar-width: none;
    }

    .enterprice-partner .enterprice-tab-section {
        box-shadow: none;
        padding-bottom: 0;
    }

    .enterprice-partner .services-common-heading {
        margin-bottom: 20px;
    }

    .enterprice-partner .nav-tabs {
        padding: 0 20px;
        height: auto;
        /*border: none;*/
        border-bottom: 1px solid #DADADA;
        border-right: none;
    }

        .enterprice-partner .nav-tabs .nav-item {
            width: auto;
            margin-bottom: 0;
        }

        .enterprice-partner .nav-tabs .nav-link {
            font-family: 'openSans-light';
            font-size: 14px;
            font-style: normal;
            font-weight: 300;
            line-height: 20px;
            padding: 0;
            margin-right: 15px;
            margin-bottom: 0;
            height: 30px;
        }

            .enterprice-partner .nav-tabs .nav-link:after {
                content: '';
                position: absolute;
                width: 100%;
                top: 95%;
                left: 0;
                height: 3px;
            }

    ::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        /* make scrollbar transparent */
    }

    .mobility-dev-what-do-main {
        width: 100%;
        background: url(../images/mobility-solution-service/what-we-do-bg-mb.svg) left bottom no-repeat;
        padding: 20px 15px;
        background-size: cover;
        background-position: 100% 142px;
    }

        .mobility-dev-what-do-main h3 span {
            display: inline-block;
        }
    /*banner*/
    .mobility-top-wrapper .service-container.banner-container {
        padding: 100px 15px 100px 15px;
    }

    .mobility-top-wrapper {
        width: 100%;
        background: url(../images/mobility-solution-service/mobility-solution-banner-bg.svg) no-repeat;
        background-size: auto 140%;
        background-position: 95% 40%;
    }

        .mobility-top-wrapper .service-banner-left-main {
            text-align: left;
        }




    .mobility-sol-banner-img {
        padding: 15px;
    }
    /*industries we serve*/
    .industries-we-serve {
        padding: 20px 15px;
    }

        .industries-we-serve .services-common-heading {
            font-size: 20px;
        }

        .industries-we-serve p {
            font-size: 14px;
            line-height: 20px;
        }

        .industries-we-serve .services-common-heading span {
            display: inline-block;
        }

        .industries-we-serve .all-ind .ind-tab-link {
            font-size: 14px;
            line-height: 20px;
        }
    /*we design smart and dynamic mobile app*/
    .services-ux-for-client-main.services-no-bg-image .services-common-heading span {
        display: inline;
    }

    .services-ux-for-client-main.services-no-bg-image .services-ux-for-client-wrapper {
        justify-content: flex-start;
        padding: 0 20px;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-contact {
        display: block;
    }
    /*why is it important*/
    .services-why-important-main.services-why-important-main-bg .services-common-heading span {
        display: inline;
    }

    .services-why-important-main.services-why-important-main-bg .check-insights-main {
        margin: 20px auto 0;
    }

    .services-why-important-main.services-why-important-main-bg .services-why-important-left-main p {
        font-size: 14px;
        line-height: 20px;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-contact {
        margin-bottom: 0;
    }
    /*enterprice partner*/
    .enterprice-partner .services-common-heading .d-bold {
        display: inline-block;
    }

    .enterprice-partner .services-common-heading .m-bold {
        display: block;
        font-family: 'openSans-light';
    }

    .enterprice-tab-section .tab-content h3 {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px;
    }

    .mob-transform-business .section-header p.cust-p {
        font-size: 20px;
        line-height: 24px;
        margin-top: 15px;
    }

    .enterprice-tab-section .tab-content p {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 200;
        line-height: 20px;
    }

    .enterprice-partner-wrapper .audit-para {
        padding: 0 15px;
    }

    .enterprice-partner p {
        font-size: 14px;
        line-height: 20px;
    }

    .enterprice-partner h3 {
        font-size: 20px;
        line-height: 24px;
    }

    /*Glimpse of business*/
    .mob-transform-business .chatbot-main-wrapper {
        padding: 0;
    }

    .mob-transform-business .section-header h3 {
        font-size: 18px;
        line-height: 24px;
    }

    .digital-case-study {
        font-size: 14px;
        line-height: 20px;
    }

    .services-model-process-main.services-no-bg-image .services-model-process-left-main {
        margin-bottom: 0;
        margin-right: 0;
    }

    .transform-business-slick.center-slick .business-card-header > a {
        border-radius: 5px;
    }

    .services-what-we-do-head .md-w-175 {
        max-width: 210px;
    }
}

@media only screen and (max-width: 540px) {
    .mobility-top-wrapper .service-banner-right-main .mobility-sol-banner-img {
        max-height: 250px;
    }

    .industries-we-serve .all-ind .ind-tab-link {
        padding: 5px 14px;
        margin: 0 8px 15px 0;
        min-width: 70px;
    }

    .services-ux-for-client-main.services-no-bg-image .services-ux-for-client-info h4 {
        word-wrap: break-word;
    }

    .industries-we-serve .chatbot-main-wrapper {
        padding: 0;
    }

    .industries-we-serve .all-ind .ind-tab-list {
        justify-content: space-evenly;
    }

    .services-ux-for-client-main.services-no-bg-image .services-ux-for-client-box img {
        width: 30px;
        height: 40px;
        object-fit: contain;
    }

    .services-why-important-main.services-why-important-main-bg .services-why-important-head {
        margin-bottom: 10px;
    }
}

@media only screen and (max-width: 480px) {
    .services-ux-for-client-wrapper .services-ux-for-client-box:last-of-type {
        margin: 10px 0 0 0;
    }
}

@media (max-width: 767px) and (min-width: 320px) {
    .service-top-wrapper.web-apps p {
        font-family: 'openSans-regular';
    }

    .services-why-important-main.web-apps .problem-state-right {
        width: 100% !important;
    }

    .mobile-app-sub-service-top-wrapper.web-apps .service-banner-right-main {
        padding: 50px 5px;
    }

    .service-top-wrapper.web-apps {
        width: 100%;
        background: url(../images/web-apps/web-appmobile-ban.png) no-repeat;
        background-size: 100%;
        background-position: 100% 100%;
    }

    .services-ux-for-client-main.web-apps .services-ux-for-client-left {
        padding: 0;
    }

        .services-ux-for-client-main.web-apps .services-ux-for-client-left .services-common-heading {
            max-width: unset;
        }

    .industry-whats-happening-main.web-apps .services-common-heading span {
        display: inline-block;
    }

    .research-insights-why-imp-main.web-apps .services-why-important-right-main {
        max-width: 100%;
        width: 100%;
    }

    .services-why-important-main.web-apps .wd-app-text {
        left: 0;
    }

    .industry-whats-happening-main.web-apps .industry-part-left-section {
        margin-right: 0;
    }
    /*.industry-whats-happening-main.web-apps .industry-part-right-section ul {
        margin-left: 0;
    }*/
    .industry-stats-say-section.web-apps .invdi-stats-section {
        box-shadow: none;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
        padding: 10px 0;
        background: transparent;
    }
        /*.industry-stats-say-section.web-apps .invdi-stats-section:nth-child(2n) {
        align-items: flex-end;
        text-align: right;
    }*/
        .industry-stats-say-section.web-apps .invdi-stats-section .content-1 {
            min-width: unset;
            text-align: left;
            font-size: 36px;
            margin-bottom: 8px;
        }

    .industry-stats-say-section.web-apps {
        padding-top: 50px;
        padding-left: 20px;
        padding-right: 20px;
        background: url(../images/web-apps/web-app-stats-mobile-bg.svg) no-repeat;
        background-position: center top;
        background-size: 100%;
    }

        .industry-stats-say-section.web-apps .invdi-stats-section::before {
            content: none;
        }

    .industry-whats-happening-main.web-apps .industry-part-right-section h3 {
        font-size: 16px;
        margin-left: 15px;
    }

    .services-why-important-main.web-apps .services-why-important-left-main ul {
        padding-left: 20px;
    }

    .transform-business-slick .slick-center .business-card-body {
        display: block !important;
    }

    .services-why-important-main.web-apps {
        padding: 60px 15px 20px;
    }
}


/*=============================== Web Apps Styling Ends ===========================================*/


/*=============================== PWA Styling start ===========================================*/

.mobile-app-sub-service-top-wrapper.pwa-serv {
    background: url(../images/as-main-banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}


/*=============================== PWA Styling ends ===========================================*/


/*=============================== CS CX page Styling Starts ===================================*/

.mobile-app-sub-service-top-wrapper.cs-cx {
    background: #FBFBFC url('../images/cs-cx/cs-cx-banner-bg.svg') no-repeat;
    background-position: 100%;
    background-size: cover;
}

    .mobile-app-sub-service-top-wrapper.cs-cx .service-container {
        padding: 160px 30px 130px 30px;
    }

    .mobile-app-sub-service-top-wrapper.cs-cx .service-banner-left-main {
        margin-left: 0;
        margin-top: 0;
    }

    .mobile-app-sub-service-top-wrapper.cs-cx .service-banner-right-main {
        margin-top: 0;
    }

    .mobile-app-sub-service-top-wrapper.cs-cx .service-banner-left-main.mob-app-banner > p {
        max-width: 600px;
    }

    .mobile-app-sub-service-top-wrapper.cs-cx .scroll-down-btn-v2 {
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0px 0px 10px 2px rgba(48, 48, 48, 0.1);
        background-color: #fff;
        padding: 15px 20px;
        border-radius: 40px;
        max-width: 145px;
        width: 100%;
        text-align: center;
    }

.service-top-wrapper.cs-cx .scroll-down-btn-v2 p {
    font-family: 'openSans-light';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
}

.mobile-app-sub-service-top-wrapper.cs-cx .scroll-down-btn-v2 > a {
    font-family: 'openSans-light';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: #676767;
    text-align: center;
    display: inline-block;
}

.service-top-wrapper.cs-cx .scroll-down-btn-v2 a > img {
    display: inline-block;
    animation-name: scroll-up-down;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    animation-direction: alternate;
    transform: translateY(0);
    transition: all .3s ease;
}

@keyframes scroll-up-down {
    0% {
        transform: translateY(-5px);
    }

    100% {
        transform: translateY(10px);
    }
}

.csx-wrapper {
    max-width: 1128px;
    width: 100%;
    margin: 0 auto;
}

.cs-cx-comp {
    display: none;
}

    .cs-cx-comp.affix {
        display: block;
        position: fixed;
        top: 77px;
        width: 100%;
        text-align: center;
        box-shadow: 0 4px 20px 5px rgba(231, 231, 231, 0.39);
        background-color: #FFFFFF;
        z-index: 10;
        padding: 20px;
    }

        .cs-cx-comp.affix > .row {
            max-width: 1160px;
            margin: 0 auto;
        }

            .cs-cx-comp.affix > .row p {
                font-family: 'openSans-semi-bold';
                font-size: 20px;
                font-weight: 600;
                line-height: 20px;
                color: #909090;
            }

.csx-wrapper-mobile {
    display: none;
}

.csx-differance {
    position: relative;
    padding: 145px 0 0;
}

    .csx-differance:before {
        position: absolute;
        content: '';
        height: 59.5%;
        top: 0;
        left: Calc(100% - 50%);
        border-left: 2px dotted #c3c3c3;
    }

.csx-difference-label {
    font-family: 'openSans-regular';
    font-size: 36px;
    font-weight: 300;
    line-height: 52px;
    text-align: center;
    color: #cbc3c3;
    width: 82px;
    padding: 15px;
    border-radius: 50%;
    border: 2px solid #F2F2F2;
    height: 82px;
    position: absolute;
    top: Calc(100% - 98%);
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
}

.circle {
    transition: all .3s ease;
}

.csx-content {
    text-align: left;
}

    .csx-content h3 {
        font-family: 'openSans-semi-bold';
        font-size: 22px;
        font-weight: 600;
        line-height: 26px;
        text-align: left;
        color: #303030;
    }

    .csx-content p {
        font-family: 'openSans-light';
        font-size: 18px;
        font-weight: 400;
        line-height: 22px;
        text-align: left;
        color: #303030;
    }

.csx-stats .rounded-card-header {
    max-width: 160px;
}

    .csx-stats .rounded-card-header p {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        color: #909090;
    }

.csx-stats p {
    font-size: 18px;
    line-height: 22px;
    color: #303030;
}

.rounded-card {
    border: none;
    box-shadow: none;
    padding: 0;
    background: #fff;
}

.rounded-card-with-margin {
    margin: 100px auto 0;
}

.rounded-card p {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    color: #909090;
}

.rounded-card-sm {
    max-width: 200px;
    margin: 0 auto;
}

.rounded-card:before {
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    border-bottom: 2px dotted #C3C3EC;
    width: 70%;
    transform: translate(-50%, -50%);
}

.rounded-card-circle {
    position: relative !important;
}

    .rounded-card-circle.rounded-card {
        position: relative !important;
        padding: 10px 26px;
        box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.22);
        border-radius: 40px;
        text-align: center;
        align-self: center;
        background: #fff;
    }

    .rounded-card-circle:before,
    .rounded-card-circle:after {
        position: absolute;
        content: '';
        width: 20px;
        height: 20px;
        border: 2px solid #f2f2f2;
        border-radius: 40px;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #fff;
        z-index: 2;
    }

    .rounded-card-circle:before {
        left: -21%;
    }

    .rounded-card-circle:after {
        right: -30%;
    }

.rounded-card-header {
    position: relative;
    padding: 10px 26px;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.22);
    border-radius: 40px;
    text-align: center;
    align-self: center;
    /*width: fit-content;*/
    max-width: 380px;
    background: #fff;
}

    .rounded-card-header.rounded-card:before, .rounded-card-header.rounded-card:after {
        display: none;
    }

    .rounded-card-header p {
        font-family: 'openSans-light';
        font-size: 24px;
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        color: #342A2A;
    }

.mb-90 {
    margin-bottom: 90px;
}

/*All about svg animation for cs cx page*/

.animated-circle p {
    max-width: 240px;
}

.circular-chart {
    display: block;
    margin: 10px auto 10px -4px;
    max-width: 100px;
    height: 100px;
    width: 100%;
}

.circle-bg {
    fill: none;
    stroke: #eee;
    stroke-width: 0.8px;
}

.circle {
    fill: none;
    stroke-width: 1px;
    stroke-linecap: round;
    animation: progress 1s ease-out forwards;
}

@keyframes progress {
    0% {
        stroke-dasharray: 0 100;
    }
}

.circular-chart.orange .circle {
    stroke: #F2994A;
}

.percentage {
    fill: #F37222;
    font-family: 'openSans-semi-bold';
    font-size: 9px;
    font-weight: 600;
    line-height: 20px;
    text-anchor: middle;
}

.outcomes {
    position: relative;
    box-shadow: 0px 0px 20px 2px rgba(48, 48, 48, 0.08);
    padding: 30px 40px;
    border-top-right-radius: 100px;
    border-bottom-left-radius: 100px;
    background: #fff;
}

    .outcomes h2 {
        font-family: 'openSans-semi-bold';
        font-size: 24px;
        font-weight: 600;
        line-height: 36px;
        text-align: center;
        color: #303030;
    }

    .outcomes.mw-650 {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
    }

    .outcomes .outcomes-image {
        max-width: 80px;
        height: 80px;
        width: 100%;
    }

    .outcomes .outcomes-text p:first-child {
        font-family: 'openSans-regular';
        font-size: 22px;
        font-weight: 400;
        line-height: 32px;
        text-align: left;
        color: #303030;
    }

.mb-100 {
    margin-bottom: 100px !important;
}

.outcomes .outcomes-text p:not(:first-child) {
    font-family: 'openSans-light';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #303030;
}

.industry-whats-happening-main.cs-cx .industry-happeing-txt-head > p, .industry-whats-happening-main.cs-cx .industry-part-right-section p {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    color: #303030;
}

.industry-whats-happening-main.cs-cx .industry-happeing-txt-head .mw-550 {
    max-width: 550px;
}

.industry-whats-happening-main.cs-cx .industry-part-right-section p {
    text-align: left;
    color: #676767;
}

.industry-whats-happening-main.cs-cx .industry-part-right-section {
    max-width: 430px;
}

.csx-stats {
    position: relative;
}

    .csx-stats:before {
        position: absolute;
        content: '';
        border-left: 2px dotted #c3c3c3;
        height: 80%;
        left: Calc(100% - 50%);
        top: Calc(100% - 96.5%);
        z-index: 0;
    }

.service-banner-left-main h1.fs-28 {
    font-size: 28px;
    line-height: 38px;
}

.csx-stats .rounded-card-circle.rounded-card {
    background: transparent;
    box-shadow: none;
    padding: 0;
}

.parent {
    position: relative;
    background: #000;
    width: 300px;
    height: 200px;
}

.child {
    position: absolute;
    width: 150px;
    height: 400px;
    background: #f00;
}

@media screen and (max-width: 1100px) {
    .rounded-card:before {
        width: 98%;
    }

    .rounded-card-circle:before,
    .rounded-card-circle:after {
        width: 20px;
    }

    .csx-differance {
        padding: 145px 20px 0;
    }

    .animated-circle {
        flex-direction: column;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .mobile-app-sub-service-top-wrapper.cs-cx .service-container {
        padding: 100px 15px 100px 15px;
    }

    .mobile-app-sub-service-top-wrapper {
        background: url(../images/web-soln-banner-bg-mobile.svg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: 120% 132%;
        padding-top: 72px;
    }

    .service-banner-left-main h1 {
        font-size: 16px !important;
        padding: 0 15px;
        line-height: 24px;
        margin: 0 0 5px;
    }

        .service-banner-left-main h1.fs-28 {
            font-size: 20px;
            line-height: 24px;
        }

    .service-banner-left-main p.alt-h1 {
        font-size: 20px;
        padding: 0 15px;
        line-height: 1.5;
        margin: 0 0 5px;
    }

    .service-banner-left-main h1.cs-cx {
        font-size: 20px;
        padding: 0 35px 0 15px;
        line-height: 1.2;
        margin: 0 0 5px;
    }

    .mobile-app-sub-service-top-wrapper.cs-cx .service-banner-right-main {
        margin-top: 15px;
    }

    .service-banner-right-main img {
        padding-top: 5px;
        margin: 40px auto 30px;
    }

        .service-banner-right-main img.cs-cx {
            padding-top: 5px;
            height: 200px;
            margin: 5px auto 59px;
        }

    .mobile-app-sub-service-top-wrapper.cs-cx .scroll-down-btn-v2 {
        position: absolute;
        bottom: 3%;
        left: 50%;
        transform: translateX(-50%);
        box-shadow: 0px 0px 10px 2px rgba(48, 48, 48, 0.1);
        background-color: #fff;
        padding: 10px;
        border-radius: 27px;
        max-width: 140px;
        width: 100%;
        text-align: center;
        z-index: 5;
    }

    .service-top-wrapper.cs-cx .scroll-down-btn-v2 p {
        font-size: 14px;
        line-height: 22px;
    }

    .csx-wrapper {
        display: none;
    }

    .csx-wrapper-mobile {
        display: block;
    }

    .text-center p {
        padding: 0;
    }

    .mb-40 {
        margin-bottom: 20px !important;
    }

    .industry-whats-happening-main.web-apps .industry-part-right-section h3.cs-cx {
        font-size: 20px;
        margin-left: 0px;
        line-height: 28px;
        padding: 0px 53px;
    }

    .industry-part-right-section ul.cs-cx {
        margin-left: 15px;
        display: flex;
        flex-wrap: wrap;
    }

        .industry-part-right-section ul.cs-cx li {
            font-family: 'openSans-light';
            font-size: 16px;
            font-weight: 300;
            color: #303030;
            min-height: 24px;
            width: 50%;
            padding-left: 25px;
            background: url(../images/services-why-important-bullet.svg) no-repeat;
            background-position: left 2px;
        }

    .industry-whats-happening-main.cs-cx .industry-part-right-section p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #676767;
    }

    .outcomes {
        position: relative;
        padding: 20px;
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(48, 48, 48, 0.17);
        border-radius: 0px 47px;
        margin: 40px 25px 25px;
    }

        .outcomes h2 {
            font-family: 'openSans-semi-bold';
            font-size: 20px;
            font-weight: 600;
            line-height: 30px;
            text-align: center;
        }

        .outcomes .outcomes-image {
            max-width: 80px;
            height: 80px;
            width: 100%;
            margin: 0 auto 15px;
        }

        .outcomes .outcomes-text p:first-child {
            font-family: 'openSans-semi-bold';
            font-size: 18px;
            font-weight: 400;
            line-height: 24px;
            margin-bottom: 10px;
            text-align: center;
        }

        .outcomes .outcomes-text p:not(:first-child) {
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 400;
            line-height: 24px;
            text-align: center;
            color: #676767;
            margin-bottom: 5px;
        }

    .csx-wrapper-mobile .section-head {
        background: #FFFFFF;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.22);
        border-radius: 40px;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #828282;
        padding: 8px;
        width: 65%;
        margin: 45px auto 5px;
    }

    .defination-wrapper {
        padding: 20px 10px 50px 10px;
        position: relative;
    }

        .defination-wrapper .defination-card {
            background: #FFFFFF;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
            border-radius: 11px;
            padding: 15px;
            height: 280px;
            margin: 15px;
        }

            .defination-wrapper .defination-card .top-panel {
                display: flex;
                justify-content: flex-start;
                width: 100%;
                align-items: center;
                margin-top: 10px;
            }

                .defination-wrapper .defination-card .top-panel h3 {
                    font-family: 'openSans-bold';
                    font-weight: 600;
                    font-size: 16px;
                    line-height: 18px;
                    color: #303030;
                }

                .defination-wrapper .defination-card .top-panel h2 {
                    font-family: 'openSans-bold';
                    font-weight: 600;
                    font-size: 20px;
                    line-height: 28px;
                    color: #303030;
                }

                .defination-wrapper .defination-card .top-panel img {
                    width: 70px;
                    margin-right: 15px;
                }

            .defination-wrapper .defination-card .bottom-panel {
                font-size: 16px;
                line-height: 22px;
                color: #676767;
                margin-top: 20px;
            }

        .defination-wrapper .slide-arrow, .adv-disadv-wrapper .slide-arrow, .stats-wrapper .slide-arrow {
            position: absolute;
            left: calc(50% - 50px);
            top: calc(100% - 35px);
            z-index: 99;
            border: none;
            padding: 0;
            background: transparent;
        }

            .defination-wrapper .slide-arrow.next-arrow, .adv-disadv-wrapper .slide-arrow.next-arrow, .stats-wrapper .slide-arrow.next-arrow {
                left: auto;
                right: calc(50% - 50px);
            }

            .defination-wrapper .slide-arrow.prev-arrow img, .adv-disadv-wrapper .slide-arrow.prev-arrow img, .stats-wrapper .slide-arrow.prev-arrow img {
                transform-origin: center;
                transform: rotate(180deg);
            }

            .defination-wrapper .slide-arrow.slick-disabled, .adv-disadv-wrapper .slide-arrow.slick-disabled, .stats-wrapper .slide-arrow.slick-disabled {
                opacity: 0.3;
                cursor: default;
            }

    .adv-disadv-wrapper {
        padding: 20px 10px 50px 10px;
        position: relative;
    }

        .adv-disadv-wrapper .adv-disadv-card {
            background: #FFFFFF;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
            border-radius: 11px;
            padding: 15px;
            margin: 15px;
        }

    .adv-disadv-card .head-orange {
        font-weight: 600;
        font-size: 18px;
        line-height: 30px;
        color: #F2994A;
        font-family: 'openSans-semi-bold';
    }

    .adv-disadv-card .head-black {
        font-weight: 600;
        font-size: 16px;
        line-height: 30px;
        color: #303030;
        font-family: 'openSans-semi-bold';
        text-align: center;
        margin-bottom: 10px;
    }

    .adv-disadv-card p {
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        font-family: 'openSans-regular';
        margin-bottom: 8px;
    }

    .stats-wrapper {
        padding: 20px 10px 50px 10px;
        position: relative;
    }

        .stats-wrapper .stats-card {
            background: #FFFFFF;
            box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
            border-radius: 11px;
            padding: 15px;
            margin: 15px;
            height: 450px;
        }

    .stats-card .stat {
        display: flex;
        padding: 14px 0;
        justify-content: center;
    }

        .stats-card .stat > img {
            width: 54px;
        }

        .stats-card .stat > p {
            padding: 0 0 0 10px;
        }

        .stats-card .stat > .circular-chart {
            display: block;
            margin: 0;
            max-width: 56px;
            height: 60px;
            width: 100%;
        }

            .stats-card .stat > .circular-chart .percentage {
                fill: #F37222;
                font-family: 'openSans-semi-bold';
                font-size: 11px;
                font-weight: 400;
                line-height: 20px;
                text-anchor: middle;
            }

    .stats-card .head {
        font-weight: 600;
        font-size: 16px;
        line-height: 34px;
        text-align: center;
        color: #303030;
        font-family: 'openSans-semi-bold';
    }

    .csx-wrapper-mobile .comp-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 30px 0 0;
        font-weight: 600;
        font-size: 18px;
        line-height: 21px;
        text-align: center;
        color: #BDBDBD;
        font-family: 'openSans-regular';
    }

        .csx-wrapper-mobile .comp-heading div:nth-child(1), .csx-wrapper-mobile .comp-heading div:nth-child(3) {
            width: 120px;
        }

        .csx-wrapper-mobile .comp-heading div:nth-child(2) {
            width: 20%;
            position: relative;
            margin: 0 15px;
        }

            .csx-wrapper-mobile .comp-heading div:nth-child(2)::before {
                position: absolute;
                content: '';
                height: 90px;
                top: 5px;
                left: Calc(100% - 50%);
                border-left: 2px dotted #C3C3EC;
                z-index: -1;
            }

            .csx-wrapper-mobile .comp-heading div:nth-child(2)::after {
                position: absolute;
                content: '';
                width: 130%;
                top: Calc(100% - 50%);
                left: -10px;
                border-bottom: 2px dotted #C3C3EC;
                z-index: -2;
            }

            .csx-wrapper-mobile .comp-heading div:nth-child(2) img {
                margin: 0 auto;
            }

    .csx-wrapper-mobile #custom-tip {
        display: block;
        margin: 20px auto 0;
        background-color: #FFFFFF;
        border-radius: 10px;
        width: 64%;
        text-align: center;
        font-family: 'openSans-semi-bold';
        color: #666666;
        font-size: 16px;
        box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.17);
        position: relative;
        padding: 20px 10px;
        cursor: pointer;
    }

        .csx-wrapper-mobile #custom-tip > span {
            position: absolute;
            top: 7px;
            right: 8px;
            font-size: 25px;
            line-height: 18px;
        }
}


/*===================================== ERP/CRM Styling Start ============================================*/

.service-top-wrapper.erp-crm .service-container {
    justify-content: space-around;
    min-height: 600px;
}

.services-ux-for-client-main.erp-crm .services-ux-for-client-img > img {
    height: 320px;
}

.service-top-wrapper.erp-crm .service-banner-left-main {
    /*margin-top: 60px;*/
    max-width: 460px;
}

.service-top-wrapper.erp-crm .service-banner-right-main {
    flex: 1;
    margin-left: 30px;
    min-width: 450px;
    margin-top: 20px;
}

    .service-top-wrapper.erp-crm .service-banner-right-main.leadg {
        flex: none;
        margin-left: 0;
        min-width: 0;
        margin-top: 0;
    }

    .service-top-wrapper.erp-crm .service-banner-right-main .mobile {
        display: none;
    }

.services-what-we-do-main.erp-crm {
    background-size: contain;
}

    .services-what-we-do-main.erp-crm .view-more .services-box-link-wrp {
        display: none;
    }

.services-ux-for-client-main.erp-crm {
    background: none;
}

    .services-ux-for-client-main.erp-crm .services-ux-for-client-wrapper {
        margin-top: -185px;
    }

    .services-ux-for-client-main.erp-crm .services-ux-for-client-wrapper {
        justify-content: flex-start;
    }

.services-why-important-main.web-apps.erp-crm .services-why-important-right-main {
    max-width: 66%;
}

.industries-we-serve.erp-crm .ind-tab-link {
    min-width: 220px;
    text-align: center;
}

.industries-we-serve.erp-crm .services-common-heading {
    font-size: 22px;
    line-height: 30px;
}

.two-col-grid {
    padding: 50px 0 20px;
}

.two-col-grid-container {
    max-width: 1090px;
    margin: auto;
}

.two-col-grid .contents .content {
    position: relative;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    color: #676767;
    max-width: 466px;
    box-shadow: 0px 1.248435616493225px 9.9874849319458px 0px rgba(200, 200, 200, 0.46);
    padding: 40px 20px;
    margin-bottom: 30px;
    min-height: 270px;
    border-radius: 8px;
    overflow: hidden;
}

    .two-col-grid .contents .content:before {
        position: absolute;
        content: '';
        width: 100%;
        height: 0%;
        background: #f90;
        bottom: 0;
        left: 0;
        transition: all .2s ease;
    }

    .two-col-grid .contents .content:hover:before {
        height: 3%;
    }

    .two-col-grid .contents .content:nth-child(odd) {
        margin-right: 30px;
    }

    .two-col-grid .contents .content h3 {
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 700;
        line-height: 24px;
        text-align: left;
        margin-bottom: 15px;
        color: #676767;
    }

    .two-col-grid .contents .content p {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        display: inline-block;
        vertical-align: middle;
        color: #676767;
        flex: 1;
    }

    .two-col-grid .contents .content figure {
        max-width: 55px;
        height: 55px;
        width: 100%;
        margin-right: 20px;
        box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.25);
        padding: 10px;
        border-radius: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

.disc-list li {
    position: relative;
    line-height: 25px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 5px;
}

    .disc-list li:before {
        content: '';
        width: 6px;
        height: 6px;
        background: #909090;
        display: inline-block;
        border-radius: 50px;
        vertical-align: middle;
        margin-right: 10px;
        margin-top: 8px;
    }


/* Media Query */

@media only screen and (max-width: 992px) {
    .services-ux-for-client-main.erp-crm .services-ux-for-client-wrapper {
        margin-top: 0;
    }
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .two-col-grid .contents .content {
        max-width: 390px;
        min-height: 330px;
    }

    .services-why-important-main.web-apps.erp-crm .services-why-important-right-main {
        max-width: 80%;
    }

    .form-bg {
        display: block !important;
    }

    .contant-field-1 {
        position: relative;
    }

        .contant-field-1:before {
            content: '';
            position: absolute;
            background: none !important;
        }

    .input-w {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) and (min-width: 576px) {
    .two-col-grid .contents .content:not(:last-child) {
        margin-right: 10px;
    }

    .services-why-important-main.web-apps.erp-crm .services-why-important-right-main {
        max-width: 70%;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 576px) {
    .services-why-important-main.web-apps.erp-crm .services-why-important-right-main {
        max-width: 100%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .service-top-wrapper.erp-crm {
        background: url(../images/erp-crm/erp-crm-banner-bg-mobile.png) no-repeat;
        background-size: 100%;
        background-position: 100% 100%;
    }

    .services-why-important-main.erp-crm .services-why-important-left-main .text-left-mobile {
        padding-left: 15px;
        text-align: left;
    }

    .services-ux-for-client-main.erp-crm .services-ux-for-client-img > img {
        height: auto;
    }

    .services-ux-for-client-main.erp-crm .services-ux-for-client-img {
        text-align: center;
    }

    .service-top-wrapper.erp-crm .service-banner-right-main .desktop {
        display: none;
    }

    .services-ux-for-client-left p.services-common-heading {
        font-size: 20px;
        line-height: 24px;
    }

    .services-ux-for-client-left .services-common-heading {
        max-width: 100%;
        font-size: 20px;
        line-height: 24px;
    }

    .service-top-wrapper.erp-crm .service-banner-right-main .mobile {
        display: block;
        padding: 50px 20px;
    }

    .services-why-important-main.erp-crm {
        padding: 60px 0px 20px;
    }

    .services-ux-for-client-main.erp-crm .services-ux-for-client-wrapper {
        justify-content: center;
        padding: 0 20px;
    }

    .service-top-wrapper.erp-crm .service-banner-left-main {
        /*margin-top: 40px;*/
        text-align: left;
    }

    .service-top-wrapper.erp-crm .service-banner-right-main {
        margin-left: 0;
        min-width: unset;
    }

    .services-why-important-main.erp-crm .services-why-important-left-main p {
        display: inline-block;
        text-align: center;
    }

    .erp-crm .hwd-sub-heading {
        font-size: 20px;
    }

    .two-col-grid .contents .content {
        align-items: center;
        justify-content: center;
        max-width: 160px;
        width: 100%;
        padding: 20px 10px;
        min-height: 210px;
        flex-direction: column;
        margin-bottom: 10px;
    }

        .two-col-grid .contents .content:nth-child(odd) {
            margin-right: 11px;
        }

        .two-col-grid .contents .content figure {
            margin-right: 0;
            max-width: 48px;
            height: 48px;
            margin-bottom: 10px;
        }

        .two-col-grid .contents .content h3 {
            font-size: 16px;
            line-height: 24px;
            text-align: center;
        }

    .industries-we-serve.erp-crm .ind-tab-link {
        min-width: unset;
    }

    .industries-we-serve.erp-crm .services-common-heading {
        font-size: 20px;
    }

    .services-why-important-main.web-apps.erp-crm .wd-app-img {
        border-radius: 0;
    }
}
/*===================================== ERP/CRM Styling Ends ===========================================*/

/*--- new slider mobile start 03-07-2021 */

@media screen and (max-width: 767px) and (min-width: 320px) {
    .slider-main .slider-main-slide {
        height: 100vh;
    }

    .slider-main-slide .slide-caption-main {
        padding: 0;
        margin-top: 90px;
        flex-direction: column;
        justify-content: flex-start;
        align-items: baseline !important;
        flex-wrap: wrap;
    }

    .slide-caption-main .slide-caption-info {
        margin: 0 !important;
        max-width: 100% !important;
        padding: 0 14px;
        flex: none !important;
        width: 100%;
    }

    .slider-main .bhaasha-slide-main {
        background: url(../images/home-new/bhaasha-bg-mob.jpg) no-repeat center;
    }

    .bhaasha-slide-main .bhaasha-slide-head img {
        max-width: 60%;
        flex: 1;
    }

    .slider-main-slide .slide-caption-main .slide-caption-info h3 {
        font-size: var(--fs-20);
        line-height: 28px;
    }

    .bhaasha-slide-main .bhaasha-slide-head {
        margin-bottom: 20px;
    }

    .slider-main-slide .slide-caption-main .slide-caption-info h4,
    .leadgen-slide-main .slide-caption-info > span {
        font-size: var(--fs-14);
        line-height: 17px;
        font-family: 'openSans-regular';
        font-weight: 500;
        margin-bottom: 0;
    }

    .leadgen-slide-main .slide-caption-info > span {
        color: var(--text-white);
    }

    .bhaasha-slide-main .slide-caption-img {
        padding-left: 16px;
    }

    .slide-caption-main .slide-caption-img {
        flex: 1 !important;
        /*padding: 25px 10px 0 10px !important;*/
        width: 100% !important;
    }

    .slider-main-slide .slide-caption-main .slide-caption-img img {
        width: auto;
        margin: 0 auto;
    }

    .book-demo-main {
        padding-top: 20px;
        display: flex;
        margin: 0;
    }

    .bhaasha-slide-main .book-demo-main a,
    .chatbot-slide-main .book-demo-main a,
    .leadgen-slide-main .book-demo-main a {
        font-size: 16px;
        padding: 9px 14px;
        line-height: 20px;
        border-radius: 4px;
    }

    .slider-main .slick-dots li {
        width: 9px;
        height: 9px;
        /*border: 1px solid #FFFFFF;*/
    }

    .slider-main-wrapper .slick-dots {
        left: auto;
        right: 15px;
        bottom: 70px;
    }

    .slider-main .chatbot-slide-main {
        background: url(../images/home-new/chatbot-bg-mob.jpg) no-repeat center;
    }

    .slider-main .award-slide-main {
        background: url(../images/home-new/award-bg-mob.jpg) no-repeat center;
    }

        .slider-main .award-slide-main::after {
            background-size: 60px;
        }

    .slider-main .leadgen-slide-main {
        background: url(../images/home-new/led-gen-bg-mob.jpg) no-repeat center;
    }

    .chatbot-slide-main .slide-caption-img::before {
        width: 435px;
        height: 330px;
        background-size: 100%;
        opacity: 0.3;
    }

    .chatbot-slide-main .slide-caption-info > span,
    .award-slide-main .slide-caption-info > span {
        font-size: var(--fs-14);
        line-height: 17px;
        margin-bottom: 8px;
    }

    .chatbot-slide-main .slide-caption-main .slide-caption-info h3,
    .award-slide-main .slide-caption-main .slide-caption-info h3 {
        margin-bottom: 8px;
        width: 85%;
    }

    .chatbot-slide-main .slide-caption-img {
        margin-top: 12px;
    }

    .chatbot-slide-main .chatbot-slide-list-main.left,
    .chatbot-slide-main .chatbot-slide-list-main.right {
        display: block;
    }

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.left {
        top: 0;
        transform: translateZ(30px) scale(0.9) translateX(5px) translateY(0);
        -webkit-transform: translateZ(30px) scale(0.9) translateX(5px) translateY(0);
        width: 90px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.25);
        padding: 2px 0;
    }

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.right {
        right: 5px;
        width: 90px;
        bottom: 200px;
        box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.25);
        padding: 2px 0;
        transform: translateZ(30px) scale(0.9) translateX(0) translateY(0);
        -webkit-transform: translateZ(30px) scale(.9) translateX(0) translateY(0);
    }

    .chatbot-slide-main .chatbot-slide-list-main ul li,
    .chatbot-slide-main .chatbot-slide-list-main.right {
        width: 128px;
    }

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.left ul {
        width: 100%;
        transform: translateZ(30px) translateX(-15px) translateY(0) scale(0.8);
    }

    .chatbot-slide-main .slide-caption-img .chatbot-slide-list-main.right ul {
        width: 100%;
        transform: translateZ(30px) scale(0.8) translateX(-20px) translateY(0px);
        -webkit-transform: translateZ(30px) scale(0.8) translateX(-20px) translateY(0px);
    }

    .bhaasha-slide-main .book-demo-main,
    .chatbot-slide-main .book-demo-main,
    .leadgen-slide-main .book-demo-main,
    .ledgen-exe {
        padding: 25px 16px 0 16px;
    }

    .chatbot-slide-main .book-demo-main {
        padding-top: 13px;
    }

    .award-slide-main .slide-caption-main .slide-caption-info h3 {
        padding-bottom: 20px;
    }

    .award-slide-main.award-slide .awards-from {
        margin: 0;
    }

    .leadgen-slide-main .ledgen-exe {
        padding-top: 10px;
        margin: 0;
    }

        .leadgen-slide-main .ledgen-exe img {
            width: 24px !important;
            margin: 0 !important;
        }

        .leadgen-slide-main .ledgen-exe p {
            font-size: 12px;
            line-height: 12px;
        }

    .leadgen-slide-main .slide-caption-main .slide-caption-info h3 {
        margin: 10px 0 !important;
    }

    .award-slide .slide-caption-img {
        padding-top: 30px !important;
        margin: 0;
    }

    .award-slide .awards-first,
    .award-slide .awards-second {
        justify-content: space-between;
    }

        .award-slide .awards-first .award,
        .award-slide .awards-second .award {
            padding: 0 31px 20px;
            width: 50%;
            /* min-height: 80px; */
            max-height: 98px;
            height: 98px;
        }

            .award-slide .awards-first .award img,
            .award-slide .awards-second .award img {
                height: 40px;
                margin: -20px auto 5px auto;
            }

            .award-slide .awards-first .award:first-child {
                margin: 20px 10px 30px 0;
            }

            .award-slide .awards-first .award:last-child {
                margin: 20px 10px 30px 0;
            }

            .award-slide .awards-second .award:first-child {
                margin: 20px 10px 30px 0;
            }

            .award-slide .awards-second .award:last-child {
                margin: 20px 0 20px 0px;
            }

    .award h2,
    .award h2 span {
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .award-slide .awards-first {
        padding-left: 10px;
    }

    .award-slide .awards-second {
        padding-right: 10px;
    }

    .certified-section-main .iso-certified .certifie-main img {
        margin: 0 auto 0 auto;
        height: 200px;
    }

    .certified-section-container::before {
        display: none;
    }
}


/*===================================== service menu new Styling starts ===========================================*/

.home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu {
    padding-top: 80px;
    padding-bottom: 20px;
}

.services-new-menu.submenu-main {
    background: #FFFFFF;
}

.services-new-menu .submenu-container .submenu-heading {
    max-width: 730px;
    padding: 0 15px 0 30px;
}


.services-new-menu .menu-list-wrapper {
    padding: 10px 50px 10px 20px;
    margin: 0;
}

    .services-new-menu .menu-list-wrapper > div {
        padding: 10px;
    }

.services-new-menu .category-head {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F37222;
    display: inline-block;
    padding: 5px 10px;
}

.services-new-menu .large-head > li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    padding: 7px 10px 5px 18px;
    color: #606060;
    position: relative;
}

    .services-new-menu .large-head > li a {
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
    }

.services-new-menu .small-head > li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 20px;
    color: #606060;
    position: relative;
}

    .services-new-menu .small-head > li a {
        text-decoration: none;
        color: inherit;
        transition: 0.3s;
    }

.services-new-menu ul {
    padding-top: 10px;
}

.services-new-menu li a:hover {
    color: #f37222;
}

.services-new-menu .large-head {
    position: relative;
}

    .services-new-menu .large-head::before {
        content: "";
        position: absolute;
        width: 1px;
        top: 0px;
        left: 0px;
        background: #F37222;
        height: calc(100% - 15px);
    }

.services-new-menu .col-md-3:nth-child(4) .large-head::before {
    height: 24px;
}

.services-new-menu .large-head > li::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 1px;
    background: #F37222;
    top: 13px;
    left: 0px;
}


.services-new-menu .small-head > li::after {
    position: absolute;
    content: "";
    width: 3px;
    height: 3px;
    background: #F37222;
    border-radius: 3px;
    top: 10px;
    left: 0px;
}

.services-new-menu .bhaasha-services-patch {
    position: absolute;
    bottom: 0px;
    right: 0px;
    background: url('../images/services-bhaasha-bg1.svg');
    background-size: 100% 100%;
    height: 220px;
    width: 360px;
    padding: 50px 20px 20px 78px;
}

    .services-new-menu .bhaasha-services-patch > img {
        width: 120px;
    }

    .services-new-menu .bhaasha-services-patch .desc {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 300;
        font-size: 14px;
        line-height: 17px;
        color: #000000;
        margin: 8px 0;
    }

.services-new-menu .view-more a span {
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /*color: #676767;*/
}

.services-new-menu .bhaasha-services-patch-mobile {
    display: none;
}

.services-new-menu.submenu-main .submenu-close-btn {
    position: absolute;
    top: 50px;
    right: 80px;
    cursor: pointer;
    color: #676767;
    font-family: openSans-regular;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
/*
    .services-new-menu.submenu-main .submenu-close-btn::after, .services-new-menu.submenu-main .submenu-close-btn::before {
        left: calc(50% - 10px);
    }
*/

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

    .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu {
        padding-top: 0px;
        padding-bottom: 0;
    }

        .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-container .submenu-heading,
        .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-container .submenu-heading {
            max-width: 100%;
            padding: 20px 20px 0 10px;
            margin: 0 10px;
            border-top: 1px solid #CCC;
            text-align: left;
        }

    .services-new-menu .submenu-container .submenu-heading .title {
        font-family: 'openSans-semi-bold';
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #303030;
        margin-bottom: 8px;
        display: block;
    }

    .services-new-menu .submenu-container .submenu-heading p {
        display: none;
    }

    .services-new-menu .menu-list-wrapper > div {
        padding: 0 0 15px 0;
    }

    .services-new-menu .col-md-3:nth-child(1) .small-head.resp {
        display: flex;
        flex-wrap: wrap;
    }

        .services-new-menu .col-md-3:nth-child(1) .small-head.resp > li {
            width: 50%;
        }

    .services-new-menu .col-md-3 .small-head > li {
        padding: 10px 12px;
    }

    .services-new-menu .small-head > li::after {
        top: 15px;
    }

    .services-new-menu .menu-list-wrapper {
        padding: 10px 10px 0 20px;
    }

    /*.services-new-menu .col-md-3:nth-child(1) .large-head::before {
        height: 344px;
    }

    .services-new-menu .col-md-3:nth-child(2) .large-head::before {
        height: 308px;
    }*/

    .services-new-menu .bhaasha-services-patch {
        display: none;
    }

    .services-new-menu .bhaasha-services-patch-mobile {
        display: block;
        padding: 30px 20px;
        background: rgba(224, 224, 244, 0.3);
    }

        .services-new-menu .bhaasha-services-patch-mobile > img {
            width: 120px;
        }

        .services-new-menu .bhaasha-services-patch-mobile .desc {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: 300;
            font-size: 14px;
            line-height: 17px;
            color: #000000;
            margin: 8px 0;
        }

    .services-new-menu.submenu-main .submenu-close-btn {
        position: absolute;
        right: 10px;
        padding-right: 0;
        cursor: pointer;
        height: 30px;
        width: 30px;
        display: inline-block;
    }

    .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn,
    .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn {
        top: 92px;
    }

    .services-new-menu.submenu-main .submenu-close-btn::after, .services-new-menu.submenu-main .submenu-close-btn::before {
        height: 1px;
    }
}

/*===================================== service menu new Styling ends ===========================================*/

/*===================================== Techved Analytics Styling starts ===========================================*/

.techved-analytics {
    padding-top: 8px !important;
    background: transparent !important;
}

.techved-analytics-bg {
    height: fit-content;
    background: white;
    border-radius:16px;
}

.ana-bg {
    background-image: url('/resources/images/navbar-menu/TechvedAnalytics.png');
}

.menu-head {
    display: flex;
    gap: 8px;
    align-items: center;
}

.menu-head img {
    padding: 8px;
    background: #FFDDC7;
    border-radius: 8px;
}

    .menu-head .haw-title a {
        font-size: 18px;
        font-weight: 700;
        line-height: 24px;
           color: #303030;
        padding: 0;
    }

        .menu-head .haw-title a:hover {           
            background: linear-gradient(97.53deg, #FF6700 40%, #FE1F10 55.24%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;           
        }

.tech-ana-para {
    font-family: 'openSans-regular';
    color: #676767;
    margin: 0;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 8px;
    padding-right: 18px;
}

.analytics-close-btn{
    top:26px !important;
}

@media (max-width: 768px) {
    .home-sidenav-main.fixed-top ~ .submenu-main#analyticsTabDropdown {
        transform-origin: calc(100% - 720px) 55px !important;
        z-index: 999 !important;
        left: 0 !important;
        background: #fff !important;
        height: 100vh;
        width: 100%;
        top: 60px;
    }
    .analytics-close-btn {
        top: -40px !important;
        right:7px !important;
    }
    .techved-analytics{
        background:#fff !important;
    }

    .submenu-container, .home-sidenav-main.fixed-top ~ .submenu-main .techved-analytics-bg {
        padding: 0;
        width: 100%;
        border: none;
        max-height: 100vh;
        overflow: auto;
        z-index: 99;
    }
    .techved-analytics-bg {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .techved-analytics,.analytics-close-btn {
        z-index: 100;
    }
    .container.scroller-container.analytics.mt-0.py-24 {
        max-width: 328px !important;
        border-radius: 16px;
    }

    .ana-bg {
        background-image: url('/resources/images/navbar-menu/mob-bg.png');
        background-repeat: no-repeat;
        background-size: cover;
    }
    .techved-analytics-mob-title {
        max-width: 328px;
        width: 100%;
        font-weight: 400;
        font-size: 20px;
        line-height: 32px;
        margin-bottom: 24px;
        color: #333333;
        font-family: 'openSans-regular';
    }

    .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.analytics {
        right: 12px !important;
        top: -41px !important;
    }

}
@media (min-width: 768px) {
    .techved-analytics-mob-title {
        display: none;
    }
}

/*===================================== Techved Analytics Styling ends ===========================================*/
/*===================================== banner replacing h3 & h4 with p tag ===========================================*/
.leadgen-slide-main .slide-caption-main .slide-caption-info p.alt-h3 {
    color: #fff;
    margin-bottom: 0;
}

.slide-caption-main .slide-caption-info p.alt-h3 span.small-size {
    font-size: 30px;
}

.slide-caption-main .slide-caption-info p.alt-h3 span {
    display: block;
    animation-duration: 0.5s;
}

.slider-main-slide .slide-caption-main .slide-caption-info h1.alt-h3 {
    margin-top: 40px;
}

.slider-main-slide .slide-caption-main .slide-caption-info p.alt-h3 {
    font-family: 'openSans-semi-bold';
    font-size: 42px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    color: #FFFFFF;
    margin-bottom: 12px;
    text-transform: capitalize;
    margin-top: 40px;
}

.slider-main-slide .slide-caption-main .slide-caption-info p.alt-h4 {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.leadgen-slide-main .slide-caption-main .slide-caption-info p.alt-h4 {
    font-family: 'openSans-regular';
    font-weight: 500;
    font-size: var(--fs-20);
    line-height: 24px;
    color: var(--text-white);
}

.chatbot-slide-main .slide-caption-main .slide-caption-info p.alt-h3, .award-slide-main .slide-caption-main .slide-caption-info p.alt-h3 {
    font-family: openSans-bold;
    font-weight: 900;
    font-size: 38px;
    line-height: 46px;
    color: #361547;
    text-transform: uppercase;
}

.chatbot-slide-main .slide-caption-main .slide-caption-info p.alt-h4, .award-slide-main .slide-caption-main .slide-caption-info p {
    font-family: 'openSans-regular';
    font-weight: 500;
    font-size: var(--fs-20);
    line-height: 24px;
    color: #4F4F4F;
}

.award-slide-main .award p.alt-h2 {
    font-family: 'openSans-semi-bold';
    font-size: 16px;
    line-height: 25px;
    color: #993399;
}

    .award-slide-main .award p.alt-h2 span {
        display: block;
        font-family: 'openSans-semi-bold';
        font-size: 17px;
        line-height: 25px;
        color: var(--text-primary);
    }


.certified-section-main .iso-certified .certifie-main.head img {
    height: 132px;
    margin: 19px auto 15px auto;
}

.certified-section-main .iso-certified .certifie-main.head h1 {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #303030;
    margin-bottom: 10px;
}

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

    .slider-main-slide .slide-caption-main .slide-caption-info p.alt-h3 {
        font-size: var(--fs-20);
        line-height: 28px;
    }

    .leadgen-slide-main .slide-caption-main .slide-caption-info p.alt-h3 {
        margin: 10px 0 !important;
    }

    .slide-caption-main .slide-caption-info p.alt-h3 span.small-size {
        font-size: 16px;
    }

    .slider-main-slide .slide-caption-main .slide-caption-info p.alt-h4, .leadgen-slide-main .slide-caption-info > span {
        font-size: var(--fs-14);
        line-height: 17px;
        font-family: 'openSans-regular';
        font-weight: 500;
        margin-bottom: 0;
    }

    .award p.alt-h2, .award p.alt-h2 span {
        font-size: 12px !important;
        line-height: 15px !important;
    }

    .certified-section-main .iso-certified .certifie-main.head img {
        height: 120px;
        margin: 15px auto 15px auto;
    }

    .certified-section-main .iso-certified .certifie-main.head h1 {
        margin-bottom: 10px;
    }
}

/*===================================== banner replacing h3 & h4 with p tag ends ===========================================*/


/*===================================== home page optimization starts ===========================================*/



.slider-main-wrapper .carousel-control-next.banner, .slider-main-wrapper .carousel-control-prev.banner {
    position: absolute;
    top: auto;
    bottom: 70px;
    left: 110px;
    right: auto;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,0);
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

.slider-main-wrapper .carousel-control-prev.banner {
    left: 50px;
}

    .slider-main-wrapper .carousel-control-prev.banner .carousel-control-prev-icon {
        background-image: url(../images/home-new/banner-prev-icon.svg);
    }

.slider-main-wrapper .carousel-control-next.banner .carousel-control-next-icon {
    background-image: url(../images/home-new/banner-next-icon.svg);
}

.slider-main-wrapper .banner-slide-count {
    position: absolute;
    bottom: 75px;
    left: 84px;
    font-family: 'openSans-regular';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #BDBDBD;
    cursor: default;
}

.certified-section-container .carousel-control-next.badges, .certified-section-container .carousel-control-prev.badges {
    position: absolute;
    top: 70px;
    left: 260px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 20px;
    height: 30px;
    background: rgba(0,0,0,0.33);
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    opacity: .5;
    transition: opacity .15s ease;
}

.certified-section-container .carousel-control-prev.badges {
    left: 5px;
}

#carouselSolutionControls {
    text-align: center;
}

.hp-clients-services .carousel-control-next.solution, .hp-clients-services .carousel-control-prev.solution {
    top: 110px;
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,0.33);
    border-radius: 3px;
}

.hp-clients-main .carousel-control-next.brands, .hp-clients-main .carousel-control-prev.brands {
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,0.33);
    border-radius: 3px;
    top: calc(50% - 38px);
}

.hp-clients-main .carousel-control-prev.brands {
    left: -50px;
}

.hp-clients-main .carousel-control-next.brands {
    right: -50px;
}

#clientele-slider {
    text-align: center;
}

.clients-slider-main img {
    display: block;
    margin: 0 auto;
    height: 420px;
    border-radius: 6px;
}

.clients-slider-section .carousel-control-next.foot, .clients-slider-section .carousel-control-prev.foot {
    width: 30px;
    height: 30px;
    background: rgba(0,0,0,0.33);
    border-radius: 3px;
    top: calc(50% + 28px);
}

.clients-slider-section .carousel-control-prev.foot {
    left: 120px;
}

.clients-slider-section .carousel-control-next.foot {
    right: 120px;
}

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

    .slider-main-wrapper .carousel-control-next.banner, .slider-main-wrapper .carousel-control-prev.banner {
        top: 70px;
        left: auto;
        right: 20px;
    }

    .slider-main-wrapper .carousel-control-prev.banner {
        right: 90px;
    }

    .slider-main-wrapper .banner-slide-count {
        position: absolute;
        top: 75px;
        left: auto;
        bottom: auto;
        right: 60px;
        font-family: 'openSans-regular';
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #BDBDBD;
    }

    .certified-section-container .carousel-control-next.badges, .certified-section-container .carousel-control-prev.badges {
        top: 100px;
    }

    .certified-section-container .carousel-control-prev.badges {
        left: 40px;
    }

    .certified-section-container .carousel-control-next.badges {
        left: auto;
        right: 40px;
    }

    .hp-clients-services {
        display: none;
    }

    .hp-clients-main .carousel-control-next.brands, .hp-clients-main .carousel-control-prev.brands {
        width: 20px;
        height: 30px;
        top: calc(50% - 38px);
    }

    .hp-clients-main .carousel-control-prev.brands {
        left: -10px;
    }

    .hp-clients-main .carousel-control-next.brands {
        right: -10px;
    }

    .clients-slider-main img {
        height: 190px;
        object-fit: cover;
    }

    .clients-slider-section .carousel-control-next.foot, .clients-slider-section .carousel-control-prev.foot {
        width: 15px;
        height: 30px;
        background: rgba(0,0,0,0.33);
        border-radius: 3px;
        top: 190px;
    }

    .clients-slider-section .carousel-control-prev.foot {
        left: 5px;
    }

    .clients-slider-section .carousel-control-next.foot {
        right: 5px;
    }

    .casestudy-home .hp-mobile-case-study.carousel-item {
        margin: unset;
        padding: 0 30px;
        margin-right: -100%;
    }

    .casestudy-home .carousel-control-next.study, .casestudy-home .carousel-control-prev.study {
        width: 20px;
        height: 30px;
        background: rgba(0,0,0,0.33);
        border-radius: 3px;
        top: 180px;
    }

    .casestudy-home .carousel-control-prev.study {
        left: 5px;
    }

    .casestudy-home .carousel-control-next.study {
        right: 5px;
    }
}

/*===================================== home page optimization ends ===========================================*/

/*===================================== accesibilty banner starts ===========================================*/

.slider-main .slider-main-slide.accs-slide-main {
    background: url(../images/img-banners/accs-banner-bg.webp) no-repeat;
    background-position: center center;
}

    .slider-main .slider-main-slide.accs-slide-main p.alt-h3 {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: 800;
        font-size: 40px;
        line-height: 49px;
        text-transform: uppercase;
        color: #303030;
        margin-bottom: 0;
        padding-top: 50px;
    }

    .slider-main .slider-main-slide.accs-slide-main p.alt-h4 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 24px;
        color: #676767;
        margin-bottom: 30px;
    }

.slider-main-slide.accs-slide-main .slide-caption-main .common-btn {
    min-width: 210px;
    font-size: 20px;
}


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

    .slider-main .slider-main-slide.accs-slide-main {
        background: url(../images/img-banners/accs-mobile-bg.webp) no-repeat;
        background-position: center bottom;
    }

        .slider-main .slider-main-slide.accs-slide-main p.alt-h3 {
            font-size: 20px;
            line-height: 24px;
            padding-top: 10px;
            margin-bottom: 5px;
        }

        .slider-main .slider-main-slide.accs-slide-main p.alt-h4 {
            font-size: 16px;
            line-height: 19px;
            width: 65%;
            margin-bottom: 0;
        }

    .slider-main-slide.accs-slide-main .slide-caption-main .common-btn {
        min-width: 150px;
        font-size: 16px;
        line-height: 24px;
        border-radius: 4px;
    }

    .slider-main-slide.accs-slide-main .slide-caption-main .book-demo-main {
        padding-top: 0;
    }

    .slider-main-slide.accs-slide-main .slide-caption-main .slide-caption-img {
        margin-left: 15px;
        margin-top: 10px;
    }
}

/*===================================== accesibilty banner ends ===========================================*/


/*================================== Home page Social Icons & contact ==============================*/
.social-icons {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 98;
}

    .social-icons .social-icon {
        position: relative;
        z-index: 1;
    }

        .social-icons .social-icon p {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            font-size: 15px;
            line-height: 18px;
            color: #303030;
            transition: all .3s ease;
        }

        .social-icons .social-icon .social-icon-stripe {
            background: #FFF;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 5px 10px;
            border-radius: 50px;
            transition: all 2s ease;
            box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
        }

            .social-icons .social-icon .social-icon-stripe .more-info {
                display: block;
                text-align: center;
                font-family: 'openSans-light-italic';
                font-size: 12px;
                line-height: 15px;
            }

        .social-icons .social-icon::after {
            position: absolute;
            content: "";
            top: calc(-1 * 2px);
            left: calc(-1 * 2px);
            z-index: -1;
            width: calc(100% + 2px * 2);
            height: calc(100% + 2px * 2);
            background: linear-gradient(45deg, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF);
            background-size: 300% 300%;
            background-position: 0 50%;
            border-radius: 50px;
            animation: moveGradient 3s alternate infinite;
        }

        .social-icons .social-icon .whatsapp-img {
            background: url('../images/whatsapp-icon.svg');
        }

        .social-icons .social-icon .social-icon-img {
            background-size: contain;
            width: 40px;
            height: 45px;
            display: inline-block;
            background-repeat: no-repeat;
        }

.top-contact.common-btn {
    font-size: 16px;
    line-height: 24px;
    font-family: 'openSans-bold';
    font-weight: 700;
    border-radius: 12px;
}

.top-call-email-main .top-contact {
    margin: 0 0px 0 50px;
}


/*---------------------navbar social icons---------------------*/


.social-icons-nav .social-icon {
    position: relative;
    z-index: 1;
}

    .social-icons-nav .social-icon p {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 15px;
        line-height: 18px;
        color: #303030;
        transition: all .3s ease;
    }

    .social-icons-nav .social-icon .social-icon-stripe {
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        border-radius: 50px;
        transition: all 2s ease;
        box-shadow: 0px 2px 10px rgba(0,0,0,0.2);
    }

        .social-icons-nav .social-icon .social-icon-stripe .more-info {
            display: block;
            text-align: center;
            font-family: 'openSans-light-italic';
            font-size: 12px;
            line-height: 15px;
        }

    .social-icons-nav .social-icon::after {
        position: absolute;
        content: "";
        top: calc(-1 * 2px);
        left: calc(-1 * 2px);
        z-index: -1;
        width: calc(100% + 2px * 2);
        height: calc(100% + 2px * 2);
        background: linear-gradient(45deg, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF,#FFFFFF,#FFFFFF);
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: 50px;
        animation: moveGradient 3s alternate infinite;
    }

    .social-icons-nav .social-icon .whatsapp-img {
        background: url('../images/whatsapp-icon.svg');
    }

    .social-icons-nav .social-icon .social-icon-img {
        background-size: contain;
        width: 40px;
        height: 40px;
        display: inline-block;
        background-repeat: no-repeat;
    }



@media only screen and (max-width: 992px) {
    .social-icons .social-icon .social-icon-img {
        width: 55px;
        height: 55px;
    }

    .social-icons .social-icon p {
        display: none;
    }

    .social-icons .social-icon .social-icon-stripe {
        padding: 0;
    }
}

/*================================== Home page Social Icons & contact ends==============================*/

/*================================== arvr-service banner starts ==============================*/

.slide-caption-info.getin-touch-caption-info.newbred h3 {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: #676767;
    margin-bottom: 35px;
    position: relative;
    display: flex;
    align-items: center;
    text-transform: capitalize;
}

.slide-caption-info.getin-touch-caption-info.newbred span.main-span.ar {
    position: relative;
    margin-right: 20px;
    white-space: nowrap;
    font-family: 'openSans-regular';
    text-align: left;
}


.slide-caption-info.getin-touch-caption-info.newbred h1 {
    font-size: 24px;
    line-height: 28px;
    font-weight: 700;
    margin-bottom: 12px;
    font-family: 'openSans-bold';
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.slider-main-slide.arservice-slide-main {
    background: url(../images/ar-service-banner-bg.png) no-repeat,#FFFFFF;
    background-position: 100% 100%;
    background-size: auto 100% !important;
    height: 100vh;
    outline: none !important;
    margin-bottom: 100px;
    position: relative;
}

    .slider-main-slide.arservice-slide-main.metaverse {
        background: url(../images/metaverse/metaverse-banner-bg.png) no-repeat,#031D42;
        background-position: 100% bottom;
        background-size: 100% auto !important;
        height: 100vh;
        outline: none !important;
        margin-bottom: 100px;
        position: relative;
    }

    .slider-main-slide.arservice-slide-main .ar-banner-video {
        position: absolute;
        right: 60px;
        top: 135px;
        width: 45%;
    }

        .slider-main-slide.arservice-slide-main .ar-banner-video img {
            width: 100%;
            border-radius: 32px;
        }

    .slider-main-slide.arservice-slide-main .slide-caption-main .slide-caption-info {
        max-width: 820px;
        margin: 0 0 0 60px;
        z-index: 5;
    }

    .slider-main-slide.arservice-slide-main.metaverse .slide-caption-main .slide-caption-info {
        margin: 0;
    }

    .slider-main-slide.arservice-slide-main .slide-caption-main .slide-caption-info p.alt-h4 {
        font-family: 'openSans-regular';
        font-weight: 400;
        color: #412150;
        font-size: 14px;
        line-height: 20px;
    }

        .slider-main-slide.arservice-slide-main .slide-caption-main .slide-caption-info p.alt-h4 span {
            display: block;
        }

    .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 {
        color: #412150;
        font-size: 32px;
        line-height: 42px;
        margin-top: 40px;
    }

    .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info p.alt-h3 {
        color: #FFFFFF;
        text-transform: uppercase;
        font-family: Montserrat-Bold;
        font-weight: bold;
        font-size: 36px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info h1.alt-h3.cust-consult {
        color: #FFFFFF;
        /*text-transform: uppercase;*/
        font-family: Montserrat-Bold;
        font-weight: bold;
        font-size: 32px;
        line-height: 42px;
        margin-bottom: 20px;
    }

    .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info p.alt-h4 {
        color: #FFFFFF;
        width: 65%;
        margin-bottom: 20px;
        font-family: 'Montserrat-Medium';
    }

    .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4 {
        color: #FFFFFF;
        width: 76%;
        margin-bottom: 40px;
        font-family: Montserrat-Medium'';
    }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4.cust-subcontent {
            color: #FFFFFF;
            width: 54%;
            margin-bottom: 40px;
            font-family: openSans-regular;
        }



        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4 > h1 {
            display: inline;
        }

    .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 span:first-child {
        display: block;
        font-family: openSans-bold;
        font-style: normal;
        font-weight: 700;
        font-size: 24px;
        line-height: 48px;
        text-transform: uppercase;
        color: #FFFFFF;
    }

    .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 span:nth-child(2) {
        color: #F37324;
        display: inline;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .align-items-baseline {
        flex-direction: unset;
    }

    .slider-main-slide.arservice-slide-main .connect-btn {
        margin-top: 0;
        text-transform: none;
        margin-left: 20px;
        width: 150px;
        font-size: 14px;
        padding: 14px;
        margin-top: 5px;
    }

    .slider-main-slide.arservice-slide-main .spinner-border.service {
        width: 20px;
        height: 20px;
    }

    .slider-main-slide.arservice-slide-main .banner-form #ArServiceFormSubmit > div {
        background: #FFFFFF;
        border-radius: 8px;
        padding: 18px 15px;
        /*flex-wrap: wrap;*/
    }

    .slider-main-slide.arservice-slide-main .banner-form {
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        transition: 0.5s;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    }

    .slider-main-slide.arservice-slide-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field.mob-number label {
        position: absolute;
        top: 10px;
        left: 86px;
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
        z-index: 0;
        transition: all .3s ease 0s;
        pointer-events: none;
    }

    .slider-main-slide.arservice-slide-main .tvd-angular-field.mob-number input {
        padding-left: 86px !important;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        padding: 7px;
        margin-bottom: 10px !important;
        margin-top: 4px !important;
        color: #333333;
        font-size: 16px;
        font-family: 'openSans-semi-bold';
    }

    .slider-main-slide.arservice-slide-main .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        border-color: #ccc;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        top: 10px;
        left: 0;
        margin: 0;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .contact-field.focused input ~ label,
    .slider-main-slide.arservice-slide-main .quick-contact-form .contact-field.focused textarea ~ label {
        transform: translate(2px, -2px) scale(1) !important;
        background: #fff;
        padding: 0 5px;
        border-radius: 50px;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field.mob-number.focused label {
        transform: translate(2px, -2px) scale(1) !important;
        padding: 0;
    }

    .slider-main-slide.arservice-slide-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        font-size: 14px;
    }

    .slider-main-slide.arservice-slide-main .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
        font-size: 12px;
        top: 58px;
        background: url(../images/error-icon.svg) no-repeat;
        background-size: contain;
    }

    .slider-main-slide.arservice-slide-main .tvd-angular-field {
        margin-bottom: 10px;
        width: 100%;
    }

.quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    position: absolute;
    top: 60px;
    padding-left: 0px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto;
    left: 0;
}

.slider-main-slide.arservice-slide-main .middle {
    position: relative;
}

    .slider-main-slide.arservice-slide-main .middle::after, .slider-main-slide.arservice-slide-main .middle::before {
        content: "";
        position: absolute;
        height: 24px;
        width: 1px;
        background-color: #D8D8D8;
        top: 16px;
        right: 0px;
    }

    .slider-main-slide.arservice-slide-main .middle::before {
        right: auto;
        left: 0px;
    }


.slider-main-slide.arservice-slide-main .quick-contact-form .col-sm-4 {
    padding-right: 10px;
    padding-left: 10px;
}


.slider-main-slide.arservice-slide-main .thankyou-work {
    display: none;
    max-width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 15px 10px;
}

.slide-caption-main .slide-caption-info .thankyou-work p.head {
    font-size: 38px;
    display: flex;
    justify-content: center;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .slider-main-slide.arservice-slide-main {
        background: url(../images/ar-service-mobile-bg.png) no-repeat, #FFFFFF;
        background-position: center 100%;
        background-size: 100% 40% !important;
        height: 640px;
        overflow: hidden;
        margin-bottom: 0;
    }

        .slider-main-slide.arservice-slide-main.metaverse {
            background: url(../images/metaverse/metaverse-mobile-bg.png) no-repeat,#FFFFFF;
            background-position: center center;
            background-size: auto 100% !important;
            margin-bottom: 0;
        }

        .slider-main-slide.arservice-slide-main .ar-banner-video {
            position: absolute;
            right: 0;
            width: 100%;
            top: 260px;
            padding: 0 20px;
        }

            .slider-main-slide.arservice-slide-main .ar-banner-video > img {
                width: 100%;
                border-radius: 14px;
            }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 {
            font-size: 22px;
            line-height: 28px;
            margin-top: 0;
            margin-bottom: 12px;
        }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info p.alt-h3 {
            font-size: 22px;
            line-height: 32px;
            margin-bottom: 5px;
        }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info h1.alt-h3.cust-consult {
            font-size: 20px;
            line-height: 24px;
            margin-bottom: 5px;
        }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info p.alt-h3 > br {
            display: none;
        }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info h1.alt-h3.cust-consult > br {
            display: none;
        }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 span:first-child {
            line-height: 28px;
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 28px;
        }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 span:nth-child(2) {
            color: inherit;
        }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h3 br {
            /*display: none;*/
        }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h4 {
            margin-bottom: 15px;
            font-family: 'openSans-semi-bold';
            font-weight: 500;
            color: #412150;
            font-size: 14px;
            line-height: 20px;
            text-transform: capitalize;
            width: 60%;
        }

            .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h4.meta {
                width: 80%;
            }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info p.alt-h4 {
            width: 100%;
            font-size: 12px;
            text-transform: none;
            margin-bottom: 5px;
        }

        .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4 {
            width: 100%;
            font-size: 12px;
            text-transform: none;
        }

            .slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4.cust-subcontent {
                width: 100%;
                font-size: 14px;
                line-height: 20px;
                text-transform: none;
            }

        .slider-main-slide.arservice-slide-main .slide-caption-info p.alt-h4 > span {
            display: block;
        }

        .slider-main-slide.arservice-slide-main .banner-form #ArServiceFormSubmit > div {
            padding: 32px 15px;
            display: block !important;
        }

        .slider-main-slide.arservice-slide-main.metaverse .banner-form #ArServiceFormSubmit > div {
            padding: 5px;
        }

        .slider-main-slide.arservice-slide-main.metaverse .banner-form {
            background-color: rgba(255, 255, 255, 1);
        }

        .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            top: 6px;
        }

        .slider-main-slide.arservice-slide-main .tvd-angular-field {
            margin-bottom: 20px;
        }

        .slider-main-slide.arservice-slide-main .connect-btn {
            margin-left: 0;
            width: 100%;
            font-size: 16px;
            padding: 10px;
            margin-top: 10px;
        }

        .slider-main-slide.arservice-slide-main .quick-contact-form .contact-field.focused input ~ label {
            padding: 0;
        }

        .slider-main-slide.arservice-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            padding: 7px 3px;
            margin-bottom: 14px;
        }

        .slider-main-slide.arservice-slide-main .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
            top: 60px;
        }

        .slider-main-slide.arservice-slide-main .thankyou-work {
            background-color: #FFFFFF;
            border-radius: 8px;
            padding: 50px 10px;
        }

        .slider-main-slide.arservice-slide-main .slide-caption-main {
            position: relative;
            margin-top: 0;
            padding-top: 74px;
        }

        .slider-main-slide.arservice-slide-main .banner-form.hidden {
            position: absolute;
            top: 480px;
            left: 0px;
            margin: 0 15px;
            transition: 0.5s;
        }

        .slider-main-slide.arservice-slide-main .close-icon {
            display: inline;
            float: right;
            margin-top: -16px;
        }

        .slider-main-slide.arservice-slide-main .banner-form {
            top: 234px;
            position: absolute;
            left: 0px;
            margin: 0 15px;
            transition: 0.5s;
            box-shadow: none;
        }

        .slider-main-slide.arservice-slide-main.metaverse .banner-form {
            position: static;
            margin: 0;
        }

    #country-listbox {
        margin: 0 !important;
    }

    .slider-main-slide.arservice-slide-main .middle::after, .slider-main-slide.arservice-slide-main .middle::before {
        display: none;
    }
}

/*==================================arvr-service banner ends==============================*/

/*================================== small banners with leadgen starts ==============================*/

.slider-main.small-ban .carousel-item {
    height: 330px;
}

    .slider-main.small-ban .carousel-item .book-demo-main {
        transition: 0.5s;
        border-radius: 50%;
    }

        .slider-main.small-ban .carousel-item .book-demo-main:hover {
            transform: scale(1.1) rotate(43deg);
        }


.small-ban .carousel-item.bhaasha {
    background: url(../images/img-banners/bhaasha-small-banner.png) no-repeat;
    background-size: 100% !important;
    background-position: bottom center;
}

    .small-ban .carousel-item.bhaasha .book-demo-main {
        position: absolute;
        top: 140px;
        left: 52%;
    }

.small-ban .carousel-item.desled {
    background: url(../images/img-banners/desled-small-banner.png) no-repeat;
    background-size: 100% !important;
    background-position: bottom center;
}

    .small-ban .carousel-item.desled .book-demo-main {
        position: absolute;
        top: 169px;
        left: 40%;
    }

.small-ban .carousel-item.accs {
    background: url(../images/img-banners/accs-small-banner.png) no-repeat;
    background-size: 100% !important;
    background-position: bottom center;
}

    .small-ban .carousel-item.accs .book-demo-main {
        position: absolute;
        top: 140px;
        left: 36%;
    }

.small-ban .carousel-item.chatbot {
    background: url(../images/img-banners/chatbot-small-banner.png) no-repeat;
    background-size: 100% !important;
    background-position: bottom center;
}

    .small-ban .carousel-item.chatbot .book-demo-main {
        position: absolute;
        top: 165px;
        left: 67%;
    }

.small-ban .carousel-item.award {
    background: url(../images/img-banners/award-small-banner.png) no-repeat;
    background-size: 100% !important;
    background-position: bottom center;
}

    .small-ban .carousel-item.award .book-demo-main {
        position: absolute;
        top: 164px;
        left: 60%;
        ;
    }

.slider-main-wrapper .carousel-control-next.lead, .slider-main-wrapper .carousel-control-prev.lead {
    position: absolute;
    top: auto;
    bottom: 50px;
    right: auto;
    left: 190px;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: transparent;
    border-radius: 3px;
    color: #FFFFFF;
    text-align: center;
    opacity: 0.4;
    transition: 0.5s;
}

    .slider-main-wrapper .carousel-control-next.lead:hover,
    .slider-main-wrapper .carousel-control-prev.lead:hover {
        opacity: 1.0;
    }

    .slider-main-wrapper .carousel-control-next.lead .carousel-control-next-icon {
        background-image: url(../images/home-new/banner-next-icon.svg);
    }

    .slider-main-wrapper .carousel-control-prev.lead .carousel-control-prev-icon {
        background-image: url(../images/home-new/banner-prev-icon.svg);
    }

.slider-main-wrapper .lead-slide-count {
    position: absolute;
    bottom: 55px;
    left: 165px;
    font-family: 'openSans-regular';
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #bdbdbd;
    cursor: default;
}

.slider-main-wrapper .carousel-control-prev.lead {
    left: 130px;
}

.banner-lead-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 34px rgba(9, 44, 76, 0.16);
    border-radius: 8px;
    max-width: 1110px;
    max-height: 280px;
    margin: -32px auto 100px;
    padding: 0;
}

    .banner-lead-wrapper .lead-form {
        height: 100%;
        padding: 20px;
    }

        .banner-lead-wrapper .lead-form .connect-btn {
            margin-top: 20px;
            padding: 10px 15px;
        }

        .banner-lead-wrapper .lead-form div.alt-h3 {
            font-family: 'openSans-bold';
            font-style: normal;
            font-weight: bold;
            font-size: 24px;
            line-height: 36px;
            display: flex;
            align-items: center;
            color: #3D1C4C;
        }

            .banner-lead-wrapper .lead-form div.alt-h3 > span.hide-on-mob {
                margin-left: 7px;
            }

            .banner-lead-wrapper .lead-form div.alt-h3 > div.sky-rocket-wrapper {
                display: block;
                background: url('../images/home-new/sky-rocket-banner.svg');
                background-size: 100% 100%;
                background-position: center center;
                background-repeat: no-repeat;
                margin-left: 15px;
                font-family: 'openSans-regular';
                font-style: normal;
                font-weight: normal;
                font-size: 14px;
                line-height: 20px;
                text-align: center;
                color: #3C1B4C;
                padding: 12px 30px;
                width: 280px;
            }

            .banner-lead-wrapper .lead-form div.alt-h3 img {
                margin-left: 15px;
            }

        .banner-lead-wrapper .lead-form p.alt-h5 {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 14px;
            line-height: 17px;
            color: #3D1C4C;
            margin-bottom: 10px;
        }

        .banner-lead-wrapper .lead-form .form-body > span {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 18px;
            line-height: 22px;
            color: #414141;
            display: inline-block;
            margin-bottom: 0px;
        }

            .banner-lead-wrapper .lead-form .form-body > span.top-row {
                margin-bottom: 30px;
            }

        .banner-lead-wrapper .lead-form .form-body .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            font-style: italic;
            font-family: 'openSans-regular';
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            background-color: #F7F7FC !important;
            border-radius: 4px 4px 0px 0px;
            border: none;
            border-bottom: 1px solid #C4C4C4;
            padding: 8px 10px;
            width: 100%;
            transition: 0.5s;
        }

            .banner-lead-wrapper .lead-form .form-body .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):focus {
                box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25) !important;
            }

            .banner-lead-wrapper .lead-form .form-body .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label, .banner-lead-wrapper .lead-form .form-body .tvd-angular-field textarea ~ label {
                left: 8px;
                top: 0px;
                font-style: italic;
                font-family: 'openSans-regular';
                font-weight: normal;
                color: #909090;
                background-color: transparent;
            }

        .banner-lead-wrapper .lead-form .form-body .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            visibility: hidden;
        }

    .banner-lead-wrapper .quick-contact-form .tvd-angular-field.mob-number label {
        top: 10px;
        left: 84px;
        font-style: italic;
        font-family: 'openSans-regular';
        font-weight: normal;
        color: #909090;
    }

    .banner-lead-wrapper .quick-contact-form .tvd-angular-field.mob-number.focused label {
        transform: translate(0px, -18px) scale(1) !important;
        font-size: 12px;
        padding: 0 5px;
        visibility: hidden;
        background-color: transparent;
        border-radius: 50px;
    }

    .banner-lead-wrapper .lead-form .form-body .tvd-angular-field {
        width: 200px;
        display: inline-block;
        margin: 0 10px;
        padding-top: 0px;
    }

        .banner-lead-wrapper .lead-form .form-body .tvd-angular-field > span {
            font-size: 12px;
            position: absolute;
            color: red;
            bottom: -16px;
        }

    .banner-lead-wrapper .lead-form .form-body > div {
        display: inline-block;
        position: relative;
    }

        .banner-lead-wrapper .lead-form .form-body > div > a {
            margin: 0 10px;
            font-style: italic;
            font-family: 'openSans-regular';
            font-weight: normal;
            font-size: 16px;
            line-height: 24px;
            color: #909090;
            background: #F7F7FC;
            border-radius: 4px 4px 0px 0px;
            border: none;
            border-bottom: 1px solid #C4C4C4;
            padding: 8px 10px;
            width: 400px;
            transition: 0.5s;
            position: relative;
            display: inline-block;
        }


            .banner-lead-wrapper .lead-form .form-body > div > a span.custom-err-msg {
                display: none;
                position: absolute;
                font-size: 12px;
                color: red;
                bottom: -22px;
                left: 0;
                font-style: normal;
                font-family: 'openSans-regular';
            }

        .banner-lead-wrapper .lead-form .form-body > div #serviceDropTrigger {
            display: inline-block;
        }

            .banner-lead-wrapper .lead-form .form-body > div #serviceDropTrigger span.selected-service {
                display: none;
            }

                .banner-lead-wrapper .lead-form .form-body > div #serviceDropTrigger span.selected-service:first-child {
                    display: inline-block;
                }

        .banner-lead-wrapper .lead-form .form-body > div #platformDropTrigger {
            display: inline-block;
        }

            .banner-lead-wrapper .lead-form .form-body > div #platformDropTrigger span.selected-platform {
                display: none;
            }

                .banner-lead-wrapper .lead-form .form-body > div #platformDropTrigger span.selected-platform:first-child {
                    display: inline-block;
                }

        .banner-lead-wrapper .lead-form .form-body > div > a.platform {
            width: 150px;
        }

        .banner-lead-wrapper .lead-form .form-body > div > a:before {
            content: url(../images/home-new/dropdown-arrow-form.svg);
            position: absolute;
            top: 9px;
            right: 12px;
        }

    .banner-lead-wrapper .lead-form-thanks {
        position: relative;
        width: 100%;
        height: 100%;
        text-align: center;
        overflow: hidden;
        padding: 20px 20px 34px;
        border-radius: 8px;
        display: none;
    }

        .banner-lead-wrapper .lead-form-thanks .wave-3 {
            position: absolute;
            bottom: -15px;
            width: 120%;
            left: -30px;
            z-index: 3;
            animation: waves 7s infinite alternate-reverse;
        }

        .banner-lead-wrapper .lead-form-thanks .wave-2 {
            position: absolute;
            bottom: -15px;
            width: 120%;
            left: -30px;
            z-index: 4;
            animation: waves 10s infinite alternate-reverse;
        }

        .banner-lead-wrapper .lead-form-thanks .wave-1 {
            position: absolute;
            bottom: -15px;
            width: 120%;
            left: -30px;
            z-index: 5;
            animation: waves 13s infinite alternate-reverse;
        }

@keyframes waves {
    0% {
        transform: translate(-30px,0);
    }

    25% {
        transform: translate(0px,0);
    }

    50% {
        transform: translate(-30px,0);
    }

    75% {
        transform: translate(0px,0);
    }

    100% {
        transform: translate(-30px,0);
    }
}


@keyframes plane {
    0% {
        transform: translate(-10px,20px);
    }

    25% {
        transform: translate(10px,0px) scale(1.2);
    }

    50% {
        transform: translate(-10px,20px);
    }

    75% {
        transform: translate(10px,0px) scale(1.2);
    }

    100% {
        transform: translate(-10px,20px);
    }
}

@keyframes stars {
    0% {
        opacity: 0.2;
    }

    25% {
        opacity: 1;
    }

    50% {
        opacity: 0.2;
    }

    75% {
        opacity: 1;
    }

    100% {
        opacity: 0.2;
    }
}


.banner-lead-wrapper .lead-form-thanks .thank-img {
    display: block;
    margin: 5px auto 15px;
}

.banner-lead-wrapper .lead-form-thanks .stars {
    display: block;
    margin: 0 auto;
    animation: stars 10s infinite;
}

.banner-lead-wrapper .lead-form-thanks .plane {
    display: block;
    margin: -68px auto 25px;
    animation: plane 10s infinite;
}

.banner-lead-wrapper .lead-form-thanks p.alt-h3 {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #303030;
}

.banner-lead-wrapper .lead-form-thanks p.alt-h5 {
    font-family: 'openSans-regular';
    font-style: italic;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    color: #606060;
    margin: 7px 0;
}

.banner-lead-wrapper .lead-form-thanks .common-btn {
    position: relative;
    z-index: 10;
}

.scroll-down-main.banner-lead {
    top: 286px;
    width: auto;
}

    .scroll-down-main.banner-lead a {
        display: block;
        font-size: 14px;
        line-height: 24px;
        font-family: 'openSans-semi-bold';
        color: #adadad;
    }

.banner-lead-wrapper .service-drop-wrapper {
    width: 860px;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(20, 20, 20, 0.15);
    border-radius: 8px;
    z-index: 5;
    position: absolute;
    top: 50px;
    left: -400px;
    display: none;
}

    .banner-lead-wrapper .service-drop-wrapper .service-drop-list {
        margin: 0;
        padding: 15px;
        position: relative;
    }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-list .service-drop-close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            z-index: 10;
        }

    .banner-lead-wrapper .service-drop-wrapper .service-drop-item {
        padding: 10px;
        margin: 0;
    }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item input {
            display: none;
        }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item label {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            width: 100%;
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            color: #606060;
            text-align: center;
            height: 114px;
            padding: 50px 5px 10px;
            box-shadow: 1px 4px 10px rgba(48, 48, 48, 0.15);
            border-radius: 8px;
            border: 2px solid transparent;
            transition: 0.5s;
            position: relative;
            background-repeat: no-repeat;
            cursor: pointer;
        }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item input:checked + label {
            border: 2px solid #F37222;
            color: #303030;
        }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item input:hover + label {
            border: 2px solid #F37222;
            color: #303030;
        }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item label::after {
            content: url('../images/home-new/drop-check-gray.svg');
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .banner-lead-wrapper .service-drop-wrapper .service-drop-item input:checked + label::after {
            content: url('../images/home-new/drop-check-green.svg');
        }

.banner-lead-wrapper .service-drop-item input#sedp1 + label {
    background-image: url('../images/home-new/service-drop-icon-1.svg');
    background-position: center 18px;
}

.banner-lead-wrapper .service-drop-item input#sedp2 + label {
    background-image: url('../images/home-new/service-drop-icon-2.svg');
    background-position: center 25px;
}

.banner-lead-wrapper .service-drop-item input#sedp3 + label {
    background-image: url('../images/home-new/service-drop-icon-3.svg');
    background-position: center 14px;
}

.banner-lead-wrapper .service-drop-item input#sedp4 + label {
    background-image: url('../images/home-new/service-drop-icon-4.svg');
    background-position: center 14px;
    padding: 50px 24px 10px;
}

.banner-lead-wrapper .service-drop-item input#sedp5 + label {
    background-image: url('../images/home-new/service-drop-icon-5.svg');
    background-position: center 18px;
}

.banner-lead-wrapper .service-drop-item input#sedp6 + label {
    background-image: url('../images/home-new/service-drop-icon-6.svg');
    background-position: center 18px;
}

.banner-lead-wrapper .service-drop-item input#sedp7 + label {
    background-image: url('../images/home-new/service-drop-icon-7.svg');
    background-position: center 30px;
}

.banner-lead-wrapper .service-drop-item input#sedp8 + label {
    background-image: url('../images/home-new/service-drop-icon-8.svg');
    background-position: center 18px;
}


.banner-lead-wrapper .platform-drop-wrapper {
    width: 560px;
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(20, 20, 20, 0.15);
    border-radius: 8px;
    z-index: 5;
    position: absolute;
    top: 50px;
    left: 0px;
    display: none;
}

    .banner-lead-wrapper .platform-drop-wrapper .platform-drop-list {
        margin: 0;
        padding: 15px;
        position: relative;
    }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-list .platform-drop-close {
            position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;
            z-index: 10;
        }

    .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item {
        padding: 10px;
        margin: 0;
    }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item input {
            display: none;
        }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item label {
            display: flex;
            align-items: center;
            width: 100%;
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 16px;
            line-height: 19px;
            color: #606060;
            /*text-align:center;*/
            /*height:114px;*/
            padding: 10px;
            box-shadow: 1px 4px 10px rgba(48, 48, 48, 0.15);
            border-radius: 8px;
            border: 2px solid transparent;
            transition: 0.5s;
            position: relative;
            cursor: pointer;
        }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item input:checked + label {
            border: 2px solid #F37222;
            color: #303030;
        }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item input:hover + label {
            border: 2px solid #F37222;
            color: #303030;
        }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item label::after {
            content: url('../images/home-new/drop-check-gray.svg');
            position: absolute;
            top: 10px;
            right: 10px;
        }

        .banner-lead-wrapper .platform-drop-wrapper .platform-drop-item input:checked + label::after {
            content: url('../images/home-new/drop-check-green.svg');
        }

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

    .slider-main-wrapper .carousel-control-next.lead, .slider-main-wrapper .carousel-control-prev.lead {
        top: 70px;
        left: auto;
        right: 20px;
    }

    .slider-main-wrapper .carousel-control-prev.lead {
        right: 70px;
    }

    .slider-main-wrapper .lead-slide-count {
        position: absolute;
        top: 75px;
        left: auto;
        bottom: auto;
        right: 50px;
        font-family: 'openSans-regular';
        font-weight: 500;
        font-size: 16px;
        line-height: 20px;
        text-align: center;
        color: #BDBDBD;
    }

    .slider-main-wrapper.home-page-wrapper {
        height: 640px;
    }

    .small-ban .slider-main-slide.bhaasha {
        background: url(../images/img-banners/bhaasha-small-mobile-bg.png) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .small-ban .slider-main-slide.accs {
        background: url(../images/img-banners/accs-small-mobile-bg.png) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .small-ban .slider-main-slide.desled {
        background: url(../images/img-banners/desled-small-mobile-bg.png) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .small-ban .slider-main-slide.chatbot {
        background: url(../images/img-banners/chatbot-small-mobile-bg.png) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .small-ban .slider-main-slide.award {
        background: url(../images/img-banners/award-small-mobile-bg.png) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

        .small-ban .slider-main-slide.bhaasha .book-demo-main,
        .small-ban .slider-main-slide.accs .book-demo-main,
        .small-ban .slider-main-slide.desled .book-demo-main,
        .small-ban .slider-main-slide.chatbot .book-demo-main,
        .small-ban .slider-main-slide.award .book-demo-main {
            display: none;
        }

    .banner-lead-wrapper .lead-form div.alt-h3 > div.sky-rocket-wrapper {
        display: none;
    }

    .banner-lead-wrapper .lead-form div.alt-h3 .hide-on-mob,
    .banner-lead-wrapper .lead-form div.alt-h5 .hide-on-mob {
        display: none;
    }

    .banner-lead-wrapper {
        background: rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        width: 94%;
        max-height: unset;
        margin: -150px auto 0;
        padding: 15px;
        transition: 0.5s;
    }

        .banner-lead-wrapper .lead-form {
            height: 100%;
            background: #FFFFFF;
            padding: 15px;
            border-radius: 8px;
        }

            .banner-lead-wrapper .lead-form .form-body > span.top-row {
                margin-bottom: 0;
            }

            .banner-lead-wrapper .lead-form .form-body .tvd-angular-field {
                width: 100%;
                display: inline-block;
                margin: 5px 0 10px;
                padding-top: 0px;
            }

            .banner-lead-wrapper .lead-form .form-body > span.platform-field,
            .banner-lead-wrapper .lead-form .form-body > div.platform-field {
                display: none !important;
            }

            .banner-lead-wrapper .lead-form .form-body > div {
                width: 100%;
            }

                .banner-lead-wrapper .lead-form .form-body > div > a {
                    margin: 5px 0 10px;
                    width: 100%;
                }

            .banner-lead-wrapper .lead-form div.alt-h3 {
                font-size: 18px;
                line-height: 24px;
            }

            .banner-lead-wrapper .lead-form .form-body > span {
                font-size: 14px;
                line-height: 17px;
            }

            .banner-lead-wrapper .lead-form .form-body > div > a {
                font-size: 14px;
            }

        .banner-lead-wrapper .quick-contact-form .tvd-angular-field.mob-number label {
            font-size: 14px;
        }

        .banner-lead-wrapper .lead-form .form-body .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            font-size: 9px;
        }

        .banner-lead-wrapper .lead-form .form-body .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            font-size: 14px;
        }

        .banner-lead-wrapper .lead-form .connect-btn {
            width: 100%;
            margin-top: 15px;
        }

        .banner-lead-wrapper .service-drop-wrapper {
            width: calc(100% + 60px);
            top: -196px;
            left: -30px;
        }

            .banner-lead-wrapper .service-drop-wrapper .service-drop-item label {
                font-size: 12px;
                line-height: 14px;
                height: 96px;
                padding: 40px 2px 10px;
                background-size: auto 30px;
                box-shadow: 0.760309px 3.04124px 7.60309px rgba(48, 48, 48, 0.15);
            }

            .banner-lead-wrapper .service-drop-wrapper .service-drop-item {
                padding: 6px;
            }

                .banner-lead-wrapper .service-drop-wrapper .service-drop-item input:checked + label {
                    font-family: 'openSans-semi-bold';
                    font-weight: 600;
                }

            .banner-lead-wrapper .service-drop-wrapper .service-drop-list {
                margin: 0;
                padding: 36px 10px 10px;
                position: relative;
            }

        .banner-lead-wrapper .service-drop-title {
            position: absolute;
            top: 14px;
            left: 18px;
            font-family: 'openSans-semi-bold';
            font-style: normal;
            font-weight: 600;
            font-size: 18px;
            line-height: 18px;
            color: #321446;
        }

        .banner-lead-wrapper .lead-form .form-body > div #serviceDropTrigger {
            display: inline-flex;
            max-width: 76%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

            .banner-lead-wrapper .lead-form .form-body > div #serviceDropTrigger span.selected-service:first-child {
                display: inline;
                width: 100%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .banner-lead-wrapper.open {
            margin: -515px auto 38px;
        }

        .banner-lead-wrapper .lead-form-thanks {
            padding: 15px;
            background: #FFFFFF;
        }

            .banner-lead-wrapper .lead-form-thanks .common-btn {
                width: 100%;
                margin-top: 10px;
                padding: 12px 15px;
                text-transform: capitalize;
                font-size: 16px;
            }

            .banner-lead-wrapper .lead-form-thanks p.alt-h3 {
                font-size: 16px;
                line-height: 20px;
            }

            .banner-lead-wrapper .lead-form-thanks p.alt-h5 {
                font-size: 16px;
                line-height: 20px;
            }

            .banner-lead-wrapper .lead-form-thanks .wave-1,
            .banner-lead-wrapper .lead-form-thanks .wave-2,
            .banner-lead-wrapper .lead-form-thanks .wave-3 {
                display: none;
            }
}

@media screen and (width: 768px) {

    .small-ban .carousel-item.bhaasha {
        background: url(../images/img-banners/bhaasha-small-banner.png) no-repeat;
        background-size: 100% auto !important;
        background-position: bottom center;
    }

        .small-ban .carousel-item.bhaasha .book-demo-main {
            top: 107px;
            left: 53%;
        }

    .small-ban .carousel-item.desled {
        background: url(../images/img-banners/desled-small-banner.png) no-repeat;
        background-size: 100% auto !important;
        background-position: bottom center;
    }

        .small-ban .carousel-item.desled .book-demo-main {
            top: 124px;
        }

    .small-ban .carousel-item.accs {
        background: url(../images/img-banners/accs-small-banner.png) no-repeat;
        background-size: 100% auto !important;
        background-position: bottom center;
    }

        .small-ban .carousel-item.accs .book-demo-main {
            top: 108px;
            left: 38%;
        }

    .small-ban .carousel-item.chatbot {
        background: url(../images/img-banners/chatbot-small-banner.png) no-repeat;
        background-size: 100% auto !important;
        background-position: bottom center;
    }

        .small-ban .carousel-item.chatbot .book-demo-main {
            top: 124px;
            left: 68%;
        }

    .small-ban .carousel-item.award {
        background: url(../images/img-banners/award-small-banner.png) no-repeat;
        background-size: 100% auto !important;
        background-position: bottom center;
    }

        .small-ban .carousel-item.award .book-demo-main {
            top: 118px;
        }

    .slider-main.small-ban .carousel-item {
        height: 220px;
    }

    .banner-lead-wrapper {
        margin: -2px auto 100px;
    }

    .slider-main-wrapper .lead-slide-count {
        bottom: 18px;
        left: 110px;
    }

    .slider-main-wrapper .carousel-control-next.lead, .slider-main-wrapper .carousel-control-prev.lead {
        bottom: 14px;
        left: 70px;
    }

    .slider-main-wrapper .carousel-control-next.lead {
        left: 140px;
    }

    .banner-lead-wrapper .lead-form .form-body > span {
        margin-bottom: 30px;
    }

    .banner-lead-wrapper .lead-form .form-body > br {
        display: none;
    }

    .banner-lead-wrapper {
        max-height: 410px;
    }

    .scroll-down-main.banner-lead {
        top: 420px;
    }

    .certified-section-container .carousel-control-next.badges, .certified-section-container .carousel-control-prev.badges {
        top: 240px;
        left: calc(50% + 200px);
    }

    .certified-section-container .carousel-control-prev.badges {
        left: calc(50% - 200px);
    }

    .banner-lead-wrapper .platform-drop-wrapper {
        left: -400px;
    }

    .banner-lead-wrapper .service-drop-wrapper {
        width: 480px;
        left: 0;
    }
}

@media screen and (width: 1024px) {
    .slider-main.small-ban .carousel-item {
        height: 300px;
    }

    .slider-main-wrapper .carousel-control-next.lead, .slider-main-wrapper .carousel-control-prev.lead {
        bottom: 36px;
    }

    .slider-main-wrapper .lead-slide-count {
        bottom: 42px;
    }
}

@media screen and (min-width: 1920px) {
    .slider-main.small-ban .carousel-item {
        height: 460px;
    }

    .small-ban .carousel-item.accs .book-demo-main {
        top: 206px;
    }

    .small-ban .carousel-item.bhaasha .book-demo-main {
        top: 205px;
    }

    .small-ban .carousel-item.desled .book-demo-main {
        top: 235px;
    }

    .small-ban .carousel-item.chatbot .book-demo-main {
        top: 240px;
    }

    .small-ban .carousel-item.award .book-demo-main {
        top: 235px;
    }
}

@media screen and (max-width: 767px) and (min-width: 411px) {
    .slider-main-wrapper.home-page-wrapper {
        height: 700px;
    }

    .small-ban .slider-main-slide.audit {
        height: 700px;
    }

    .small-ban .slider-main-slide.accs {
        height: 700px;
    }

    .small-ban .slider-main-slide.desled {
        height: 700px;
    }

    .small-ban .slider-main-slide.bhaasha {
        height: 700px;
    }

    .small-ban .slider-main-slide.chatbot {
        height: 700px;
    }

    .small-ban .slider-main-slide.award {
        height: 700px;
    }
}

/*================================== small banners with leadgen ends ==============================*/

/*================================== service banners with leadgen starts ==============================*/

.service-banner-left-main.leadg h1 {
    font-family: openSans-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    color: #303030;
}

.service-top-wrapper .service-container.leadg {
    justify-content: space-between;
    padding: 112px 0px 150px;
    position: relative;
}

.mobile-app-sub-service-top-wrapper .service-container .scroll-down-service {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 120px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.service-container.digital-service-container .scroll-down-service {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 120px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.service-top-wrapper .service-container.leadg .scroll-down-service {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 50px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.scroll-down-service.mobile-sol {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 123px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.scroll-down-service.cx {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 123px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.scroll-down-service.ai-chatbot {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 123px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.scroll-down-service.access {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 123px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.scroll-down-service.product-inter {
    display: flex;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: unset;
    bottom: 125px;
    width: 40px;
    z-index: 5;
    justify-content: center;
}

.service-banner-left-main.leadg {
    margin-top: 0px;
    max-width: 560px !important;
}

.service-banner-left-main.mob-sol.leadg {
    margin-top: 2px;
    max-width: 680px !important;
    margin-right: 0px;
}

.service-banner-left-main.leadg p {
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    font-family: 'openSans-regular';
}

.service-banner-img.leadg {
    padding-left: 0;
    padding-top: 0;
}



    .service-banner-img.leadg.ux-ui {
        width: 420px;
    }

    .service-banner-img.leadg.srv-web {
        width: 400px;
    }

    .service-banner-img.leadg.ai-chatbot {
        width: 334px;
        /*margin: 18px 0 0;*/
    }

    .service-banner-img.leadg.iot {
        width: 310px;
    }

    .service-banner-img.leadg.product-inter {
        width: 320px;
    }


.mobility-top-wrapper .service-banner-img.leadg {
    padding-left: 70px;
    padding-top: 0;
}

.service-banner-img.leadg.team-aug {
    padding-left: 0;
    padding-top: 0;
}

.service-container.digital-service-container .service-banner-left-main .digital-banner-img {
    width: 343px;
    max-height: 325px;
}

.mobile-dev-top-wrapper .service-banner-img.leadg {
    padding-left: 0;
    padding-top: 0;
    max-height: 230px;
}

.service-banner-left-main.web-soln .service-banner-img.leadg.desktop {
    padding-left: 0;
    padding-top: 0;
    display: block;
}

.service-banner-left-main.web-soln .service-banner-img.leadg.mobile {
    padding-left: 0;
    padding-top: 0;
    display: none;
}

.service-banner-left-main.ent-mob-sol .service-banner-img.leadg {
    margin-left: 60px;
    padding: 0;
}

.erp-integration .service-banner-left-main.erp-crm .service-banner-img.leadg {
    margin-left: 60px;
    width: 66%;
    padding: 0;
}

.service-banner-left-main.erp-crm .service-banner-img.leadg.desktop {
    padding-left: 0;
    padding-top: 0;
    display: block;
    margin-bottom: 54px;
}

.service-banner-left-main.erp-crm .service-banner-img.leadg.mobile {
    padding-left: 0;
    padding-top: 0;
    display: none;
}

.service-banner-right-main.leadg .main-title {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 22px;
    line-height: 30px;
    text-align: center;
    color: #351346;
}

.service-banner-right-main.leadg .service-lead-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(20, 20, 20, 0.15);
    border-radius: 40px;
    width: 400px;
    height: auto;
    margin: 0px auto 0;
    position: relative;
    z-index: 5;
    transform: translateY(-380px);
}

    .service-banner-right-main.leadg .service-lead-wrapper .page1::after {
        content: url(../images/service-form-page-dots.svg);
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }

/* .service-banner-right-main.leadg .service-lead-wrapper .page2::after {
        content: url(../images/service-form-page-dots.svg);
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%) rotateY(180deg);
    }*/

.service-banner-right-main.leadg .page1, .service-banner-right-main.leadg .page2 {
    padding: 24px 20px 0;
    position: relative;
}

    /*.service-banner-right-main.leadg .page2 {
    display: none;
}*/

    .service-banner-right-main.leadg .page1 .card-head {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 28px;
        text-align: center;
        color: #321446;
        margin-bottom: 15px;
    }

    .service-banner-right-main.leadg .page1 .service-radio-list {
        padding: 10px;
    }

    .service-banner-right-main.leadg .page1 .service-radio-item {
        padding: 10px;
        margin: 0;
    }

        .service-banner-right-main.leadg .page1 .service-radio-item input {
            display: none;
        }

        .service-banner-right-main.leadg .page1 .service-radio-item label {
            display: flex;
            align-items: flex-end;
            justify-content: center;
            width: 100%;
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 12px;
            line-height: 18px;
            color: #666666;
            text-align: center;
            height: 104px;
            padding: 50px 10px 10px;
            box-shadow: 1px 4px 10px rgba(48, 48, 48, 0.15);
            border-radius: 8px;
            border: 2px solid transparent;
            transition: 0.5s;
            background-repeat: no-repeat;
            cursor: pointer;
            user-select: none;
        }

        .service-banner-right-main.leadg .page1 .service-radio-item input:checked + label,
        .service-banner-right-main.leadg .page1 .service-radio-item input:hover + label {
            border: 2px solid #F37222;
            /*font-family: 'openSans-semi-bold';*/
            font-style: normal;
            /*font-weight: 600;*/
            font-size: 12px;
            line-height: 15px;
            text-align: center;
            color: #321446;
        }

.service-banner-right-main.leadg .mobility-development .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/android-app-dev.svg');
    background-position: center 20px;
}

.service-banner-right-main.leadg .mobility-development .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/ios-app-dev.svg');
    background-position: center 24px;
}

.service-banner-right-main.leadg .mobility-development .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/cross-plat-mob-app.svg');
    background-position: center 26px;
}

.service-banner-right-main.leadg .mobility-development .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/mob-app-design.svg');
    background-position: center 20px;
}

.service-banner-right-main.leadg .ent-mob-sol .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/payment-sol.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ent-mob-sol .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/supply-chain-auto.svg');
    background-position: center 24px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ent-mob-sol .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/learn-develop.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ent-mob-sol .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/sales-mgmt-cro.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .cx-strategy .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/cx-form-icon-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .cx-strategy .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/cx-form-icon-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .cx-strategy .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/cx-form-icon-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .cx-strategy .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/cx-form-icon-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ux-design .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/ux-ui-form-icon-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ux-design .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/ux-ui-form-icon-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ux-design .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-ui-form-icon-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ux-design .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/ux-ui-form-icon-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/user-research-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/android-app-development-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/app-development-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-m-site .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/user-research-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-m-site .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-m-site .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-ui-design-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-m-site .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/web-development-3.svg');
    background-position: center 26px;
    background-size: 32px;
}


.service-banner-right-main.leadg .ai-chatbot .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/conversational-ui-design-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ai-chatbot .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ai-chatbot .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/nlp-engine-integration-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .ai-chatbot .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/deployment-and-uat-4.svg');
    background-position: center 26px;
    background-size: 32px;
}


.service-banner-right-main.leadg .wearable .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/user-research-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .wearable .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .wearable .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-ui-design-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .wearable .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/web-development-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .iot .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/live-remote-monitoring.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .iot .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/data-analytics.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .iot .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/third-party-integration.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .iot .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/cloud-service.svg');
    background-position: center 26px;
    background-size: 32px;
}


.service-banner-right-main.leadg .product-inter .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/product-experience.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .product-inter .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/product-function-consulting.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .product-inter .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-ui-design.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .product-inter .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/deployment-and-uat.svg');
    background-position: center 26px;
    background-size: 32px;
}


.service-banner-right-main.leadg .digital-transform .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/product-innovation.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .digital-transform .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/end-to-end-transformation.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .digital-transform .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/digital-strategy-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .digital-transform .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/mobile-enterprise-solution.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .video-banking .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/conversational-ui-design-1.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .video-banking .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .video-banking .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/nlp-engine-integration-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .video-banking .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/deployment-and-uat.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .data-visualization .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/analytics-and-insights.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .data-visualization .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/dashboard-creation.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .data-visualization .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-ui-design.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .data-visualization .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/user-research-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .content-strategy .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/mobile-content.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .content-strategy .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/ivr-content.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .content-strategy .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ai-chatbots.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .content-strategy .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/multi-lingual-content.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .access .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/accessibility-audit.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .access .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/accessbility-compliant-design.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .access .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/accessibiliety-implemntation.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .access .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/accessibility-compliant-maintenance.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobility-solution .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/mobility-solutions.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobility-solution .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/enterprise-mobility-solution.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobility-solution .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/crm-mobile-integration.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobility-solution .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/cloud-service-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .team-aug .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/team-augmentation-icon-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .team-aug .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/team-augmentation-icon-2.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .team-aug .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/team-augmentation-icon-3.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .team-aug .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/team-augmentation-icon-4.svg');
    background-position: center 26px;
    background-size: 32px;
}


.service-banner-right-main.leadg .erp-crm .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/team-augmentation-icon-4.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .erp-crm .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/integration.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .erp-crm .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/maintenance-and-data-security.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .erp-crm .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/end-to-end-services.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-solution .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/web-design.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-solution .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/e-commerce.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-solution .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/cms.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-solution .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/integration.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .pro-web-app .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/web-design.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .pro-web-app .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/e-commerce.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .pro-web-app .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/cms.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .pro-web-app .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/integration.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-app .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/web-design-and-development.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-app .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-app .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/user-research-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-app .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/enterprise-web-apps.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .chatbot .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/conversational-ui-design-1.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .chatbot .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/content-strategy-2.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .chatbot .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/nlp-engine-integration-3.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .chatbot .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/deployment-and-uat.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-audit .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/competitive-landscape-analysis.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-audit .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/user-research.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-audit .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/usability-testing.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-audit .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/ux-nps.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-optim .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/heat-maps.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-optim .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/competitive-landscape-analysis.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-optim .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/data-and-analytics.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-optim .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/user-research.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-competitive .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/heat-maps.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-competitive .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/competitive-landscape-analysis.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-competitive .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/data-and-analytics.svg');
    background-position: center 20px;
    background-size: 32px;
}

.service-banner-right-main.leadg .web-competitive .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen//usability-testing.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-testing .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/user-research.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-testing .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/usability-testing.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-testing .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/ux-nps.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .usability-testing .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/usability-audit.svg');
    background-position: center 26px;
    background-size: 32px;
}

.service-banner-right-main.leadg .bhaasha .service-radio-item label {
    background-size: auto 40px;
}

.service-banner-right-main.leadg .bhaasha .service-radio-item.serv1 label {
    background-image: url('../images/service-leadgen/content-trans.svg');
    background-position: center 26px;
}

.service-banner-right-main.leadg .bhaasha .service-radio-item.serv2 label {
    background-image: url('../images/service-leadgen/context-adapt.svg');
    background-position: center 24px;
}

.service-banner-right-main.leadg .bhaasha .service-radio-item.serv3 label {
    background-image: url('../images/service-leadgen/voice-tech.svg');
    background-position: center 26px;
}

.service-banner-right-main.leadg .bhaasha .service-radio-item.serv4 label {
    background-image: url('../images/service-leadgen/multi-voice-chatbot.svg');
    background-position: center 16px;
}

.service-banner-right-main.leadg .waves {
    /*position: absolute;*/
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    border-radius: 40px;
    height: 100px;
    overflow: hidden;
    /*margin: 0 -5px;*/
}

    .service-banner-right-main.leadg .waves > div {
        position: relative;
        height: 100%;
    }

.service-banner-right-main.leadg .waves {
    border-radius: 40px;
}


.service-banner-right-main.leadg .wave-3 {
    position: absolute;
    bottom: 0px;
    width: 120%;
    height: 80px;
    left: -30px;
    z-index: 3;
    /*animation: waves 7s infinite alternate-reverse ;*/
}

.service-banner-right-main.leadg .wave-2 {
    position: absolute;
    bottom: 0px;
    width: 120%;
    height: 70px;
    left: -30px;
    z-index: 4;
    /*animation: waves 10s infinite alternate-reverse ;*/
}

.service-banner-right-main.leadg .wave-1 {
    position: absolute;
    bottom: 0px;
    width: 120%;
    height: 50px;
    left: -30px;
    z-index: 5;
    /*animation: waves 13s infinite alternate-reverse ;*/
}

.service-banner-right-main.leadg .page2 .card-head {
    font-family: openSans-semi-bold;
    font-style: normal;
    /* font-weight: normal;*/
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    color: #341447;
    padding: 0 10px 20px;
    position: relative;
    font-weight: 600;
}

    .service-banner-right-main.leadg .page2 .card-head > a {
        position: absolute;
        left: 4px;
        top: 3px;
    }

.service-banner-right-main.leadg .page2 .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label,
.service-banner-right-main.leadg .page2 .tvd-angular-field.mob-number label {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 20px;
    color: #909090;
    top: -2px;
    transform: translate(0,1.4rem) scale(1.2);
}

.service-banner-right-main.leadg .page2 .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    transform: translate(0,0) scale(1);
}

.service-banner-right-main.leadg .page2 .connect-btn {
    display: block;
    margin: 20px auto 0;
    padding: 14px;
    width: 220px;
    border: solid 1px #f37222;
    background-color: #f37222;
    color: #FFFFFF;
    position: relative;
    z-index: 11;
    font-size: 16px;
}

    .service-banner-right-main.leadg .page2 .connect-btn.mobile {
        display: block;
        margin: 40px auto 0;
        padding: 14px;
        width: 220px;
        position: relative;
        z-index: 11;
    }

.btn::before {
    display: none;
}

.btn::after {
    display: none;
}

.service-banner-right-main.leadg .page2 .connect-btn .spinner-border.service {
    width: 20px;
    height: 20px;
}

.service-banner-right-main.leadg .page2 .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    border-color: #C4C4C4;
}

.service-banner-right-main.leadg .page2 .tvd-angular-field, .service-banner-right-main.leadg .page2 .tvd-angular-field.contact-field.mob-number {
    position: relative;
    padding-top: 15px;
}

    .service-banner-right-main.leadg .page2 .tvd-angular-field > span {
        font-size: 12px;
        position: relative;
        color: red;
        /*bottom: -16px;*/
    }

    .service-banner-right-main.leadg .page2 .tvd-angular-field.mob-number label {
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        -webkit-transform-origin: left bottom;
        -ms-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: translate(0,1.4rem) scale(1.2);
        -ms-transform: translate(0,1.4rem) scale(1.2);
        transform: translate(0,1.4rem) scale(1.2);
        -moz-transform: translate(0,1.4rem) scale(1.2);
        -o-transform: translate(0,1.4rem) scale(1.2);
        pointer-events: none;
        margin-left: 7px;
        font-size: 14px;
        color: #797979;
        transition: all .2s;
        -webkit-transition: all .2s;
        -moz-transition: all .2s;
        -ms-transition: all .2s;
        -o-transition: all .2s;
        position: absolute;
        top: 0;
        left: 104px;
        line-height: 1;
    }

    .service-banner-right-main.leadg .page2 .tvd-angular-field.mob-number.focused label {
        transform: translate(0px, 0px) scale(1) !important;
        padding: 0;
        background-color: transparent;
        border-radius: 50px;
    }

    .service-banner-right-main.leadg .page2 .tvd-angular-field.mob-number input {
        padding-left: 104px !important;
    }

.tvd-angular-field.contact-field .only-business-id {
    position: absolute;
    top: 49px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}


.tvd-angular-field.contact-field.email .only-business-id.bhasha {
    top: 30px !important;
}


.tvd-angular-field.contact-field.chatbot .only-business-id {
    position: absolute;
    top: 80px;
    font-weight: 400;
    font-size: 12px !important;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.ar-service .only-business-id {
    position: absolute;
    top: 70px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.mobile-dev .only-business-id {
    position: relative;
    top: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
    margin-top: unset;
}

.tvd-angular-field.contact-field.mob-enterprise .only-business-id {
    position: relative;
    top: 0px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    /*min-width: 356px;*/
    font-family: 'openSans-regular';
    margin-top: unset;
}

.tvd-angular-field.contact-field.contact .only-business-id {
    position: absolute;
    top: 78px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.bhaasha-page .only-business-id {
    position: relative;
    top: auto;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.email .only-business-id {
    position: absolute;
    top: 60px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.meta .only-business-id {
    position: absolute;
    top: 65px;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}


    .tvd-angular-field.contact-field.meta .only-business-id.ar {        
        top: 73px;       
    }


.tvd-angular-field.contact-field.metaverse .only-business-id {
    position: absolute;
    top: 93px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.tvd-angular-field.contact-field.bhaasha-page .gint-cc-message.top {
    top: auto !important;
}

.service-banner-right-main.leadg .page2 .iti--allow-dropdown .iti__flag-container,
.service-banner-right-main.leadg .page2 .iti--separate-dial-code .iti__flag-container {
    width: 100px;
}

.service-banner-right-main.leadg .page2 .iti--separate-dial-code .iti__selected-flag {
    justify-content: center;
}

.service-banner-right-main.leadg .page2 .iti__country-list--dropup,
.service-banner-right-main.leadg .page2 .iti__country-list {
    bottom: unset;
    margin-bottom: 0;
    margin-top: 5px;
    margin-left: -100px;
    max-height: 240px;
    z-index: 15;
}

.service-banner-right-main.leadg .service-thanks-wrapper {
    background: #FFFFFF;
    box-shadow: 0px 4px 24px rgba(20, 20, 20, 0.15);
    border-radius: 40px;
    width: 400px;
    height: auto;
    margin: 10px auto 0;
    position: relative;
    /*    padding: 44px 10px 0;*/
    transition: 1s;
}

    .service-banner-right-main.leadg .service-thanks-wrapper.hidden {
        transform: scale(0.8);
        z-index: 2;
        margin-top: -30px;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper > img.thank-img {
        display: block;
        margin: 0 auto;
        margin-bottom: 30px;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper > img.stars {
        display: block;
        margin: 0 auto;
        max-width: 100%;
        animation: stars 10s infinite;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper > img.plane {
        display: block;
        margin: -45px auto 25px;
        animation: plane 10s infinite;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper .main-line {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        color: #351346;
        margin-bottom: 15px;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper .sub-line {
        font-family: 'openSans-regular';
        font-style: italic;
        font-weight: normal;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #606060;
        margin-bottom: 15px;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper .common-btn {
        display: block;
        width: 160px;
        margin: 0 auto;
        color: #FFFFFF;
        z-index: 11;
        position: relative;
    }

.service-banner-right-main.leadg .serivce-banner-cards-wrapper {
    max-height: 460px;
    margin-right: 5px;
}

    .service-banner-right-main.leadg .serivce-banner-cards-wrapper.mobile-sol {
        max-height: 460px;
        margin-left: auto;
    }


@media screen and (max-width: 767px) and (min-width: 320px) {
    .mobility-top-wrapper.leadg {
        width: 100%;
        background: url(../images/mobility-solution-service/mobility-service-bg.svg) no-repeat;
        background-size: auto 520px;
        background-position: 40% 0%;
    }

    .service-banner-left-main.mob-sol.leadg {
        /*margin-top: 38px;*/
        max-width: 100% !important;
        margin-left: auto;
        margin-right: auto;
    }

    .service-top-wrapper .service-container.leadg {
        justify-content: space-between;
        padding: 40px 10px 110px;
        position: relative;
    }

    .service-top-wrapper.mobile-app-sub-service-top-wrapper .service-container.leadg {
        padding: 10px 10px 110px;
    }

    .service-banner-left-main.leadg {
        margin-top: 0;
    }

        .service-banner-left-main.leadg h1 {
            text-align: center;
            margin-bottom: 10px;
            font-size: 24px;
            line-height: 30px;
        }

        .service-banner-left-main.leadg p {
            font-size: 14px;
            line-height: 20px;
            text-align: center;
            width: 100%;
            max-width: none;
        }

    .service-banner-img.leadg {
        padding-left: 0;
        max-width: 90%;
        padding-top: 0;
        margin: 10px auto;
    }

    .mobility-top-wrapper .service-banner-img.leadg {
        margin: 10px auto;
        padding: 0;
    }

    .service-banner-left-main.ent-mob-sol .service-banner-img.leadg {
        margin: 0 auto;
        padding: 0;
    }

    .service-banner-left-main.web-soln .service-banner-img.leadg.desktop {
        padding-left: 0;
        padding-top: 0;
        display: none;
    }

    .service-banner-left-main.web-soln .service-banner-img.leadg.mobile {
        padding-left: 0;
        padding-top: 0;
        display: block;
    }

    .service-banner-left-main.erp-crm .service-banner-img.leadg.desktop {
        padding-left: 0;
        padding-top: 0;
        display: none;
    }

    .service-banner-left-main.erp-crm .service-banner-img.leadg.mobile {
        padding-left: 0;
        padding-top: 0;
        display: block;
    }

    .service-banner-right-main.leadg .serivce-banner-cards-wrapper {
        max-height: 480px;
        margin-right: 0;
        margin-left: 0;
    }

        .service-banner-right-main.leadg .serivce-banner-cards-wrapper.mobile-sol {
            max-height: 100%;
            margin-right: 0;
            margin-left: 0;
        }

    .service-banner-right-main.leadg .main-title {
        font-size: 20px;
        line-height: 24px;
        font-family: openSans-bold;
        margin: 15px 0;
    }

        .service-banner-right-main.leadg .main-title span {
            display: block;
        }

    .service-banner-right-main.leadg .service-lead-wrapper {
        /*border-radius: 8px;*/
        width: 100%;
        height: auto;
        margin: -381px auto 0;
        position: relative;
        z-index: 5;
        transform: none;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper.hidden {
        margin-top: 0px;
    }

    .service-banner-right-main.leadg img {
        margin: 0;
    }

    /*.service-banner-right-main.leadg .waves {
        border-radius: 8px;
    }*/

    .service-banner-right-main.leadg .page1 .card-head {
        font-size: 18px;
        line-height: 24px;
        margin-top: 10px;
        margin-bottom: 0;
    }

    .service-banner-right-main.leadg .page1, .service-banner-right-main.leadg .page2 {
        padding: 36px 10px 15px;
        position: relative;
    }

        .service-banner-right-main.leadg .page1 .service-radio-item {
            padding: 6px;
            margin: 0;
        }



    .service-banner-right-main.leadg .service-thanks-wrapper {
        border-radius: 8px;
        width: 100%;
        height: auto;
        margin: 30px auto 0;
        /*padding: 36px 10px 40px;*/
    }

    .service-banner-right-main.leadg .page1 .service-radio-item label {
        background-size: auto 36px;
    }

    .service-banner-right-main.leadg .page2 .card-head {
        font-size: 16px;
        line-height: 20px;
        padding: 0 25px 10px;
    }

        .service-banner-right-main.leadg .page2 .card-head > a {
            position: absolute;
            left: 4px;
            top: -25px;
        }

    .service-banner-right-main.leadg .page2 .connect-btn {
        margin: 42px auto 10px;
    }

    .service-banner-right-main.leadg .page2 .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #ccc;
    }

    .service-container.digital-service-container .scroll-down-service {
        bottom: 15px;
    }

    .service-top-wrapper.mobile-app-sub-service-top-wrapper .service-container .scroll-down-service {
        bottom: 15px;
    }

    .service-top-wrapper .service-container.leadg .scroll-down-service {
        bottom: 15px;
        width: 60px;
    }

        .service-top-wrapper .service-container.leadg .scroll-down-service.video-bank {
            bottom: 23px;
        }

    .scroll-down-service.access {
        bottom: 15px;
        width: 60px;
    }

    .service-top-wrapper .service-container.leadg .scroll-down-service img {
        width: 100%;
    }

    .scroll-down-service.mobile-sol {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: unset;
        bottom: 13px;
        width: 40px;
        z-index: 2;
        justify-content: center;
    }

    .scroll-down-service.cx {
        display: flex;
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        top: 967px;
        /*bottom: 13px;*/
        width: 40px;
        z-index: 2;
        justify-content: center;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper .main-line {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper .common-btn {
        margin: 15px auto;
    }
}

/*================================== service banners with leadgen ends ==============================*/

/*================================== contact us new starts ==============================*/

.social-dropdown-content.contact-new {
    width: 600px;
}

.contact-us-form-wrapper .tabs-content-main.contact-new {
    padding: 0px 20px 15px 0;
}

.social-badge.contact-new {
    background: #F2F2F2;
    border-radius: 20px;
    display: inline-block;
    padding: 4px 30px 5px 14px;
    margin: 0px 0 5px 0;
    box-shadow: none !important;
}

.contact-presence-info.contact-new p {
    gap: 5px;
    display: flex;
    align-items: center;
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

    .contact-presence-info.contact-new p span {
        font-family: 'openSans-regular';
        font-size: 18px;
        line-height: 24px;
        background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 0;
    }

.contact-presence-info p .numcount {
    font-family: 'openSans-bold';
    font-weight: 700;
    background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.contact-presence-info p i {
    margin: 0px 10px;
}

    .contact-presence-countries.contact-new .contact-presence-country {
        background-origin: border-box;
        font-size: 16px;
        background-color: white;
        border: 1px solid transparent;
        border-radius: 16px;
        background-image: linear-gradient(white, white), linear-gradient(45deg, #FFCAC7, #FFE3D0, #FFCAC7);
        background-clip: padding-box, border-box;
        transition: border 0.4s;
    }

    .contact-presence-countries.contact-new .contact-presence-country:hover {
        border-radius: 16px;
        border: 1px solid #FF6700;
    }

.contact-us-form-wrapper .tabs-content-main .contact-field.mob-number.contact-new label {
    left: 88px;
    top: 0;
    line-height: 1;
    transform: translate(0, 1.6rem) scale(1) !important;
    font-size: 16px !important;
    color: #676767 !important;
    margin: 0 !important;
    transform-origin: left bottom;
    transition: all .2s;
    -webkit-transition: all .2s;
    z-index: -1;
    position: absolute;
    font-family: 'openSans-regular';
}

.contact-us-form-wrapper .tabs-content-main .contact-field.mob-number.contact-new.focused label {
    transform: translate(0, 0) scale(1) !important;
    font-size: 12px !important;
    color: #303030 !important;
    font-family: 'openSans-regular';
}

.contact-us-form-wrapper input[type="file"] ~ label .attach-info.contact-new span {
    font-size: 12px;
    line-height: 15px;
    margin-top: 3px;
    text-transform: uppercase;
    color: #AAAAAA;
    max-width: 100%;
}

.tabs-content-main.contact-new .social-submenu-indiv > a {
    color: #676767;
}

.tabs-content-main.contact-new #other-social-inp .other-options {
    position: absolute;
    top: -24px;
    right: 40px;
    cursor: pointer;
    display: inline-block;
    padding: 4px 7px;
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 17px;
    border-radius: 18px;
    border: 1px solid #F37222;
    color: #676767;
    transition: none;
    margin: 0 3px 10px 0;
    user-select: none;
    z-index: 5;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .contact-us-form-wrapper .tabs-content-main.contact-new {
        padding: 0px 16px 15px;
    }

        .contact-us-form-wrapper .tabs-content-main.contact-new .contact-field.mob-number.contact-new label {
            font-size: 14px !important;
        }

    .tabs-content-main.contact-new .contact-field textarea ~ label, .tabs-content-main.contact-new .contact-field input ~ label {
        font-size: 14px !important;
        left: 0;
    }

    .tabs-content-main.contact-new .contact-field.focused textarea ~ label, .tabs-content-main.contact-new .contact-field.focused input ~ label {
        font-size: 14px !important;
        padding: 0;
        left: 0;
    }

    .social-dropdown-content.contact-new {
        width: 100%;
        padding: 20px 15px 30px;
    }

        .social-dropdown-content.contact-new .social-submenu-list {
            flex-wrap: wrap;
        }

            .social-dropdown-content.contact-new .social-submenu-list .social-submenu-item {
                min-width: 100%;
                width: unset;
            }

        .social-dropdown-content.contact-new .social-submenu-indiv {
            margin-bottom: 20px;
            height: 32px;
            width: 48%;
            display: inline-block;
        }

        .social-dropdown-content.contact-new .contact-checkbox {
            margin: 0;
        }

        .social-dropdown-content.contact-new .dropdown-message p {
            font-size: 14px;
            line-height: 18px;
            color: #676767;
            margin-bottom: 0px !important;
        }

    .contact-us-form-wrapper .tabs-content-main.contact-new .submit-btn-main.add-loader::after {
        left: 106px;
    }

    .emailus-strip-main.contact-new .emailus-strip-box {
        width: 222px;
        margin: 0 0px 40px 0px;
        display: flex;
        flex-direction: row;
        gap: 26px;
    }

        .emailus-strip-main.contact-new .emailus-strip-box.general {           
            margin: 0 0px 0px 0px;
            
        }

    .tabs-content-main.contact-new .agree-checkbox label {
        line-height: 24px;
        font-size: 18px;
    }

    .tabs-content-main.contact-new .submit-btn {
        width: 100%;
        margin-top: 0px;
    }

    .contact-presence-wrapper.contact-new {
        padding: 16px 14px 40px 14px;
    }

    .contact-presence-info.contact-new p {
        flex-wrap: wrap;
        justify-content: center;
        gap: 3px;
    }

        .contact-presence-info.contact-new p span {
            font-size: 16px;
            line-height: 20px;
        }

    .ourcountry {
        padding: 0px 15px;
    }

    .contact-presence-info p i {
        margin: 0px 2px;
        border: 1px solid;
        border-image-source: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
    }

    .contact-presence-countries.contact-new .contact-presence-country {
        /*border: none;*/
        padding: 33px 24px 33px 24px;
    }

        .contact-presence-countries.contact-new .contact-presence-country p {
            font-size: 18px;
            font-family: 'openSans-regular';
        }

    .contact-social-container h3 {
        color: #606060;
    }

    .tabs-content-main.contact-new #other-social-inp .other-options {
        right: 6px;
    }
}


/*================================== contact us new ends ==============================*/

/*==================================only img banner starts==============================*/

.slider-main .slider-main-slide.bhaasha-slide-img {
    background: url(../images/img-banners/bhaasha-banner-bg.webp) no-repeat;
    background-position: center bottom;
    background-size: 100% auto !important;
    position: relative;
}

.slider-main-slide.bhaasha-slide-img .book-demo-main {
    position: absolute;
    left: 65px;
    bottom: 145px;
}

.slider-main .slider-main-slide.accs-slide-img {
    background: url(../images/img-banners/accs-banner-bg.webp) no-repeat;
    background-position: center bottom;
    background-size: 100% auto !important;
    position: relative;
}

.slider-main-slide.accs-slide-img .book-demo-main {
    position: absolute;
    left: 88px;
    bottom: 196px;
}

    .slider-main-slide.accs-slide-img .book-demo-main .common-btn {
        font-size: 20px;
        width: 200px;
    }

.slider-main-slide.accs-slide-img .book-demo-main {
    position: absolute;
    left: 88px;
    bottom: 196px;
}

    .slider-main-slide.accs-slide-img .book-demo-main .common-btn {
        font-size: 20px;
        width: 200px;
    }

.slider-main .slider-main-slide.leadgen-slide-img {
    background: url(../images/img-banners/desled-banner-bg.webp) no-repeat;
    background-position: center bottom;
    background-size: 100% auto !important;
    position: relative;
}

.slider-main-slide.leadgen-slide-img .book-demo-main {
    position: absolute;
    left: 66px;
    bottom: 214px;
}

.slider-main .slider-main-slide.chatbot-slide-img {
    background: url(../images/img-banners/chatbot-banner-bg.webp) no-repeat;
    background-position: center bottom;
    background-size: 100% auto !important;
    position: relative;
}

.slider-main-slide.chatbot-slide-img .book-demo-main {
    position: absolute;
    left: 64px;
    bottom: 154px;
}

.slider-main .slider-main-slide.award-slide-img {
    background: url(../images/img-banners/award-banner-bg.webp) no-repeat;
    background-position: center bottom;
    background-size: 100% auto !important;
}

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

    .slider-main-wrapper.home-page-wrapper {
        height: 640px;
    }

    .slider-main .slider-main-slide.bhaasha-slide-img {
        background: url(../images/img-banners/bhaasha-mobile-bg.webp) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .slider-main-slide.bhaasha-slide-img .book-demo-main {
        left: 20px;
        bottom: 60px;
    }

    .slider-main .slider-main-slide.accs-slide-img {
        background: url(../images/img-banners/accs-mobile-bg.webp) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .slider-main-slide.accs-slide-img .book-demo-main {
        left: 16px;
        bottom: auto;
        top: 178px;
    }

        .slider-main-slide.accs-slide-img .book-demo-main .common-btn {
            font-size: 16px;
            width: 150px;
        }

    .slider-main .slider-main-slide.leadgen-slide-img {
        background: url(../images/img-banners/desled-mobile-bg.webp) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .slider-main-slide.leadgen-slide-img .book-demo-main {
        left: 18px;
        bottom: 78px;
    }

    .slider-main .slider-main-slide.chatbot-slide-img {
        background: url(../images/img-banners/chatbot-mobile-bg.webp) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }

    .slider-main-slide.chatbot-slide-img .book-demo-main {
        position: absolute;
        left: 8px;
        bottom: 46px;
    }

    .slider-main .slider-main-slide.award-slide-img {
        background: url(../images/img-banners/award-mobile-bg.webp) no-repeat;
        background-position: center 0px;
        background-size: 100% auto !important;
        height: 640px;
    }
}

@media screen and (max-width: 767px) and (min-width: 411px) {
    .slider-main-wrapper.home-page-wrapper {
        height: 700px;
    }

    .slider-main-slide.audit-slide-main {
        height: 700px;
    }

    .slider-main-slide.arvr-slide-main {
        height: 700px;
    }

    .slider-main .slider-main-slide.accs-slide-img {
        height: 700px;
    }

    .slider-main .slider-main-slide.leadgen-slide-img {
        height: 700px;
    }

    .slider-main .slider-main-slide.bhaasha-slide-img {
        height: 700px;
    }

    .slider-main .slider-main-slide.chatbot-slide-img {
        height: 700px;
    }

    .slider-main .slider-main-slide.award-slide-img {
        height: 700px;
    }
}

/*================================== only img banner ends==============================*/

/*================================== arvr banner starts ==============================*/

.slider-main-slide.arvr-slide-main {
    background: url(../images/home-new/arvr-banner-bg.webp) no-repeat, #3f184e;
    background-position: center bottom,center center;
    background-size: 100% auto, cover !important;
    position: relative;
}

    .slider-main-slide.arvr-slide-main .slide-caption-main .slide-caption-info {
        max-width: 840px;
        margin: -60px 0 0 0;
    }

        .slider-main-slide.arvr-slide-main .slide-caption-main .slide-caption-info p.alt-h4 {
            font-family: 'openSans-regular';
            font-weight: 500;
            font-size: 18px;
            line-height: 27px;
            /*display: flex;
    align-items: center;*/
        }


    .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 span:first-child {
        display: block;
        font-family: openSans-regular'';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 54px;
        text-transform: capitalize;
        color: #FFFFFF;
        /*margin-top:40px;*/
    }

    .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 span:nth-child(2) {
        font-family: 'Montserrat-Bold';
        display: inline;
    }

    .slider-main-slide.arvr-slide-main .slide-caption-info .book-demo-main {
        display: inline-block;
        transition: 0.3s;
        width: 44px;
        height: 44px;
        margin-left: 16px;
    }

        .slider-main-slide.arvr-slide-main .slide-caption-info .book-demo-main > img {
            display: inline-block;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-info .book-demo-main:hover {
            transform: rotate(43deg);
        }

    .slider-main-slide.arvr-slide-main .quick-contact-form .align-items-baseline {
        flex-direction: unset;
    }

    .slider-main-slide.arvr-slide-main .connect-btn {
        margin-top: 0;
        text-transform: none;
        margin-left: 20px;
        width: 140px;
        font-size: 14px;
        padding: 14px;
    }

    .slider-main-slide.arvr-slide-main .banner-form #ArvrFormSubmit > div {
        background: #FFFFFF;
        border-radius: 8px;
        padding: 15px 15px 15px 25px;
    }

    .slider-main-slide.arvr-slide-main .banner-form #ArvrFormSubmit > span {
        display: none;
    }

    .slider-main-slide.arvr-slide-main .banner-form {
        padding: 16px;
        background-color: rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        transition: 0.5s;
        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
    }

    .slider-main-slide.arvr-slide-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
    }

    .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field.mob-number label {
        position: absolute;
        top: 10px;
        left: 96px;
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
        z-index: 0;
        transition: all .3s ease 0s;
        pointer-events: none;
    }

    .slider-main-slide.arvr-slide-main .tvd-angular-field.mob-number input {
        padding-left: 96px !important;
    }

    .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        padding: 7px;
        margin-bottom: 10px !important;
        margin-top: 4px !important;
        color: #333333;
        font-size: 16px;
        font-family: 'openSans-semi-bold';
    }

    .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field.mob-number.focused label {
        transform: translate(2px, -2px) scale(1) !important;
        padding: 0;
    }

    .slider-main-slide.arvr-slide-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        font-size: 14px;
    }

    .slider-main-slide.arvr-slide-main .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
        font-size: 12px;
        top: 58px;
        background: url(../images/error-icon.svg) no-repeat;
        background-size: contain;
    }

    .slider-main-slide.arvr-slide-main .tvd-angular-field {
        margin-bottom: 5px;
    }

    .slider-main-slide.arvr-slide-main .middle {
        position: relative;
    }

        .slider-main-slide.arvr-slide-main .middle::after, .slider-main-slide.arvr-slide-main .middle::before {
            content: "";
            position: absolute;
            height: 24px;
            width: 1px;
            background-color: #D8D8D8;
            top: 24px;
            left: 0px;
        }

        .slider-main-slide.arvr-slide-main .middle::before {
            left: auto;
            right: 0px;
        }

    .slider-main-slide.arvr-slide-main .quick-contact-form .col-sm-4 {
        padding-right: 10px;
        padding-left: 10px;
    }


    .slider-main-slide.arvr-slide-main .thankyou-work {
        display: none;
        max-width: 100%;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 15px 10px;
    }

.slide-caption-main .slide-caption-info .thankyou-work p.head {
    font-size: 38px;
    display: flex;
    justify-content: center;
}

.slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h4 > span {
    /*color:#FFC700;*/
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .slider-main-slide.arvr-slide-main {
        background: url(../images/home-new/arvr-banner-mobile-bg.webp) no-repeat,#3f184e;
        background-position: center bottom;
        height: 640px;
    }

        .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 {
            font-size: 18px;
            line-height: 28px;
            margin-top: 0;
            margin-bottom: 8px;
            font-family: Montserrat-Bold;
            font-weight: 700;
            margin-top: 16px;
        }

            .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 span:first-child {
                font-style: normal;
                font-weight: 500;
                font-size: 20px;
                line-height: 28px;
                font-family: 'Montserrat-Medium';
                text-transform: none;
            }

        .slider-main-slide.arvr-slide-main .slide-caption-info .book-demo-main {
            display: none;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 span:nth-child(2) {
            color: inherit;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h3 br {
            /*display: none;*/
        }

        .slider-main-slide.arvr-slide-main .slide-caption-main .slide-caption-info p.alt-h4 {
            font-family: 'Montserrat-Medium';
            font-weight: 500;
            margin-bottom: 15px;
            font-size: 14px;
            /*text-transform:uppercase;*/
            line-height: 20px;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h4 > span:first-child {
            display: block;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-info p.alt-h4 > span:nth-child(2) {
            /*text-decoration:line-through;*/
        }

        .slider-main-slide.arvr-slide-main .slide-caption-main .slide-caption-info > img {
            height: 40px;
        }

        .slider-main-slide.arvr-slide-main .banner-form #ArvrFormSubmit > div {
            padding: 10px 15px 15px;
            display: block !important;
        }

        .slider-main-slide.arvr-slide-main .banner-form #ArvrFormSubmit > span {
            font-family: 'Montserrat-Medium';
            font-style: normal;
            font-weight: 500;
            font-size: 14px;
            line-height: 12px;
            color: #FFFFFF;
            display: block;
            margin-top: -2px;
            margin-bottom: 12px;
            margin-left: 10px;
        }

        .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            top: 6px;
        }

        .slider-main-slide.arvr-slide-main .tvd-angular-field {
            margin-bottom: 16px;
        }

        .slider-main-slide.arvr-slide-main .connect-btn {
            margin-left: 0;
            width: 100%;
            font-size: 16px;
            padding: 10px;
        }

        .slider-main-slide.arvr-slide-main .quick-contact-form .contact-field.focused input ~ label {
            padding: 0;
        }

        .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            padding: 7px 3px;
            margin-bottom: 14px;
        }

        .slider-main-slide.arvr-slide-main .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
            top: 60px;
        }

        .slider-main-slide.arvr-slide-main .thankyou-work {
            background-color: #FFFFFF;
            border-radius: 8px;
            padding: 50px 10px;
        }

        .slider-main-slide.arvr-slide-main .slide-caption-main {
            position: relative;
        }

        .slider-main-slide.arvr-slide-main .banner-form.hidden {
            position: absolute;
            top: 420px;
            left: 0px;
            margin: 0 15px;
            transition: 0.5s;
        }

        .slider-main-slide.arvr-slide-main .close-icon {
            display: inline;
            float: right;
            margin-top: -16px;
        }

        .slider-main-slide.arvr-slide-main .banner-form {
            top: 180px;
            position: absolute;
            left: 0px;
            margin: 0 15px;
            transition: 0.5s;
        }

        .slider-main-slide.arvr-slide-main .middle::after, .slider-main-slide.arvr-slide-main .middle::before {
            display: none;
        }
}

/*old style leadgen banner ipad & ipad pro*/

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

    .slider-main-slide.arvr-slide-main {
        height: 600px;
        background: url(../images/home-new/bhaasha-banner-bg-new.png) no-repeat, #310722;
        background-position: right 40px,center center;
        background-size: auto 100%, cover !important;
    }

    .slider-main-slide .slide-caption-main {
        padding: 95px 30px 0;
        margin: 0;
        max-width: 100%;
    }

    .slider-main-slide.arvr-slide-main .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        font-size: 14px;
    }

    .slider-main-slide.arvr-slide-main .quick-contact-form .tvd-angular-field.mob-number label {
        font-size: 14px;
    }

    .slider-main-slide.arvr-slide-main .connect-btn {
        width: 116px;
        font-size: 12px;
        padding: 12px;
    }

    .home-sidenav-main.fixed-top {
        background: #FFFFFF;
    }
}

/*==================================arvr banner ends==============================*/

/*================================== arvr case-study starts ==============================*/

.work-details-top-wrapper.arvr-cs-wrapper {
    width: 100%;
    background: url(../images/arvr-cs/arvr-cs-banner-fg.svg), url(../images/arvr-cs/arvr-cs-banner-bg.png);
    background-position: right 120px,center top;
    background-repeat: no-repeat;
    background-size: 700px auto,100% 500px;
}

    .work-details-top-wrapper.arvr-cs-wrapper.prega {
        background: none;
    }

.arvr-cs-wrapper .work-details-container {
    padding: 135px 30px 60px 77px;
    position: relative;
    max-width: unset;
}

.arvr-cs-wrapper.prega .work-details-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/prega-cs/prega-banner-bg.png) no-repeat;
    background-position: center 64px;
    background-size: 100% auto;
    max-width: 100%;
}

.work-details-head.arvr h1 {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 32px;
    line-height: 42px;
    color: #FFFFFF;
    margin-top: 20px;
}

.work-details-head.arvr.prega h1 {
    font-family: 'openSans-regular';
    font-weight: 400;
}

.work-details-head.arvr.kia h1 {
    font-family: 'openSans-semi-bold';
    font-weight: 600;
    color: #0D0D0D;
    font-size: 28px;
    line-height: 38px;
}

.work-details-head.arvr h1 > span {
    text-transform: uppercase;
}

.work-details-head.arvr.ar-auto h1 > span {
    text-transform: capitalize;
    font-family: 'openSans-bold';
    /*color: #303030;*/
}

.arvr-cs-wrapper .our-work-left {
    max-width: 480px;
}

.arvr-cs-wrapper.prega .our-work-left {
    max-width: 580px;
}

.arvr-cs-wrapper .work-details-head p {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: 28px;
    color: #FFFFFF;
}

.arvr-cs-wrapper.kia .work-details-head p {
    font-weight: 400;
    font-size: 20px;
    font-family: openSans-regular;
    line-height: 24px;
    color: #0D0D0D;
    width: 673px;
}

.arvr-cs-wrapper .our-work-right div:first-child {
    top: -29px !important;
    right: auto;
    left: 50%;
    transform: translate(-50%, 0px);
    max-width: 260px;
}

.arvr-cs-wrapper .work-details-certificate p.head {
    font-family: openSans-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #F37324;
}

.arvr-cs-wrapper.kia .work-details-certificate p.head {
    color: #0D0D0D;
}

.arvr-cs-wrapper .work-details-certificates-main {
    justify-content: flex-start;
}

.arvr-cs-wrapper .work-details-certificate > div.details p {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.arvr-cs-wrapper .work-details-certificate > div.details .mykia {
    color: #0D0D0D;
}

.arvr-cs-wrapper .work-details-certificate > div.details {
    margin-left: 48px;
}

.arvr-cs-wrapper .work-details-certificate img {
    margin-bottom: -25px;
    margin-right: 12px;
}

.arvr-cs-wrapper .arvr-mgmt-review {
    height: 240px;
    background: #F2F2F2;
    display: flex;
    width: 100%;
    align-items: center;
}

.arvr-cs-wrapper .arvr-mgmt-review-content {
    width: 54%;
    margin: 0 auto;
}

.arvr-mgmt-review-content .main {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 38px;
    color: #F37222;
    margin-bottom: 15px;
}

.arvr-mgmt-review-content .sub {
    font-family: 'openSans-semi-bold';
    font-style: italic;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #303030;
    margin-bottom: 15px;
}

.arvr-mgmt-review-content .quote {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    padding: 0 20px;
    position: relative;
    margin-bottom: 5px;
}

    .arvr-mgmt-review-content .quote::before {
        content: url('../images/arvr-cs/mgmt-review-quote.svg');
        position: absolute;
        top: 2px;
        left: -5px;
    }

.arvr-mgmt-review-content.m-kia .quote::before {
    content: url('../images/arvr-cs/mgmt-review-quote.svg');
    position: absolute;
    top: 0px;
    left: -5px;
}

.arvr-mgmt-review-content .quote-thank {
    font-family: openSans-bold;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
    padding: 0 20px;
    display: inline-block;
    position: relative;
}

    .arvr-mgmt-review-content .quote-thank::before {
        content: url('../images/arvr-cs/mgmt-review-quote.svg');
        position: absolute;
        bottom: 0px;
        right: -5px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper .scroll-down-service {
    position: absolute;
    bottom: 0;
    top: auto;
    left: 0;
    right: 0;
    height: 50px;
    display: flex;
    z-index: 2;
    justify-content: center;
}

.arvr-cs-wrapper .problem-state-container:first-child {
    position: relative;
    padding: 30px 0;
}

    .arvr-cs-wrapper .problem-state-container:first-child .problem-state-container {
        padding: 50px 0;
    }

    .arvr-cs-wrapper .problem-state-container:first-child::before {
        position: absolute;
        content: "";
        bottom: 0px;
        right: -70px;
        width: 100%;
        height: 286px;
        background: url('../images/arvr-cs/arvr-prob-bg.png');
        background-size: 100% auto;
        background-position: bottom;
        background-repeat: no-repeat;
    }

.arvr-cs-wrapper.prega .problem-state-container:first-child::before {
    bottom: 30px;
    right: -70px;
    width: 430px;
    height: 400px;
    background: url('../images/prega-cs/prega-prob-bg.png');
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .problem-state-desc-wrp::before {
    background: #F37222;
}

.arvr-cs-wrapper .problem-state-desc-wrp .stats {
    background: url(../images/arvr-cs/arvr-prob-stat-bg.png);
    background-size: 100% 100%;
    width: 120px;
    height: 60px;
}

.arvr-cs-wrapper .problem-state-desc-wrp:nth-of-type(3) span:first-of-type {
    display: block;
    font-family: openSans-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 22px;
    line-height: 24px;
    color: #F37222;
    margin-top: 12px;
}

.arvr-cs-wrapper .problem-state-desc-wrp:nth-of-type(3) span:last-of-type {
    display: block;
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 600;
    font-size: 12px;
    line-height: 15px;
    color: #303030;
}

.arvr-cs-wrapper .wd-analysis-wrap {
    background: url('../images/arvr-cs/arvr-challenges-bg.png'),#371547;
    background-position: right center;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap {
    background: url('../images/prega-cs/prega-challenges-bg.png'),#371547;
    background-position: right center;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .wd-analysis-wrap .services-ux-for-client-wrapper {
    max-width: 1010px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 30px;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap .services-ux-for-client-wrapper {
    justify-content: flex-start;
    max-width: 820px;
}

.arvr-cs-wrapper.ar-auto .wd-analysis-wrap .services-ux-for-client-wrapper {
    justify-content: center;
    max-width: 820px;
    padding: 30px 0;
}

.arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap .services-ux-for-client-wrapper {
    padding: 0;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-analysis-wrap .services-ux-for-client-wrapper {
    max-width: 900px;
}

.arvr-cs-wrapper.prega .services-ux-for-client-box:nth-child(2) {
    margin: 25px 25px 0 0;
}

.arvr-cs-wrapper.ar-auto .services-ux-for-client-box:nth-child(2) {
    margin: 18px;
}

.arvr-cs-wrapper.ar-auto .services-ux-for-client-box {
    max-width: 44%;
    margin: 0;
    padding: 16px 20px;
    min-height: 160px;
    margin: 18px;
}

.arvr-cs-wrapper .services-ux-for-client-box:hover {
    box-shadow: none;
}

.arvr-cs-wrapper .services-ux-for-client-info {
    margin-left: 0;
}

    .arvr-cs-wrapper .services-ux-for-client-info p {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #676767;
        margin-top: 10px;
    }

.arvr-cs-wrapper .wd-dtls-heading.challenge {
    color: #FFFFFF;
    padding-bottom: 0;
    padding-top: 20px;
}

.arvr-cs-wrapper .wd-solution-wrap {
    background: url('../images/arvr-cs/arvr-soln-bg.png');
    background-position: 100% -60px;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto .wd-solution-wrap {
    background: none;
}

.arvr-cs-wrapper.prega .wd-solution-wrap {
    background: url('../images/prega-cs/prega-soln-bg.png');
    background-position: 100% 20px;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-solution-wrap {
    background: url('../images/ar-remote/solution-bg-1.png'),url('../images/ar-remote/solution-bg-2.png');
    background-position: -4px calc(30% + 42px),100% calc(40% + 2px);
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .wd-solution-wrap .slick-slide > img {
    border-radius: 10px;
    width: 100%;
}

.arvr-cs-wrapper .wd-app-text {
    top: 25%;
}

.work-details-top-wrapper.arvr-cs-wrapper.ar-auto {
    width: 100%;
}

.arvr-cs-wrapper.ar-auto .our-work-left {
    max-width: 100%;
}

.arvr-cs-wrapper.ar-auto .work-details-head {
    width: 100%;
    max-width: none;
}

.arvr-cs-wrapper.ar-auto .work-details-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/ar-auto/ar-auto-banner-wheel.png), url(../images/ar-auto/ar-auto-banner-car.png), #163048;
    background-position: calc(0% - 180px) calc(50% - 38px), right bottom,center center;
    background-size: 700px auto,auto 84%, 100% 100%;
    position: relative;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto.kia .work-details-container {
    padding: 135px 30px 0px 77px;
    background: url(../images/kia-cs/kia-banner-icon-1.svg),url(../images/kia-cs/kia-banner-icon-2.svg), url(../images/kia-cs/kia-banner-icon-3.svg),url(../images/kia-cs/kia-banner-icon-4.svg), url('../images/kia-cs/banner-without-icons.png'),#FFFFFF;
    background-position: calc(100% - 146px) 90px,calc(100% - 34px) 138px, calc(100% - 88px) 244px,calc(100% - 42px) 352px, calc(100% + 242px) -19px,center center;
    background-size: auto auto,auto auto,auto auto,auto auto,50% auto,cover;
    position: relative;
    background-repeat: no-repeat;
}


    .arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
        background: url(../images/wolter-cs/wolter-bnner.png)no-repeat,#fff;
        background-position: right;
        /*background-size:contain;*/
    }


.arvr-cs-wrapper.ar-auto.ar-remote .work-details-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/ar-remote/banner-remote.png),url(../images/ar-remote/banner-glass.png);
    background-position: right bottom, center center;
    background-size: auto 70%,cover;
    position: relative;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto .arvr-mgmt-review-content .quote {
    max-width: 554px;
}

.arvr-cs-wrapper.ar-auto.ar-remote .arvr-mgmt-review-content .quote {
    max-width: 570px;
}

.arvr-cs-wrapper.ar-auto .arvr-mgmt-review-content .quote > span {
    font-family: openSans-bold;
}

.arvr-cs-wrapper.ar-auto .arvr-mgmt-review-content .quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 2px;
    left: 376px;
    transform: rotate(180deg);
}




.arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .quote::after {
    left: 320px;
    bottom: 2px;
}

.arvr-cs-wrapper.ar-auto.ar-remote .arvr-mgmt-review-content .quote::after {
    right: 80px;
}

.arvr-cs-wrapper.ar-auto .problem-state-container:first-child::before {
    bottom: 0px;
    right: calc(0% - 116px);
    width: 380px;
    height: 330px;
    background: url(../images/ar-auto/ar-auto-prob-bg.png);
    background-repeat: no-repeat;
    background-size: auto auto;
    background-position: right bottom;
}

.arvr-cs-wrapper.ar-auto.kia .problem-state-container:first-child::before {
    display: none;
}


.arvr-cs-wrapper.ar-auto.ar-remote .problem-state-container:first-child::before {
    bottom: 0px;
    right: calc(0% - 160px);
    width: 360px;
    height: 300px;
    background: url(../images/ar-remote/remote-prob-bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
}

.arvr-cs-wrapper.ar-auto .wd-analysis-wrap {
    background: url(../images/ar-auto/ar-auto-challenges-bg-2.png),url(../images/ar-auto/ar-auto-challenges-bg.png);
    background-position: center -2px, center center;
    background-repeat: no-repeat;
    background-size: 100% auto,cover;
}

.arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap {
    background: url(../images/ar-auto/ar-auto-challenges-bg-2.png),#432B4E;
    background-position: center -2px, center 2px;
    background-repeat: no-repeat;
    background-size: 100% auto,cover;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-analysis-wrap {
    background: url(../images/ar-remote/challenge-bg-1.png),url(../images/ar-remote/challenge-bg-2.png),#432B4E;
    background-position: -20px calc(100% + 70px), right calc(100% + 24px),center center;
    background-repeat: no-repeat;
    background-size: auto auto,600px auto, cover;
    background-blend-mode: lighten;
}

.arvr-cs-wrapper .wd-dtls-heading.challenge {
    padding-top: 40px;
}

/*------------------arvr cs leadgen form 01-----------------*/

.arvr-cs-wrapper .arvr-cs-leadgen {
    background: url('../images/arvr-cs/arvr-leadgen-1-bg.svg'),url('../images/arvr-cs/arvr-leadgen-1-bg.svg'),#F2F2F2;
    padding: 20px;
    background-size: 100px 100px,100px 100px,100% 100%;
    background-repeat: no-repeat;
    background-position: calc(100% - 230px) -22px,calc(100% - 250px) calc(100% + 40px),center center;
    position: relative;
}

    .arvr-cs-wrapper .arvr-cs-leadgen.ar-auto {
        background: url(../images/arvr-cs/arvr-leadgen-1-bg.svg),url(../images/arvr-cs/arvr-leadgen-1-bg.svg),#F2F2F2;
        padding: 20px;
        background-size: 100px 100px,230px 230px,100% 100%;
        background-repeat: no-repeat;
        background-position: calc(100% - 230px) -22px,calc(100% + 48px) calc(50% - 7px),center center;
        position: relative;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen > div {
        /*max-width: 800px;*/
        max-width: 930px;
        margin: 0 auto;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.ar-auto > div {
        max-width: 950px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .main-heading {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: bold;
        font-size: 28px;
        line-height: 38px;
        color: #371547;
        margin-top: 20px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .sub-heading {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #371547;
        margin-top: 10px;
        margin-bottom: 20px;
    }


    .arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .align-items-baseline {
        flex-direction: unset;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .connect-btn {
        margin-top: 0;
        text-transform: none;
        margin-left: 20px;
        width: 53px;
        font-size: 14px;
        padding: 13px 0;
        margin-top: 0px;
    }

.arvr-cs-wrapper .spinner-border.service {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}

.arvr-cs-wrapper .arvr-cs-leadgen .banner-form #ArServiceFormSubmit1 > div {
    /*background: #FFFFFF;*/
    border-radius: 8px;
    padding: 10px 5px;
    /*flex-wrap: wrap;*/
}

.arvr-cs-wrapper .arvr-cs-leadgen .banner-form {
    padding: 0px 0 16px 0px;
    /*background-color:rgba(255, 255, 255, 0.15);*/
    border-radius: 8px;
    transition: 0.5s;
    max-width: 790px;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);*/
}



.arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    transform: translate(0,1.4rem) scale(1);
    font-size: 16px;
    line-height: 12px;
    color: #371547;
    font-family: 'openSans-regular';
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .tvd-angular-field.mob-number label {
    position: absolute;
    top: 10px;
    left: 92px;
    transform: translate(0,1.4rem) scale(1);
    font-size: 16px;
    line-height: 12px;
    color: #371547;
    z-index: 0;
    transition: all .3s ease 0s;
    pointer-events: none;
    font-family: 'openSans-regular';
}

.arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field.mob-number input {
    /*padding-left:86px !important;*/
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    padding: 14px 7px;
    margin-bottom: 10px !important;
    margin-top: 4px !important;
    color: #371547;
    font-size: 16px;
    font-family: 'openSans-regular';
    font-weight: normal;
}

.arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    border-color: #371547;
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    top: 10px;
    left: 0;
    margin: 0;
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .contact-field.focused input ~ label {
    transform: translate(2px, -2px) scale(1) !important;
    /*background: #fff;*/
    padding: 0 5px;
    border-radius: 50px;
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .tvd-angular-field.mob-number.focused label {
    transform: translate(2px, -2px) scale(1) !important;
    padding: 0;
}

.arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    font-size: 14px;
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
    font-size: 12px;
    top: 78px;
    background: none;
    background-size: contain;
}

.arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field {
    margin-bottom: 10px;
    width: 100%;
}

.arvr-cs-wrapper .arvr-cs-leadgen .quick-contact-form .col-sm-4 {
    padding-right: 10px;
    padding-left: 10px;
}


.arvr-cs-wrapper .arvr-cs-leadgen .thankyou-work {
    display: none;
    max-width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 10px 10px;
}

    .arvr-cs-wrapper .arvr-cs-leadgen .thankyou-work p.head {
        font-size: 38px;
        /*display: flex;*/
        justify-content: center;
    }

.arvr-cs-wrapper .arvr-cs-leadgen .leadgen-fg {
    position: absolute;
    right: 30px;
    width: 260px;
    height: 278px;
    object-fit: cover;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.arvr-cs-wrapper .arvr-cs-leadgen .leadgen-fg-border {
    position: absolute;
    right: 15px;
    width: 260px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.arvr-cs-wrapper.ar-auto .arvr-cs-leadgen .leadgen-fg.ar-auto {
    right: -2px;
    width: 330px;
    height: 190px;
    border-radius: 20px 0 0 20px;
}

.arvr-cs-wrapper.ar-auto .arvr-cs-leadgen .leadgen-fg-border.ar-auto {
    right: -30px;
    width: 320px;
}

/*------------------arvr cs leadgen form 01 end-----------------*/

.arvr-cs-wrapper .wd-innovative-solutions {
    background: none;
    padding-bottom: 50px;
}

.arvr-cs-wrapper.ar-auto .wd-innovative-solutions {
    background: url('../images/ar-auto/ar-auto-video-bg.webp'),url('../images/kia-cs/section-banner.svg');
    background-position: left bottom, right;
    background-repeat: no-repeat, no-repeat;
}

    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia {
        background: url(../images/kia-cs/section-banner.svg) no-repeat 100% 45%;
    }



.arvr-cs-wrapper.ar-auto.ar-remote .wd-innovative-solutions {
    background: none;
}

.arvr-cs-wrapper .wd-innovative-solutions .header-sec p {
    max-width: 770px;
    margin: auto;
}

.captcha {
    padding: 0px;
}

.arvr-cs-wrapper .soln-video-wrapper {
    position: relative;
}

    .arvr-cs-wrapper .soln-video-wrapper .soln-video img, .arvr-cs-wrapper .soln-video-wrapper .soln-video video {
        display: block;
        width: 860px;
        max-height: 480px;
        object-fit: cover;
        margin: 0 auto;
        box-shadow: 0px 1.83745px 22.0494px rgba(154, 154, 154, 0.687773);
        border-radius: 8px;
    }

    .arvr-cs-wrapper .soln-video-wrapper .soln-video-controls {
        position: absolute;
        top: 0;
        right: 5%;
        width: 140px;
        height: 100%;
        display: flex;
        align-content: space-between;
        justify-content: center;
        flex-wrap: wrap;
    }

.arvr-cs-wrapper .soln-video-controls .video-ctrl-btn {
    width: 130px;
    height: 120px;
    text-align: center;
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    color: #CCCCCC;
    background: url('../images/arvr-cs/video-button.svg');
    background-size: 100% 100%;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

    .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn:hover, .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn.active {
        background: url('../images/arvr-cs/video-button-active.svg');
        background-size: 100% 100%;
        color: #F37222;
    }

        .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn.active::before {
            content: "";
            height: 6px;
            width: 6px;
            border-radius: 6px;
            position: absolute;
            bottom: -3px;
            background: #F37222;
            left: 50%;
            transform: translateX(-50%);
        }

    .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn img {
        display: block;
        margin: 35px auto 12px;
    }

.arvr-cs-wrapper .wd-result-wrap {
    background: url('../images/arvr-cs/arvr-result-bg.png'),#371547;
    background-size: auto,cover;
    background-position: bottom right,center center;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto .wd-result-wrap {
    background: #371547;
    background-size: auto,cover;
    background-position: bottom right,center center;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap {
    background: url('../images/ar-remote/remote-results-bg.png'),#371547;
    background-size: 100% auto,cover;
    background-position: center bottom,center center;
    background-repeat: no-repeat;
    background-blend-mode: lighten;
}

.arvr-cs-wrapper.prega .wd-result-wrap {
    background: url('../images/prega-cs/prega-result-bg.png');
    background-size: cover;
    background-position: center 84%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .wd-result-wrap .wd-dtls-heading,
.arvr-cs-wrapper .wd-result-wrap .wd-dtls-sub-heading {
    color: #FFFFFF;
    width: 100%;
}

.arvr-cs-wrapper.prega .wd-result-wrap .wd-dtls-heading,
.arvr-cs-wrapper.prega .wd-result-wrap .wd-dtls-sub-heading {
    color: #676767;
    width: 100%;
}

.arvr-cs-wrapper.prega .overall-result-case {
    flex-wrap: wrap;
}

.arvr-cs-wrapper.ar-auto.ar-remote .overall-result-case {
    flex-wrap: wrap;
}

.arvr-cs-wrapper .wd-result-wrap .problem-state-container {
    padding-top: 30px;
}

.arvr-cs-wrapper.ar-auto .wd-result-wrap .problem-state-container {
    padding: 70px 0 100px;
}

.arvr-cs-wrapper .wd-result-wrap .section-first-result .first-result-wrp li {
    color: #FFFFFF;
}

.arvr-cs-wrapper .wd-result-wrap .result-details-container {
    display: block;
}

    .arvr-cs-wrapper .wd-result-wrap .result-details-container.kia-cs {
        display: flex;
    }

.arvr-cs-wrapper .wd-result-wrap .section-first-result {
    width: 100%;
}

    .arvr-cs-wrapper .wd-result-wrap .section-first-result.kia-cs-first-section {
        margin-right: 2%;
    }

    .arvr-cs-wrapper .wd-result-wrap .section-first-result .first-result-wrp li {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #FFFFFF;
        margin-bottom: 20px;
    }

.arvr-cs-wrapper.prega .wd-result-wrap .section-first-result .first-result-wrp {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0 20px;
}

    .arvr-cs-wrapper.prega .wd-result-wrap .section-first-result .first-result-wrp li {
        color: #303030;
        width: 40%;
    }

.arvr-cs-wrapper .wd-result-wrap .section-first-result .first-result-wrp li::before {
    top: 9px;
}

.arvr-cs-wrapper .wd-result-wrap .indvs-result-wrp {
    box-shadow: none;
}

.arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case {
    width: 38%;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap .result-wrp-case {
    width: 38%;
}

.arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap .indvs-result-wrp {
    width: 92%;
    height: 110px;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp {
    background-color: #371547;
    width: 92%;
    min-height: 160px;
}

.arvr-cs-wrapper.prega .vserve-redefining-impact .name-txt-p {
    color: #FFFFFF;
}

.arvr-cs-wrapper .wd-result-wrap .vserve-redefining-impact .name-txt {
    color: #f37222;
}

.arvr-cs-wrapper .wd-result-wrap .vserve-redefining-impact.my-kia.name-txt {
    color: #f37222;
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 20px;
    width: 103%;
    margin-top: 5px;
}

.arvr-cs-wrapper .section-two-d span {
    font-size: 20px;
    margin-bottom: 14px;
}

/*------------------arvr cs leadgen form 02 start-----------------*/

.arvr-cs-wrapper .arvr-cs-leadgen.white {
    background: #F2F2F2;
    background-size: cover;
}

    .arvr-cs-wrapper .arvr-cs-leadgen.white .leadgen-fg {
        position: absolute;
        right: 30px;
        width: 200px;
        top: auto;
        bottom: 0px;
        transform: none;
        z-index: 2;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form {
        padding: 25px 20px;
        background-color: #FFFFFF;
        box-shadow: 0px 0px 17.9418px rgba(133, 133, 133, 0.2);
        /*max-width: 800px;*/
        max-width: 930px;
        margin: 20px 0;
        z-index: 3;
        position: relative;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label,
    .arvr-cs-wrapper .arvr-cs-leadgen.white .quick-contact-form .tvd-angular-field.mob-number label {
        color: #C0C0C0;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        color: #333333;
        font-family: 'openSans-regular';
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        border-color: #D8D8D8;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .connect-btn {
        padding: 20px 15px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .main-heading {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 28px;
        line-height: 38px;
        color: #303030;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .sub-heading {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #676767;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .middle {
        position: relative;
    }

        .arvr-cs-wrapper .arvr-cs-leadgen.white .middle::after,
        .arvr-cs-wrapper .arvr-cs-leadgen.white .middle::before {
            content: "";
            position: absolute;
            height: 40px;
            width: 1px;
            background-color: #D8D8D8;
            top: 16px;
            right: 0px;
        }

        .arvr-cs-wrapper .arvr-cs-leadgen.white .middle::before {
            right: auto;
            left: 0px;
        }

/*------------------arvr cs leadgen form 02 end-----------------*/

.arvr-cs-wrapper .client-say .client-say-cards {
    /*padding-top: 40px;*/
}

/*------------------arvr cs banner leadgen form starts-----------------*/

.arvr-cs-wrapper .banner-only .connect-btn {
    margin-top: 0;
    text-transform: none;
    margin-left: 20px;
    width: 140px;
    font-size: 14px;
    padding: 14px;
}

.arvr-cs-wrapper .banner-only #ArServiceFormSubmit > div {
    background: #FFFFFF;
    border-radius: 8px;
    padding: 15px 15px 15px 25px;
}

.arvr-cs-wrapper .banner-only {
    padding: 16px;
    background-color: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    transition: 0.5s;
    display: none;
}

    .arvr-cs-wrapper .banner-only .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field.mob-number label {
        position: absolute;
        top: 10px;
        left: 96px;
        transform: translate(0,1.4rem) scale(1);
        font-size: 16px;
        line-height: 12px;
        color: #C0C0C0;
        z-index: 0;
        transition: all .3s ease 0s;
        pointer-events: none;
    }

    .arvr-cs-wrapper .banner-only .tvd-angular-field.mob-number input {
        padding-left: 96px !important;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        padding: 7px;
        margin-bottom: 10px !important;
        margin-top: 4px !important;
        color: #333333;
        font-size: 16px;
        font-family: 'openSans-semi-bold';
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field.mob-number.focused label {
        transform: translate(2px, -2px) scale(1) !important;
        padding: 0;
    }

    .arvr-cs-wrapper .banner-only .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        font-size: 14px;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
        font-size: 12px;
        top: 58px;
        background: url(../images/error-icon.svg) no-repeat;
        background-size: contain;
    }

    .arvr-cs-wrapper .banner-only .tvd-angular-field {
        margin-bottom: 5px;
    }

    .arvr-cs-wrapper .banner-only .middle {
        position: relative;
    }

        .arvr-cs-wrapper .banner-only .middle::after,
        .arvr-cs-wrapper .banner-only .middle::before {
            content: "";
            position: absolute;
            height: 24px;
            width: 1px;
            background-color: #D8D8D8;
            top: 24px;
            left: 0px;
        }

        .arvr-cs-wrapper .banner-only .middle::before {
            left: auto;
            right: 0px;
        }

    .arvr-cs-wrapper .banner-only .quick-contact-form .col-sm-4 {
        padding-right: 10px;
        padding-left: 10px;
    }


    .arvr-cs-wrapper .banner-only .thankyou-work {
        display: none;
        max-width: 100%;
        text-align: center;
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 15px 10px;
    }

        .arvr-cs-wrapper .banner-only .thankyou-work p.head {
            font-size: 38px;
            display: flex;
            justify-content: center;
        }

/*------------------arvr cs banner leadgen form end-----------------*/

/*tata capital new case study start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/tata-capital-new/tatacapital-banner-arrow.svg),url(../images/tata-capital-new/tata-capital-banner.png);
    background-position: calc(100% - 70px) 90px,center 64px;
    position: relative;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat;
}

.our-work-right.tata-capital-workright {
    position: absolute;
    right: 0px;
}

.arvr-cs-wrapper .our-work-right.tata-capital-workright div:first-child {
    transform: none;
    width: auto;
    max-width: unset;
    position: static;
    margin: 50px 30px 0 0;
}

.workright-banner-desk {
    display: block;
}

.workright-banner-mob {
    display: none;
}

.arvr-cs-wrapper .work-details-certificate p.head.tata-capital-head {
    font-family: openSans-bold;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}


.arvr-cs-wrapper.prega .our-work-left.tata-capital-workleft {
    max-width: 700px;
    width: 700px;
}

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main {
    justify-content: space-between;
    width: 700px;
}

.work-details-certificate.tatacapital-certificate {
    max-width: 400px;
}

.work-details-certificates-main.tatacapital-certificates-main {
    margin-top: 30px;
    display: flex;
    max-width: 650px;
}

.arvr-cs-wrapper.prega .problem-state-container.tatacapital-problem-state:first-child::before {
    bottom: 80px;
    right: -70px;
    width: 187px;
    height: 258px;
    background: url(../images/tata-capital-new/tata-problem-statement.svg);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap {
    background: url(../images/tata-capital-new/analysis-bg.png),#371547;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.services-ux-for-client-box.service-tatacapital-wrapper {
    max-width: 358px;
}

.arvr-cs-wrapper.prega .wd-solution-wrap.tatacapital-solutions {
    background: unset;
}

.innovative-solutions-slider .problem-state-right.tatacapital-problem-state {
    width: calc(100% - 186px);
    max-width: 1400px;
}

img.innovation-img.tatacapital-innovation {
    max-width: 998px;
    width: 100%;
}

.wolter-innovation-slider.tatacapital-innovation-slider .slick-prev {
    left: unset;
    top: unset;
    bottom: 122px;
    right: 140px;
    z-index: 1;
}

    .wolter-innovation-slider.tatacapital-innovation-slider .slick-prev:before {
        margin-top: 0px;
    }

.wolter-innovation-slider.tatacapital-innovation-slider .slick-next {
    top: unset;
    right: 70px;
    bottom: 122px;
    z-index: 1;
}

    .wolter-innovation-slider.tatacapital-innovation-slider .slick-next:before {
        margin-top: 0px;
    }

.arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining {
    background: #220827;
}

    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining .problem-state-right {
        max-width: 895px;
        width: 895px;
        margin: 0 auto;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.macdonald-redefining .problem-state-right {
        width: calc(100% - 210px);
        max-width: unset;
        margin: unset;
        margin-left: auto;
    }

.arvr-cs-wrapper.prega .wd-result-wrap .wd-dtls-heading.redefining-heading, .arvr-cs-wrapper.prega .wd-result-wrap .wd-dtls-sub-heading.redefining-sub-heading {
    color: #ffffff;
}

.arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case {
    width: 42%;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp {
    background-color: #371547;
    width: 95%;
    min-height: 155px;
}

.arvr-cs-wrapper .arvr-cs-leadgen.tatacapital-leadgen > div {
    max-width: 1100px;
    margin: 0 auto;
}

.arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form.tatacapital-banner-form {
    padding: 25px 20px;
    background-color: #FFFFFF;
    box-shadow: 0px 0px 17.9418px rgba(133, 133, 133, 0.2);
    max-width: 887px;
    margin: 20px 0;
    z-index: 3;
    position: relative;
}

.arvr-cs-wrapper .arvr-cs-leadgen.white .leadgen-fg.tatacapital-leadgen-fg {
    position: absolute;
    right: 95px;
    width: 200px;
    top: auto;
    bottom: 0px;
    transform: none;
    z-index: 2;
}

.arvr-cs-wrapper .arvr-cs-leadgen.white.tatacapital-leadgen {
    margin-bottom: 60px;
}

.arvr-cs-wrapper .wd-innovative-solutions.tatacapital-innovation-mob {
    padding-bottom: 0px;
}


.arvr-mgmt-review-content .quote.tatacapital-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 2px;
    left: 120px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper .wd-innovative-solutions.tatacapital-innovation-mob .digital-first-wd span {
    font-weight: 700;
}

.section-one-d.tatacapital-section-one-d {
    flex-direction: column;
    display: flex;
    justify-content: flex-start;
    flex: 1;
}

.tatacapital-section-img {
    width: 40px;
    height: 40px;
}

.arvr-cs-wrapper.prega .vserve-redefining-impact .name-txt-p.tatacapital-name-txt {
    color: #FFFFFF;
    padding-top: 8px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote {
    max-width: 726px;
}

/*tata capital new case study end*/


/*hero motocorp case study start*/

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.hero-motocorp-main {
    justify-content: space-between;
    width: 536px;
}

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.hero-motocorp-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/hero-motocorp/hero-motocorp-banner.png),linear-gradient(92.42deg, #6028AA -1.28%, #FB3E16 99.34%);
    background-position: calc(100% - 8px) 94px,center 64px;
    position: relative;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .arvr-mgmt-review-content.hero-motocorp-mgmt {
    width: 62%;
    margin: 0 auto;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 390px;
    transform: rotate(180deg);
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote {
    max-width: 648px;
}

.arvr-cs-wrapper.prega .problem-state-container.tatacapital-problem-state.hero-motocorp-state:first-child::before {
    display: none;
}

.arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case {
    width: 33%;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap {
    min-height: 128px;
}

.solution-by-techved-bg {
    background: url(../images/hero-motocorp/solution-by-techved-bg.png);
}

.wd-dtls-heading.hero-motocorp-heading {
    color: #ffffff;
}


.effect5 {
    position: relative;
}

    .effect5:before, .effect5:after {
        z-index: -1;
        position: absolute;
        content: "";
        bottom: 90px;
        left: 110px;
        width: 50%;
        top: 23%;
        max-width: 300px;
        background: #777;
        -webkit-box-shadow: 0 35px 35px #777;
        -moz-box-shadow: 0 35px 35px #777;
        box-shadow: 0 35px 35px #777;
        -webkit-transform: rotate(-8deg);
        -moz-transform: rotate(-8deg);
        -o-transform: rotate(-8deg);
        -ms-transform: rotate(-8deg);
        transform: rotate(-8deg);
    }

    .effect5:after {
        -webkit-transform: rotate(8deg);
        -moz-transform: rotate(8deg);
        -o-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
        transform: rotate(8deg);
        right: calc(100% - 894px);
        left: auto;
    }


/*hero motocorp case study end*/


/*parimatch case study start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/parimatch/parimatch-side-img.png),url(../images/parimatch/parimatch-banner.png);
    background-position: calc(100% - 8px) 64px,center 64px;
    position: relative;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat;
}

.work-details-head.parimatch-detail-head {
    max-width: 586px;
}

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.parimatch-main {
    justify-content: space-between;
    width: 800px;
}

.work-details-certificates-main.tatacapital-certificates-main.parimatch-main {
    margin-top: 30px;
    display: flex;
    max-width: 750px;
}

.work-details-certificate.parimatch-details-certificate {
    max-width: 310px;
}

.work-details-certificate.parimatch-details-certificate2 {
    max-width: 400px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 590px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .vserve-redefining-impact .name-txt-p.tatacapital-name-txt.parimatch-name-txt {
    color: #FFFFFF;
    padding-top: 12px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote {
    max-width: 726px;
}

/*parimatch case study end*/

/*ICICI instabiz case study start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.icici-instabiz-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/icici-instabiz-cs/icici-instabiz-side-img.png),url(../images/icici-instabiz-cs/icici-instabiz-banner.jpg);
    background-position: right 114px,center 64px;
    position: relative;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.parimatch-main.icici-instabiz-main {
    justify-content: space-between;
    width: 616px;
}

.work-details-certificate.parimatch-details-certificate.icici-detail-certificate {
    max-width: 278px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.icici-insta-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 350px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.icici-analysis-wrap {
    background: url(../images/icici-instabiz-cs/icici-challanges.png),#371547;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.overall-result-case.icici-result-case-study {
    display: flex;
    justify-content: center;
}

.arvr-cs-wrapper.prega .problem-state-container.tatacapital-problem-state.icici-problem-state:first-child::before {
    bottom: 18px;
    right: -70px;
    width: 238px;
    height: 234px;
    background: url(../images/icici-instabiz-cs/icici-problem-state.svg);
    background-size: 100% 100%;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-mgmt-review-content.ar-auto.icici-insta-sub .sub {
    width: 100%;
    margin: 0 auto 15px;
}

.icici-instabiz-redefining {
    width: 100%;
    max-width: 800px;
}

/*ICICI instabiz case study end*/


/*Axis bank case study Revamp start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.axis-bank-container {
    padding: 135px 30px 60px 77px;
    background: linear-gradient(270deg, #FF8177 -25.68%, #FF867A -25.68%, #FF8C7F -0.11%, #F99185 12.18%, #CF556C 35.2%, #B12A5B 96.08%);
    position: relative;
}

.arvr-cs-wrapper.prega .our-work-left.tata-capital-workleft.axis-bank-workflow {
    width: 564px;
}

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.parimatch-main.axis-bank-main {
    justify-content: space-between;
    width: 500px;
    max-width: 500px;
}

.arvr-cs-wrapper .our-work-right.tata-capital-workright.axis-bank-workright .workright-banner-desk {
    transform: none;
    width: auto;
    max-width: unset;
    position: static;
    margin: 24px 0 0;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.axis-bank-quote {
    max-width: 914px;
    width: 914px;
}

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.axis-bank-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 0px;
        right: 362px;
        left: 0px;
        transform: rotate(180deg);
    }

.work-details-certificate.parimatch-details-certificate2.axis-details-certificate2 {
    max-width: 246px;
}

.axis-bank-soln-techved {
    background: #371547;
}

.wd-dtls-heading.axis-solution-heading {
    color: #FFFFFF;
}

.axis-common-leadgen-spacing {
    margin-top: 46px;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.axis-analysisi-wrap {
    background: url(../images/axis-bank-new/axis-challanges.png),#8B0637;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .arvr-cs-leadgen .leadgen-fg.axis-bank-leadgen {
    position: absolute;
    width: 296px;
    right: 0px;
    height: 241px;
    object-fit: cover;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.overall-result-case.icici-result-case-study.axis-bank-result-casestudy {
    display: flex;
    justify-content: center;
    margin-left: 34px;
}

.arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case.axis-wrap-case {
    width: 36%;
}

.contact-us-form-wrapper .captcha .contact-field.captcha-space {
    margin-top: 0px;
    padding-top: 0px;
}


/*Axis bank case study Revamp end*/

/*Hotels case study Revamp start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.hotels-container {
    padding: 135px 30px 60px 77px;
    background: linear-gradient(90deg, #FA690F 0%, #F58182 100%);
    position: relative;
}

.arvr-cs-wrapper .our-work-right.tata-capital-workright.axis-bank-workright.hotel-workright .workright-banner-desk {
    transform: none;
    width: auto;
    max-width: unset;
    position: static;
    margin: 28px 0 0;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.hotels-quote::before {
    left: 2px;
}

.work-details-certificate.parimatch-details-certificate.icici-detail-certificate.hotels-details-certificate {
    max-width: 290px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.hotels-quote {
    max-width: 878px;
    width: 878px;
}

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.hotels-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 292px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.hotels-analysis-wrap {
    background: url(../images/hotels-new/hotel-challanges.png),#371547;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap.hotels-result-wrap {
    min-height: 160px;
}

/*Hotels case study Revamp end*/

/*macdonald cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/macdonald-cs/macdonald-banner.jpg);
    background-position: center 64px;
    position: relative;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container .work-details-head.arvr h1,
    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container .work-details-head p,
    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container .work-details-certificate p.head.tata-capital-head,
    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container .work-details-certificate > div.details p {
        color: #0D0D0D;
    }

.arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.macdonald-main .work-details-certificate {
    width: 308px;
    max-width: 308px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.macdonald-quote {
    max-width: 580px;
}



.arvr-mgmt-review-content .quote.macdonald-quote::before {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    top: 2px;
    left: -8px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.macdonald-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    left: 240px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.macdonald-challange {
    background: url(../images/macdonald-cs/challange-top.png),linear-gradient(105.86deg, #3B004F 0.82%, #750076 52.64%, #210154 99.32%);
    background-size: 100% auto,cover;
    background-position: center -2px, center 2px;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper .wd-solution-wrap.macdonald-solution .slick-slide > img {
    height: 490px;
}

.arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.macdonald-redefining {
    background: url(../images/macdonald-cs/macdonald-redefining.png) #371547 no-repeat;
}

.macdonald-leadgen-form {
    margin-top: 48px;
}

.arvr-cs-leadgen.ar-auto.macdonald-leadgen-form .leadgen-fg.leadgen-image-form {
    right: -5px;
    width: 320px;
    height: 190px;
    border-radius: 20px 0 0 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.arvr-cs-leadgen.ar-auto.macdonald-leadgen-form .leadgen-fg-border.ar-auto.leadgen-image-outline {
    position: absolute;
    right: -30px;
    width: 320px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.macdonald-360-container {
    width: 950px;
    padding: 0;
    margin: 0 0 60px 15px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0px 1.83745px 22.0494px rgba(154, 154, 154, 0.687773);
}

    .macdonald-360-container .spritespin-canvas {
        margin: 0px !important;
        width: 100% !important;
        height: 100% !important;
        border-radius: 10px;
    }

.macdonald-state-container {
    max-width: 1286px;
}

.problem-state-right.kia-prob.tatacapital-problem-state.macdonald-state .innovative {
    margin: 20px 0 60px 15px;
}

img.innovation-img.tatacapital-innovation.macdonald-innovation-img {
    max-width: 970px;
    height: 438px;
    border-radius: 10px;
    box-shadow: 0px 1.83745px 22.0494px rgba(154, 154, 154, 0.687773);
}

.redefining-impact-section {
    display: flex;
}

    .redefining-impact-section .redefining-imapact-section-left {
        width: 568px;
        margin-right: 36px;
    }

        .redefining-impact-section .redefining-imapact-section-left ul li {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: normal;
            font-size: 20px;
            line-height: 28px;
            color: #FFFFFF;
            margin-bottom: 20px;
            position: relative
        }

            .redefining-impact-section .redefining-imapact-section-left ul li:before {
                content: '';
                width: 8px;
                height: 8px;
                border-radius: 50%;
                background-color: #F37222;
                position: absolute;
                left: -20px;
                top: 10px;
            }

    .redefining-impact-section .redefining-imapact-section-right {
        width: 474px;
        display: flex;
        flex-wrap: wrap;
    }

        .redefining-impact-section .redefining-imapact-section-right .redefining-right-box {
            width: 220px;
            padding: 20px;
            background: #FFFFFF;
            box-shadow: 0px 2px 24px rgba(217, 217, 217, 0.687773);
            border-radius: 8px;
            margin: 12px 16px 0 0;
        }

            .redefining-impact-section .redefining-imapact-section-right .redefining-right-box p {
                font-family: 'openSans-semi-bold';
                font-size: 18px;
                line-height: 24px;
                color: #F37222;
                margin-top: 0px;
            }


/*macdonald cs end*/


/*liva fashion revamp cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.liva-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/liva-fashion-new-cs/application-image.jpg), linear-gradient(90deg, #FA985B 0%, #F58182 100%);
    background-position: calc(100% - 8px) 64px,center 64px;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
}

.our-work-right.tata-capital-workright.liva-fashion-workright {
    position: absolute;
    right: 0px;
    top: 58px;
}

    .our-work-right.tata-capital-workright.liva-fashion-workright div:first-child {
        margin: 0px;
    }

.work-details-certificates-main.tatacapital-certificates-main.parimatch-main.liva-fashion-main {
    width: 610px;
    max-width: 610px;
}

.work-details-certificate.parimatch-details-certificate2.liva-fashion-certificate2 {
    width: 300px;
}

.arvr-cs-wrapper .arvr-mgmt-review-content.liva-review-content {
    width: 58%;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.liva-fashion-quote {
    max-width: 772px;
}

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.liva-fashion-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 3px;
        right: 128px;
        left: 0px;
        transform: rotate(180deg);
    }


.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.liva-analysis-wrap {
    background: url(../images/liva-fashion-new-cs/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap .services-ux-for-client-wrapper.liva-slider-wrapper {
    justify-content: center;
    max-width: 1004px;
    margin: 0 0 0 auto;
}

.services-ux-for-client-box.service-tatacapital-wrapper.service-liva-wrapper {
    max-width: 304px;
    min-height: 160px;
}

.liva-solution-bg {
    background: #192730;
}


.liva-fashion-solutions .wd-dtls-heading.pinned-wd.liva-solution-heading {
    color: #FFFFFF;
}

.arvr-cs-wrapper .wd-dtls-heading.challenge.liva-fashion-heading {
    color: #303030;
}

.liva-fashion-leadgen-form {
    margin-top: 48px;
}

/*liva fashion revamp cs end*/

/*vodafone revamp cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.vodafone-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/vodafone-new/application-image.png),url(../images/vodafone-new/vodafone-banner-bg.png);
    background-position: right 210px bottom 8px, center bottom;
    background-size: auto,100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.our-work-right.tata-capital-workright.vodafone-new-workright {
    top: 80px;
}

.work-details-certificate.parimatch-details-certificate2.vodafone-new-certificate2 {
    width: 300px;
}

.arvr-cs-wrapper .our-work-right.tata-capital-workright.axis-bank-workright.vodafone-new-workright .workright-banner-desk {
    margin-top: 0px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote {
    max-width: 800px;
    width: 800px;
}

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 0px;
        right: 112px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.vodafone-analysis-wrap {
    background: url(../images/vodafone-new/analysis-bg.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.vodafone-solution-bg {
    background: url(../images/vodafone-new/solution-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-leadgen.ar-auto.macdonald-leadgen-form .leadgen-form-app {
    width: 212px;
    height: 224px;
    z-index: 3;
    right: 44px;
    transform: translateY(-42%);
    border-radius: 20px 0 0 20px;
    top: 50%;
    position: absolute;
    object-fit: cover;
}

.problem-state-right.vodafonr-state-right {
    width: calc(100% - 300px);
    margin-left: auto;
}

.arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case.vodafone-result-wrap-case {
    width: 34%;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap.vodafone-result-wrap {
    min-height: 157px;
}

.vodafone-leadgen-space {
    margin-bottom: 60px;
}

/*vodafone revamp cs end*/

/*kotak revamp cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.vodafone-detail-container.kotak-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/kotak-new/application-image.png),url(../images/kotak-new/casestudy-banner-bg.jpg);
    background-position: right 120px bottom 16px, center bottom;
    background-size: auto,100% 100%;
    background-repeat: no-repeat;
    position: relative;
}

.work-details-certificate.parimatch-details-certificate2.kotak-certifiacte-2 {
    width: 346px;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.kotak-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 574px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.kotak-analysis-wrap {
    background: url(../images/kotak-new/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap .services-ux-for-client-wrapper.kotak-slider-wrapper {
    justify-content: center;
    max-width: 820px;
}

/*kotak revamp cs end*/

/*angel-broking-revamp cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.angel-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/angel-broking-new/application-image.jpg), linear-gradient(90deg, #FA985B 0%, #F58182 100%);
    background-position: calc(100% - 8px) 64px,center 64px;
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
}

.arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote.angel-quote {
    max-width: 830px;
    width: 830px;
}

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote.angel-quote:after {
        bottom: 0px;
        right: 498px;
    }

.arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.kotak-analysis-wrap.angel-analysis-wrap {
    background: url(../images/angel-broking-new/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

/*angel-broking-revamp cs end*/

/*godrej-natures-basket revamp cs start*/

.arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.godrej-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/godrej-new/application-image.jpg), url(../images/godrej-new/casestudy-banner-bg.jpg);
    background-position: right bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto, 100% 100%;
}

.work-details-certificate.parimatch-details-certificate2.godrej-details-certificate {
    max-width: 302px;
}

.arvr-mgmt-review-content .quote.godrej-quote::before {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    top: 2px;
    left: -5px;
}

.arvr-mgmt-review-content .quote.godrej-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 246px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.godrej-analysis-wrap {
    background: url(../images/godrej-new/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.wolter-innovation-slider.godrej-innovation-slider .slick-prev {
    left: unset;
    top: unset;
    bottom: 106px;
    right: 120px;
    z-index: 1;
}

.wolter-innovation-slider.godrej-innovation-slider .slick-next {
    top: unset;
    right: 60px;
    bottom: 106px;
    z-index: 1;
}

.innovative-solutions-slider-sib.godrej-innovation-slider .slick-prev:before {
    content: "";
    background: url(../images/godrej-new/prev-arrow-2.svg) no-repeat;
    width: 16px;
    height: 32px;
    display: block;
}

.innovative-solutions-slider-sib.godrej-innovation-slider .slick-next:before {
    content: "";
    background: url(../images/godrej-new/next-arrow-2.svg) no-repeat;
    width: 16px;
    height: 32px;
    display: block;
}

/*godrej-natures-basket revamp cs end*/

/*h&R block case study revamp start*/

.arvr-cs-wrapper .work-details-container.hr-details-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/h&r-new/application-image.png), url(../images/h&r-new/casestudy-banner-bg.jpg);
    background-position: right bottom 40px, center bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto, 100% 100%;
}

.arvr-cs-wrapper .work-details-certificates-main.hr-detail-certificates-main {
    max-width: 616px;
    justify-content: space-between;
}

.arvr-mgmt-review-content .quote.hr-quote {
    width: 838px;
}

    .arvr-mgmt-review-content .quote.hr-quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: -5px;
    }

    .arvr-mgmt-review-content .quote.hr-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 120px;
        left: 0px;
        transform: rotate(180deg);
    }

.hr-solution-bg {
    background: url(../images/h&r-new/solution-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.hr-analysis-wrap {
    background: url(../images/h&r-new/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.wd-dtls-heading.hr-solution-heading {
    color: #FFFFFF;
}

/*h&R block case study revamp end*/

/*sbi case study revamp start*/

.arvr-cs-wrapper .work-details-container.sbi-detail-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/sbi-new/application-image.png), url(../images/sbi-new/casestudy-banner-bg.jpg);
    background-position: right 50px bottom 50px,center bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto, 100% 100%;
}

.arvr-mgmt-review-content .quote.sbi-quote {
    width: 814px;
}

    .arvr-mgmt-review-content .quote.sbi-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 574px;
        left: 0px;
        transform: rotate(180deg);
    }


.arvr-cs-wrapper.prega .wd-analysis-wrap.sbi-analysis-wrap {
    background: url(../images/sbi-new/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.sbi-solution-bg {
    background: #371547;
}

/*sbi case study revamp end*/

/*whatsapp footer icon start*/

.techved-footer-whatsapp {
    position: fixed;
    right: 20px;
    bottom: 10px;
    max-width: 302px;
    z-index: 10;
    display: none;
}

    .techved-footer-whatsapp .footer-whatsapp-container a {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .techved-footer-whatsapp .footer-whatsapp-container p {
        font-family: 'openSans-regular';
        color: #000000;
        font-size: 15px;
        font-weight: 700;
        line-height: 18px;
        background: #ffffff;
        padding: 14px 12px;
        border-radius: 8px;
        margin: 6px 14px 0 0;
        position: relative;
    }

        .techved-footer-whatsapp .footer-whatsapp-container p::after {
            position: absolute;
            content: "";
            top: calc(-1 * 2px);
            left: calc(-1 * 2px);
            z-index: -1;
            width: calc(100% + 2px * 2);
            height: calc(100% + 2px * 2);
            background: linear-gradient( 45deg, #FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF );
            background-size: 300% 300%;
            background-position: 0 50%;
            border-radius: 12px;
            animation: moveGradient 4s alternate infinite;
        }


/*whatsapp footer icon end*/

/*staff augmentation reaudit start*/

.industries-we-serve.team-aug, industries-teamaug-spacing {
    padding: 0px 20px;
    margin-bottom: -55px;
}

.service-top-wrapper.team-aug-wrapper .leadg .service-banner-left-main.staff-aug-after h1::after {
    display: none;
}

.services-what-we-do-head.staff-aug-tabs {
    margin-bottom: 50px;
}

.enterprice-partner .services-common-heading.staff-aug-tab-heading {
    margin-bottom: 15px;
}

.enterprice-partner.user-research .nav-tabs.staff-aug-nav-tabs {
    height: 72%;
}

.enterprice-partner.user-research.staff-aug-user-research {
    margin-bottom: -78px;
}

.enterprice-tab-section.user-research .tab-content.staff-aug-tab-content h3 {
    font-family: 'openSans-semi-bold';
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 15px;
    color: #303030;
}

.enterprice-tab-section.user-research .tab-content.staff-aug-tab-content p {
    font-family: openSans-regular;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 15px;
    color: #676767;
}

.enterprice-partner.team-aug-enterprise-tab {
    padding: 20px 0 50px 0;
}

.research-insights-what-we-do .services-what-we-do-head, .services-what-we-do-main .services-what-we-do-head.team-aug-whatwedo {
    margin-bottom: 0px;
}

.services-what-we-do-head.staff-aug-tabs.service-staff-tabs {
    margin: 50px 0 26px 0;
}

/*staff augmentation reaudit end*/
.arvr-cs-wrapper .view-more a span {
    font-size: var(--fs-14);
}

.arvr-cs-wrapper .name-date img,
.arvr-cs-wrapper .column1-card1 .playstore-icon img {
    display: none;
}


/*user-research readuit start*/

.sub-services-ux-for-client-main .services-ux-for-client-wrapper.user-research-client.user-rearch-client-wrapper {
    margin-top: -110px;
}

.services-what-we-do-main.usabilty-testing-service-whatwedo {
    background: none;
    margin-top: 0px;
}

.enterprice-partner.user-research .nav-tabs.staff-aug-nav-tabs.staff-aug-scroll-tabs {
    height: 36%;
}

/*user-research readuit end*/

/*metaverse reaudit start*/

.slider-main-slide.arservice-slide-main.metaverse .slide-caption-info div.alt-h4.cust-subcontent.metaverse-subcontent {
    width: 88%;
}

.cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse.cust-metaverse.metaverse-client-wrapper {
    margin-top: -200px;
}

.services-why-important-head.metaverse-service-why-imp {
    margin: 0 auto;
}

.services-ux-for-client-main.metaverse-ux-for-client {
    padding-top: 0px;
}

.metaverse-blog-section {
    display: none;
}

.slide-caption-info.getin-touch-caption-info.newbr h3 {
    font-family: 'openSans-regular';
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 35px;
    position: relative;
    display: flex;
    text-transform: capitalize;
    align-items: center;
}


/*metaverse reaudit end*/
.sub-services-ux-for-client-main .services-ux-for-client-wrapper.web-app-client-wrapper {
    margin-top: -110px;
}

.service-banner-left-main.leadg.mob-app-banner-content {
    margin-top: 0px;
    max-width: 650px !important;
}

.mobile-app-sub-service-top-wrapper .service-banner-left-main.mob-app-banner.mob-app-banner-content > p {
    max-width: 630px;
}


/*team augmentation slider start*/

.services-what-we-do-container.client-slider-heading {
    margin: 60px auto 40px auto;
}

.teamaug-client-slider .client-slider-container img {
    margin: 10px auto;
}


.mobility-dev-what-do-main.team-aug.team-aug-whatwedo-section {
    background: none;
}

.mobility-dev-what-do-main.team-aug.team-aug-slider-background {
    height: 260px;
}

.services-common-heading.team-aug-section-heading.teamaug-slider-heading {
    margin: 60px 0 40px 0;
}

.mobility-dev-what-do-main.team-aug.team-aug-slider-background {
    background-size: cover;
}

/*team augmentation slider end*/

/*web apps pointer slider start*/

.progress-pointers-container {
    width: 1094px;
    height: 292px;
    margin: 30px auto 0;
}

    .progress-pointers-container .progress-pointers {
        position: relative;
        margin: 0 33px;
    }

        .progress-pointers-container .progress-pointers:before {
            content: '';
            position: absolute;
            width: 2px;
            height: 68px;
            background: #43386B;
            left: 48px;
            top: 100px;
            z-index: -1;
        }

        .progress-pointers-container .progress-pointers p.pointer-number {
            position: absolute;
            top: 36px;
            left: 0px;
            right: 0px;
            font-family: openSans-bold;
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
            text-align: center;
            color: #F37222;
        }

        .progress-pointers-container .progress-pointers p.pointer-circle {
            width: 22px;
            height: 22px;
            background: #F37222;
            border: 5px solid #FFFFFF;
            box-shadow: 0px 0px 0px 2px #43386B, 0px 2px 0px #43386B, 0px 2px 0px #43386B, 0px 0px 1px #43386B;
            border-radius: 50%;
            position: absolute;
            top: 168px;
            left: 38px;
        }

            .progress-pointers-container .progress-pointers p.pointer-circle .forward-arrow {
                position: absolute;
                right: -100px;
                transform: rotate(180deg);
                top: -1px;
            }

            .progress-pointers-container .progress-pointers p.pointer-circle .backward-arrow {
                position: absolute;
                left: -100px;
                top: -1px
            }

            .progress-pointers-container .progress-pointers p.pointer-circle:before {
                content: '';
                position: absolute;
                width: 86px;
                height: 2px;
                background: #43386B;
                left: -90px;
                top: 5px;
                z-index: -1;
            }


            .progress-pointers-container .progress-pointers p.pointer-circle:after {
                content: '';
                position: absolute;
                width: 86px;
                height: 2px;
                background: #43386B;
                right: -90px;
                top: 5px;
                z-index: -1;
            }

        .progress-pointers-container .progress-pointers h2 {
            font-family: openSans-bold;
            font-size: 20px;
            font-weight: 600;
            line-height: 28px;
            text-align: center;
            position: absolute;
            top: 226px;
            left: 0px;
            right: 0px;
            color: #303030;
        }

/*web apps pointer slider end*/

/*icici insta od case study start*/

.arvr-cs-wrapper .work-details-container.insta-od-container {
    padding: 135px 30px 60px 77px;
    background: url(../images/icici-insta-od/application-image.svg), url(../images/icici-insta-od/casestudy-banner-bg.jpg);
    background-position: right top 30px, center bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: auto, 100% 100%;
}

.arvr-mgmt-review-content .quote.hr-quote.insta-od-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 350px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.insta-od-analysis-wrap {
    background: url(../images/icici-insta-od/analysis-bg.jpg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.arvr-cs-leadgen.ar-auto.macdonald-leadgen-form .insta-od-form-app {
    width: 316px;
    height: 320px;
    z-index: 3;
    right: 0px;
    bottom: 61px;
    transform: translateY(-34%);
    border-radius: 20px 0 0 20px;
    top: 50%;
    position: absolute;
    object-fit: cover;
}

/*icici insta od case study end*/

/*about award image start*/

.about-award-images {
    padding: 34px 0 16px 34px;
}

.awards-recognition-slider-main.award-slider-title-main .slick-dots {
    margin-left: 118px !important;
    text-align: left !important;
}

.awards-recognition-slide.award-slider-title p {
    width: 454px;
    padding: unset;
}

/*about award image end*/

/*opera case study rewamp strat*/

.opear-text {
    color: #000000 !important;
}

.arvr-cs-wrapper .work-details-container.opera-details-container {
    padding: 135px 30px 60px 77px;
    background: url(../../../resources/images/opera-new/application-image.svg),url(../../../resources/images/opera-new/casestudy-banner-bg.jpg);
    background-position: right 142px bottom 41px,center bottom;
    background-size: auto, 100% 100%;
    background-repeat: no-repeat;
    position: relative;
}


.work-details-certificates-main.opera-details-certificates-main {
    width: 674px;
    max-width: 674px;
}

.work-details-certificate.opera-detail-certificate {
    max-width: unset;
    width: 422px;
}

.arvr-mgmt-review-content .quote.opera-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 3px;
    right: 128px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.opera-analysis-wrap {
    background: url(../images/opera-new/analysis-bg.svg),#371547;
    background-size: cover;
    background-repeat: no-repeat;
}

.opera-solution-bg {
    background: #F2F2F2;
}

/*opera case study rewamp end*/

/*hire developer start*/

.mobile-app-sub-service-top-wrapper.game-development-top-wrapper.hire-developer-top-wrapper {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url(../../resources/images/hire-developer/hire-developer-banner-bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

/* .service-banner-right-main.leadg .service-lead-wrapper.hire-service-lead-wrapper {
        width: 382px;
    }
*/
.service-banner-right-main.leadg .service-lead-wrapper.hire-service-lead-wrapper .page1::after {
    content: url(../images/hire-developer/service-form-page-dots.svg);
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translateX(-50%);
}

/* .service-banner-right-main.leadg .service-lead-wrapper.hire-service-lead-wrapper .page2::after {
        content: url(../images/hire-developer/service-form-page-dots.svg);
        position: absolute;
        top: 10px;
        left: 50%;
        transform: translateX(-50%) rotateY(180deg);
    }*/

.service-banner-right-main.leadg.hire-service-banner .page1 .card-head {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 22px;
}

.service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-list {
    display: flex;
    justify-content: center;
    width: 330px;
    height: 276px;
    overflow: auto;
    margin: 0 auto;
    padding: 0px;
    overflow: auto;
}

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-list::-webkit-scrollbar {
        width: 3px;
    }

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-list::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
        height: 270px;
        max-height: 270px;
    }

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-list::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px #676767;
    }


.service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item {
    padding: 6px
}


    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item label {
        width: 128px;
        height: 80px;
        font-size: 10px;
        line-height: 12px;
        padding: 48px 0px 18px;
        color: #321746;
    }

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item input:checked + label, .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item input:hover + label {
        font-size: 10px;
        line-height: 12px;
    }


.service-banner-right-main.leadg.hire-service-banner .page1, .service-banner-right-main.leadg .page2 {
    padding-top: 24px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv1 label {
    background-image: url(../images/hire-developer/hire-dev-service1.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv2 label {
    background-image: url(../images/hire-developer/hire-dev-service2.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv3 label {
    background-image: url(../images/hire-developer/hire-dev-service3.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv4 label {
    background-image: url(../images/hire-developer/hire-dev-service4.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv5 label {
    background-image: url(../images/hire-developer/hire-dev-service5.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv6 label {
    background-image: url(../images/hire-developer/hire-dev-service6.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv7 label {
    background-image: url(../images/hire-developer/hire-dev-service7.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv8 label {
    background-image: url(../images/hire-developer/hire-dev-service8.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv9 label {
    background-image: url(../images/hire-developer/hire-dev-service9.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv10 label {
    background-image: url(../images/hire-developer/hire-dev-service10.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg.hire-service-banner .wave-1 {
    height: 25px;
    left: -58px;
}

.service-banner-right-main.leadg.hire-service-banner .wave-2 {
    height: 41px;
    left: -52px;
}

.service-banner-right-main.leadg.hire-service-banner .wave-3 {
    height: 67px;
    left: -30px;
}

.game-development-section-bg.skilled-professionals {
    background: unset;
}

.game-development-section-bg.skilled-professional .progressive-web-dev {
    padding: 60px 0px 32px 0px;
}

.mobility-dev-what-do-main.team-aug.team-aug-slider-background.hire-dev-slider {
    background: url("../../../resources/images/hire-developer/hire-dev-slider.svg")no-repeat;
    background-size: 100% 100%;
}

.client-slider-container.hire-dev img {
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.211047);
    border-radius: 8px;
}

.progressive-web-dev.hire-web-dev {
    padding-top: 0px;
}

.teamaug-client-slider.hire-dev-slider {
    width: 1290px;
    margin: 0 auto;
}

.skilled-professionals-section {
    width: 1030px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0 47px;
    margin: 0 auto;
}

.skilled-professionals-left {
    width: 372px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .skilled-professionals-left ul li {
        margin: 0 0 20px 24px;
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        position: relative;
    }

        .skilled-professionals-left ul li:before {
            content: '';
            position: absolute;
            background: url("../../../resources/images/hire-developer/skilled-check.svg")no-repeat;
            width: 15px;
            height: 15px;
            top: 6px;
            left: -24px;
        }

.services-what-we-do-main.hire-dev-diverse {
    width: 100%;
    background: url(../../../resources//images/hire-developer/diverse-dev-blob.svg) no-repeat;
    background-position: right center;
    padding: 40px 30px 20px 30px;
}

    .services-what-we-do-main.hire-dev-diverse .hire-dev-para {
        width: 100%;
    }

.diverse-developer-body {
    width: 100% !important;
    margin: 0 auto;
}

    .diverse-developer-body > div {
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

.diverse-developer-card {
    width: 382px;
    min-height: 270px;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 2px 4px 20px rgba(200, 200, 200, 0.5);
    border-radius: 8px;
    margin: 12px 0;
    text-align: center;
}

    .diverse-developer-card img {
        margin: 0 auto;
    }

    .diverse-developer-card h2 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #303030;
        padding: 22px 0 12px 0;
    }

    .diverse-developer-card p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #303030;
    }



.flexible-engagement-card {
    width: 280px;
    min-height: 298px;
    border: 1px solid #F2F2F2;
    border-radius: 8px;
    margin: 16px 14px;
    padding: 30px 0 0 16px;
    background: #FFFFFF;
    cursor: pointer;
}

    .flexible-engagement-card:hover {
        box-shadow: 1.85538px 3.71077px 18.5538px rgba(200, 200, 200, 0.5);
    }

    .flexible-engagement-card h2 {
        font-family: 'openSans-regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        color: #303030;
        margin: 14px 0 12px 0;
    }

    .flexible-engagement-card ul li {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 19px;
        color: #676767;
        margin: 0 0 14px 16px;
        list-style: disc;
    }

.hire-easy-way-body {
    width: 1110px;
    height: 243px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    align-items: center;
    margin-top: 45px;
}

.hire-easy-way-card {
    width: 210px;
    height: 182px;
    background: #F2994A;
    border-radius: 10px;
    position: relative;
    margin-top: 50px;
}

.hire-easy-way-icon {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    box-shadow: 0px 2px 24px rgba(217, 217, 217, 0.687773);
    background: #FFFFFF;
    left: 0px;
    right: 0px;
    top: -50px;
    margin: 0 auto;
}

    .hire-easy-way-icon:before {
        width: 126px;
        height: 126px;
        position: absolute;
        content: '';
        border: 3px solid #FFFFFF;
        border-radius: 50%;
        left: -13px;
        right: 0px;
        top: -12px;
        margin: 0 auto;
    }

.hire-easy-way-card p {
    position: absolute;
    top: 102px;
    left: 0px;
    right: 0px;
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #FFFFFF;
    margin: 0 20px;
    width: unset !important;
}

.dev-bg {
    background: unset !important;
}

.augmented-resources {
    display: flex;
    justify-content: space-between;
}

.augmented-resources-card {
    width: 280px;
    min-height: 308px;
    text-align: center;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}

    .augmented-resources-card img {
        margin: 24px auto 0;
    }

    .augmented-resources-card h2 {
        font-family: 'openSans-regular';
        font-size: 18px;
        font-weight: 400;
        line-height: 26px;
        text-align: center;
        color: #303030;
        margin: 16px 0;
    }

    .augmented-resources-card p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
        color: #676767;
        margin: 0 12px;
        width: unset !important;
    }

.augmented-resources.why-hire-developer {
    width: 930px;
    margin: 17px auto 0;
}

    .augmented-resources.why-hire-developer .augmented-resources-card {
        margin: 15px;
    }

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen > div {
    max-width: 1200px;
}

.work-details-top-wrapper.arvr-cs-wrapper.prega.arvr-hire-leadgen {
    padding: 48px 0 23px 0
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .banner-form {
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 0px 7.71567px rgba(0, 0, 0, 0.4);
    border-radius: 6px;
    padding: 14px;
}

    .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .banner-form > div {
        background: #FFFFFF;
        padding: 14px;
        border-radius: 6px;
    }

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .main-heading {
    font-size: 32px;
    line-height: 42px;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .sub-heading {
    font-size: 16px;
    line-height: 24px;
    margin-top: 8px;
    width: 100%;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .tvd-angular-field {
    padding-top: 20px;
    margin-bottom: 0px;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    font-size: 11px;
    padding: 10px 0 4px 0;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label, .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .tvd-angular-field.mob-number label {
    font-size: 11px;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .connect-btn {
    padding: 12px 0;
    width: 120px;
    font-size: 11px;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
    font-size: 11px;
    top: 62px;
    left: 15px;
}

.arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .contact-field.focused input ~ label, .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .tvd-angular-field.mob-number.focused label {
    transform: translate(-2px, 6px) scale(1) !important
}

.enterprice-partner.hire-techved-developer .enterprice-partner-wrapper p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
}

.enterprice-partner.hire-techved-developer .enterprice-partner-wrapper .enterprice-tab-section p {
    font-family: 'openSans-regular';
    font-size: 14px;
    line-height: 20px;
    color: #676767;
}


/*hire developer end*/

/*staff augmentation start*/

.service-banner-left-main.leadg p.it-staffing.it-staffing-para {
    font-size: 22px;
    line-height: 30px;
    margin-top: 10px;
}

.service-banner-left-main.leadg p.it-staffing.it-staffing-para-new {
    line-height: 32px;
    font-weight: 600;
}

.staff-aug-banner-pointer {
    margin: 24px 0 8px;
}

    .staff-aug-banner-pointer li {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin: 0 0 20px 24px;
        color: #676767;
        position: relative
    }

        .staff-aug-banner-pointer li::before {
            content: '';
            position: absolute;
            width: 8px;
            height: 8px;
            border-radius: 50%;
            background: #303030;
            left: -20px;
            top: 10px;
        }

.mobility-top-wrapper.staff-aug-banner-bg {
    width: 100%;
    background: url(../../../resources/images/staff-augmentation/service-page-banner-image.svg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.services-what-we-do-head.staff-aug-tabs.expert-dimension-body {
    margin-bottom: 6px;
}

.enterprice-partner .services-common-heading.staff-aug-tab-heading.team-aug-section-heading {
    /*font-family: 'openSans-regular';*/
    font-size: 22px;
    line-height: 30px;
    color: #303030;
    font-weight: 300;
    text-align: center;
}


.expert-dimension {
    width: 1180px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.expert-dimension-icon {
    width: 100%;
    min-height: 228px;
    text-align: center;
    margin: 40px 15px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
}

.expert-dimension-new .expert-dimension-icon {
    width: 20%;
    padding: 40px 15px;
    margin: 0px;
}

.dimension-icon {
    width: 150px;
    height: 150px;
    background: #FFFFFF;
    box-shadow: 2px 3.71077px 18.5538px rgba(200, 200, 200, 0.5);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .dimension-icon img {
        width: 72px;
        height: 72px;
    }

.expert-dimension-icon p {
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    margin-top: 21px;
}

.expert-dimension.cms-development-exp .expert-dimension-icon p {
    font-family: openSans-regular;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-top: 21px;
}


.services-what-we-do-head.staff-aug-tabs.service-staff-tabs.top-staff-aug {
    width: 1120px;
    margin: 50px auto 26px auto;
}

.stack-capability-row {
    width: 1174px;
    margin: 16px auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.tech-capability-head {
    width: 100%;
    max-width: 350px;
    background: #F37222;
    padding: 24px 0 24px 10px;
    border-radius: 4px 0 0 4px;
    display: flex;
    align-self: normal;
    align-items: center;
    justify-content: flex-start;
}

    .tech-capability-head h2 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        color: #FFFFFF;
    }

.tech-capability-tech {
    width: 100%;
    border: 1px solid #F2F2F2;
    border-radius: 4px;
    border-left: 0px;
    padding: 13px 0;
}

    .tech-capability-tech ul li {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        color: #676767;
        display: inline-block;
        margin: 13px 0;
        padding: 0 10px 0 24px;
        border-right: 1px solid #676767;
    }

.services-quick-contact-section.staff-contact-section {
    margin: 30px 0;
}

.quick-contact-section-info.cust-quick-info.staff-quick-info {
    max-width: 626px !important;
}

.staff-contact-section .quick-contact-section-img {
    bottom: 0px;
}

.staff-benifits-having .benifits-having-wrapper {
    justify-content: center;
}

.benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box {
    width: 312px;
    min-height: 270px;
    padding: 54px 32px 44px;
    margin: 18px;
    box-shadow: 0px 4px 20px rgba(231, 231, 231, 0.520296);
    border-radius: 8px;
}

    .benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box .benifits-having-box-head {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }

        .benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box .benifits-having-box-head p {
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 300;
            line-height: 24px;
            text-align: center;
            margin: 16px 0 0 0;
        }

.services-what-we-do-box.team-aug.staff-aug-service-box {
    width: 312px;
    min-height: 270px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 18px;
}

.staff-aug-service-box .services-box-link-wrp {
    padding: 0 32px;
}

    .staff-aug-service-box .services-box-link-wrp.team-aug img {
        margin: 0px auto;
    }

.staff-aug-service-box .services-what-we-do-info h3 {
    margin: 16px 0;
    font-family: 'openSans-semi-bold';
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    color: #303030;
}

.staff-aug-service-box .services-what-we-do-info.team-aug p {
    margin: 0px;
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    text-align: center;
    color: #676767;
}

.empower-team-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.empower-team {
    width: 560px;
    margin: 16px 0;
    padding-left: 10px;
}

    .empower-team h2 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #303030;
    }

    .empower-team p {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #676767;
        margin-top: 16px;
    }


.services-what-we-do-container.team-aug.staff-aug-section {
    max-width: 1190px;
}

.staff-methodology-service {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 10px;
    width: 1240px;
}

.staff-methodology-service-modal {
    position: relative;
}

    .staff-methodology-service-modal .staff-content {
        width: 245px;
    }

        .staff-methodology-service-modal .staff-content.cust-content {
            width: 245px;
        }

    .staff-methodology-service-modal img {
        width: 320px;
        height: 245px;
    }

    .staff-methodology-service-modal:nth-child(even) img {
        transform: scaleY(-1);
    }


    .staff-methodology-service-modal .staff2 {
        width: 280px;
        height: 245px;
    }

.staff-content {
    position: absolute;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 245px;
    height: 245px;
    text-align: center;
}

    .staff-content p {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        text-align: center;
        width: 145px;
        color: #ffffff;
    }

.services-what-we-do-head.staff-aug-tabs.service-staff-tabs.top-staff-aug.staff-augmentation-spacing {
    margin-top: 0px;
}

.services-what-we-do-container.team-aug.staff-aug-model-space {
    margin-top: 40px;
}

/*staff augmentation end*/

/*java developer start*/

.mobility-top-wrapper.java-developer-banner-bg {
    width: 100%;
    background: url(../../../resources/images/java-developer/service-page-banner-image.svg) no-repeat;
    background-position: center top;
    background-size: cover;
}

.service-banner-left-main.leadg p.it-staffing.java-developer-para {
    width: 600px;
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin: 16px 0 32px;
    font-style: normal;
}

.augmented-resources.java-developer-resources {
    width: 1206px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

    .augmented-resources.java-developer-resources .augmented-resources-card {
        margin: 10px;
    }

.services-what-we-do-container.team-aug.dedicated-java-developer {
    width: 1238px;
}

.dedicated-java-developer .services-what-we-do-box.team-aug.staff-aug-service-box {
    width: 382px;
    margin: 0px 15px 30px;
}

.hiring-process {
    width: 1210px;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between
}

    .hiring-process > div {
        position: relative;
    }

        .hiring-process > div:before {
            content: '';
            width: 20px;
            height: 28px;
            position: absolute;
            background: url(../../../resources/images/java-developer/hiring-process-arrow.svg);
            background-size: 20px 28px;
            right: -7px;
            top: 86px;
        }

        .hiring-process > div:last-child:before {
            display: none;
        }



.hiring-container {
    width: 167px;
    height: 167px;
    border-radius: 50%;
    background: #F37222;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    margin: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .hiring-container h3 {
        font-family: 'openSans-regular';
        font-size: 18px;
        font-weight: 600;
        line-height: 28px;
        color: #FFFFFF;
        width: 124px;
    }

.quick-contact-section-info.cust-quick-info.staff-quick-info.java-developer-info {
    max-width: 486px !important;
}

.java-developer-resources .augmented-resources-card h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600;
    font-family: 'openSans-semi-bold';
}

.java-advantage-left ul li {
    width: 540px;
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    padding: 12px 0 12px 24px;
    position: relative;
    color: #676767;
}

    .java-advantage-left ul li:before {
        content: '';
        width: 8px;
        height: 8px;
        background: #303030;
        position: absolute;
        border-radius: 50%;
        left: 0px;
        top: 20px;
    }

.java-dev-section-space {
    padding: 30px !important;
}

.java-dev-form-section-space {
    padding: 30px 0 !important;
}

.service-banner-right-main.leadg .thankyou-work.thankyou-banner-form {
    width: 100%;
    border-radius: 8px;
}

.java-developer-leadgen {
    width: 524px;
}

.services-common-heading.staff-section-heading {
    margin-bottom: 18px;
}

/*java developer end*/

/*react developer start*/

.services-common-heading.team-aug-section-heading.teamaug-slider-heading.react-dev-head {
    margin: 60px 0 10px 0;
}

.services-what-we-do-head p.client-slider-byliner {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    margin-bottom: 22px;
}

.java-advantage-left.react-faq ul {
    padding-top: 5px;
}

    .java-advantage-left.react-faq ul li {
        padding: 5px 0 5px 24px;
        width: 100%;
    }

        .java-advantage-left.react-faq ul li:before {
            top: 13px;
        }

.java-dev-section-space p.service-cust-byliner {
    width: 1116px;
}

.hire-best-dev {
    width: 1120px;
    height: 226px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

    .hire-best-dev > div {
        width: 192px;
        height: 192px;
        border: 3px solid #F37222;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
    }

        .hire-best-dev > div:before {
            content: '';
            position: absolute;
            width: 48px;
            height: 26px;
            background: url(../../../resources/images/react-developer/best-developer-arrow.svg)no-repeat;
            right: -44px;
            top: 80px;
        }

        .hire-best-dev > div:last-child:before {
            display: none;
        }

    .hire-best-dev .best-dev-card {
        width: 166px;
        height: 166px;
        background: #F37222;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative
    }


        .hire-best-dev .best-dev-card h3 {
            font-family: 'openSans-regular';
            font-size: 18px;
            font-weight: 400;
            line-height: 26px;
            text-align: center;
            color: #FFFFFF;
            padding: 10px;
        }

.service-hire-developer-leadgen {
    width: 456px;
}

/*react developer end*/


/*dotnet developer start*/

.dotnet-developer-adv .dotnet-adv-pointer ul li {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #676767;
    margin: 12px 0;
    position: relative;
    padding-left: 24px;
    width: 100%;
    max-width: 540px
}

    .dotnet-developer-adv .dotnet-adv-pointer ul li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        left: 0px;
        top: 8px;
        background: #000000;
        border-radius: 50%;
    }

/*dotnet developer end*/


/*tata capital old case study start*/

.arvr-cs-wrapper .work-details-container.digital-tata-container {
    padding: 135px 30px 60px 77px;
    background: url('../images/digital-tata-capital/application-image.jpg'),linear-gradient(82.91deg, #09203F -15.58%, #537895 92.56%);
    background-position: right bottom,center bottom;
    background-repeat: no-repeat;
    position: relative;
    background-size: 615px 492px, 100% 100%;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.digital-tata-wrap {
    background: url(../images/digital-tata-capital/challanges-faced.svg),#371547;
    background-size: auto,100% 100%;
    background-position: right,center;
    background-repeat: no-repeat;
}

.arvr-mgmt-review-content .quote.digital-tata-quote {
    width: 856px;
}

    .arvr-mgmt-review-content .quote.digital-tata-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 3px;
        right: 314px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap.digital-wrap {
    min-height: 156px;
}

/*tata capital old case study end*/


/*cms developer start*/


.patners-cms {
    display: flex;
    gap: 10px;
    margin-top: 20px;
    align-items: center;
    margin-bottom: 20px;
}

    .patners-cms p {
        margin-bottom: 0px;
    }

.patnerscmsimg {
    display: flex;
    align-items: center;
}

.lifraycms img {
    width: 120px;
}

.strapicms img {
    width: 120px;
}


.services-what-we-do-main.hire-dev-diverse.cms-diverse {
    width: 100%;
    background: url(../../../resources//images/hire-developer/diverse-dev-blob.svg) no-repeat;
    background-position: right bottom;
    padding: 40px 30px 20px 30px;
}

.service-banner-left-main h1.cms-developer-heading {
    font-family: openSans-bold;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    color: #303030;
}

.service-banner-left-main h1.performance-developer-heading {
    font-size: 48px;
    line-height: 60px;
}

.service-banner-left-main p.cms-developer-para {
    width: 700px;
    font-family: 'openSans-medium';
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: left;
    color: #303030;
}

.service-banner-left-main.mobile-ipad2 .cms-banner-img {
    width: 300px;
    margin-top: 30px;
}

.diverse-developer-body.cms-developer-body {
    width: 1236px;
    margin: 0 auto;
}

    .diverse-developer-body.cms-developer-body > div {
        margin-top: 28px;
    }

.diverse-developer-card.cms-card {
    width: 382px;
    min-height: 270px;
    padding: 32px;
    background: #FFFFFF;
    box-shadow: 2px 4px 20px rgba(200, 200, 200, 0.5);
    border-radius: 8px;
    margin: 12px 15px;
    text-align: center;
}

.diverse-developer-card.performance-test-card {
    min-height: 280px;
    padding-bottom: 10px;
}


.enterprice-partner.user-research.cms-developer-tab-head {
    padding: 30px 0;
    margin-bottom: 0px;
}

.enterprice-partner.cms-developer-tab-head .enterprice-tab-section.user-research {
    padding: 0px;
}

.enterprice-partner-wrapper.cms-developer-tabs p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    margin: 12px 0 32px 0;
}

.enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content {
    margin-left: -50px;
    padding: 5px 0;
}

.enterprice-partner.cms-developer-tab-head .enterprice-tab-section .tab-content .tab-pane .tab-pane-img {
    padding-bottom: 0px;
}

.enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content h3 {
    text-align: left;
}

.enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content p {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #353535;
    text-align: left;
}


.tradition-tech-head {
    font-family: 'openSans-semi-bold';
    font-size: 24px;
    line-height: 28px;
    color: #303030;
    font-weight: 300;
    text-align: center;
    margin-bottom: 16px;
}

.traditional-technology .technology {
    width: 1256px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
}

    .traditional-technology .technology img {
        margin: 0px 16px;
    }

.importance-cms-pointer {
    width: 1065px;
    margin: 0 auto;
    padding-top: 12px;
    display: flex;
    justify-content: space-between;
}

    .importance-cms-pointer .cms-para {
        width: 626px;
    }

.cms-imp-para {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #303030;
}

.cms-list-point li {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    position: relative;
    margin: 7px 0 7px 22px;
}

    .cms-list-point li:before {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        background: #F37222;
        border-radius: 50%;
        top: 8px;
        left: -21px;
    }

.quick-contact-section-info.cust-quick-info.staff-quick-info.cms-developer-info {
    max-width: 574px !important;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv1 label {
    background-image: url(../images/cms-developer/cms-dev-service1.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv2 label {
    background-image: url(../images/cms-developer/cms-dev-service2.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv3 label {
    background-image: url(../images/cms-developer/cms-dev-service3.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv4 label {
    background-image: url(../images/cms-developer/cms-dev-service4.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv5 label {
    background-image: url(../images/cms-developer/cms-dev-service5.svg);
    background-position: center 18px;
    background-size: 20px;
}

.service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon.cms-dev-icon .service-radio-item.serv6 label {
    background-image: url(../images/cms-developer/cms-dev-service6.svg);
    background-position: center 18px;
    background-size: 20px;
}


.enterprice-partner h3.services-common-heading.cms-tab-heading {
    /*font-family: 'openSans-regular';*/
    font-size: 24px;
    line-height: 28px;
    color: #303030;
    font-weight: 300;
    text-align: center;
}

.enterprice-partner.user-research.staff-aug-user-research.java-dev-section-space {
    margin-bottom: 0px;
}

.java-dev-section-space p.service-cust-byliner.cms-service-byliner {
    width: 100%;
    max-width: 1050px;
}

/*cms developer end*/


.pwa-slider-image {
    width: 396px;
    height: 460px;
    border-radius: 10px;
}


/*neml case study start*/

.arvr-cs-wrapper.prega .work-details-container.neml-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/neml-cs/application-image.svg) no-repeat, #FFFFFF;
    background-position: right bottom;
    background-size: auto;
    max-width: 100%;
}

.neml-detail-container .work-details-head {
    max-width: 606px;
}

.arvr-cs-wrapper .neml-detail-container .work-details-certificate p.head {
    color: #F37222;
}

.banner-txt-black {
    color: #303030 !important;
}

.arvr-cs-wrapper .neml-detail-container .work-details-certificates-main {
    justify-content: space-between;
}

.arvr-mgmt-review-content .quote.neml-quote {
    width: 630px;
}

    .arvr-mgmt-review-content .quote.neml-quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: -5px;
    }

    .arvr-mgmt-review-content .quote.neml-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 344px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .problem-state-container.neml-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../images/neml-cs/neml-problem-state.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap {
    background: #CCCCCC;
}

    .arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap .services-ux-for-client-wrapper {
        justify-content: center;
        flex-wrap: wrap;
        max-width: 915px;
    }

.neml-analysis-wrap .services-ux-for-client-box {
    max-width: 358px;
    width: 280px;
    min-height: 160px;
}

.arvr-cs-wrapper .neml-analysis-wrap .services-ux-for-client-info p {
    font-size: 16px;
    line-height: 24px;
}


.vodafone-solution-bg.neml-solution-bg {
    background: #1B0620;
}

/*neml case study end*/

/*olx case study start*/

.arvr-cs-wrapper.prega .work-details-container.olx-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/olx-cs/application-image.svg) no-repeat, #65228A;
    background-position: right bottom;
    background-size: auto;
    max-width: 100%;
}

.arvr-cs-wrapper.prega.olx-cs-wrapper .our-work-left.tata-capital-workleft {
    max-width: 712px;
    width: 712px;
}

.arvr-cs-wrapper.prega.olx-cs-wrapper .work-details-head {
    max-width: 674px;
}

.arvr-cs-wrapper.olx-cs-wrapper .work-details-certificates-main {
    justify-content: space-between;
}

.arvr-cs-wrapper.olx-cs-wrapper .work-details-certificate p.head {
    color: #FFFFFF;
}

.arvr-mgmt-review-content .quote.olx-quote {
    width: 692px;
}

    .arvr-mgmt-review-content .quote.olx-quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: -5px;
    }

    .arvr-mgmt-review-content .quote.olx-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 0px;
        right: 548px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .problem-state-container.olx-problem-state:first-child::before {
    bottom: 156px;
    right: 0px;
    width: 270px;
    background: url(../images/olx-cs/olx-problem-state.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.olx-analysis-wrap {
    background: #4B0F6C;
}

    .arvr-cs-wrapper.prega .wd-analysis-wrap.olx-analysis-wrap .services-ux-for-client-wrapper {
        justify-content: flex-start;
        flex-wrap: wrap;
        max-width: 930px;
    }

.olx-analysis-wrap .services-ux-for-client-box {
    width: 284px;
    max-width: 358px;
    min-height: 160px;
}

.arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.olx-redefining {
    background: #4B0F6C;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.olx-result-wrp {
    background: #FFFFFF;
}

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.olx-result-wrp .name-txt-p.tatacapital-name-txt.parimatch-name-txt {
        color: #361547;
    }

/*olx case study end*/


/*metaverse new development start*/


.meta-container {
    max-width: 1236px !important;
    width: 100%;
    margin: 0 auto;
}

.metaverse-banner {
    min-height: 478px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
}

.metaverse-banner-container img {
    margin-top: 78px;
}

.metaverse-banner-container .slider {
    max-width: 1920px;
    width: 100%
}

.meta-banner-deskimage {
    width: 100%;
    height: 400px;
}

.metaverse-banner .metaverse-banner-overlay {
    width: 100%;
    height: auto;
    position: absolute;
    top: 78px;
    left: 0px;
    z-index: 0;
}

.metaverse-banner video {
    width: 100%;
    height: 400px;
    top: 78px;
    object-fit: cover;
    position: relative;
}

.metaverse-banner .meta-banner-content {
    position: absolute;
    top: 170px;
    z-index: 1;
}

.metaverse-banner h1 {
    font-family: 'openSans-regular';
    font-size: 48px;
    font-weight: 700;
    line-height: 72px;
    text-align: left;
    color: #FFFFFF;
    margin-top: 24px;
    text-shadow: 0px 4px 11px rgba(42, 42, 42, 0.50);
}

    .metaverse-banner h1 span {
        color: #FFBC47;
    }

.meta-card-heading h2 {
    font-family: 'openSans-regular';
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    text-align: left;
    color: #303030;
}

.meta-card-heading p {
    font-family: 'openSans-light';
    font-size: 22px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #303030;
    margin: 6px 0 16px;
}

.metaverse-card {
    position: relative;
    height: 410px;
    margin: 16px 0;
}

.preview-section {
    transition: 0.5s;
    position: relative;
    background: #FFFFFF;
}

.actual-content {
    z-index: 3;
}

    .actual-content.active {
        display: none;
    }

.preview-content.active {
    display: none;
}

.preview-section.active {
    box-shadow: 0px 4px 56px 0px rgba(0, 0, 0, 0.25);
    padding: 12px;
    border-radius: 16px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.card-close-btn {
    display: none;
}

.preview-section img {
    width: 100%;
}

.metaverse-card.trending-patch:before {
    position: absolute;
    content: url(../../../resources/images/metaverse-new/trending-patch.svg);
    width: 88px;
    top: 12px;
    right: 12px;
    z-index: 2; /*
    transition:0.5s;*/
}

.metaverse-card.trending-patch:hover:before {
    top: 24px;
    right: 24px;
    z-index: 4;
}

.metaverse-card.popular-patch:before {
    position: absolute;
    content: url(../../../resources/images/metaverse-new/popular-patch.svg);
    width: 62px;
    top: 12px;
    right: 14px;
    z-index: 2; /*
    transition: 0.5s;*/
}

.metaverse-card.popular-patch:hover:before {
    top: 24px;
    right: 24px;
    z-index: 4;
}

.preview-section h2 {
    font-family: 'openSans-semi-bold';
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: #333333;
    margin: 12px 0 4px 0;
}

.preview-section p {
    min-height: 50px;
    font-family: 'openSans-regular';
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #666666;
    margin-bottom: 0px;
}

.feature-card-head {
    font-family: openSans-semi-bold;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
}

.preview-section p.actual-para {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    color: #666666;
}

.preview-section ul {
    margin: 12px 0;
}

    .preview-section ul li {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
        display: inline-block;
        color: #808080;
        background-color: rgba(102, 102, 102, 0.12);
        padding: 4px 8px;
        border-radius: 16px;
        margin: 4px;
    }


        .preview-section ul li:nth-child(even) {
            margin-right: 0px;
        }

        .preview-section ul li:nth-child(odd) {
            margin-left: 0px;
        }



.features-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

    .features-body .features {
        width: 50px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin: 8px 16px 0;
    }

        .features-body .features img {
            width: 18px;
            height: 18px;
            margin-bottom: 4px;
        }

        .features-body .features p {
            min-height: unset;
            font-family: 'openSans-regular';
            font-size: 12px;
            font-weight: 400;
            line-height: 16px;
            text-align: center;
        }

.actual-content a {
    font-family: 'openSans-semi-bold';
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    display: block;
    border-radius: 8px;
    padding: 12px 0;
    color: #FFFFFF;
    background: rgba(243, 114, 34, 1);
}

.quick-contact-section.metaverse-leadgen {
    align-self: flex-end;
    margin: 40px 0 0;
    -webkit-clip-path: unset !important;
    clip-path: unset !important;
}

.quick-contact-section-img.cust-quick-contact-img.meta-contact-image img {
    margin-bottom: -8px
}

.quick-contact-section.metaverse-leadgen::before {
    display: none;
}

/*Why us section start css*/
.why-us-section {
    background-image: url(../images/metaverse-new/trasnimg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
}

    .why-us-section .why-us-main {
        padding: 88px 0px
    }

    .why-us-section .title-why-us h4 {
        font-family: "opensans-bold";
        font-size: 28px;
        font-weight: 600;
        color: #fff;
        line-height: normal;
    }

    .why-us-section .title-why-us p {
        color: #FFF;
        font-family: "opensans-regular";
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 32px;
    }

    .why-us-section .gap-40 {
        gap: 40px 0px;
    }

    .why-us-section .card-trasperent {
        /*border-radius: 16px;
        background: rgba(0, 0, 0, 0.20);
        backdrop-filter: blur(3px);*/
        padding: 8px;
    }

        .why-us-section .card-trasperent img {
            width: 48px;
            height: 48px;
        }

        .why-us-section .card-trasperent h5 {
            color: #FFF;
            font-family: "opensans-bold";
            font-size: 20px;
            font-style: normal;
            font-weight: 600;
            line-height: normal;
            margin: 16px 0 12px;
        }

        .why-us-section .card-trasperent p {
            color: #FFF;
            font-family: "opensans-regular";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
            margin: 0;
            min-height: 44px;
        }

/*Why us section ends css*/

/*Meta data plan section start css*/

.meta-plan-section {
    margin-top: 88px;
    margin-bottom: 50px;
    background: #FFFFFF;
}

    .meta-plan-section .meta-plan-main {
        text-align: center;
    }

        .meta-plan-section .meta-plan-main h4 {
            font-family: "opensans-bold";
            font-size: 28px;
            font-weight: 600;
            color: #303030;
            line-height: normal;
            margin-bottom: 6px;
        }

        .meta-plan-section .meta-plan-main p {
            font-family: "opensans-regular";
            font-size: 22px;
            font-weight: 300;
            color: #303030;
            line-height: normal;
            margin-bottom: 30px;
        }

.meta-plan-card {
    display: flex;
    justify-content: space-between;
}

.plan-card {
    max-width: 381px;
    width: 100%;
    border-radius: 18px;
    border: 1px solid #999;
    padding: 32px 24px;
}

    .plan-card.active {
        border: 1px solid #F37222;
    }

    .plan-card .all-plan p {
        color: #666;
        font-family: "opensans-regular";
        font-size: 16px;
        font-weight: 400;
        line-height: normal;
        padding-top: 11px;
        padding-bottom: 20px;
    }

    .plan-card .all-plan .plan-collapse {
        display: none;
    }

.epe-plan {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .epe-plan h3 {
        color: #333;
        font-family: "opensans-bold";
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

.epe-bg {
    border-radius: 21px;
    background: #F75110;
    padding: 2px 10px;
}

.epe-parag {
    color: #FFF;
    font-family: "opensans-bold";
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    margin-bottom: 0px;
}

.epe-plan .epe-main {
    display: flex;
    align-items: center;
    gap: 0px 10px;
}

.epe-plan img {
    width: 72px;
    height: 72px;
}

.btn-plan {
    border-radius: 8px;
    display: block;
    text-align: center;
    border: 1px solid #F37222;
    background: #fff;
    color: #F37222;
    font-family: "opensans-bold";
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    width: 100%;
    padding: 14px
}

    .btn-plan.active {
        background: #F37222;
        color: #FFF;
    }

.plan-data {
    padding-top: 32px;
}

    .plan-data h3 {
        color: #333;
        font-family: "opensans-bold";
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 16px;
    }

.plan-data-ul li {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0px 15px;
}

    .plan-data-ul li:not(:last-child) {
        margin-bottom: 12px
    }

    .plan-data-ul li p {
        color: #191D23;
        font-family: "opensans-regular";
        font-size: 16px;
        font-weight: 400;
    }

        .plan-data-ul li p.active {
            color: #A0ABBB;
        }

/*Meta data plan section start css*/

.arvr-cs-leadgen.metaverse.ready-tech-meta {
    background: #FFFFFF;
    padding-bottom: 0px;
}

    .arvr-cs-leadgen.metaverse.ready-tech-meta .banner-form {
        max-width: unset;
        padding: 10px 20px 0px
    }

    .arvr-cs-leadgen.metaverse.ready-tech-meta .main-heading {
        font-family: openSans-semi-bold;
        font-size: 28px;
        font-weight: 600;
        line-height: 38px;
        color: #303030;
        text-align: center;
    }

    .arvr-cs-leadgen.metaverse.ready-tech-meta .sub-heading {
        font-family: openSans-light;
        font-size: 22px;
        font-weight: 300;
        line-height: 30px;
        text-align: center;
        color: #303030;
        max-width: unset;
        margin: 8px;
    }

    .arvr-cs-leadgen.metaverse.ready-tech-meta .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label, .arvr-cs-leadgen.metaverse.ready-tech-meta .quick-contact-form .tvd-angular-field.mob-number label {
        font-size: 16px;
        line-height: 22px;
        color: #C0C0C0;
    }

    .arvr-cs-leadgen.metaverse.ready-tech-meta .iti__selected-flag {
        border-right: 1px solid #CCCCCC;
    }

    .arvr-cs-leadgen.metaverse.ready-tech-meta .connect-btn {
        width: unset;
        text-transform: none;
        margin-left: 20px;
        font-size: 14px;
        padding: 20px 0;
        margin-top: 0px;
        margin-left: 0px;
        display: block;
        border-radius: 8px;
    }

/* package section start */

.meta-container.package-container {
    padding: 0 15px !important;
}

.package-scroll-body {
    height: calc( 100vh - 234px );
    overflow-y: scroll;
}

.package-features.active {
    border-radius: 16px 16px 0px 0px;
    border-top: 2px solid #C9CBCD;
    border-right: 2px solid #C9CBCD;
    border-left: 2px solid #C9CBCD;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    min-height: 120px;
    z-index: 1;
}

.package-scroll-body::-webkit-scrollbar {
    display: none;
}

.feature-package-section {
    height: 560px;
    overflow: hidden;
    padding-top: 40px;
    background: #FFFFFF;
}

    .feature-package-section.fixed {
        position: fixed;
        width: 100%;
        height: 100vh;
        background: #FFFFFF;
        z-index: 2;
        top: 72px;
        transition: 0.5s;
    }

.meta-logo-section.top {
    margin-top: 550px;
}

.body-scroll-meta {
    overflow: unset !important;
}

.package-header,
.package-details {
    display: flex;
    justify-content: flex-start;
}


    .package-header .features-head {
        width: 308px;
        text-align: center;
        background: #FFFFFF;
    }

.features-head img {
    margin: 0 auto;
}

.features-head h2 {
    font-family: openSans-bold;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    padding-top: 16px;
}

.pakages-body {
    width: 898px;
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.package-features {
    background: #FFFFFF;
    width: 278px;
    position: relative;
    border-radius: 16px 16px 0 0;
    border: 2px solid #C9CBCD;
    border-bottom: 0px;
    border-bottom: 1px solid #F4F7FA;
}

    .package-features:nth-child(2) {
        border-radius: 16px 16px 0 0;
        border: 2px solid #FFBEA5;
        border-top: 6px solid #FFBEA5;
        border-bottom: 0px;
        background: #FFF3EB;
        position: relative;
        box-shadow: 0px 0px 28px -4px rgba(41, 23, 78, 0.35);
    }

        .package-features:nth-child(2) h2 {
            padding: 12px 0 16px;
        }

    /* .package-features:nth-child(2)::before,
.package-features:nth-child(2)::after {
    content: "";
    position: absolute;
    width: 20px;
    top: 0px;
    bottom: 0px;
    z-index: -1;
    background: rgba(0, 0, 0, 0.15);
}

.package-features:nth-child(2)::before {
    left: 0;
    box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
}

.package-features:nth-child(2)::after {
    right: 0;
    box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
} */

    .package-features img {
        position: absolute;
        top: -40px;
        right: 14px;
    }

    .package-features h2 {
        color: #333;
        text-align: center;
        font-family: 'openSans-bold';
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 32px;
        letter-spacing: 0.4px;
        padding: 16px 0;
        margin-bottom: 0px;
    }

    .package-features p {
        color: #333;
        text-align: center;
        font-family: openSans-regular;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        padding: 0px 20px 16px;
        margin-bottom: 0px;
    }

    .package-features:nth-child(2) .package-contact-btn {
        color: #FFFFFF;
        background: #F37222;
    }

.package-contact-btn {
    color: #F37222;
    text-align: center;
    font-family: openSans-semi-bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    padding: 8px 32px;
    border-radius: 8px;
    border: 1px solid #F37222;
    display: inline-block;
}

    .package-contact-btn:hover {
        color: #F37222;
    }

.package-details {
    height: 44px;
    min-height: 44px;
}

.package-available-active ul {
    width: 898px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .package-available-active ul li {
        width: 278px;
        min-height: 44px;
        border: 1px solid #F4F7FA;
        border-top: 0px;
        border-left: 2px solid #C9CBCD;
        border-right: 2px solid #C9CBCD;
        background: rgba(255, 249, 246, 0.40);
    }

        .package-available-active ul li:nth-child(2) {
            border-right: 2px solid #FFBEA5;
            border-left: 2px solid #FFBEA5;
            background: #FFF9F6;
            position: relative;
        }

            .package-available-active ul li:nth-child(2)::before,
            .package-available-active ul li:nth-child(2)::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                width: 10px;
                z-index: -1;
            }

            .package-available-active ul li:nth-child(2)::before {
                left: 0px;
                box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
            }

            .package-available-active ul li:nth-child(2)::after {
                right: 0px;
                box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
            }

.package-available ul {
    width: 898px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .package-available ul li {
        width: 278px;
        height: 44px;
        max-height: 48px;
        border-bottom: 1px solid #F4F7FA;
        border-left: 2px solid #C9CBCD;
        border-right: 2px solid #C9CBCD;
        background: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: center;
    }

        .package-available ul li:nth-child(2) {
            border-right: 2px solid #FFBEA5;
            border-left: 2px solid #FFBEA5;
            background: #FFF9F6;
            position: relative;
        }

            .package-available ul li:nth-child(2)::before,
            .package-available ul li:nth-child(2)::after {
                content: "";
                position: absolute;
                top: 0;
                bottom: 0;
                width: 10px;
                z-index: -1;
            }

            .package-available ul li:nth-child(2)::before {
                left: 0px;
                box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
            }

            .package-available ul li:nth-child(2)::after {
                right: 0px;
                box-shadow: 0px 0px 28px 0px rgba(41, 23, 78, 0.35);
            }


.package-name-active {
    width: 308px;
    min-height: 44px;
    border-radius: 0px;
    border: 1px solid #F4F7FA;
    background: rgba(255, 249, 246, 1);
    border-top: 0px;
}

.package-scroll-body .package-container:first-child .package-name-active {
    border-radius: 15px 0 0 0;
}

.package-name {
    width: 308px;
    min-height: 44px;
    border-radius: 0px;
}

    .package-name ul li {
        height: 44px;
        color: #304C68;
        font-family: openSans-regular;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 26px;
        border: 1px solid #F4F7FA;
        border-top: 0px;
        border-right: 0px;
        background: #FFFFFF;
        border-radius: 0px;
        padding: 9px 0 9px 32px;
    }

.last-package-detail .package-name ul li {
    border-radius: 0 0 16px 16px;
}

.last-package-detail .package-available ul li {
    border: 2px solid #C9CBCD;
    border-radius: 0 0 16px 16px;
    border-top: 0px;
}

    .last-package-detail .package-available ul li:nth-child(2) {
        border: 2px solid #FFBEA5;
        border-top: 0px;
    }

.package-name-active h3 {
    color: #F37222;
    font-family: openSans-semi-bold;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 26px;
    padding: 9px 0 9px 16px;
    margin-bottom: 0px;
}

.package-button-container {
    display: none;
}

/* package section end */


/*Avtar slider section start*/
.slide-avtar-section {
    background-image: url(../images/metaverse-new/back-avtar.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.meta-avtar-row {
    align-items: center;
}

.avtar_rev_slider .slick-slider {
    margin-left: -12%;
    margin-right: -12%;
}

.avtar_rev_slider .slick-dots {
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.avtar_rev_slider .slick-track {
    max-width: 100% !important;
    transform: translate3d(0, 0, 0) !important;
    perspective: 100px;
}

.avtar_rev_slider .slick-slide {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    width: 100% !important;
    transform: translate3d(0, 0, 0);
    transition: transform 1s, opacity 1s;
}

    .avtar_rev_slider .slick-slide img {
        width: 100% !important;
    }

.avtar_rev_slider .slick-snext,
.avtar_rev_slider .slick-sprev,
.avtar_rev_slider .slick-snext2,
.avtar_rev_slider .slick-sprev2 {
    display: block;
}

.avtar_rev_slider .slick-current {
    opacity: 1;
    position: relative;
    display: block;
    z-index: 2;
}

.avtar_rev_slider .slick-snext {
    opacity: 0.5;
    transform: translate3d(70%, 0, -90px);
    z-index: 1;
    perspective: 1000px;
}

.avtar_rev_slider .slick-snext2 {
    opacity: -0.5;
    transform: translate3d(70%, 0, -90px);
    z-index: 0;
    perspective: 1000px;
}

.avtar_rev_slider .slick-sprev {
    opacity: 0.5;
    transform: translate3d(-70%, 0, -90px);
}

.avtar_rev_slider .slick-sprev2 {
    opacity: -0.5;
    transform: translate3d(-70%, 0, -90px);
}

.avtar_rev_slider h3 {
    color: #333;
    text-align: center;
    font-family: "opensans-bold";
    font-size: 22px;
    font-weight: 600;
}

.avtar_rev_slider .rev_slide h3 {
    display: none;
}

.avtar_rev_slider .rev_slide.slick-active h3 {
    display: block;
    text-align: center;
    margin-top: -20px;
}

.avtar-main img {
    width: 100%;
}

/*Avtar slider section end*/

/*metaverse model start*/


.meta-form-modal .modal-header {
    padding: 20px !important;
}

.meta-form-modal .lead-generation-popup .modal-content .lead-generation-form .modal-title .modal-subtitle {
    padding-top: 8px;
}

.meta-form-modal .quick-contact-form {
    width: 654px;
}

.meta-form-modal .contact-field-row {
    margin-bottom: 30px;
}

.meta-form-modal .tvd-angular-field {
    width: 100%;
}

.meta-form-modal .arvr-cs-leadgen .tvd-angular-field .share-business-id {
    top: 48px;
    color: #666666;
}

.meta-form-modal .lead-generation-popup .modal-content .connect-btn {
    margin: 26px auto 48px;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 700;
    font-family: 'openSans-semi-bold';
}

.meta-form-modal .modal-body {
    padding: 4px 4px 0 4px !important;
}

.meta-form-modal .modal-title {
    color: #303030;
    font-family: openSans-semi-bold;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
    padding: 0 15px;
}

    .meta-form-modal .modal-title span {
        color: #303030;
        font-family: openSans-light;
        font-size: 14px;
        font-style: normal;
        font-weight: 300;
        line-height: 18px;
        display: block;
        margin: 8px 0 24px;
    }

.meta-form-modal .dropdown .current, .meta-form-modal .dropdown .span {
    font-size: 16px !important;
    color: #797979 !important;
}

.meta-form-modal .dropdown.option-focused {
    color: #495057;
    font-weight: 600;
    border-bottom: 1px solid #303030 !important;
}

.meta-form-modal .banner-form {
    height: 374px;
    overflow: hidden;
}

.meta-form-modal .banner-forms {
    height: 374px;
    overflow: hidden;
    padding: 0 36px;
    background: url('../images/lady-lead.png') no-repeat;
    background-size: 300px;
    background-position: right bottom;
}

.meta-form-modal .contact-field-row .contact-field.mob-number label {
    position: absolute;
    top: -7px;
    left: 0;
    font-size: 12px !important;
}

.meta-form-modal .thankyou-work {
    width: 344px;
    height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}

    .meta-form-modal .thankyou-work .head img {
        margin: 0 auto;
    }

.meta-form-modal .spinner-border.service {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}

.meta-form-modal .close {
    top: 24px;
    right: 24px;
}

.meta-form-modal .form-group {
    margin-bottom: 0px;
}

.meta-form-modal .dropdown.form-control {
    border: 0;
    border-bottom: 1px solid #CCCCCC;
}

.meta-form-modal .tvd-angular-field .dropdown.open .list {
    max-height: 150px;
    overflow-y: auto;
}

.meta-form-modal .lead-generation-popup .modal-content .connect-btn.back-home {
    margin: 32px 0 0px;
    padding: 16px 26px;
}

.meta-form-modal .quick-contact-form .contact-field-row .tvd-angular-field.select-option .option-validation {
    font-family: 'openSans-light';
    font-size: 14px;
    font-weight: 300;
    color: #e22a2a;
    position: absolute;
    top: 60px;
    padding-left: 25px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: auto;
    left: 0;
}

.meta-form-modal .thankyou-work > p.head {
    color: #303030;
    font-family: openSans-semi-bold;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 34px;
}

.meta-form-modal .thankyou-work > p {
    color: #303030;
    text-align: center;
    font-family: openSans-light;
    font-size: 16px;
    font-style: normal;
    font-weight: 300;
}

/*metaverse model end*/

.camp-highlight.metaverse-popup {
    background: url(../images/metaverse-new/metaverse-popup.png);
}


/*metaverse new development end*/

/*new ia start*/

.home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn {
    top: 95px;
    right: calc(50% - 610px);
}

    .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.analytics {
        right: 15px;
        height: 20px;
        width: 20px;
        padding: 0;
    }

.submenu-main .submenu-close-btn.submenuia-close-btn.analytics::before {
    left: 0px;
    /* width: 14px !important; */
    height: 1px;
    top: 10px;
}

.submenu-main .submenu-close-btn.submenuia-close-btn.analytics::after {
    left: 0px;
    /* width: 14px !important; */
    height: 1px;
    top: 10px;
}

.home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn {
    top: 105px;
}

.services-new-menu.submenu-main .submenu-close-btn.submenuia-close-btn {
    right: 108px;
}

.submenu-main .submenu-close-btn.submenuia-close-btn::before {
    left: 46px;
    /*width: 14px !important;*/
    height: 1px;
}

.submenu-main .submenu-close-btn.submenuia-close-btn::after {
    left: 46px;
    /*width: 14px !important;*/
    height: 1px;
}


.home-sidenav-main.fixed-top ~ .submenu-main .submenu-container.submenu-ia-container {
    border: none;
    width: 100%;
}

.card.navbar-ia-card {
    border: 0px;
    background-color: transparent !important;
    border-radius: 0px !important;
    border-bottom: 1px solid #ffb38487;
}

    .card.navbar-ia-card .card-header {
        padding: unset;
        margin-bottom: 0;
        background-color: unset;
        border-bottom: unset;
    }

        .card.navbar-ia-card .card-header .btn-link {
            width: 100%;
            padding: 0px;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

            .card.navbar-ia-card .card-header .btn-link,
            .card.navbar-ia-card .card-header .btn-link:hover {
                color: unset !important;
                text-decoration: none !important;
            }


                .card.navbar-ia-card .card-header .btn-link img.arrow-icon {
                    transform: rotate(0deg);
                }

                .card.navbar-ia-card .card-header .btn-link.collapsed img.arrow-icon {
                    transform: rotate(180deg);
                }

.menu-container {
    width: 100% !important;
    max-width: 1236px !important;
    margin: 12px auto 0 !important;
}

.menu-head h2 {
    color: #000;
    font-family: 'openSans-regular';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    padding-bottom: 8px;
}

.menu-head p {
    color: #2A2A2A;
    font-family: 'openSans-regular';
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.service-ia-menu {
    width: 1206px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 12px 0;
    /*border-bottom: 1px solid #FFB384;*/
}



.service-ia-menuhead {
    width: 176px;
    min-width: 176px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-right: 30px;
}

    .service-ia-menuhead img {
        width: 32px;
        height: 32px;
        margin-right: 14px;
    }

    .service-ia-menuhead h3 a {
        font-family: 'openSans-semi-bold';
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        color: #303030;
    }

/*
        .service-ia-menuhead h3 a:hover {
            background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            cursor: pointer;
        }*/

            .service-ia-menuhead h3 a:hover, .service-ia-menuhead h3 a:hover span {
                background: linear-gradient(97.53deg, #FF6700 0%, #FE1F10 55.24%);
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                cursor: pointer;
            }



        .service-ia-container {
            display: flex;
            justify-content: flex-start;
            align-items: flex-start;
            flex-wrap: wrap;
            gap: 8px 0;
            padding-top: 0px !important;
        }

.service-ia-name {
    width: 176px;
    line-height: 20px;
    margin: 0px 30px 0 0;
}

    .service-ia-name:nth-child(5) {
        margin-right: 0px;
    }

    .service-ia-name a {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        color: #303030;
        cursor: pointer;
    }

        .service-ia-name a:hover {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            color: #F75E21 !important;
            border-bottom: 2px solid #F75E21;
        }

/*new ia end*/

/*ux nps strat*/

.service-banner-left-main.mobile-ipad2 .uxnps-banner-img {
    width: 492px;
    margin-top: 25px;
}

.service-background-remove {
    background: none !important;
}

.services-what-we-do-main.hire-dev-diverse.uxnps-diverse-bg {
    background: url(../../../resources/images/ux-nps/masterof-uxnps.svg)no-repeat;
    background-size: 100% 100%;
    background-position: top 60px center;
}

.service-banner-right-main.leadg .mobile-apps.uxnps-service-icon .service-radio-item.serv1 label {
    background-image: url(../images/ux-nps/uxnps-service-icon1.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.uxnps-service-icon .service-radio-item.serv2 label {
    background-image: url(../images/ux-nps/uxnps-service-icon2.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.uxnps-service-icon .service-radio-item.serv3 label {
    background-image: url(../images/ux-nps/uxnps-service-icon3.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.uxnps-service-icon .service-radio-item.serv4 label {
    background-image: url(../images/ux-nps/uxnps-service-icon4.svg);
    background-position: center 15px;
    background-size: 32px;
}

.quick-contact-section-info.cust-quick-info.staff-quick-info.uxnps-info {
    max-width: 528px !important;
}

.services-why-important-main.uxnps-service-why-imp {
    background: none;
}

.servicenew-heading {
    font-family: openSans-semi-bold !important;
    /* font-size: 32px !important;*/
    font-weight: 600 !important;
    /*line-height: 40px !important;*/
    color: #303030 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.servicenew-para {
    font-family: openSans-regular !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 24px !important;
    color: #303030 !important;
}

.container-service {
    max-width: 1236px !important;
    width: 100% !important;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

.service-heading-space {
    padding: 0px !important;
}

.service-section-spacing {
    padding: 30px 0 !important;
}

.services-what-we-do-main.hire-dev-diverse.cms-diverse.uxnps-methodology {
    padding: 40px 0px 30px
}

.research-insights-why-imp-main.uxnps-service-why-imp .services-why-important-left-main, .research-insights-why-imp-main.uxnps-service-why-imp .problem-state-container, .research-insights-why-imp-main.uxnps-service-why-imp .problem-state-right {
    width: unset;
    max-width: unset;
}

.research-insights-why-imp-main.uxnps-service-why-imp .services-why-important-right-main, .research-insights-why-imp-main.uxnps-service-why-imp .problem-state-container {
    width: 486px;
    max-width: 486px;
    margin-left: auto;
    margin-top: 72px;
}

.research-insights-why-imp-main.uxnps-service-why-imp .wd-app-text {
    left: -100px;
    top: 28%;
    width: 382px;
    height: 242px;
}

.services-why-important-main.uxnps-service-why-imp {
    padding: 35px 0;
}

.research-insights-why-imp-main.uxnps-service-why-imp .app-info-text-bold .h3 {
    font-family: openSans-bold;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    position: relative;
}


.research-insights-why-imp-main.uxnps-service-why-imp .app-info-text p {
    font-family: openSans-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.research-insights-why-imp-main.uxnps-service-why-imp .app-icon {
    margin-bottom: 16px;
    margin-top: 0px;
    box-shadow: none;
}

.java-dev-section-space p.service-cust-byliner.uxnps-whats-imp {
    width: 100%;
}

.expert-dimension-icon.uxnps-impcards {
    margin: 24px auto;
}

    .expert-dimension-icon.uxnps-impcards p {
        font-family: openSans-regular;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        color: #303030;
    }

.service-para-uxnps {
    width: 100% !important;
    color: #303030 !important;
}

.transform-business .business-card.casestudy-business-card {
    width: 485px;
    max-width: 485px;
}

    .transform-business .business-card.casestudy-business-card img {
        width: 485px;
        height: 358px;
    }

.uxnps-videos {
    width: 800px;
    height: 389px;
    margin: 24px auto 0;
    position: relative;
    cursor: pointer;
}

    .uxnps-videos .play-btn-container {
        position: absolute;
        content: '';
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 389px;
    }

    .uxnps-videos .play-btn {
        width: 80px;
        height: 80px;
    }

    .uxnps-videos video {
        width: 100%;
        height: 389px;
    }

    .uxnps-videos source {
        width: 100%;
        height: auto;
    }

.services-what-we-do-main.uxnps-diverse-bg {
    background: url(../../../resources/images/ux-nps/masterof-uxnps-bg.svg) no-repeat;
    background-position: top -6px center;
    background-size: 100% 100%;
}

.uxnps-methodology {
    background: url(../../../resources/images/ux-nps/uxnps-methodology-bg.svg) no-repeat;
    background-position: top 34px left -264px;
    background-size: 100% 100%;
}

.uxnps-whyimp-bg {
    background: url(../../../resources/images/ux-nps/uxnps-whyimp-bg.svg) no-repeat;
    background-position: top 55px left -350px;
    background-size: 100% 100%;
}

.what-stats-say-bg {
    background: url(../../../resources/images/ux-nps/whats-stats-say-bg.svg) no-repeat;
    background-position: top 157px right -500px;
    background-size: 100% 100%;
}

.diverse-developer-card.cms-card.uxnps-methodology-card {
    width: 100%;
    margin: 12px 0;
}

/*ux nps end*/

/*usability-testing start*/

.digital-asset-clients {
    width: 100%;
    min-height: 200px;
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: space-between;
    padding: 24px 16px;
    margin: 16px 0;
}

.digital-assest-clinetimg {
    margin: 16px 0;
}

.digital-asset-clients .asset-icon {
    width: 35px;
    height: 35px;
}

.digital-asset-clients .asset-content {
    width: 198px;
}

.asset-content-head {
    font-family: openSans-semi-bold;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    color: #303030;
}

.asset-content-para {
    font-family: openSans-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 8px;
    color: #303030;
}

.usability-service {
    min-height: 216px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.25);
    padding: 16px 28px;
    margin: 12px 0;
}

    .usability-service h3 {
        color: #303030;
        font-family: openSans-semi-bold;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        margin-bottom: 12px;
    }

    .usability-service p {
        color: #303030;
        text-align: center;
        font-family: openSans-regular;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
    }

.industry-part-right-section.benifit-testing-company {
    width: 100%;
    max-width: 100%;
    margin-top: 12px;
}

    .industry-part-right-section.benifit-testing-company h3 {
        margin-bottom: 6px;
        font-size: 20px;
        line-height: 28px;
    }

    .industry-part-right-section.benifit-testing-company .listing-icon-tick li {
        margin-bottom: 0px;
        padding: 6px 0 6px 25px;
        background-size: 16px 16px;
        background-position: left 11px;
        font-size: 20px;
        line-height: 28px;
    }

    .industry-part-right-section.benifit-testing-company p {
        margin-bottom: 6px;
        font-size: 20px;
        line-height: 28px;
    }


.usability-test-result {
    border-radius: 8px;
    background: #FFF;
    box-shadow: 0px 2px 16px 0px rgba(200, 200, 200, 0.46);
    padding: 24px 32px;
    margin: 12px 0;
    min-height: 184px;
}

    .usability-test-result h3 {
        font-family: openSans-semi-bold;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        text-align: center;
        margin-bottom: 12px;
    }

    .usability-test-result p {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        text-align: justify;
    }

.research-insights-why-imp-main.uxnps-service-why-imp.new-service-vertical-image .services-why-important-right-main, .research-insights-why-imp-main.uxnps-service-why-imp.new-service-vertical-image .problem-state-container {
    width: 386px;
    max-width: 386px;
    margin-left: auto;
    margin-top: 0px;
}

.uxnps-methodology-pink {
    background: url(../../../resources/images/usability-test/why-imp-bg.svg) no-repeat;
    background-position: top 34px left -264px;
    background-size: 100% 100%;
}

.what-stats-say-bg-result {
    background: url(../../../resources/images/ux-nps/whats-stats-say-bg.svg) no-repeat;
    background-position: top 20px right -301px;
    background-size: 100% 100%;
}


/*usability-testing end*/

/*cms case study start*/

.arvr-cs-wrapper.prega .work-details-container.cms-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/cms/application-image.svg) no-repeat,url(../../../resources/images/cms/cms-banner-image.jpg);
    background-position: right bottom, center center;
    background-size: auto, 100% 100%;
    max-width: 100%;
}

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-head {
        max-width: 658px;
    }

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-certificates-main {
        max-width: 430px;
        justify-content: space-between;
    }

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-certificate {
        max-width: 320px;
    }

.arvr-mgmt-review-content .quote.cmscs-quote {
    width: 666px;
}

    .arvr-mgmt-review-content .quote.cmscs-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 202px;
        left: 0px;
        transform: rotate(180deg);
    }


.arvr-cs-wrapper.prega .problem-state-container.cmscs-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../images/cms/cms-problem-state.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.cmscs-analysis-wrap {
    background: url(../../../resources/images/cms/challange-by-client.png), #4B0F6C;
}

.vodafone-solution-bg.cmscs-solution-bg {
    background: #FFFFFF;
}

.arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.cmscs-redefining {
    background: url(../../../resources/images/cms/redefining-imapact-bg.png), #4B0F6C;
}

.arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.cms-result-wrp {
    background-color: #FFFFFF;
}

.arvr-cs-wrapper.prega .vserve-redefining-impact.cms-redefining-impact .name-txt-p.tatacapital-name-txt.parimatch-name-txt {
    color: #361547;
    padding-top: 12px;
}

/*cms case study end*/




/*application testing start*/

.mobile-app-sub-service-top-wrapper.game-development-top-wrapper.application-top-wrapper {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url(../../resources/images/hire-developer/hire-developer-banner-bg.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}

.service-banner-left-main.mobile-ipad2 .applicationtest-banner-img {
    width: 334px;
    margin: 84px 0 0;
}

.service-banner-right-main.leadg .mobile-apps.application-service-icon .service-radio-item.serv1 label {
    background-image: url(../images/application-testing/application-test-icon1.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.application-service-icon .service-radio-item.serv2 label {
    background-image: url(../images/application-testing/application-test-icon2.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.application-service-icon .service-radio-item.serv3 label {
    background-image: url(../images/application-testing/application-test-icon3.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.application-service-icon .service-radio-item.serv4 label {
    background-image: url(../images/application-testing/application-test-icon4.svg);
    background-position: center 15px;
    background-size: 32px;
}


.application-testing-solution {
    background: url(../../../resources/images/application-testing/testing-solution-bg.svg) no-repeat;
    background-position: top -120px center;
    background-size: 100% 100%;
}


.progress-pointers-container .progress-pointers.application-pointer h2 {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    width: 165px;
    left: -36px;
}

.quick-contact-section-info.cust-quick-info.staff-quick-info.applicationtest-info {
    max-width: 628px !important;
}

    .quick-contact-section-info.cust-quick-info.staff-quick-info.applicationtest-info.performance-info {
        max-width: 450px !important;
    }

.invest-test {
    margin-top: 24px;
}

.invest-application-bg {
    background: url(../../../resources/images/application-testing/invest-application-bg.svg) no-repeat;
    background-position: top 220px left -121px;
    background-size: contain;
}

.industry-stats-say-section.service-industry-stats {
    width: 100%;
    max-width: 100%;
}

.invdi-stats-section.web-soln.industry-stats-card {
    width: 100%;
}

/*application testing end*/

/*application testing case study start*/

.arvr-cs-wrapper.prega .work-details-container.applcationtest-detail-container .work-details-certificates-main {
    max-width: 600px;
    justify-content: space-between;
}

.arvr-mgmt-review-content .quote.application-test-quote {
    width: 692px;
}

.arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-certificate.application {
    max-width: 330px;
}

.arvr-mgmt-review-content .quote.application-test-quote::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 2px;
    right: 122px;
    left: 0px;
    transform: rotate(180deg);
}

.arvr-cs-wrapper.prega .work-details-container.applcationtest-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/application-testing-cs/application-image.svg) no-repeat,url(../../../resources/images/application-testing-cs/application-banner-image.jpg);
    background-position: right 16px bottom 54px, center center;
    background-size: auto, 100% 100%;
    max-width: 100%;
}

.app-info-text-bold.slider-app-box {
    z-index: 1;
}

.casestudy-text-black {
    color: #0E0E0E !important;
}

.arvr-cs-wrapper.prega .problem-state-container.application-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../images/application-testing-cs/application-problem-state.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.application-analysis-wrap, .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.application-redefining {
    background: url(../../../resources/images/application-testing-cs/challange-by-client.png), #4B0F6C;
    background-size: 100% 100%;
}

/*application testing case study end*/


/*performace testing case study start*/


.arvr-cs-wrapper.prega .work-details-container.performancetest-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../images/performance-testing-cs/application-image.svg) no-repeat,url(../../../resources/images/performance-testing-cs/performance-banner-image.jpg);
    background-position: right 20px bottom 40px, center center;
    background-size: auto, 100% 100%;
    max-width: 100%;
}

.performancetest-detail-container .work-details-head.arvr h1 {
    font-family: 'openSans-bold';
}

.arvr-cs-wrapper.prega .work-details-container.performancetest-detail-container .work-details-certificates-main {
    max-width: 580px;
    justify-content: space-between;
}

.arvr-mgmt-review-content .quote.performance-test-quote {
    width: 692px;
}

    .arvr-mgmt-review-content .quote.performance-test-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 156px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .problem-state-container.performance-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../images/performance-testing-cs/performace-problem-state.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.performance-redefining {
    background: url(../../../resources/images/performance-testing-cs/redifining-impact.png), #4B0F6C;
    background-size: 100% 100%;
}


/*performace testing case study end*/



/*competitive landscape analysis case study start*/

.arvr-cs-wrapper.prega .work-details-container.competitive-landscape-analysis-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../../../resources/images/competitive-landscape-analysis-cs/banner2.svg) no-repeat,url(../../../resources/images/competitive-landscape-analysis-cs/main-banner1.jpg);
    background-position: right bottom, center center;
    background-size: auto, 100% 100%;
    max-width: 100%;
}

    .arvr-cs-wrapper.prega .work-details-container.competitive-landscape-analysis-detail-container .work-details-certificates-main {
        max-width: 610px;
        justify-content: space-between;
    }

.arvr-cs-wrapper.prega .problem-state-container.competitive-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../../../resources/images/competitive-landscape-analysis-cs/problem-state-image.svg);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}

.competitive-problem-state .problem-state-desc-wrp {
    width: 52%;
}

.wd-app-text.competitive {
    width: 352px;
    top: 10%;
}

.arvr-mgmt-review-content .quote.cla-quote {
    width: 679px;
}

    .arvr-mgmt-review-content .quote.cla-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        right: 494px;
        left: 0px;
        transform: rotate(180deg);
    }

.arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.cla-analysis-wrap {
    background: url(../../../resources/images/application-testing-cs/challange-by-client.png), #371547;
    background-size: 100% 100%;
}

/*competitive landscape analysis case study end*/






/*game development case study start*/

.arvr-cs-wrapper.prega .work-details-container.game-development-detail-container {
    padding: 135px 30px 0 77px;
    min-height: 550px;
    position: relative;
    background: url(../../../resources/images/game-development-cs/banner2.png) no-repeat,url(../../../resources/images/game-development-cs/main-banner.png);
    background-position: right bottom, center center;
    background-size: auto, 100% 100%;
    max-width: 100%;
}


    .arvr-cs-wrapper.prega .work-details-container.game-development-detail-container .work-details-certificates-main {
        max-width: 610px;
        justify-content: space-between;
    }

.arvr-mgmt-review-content .sub.game {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #303030;
    margin-bottom: 15px;
}


.arvr-mgmt-review-content .quote.cla-quote.game::after {
    content: url(../images/arvr-cs/mgmt-review-quote.svg);
    position: absolute;
    bottom: 2px;
    right: 0px;
    left: 0px;
    transform: rotate(180deg);
}



.arvr-cs-wrapper.prega .problem-state-container.game-problem-state:first-child::before {
    bottom: 70px;
    right: 0px;
    width: 238px;
    background: url(../../../resources/images/game-development-cs/problem-image.png);
    background-size: 100% auto;
    background-position: bottom;
    background-repeat: no-repeat;
}


.arvr-cs-wrapper .wd-innovative-solutions .header-sec.game p {
    max-width: 790px;
}

/*game development case study start end*/




/*cyber security start*/

.service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.cyber-banner-img {
    width: 334px;
    margin: 34px 0 0;
}

.cybersecurity-solution {
    background: url(../../../resources/images/cyber-security/cybersolution-2.svg) no-repeat, url(../../../resources/images/cyber-security/cybersolution-1.svg) no-repeat;
    background-position: top 209px left -396px,top -294px left;
    background-size: 100% 100%;
}

.safeguard-world {
    background: url(../../../resources/images/cyber-security/safeguardworld-bg.svg) no-repeat;
    background-position: top 40px left -396px;
    background-size: 100% 100%;
}

.invest-cybersecurity-bg {
    background: url(../../../resources/images/cyber-security/invest-cybersecurity-1.svg) no-repeat, url(../../../resources/images/cyber-security/invest-cybersecurity-2.svg) no-repeat;
    background-position: top 432px left -8px, top 253px right;
    background-size: auto;
}

.invdi-stats-section.web-soln.cyber-card {
    height: 270px;
}

.cyber-stats-bg {
    background: none;
}

/*cyber security end*/

/*devops page start*/





.devops-journey-bg {
    background: unset;
}

.quick-contact-section-info.cust-quick-info.staff-quick-info.devops-info {
    max-width: 416px !important;
}

.imp-devops-bg {
    background: url(../../../resources/images/cyber-security/invest-cybersecurity-2.svg) no-repeat, url(../../../resources/images/devops/invest-devops-bg.svg) no-repeat;
    background-position: top 253px right, top 170px left -8px;
    background-size: auto;
}

.devops-toolsets-bg {
    background: url(../../../resources/images/cyber-security/invest-cybersecurity-1.svg) no-repeat;
    background-position: top 328px left -8px;
    background-size: auto;
}

/*devops page end*/



/*Eye Tracking Start*/

.service-banner-left-main p.cms-developer-para.eye-tracking {
    width: 630px;
}

/*Eye Tracking End*/



/*game design Start*/
.mobile-app-sub-service-top-wrapper.game-design-top-wrapper {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url(../../resources/images/game-design/main-banner.svg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100%;
}

.service-banner-left-main.mobile-ipad2.game-design {
    /* margin-top: 30px;*/
    max-width: 670px;
}

/*h3.services-common-heading.staff-section-heading.game-design {
    font-size: var(--fs-20) !important;
    line-height: 24px !important;
}*/

.quick-contact-section-info.cust-quick-info.staff-quick-info.game-design-info {
    max-width: 440px !important;
}

.quick-contact-section-info.cust-quick-info.staff-quick-info.eye-tracking-info {
    max-width: 450px !important;
}


.drop-link-box .subscribe-container.game-design {
    max-width: 550px;
}

/*game design End*/





/*cloud computing start*/

.service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.cloud-banner {
    margin: 84px 0 0;
    width: 334px;
    /* margin-left: 30px;*/
}

/*cloud computing end*/









/*Contextual security start*/
/*.mobile-app-sub-service-top-wrapper .service-banner-left-main.contextual {
    max-width: 400px;
}*/
.invdi-stats-section.web-soln.cyber-card.contextual {
    height: 216px;
}
/*Contextual computing end*/


@media screen and (max-width: 1024px) and (min-width: 992px) {
    /* package section start */


    .package-section-heading {
        padding: 0 15px;
    }

    .meta-container.package-container {
        padding: 0 !important;
    }

    .feature-package-section {
        height: unset;
        padding-top: 0px;
        overflow: unset;
        position: relative;
        transition: all 0.5s;
        background: #FFFFFF;
    }

        .feature-package-section.fixed {
            position: sticky;
            top: 106px;
        }

        .feature-package-section.fixed {
            position: fixed;
            width: 100%;
            height: 100vh;
            background: #FFFFFF;
            z-index: 2;
        }

    .feature-package-bodyscroll {
        overflow: hidden;
    }

    .package-features.active {
        border-radius: 0px;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        box-shadow: unset;
        min-height: unset;
    }

    .package-header .features-head {
        display: none;
    }

    .package-header {
        width: 100%;
        height: 94px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        z-index: 1;
        position: relative;
        background: #FFFFFF;
    }

        .package-header.active {
            box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        }


    .pakages-body {
        width: 100%;
        height: 78px;
        justify-content: space-around;
    }

    .package-features {
        width: 110px;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }

        .package-features h2 {
            font-family: openSans-regular;
            font-size: 18px;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
            padding: 4px 0 8px 0;
        }

        .package-features:nth-child(2) h2 {
            padding: 4px 0 8px 0;
        }

        .package-features img {
            left: 50%;
            width: 38px;
            height: 40px;
            position: unset;
        }

        .package-features p {
            display: none;
        }

        .package-features a {
            display: none;
        }

        .package-features:nth-child(2) {
            border: none;
            background: none;
            box-shadow: none;
        }


            .package-features:nth-child(2)::before,
            .package-features:nth-child(2)::after {
                box-shadow: unset;
                background: unset;
            }

    .package-name-active {
        width: 100%;
        min-height: unset;
        border: 0px;
    }

    .package-scroll-body .package-container:first-child .package-name-active {
        border-radius: 0px;
    }

    .package-name-active h3 {
        font-family: openSans-semi-bold;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 6px 0;
    }

    .package-name ul {
        margin-bottom: 0px;
    }

        .package-name ul li {
            height: unset;
            font-family: openSans-semi-bold;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            padding: 6px 0;
            border: none;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .package-available-active {
        display: none;
    }

        .package-available-active ul {
            width: 100%;
        }

            .package-available-active ul li {
                width: 100%;
            }

    .package-name {
        width: 100%;
        min-height: unset;
        height: unset;
    }

    .package-available ul {
        width: 100%;
        margin-bottom: 0px;
    }

    .last-package-detail .package-available ul {
        border-bottom: 0px;
    }

    .package-available ul li {
        width: 100%;
        height: unset;
        max-height: unset;
        border: none;
        color: #263D55;
        text-align: center;
        font-family: openSans-regular;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 4px 0;
    }

        .package-available ul li:nth-child(2) {
            border: none;
            background: #FFFFFF;
        }

            .package-available ul li:nth-child(2)::before,
            .package-available ul li:nth-child(2)::after {
                box-shadow: unset;
            }

    .last-package-detail .package-available ul li {
        border: 0px;
    }

        .last-package-detail .package-available ul li:nth-child(2) {
            border: 0px;
        }

    .package-details {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: unset;
        min-height: unset;
        padding: 8px 15px;
        border-bottom: 1px solid rgba(244, 247, 250, 1);
    }

        .package-details.last-package {
            border-bottom: 0px;
        }

        .package-details.package-detail-main {
            padding: 0 0 4px 0;
            border-bottom: 0px;
        }

        .package-details.last-package .package-available ul {
            border-bottom: 0px;
        }

    .package-button-container {
        position: sticky;
        bottom: 0px;
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: #FFF;
        box-shadow: 0px 0px 8px 0px rgba(123, 123, 123, 0.25);
        padding: 0 12px;
        z-index: 2;
    }

        .package-button-container .package-contact-btn:nth-child(2) {
            color: #FFFFFF;
            background: #F37222;
        }

    .package-contact-btn {
        font-family: openSans-semi-bold;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 8px 10px;
        text-transform: uppercase;
    }

    .package-scroll-body {
        height: calc(100vh - 204px);
    }

    /* package section end */


}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .meta-plan-card {
        gap: 24px;
    }


    .plan-card .all-plan p {
        font-size: 12px;
    }

    .meta-plan-card {
        justify-content: center;
        flex-wrap: wrap;
    }

    /* package section start */


    .package-section-heading {
        padding: 0 15px;
    }

    .meta-container.package-container {
        padding: 0 !important;
    }

    .feature-package-section {
        height: unset;
        padding-top: 0px;
        overflow: unset;
        position: relative;
        transition: all 0.5s;
        background: #FFFFFF;
    }

        .feature-package-section.fixed {
            position: sticky;
            top: 70px;
        }

        .feature-package-section.fixed {
            position: fixed;
            width: 100%;
            height: 100vh;
            background: #FFFFFF;
            z-index: 2;
        }

    .feature-package-bodyscroll {
        overflow: hidden;
    }

    .package-features.active {
        border-radius: 0px;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        box-shadow: unset;
        min-height: unset;
    }

    .package-header .features-head {
        display: none;
    }

    .package-header {
        width: 100%;
        height: 94px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        z-index: 1;
        position: relative;
        background: #FFFFFF;
    }

        .package-header.active {
            box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        }


    .pakages-body {
        width: 100%;
        height: 78px;
        justify-content: space-around;
    }

    .package-features {
        width: 110px;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }

        .package-features h2 {
            font-family: openSans-regular;
            font-size: 18px;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
            padding: 4px 0 8px 0;
        }

        .package-features:nth-child(2) h2 {
            padding: 4px 0 8px 0;
        }

        .package-features img {
            left: 50%;
            width: 38px;
            height: 40px;
            position: unset;
        }

        .package-features p {
            display: none;
        }

        .package-features a {
            display: none;
        }

        .package-features:nth-child(2) {
            border: none;
            background: none;
            box-shadow: none;
        }


            .package-features:nth-child(2)::before,
            .package-features:nth-child(2)::after {
                box-shadow: unset;
                background: unset;
            }

    .package-name-active {
        width: 100%;
        min-height: unset;
        border: 0px;
    }

    .package-scroll-body .package-container:first-child .package-name-active {
        border-radius: 0px;
    }

    .package-name-active h3 {
        font-family: openSans-semi-bold;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 6px 0;
    }

    .package-name ul {
        margin-bottom: 0px;
    }

        .package-name ul li {
            height: unset;
            font-family: openSans-semi-bold;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            padding: 6px 0;
            border: none;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .package-available-active {
        display: none;
    }

        .package-available-active ul {
            width: 100%;
        }

            .package-available-active ul li {
                width: 100%;
            }

    .package-name {
        width: 100%;
        min-height: unset;
        height: unset;
    }

    .package-available ul {
        width: 100%;
        margin-bottom: 0px;
    }

    .last-package-detail .package-available ul {
        border-bottom: 0px;
    }

    .package-available ul li {
        width: 100%;
        height: unset;
        max-height: unset;
        border: none;
        color: #263D55;
        text-align: center;
        font-family: openSans-regular;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 4px 0;
    }

        .package-available ul li:nth-child(2) {
            border: none;
            background: #FFFFFF;
        }

            .package-available ul li:nth-child(2)::before,
            .package-available ul li:nth-child(2)::after {
                box-shadow: unset;
            }

    .last-package-detail .package-available ul li {
        border: 0px;
    }

        .last-package-detail .package-available ul li:nth-child(2) {
            border: 0px;
        }

    .package-details {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: unset;
        min-height: unset;
        padding: 8px 15px;
        border-bottom: 1px solid rgba(244, 247, 250, 1);
    }

        .package-details.last-package {
            border-bottom: 0px;
        }

        .package-details.package-detail-main {
            padding: 0 0 4px 0;
            border-bottom: 0px;
        }

        .package-details.last-package .package-available ul {
            border-bottom: 0px;
        }

    .package-button-container {
        position: sticky;
        bottom: 0px;
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: space-around;
        align-items: center;
        background: #FFF;
        box-shadow: 0px 0px 8px 0px rgba(123, 123, 123, 0.25);
        padding: 0 12px;
        z-index: 2;
    }

        .package-button-container .package-contact-btn:nth-child(2) {
            color: #FFFFFF;
            background: #F37222;
        }

    .package-contact-btn {
        font-family: openSans-semi-bold;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 8px 10px;
        text-transform: uppercase;
    }

    .package-scroll-body {
        height: calc(100vh - 165px);
    }

    /* package section end */

}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .arvr-cs-wrapper .wd-result-wrap .result-details-container.kia-cs {
        display: block;
    }

    .arvr-cs-wrapper .work-details-container {
        padding: 35px 15px 10px;
    }

    .work-details-head.arvr.kia h1 {
        font-size: 20px;
        line-height: 28px;
        margin-top: 40px;
    }

    .arvr-cs-wrapper.prega .work-details-head.arvr h1 {
        font-size: 20px;
        line-height: 24px;
    }

    .work-details-head.arvr h1 > span {
        display: block;
        text-transform: none;
    }

    .work-details-head.arvr.ar-auto h1 > span {
        max-width: 82%;
    }

    .arvr-cs-wrapper.ar-auto .arvr-mgmt-review-content .quote::after {
        opacity: 0.5;
        right: 56px;
        left: auto;
    }

    .arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .quote::after {
        left: 286px;
    }

    .arvr-cs-wrapper.ar-auto.ar-remote .arvr-mgmt-review-content .quote::after {
        right: 40px;
    }

    .arvr-cs-wrapper.kia .work-details-head p {
        font-size: 14px;
        line-height: 18px;
        margin-top: 10px;
        width: 348px;
    }

    .arvr-cs-wrapper .work-details-head p > br {
        display: none;
    }

    .work-details-top-wrapper.arvr-cs-wrapper {
        width: 100%;
        background: url(../images/arvr-cs/arvr-mobile-banner-bg.png) no-repeat;
        background-position: 100% 54px;
        background-size: 100% auto;
    }

        .work-details-top-wrapper.arvr-cs-wrapper.ar-auto.kia {
            width: 100%;
            background: none;
            background-position: 100% 54px;
            background-size: 100% auto;
        }


    .experience-app {
        position: absolute;
        width: 250px;
    }

    .arvr-cs-wrapper .work-details-container {
        height: 700px;
        overflow: hidden;
    }

    .arvr-cs-wrapper.prega .work-details-container {
        background: url('../images/prega-cs/prega-mobile-bg.png');
        padding: 35px 15px 10px;
        background-position: center bottom;
        background-size: cover;
    }

    .arvr-cs-wrapper.ar-auto .work-details-container {
        padding: 35px 15px 10px;
        background: url(../images/ar-auto/ar-auto-banner-wheel.png),url(../images/ar-auto/ar-auto-banner-car.png),#163048;
        background-position: calc(0% - 60px)0,50% 76%,50%;
        background-size: 76% auto,94% auto,100% 100%;
        background-repeat: no-repeat;
    }

    /*.arvr-cs-wrapper.ar-auto.kia .work-details-container {
        padding: 35px 15px 10px;
        background: url(../images/ar-auto/ar-auto-banner-wheel.png), url(../images/ar-auto/ar-auto-banner-car.png), #163048;
       background-position: calc(0% - -268px) 306px, calc(0% - 3px) 363px,calc(0% - 3px) 536px,calc(0% - -238px) 586px;
      background-size: 76px,76px,76px, 76px, 0px 100%;
        background-repeat: no-repeat;
    }*/

    .arvr-cs-wrapper.ar-auto.kia .work-details-container {
        padding: 35px 15px 10px;
        background: url(../images/kia-cs/kia-banner-icon-1.svg),url(../images/kia-cs/kia-banner-icon-2.svg), url(../images/kia-cs/kia-banner-icon-3.svg),url(../images/kia-cs/kia-banner-icon-4.svg),#FFFFFF;
        background-position: calc(100% - 17px) 306px, calc(0% - 3px) 363px,calc(0% - 3px) 536px,calc(100% - 43px) 575px;
        background-size: 76px,76px,76px, 76px;
        background-repeat: no-repeat;
        height: 770px;
    }


    .arvr-cs-wrapper.ar-auto.ar-remote .work-details-container {
        padding: 35px 15px 10px;
        background: url(../images/ar-remote/banner-remote-mobile.png), url(../images/ar-remote/banner-glass.png);
        background-position: calc(100% + 30px) calc(100% + 100px),center center;
        background-size: 100% auto, 100% 100%;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .our-work-right {
        display: block !important;
    }

    .arvr-cs-wrapper.kia .our-work-right {
        top: 60px !important;
        left: 50%;
        transform: translateX(-50%);
    }

    .work-details-head.arvr h1 {
        font-size: 24px;
        line-height: 34px;
        margin-top: 40px;
    }

    .arvr-cs-wrapper .work-details-head p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
    }

    .arvr-cs-wrapper .work-details-certificate p.head {
        font-size: 16px;
        line-height: 30px;
        color: #FFFFFF;
    }

    .work-details-certificate img {
        width: 25px;
        height: 25px;
    }

    .arvr-cs-wrapper .work-details-certificate > div.details {
        margin-left: 34px;
    }

        .arvr-cs-wrapper .work-details-certificate > div.details p {
            font-size: 12px;
            line-height: 18px;
        }

    .arvr-cs-wrapper .work-details-certificates-main {
        margin-top: 10px;
    }

    .arvr-cs-wrapper .work-details-certificate img {
        margin-bottom: -8px;
        margin-right: 10px;
        margin-left: 0;
    }



    /*Game design Start*/
    .service-banner-right-main.leadg .main-title.game-design {
        font-size: 16px;
        line-height: 20px;
    }

    .service-top-wrapper.mobile-app-sub-service-top-wrapper.game-design-top-wrapper.application-top-wrapper {
        background: url(../../resources/images/application-testing/application-test-mob-bg.jpg) no-repeat;
        background-size: 100% 102%;
        background-position: unset;
    }

    .service-top-wrapper .service-container.leadg .scroll-down-service.game-design.game-development-scroll {
        margin-bottom: 15px;
    }


    /*  .mobile-app-sub-service-top-wrapper.game-design-top-wrapper {
        background: url(../../resources/images/game-design/mobile-banner.jpg);
        background-position:unset;
        background-size:100% 190% ;
    }*/

    .service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.game-design {
        width: 80%;
        margin: 10px auto;
    }

    .service-banner-left-main.game-design p {
        padding: 0 0px 6px 0px;
    }

    .service-banner-left-main.mobile-ipad2.game-design {
        margin-top: 5px !important;
    }

    .servicenew-heading.game-design {
        font-family: openSans-regular !important;
        font-size: 20px !important;
        font-weight: 600 !important;
    }

    .diverse-developer-card.game-design h2 {
        font-family: 'openSans-semi-bold';
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
    }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.game-design-info {
        max-width: 260px !important;
    }

    /* .quick-contact-section-info.cust-quick-info.staff-quick-info.game-design-info {
        max-width: 264px !important;
    }*/
    /*Game design end*/

    /*LCNC page start*/

    .service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.lcnc-banner-img {
        width: 90%;
        margin: 10px auto;
    }


    .service-banner-left-main p.cms-developer-para.lcnc {
        width: 100%;
        font-size: 16px;
        line-height: 24px;
    }


    .progress-pointers-container .progress-pointers.application-pointer.lcnc h2 {
        width: 140px;
        left: -18px;
    }

    .servicenew-heading.lcnc {
        font-family: openSans-regular !important;
        font-size: 20px !important;
        font-weight: 600 !important;
        line-height: 24px !important;
        color: #303030 !important;
    }

    .dimension-icon.lcnc img {
        width: 72px;
        height: 72px;
    }




    /*LCNC page end*/


    /*arvr cs banner form starts*/

    .arvr-cs-wrapper .banner-only {
        display: block;
    }

        .arvr-cs-wrapper .banner-only.banner-form.hidden {
            position: absolute;
            top: 510px;
            left: 0px;
            margin: 0 15px;
            transition: 0.5s;
            z-index: 5;
        }

    .arvr-cs-wrapper .quick-contact-form .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        transform: translate(2px, -2px) scale(1) !important;
        /*background: #fff;*/
        padding: 0 5px;
        margin-left: 0;
        border-radius: 50px;
    }

    .arvr-cs-wrapper .banner-only #ArServiceFormSubmit > div {
        padding: 20px 15px;
        display: block !important;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        top: 6px;
    }

    .arvr-cs-wrapper .banner-only .tvd-angular-field {
        margin-bottom: 20px;
    }

    .banner-only .tvd-angular-field.mobile-email-id {
        margin-bottom: 30px;
    }

    .banner-only .tvd-angular-field .mobile-business-id {
        position: absolute;
        top: 72px;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #999999;
        min-width: 320px;
        font-family: 'openSans-regular';
    }

    .arvr-cs-wrapper .banner-only .connect-btn {
        margin-left: 0;
        width: 100%;
        font-size: 16px;
        padding: 10px;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        padding: 0;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        padding: 7px 3px;
        margin-bottom: 14px;
    }

    .arvr-cs-wrapper .banner-only .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
        top: 60px;
    }

    .arvr-cs-wrapper .banner-only .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        border-color: #ccc;
    }

    .arvr-cs-wrapper .banner-only .thankyou-work {
        background-color: #FFFFFF;
        border-radius: 8px;
        padding: 50px 10px;
    }

    .arvr-cs-wrapper .banner-only .banner-form.hidden {
        position: absolute;
        top: 510px;
        left: 0px;
        margin: 0 15px;
        transition: 0.5s;
    }

    .arvr-cs-wrapper .quick-contact-form .spinner-border.service {
        width: 1rem;
        height: 1rem;
        vertical-align: middle;
    }

    .arvr-cs-wrapper .banner-only .close-icon {
        display: inline;
        float: right;
        margin-top: -16px;
    }

    .arvr-cs-wrapper .banner-form.banner-only {
        top: 205px;
        position: absolute;
        left: 0px;
        margin: 0 15px;
        transition: 0.5s;
    }

    .arvr-cs-wrapper .banner-only .middle::after,
    .arvr-cs-wrapper .banner-only .middle::before {
        display: none;
    }

    .arvr-cs-wrapper .scroll-down-service {
        display: none;
    }

    .arvr-cs-wrapper .arvr-mgmt-review {
        height: 200px;
    }

    .arvr-cs-wrapper .arvr-mgmt-review-content {
        width: 100%;
    }

    .arvr-mgmt-review-content .main {
        text-align: center;
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 10px;
    }

        .arvr-mgmt-review-content .main > span {
            display: none;
        }

    .arvr-mgmt-review-content .sub {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        text-align: center;
        color: #303030;
    }

    .arvr-mgmt-review-content .quote {
        font-size: 14px;
        line-height: 20px;
        width: 270px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

    .arvr-mgmt-review-content.m-kia .quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: -12px;
    }

    .arvr-mgmt-review-content .quote-thank {
        font-size: 14px;
        line-height: 20px;
        display: block;
        text-align: center;
        width: 205px;
        margin: 0 auto;
        padding: 0;
    }

    .arvr-mgmt-review-content .quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: 2px;
    }

    .arvr-mgmt-review-content .quote::before,
    .arvr-mgmt-review-content .quote-thank::before {
        opacity: 0.5;
    }

    .arvr-mgmt-review-content .quote-thank::before {
        right: 2px;
    }

    .arvr-cs-wrapper .problem-state-container p.head-txt {
        font-size: 18px !important;
        position: relative;
        margin-bottom: 20px;
    }

        .arvr-cs-wrapper .problem-state-container p.head-txt:before {
            content: "";
            position: absolute;
            width: 4px;
            height: 34px;
            left: 50%;
            top: 20px;
            background: #F37222;
            border-radius: 2px;
            transform: rotate(90deg);
        }

    .arvr-cs-wrapper .problem-state-container p.sub-txt {
        font-size: 14px !important;
        line-height: 20px !important;
        font-family: 'openSans-semi-bold';
    }

        .arvr-cs-wrapper .problem-state-container p.sub-txt > br {
            display: none;
        }

    .arvr-cs-wrapper .problem-state-desc-wrp {
        width: 84%;
        justify-content: space-around;
    }

    .arvr-cs-wrapper .problem-state-left {
        box-shadow: 0px 4px 20px 5px rgba(231, 231, 231, 0.520296);
    }

    .arvr-cs-wrapper .problem-state-container span.sub-txt {
        font-size: 10px !important;
    }

    .arvr-cs-wrapper .problem-state-desc-wrp:last-child {
        width: 80%;
    }

    .arvr-cs-wrapper.prega .problem-state-container:first-child::before {
        display: none;
    }

    .arvr-cs-wrapper .problem-state-container:first-child::before {
        right: 0;
        width: 100%;
        height: 150px;
        background: url(../images/arvr-cs/arvr-prob-mobile-bg.png);
        background-size: 100% 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        bottom: -14px;
    }

    .arvr-cs-wrapper.ar-auto .problem-state-container:first-child::before {
        display: none;
    }

    .arvr-cs-wrapper .problem-state-container:first-child .problem-state-container {
        padding: 7px 0;
    }

    .arvr-cs-wrapper .problem-state-container {
        overflow: hidden;
    }

    .arvr-cs-wrapper.ar-auto .wd-result-wrap .problem-state-container {
        padding: 30px 10px;
    }

    arvr-cs-wrapper .wd-analysis-wrap .services-ux-for-client-wrapper {
        max-width: 100%;
        display: block;
    }

    .arvr-cs-wrapper .services-ux-for-client-info p {
        font-size: 18px;
        line-height: 24px;
        display: block;
    }

    .arvr-cs-wrapper .services-ux-for-client-box {
        margin: 20px 10px 0;
        padding: 35px 50px 25px 20px;
        width: 100%;
        height: 210px;
        display: block;
    }

    .arvr-cs-wrapper.prega .services-ux-for-client-box {
        margin: 20px 10px 0 !important;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box {
        max-width: 90%;
        margin: 20px auto;
        padding: 10px;
        min-height: unset;
        height: auto;
    }


        .arvr-cs-wrapper.ar-auto .services-ux-for-client-box > div {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .arvr-cs-wrapper.ar-auto .services-ux-for-client-box img {
            max-width: 30px;
            max-height: 30px;
            object-fit: contain;
            margin: 0;
            margin-right: 14px;
        }

        .arvr-cs-wrapper.ar-auto .services-ux-for-client-box p {
            font-size: 14px;
            line-height: 20px;
            margin: 0;
        }

    .arvr-cs-wrapper .wd-analysis-wrap .services-ux-for-client-wrapper {
        max-width: 100%;
        display: block;
        margin: 0;
        padding: 30px 0 60px;
    }

    .arvr-cs-wrapper.ar-auto .wd-analysis-wrap .services-ux-for-client-wrapper {
        padding: 20px 0;
    }

    .arvr-cs-wrapper .services-ux-for-client-box img {
        width: 50px;
        max-height: 50px;
        margin-bottom: 10px;
    }

    .arvr-cs-wrapper .wd-analysis-wrap {
        background-position: right top;
        background-size: auto 100%;
    }

    .arvr-cs-wrapper.ar-auto .wd-analysis-wrap {
        background: url(../images/ar-auto/ar-auto-challenges-bg-2.png),url(../images/ar-auto/ar-auto-challenges-bg.png);
        background-position: left -2px, center 2px;
        background-repeat: no-repeat;
        background-size: auto auto,cover;
    }

    .arvr-cs-wrapper.ar-auto.ar-remote .wd-analysis-wrap {
        background: #432B4E;
        background-size: cover;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap {
        background: #371547;
    }

    .arvr-cs-wrapper .wd-dtls-heading.challenge {
        font-size: 20px;
        line-height: 24px;
        max-width: 70%;
    }

    .arvr-cs-wrapper.ar-auto .wd-dtls-heading.challenge {
        max-width: 80%;
        line-height: 24px;
    }

    .arvr-cs-wrapper .wd-solution-wrap .wd-dtls-heading {
        font-size: 18px !important;
        max-width: 95%;
        line-height: 24px;
    }

    .arvr-cs-wrapper .wd-solution-wrap {
        background: none;
    }

    .arvr-cs-wrapper.ar-auto.ar-remote .wd-solution-wrap {
        background: none;
    }

    .arvr-cs-wrapper.prega .wd-solution-wrap {
        background: none;
    }

    .arvr-cs-wrapper .wd-solution-wrap .app-icon {
        display: flex;
        width: 48px;
        height: 48px;
    }

        .arvr-cs-wrapper .wd-solution-wrap .app-icon > img {
            width: 36px;
            height: 36px;
            margin: auto;
        }

    .arvr-cs-wrapper .wd-app-text::after {
        position: absolute;
        content: "";
        top: 0;
        right: 0;
        z-index: 2;
        width: 140px;
        height: 80px;
        background: url(../images/arvr-cs/arvr-soln-bg.png),#FFFFFF;
        background-position: 100% -50px;
        background-repeat: no-repeat;
        background-size: 100% auto,cover;
        border-radius: 8px;
    }

    .arvr-cs-wrapper.ar-auto .wd-app-text::after {
        display: none;
    }

    .arvr-cs-wrapper.prega .wd-app-text::after {
        display: none;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .section-first-result .first-result-wrp {
        display: block;
        padding: 0 10px;
    }

    .arvr-cs-wrapper .wd-solution-wrap .slick-slide > img {
        border-radius: 0;
        height: 250px;
        width: 100%;
        object-fit: cover;
        margin-left: auto;
    }

    .arvr-cs-wrapper .wd-app-img {
        border-radius: 0;
    }

    .arvr-cs-wrapper .wd-solution-wrap .app-info-text p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0;
    }

    .arvr-cs-wrapper .wd-solution-wrap .slick-dots li {
        width: 8px;
        height: 8px;
        margin: 0 5px;
    }

        .arvr-cs-wrapper .wd-solution-wrap .slick-dots li.slick-active {
            width: 12px;
            height: 12px;
        }

    .arvr-cs-wrapper .wd-solution-wrap .wd-app-text {
        margin-top: -50px;
    }

    .arvr-cs-wrapper .wd-solution-wrap .solution-sider {
        padding-bottom: 40px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .leadgen-fg-border,
    .arvr-cs-wrapper .arvr-cs-leadgen .leadgen-fg {
        display: none;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.ar-auto {
        background: #F2F2F2;
        padding: 20px;
        background-size: cover;
    }

    .arvr-cs-wrapper.ar-auto .arvr-cs-leadgen {
        background: #F2F2F2;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .banner-form #ArServiceFormSubmit1 > div {
        display: block !important;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field {
        margin-bottom: 24px;
    }

        .arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field.official-email {
            margin-bottom: 36px;
        }

        .arvr-cs-wrapper .arvr-cs-leadgen .tvd-angular-field.official-email-second {
            margin-bottom: 36px;
        }

    .arvr-cs-wrapper .arvr-cs-leadgen .connect-btn {
        margin-top: 5px;
        margin-left: 0;
        width: 18%;
        text-transform: uppercase;
        font-size: 16px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .main-heading {
        font-size: 18px;
        line-height: 24px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen .sub-heading {
        margin-top: 10px;
        font-size: 14px;
        line-height: 20px;
        width: 80%;
    }

    /*   .arvr-cs-wrapper .arvr-cs-leadgen.white .banner-form #ArServiceFormSubmit2 > div {
        display: block !important;
    }*/

    .arvr-cs-wrapper .arvr-cs-leadgen.white .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label,
    .arvr-cs-wrapper .arvr-cs-leadgen.white .quick-contact-form .tvd-angular-field.mob-number label {
        color: #371547;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]),
    .arvr-cs-wrapper .arvr-cs-leadgen.white .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        border-color: #371547;
        color: #371547;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .middle::after,
    .arvr-cs-wrapper .arvr-cs-leadgen.white .middle::before {
        display: none;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .connect-btn {
        padding: 14px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .main-heading {
        font-size: 20px;
        line-height: 24px;
    }

    .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .sub-heading {
        font-size: 14px;
        line-height: 20px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .sub-heading {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }

        .arvr-cs-wrapper .arvr-cs-leadgen.white .sub-heading > br {
            display: none;
        }

    .arvr-cs-wrapper .arvr-cs-leadgen.white > .common-btn {
        margin: 10px 0;
        padding: 14px 20px;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .leadgen-fg {
        right: 5px;
        width: auto;
        height: 176px;
        top: 48px;
        transform: none;
        display: block;
    }

    .arvr-cs-wrapper .wd-innovative-solutions .header-sec p {
        font-size: 14px;
        line-height: 20px;
        text-align: center;
    }

    .arvr-cs-wrapper .wd-innovative-solutions .header-sec {
        margin-bottom: 20px;
    }

    .arvr-cs-wrapper .soln-video-wrapper .soln-video {
        width: 100%;
        padding: 0 15px;
    }

        .arvr-cs-wrapper .soln-video-wrapper .soln-video img, .arvr-cs-wrapper .soln-video-wrapper .soln-video video {
            width: 100%;
        }

    .arvr-cs-wrapper .soln-video-wrapper .soln-video-controls {
        position: static;
        width: 100%;
        height: 280px;
        padding: 20px 11px 0;
        display: flex;
        align-content: space-between;
        justify-content: space-around;
        flex-wrap: wrap;
    }

    .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn:hover {
        color: #CCCCCC;
        background: url('../images/arvr-cs/video-button.svg');
        background-size: 100% 100%;
    }

    .arvr-cs-wrapper .soln-video-controls .video-ctrl-btn.active {
        background: url('../images/arvr-cs/video-button-active.svg');
        background-size: 100% 100%;
        color: #F37222;
    }

    .arvr-cs-wrapper.prega .soln-video-controls .video-ctrl-btn,
    .arvr-cs-wrapper.ar-auto .soln-video-controls .video-ctrl-btn {
        width: 24%;
        height: auto;
        min-height: 32px;
        font-size: 8px;
        line-height: 14px;
        color: #CCCCCC;
        padding: 4px 2px;
        background: url(../images/prega-cs/video-button-mob.png);
        background-size: 100% 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .arvr-cs-wrapper.prega .soln-video-controls .video-ctrl-btn.active,
        .arvr-cs-wrapper.ar-auto .soln-video-controls .video-ctrl-btn.active {
            color: #F37222;
        }

            .arvr-cs-wrapper.prega .soln-video-controls .video-ctrl-btn.active::before,
            .arvr-cs-wrapper.ar-auto .soln-video-controls .video-ctrl-btn.active::before {
                display: none;
            }

        .arvr-cs-wrapper.prega .soln-video-controls .video-ctrl-btn img,
        .arvr-cs-wrapper.ar-auto .soln-video-controls .video-ctrl-btn img {
            display: none;
        }

    .arvr-cs-wrapper.prega .soln-video-wrapper,
    .arvr-cs-wrapper.ar-auto .soln-video-wrapper {
        display: flex;
        flex-wrap: wrap;
    }

        .arvr-cs-wrapper.prega .soln-video-wrapper .soln-video-controls,
        .arvr-cs-wrapper.ar-auto .soln-video-wrapper .soln-video-controls {
            order: 1;
            height: auto;
            padding: 0px 10px;
            flex-wrap: nowrap;
            margin-bottom: 20px;
        }

        .arvr-cs-wrapper.prega .soln-video-wrapper .soln-video,
        .arvr-cs-wrapper.ar-auto .soln-video-wrapper .soln-video {
            order: 2;
            padding: 0;
        }

            .arvr-cs-wrapper.prega .soln-video-wrapper .soln-video video,
            .arvr-cs-wrapper.ar-auto .soln-video-wrapper .soln-video video {
                border-radius: 0;
            }

    .arvr-cs-wrapper .wd-innovative-solutions {
        padding-bottom: 30px;
    }




    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions {
        background: none;
    }

        .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia {
            background: url('../images/kia-cs/section-banner-mob.png');
            background-position: right;
            background-repeat: no-repeat;
            z-index: -1;
        }



    .arvr-cs-wrapper .wd-result-wrap .wd-dtls-heading {
        font-size: 20px;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .wd-dtls-sub-heading {
        width: 80%;
    }

    .arvr-cs-wrapper .wd-result-wrap .wd-dtls-sub-heading {
        font-size: 14px;
        line-height: 20px;
        font-family: openSans-regular;
        width: 80%;
    }

    .arvr-cs-wrapper .wd-result-wrap .section-first-result {
        padding: 0 0 0 30px;
    }

        .arvr-cs-wrapper .wd-result-wrap .section-first-result .first-result-wrp li {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 12px;
        }

            .arvr-cs-wrapper .wd-result-wrap .section-first-result .first-result-wrp li::before {
                top: 5px;
            }

    .arvr-cs-wrapper.prega .wd-result-wrap .section-first-result .first-result-wrp li {
        width: 100%;
    }

    .arvr-cs-wrapper .wd-result-wrap {
        background: url(../images/arvr-cs/arvr-result-bg.png),#371547;
        background-size: 300px auto,cover;
        background-position: calc(100% + 50px) calc(100% + 50px),center center;
        background-repeat: no-repeat;
        height: 610px;
    }

    .arvr-cs-wrapper.ar-auto .wd-result-wrap {
        background: #371547;
        height: auto;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap {
        height: auto;
        background-position: center center;
    }

    .arvr-cs-wrapper .section-one-d .name-txt-p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 5px;
    }

    .arvr-cs-wrapper .indvs-result-wrp {
        width: 150px;
        height: 116px;
    }

    .arvr-cs-wrapper.prega .overall-result-case,
    .arvr-cs-wrapper.ar-auto.ar-remote .overall-result-case {
        justify-content: center;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp,
    .arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap .indvs-result-wrp {
        width: 100%;
        height: 120px;
        margin: 0;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case,
    .arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap .result-wrp-case {
        width: 44%;
        margin: 6px;
    }

    .arvr-cs-wrapper .section-one-d .name-txt,
    .arvr-cs-wrapper .section-two-d span {
        font-size: 20px;
    }

    .vserve-redefining-impact.my-kia .name-txt {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        color: #F37222;
        margin-top: -1px;
        width: 102%;
        line-height: 20px;
    }

    .arvr-cs-wrapper .section-two-d span {
        margin-bottom: 0;
    }

    .arvr-cs-wrapper .lets-work {
        font-size: 18px;
        line-height: 24px;
        font-family: 'openSans-bold';
        margin: 0 auto 30px;
        max-width: 260px;
    }

    .arvr-cs-wrapper .user-say-main {
        background: none;
    }

        .arvr-cs-wrapper .user-say-main .arrows {
            background: #FFFFFF;
            border-radius: 0;
        }

    .arvr-cs-wrapper .card-bottom p {
        font-size: 16px;
        line-height: 22px;
    }

    .arvr-cs-wrapper .column1-card1 {
        min-height: 250px;
        margin-top: 20px;
    }

    .arvr-cs-wrapper .name-date h3 {
        margin-bottom: 5px;
    }

    /*tata capital new case study start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/tata-capital-new/tata-capital-banner-mob.png);
        background-position: center 48px;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper.prega .our-work-left.tata-capital-workleft {
        width: 100%;
    }

    .arvr-cs-wrapper .our-work-right.tata-capital-workright div img {
        width: 100%;
        margin-top: 12px;
    }

    .our-work-right.tata-capital-workright {
        width: 100%;
        margin: 0 auto;
        position: static;
    }

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container {
        height: 610px;
        min-height: 610px;
    }

    .work-details-certificates-main.tatacapital-certificates-main {
        width: 100%;
    }

    .arvr-cs-wrapper .our-work-right.tata-capital-workright div:first-child {
        margin-top: 70px;
    }

    .arvr-cs-wrapper.prega .work-details-head.arvr.tata-capital-heading h1 {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 500;
        line-height: 24px;
    }

    .work-details-head.tata-capital-heading {
        width: 100%;
    }

    .arvr-cs-wrapper .work-details-head.tata-capital-heading p {
        font-size: 14px;
        line-height: 20px;
        margin-top: 10px;
        font-family: 'openSans-regular';
        font-weight: 400;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote::after {
        opacity: 0.5;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main {
        width: 100%;
    }

    .arvr-cs-wrapper .work-details-certificate p.head.tata-capital-head {
        font-size: 14px;
        line-height: 20px;
        color: #FFFFFF;
        font-weight: 600;
    }

    .arvr-cs-wrapper .arvr-mgmt-review.tatacapital-mgmt-review {
        height: 290px;
        margin: 40px 0;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote::before {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        top: 2px;
        left: -20px;
    }

    .arvr-cs-wrapper .wd-dtls-heading.challenge.tatacapital-challange-heading {
        padding-top: 30px;
    }

    .arvr-cs-wrapper .wd-analysis-wrap .services-ux-for-client-wrapper.tatacapital-slider-wrapper {
        padding: 20px 0 40px 0;
    }

    .arvr-cs-wrapper .services-ux-for-client-box.service-tatacapital-wrapper {
        padding: 20px 50px 25px 20px;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.wolter-innovation-mobile.tatacapital-innovation-mob {
        padding-bottom: 60px;
    }

    .wolter-solution-container.tatacapital-soln-container {
        margin: 0px;
    }

    .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-prev:before, .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-next:before {
        margin-top: 0px;
    }

    .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-prev {
        top: unset;
        left: 145px;
    }

    .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-next {
        top: unset;
        right: 145px;
    }

    .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-prev:before {
        width: 15px;
        background-size: 100% 100%;
    }

    .wolter-innovation-slider.tatacapital-innovation-mobile-slider .slick-next:before {
        width: 15px;
        background-size: 100% 100%;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining {
        height: auto;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tata-result-wrp-case, .arvr-cs-wrapper.ar-auto.ar-remote .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp {
        width: 100%;
        height: 120px;
        margin: 0;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white .leadgen-fg.tatacapital-leadgen-fg {
        right: 5px;
        width: auto;
        height: 176px;
        top: 48px;
        transform: none;
        display: block;
    }

    .arvr-cs-wrapper .arvr-cs-leadgen.white.tatacapital-leadgen {
        margin-bottom: 20px;
    }

    .workright-banner-desk {
        display: none;
    }

    .workright-banner-mob {
        display: block;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap {
        background: #371547;
    }

    .tatacapital-section-img {
        width: 30px;
        height: 30px;
    }

    .arvr-cs-wrapper .wd-solution-wrap .solution-sider.tatacapital-sln-slider {
        padding-bottom: 20px;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main {
        margin-top: 16px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 2px;
        left: 256px;
        transform: rotate(180deg);
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote {
        max-width: 100%;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp {
        width: 103%;
    }

    /*tata capital new case study end*/


    /*hero motocorp case study start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.hero-motocorp-detail-container {
        padding: 35px 15px 10px;
        background: url('../images/hero-motocorp/hero motocorp-banner-mob.png'),url(../images/tata-capital-new/tata-capital-banner-mob.png);
        background-position: center bottom, center 48px;
        position: relative;
        background-size: contain, cover;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.hero-motocorp-main {
        width: 100%;
    }


    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote::after {
        content: url(../images/arvr-cs/mgmt-review-quote.svg);
        position: absolute;
        bottom: 3px;
        left: 256px;
        transform: rotate(180deg);
    }

    .arvr-cs-wrapper .arvr-mgmt-review-content.hero-motocorp-mgmt {
        width: 100%
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 206px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.icici-insta-quote::before {
        left: -2px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: -6px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote {
        width: 290px;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case {
        width: 42%;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote {
        font-size: 14px;
        line-height: 20px;
        max-width: 100%;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.wolter-innovation-mobile.tatacapital-innovation-mob.hero-motocorp-innovative-mob {
        padding-bottom: 20px;
    }

    .heromotocorp-innovative-mobile-slider {
        margin-bottom: 54px;
    }

    .solution-by-techved-bg {
        background: none;
    }

    .wd-dtls-heading.hero-motocorp-heading {
        color: #303030;
    }


    .effect5 {
        position: relative;
    }

        .effect5:before, .effect5:after {
            z-index: -1;
            position: absolute;
            content: "";
            bottom: 44px;
            left: calc(100% - 336px);
            width: 50%;
            top: 23%;
            max-width: 300px;
            background: #777;
            -webkit-box-shadow: 0 35px 35px #777;
            -moz-box-shadow: 0 35px 35px #777;
            box-shadow: 0 35px 35px #777;
            -webkit-transform: rotate(-8deg);
            -moz-transform: rotate(-8deg);
            -o-transform: rotate(-8deg);
            -ms-transform: rotate(-8deg);
            transform: rotate(-8deg);
        }

        .effect5:after {
            -webkit-transform: rotate(8deg);
            -moz-transform: rotate(8deg);
            -o-transform: rotate(8deg);
            -ms-transform: rotate(8deg);
            transform: rotate(8deg);
            right: calc(100% - 338px);
            left: auto;
        }


    /*hero motocorp case study end*/

    /*parimatch case study start*/

    .work-details-head.parimatch-detail-head {
        max-width: 100%;
    }

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/parimatch/parimatch-side-img-mob.png),url(../images/parimatch/parimatch-banner-mob.jpg);
        background-position: center bottom -8px, center 48px;
        position: relative;
        background-size: auto, 100% 100%;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.parimatch-main {
        width: 100%;
    }

    .work-details-certificate.parimatch-details-certificate, .work-details-certificate.parimatch-details-certificate2 {
        max-width: 100%;
        width: 100%;
    }

    .work-details-certificates-main.tatacapital-certificates-main.parimatch-main {
        margin-top: 30px;
        display: flex;
        max-width: 100%;
    }

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container {
        height: 680px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote::before {
        left: -10px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 206px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper.prega .vserve-redefining-impact .name-txt-p.tatacapital-name-txt.parimatch-name-txt {
        color: #FFFFFF;
        padding-top: 15px;
    }

    .arvr-cs-wrapper .arvr-mgmt-review.tatacapital-mgmt-review.parimatch-mgmt-review {
        height: 220px;
        margin: 40px 0;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote {
        max-width: 100%;
    }

    /*parimatch case study end*/


    /*ICICI instabiz case study start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.icici-instabiz-container {
        padding: 35px 15px 10px;
        background: url(../images/icici-instabiz-cs/icici-instabiz-side-mob-img.png),url(../images/icici-instabiz-cs/icici-instabiz-mob-banner.jpg);
        background-position: center bottom -8px, center 48px;
        position: relative;
        background-size: auto, 100% 100%;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.icici-instabiz-container {
        height: 600px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.icici-insta-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 192px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content.ar-auto.icici-insta-sub .sub {
        width: 200px;
        margin: 0 auto 15px;
    }

    /*ICICI instabiz case study end*/

    /*Axis bank case study Revamp start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.axis-bank-container {
        padding: 35px 15px 0px;
        background: linear-gradient(1.5deg, #FF8177 18.85%, #FF867A 18.85%, #FF8C7F 30.28%, #F99185 35.77%, #CF556C 46.05%, #B12A5B 73.25%);
        position: relative;
        min-height: 468px;
        height: calc(100% - 468px);
    }

    .arvr-cs-wrapper.prega .our-work-left.tata-capital-workleft.axis-bank-workflow {
        width: 100%;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.parimatch-main.axis-bank-main {
        width: 100%;
        max-width: unset;
    }

    .arvr-cs-wrapper .our-work-right.tata-capital-workright.axis-bank-workright .workright-banner-desk {
        display: block;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.axis-bank-quote {
        width: 290px;
        max-width: 100%;
    }

        .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.axis-bank-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 214px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .work-details-certificate.parimatch-details-certificate2.axis-details-certificate2 {
        max-width: 100%;
    }

    .wd-solution-wrap.sticky-section.tatacapital-solutions.axis-solution {
        padding-top: 0px !important;
    }

    .wd-dtls-heading.axis-solution-heading {
        padding: 40px 0 25px !important;
    }

    .overall-result-case.icici-result-case-study.axis-bank-result-casestudy {
        margin-left: 0px;
        justify-content: center;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case.axis-wrap-case {
        width: 42%;
    }

    .axis-common-leadgen-spacing {
        margin-top: 12px;
    }

    /*Axis bank case study Revamp end*/

    /*Hotels case study Revamp start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.hotels-container {
        background: linear-gradient(180deg, #FA690F -27.88%, #F58182 78.68%);
        padding: 35px 15px 0px;
        position: relative;
        min-height: 468px;
        height: calc(100% - 468px);
    }


    .arvr-cs-wrapper .work-details-certificate > div.details.hotels-details p {
        width: 150px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.hotels-quote {
        width: 290px;
        max-width: 100%;
    }

        .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.hotels-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 222px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .arvr-cs-wrapper .wd-dtls-heading.challenge.tatacapital-challange-heading.hotels-challenge-heading {
        max-width: 100%;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.hotels-analysis-wrap {
        background: #371547;
    }

    /*Hotels case study Revamp end*/

    /*macdonald cs start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.macdonald-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/macdonald-cs/macdonald-banner-mb.jpg);
        background-position: center 48px;
        position: relative;
        background-size: 100% 100%;
        background-repeat: no-repeat;
        height: 590px;
    }

    .arvr-cs-wrapper .work-details-certificates-main.tatacapital-certificates-main.macdonald-main .work-details-certificate {
        width: 100%;
        max-width: 100%;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.macdonald-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: -12px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.macdonald-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 226px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.macdonald-challange {
        background: #371547;
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .wd-solution-wrap.macdonald-solution .slick-slide > img {
        height: auto;
    }

    .redefining-impact-section {
        flex-direction: column;
        padding: 0px 10px;
    }

    .macdonald-360-container .spritespin-canvas {
        margin: 0 auto;
        border-radius: 3px;
    }

    .macdonald-360-container {
        width: 327px;
        padding: 0;
        margin: 10px auto;
        position: relative;
        border-radius: 3px;
        box-shadow: 0px 0.623896px 7.48675px rgba(154, 154, 154, 0.687773);
    }

        .macdonald-360-container .innovation-card {
            margin: 0px;
        }

    .macdonald-state-container {
        width: 100%;
    }

    img.innovation-img.tatacapital-innovation.macdonald-innovation-img {
        width: 327px;
        height: 156px;
        margin: 10px auto;
        box-shadow: 0px 0.623896px 7.48675px rgba(154, 154, 154, 0.687773);
    }

    .macdonald-leadgen-form {
        margin-top: 30px;
    }

    .problem-state-right.kia-prob.wolter-solution-container.tatacapital-soln-container.macdonald-state .slick-list {
        height: 200px;
    }

    .redefining-impact-section .redefining-imapact-section-left {
        width: 100%;
        padding-left: 30px;
    }

        .redefining-impact-section .redefining-imapact-section-left ul li {
            font-size: 14px;
            line-height: 20px;
            margin-bottom: 12px;
        }

    .redefining-impact-section .redefining-imapact-section-right {
        width: 100%;
    }

    .redefining-impact-section .redefining-imapact-section-right {
        justify-content: center;
    }

        .redefining-impact-section .redefining-imapact-section-right .redefining-right-box {
            width: 150px;
            min-height: 150px;
            margin: 12px 6px;
        }

    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.macdonald-redefining .problem-state-right {
        width: 100%;
        max-width: unset;
        margin: 0 auto;
    }

    /*macdonald cs end*/


    /*liva fashion revamp cs start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.liva-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/liva-fashion-new-cs/application-image-mob.jpg), linear-gradient(182.09deg, #FA985B 6.43%, #F58182 37.95%);
        background-position: center bottom;
        position: relative;
        background-size: 100% auto,auto;
        background-repeat: no-repeat;
    }

    .arvr-cs-wrapper .arvr-mgmt-review-content.liva-review-content {
        width: 100%;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.liva-fashion-quote {
        max-width: 100%;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.liva-fashion-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: 8px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.liva-fashion-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 242px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .liva-fashion-solutions .wd-dtls-heading.pinned-wd.liva-solution-heading {
        color: #303030;
    }

    .liva-solution-bg {
        background: unset;
    }

    .liva-fashion-leadgen-form {
        margin-top: 40px;
    }

    /*liva fashion revamp cs end*/

    /*vodafone revamp cs start*/


    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.vodafone-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/vodafone-new/application-image.png),url(../images/vodafone-new/vodafone-banner-bg-mob.png);
        background-position: center bottom 8px, center bottom;
        position: relative;
        background-size: 203px, 100% 100%;
        background-repeat: no-repeat;
        height: 642px;
    }

    .work-details-certificate.parimatch-details-certificate2.vodafone-new-certificate2 {
        width: 190px;
    }

    .our-work-right.tata-capital-workright.vodafone-new-workright {
        margin-top: 38px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote {
        max-width: 100%;
        width: 290px;
    }

        .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 212px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .vodafone-solution-bg {
        background: unset;
    }

    .problem-state-right.vodafonr-state-right {
        width: 100%;
        margin-left: unset;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .result-wrp-case.tata-result-wrp-case.hero-result-wrap-case.vodafone-result-wrap-case {
        width: 42%;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap.vodafone-result-wrap {
        width: 100%;
        min-height: 150px;
    }

    .vodafone-leadgen-space {
        margin-bottom: 0px;
    }

    /*vodafone revamp cs end*/

    /*kotak revamp cs start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.vodafone-detail-container.kotak-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/kotak-new/application-image.png),url(../images/kotak-new/casestudy-banner-mob-bg.jpg);
        background-position: center bottom 18px, center bottom;
        position: relative;
        background-size: 288px, 100% 100%;
        background-repeat: no-repeat;
        height: 670px;
        min-height: 670px;
    }

    .work-details-certificate.parimatch-details-certificate2.kotak-certifiacte-2 {
        width: 100%;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.kotak-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 306px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper .wd-solution-wrap.kotak-solutions .slick-slide > img {
        border-radius: 0;
        height: auto;
        width: 100%;
        object-fit: cover;
        margin-left: auto;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.kotak-analysis-wrap {
        background: url(../images/kotak-new/analysis-bg.jpg);
        background-size: cover;
        background-repeat: no-repeat;
    }



    /*kotak revamp cs end*/

    /*angel-broking-revamp cs start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.angel-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/angel-broking-new/application-image.jpg), linear-gradient(182.09deg, #FA985B 6.43%, #F58182 37.95%);
        background-position: center bottom;
        position: relative;
        background-repeat: no-repeat;
        background-size: 100% 50%, auto;
        height: 640px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.vodafone-quote.angel-quote {
        max-width: 290px;
        width: 290px;
    }

    .arvr-mgmt-review-content .quote.tatacapital-quote.hero-motocorp-quote.parimatch-quote.kotak-quote.angel-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 212px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.tatacapital-analysis-wrap.kotak-analysis-wrap.angel-analysis-wrap {
        background: url(../images/angel-broking-new/analysis-bg.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    /*angel-broking-revamp cs end*/

    /*godrej-natures-basket revamp cs start*/

    .arvr-cs-wrapper .work-details-container.tata-capital-detail-container.parimatch-detail-container.godrej-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/godrej-new/application-image.jpg), url(../images/godrej-new/casestudy-banner-bg-mob.jpg);
        background-position: center bottom;
        position: relative;
        background-repeat: no-repeat;
        background-size: 100% 50%, 100% 100%;
        height: 590px;
    }

    .work-details-certificate.parimatch-details-certificate2.godrej-details-certificate {
        max-width: 100%;
    }

    .arvr-mgmt-review-content .quote.godrej-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: -10px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.godrej-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 284px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.godrej-analysis-wrap {
        background: url(../images/godrej-new/analysis-bg-mob.jpg);
        background-size: 100% 100%;
        background-repeat: no-repeat;
    }

    /*godrej-natures-basket revamp cs end*/

    /*h&R block case study revamp start*/

    .arvr-cs-wrapper .work-details-container.hr-details-container {
        padding: 35px 15px 10px;
        background: url(../images/h&r-new/application-image-mob.png),url(../images/h&r-new/casestudy-banner-mob-bg.jpg);
        background-position: center bottom,center center;
        position: relative;
        background-repeat: no-repeat;
        background-size: 100% auto, 100% 100%;
        height: 542px;
    }

    .arvr-cs-wrapper .work-details-certificates-main.hr-detail-certificates-main {
        max-width: 100%;
        justify-content: space-between;
    }

    .arvr-mgmt-review-content .quote.hr-quote {
        width: 290px;
    }

        .arvr-mgmt-review-content .quote.hr-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -4px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.hr-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 244px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .hr-solution-bg {
        padding-top: 30px;
        margin-top: -30px;
    }

    /*h&R block case study revamp end*/

    /*sbi case study revamp start*/

    .arvr-cs-wrapper .work-details-container.sbi-detail-container {
        padding: 35px 15px 10px;
        background: url(../images/sbi-new/application-image.png),url(../images/sbi-new/casestudy-banner-bg.jpg);
        background-position: center bottom 34px,center center;
        position: relative;
        background-repeat: no-repeat;
        background-size: 339px auto, cover;
        height: 588px;
    }

    .arvr-mgmt-review-content .quote.sbi-quote {
        width: 290px;
    }

        .arvr-mgmt-review-content .quote.sbi-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -16px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.sbi-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 300px;
            transform: rotate(180deg);
            opacity: 1;
        }

    /*sbi case study revamp end*/

    /*whatsapp footer icon start*/

    .techved-footer-whatsapp .footer-whatsapp-container p {
        margin: 0px 10px 0px 0px;
        display: none;
    }

    .techved-footer-whatsapp {
        bottom: 10px;
        width: 42px;
    }

        .techved-footer-whatsapp img {
            width: 100%;
        }

    /*whatsapp footer icon end*/

    /*team aug readuit start*/
    .enterprice-partner.user-research .nav-tabs.staff-aug-nav-tabs .nav-link:after {
        left: 0px;
    }

    .enterprice-partner.team-aug-enterprise-tab {
        padding: 14px 0
    }

    .services-what-we-do-head.staff-aug-tabs {
        margin-bottom: 20px;
    }

    .enterprice-partner.user-research.staff-aug-user-research {
        padding: 0px;
    }

    .services-common-heading.team-aug.team-aug-section-heading {
        width: 90%;
    }

    .services-what-we-do-head p.team-aug.team-aug-section-para, .services-what-we-do-head .team-aug-section-para {
        width: 87%;
        padding: 0px;
    }

    .research-insights-what-we-do .services-what-we-do-head, .services-what-we-do-main .services-what-we-do-head.team-aug-whatwedo {
        margin-bottom: 30px;
    }


    /*user-research readuit start*/

    .services-ux-for-client-left.user-rearch-service-client {
        padding: 0px;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.user-research-client.user-rearch-client-wrapper {
        margin: 20px 0;
        flex-direction: column;
    }


    /*user-research readuit end*/

    /*metaverse reaudit start*/

    .cx-strtgy-ux-for-client-container .services-ux-for-client-wrapper.metaverse.cust-metaverse.metaverse-client-wrapper {
        margin-top: 20px;
    }

    .common-section-padding.metaverse-common-padding {
        margin-bottom: 0px;
    }

    /*metaverse reaudit end*/

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.web-app-client-wrapper {
        margin-top: 20px;
        justify-content: center;
    }


    /*team augmentation slider start*/

    .services-what-we-do-container.client-slider-heading {
        margin: 40px auto 20px auto;
    }

    .teamaug-client-slider .client-slider-container img {
        width: 120px;
    }

    .mobility-dev-what-do-main.team-aug.team-aug-slider-background {
        height: auto;
    }

    .mobility-dev-what-do-main.team-aug.team-aug-slider-background {
        background-size: cover;
    }

    .teamaug-slider-head-section {
        margin-bottom: 0px;
    }

    .services-common-heading.team-aug-section-heading.teamaug-slider-heading {
        width: 100%;
        margin: 20px 0;
    }

    /*team augmentation slider end*/

    /*web apps pointer slider start*/

    .progress-pointers-container {
        width: unset;
        display: flex !important;
        justify-content: flex-start !important;
        overflow-x: scroll;
        overflow-y: hidden;
        scroll-behavior: smooth;
        padding-left: 36px;
        overflow: -webkit-scrollbars-none;
        overflow: -moz-scrollbars-none;
        overflow: -o-scrollbars-none;
        overflow: scrollbars-none;
        -ms-overflow-style: none;
    }

        .progress-pointers-container::-webkit-scrollbar {
            display: none;
        }

        .progress-pointers-container .progress-pointers:before {
            z-index: unset;
        }

        .progress-pointers-container .progress-pointers img {
            position: relative;
            z-index: 1;
        }

        .progress-pointers-container .progress-pointers p.pointer-number {
            z-index: 1;
        }



    /*web apps pointer slider end*/

    /*icici insta od case study start*/

    .arvr-cs-wrapper .work-details-container.insta-od-container {
        padding: 35px 15px 10px;
        background: url(../images/icici-insta-od/application-image.png),url(../images/icici-insta-od/casestudy-banner-bg-mob.jpg);
        background-position: center bottom,center center;
        position: relative;
        background-repeat: no-repeat;
        background-size: 360px 284px, 100% 100%;
        height: 600px;
    }

    .arvr-mgmt-review-content .quote.hr-quote.insta-od-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 308px;
        transform: rotate(180deg);
        opacity: 1;
    }

    /*icici insta od case study end*/

    /*about award image start*/

    .about-award-images {
        padding: 18px 0 16px 18px;
    }


    .awards-recognition-slider-main.award-slider-title-main .slick-dots {
        margin-left: unset !important;
        text-align: center !important;
    }

    .awards-recognition-slide.award-slider-title p {
        width: unset;
        padding: unset;
    }

    /*about award image end*/

    /*opera case study rewamp strat*/

    .arvr-cs-wrapper .work-details-container.opera-details-container {
        padding: 35px 15px 10px;
        background: url(../../../resources/images/opera-new/application-image.svg),url(../../../resources/images/opera-new/casestudy-banner-bg-mob.jpg);
        background-position: center bottom 44px,center bottom;
        position: relative;
        background-size: 220px auto,100% auto;
        background-repeat: no-repeat;
    }

    .work-details-certificate.opera-detail-certificate2 {
        width: 450px;
    }


    .arvr-mgmt-review-content .quote.opera-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: -14px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.opera-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 220px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .work-details-certificates-main.opera-details-certificates-main {
        width: 100%;
        max-width: unset;
    }

    .opera-solution-bg {
        background: unset;
    }

    /*opera case study rewamp end*/

    /*hire developer start*/

    .mobile-app-sub-service-top-wrapper.game-development-top-wrapper.hire-developer-top-wrapper {
        background: url(../../resources/images/hire-developer/hire-developer-banner-mob-bg.svg) no-repeat;
        background-size: 100% 170%;
        background-position: unset;
    }


    .service-banner-right-main.leadg .service-lead-wrapper.hire-service-lead-wrapper {
        width: 100%;
        height: 400px;
        border-radius: 26px;
    }

    .service-banner-right-main.leadg.hire-service-lead-wrapper .service-thanks-wrapper {
        width: 100%;
        height: 356px;
    }


    .service-banner-right-main.leadg.hire-service-banner .page1 .card-head {
        font-size: 14px;
        line-height: 18px;
        margin-top: 0px;
        margin-bottom: 26px;
    }

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-list {
        width: 300px;
        height: 254px;
    }

    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item label {
        width: 114px;
        height: 72px;
        align-items: flex-start;
    }

    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv1 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv2 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv3 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv4 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv5 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv6 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv7 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv8 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv9 label,
    .service-banner-right-main.leadg .mobile-apps.hire-dev-service-icon .service-radio-item.serv10 label {
        background-position: center 15px;
        background-size: 18px;
    }


    .service-banner-right-main.leadg.hire-service-banner .page1 .service-radio-item label {
        font-size: 10px;
        line-height: 10px;
        padding: 42px 0px 18px;
    }

    .service-banner-right-main.leadg.hire-service-banner .waves {
        border-radius: 26px;
    }

    .service-banner-left-main p.game-development-para {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: 0px;
        text-align: left;
    }

    .service-banner-right-main.leadg .service-thanks-wrapper {
        border-radius: 26px;
    }

    .teamaug-client-slider.hire-dev-slider {
        width: 100%;
    }

    .mobility-dev-what-do-main.team-aug.team-aug-slider-background.hire-dev-slider {
        background-size: cover;
        background-position: center;
    }

    .skilled-professionals-section {
        width: 100%;
        flex-direction: column;
        padding: 0 15px;
    }

    .skilled-professionals-left {
        width: 100%;
        margin-bottom: 40px;
        justify-content: flex-start;
    }

        .skilled-professionals-left > div {
            width: 157px;
        }

        .skilled-professionals-left ul li {
            font-family: 'openSans-regular';
            font-size: 16px;
            font-weight: 400;
            line-height: 28px;
            color: #676767;
        }

    .services-what-we-do-main.hire-dev-diverse {
        background: none;
        padding: 0px;
    }

        .services-what-we-do-main.hire-dev-diverse .hire-dev-para {
            width: 87%;
        }

    .diverse-developer-body {
        width: 100%;
    }

        .diverse-developer-body > div {
            flex-direction: column;
            align-items: center;
        }

        .diverse-developer-body .slick-track {
            margin-left: 80px;
        }

        .diverse-developer-body .slick-slide {
            width: 288px !important;
        }

    .diverse-developer-card {
        width: 268px;
        min-height: 204px;
        padding: 16px;
        margin: 12px 8px;
    }


        .diverse-developer-card img {
            margin: 0 auto;
            width: 40px;
            height: 40px;
        }

        .diverse-developer-card h2 {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            color: #303030;
            padding: 14px 0 8px 0;
        }

        .diverse-developer-card p {
            font-family: 'openSans-regular';
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            color: #676767;
        }

    /* .hire-dev-head{
        padding:0 20px !important ;
    }*/


    .flexible-engagement-body {
        margin-top: 24px;
    }

    .flexible-engagement-card {
        width: 268px;
        min-height: 250px;
        margin: 8px;
        padding: 16px;
        box-shadow: 1.85538px 3.71077px 18.5538px rgba(200, 200, 200, 0.5);
    }

        .flexible-engagement-card h2 {
            font-size: 16px;
            line-height: 20px;
            margin: 8px 0 16px 0;
        }

        .flexible-engagement-card ul li {
            font-size: 16px;
            line-height: 19px;
        }

    .flexible-engagement-body .slick-track {
        margin-left: 80px;
    }

    .flexible-engagement-body .slick-slide {
        width: 288px !important;
    }

    .hire-easy-way-body {
        width: 100%;
        height: auto;
        flex-direction: column;
        margin: 24px 0 10px;
    }

    .hire-easy-way-card {
        margin-top: 74px;
    }

    .hire-easy-way-card-body:nth-child(even) > div {
        margin: 40px 0 21px 0;
        transform: rotate(90deg);
    }

    .augmented-resources {
        flex-direction: column;
        align-items: center;
    }

    .augmented-resources-card {
        width: 268px;
        min-height: 250px;
        margin-bottom: 16px;
    }



        .augmented-resources-card img {
            margin: 16px auto 0;
            width: 40px;
        }

        .augmented-resources-card h2 {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-weight: 600;
            line-height: 18px;
        }

        .augmented-resources-card p {
            font-family: 'openSans-regular';
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
        }

    .augmented-resources.why-hire-developer {
        width: 100%;
    }

        .augmented-resources.why-hire-developer .augmented-resources-card {
            margin: 0 0 16px;
        }

    .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
        font-size: 12px;
    }

    .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .main-heading {
        font-size: 18px;
        line-height: 28px;
    }

    .arvr-cs-wrapper.arvr-hire-leadgen .arvr-cs-leadgen.white .connect-btn {
        width: 100%;
    }

    .enterprice-partner.hire-techved-developer {
        padding: 30px 16px 0;
    }

        .enterprice-partner.hire-techved-developer.hire-react-developer {
            padding: 30px 16px 30px;
        }

        .enterprice-partner.hire-techved-developer .enterprice-partner-wrapper p {
            font-size: 14px;
            line-height: 20px;
        }

    /*hire developer end*/

    /*staff augmentation start*/

    .service-top-wrapper .service-container.leadg.staff-cust-leadgen {
        padding: 24px 0px 110px
    }

    .service-banner-left-main.leadg p.it-staffing.it-staffing-para {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        font-style: normal;
        margin-top: 12px;
    }

    .staff-aug-banner-pointer {
        margin: 12px 15px 28px
    }

        .staff-aug-banner-pointer li {
            margin-bottom: 8px;
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
        }

            .staff-aug-banner-pointer li::before {
                top: 6px;
            }

    .service-banner-left-main.leadg p.it-staffing.it-staffing-para-new {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

    .mobility-top-wrapper.staff-aug-banner-bg {
        width: 100%;
        background: url(../../../resources/images/staff-augmentation/service-page-banner-image-mob.svg) no-repeat;
        background-position: center top;
        background-size: 100% 118%;
    }

    .service-banner-right-main.leadg.staff-banner-form .banner-form {
        width: 100%;
        height: 430px;
        margin-top: 28px;
    }

    .services-what-we-do-head.staff-aug-tabs.service-staff-tabs.top-staff-aug {
        width: 100%;
    }

    .enterprice-partner.user-research.staff-aug-user-research.staff-aug-dimension {
        margin-bottom: 0px;
    }

    .expert-dimension {
        width: 100%;
        gap: 0 24px;
    }

    .expert-dimension-icon {
        margin: 12px 0;
        width: 152px;
    }

    .dimension-icon-mb {
        width: 120px;
        height: 120px;
    }


    .dimension-icon img {
        width: 48px;
        height: 48px;
    }

    .expert-dimension-icon p, .expert-dimension.cms-development-exp .expert-dimension-icon p {
        font-size: 16px;
        line-height: 20px;
    }

    .teamaug-section.team-aug.staff-capabilities {
        padding: 10px 0px;
    }

    .stack-capability-row {
        width: 100%;
        margin: 18px auto;
        flex-direction: column;
    }

    .tech-capability-head {
        max-width: 100%;
        padding: 10px 0 10px 16px;
        border-radius: 0px
    }

    .tech-capability-tech {
        padding: 9px 0px;
    }

        .tech-capability-tech ul li {
            font-size: 14px;
            line-height: 20px;
            margin: 9px 0;
            padding: 0 18px 0 18px;
        }

    .services-quick-contact-section.staff-contact-section {
        margin: 20px 0;
    }

    .quick-contact-section-info.cust-quick-info.staff-quick-info {
        max-width: 70% !important;
    }

        .quick-contact-section-info.cust-quick-info.staff-quick-info.eye-tracking-info {
            max-width: 70% !important;
        }


    .quick-contact-section.staff-contact-section {
        justify-content: flex-start;
    }

    .benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box {
        width: 260px;
        min-height: 218px;
        margin: 8px 0px;
    }

        .benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box .benifits-having-box-head img {
            width: 40px;
        }

        .benifits-having-wrapper.team-aug .benifits-having-box.staff-benifits-box .benifits-having-box-head p {
            font-size: 14px;
            line-height: 20px;
            font-weight: 400;
        }

    .services-what-we-do-box.team-aug.staff-aug-service-box {
        width: 260px;
        min-height: 200px;
        margin: 8px 0;
        padding: 0px;
        justify-content: flex-start;
    }

        .services-what-we-do-box.team-aug.staff-aug-service-box img {
            width: 40px;
            margin-top: 16px;
        }

    .staff-aug-service-box .services-box-link-wrp {
        padding: 0px 20px;
    }

    .staff-aug-service-box .services-what-we-do-info.team-aug h3 {
        margin: 16px 0;
        font-family: 'openSans-semi-bold';
        font-size: 16px;
        font-weight: 600;
        line-height: 19px;
        text-align: center;
    }

    .staff-aug-service-box .services-what-we-do-info.team-aug p {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
    }

    .empower-team {
        width: 100%;
        margin: 12px 15px;
        padding-left: 0px;
        text-align: center;
    }

        .empower-team h2 {
            font-size: 16px;
            font-weight: 600;
            line-height: 19px;
        }

        .empower-team p {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            margin-top: 12px;
        }

    .services-what-we-do-container.team-aug.staff-aug-section {
        max-width: 100%;
    }


    .staff-methodology-service {
        margin: 20px 0;
        width: 100%;
    }

    .staff-methodology-service-modal:nth-child(even) img {
        transform: scaleY(-1);
    }

    .staff-methodology-service-modal.cust-modal {
        margin: 20px auto 0;
    }

    .staff-methodology-service-modal {
        transform: rotate(90deg);
        margin: 38px auto;
    }

    .staff-content p {
        transform: rotate(-90deg);
    }

    .services-common-heading.staff-heading {
        padding: 0 20px 20px;
    }

    /*staff augmentation end*/


    /*java developer start*/

    .mobility-top-wrapper.java-developer-banner-bg {
        width: 100%;
        background: url(../../../resources/images/java-developer/service-page-banner-image-mob.svg) no-repeat;
        background-position: center top;
        background-size: 100% 150%;
    }

    .service-banner-left-main.leadg p.it-staffing.java-developer-para {
        width: 100%;
        margin: 12px 0 8px 0;
        padding-bottom: 0px;
        font-size: 14px;
        line-height: 20px;
    }

    .augmented-resources.java-developer-resources {
        width: 100%;
    }

        .augmented-resources.java-developer-resources .augmented-resources-card {
            width: 268px;
            min-height: 204px;
        }

            .augmented-resources.java-developer-resources .augmented-resources-card h2 {
                margin: 8px 0;
            }

    .services-what-we-do-container.team-aug.dedicated-java-developer {
        width: 100%;
    }

    .dedicated-java-developer .services-what-we-do-box.team-aug.staff-aug-service-box {
        width: 268px;
        height: 204px;
        margin: 12px 0;
    }

    .dedicated-java-developer .staff-aug-service-box .services-what-we-do-info.team-aug h3 {
        margin: 8px 0;
    }

    .dedicated-java-developer .staff-aug-service-box .services-box-link-wrp {
        padding: 0 12px;
    }

    .hiring-process {
        width: 100%;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-bottom: 0px;
    }

        .hiring-process img {
            transform: rotate(90deg);
        }

    .hiring-container {
        left: 36px;
        margin: 0px;
    }


    .hiring-process > div {
        margin: 24px 0;
    }

        .hiring-process > div:before {
            top: unset;
            right: 108px;
            bottom: -25px;
            transform: rotate(90deg);
        }

        .hiring-process > div:last-child .hiring-container {
            top: 14px;
            left: 22px;
        }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.java-developer-info {
        max-width: 270px !important;
    }

    .java-developer-resources .augmented-resources-card h2 {
        font-size: 16px;
        line-height: 20px;
        font-weight: 600;
        font-family: 'openSans-semi-bold';
    }

    .java-advantage-right {
        margin: 12px 0 20px 0;
    }


    .java-advantage-left ul li {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
    }

    .java-dev-section-space {
        padding: 20px 16px !important;
    }

    .java-dev-form-section-space {
        padding: 20px 0 !important;
    }

    .java-developer-leadgen {
        width: 100%;
    }

    .thankyou-work.java-thankyou-work {
        max-width: 100%;
    }

    .services-common-heading.staff-section-heading {
        margin-bottom: 8px;
    }

    /*java developer end*/

    /*react developer start*/

    .services-common-heading.team-aug-section-heading.teamaug-slider-heading.react-dev-head {
        margin: 22px 0;
    }

    .services-what-we-do-head p.client-slider-byliner {
        font-family: 'openSans-regular';
        font-size: 16px;
        font-weight: 400;
        line-height: 28px;
        text-align: center;
        margin-bottom: 10px;
    }

    .java-dev-section-space p.service-cust-byliner {
        width: 100% !important;
        margin: 0 auto !important;
    }

    .hire-best-dev {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        height: auto;
    }

        .hire-best-dev > div {
            margin-bottom: 40px;
        }

            .hire-best-dev > div:last-child {
                margin-bottom: 0px;
            }

            .hire-best-dev > div:before {
                top: unset;
                bottom: -32px;
                left: 70px;
                transform: rotate(90deg);
            }

        .hire-best-dev .best-dev-card h3 {
            padding: 0 20px;
        }

    .service-hire-developer-leadgen {
        width: 100%;
    }

    /*react developer end*/

    /*tata capital old case study start*/

    .work-details-certificate.digital-tata-capital {
        max-width: 100%;
        width: 100%;
    }

    .arvr-cs-wrapper .work-details-container.digital-tata-container {
        padding: 35px 15px 10px;
        background: url('../images/digital-tata-capital/application image.jpg'),linear-gradient(82.91deg, #09203F -15.58%, #537895 92.56%);
        background-position: center bottom,center center;
        position: relative;
        background-repeat: no-repeat;
        background-size: 100% 306px, cover;
        height: 610px;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.digital-tata-wrap {
        background: url(../images/digital-tata-capital/challanges-faced.svg),#371547;
        background-size: 60%,100% 100%;
        background-position: right bottom,center;
        background-repeat: no-repeat;
    }

    .arvr-mgmt-review-content .quote.digital-tata-quote {
        width: 290px;
    }

        .arvr-mgmt-review-content .quote.digital-tata-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: 14px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.digital-tata-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 204px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.tataindvs-result-wrp.hero-result-wrap.digital-wrap {
        width: 100%;
    }

    /*tata capital old case study end*/


    /*cms developer start*/



    .patners-cms {
        display: flex;
        gap: 10px;
        margin-top: 20px;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }

    .patnerscmsimg {
        display: flex;
        align-items: center;
    }

    .lifraycms img {
        width: 110px;
    }

    .strapicms img {
        width: 110px;
    }



    .services-what-we-do-main.hire-dev-diverse.cms-diverse {
        background: none;
    }

    .service-banner-left-main h1.cms-developer-heading {
        font-family: openSans-bold;
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: #303030;
        text-align: left;
        margin-bottom: 12px;
    }

    .service-banner-left-main p.cms-developer-para {
        margin-bottom: 24px;
    }

    .diverse-developer-body.cms-developer-body {
        width: 100%;
    }

        .diverse-developer-body.cms-developer-body > div {
            margin-top: 24px;
        }

    .diverse-developer-card.cms-card {
        width: 268px;
        min-height: 204px;
        padding: 16px;
        margin: 12px 8px;
    }


    .enterprice-partner.user-research.cms-developer-tab-head {
        padding: 30px 14px;
        margin-bottom: 0px;
    }

        .enterprice-partner.user-research.cms-developer-tab-head .enterprice-tab-section.user-research {
            padding: 0px;
        }

    .enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content {
        margin-left: 0px;
    }

    .enterprice-partner.user-research.cms-developer-tab-head .nav-tabs {
        height: 50px;
        padding: 0px;
        margin-left: 0px;
        border-top: none;
        border-bottom: 1px solid #DADADA;
    }

        .enterprice-partner.user-research.cms-developer-tab-head .nav-tabs .nav-link:after {
            top: 28px;
            height: 3px;
            bottom: unset;
            left: 0px;
        }

    .enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content h3 {
        font-size: 18px;
        font-weight: 700;
        line-height: 28px;
    }

    .enterprice-partner-wrapper.cms-developer-tabs .enterprice-tab-section.user-research .tab-content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
    }

    .enterprice-partner.cms-developer-tab-head .enterprice-tab-section .tab-content .tab-pane .tab-pane-img {
        padding-bottom: 0px;
    }

        .enterprice-partner.cms-developer-tab-head .enterprice-tab-section .tab-content .tab-pane .tab-pane-img img {
            width: 100%;
        }


    .enterprice-partner-wrapper.cms-developer-tabs p {
        font-size: 14px;
        line-height: 20px;
        margin: 12px 0 24px 0;
    }

    .tradition-tech-head {
        font-size: 20px;
        font-weight: 400;
    }

    .traditional-technology .technology {
        width: 100%;
    }

        .traditional-technology .technology img {
            margin: 0px 6px;
            width: 152px;
        }

    .importance-cms-pointer {
        width: 100%;
        flex-direction: column;
    }

        .importance-cms-pointer .cms-para {
            width: 100%;
        }

    .cms-imp-para {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: center;
        color: #303030;
    }

    .cms-list-point li {
        font-family: 'openSans-regular';
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        position: relative;
        margin: 12px 0 12px 32px;
    }

        .cms-list-point li:before {
            top: 6px;
            left: -24px;
        }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.cms-developer-info {
        max-width: 270px !important;
    }

    .work-details-top-wrapper.arvr-cs-wrapper.prega.arvr-hire-leadgen.cms-developer-leadgen {
        padding: 16px 0 0;
    }

    /*cms developer end*/

    /*neml case study start*/

    .arvr-cs-wrapper.prega .work-details-container.neml-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/neml-cs/application-image.svg), #FFFFFF;
        background-position: center bottom 18px, center bottom;
        position: relative;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 600px;
        min-height: 600px;
    }

    .neml-detail-container .work-details-certificate.neml-certificate {
        width: 336px;
    }

    .arvr-mgmt-review-content .quote.neml-quote {
        width: 270px;
    }

        .arvr-mgmt-review-content .quote.neml-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -6px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.neml-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 264px;
            transform: rotate(180deg);
            opacity: 1;
        }



    .arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap .services-ux-for-client-wrapper {
        width: 100%;
    }

    .neml-analysis-wrap .services-ux-for-client-box {
        width: 358px;
    }

    .arvr-cs-wrapper .neml-analysis-wrap .services-ux-for-client-info p {
        font-size: 20px;
        line-height: 28px;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap .indvs-result-wrp.neml-result-wrp {
        height: 154px;
    }

    .vodafone-solution-bg.neml-solution-bg {
        background: #3B4A56;
        padding-top: 30px;
    }

    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining .problem-state-right {
        width: 100%;
        max-width: 100%;
    }

    /*neml case study end*/

    /*olx case study start*/

    .arvr-cs-wrapper.prega .work-details-container.olx-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/olx-cs/application-image.svg), #65228A;
        background-position: center bottom 0px, center bottom;
        position: relative;
        background-size: 100%;
        background-repeat: no-repeat;
        height: 600px;
        min-height: 600px;
    }

    .arvr-cs-wrapper.prega.olx-cs-wrapper .our-work-left.tata-capital-workleft {
        max-width: 100%;
        width: 100%;
    }

    .arvr-cs-wrapper.prega.olx-cs-wrapper .work-details-head {
        max-width: 100%;
    }

    .work-details-certificate.olx-certificate {
        width: 243px;
    }

    .arvr-mgmt-review-content .quote.olx-quote {
        width: 270px;
    }

        .arvr-mgmt-review-content .quote.olx-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -6px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.olx-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 264px;
            transform: rotate(180deg);
            opacity: 1;
        }

    /*olx case study end*/

    /*metaverse new development start*/

    .meta-banner-mobileimage {
        width: 100%;
        height: 400px;
    }

    .metaverse-banner-container img {
        margin-top: 0px;
    }

    .metaverse-banner-container {
        padding-top: 60px;
    }

    .metaverse-banner {
        justify-content: flex-end;
        min-height: 390px;
        background-size: cover;
        background-position: top 50px center;
        margin-bottom: 32px;
    }

        .metaverse-banner .metaverse-banner-overlay {
            top: 0px;
        }

        .metaverse-banner video {
            height: 400px;
            top: unset;
        }

        .metaverse-banner .meta-banner-content {
            top: 180px;
        }

        /*  .metaverse-banner img {
            width: 122px;
        }*/

        .metaverse-banner h1 {
            font-family: 'openSans-regular';
            font-size: 28px;
            font-weight: 700;
            line-height: 38px;
            text-align: left;
            margin-bottom: 24px;
        }


    .meta-card-heading h2 {
        font-family: 'openSans-regular';
        font-size: 22px;
        font-weight: 600;
        line-height: 30px;
        text-align: left;
        color: #303030;
    }

    .meta-card-heading p {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
        line-height: 21px;
        text-align: left;
        color: #303030;
        margin: 6px 0 12px;
    }

    .metaverse-card {
        height: unset;
    }

        .metaverse-card.trending-patch:before, .metaverse-card.popular-patch:before {
            position: unset;
            content: '';
            width: unset;
            top: unset;
            right: unset;
            z-index: unset;
            transition: unset;
        }

    .preview-section img {
        width: 100%;
        height: 150px;
        border-radius: 16px;
    }

    .preview-section.active img {
        width: 100%;
        height: 210px;
    }

    .preview-content p,
    .preview-content ul {
        display: none;
    }

    .preview-section.active {
        padding: 15px
    }

        .preview-section.active .card-close-btn {
            width: 32px;
            border: none;
            outline: none;
            display: block;
            position: absolute;
            right: 21px;
            top: -66px;
            background: unset;
        }

    .preview-section.active {
        position: fixed;
        width: 100%;
        top: 100px;
    }

    .preview-section h2 {
        font-family: 'openSans-semi-bold';
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: #333333;
        margin: 12px 0 4px 0;
    }

    .preview-section.active .features img {
        width: 18px;
        height: 18px;
    }

    .quick-contact-section.metaverse-leadgen {
        margin: 20px 0 0;
    }

    .quick-contact-section-img.cust-quick-contact-img.meta-contact-image {
        bottom: -6px !important;
    }

    /*Why us section start css*/
    .why-us-section {
        background-size: cover;
    }

        .why-us-section .title-why-us h4 {
            font-size: 22px;
            margin-bottom: 2px;
        }

        .why-us-section .title-why-us p {
            font-size: 16px;
            margin-bottom: 24px;
        }

        .why-us-section .card-trasperent h5 {
            font-size: 16px;
            margin: 16px 0 0;
            min-height: 44px;
        }


        .why-us-section .why-us-main {
            padding: 32px 0px
        }

        .why-us-section .card-trasperent {
            backdrop-filter: none;
        }

        .why-us-section .gap-40 {
            gap: 24px 0px;
        }

    /*Why us section ends css*/

    /*Meta data plan section start css*/

    .meta-plan-card {
        justify-content: center;
        flex-wrap: wrap;
    }


    .plan-card {
        max-width: 100%;
    }

    .meta-plan-card {
        flex-wrap: wrap;
    }

        .meta-plan-card .card {
            margin-bottom: 24px;
        }

    .meta-plan-section {
        margin-top: 32px;
        margin-bottom: 16px;
    }

        .meta-plan-section .meta-plan-main h4 {
            font-size: 22px;
        }

        .meta-plan-section .meta-plan-main p {
            font-size: 16px;
            text-align: center;
            margin-bottom: 10px;
        }

    .plan-accordian .plan-card {
        padding: 16px;
    }

    .epe-plan h3 {
        font-size: 18px;
    }

    .epe-plan img {
        width: 44px;
        height: unset;
    }

    .plan-accordian .plan-card .all-plan p {
        padding-top: 8px;
        padding-bottom: 10px
    }

    .btn-plan {
        padding: 11px 14px;
    }

    .plan-data-ul li img {
        width: 24px;
    }

    .plan-card .all-plan .plan-collapse {
        position: absolute;
        bottom: -12px;
        left: 50%;
        display: block;
        transform: translateX(-50%);
    }

        .plan-card .all-plan .plan-collapse.rotate {
            // filter: invert(0%) sepia(18%) saturate(2489%) hue-rotate(-46deg) brightness(115%) contrast(91%);
            transform: rotate(180deg);
        }

    .arvr-cs-leadgen.metaverse.ready-tech-meta {
        padding: 10px;
    }

        .arvr-cs-leadgen.metaverse.ready-tech-meta .banner-form {
            padding: 16px 0;
        }

        .arvr-cs-leadgen.metaverse.ready-tech-meta .main-heading {
            font-size: 20px;
            line-height: 24px;
        }

        .arvr-cs-leadgen.metaverse.ready-tech-meta .sub-heading {
            margin: 10px 0 0;
            font-size: 16px;
            line-height: 20px;
            width: unset;
        }

    /* package section start */


    .package-section-heading {
        padding: 0 15px;
    }

    .meta-container.package-container {
        padding: 0 !important;
    }

    .feature-package-section {
        height: unset;
        padding-top: 0px;
        overflow: unset;
        position: relative;
        transition: all 0.5s;
        background: #FFFFFF;
    }

        .feature-package-section.fixed {
            position: sticky;
            top: 49px;
        }

        .feature-package-section.fixed {
            position: fixed;
            height: 100vh;
            background: #FFFFFF;
            z-index: 2;
        }

    .feature-package-bodyscroll {
        overflow: hidden;
    }

    .package-features.active {
        border-radius: 0px;
        border-top: 0px;
        border-right: 0px;
        border-left: 0px;
        box-shadow: unset;
        min-height: unset;
    }

    .package-header .features-head {
        display: none;
    }

    .package-header {
        width: 100%;
        height: 94px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 0 15px;
        z-index: 1;
        position: relative;
        background: #FFFFFF;
    }

        .package-header.active {
            box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.15);
        }


    .pakages-body {
        width: 100%;
        height: 78px;
        justify-content: space-evenly;
    }

    .package-features {
        width: 110px;
        border: none;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column-reverse;
    }

        .package-features h2 {
            font-family: openSans-regular;
            font-size: 18px;
            font-weight: 600;
            line-height: 24px;
            text-align: center;
            padding: 4px 0 8px 0;
        }

        .package-features:nth-child(2) h2 {
            padding: 4px 0 8px 0;
        }

        .package-features img {
            left: 50%;
            width: 38px;
            height: 40px;
            position: unset;
        }

        .package-features p {
            display: none;
        }

        .package-features a {
            display: none;
        }

        .package-features:nth-child(2) {
            border: none;
            background: none;
            box-shadow: none;
        }


            .package-features:nth-child(2)::before,
            .package-features:nth-child(2)::after {
                box-shadow: unset;
                background: unset;
            }

    .package-name-active {
        width: 100%;
        min-height: unset;
        border: 0px;
    }

    .package-scroll-body .package-container:first-child .package-name-active {
        border-radius: 0px;
    }

    .package-name-active h3 {
        font-family: openSans-semi-bold;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 6px 0;
    }

    .package-name ul {
        margin-bottom: 0px;
    }

        .package-name ul li {
            height: unset;
            font-family: openSans-semi-bold;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            padding: 6px 0;
            border: none;
            display: flex;
            justify-content: center;
            align-items: center;
        }

    .package-available-active {
        display: none;
    }

        .package-available-active ul {
            width: 100%;
        }

            .package-available-active ul li {
                width: 100%;
            }

    .package-name {
        width: 100%;
        min-height: unset;
        height: unset;
    }

    .package-available ul {
        width: 100%;
        margin-bottom: 0px;
    }

    .last-package-detail .package-available ul {
        border-bottom: 0px;
    }

    .package-available ul li {
        width: 100%;
        height: unset;
        max-height: unset;
        border: none;
        color: #263D55;
        text-align: center;
        font-family: openSans-regular;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        padding: 4px 0;
    }

        .package-available ul li:nth-child(2) {
            border: none;
            background: #FFFFFF;
        }

            .package-available ul li:nth-child(2)::before,
            .package-available ul li:nth-child(2)::after {
                box-shadow: unset;
            }

    .last-package-detail .package-available ul li {
        border: 0px;
    }

        .last-package-detail .package-available ul li:nth-child(2) {
            border: 0px;
        }

    .package-details {
        width: 100%;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        height: unset;
        min-height: unset;
        padding: 8px 15px;
        border-bottom: 1px solid rgba(244, 247, 250, 1);
    }

        .package-details.last-package {
            border-bottom: 0px;
        }

        .package-details.package-detail-main {
            padding: 0 0 4px 0;
            border-bottom: 0px;
        }

        .package-details.last-package .package-available ul {
            border-bottom: 0px;
        }

    .package-button-container {
        position: sticky;
        bottom: 0px;
        width: 100%;
        height: 56px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #FFF;
        box-shadow: 0px 0px 8px 0px rgba(123, 123, 123, 0.25);
        padding: 0 12px;
        z-index: 2;
    }

        .package-button-container .package-contact-btn:nth-child(2) {
            color: #FFFFFF;
            background: #F37222;
        }

    .package-contact-btn {
        font-family: openSans-semi-bold;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: center;
        padding: 8px 10px;
        text-transform: uppercase;
    }

    .package-scroll-body {
        height: calc(100vh - 140px);
    }

    /* package section end */

    /*Avtar slider section start*/

    .slide-avtar-section {
        background-size: cover;
    }

    .avtar_rev_slider .slick-list {
        padding: 0px 30px !important;
    }

    .avtar-together-main img {
        width: 100%;
    }

    .avtar_rev_slider .rev_slide.slick-active h3 {
        font-size: 16px;
        margin-top: -10px;
    }

    /*Avtar slider section ends*/


    /*metaverse model start*/

    .meta-form-modal .modal-title {
        font-size: 20px;
    }

    .meta-form-modal .contact-field-row .contact-field.mob-number label {
        position: absolute;
        top: -7px;
        left: 0;
        font-size: 12px !important;
    }

    .meta-form-modal .quick-contact-form {
        width: 100%;
    }

    .meta-form-modal .banner-form {
        height: 500px;
    }

    .meta-form-modal .banner-forms {
        height: 500px;
        padding: 0 12px;
        background: unset;
        background-size: unset;
        background-attachment: unset;
        background-position: unset;
    }

    .meta-form-modal .thankyou-work {
        width: 100%;
        max-width: 100%;
        height: 424px;
    }


    .meta-form-modal .lead-generation-popup .modal-content .connect-btn {
        margin: 16px auto 0px;
        padding: 10px 12px;
    }

    .meta-form-modal.connect-popup .banner-form, .meta-form-modal.connect-popup .banner-forms {
        height: 630px;
    }

    .meta-form-modal.connect-popup .thankyou-work {
        height: 500px;
    }

    .meta-form-modal .tvd-angular-field .dropdown.open .list {
        max-height: 100px;
    }

    .meta-form-modal.connect-popup .lead-generation-popup .modal-content-main {
        max-height: 630px;
    }

    /*metaverse model end*/

    .camp-highlight.metaverse-popup {
        width: 200px;
        max-height: 174px;
        position: fixed;
        top: calc(100vh - 260px);
        background-size: 100% 100%;
    }


    /*metaverse new development end*/

    /*new ia start*/

    .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn,
    .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn {
        top: -36px;
        right: 7px;
        font-size: 0;
        opacity: 0;
    }

        .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated,
        .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated {
            animation: 0s 0.5s submenu-close-color forwards;
        }

            .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated::before,
            .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated::before {
                animation: none;
                width: 18px;
                transform: rotate(45deg);
            }

            .home-sidenav-main.fixed-top ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated::after,
            .home-sidenav-main.affix ~ .submenu-main.services-new-menu .submenu-close-btn.submenuia-close-btn.animated::after {
                animation: none;
                width: 18px;
                transform: rotate(-45deg);
            }

    @keyframes submenu-close-color {
        from {
            opacity: 0;
            background: transparent;
        }

        to {
            opacity: 1;
            background: #FFFFFF;
        }
    }

    .services-new-menu.submenu-main .submenu-close-btn.submenuia-close-btn {
        right: 50px;
    }

    .submenu-main .submenu-close-btn.submenuia-close-btn::before,
    .submenu-main .submenu-close-btn.submenuia-close-btn::after {
        top: 50%;
        left: calc(50% - 10px);
        width: 0px;
    }


    .menu-container {
        width: unset !important;
        max-width: unset !important;
        margin: 16px 0 80px !important;
    }

    .menu-head h2 {
        color: #000;
        font-family: 'openSans-regular';
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        padding-bottom: 0px;
    }

    .menu-head p {
        display: none;
    }

    .service-ia-menu {
        width: 100%;
        flex-direction: column;
        border-bottom: 0px;
        margin: 0px;
        align-items: flex-start;
    }

    .service-ia-container {
        flex-direction: column;
        position: relative;
        margin-bottom: 0px;
        width: 100%;
        gap: 0px;
    }

    .service-ia-name:last-child {
        margin-bottom: 16px;
    }

    .card.navbar-ia-card:last-child {
        border-bottom: 0px;
        padding-bottom: 50px;
    }

        .card.navbar-ia-card:last-child .service-ia-name.w-100 {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 10px;
            margin-top: 16px;
        }

    .service-ia-menuhead img {
        width: 24px;
        height: 24px;
    }

    /* .service-ia-container:before {
        position: absolute;
        content: '';
        width: 1px;
        height: calc(100% - 23px);
        background: #F37222;
        left: 0px;
    }
 */

    .service-ia-menuhead {
        width: 100%;
        min-width: unset;
        margin: 24px 0 16px;
    }


        .service-ia-menuhead h3 {
            margin-bottom: 0px;
            font-size: 16px;
            line-height: 24px;
        }

    .service-ia-name {
        width: unset;
        min-width: unset;
        height: unset;
        margin: 0 0 24px 0;
        position: relative;
    }

    /* .service-ia-name::before {
        position: absolute;
        content: '';
        width: 16px;
        height: 1px;
        background: #F75E21;
        left: -30px;
        top: 14px;
    } */

    /*new ia end*/

    /*ux nps strat*/

    .servicenew-heading {
        font-family: openSans-bold !important;
        font-size: 20px !important;
        font-weight: 700 !important;
        line-height: 28px !important;
        color: #303030 !important;
    }


    .servicenew-para {
        font-family: openSans-regular !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 20px !important;
        text-align: center !important;
    }

    .service-banner-left-main p.cms-developer-para.uxnps-para {
        margin-bottom: 0px;
        width: 100%;
        font-size: 16px;
    }

    .service-para-uxnps {
        margin: 12px 0 !important;
    }

    .service-section-spacing {
        padding: 16px 0 !important;
    }

    .diverse-developer-card.cms-card.uxnps-methodology-card {
        width: 100%;
        margin: 6px 0;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .services-why-important-right-main, .research-insights-why-imp-main.uxnps-service-why-imp .problem-state-container {
        width: 100%;
        max-width: 100%;
        margin-top: 0px;
    }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.uxnps-info {
        max-width: 270px !important;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .wd-app-text {
        width: 296px;
        height: 210px;
        min-height: 258px;
        left: 18px;
        top: 2px;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .app-info-text-bold .h3 {
        font-size: 16px;
        line-height: 24px;
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .app-info-text p {
        /*text-align: center;*/
        font-size: 16px;
        line-height: 20px;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .app-icon {
        display: block;
        width: 48px;
        height: 48px;
        margin-bottom: 8px;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .services-why-important-left-main ul {
        width: 100%;
    }

    .research-insights-why-imp-main.uxnps-service-why-imp .services-why-important-left-main p {
        margin-bottom: 0px;
    }

    .expert-dimension-icon.uxnps-impcards {
        margin: 15px auto;
        min-height: unset;
    }

        .expert-dimension-icon.uxnps-impcards p {
            font-size: 16px;
            line-height: 24px;
        }

    .transform-business .business-card.casestudy-business-card {
        width: 100%;
        max-width: 100%;
        transform: scale(1);
        margin: 12px 0;
    }

        .transform-business .business-card.casestudy-business-card img {
            width: 100%;
            height: auto;
        }

    .readmore-btn {
        font-family: openSans-regular;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #F37222 !important;
    }

    .readmore-content {
        font-size: 14px;
        line-height: 20px;
    }

    .uxnps-videos {
        width: 325px;
        height: 209px;
        margin: 12px auto 0;
    }

        .uxnps-videos video {
            width: 325px;
            height: 209px;
        }

        .uxnps-videos source {
            width: 100%;
            height: auto;
        }

    .services-what-we-do-main.uxnps-diverse-bg, .uxnps-methodology, .uxnps-whyimp-bg, .what-stats-say-bg {
        background: none;
    }

    .uxnps-videos .play-btn-container {
        width: 330px;
        height: 210px;
    }

    .uxnps-videos .play-btn {
        width: 56px;
        height: 56px;
    }

    /*ux nps end*/

    /*usability-testing start*/

    .digital-asset-clients {
        padding: 20px 40px;
        flex-direction: column;
        justify-content: flex-start;
        margin: 6px 0;
    }

        .digital-asset-clients .asset-icon {
            width: 28px;
            height: 28px;
        }

        .digital-asset-clients .asset-content {
            width: 100%;
            margin-top: 14px;
        }

    .client-assest-image {
        order: -1;
    }

    .asset-content-head {
        font-size: 18px;
        line-height: 24px;
    }

    .asset-content-para {
        font-size: 14px;
        line-height: 20px;
    }

    .usability-service h3 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 12px;
        text-align: left;
    }

    .usability-service p {
        font-size: 14px;
        line-height: 20px;
        text-align: left;
    }

    .enterprice-partner.user-research .nav-tabs.staff-aug-nav-tabs.staff-aug-scroll-tabs.usability-tabs {
        height: 100%;
    }

    .enterprice-partner.user-research .usability-tabs-container .nav-tabs {
        padding: 20px 0 0;
    }

    .usability-tabs-container .enterprice-tab-section.user-research .tab-content {
        padding: 5px 0;
    }

        .usability-tabs-container .enterprice-tab-section.user-research .tab-content.staff-aug-tab-content h3 {
            margin-top: 0px;
        }

    .usability-test-result {
        min-height: 170px;
        padding: 16px;
        margin: 6px 0;
    }

        .usability-test-result h3 {
            font-size: 16px;
            line-height: 24px;
            text-align: left;
        }

        .usability-test-result p {
            font-size: 14px;
            line-height: 20px;
            text-align: left;
        }

    .research-insights-why-imp-main.uxnps-service-why-imp.new-service-vertical-image .services-why-important-right-main, .research-insights-why-imp-main.uxnps-service-why-imp.new-service-vertical-image .problem-state-container {
        width: 100%;
        max-width: 100%;
        margin-left: auto;
        margin-top: 0px;
    }



    .industry-part-right-section.benifit-testing-company h3, .industry-part-right-section.benifit-testing-company p, .industry-part-right-section.benifit-testing-company .listing-icon-tick li {
        font-size: 14px;
        line-height: 20px;
    }

    .what-stats-say-bg-result {
        display: none;
    }

    /*usability-testing end*/



    /*game development case study start*/

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container.game-development-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/game-development-cs/banner-icon-mobile.png) no-repeat,url(../../../resources/images/game-development-cs/mobile-banner.png);
        background-position: bottom center,center bottom;
        position: relative;
        background-size: 296px, 100% 100%;
        background-repeat: no-repeat;
        height: 605px;
        min-height: 526px;
    }


    .arvr-mgmt-review-content .quote.cla-quote.game::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 210px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .arvr-cs-wrapper.prega .services-ux-for-client-box.game {
        padding: 20px;
    }



    /*game development case study end*/



    /*cms case study start*/

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/cms/application-image.svg) no-repeat,url(../../../resources/images/cms/cms-banner-image-bg.jpg);
        background-position: bottom center,center bottom;
        position: relative;
        background-size: 296px, 100% 100%;
        background-repeat: no-repeat;
        height: 526px;
        min-height: 526px;
    }

        .arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-certificates-main {
            justify-content: flex-start;
        }

    .arvr-mgmt-review-content .quote.cmscs-quote {
        font-size: 14px;
        line-height: 20px;
        width: 308px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
    }

        .arvr-mgmt-review-content .quote.cmscs-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -6px;
            transform: rotate(0deg);
            opacity: 1;
        }


        .arvr-mgmt-review-content .quote.cmscs-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 306px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.cmscs-analysis-wrap {
        background: url(../../../resources/images/cms/challange-by-client-mob.png), #4B0F6C;
    }

    /*cms case study end*/


    /*application testing start*/

    .mobile-app-sub-service-top-wrapper.game-development-top-wrapper.application-top-wrapper {
        background: url(../../resources/images/application-testing/application-test-mob-bg.jpg) no-repeat;
        background-size: 100% 102%;
        background-position: unset;
    }

    .service-banner-left-main.mobile-ipad2 .applicationtest-banner-img {
        margin: 10px auto;
    }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.applicationtest-info {
        max-width: 264px !important;
    }

    .invest-application-bg {
        background: none;
    }

    .invdi-stats-section.web-soln.industry-stats-card {
        flex-direction: column;
        padding: 12px 16px;
        box-shadow: 0 2px 16px 0 rgba(200, 200, 200, 0.46);
        position: relative;
        min-height: 156px;
        margin: 6px 0;
    }

        .invdi-stats-section.web-soln.industry-stats-card::before {
            display: block;
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 2px;
            background: #f37222;
        }

    .industry-stats-say-section.service-industry-stats .container-service {
        padding: 0px;
    }

    /*application testing end*/

    /*application testing case study start*/

    .arvr-cs-wrapper.prega .work-details-container.applcationtest-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/application-testing-cs/application-image.svg) no-repeat,url(../../../resources/images/application-testing-cs/application-banner-image-mob.jpg);
        background-position: bottom 0px center,center bottom;
        position: relative;
        background-size: 296px, 100% 100%;
        background-repeat: no-repeat;
        height: 526px;
        min-height: 526px;
    }

    .arvr-cs-wrapper .arvr-mgmt-review.tatacapital-mgmt-review.parimatch-mgmt-review.application-mgmt-review {
        height: calc(100vh - 498px);
    }

    .arvr-mgmt-review-content .quote.application-test-quote {
        font-size: 14px;
        line-height: 20px;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        margin-top: 8px;
    }

    .arvr-mgmt-review-content .sub.application-para {
        margin: 0 10px;
    }

    .arvr-mgmt-review-content .quote.application-test-quote::before {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        top: 0px;
        left: -10px;
        transform: rotate(0deg);
        opacity: 1;
    }

    .arvr-mgmt-review-content .quote.application-test-quote::after {
        content: url(../images/hero-motocorp/hero-quotes.svg);
        position: absolute;
        bottom: 0px;
        left: 258px;
        transform: rotate(180deg);
        opacity: 1;
    }

    .quick-contact-section-info.cust-quick-info.staff-quick-info.applicationtest-info.performance-info {
        max-width: 264px !important;
    }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.application-analysis-wrap, .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.application-redefining {
        background: url(../../../resources/images/application-testing-cs/challange-by-client-mob.png), #4B0F6C;
        background-size: 100% 100%;
    }

    /*application testing case study end*/

    /*performace testing case study start*/

    .arvr-cs-wrapper.prega .work-details-container.performancetest-detail-container {
        padding: 35px 15px 0px;
        background: url(../images/performance-testing-cs/application-image.svg) no-repeat,url(../../../resources/images/performance-testing-cs/performance-mob-banner-image.jpg);
        background-position: bottom 30px center,center bottom;
        position: relative;
        background-size: 242px, 100% 100%;
        background-repeat: no-repeat;
        height: 526px;
        min-height: 526px;
    }

    .arvr-mgmt-review-content .quote.performance-test-quote {
        font-size: 14px;
        line-height: 20px;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        margin-top: 8px;
    }

        .arvr-mgmt-review-content .quote.performance-test-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: 8px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.performance-test-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 235px;
            transform: rotate(180deg);
            opacity: 1;
        }




    .arvr-cs-wrapper.prega .wd-result-wrap.tatacapital-redefining.performance-redefining {
        background: url(../../../resources/images/performance-testing-cs/redifining-impact-mob.png), #4B0F6C;
        background-size: 100% 100%;
    }


    /*performace testing case study end*/

    /*competitive landscape analysis case study start*/

    .arvr-cs-wrapper.prega .work-details-container.competitive-landscape-analysis-detail-container {
        padding: 35px 15px 0px;
        background: url(../../../resources/images/competitive-landscape-analysis-cs/banner2.svg) no-repeat,url(../../../resources/images/competitive-landscape-analysis-cs/main-banner1.jpg);
        background-position: bottom center,center bottom;
        position: relative;
        background-size: 330px, 100% 100%;
        background-repeat: no-repeat;
        height: 623px;
        min-height: 526px;
    }

    .competitive-landscape-analysis-detail-container .work-details-head.arvr.ar-auto h1 > span {
        max-width: 100%;
    }

    .arvr-cs-wrapper.prega .work-details-container.cms-detail-container .work-details-certificate.cla-project {
        width: 280px;
    }


    .arvr-mgmt-review-content .quote.cla-quote {
        font-size: 14px;
        line-height: 20px;
        width: 300px;
        margin: 0 auto;
        text-align: center;
        padding: 0;
        margin-top: 8px;
    }

        .arvr-mgmt-review-content .quote.cla-quote::before {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            top: 0px;
            left: -17px;
            transform: rotate(0deg);
            opacity: 1;
        }

        .arvr-mgmt-review-content .quote.cla-quote::after {
            content: url(../images/hero-motocorp/hero-quotes.svg);
            position: absolute;
            bottom: 0px;
            left: 190px;
            transform: rotate(180deg);
            opacity: 1;
        }

    .arvr-cs-wrapper.prega .wd-analysis-wrap.neml-analysis-wrap.cla-analysis-wrap {
        background: url(../../../resources/images/application-testing-cs/challange-by-client-mob.png), #371547;
        background-size: 100% 100%;
    }

    /*competitive landscape analysis case study end*/



    /*cyber security start*/

    .service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.cyber-banner-img {
        width: 260px;
        margin: 30px auto 0
    }

    .cybersecurity-solution, .safeguard-world, .invest-cybersecurity-bg {
        background: none;
    }

    .invdi-stats-section.web-soln.cyber-card {
        height: auto;
    }

    /*cyber security end*/

    /*devops page start*/

    .quick-contact-section-info.cust-quick-info.staff-quick-info.devops-info {
        max-width: 264px !important;
    }

    .imp-devops-bg, .devops-toolsets-bg {
        background: unset;
    }

    /*devops page end*/

    /*cloud computing start*/

    .service-banner-left-main.mobile-ipad2 .img-mobile-ipad2.cloud-banner {
        width: 100%;
        margin-left: unset;
    }

    /*cloud computing end*/



    /*Contextual security start*/
    .invdi-stats-section.web-soln.cyber-card.contextual {
        height: 156px;
    }
    /*Contextual computing end*/



}

/*================================== arvr case-study ends ==============================*/

.tts-btn-group {
    position: fixed;
    bottom: 110px;
    right: 20px;
    background: rgba(172, 172, 172, 0.40);
    padding: 5px;
    z-index: 12;
    border-radius: 40px;
    backdrop-filter: blur(5px);
    transition: 0.5s;
}

    .tts-btn-group a > img {
        width: 30px;
        height: 30px;
        margin: 0;
    }

    .tts-btn-group a {
        background-color: #ff6900;
        padding: 10px;
        border-radius: 50px;
        margin: 0;
    }

/*================================== casestudy showcase starts bhushan ==============================*/

.casestudy-showcase-wrapper {
    height: 100vh;
    background: url('../images/casestudy-showcase-bg.png');
    background-size: cover;
}

    .casestudy-showcase-wrapper .img-wrapper {
        width: 100%;
    }

    .casestudy-showcase-wrapper .main-img {
        max-width: 80%;
        margin: 60px auto 0;
        border-radius: 8px;
        position: relative;
        height: 100vh;
    }

    .casestudy-showcase-wrapper .background-second-imag {
        position: relative;
        left: 85px;
    }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-frame {
            z-index: 1;
            top: 64px;
            position: absolute;
        }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-main {
            z-index: 10;
            position: absolute;
            left: 24px;
        }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-mobile {
            z-index: 20;
            left: 269px;
            top: 43px;
            position: absolute;
        }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-laptop {
            z-index: 20;
            left: 86px;
            top: 164px;
            position: absolute;
        }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-aubidle {
            top: -49px;
            position: absolute;
        }

        .casestudy-showcase-wrapper .background-second-imag img.back-image-offer {
            position: absolute;
            top: 332px;
            left: 300px;
        }

    .casestudy-showcase-wrapper .mobile-img {
        position: absolute;
        bottom: -67px;
        right: 28px;
    }

    .casestudy-showcase-wrapper .right-side-title {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 22px;
        line-height: 42px;
        color: #ffffff;
        padding: 60px 0px 38px 0px;
    }

.right-side-body .right-side-body-head {
    padding-bottom: 16px;
}

    .right-side-body .right-side-body-head h2 {
        font-family: 'openSans-semi-bold';
        font-weight: 600;
        font-size: 40px;
        line-height: 40px;
        color: #ffffff;
        padding-bottom: 12px;
    }

    .right-side-body .right-side-body-head p {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 14px;
        line-height: 17px;
        color: #ffffff;
    }

.right-side-body .right-side-inner-body {
    position: relative;
    padding-bottom: 87px;
}

    .right-side-body .right-side-inner-body h3 {
        font-family: openSans-bold;
        font-size: 28px;
        line-height: 32px;
        color: #ffffff;
        padding-left: 11px;
        padding-bottom: 12px;
    }

        .right-side-body .right-side-inner-body h3:before {
            content: "";
            position: absolute;
            height: 51px;
            background: #ffffff;
            border: 2px solid;
            top: 6px;
            left: 0px;
            border-radius: 25px;
        }

    .right-side-body .right-side-inner-body p {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #ffffff;
        padding-right: 135px;
    }

.right-side-body .right-side-body-footer a {
    background: transparent;
    border: 2px solid #ffffff;
}

.img-wrapper.slick-slider .slick-dots {
    position: absolute;
    /* bottom: 10px; */
    display: block;
    width: 100px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 0;
    top: 548px;
    left: calc(100% + 17px);
    color: white;
    height: 10px;
}

    .img-wrapper.slick-slider .slick-dots li button {
        background: white;
    }

.digital-transformation-section .title {
    font-family: 'openSans-semi-bold';
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #303030;
    font-weight: 600;
}

.digital-transformation-section .sub-title {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    text-align: center;
}

.digital-transformation-section .service-cat-main .category-head {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    text-transform: uppercase;
    color: #FFFFFF;
    background: #F37222;
    display: inline-block;
    padding: 5px 10px;
}

.digital-transformation-section .service-cat-main .large-head {
    position: relative;
}

.digital-transformation-section .service-cat-main ul {
    padding-top: 10px;
}

.digital-transformation-section .service-cat-main .large-head > li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 16px;
    padding: 7px 10px 5px 18px;
    color: #606060;
    position: relative;
}

.digital-transformation-section .service-cat-main .large-head::before {
    content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    left: 0px;
    background: #F37222;
    height: calc(100% - 15px);
}

.digital-transformation-section .service-cat-main .large-head > li::after {
    position: absolute;
    content: "";
    width: 8px;
    height: 1px;
    background: #F37222;
    top: 13px;
    left: 0px;
}

.digital-transformation-section .service-cat-main .large-head > li a {
    text-decoration: none;
    color: inherit;
    transition: 0.3s;
}

.digital-transformation-section .service-cat-main li a:hover {
    color: #f37222;
}

.digital-transformation-section .service-cat-main .small-head > li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    padding: 5px 20px;
    color: #606060;
    position: relative;
}

    .digital-transformation-section .service-cat-main .small-head > li::after {
        position: absolute;
        content: "";
        width: 3px;
        height: 3px;
        background: #F37222;
        border-radius: 3px;
        top: 10px;
        left: 0px;
    }

.digital-transformation-section .digital-transformation-body {
    padding: 46px 0px 87px 50px;
}

    .digital-transformation-section .digital-transformation-body .digital-transformation-card {
        padding: 0px 0px 0px 0px;
    }

.bhaasha-service-sec .bhaasha-logo {
    position: relative;
    background-image: url("../images/bhaasha-bg-img.svg");
    background-position: right;
    background-repeat: no-repeat;
    border: 1px solid double white;
    height: 277px;
}

    .bhaasha-service-sec .bhaasha-logo .bhaasha-wrapper img {
        width: 170px;
    }

    .bhaasha-service-sec .bhaasha-logo .bhaasha-wrapper {
        position: relative;
        display: flex;
        justify-content: center;
        flex-direction: column;
        /* height: 190px;*/
        padding: 80px 77px 0px 77px;
    }

.bhaasha-logo .bhaasha-wrapper .desc {
    font-size: 12px;
    line-height: 16px;
    font-family: 'openSans-regular';
}

.bhaasha-logo .view-more a::before {
    width: calc(100% - 34px);
}

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


    /*--------Marctech mobile start----------*/
    .expert-dimension-icon.uxnps-impcards p {
        font-size: 12px;
        line-height: 20px;
    }

    .revolution-slide p {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .service-banner-img.leadg.martech {
        margin: 15px auto 0;
        /* width: 334px; */
    }

    .dimension-icon.marctech img {
        width: 75px;
        height: 75px;
    }

    /*--------Marctech mobile end----------*/

    /*---Aplication testing Start-----*/
    .captcha {
        padding-left: 8px;
        padding-right: 15px;
        width: 100%;
    }

    .form-group.captcha.cc-container.m-0 {
        padding: 0px;
    }

    /*----Aplication testing End-----*/

    .casestudy-showcase-wrapper {
        height: auto;
    }

    .casestudy-showcase-wrapper {
        /*background-color: #F37222;*/
        background: url('../images/eclips-mob.png') no-repeat, #F37222;
        background-position: left top, center center;
        /*background-size:auto, auto;*/
    }

        .casestudy-showcase-wrapper .right-side-title {
            text-align: center;
        }

        .casestudy-showcase-wrapper .background-second-imag {
            left: 0px;
        }

            .casestudy-showcase-wrapper .background-second-imag img.back-image-main {
                left: 0px;
            }

            .casestudy-showcase-wrapper .background-second-imag .back-image-mobile {
                display: none;
            }

            .casestudy-showcase-wrapper .background-second-imag .back-image-frame {
                display: none;
            }

            .casestudy-showcase-wrapper .background-second-imag .back-image-laptop {
                display: none;
            }

            .casestudy-showcase-wrapper .background-second-imag .back-image-offer {
                display: none;
            }

            .casestudy-showcase-wrapper .background-second-imag img.back-image-main {
                width: 328px;
            }

        .casestudy-showcase-wrapper .main-img {
            height: 60vh;
        }

    .right-side-body .right-side-body-head p {
        font-size: 12px;
        line-height: 12px;
    }

    .right-side-body .right-side-inner-body h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .right-side-body .right-side-inner-body p {
        font-size: 16px;
        line-height: 24px;
        padding-right: 0px;
    }

    .right-side-body .right-side-inner-body {
        padding-bottom: 34px;
    }

    .img-wrapper.slick-slider .slick-dots {
        position: absolute;
        /* bottom: 10px; */
        display: block;
        width: 100%;
        padding: 0;
        margin: 0;
        list-style: none;
        text-align: center;
        line-height: 0;
        top: auto;
        left: 0px;
        color: white;
    }

    .right-side-body .right-side-inner-body h3:before {
        height: 64px;
        top: 4px;
    }

    .digital-transformation-section .title {
        font-size: 22px;
        line-height: 28px;
        text-align: center;
        padding: 0px 23px 0px 23px;
    }

    .digital-transformation-section .sub-title {
        font-size: 16px;
        line-height: 28px;
        font-family: 'openSans-regular';
        padding: 0px 30px 0px 40px;
    }

    .bhaasha-service-sec .bhaasha-logo {
        position: relative;
        background-image: url(../images/bhaasha-bg-mobile-img.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        height: auto;
    }

        .bhaasha-service-sec .bhaasha-logo .bhaasha-wrapper {
            position: relative;
            display: flex;
            justify-content: center;
            flex-direction: column;
            /* height: 190px;*/
            padding: 80px 20px 0px 21px;
        }


    .bhaasha-logo .view-more a::before {
        width: 0px;
    }

    .digital-transformation-section .digital-transformation-body {
        padding: 0px 15px;
    }

    .digital-transformation-section {
        background: #EEEEEE;
        padding: 40px 15px;
    }

        .digital-transformation-section .digital-transformation-body .digital-transformation-card {
            background: white;
            padding: 29px 10px 0px 10px;
            box-shadow: 0px 4px 10px 2px rgba(0, 0, 0, 0.2);
            border-radius: 10px 10px 0px 0px;
        }

        .digital-transformation-section .service-cat-main .large-head.custom-right-line::before {
            content: "";
            position: absolute;
            width: 1px;
            top: 0px;
            left: 0px;
            background: #F37222;
            height: calc(100% - 30px);
        }
}
/*================================== casestudy showcase ends bhushan ==============================*/

/*================================== bhaasha camp banner starts ==============================*/

.bhaasha-camp-banner {
    background: url('../images/bhaasha-camp/banner-main.png'),linear-gradient(to left, #F76E15 -20.85%, #FD3217 7.19%, #6028AB 98.8%);
    height: 480px;
    background-size: auto 248px, 100% 100%;
    background-position: 94% 96px, center top;
    padding: 110px 80px 0;
    background-repeat: no-repeat;
}



.term-condition {
    background: url('../images/term-condition/term-condition-banner.png');
    background-size: 100%;
    /*background-position: 94% 96px, center top;*/
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    padding: 0px 79px 0;
    height: 306px;
    transform: translate(0px, 80px);
}

    .term-condition p {
        font-family: 'openSans-regular';
        font-weight: 700;
        font-size: 35px;
        line-height: 40px;
        text-transform: inherit;
        color: #FFFFFF;
    }

.carousel-item.home-page {
    margin-top: 80px;
}


.let-connect-btn {
    border: none;
    background: none;
    position: absolute;
    right: calc(100% - 308px);
    top: 60%;
}

.bhaasha-camp-banner .head-1 {
    font-family: 'Montserrat-Black';
    font-weight: 900;
    font-size: 32px;
    line-height: 40px;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    margin-top: 0;
    text-transform: uppercase;
}

.bhaasha-camp-banner .head-2 {
    font-family: openSans-regular;
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 60px;
    text-transform: capitalize;
    color: #FFFFFF;
    text-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}

.bhaasha-camp-banner .head-3 {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 21px;
    text-transform: none;
    color: #FFFFFF;
    /*background: rgba(196, 196, 196, 0.1);*/
    /*box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);*/
    border-radius: 50px;
    display: inline-block;
    /*padding:3px 20px;*/
    margin-top: 28px;
}

.camp-banner-base {
    display: flex;
    width: 100%;
    /*background:rgba(194, 194, 194, 0.36);*/
    height: 260px;
    margin-bottom: 80px;
    margin-top: -140px;
    justify-content: center;
    align-items: center;
}

.camp-lead-base {
    /*margin-top: -165px;*/
    margin-top: -80px;
}

.camp-lead-wrapper {
    background: #FFFFFF;
    height: 75%;
    margin: 0 10px;
    /*    width: 70%;
    max-width: 1020px;*/
    /*border-radius: 8px;*/
    /*box-shadow: 0px 0px 10px rgba(137, 137, 137, 0.25);*/
    width: 100%;
    max-width: 1206px;
    border-radius: 0px 55px 55px 55px;
    box-shadow: 0px 4px 56px 0px #ce500942;
}

    .camp-lead-wrapper.thankform {
        box-shadow: 0px 6px 0px 0px #f37222 !important;
    }

.check-gif {
    width: 60px;
}

.camp-fields-wrapper .get-in-touch.disabled {
    opacity: 0.8;
}


.camp-lead-wrapper .home-head2 {
    padding: 20px 24px;
    font-size: 24px;
    /*font-style: italic;*/
    font-weight: 700;
    font-family: 'openSans-bold';
    line-height: 32px;
}

.carousel-slide-home {
    height: 90%;
    width: 100%;
    max-width: 270px;
    margin: 0 10px;
    border-radius: 8px;
}

.home-carousel-inner img {
    border-radius: 8px;
}

.camp-check-note {
    font-family: 'openSans-regular';
    font-style: italic;
    font-weight: normal;
    font-size: 12px;
    line-height: 18px;
    color: #999999;
    padding-left: 30px;
    margin-left: 12px;
    display: inline-block;
    position: relative;
}

    .camp-check-note::after {
        content: url('../images/bhaasha-camp/star.png');
        position: absolute;
        top: 0;
        left: 17px;
    }

.camp-highlight-wrapper {
    height: 90%;
    width: 20%;
    max-width: 270px;
    margin: 0 10px;
    border-radius: 8px;
}

    .camp-highlight-wrapper .carousel-inner {
        height: 100%;
        overflow: unset;
    }

    .camp-highlight-wrapper .carousel-indicators {
        bottom: -18px;
    }

.carousel-indicators li {
    /* background-color: #F2F2F2;
    height: 7px;
    width: 7px;
    border-radius: 20px;
    border: none;*/
    background-clip: unset;
    border: 2px solid #FF6700; /* Change the color and thickness as needed */
    border-radius: 20px; /* Makes the dots circular */
    /*width: 7px;*/ /* Adjust width if needed */
    /*height: 7px;*/ /* Adjust height if needed */
    background-color: #F2F2F2;
    margin-left: 0px;
    margin-right: 0px;
}

    .carousel-indicators li.active {
        background-color: #AE83F3;
    }

.camp-highlight {
    background: url('../images/bhaasha-popup/camp-meta.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 8px;
    /*box-shadow: 0px 0px 5px rgba(137, 137, 137, 0.25);*/
    padding: 0;
    text-align: center;
    height: 100%;
}

    .camp-highlight.small-popup {
        width: 270px;
        max-height: 234px;
        position: fixed;
        top: calc(100vh - 330px);
        right: 20px;
        box-shadow: 0px 4px 12px rgba(41, 41, 41, 0.35);
        z-index: 9;
        display: none;
    }

        .camp-highlight.small-popup a {
            position: absolute;
            display: block;
            height: 100%;
            width: 100%;
        }

        .camp-highlight.small-popup .small-popup-close {
            position: absolute;
            top: 20px;
            right: 20px;
            cursor: pointer;
            z-index: 2;
            transition: 0.3s;
            padding: 2px;
        }

            .camp-highlight.small-popup .small-popup-close:hover {
                background: #ff4444;
                border-radius: 4px;
            }

    .camp-highlight.bhaasha {
        background: url('../images/bhaasha-camp/camp-bhaasha-img.png'),linear-gradient(to bottom, #A89AAE,#371547);
        background-size: 150px auto,100% 100%;
        background-position: right 100%,center center;
        background-repeat: no-repeat;
    }

    .camp-highlight.chatbot {
        background: url('../images/bhaasha-camp/camp-chat-img.png'),#FFFFFF;
        background-size: 100% auto,100% 100%;
        background-position: center 100%,center center;
        background-repeat: no-repeat;
    }

    .camp-highlight::after,
    .camp-highlight.small-popup a::after {
        content: "";
        background: url('../images/bhaasha-camp/small-banner-arrow.svg');
        height: 32px;
        width: 32px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -6px !important;
        left: 50%;
        transform: translateX(-50%);
        transition: 0.3s;
        box-shadow: 0px 4px 12px rgba(41, 41, 41, 0.35);
        border-radius: 50%;
    }

    .camp-highlight.small-popup::after {
        display: none;
    }

    .camp-highlight > div {
        background: #1D072D;
        border-radius: 0 0 28px 28px;
        padding: 15px 15px 5px;
    }

    .camp-highlight .head-1 {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 16px;
        line-height: 24px;
        color: #FBCE09;
    }

    .camp-highlight .head-2 {
        font-family: 'openSans-bold';
        font-weight: bold;
        font-size: 60px;
        line-height: 60px;
        color: #FBCE09;
    }

    .camp-highlight .head-3 {
        font-family: 'openSans-bold';
        font-weight: bold;
        font-size: 38px;
        line-height: 44px;
        color: #FBCE09;
    }

    .camp-highlight .head-4 {
        font-family: 'openSans-bold';
        font-weight: bold;
        font-size: 20px;
        line-height: 24px;
        color: #FFFFFF;
    }

    .camp-highlight .desc {
        font-family: 'openSans-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 10px;
        line-height: 16px;
        color: #1D072D;
        margin-top: 10px;
    }

    .camp-highlight.bhaasha .head-1 {
        font-family: Montserrat-Bold;
        font-weight: bold;
        font-size: 17px;
        line-height: 24px;
        text-transform: none;
        color: #FFFFFF;
        margin: 10px 0;
    }

    .camp-highlight.bhaasha .head-2 {
        font-family: 'openSans-semi-bold';
        font-weight: 500;
        font-size: 12px;
        line-height: 16px;
        text-transform: none;
        color: #FFFFFF;
        margin-bottom: 6px;
    }

    .camp-highlight.chatbot .head-1 {
        font-family: 'Montserrat-Black';
        font-weight: 900;
        font-size: 14px;
        line-height: 18px;
        text-transform: uppercase;
        color: #361547;
    }

.camp-check-wrapper {
    display: flex;
    justify-content: space-around;
    width: 100%;
    padding: 0 12px;
    margin-top: -30px;
    margin-bottom: 20px;
    position: relative;
}

.camp-service-checkbox input {
    display: none;
}

.camp-service-checkbox label {
    width: 100px;
    height: 100px;
    background: #F8F6F6;
    border-radius: 16px;
    padding: 60px 15px 0;
    font-family: 'openSans-regular';
    font-weight: normal;
    font-size: 14px;
    line-height: 15px;
    text-align: center;
    color: #333333;
    cursor: pointer;
    box-shadow: 0px 0px 6px rgba(137, 137, 137, 0.25);
    position: relative;
    transition: 0.3s;
    user-select: none;
}

.camp-service-checkbox input:checked + label {
    background: #FFEFC5;
}

/*.camp-service-checkbox input:hover + label {
    background:#FFEFC5;
}*/

.camp-service-checkbox label::after {
    content: url('../images/home-new/drop-check-gray.svg');
    position: absolute;
    top: 6px;
    right: 6px;
    opacity: 0.7;
}

.camp-service-checkbox input:checked + label::after {
    content: url('../images/home-new/drop-check-green.svg');
}

.camp-service-checkbox input + label::before {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 90%;
    height: 40px;
    transform: translateX(-50%);
}

.camp-service-checkbox input#campSv1 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-1.svg');
}

.camp-service-checkbox input#campSv2 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-2.svg');
}

.camp-service-checkbox input#campSv3 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-3.svg');
}

.camp-service-checkbox input#campSv4 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-4.svg');
}

.camp-service-checkbox input#campSv18 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-18.svg');
}

.camp-service-checkbox input#campSv5 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-5.svg');
}

.camp-service-checkbox input#campSv6 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-6.svg');
}

.camp-service-checkbox#campSv7 label {
    position: relative;
}

/*.camp-service-checkbox#campSv7 label:hover{
    background:#FFEFC5;
}*/

.camp-service-checkbox#campSv7.active label {
    background: #FFEFC5;
}

.camp-service-checkbox#campSv7 label::before {
    position: absolute;
    top: 15px;
    left: 50%;
    width: 90%;
    height: 40px;
    transform: translateX(-50%);
    content: url('../images/bhaasha-camp/camp-service-icon-7.svg');
}

.camp-service-checkbox#campSv7 label::after {
    display: none;
}

.camp-service-checkbox#campSv7 label > span {
    position: absolute;
    top: 6px;
    right: 6px;
    background: #68C27F;
    color: #FFFFFF;
    height: 19px;
    width: 19px;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    border-radius: 20px;
    border: 1px solid #FFFFFF;
    display: none;
}

.camp-service-checkbox input#campSv8 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-8.svg');
}

.camp-service-checkbox input#campSv9 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-9.svg');
}

.camp-service-checkbox input#campSv10 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-10.svg');
}

.camp-service-checkbox input#campSv11 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-11.svg');
}

.camp-service-checkbox input#campSv12 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-12.svg');
}

.camp-service-checkbox input#campSv13 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-13.svg');
}

.camp-service-checkbox input#campSv14 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-14.svg');
}

.camp-service-checkbox input#campSv15 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-15.svg');
}

.camp-service-checkbox input#campSv16 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-16.svg');
}

.camp-service-checkbox input#campSv17 + label::before {
    content: url('../images/bhaasha-camp/camp-service-icon-6.svg');
}

.camp-check-wrapper .camp-service-checkbox.hide-desk {
    display: none;
}

.camp-check-wrapper .camp-service-drop {
    position: absolute;
    top: 120px;
    right: -120px;
    width: 1100px;
    height: auto;
    z-index: 3;
    background: #FFFFFF;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0px 2px 12px rgba(48, 48, 48, 0.3);
    display: none;
}

    .camp-check-wrapper .camp-service-drop::before {
        content: "";
        width: 20px;
        height: 20px;
        position: absolute;
        background: #FFFFFF;
        top: -9px;
        right: 184px;
        z-index: -1;
        transform: rotateZ(45deg);
        box-shadow: -4px -4px 6px rgb(48 48 48 / 13%);
        transition: 0.5s;
    }

    .camp-check-wrapper .camp-service-drop > div {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        justify-content: flex-start;
        align-content: space-around;
        position: relative;
    }

    .camp-check-wrapper .camp-service-drop .other-proceed-btn {
        display: block;
        margin: 10px auto 0;
        font-family: 'openSans-bold';
        font-weight: bold;
    }

    .camp-check-wrapper .camp-service-drop .camp-service-checkbox label {
        margin: 10px;
        width: 192px;
        height: 120px;
        padding: 76px 8px 0;
        border-radius: 10px;
        background: #FFFFFF;
        box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.1);
    }

    /*.camp-check-wrapper .camp-service-drop .camp-service-checkbox input:hover+label{
    background:#FFEFC5;
}*/

    .camp-check-wrapper .camp-service-drop .camp-service-checkbox input:checked + label {
        background: #FFEFC5;
    }

    .camp-check-wrapper .camp-service-drop > div .camp-service-close {
        position: absolute;
        top: -10px;
        right: -10px;
        cursor: pointer;
    }

.camp-fields-wrapper {
    display: flex;
    width: 100%;
    justify-content: space-around;
    padding: 20px 24px 10px;
    align-items: center;
}

    .camp-fields-wrapper > div {
        /*width: 24%;*/
        width: 19%;
    }

    .camp-fields-wrapper .tvd-angular-field {
        position: relative;
        margin-top: 8px;
    }

.quick-contact-form .camp-fields-wrapper .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    font-family: 'openSans-regular';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    top: -6px;
    transform: translate(0,1.6rem);
    background: none;
}

.quick-contact-form .camp-fields-wrapper .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    border-color: #F46912;
}

    .quick-contact-form .camp-fields-wrapper .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
        font-size: 12px;
        color: #999999;
        font-family: 'openSans-regular';
        font-weight: 400;
    }

.quick-contact-form .camp-fields-wrapper .tvd-angular-field.mob-number label {
    position: absolute;
    font-family: 'openSans-regular';
    font-weight: normal;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    top: -6px;
    transform: translate(20px,1.6rem);
}

.quick-contact-form .camp-fields-wrapper .tvd-angular-field.mob-number.focused label {
    transform: translate(10px,-2px) !important;
    font-size: 12px;
    color: #999999;
    font-family: 'openSans-regular';
    font-weight: 400;
}

.camp-fields-wrapper .tvd-angular-field > span {
    position: absolute;
    bottom: -20px;
    font-size: 12px;
    color: red;
    font-weight: 400;
    font-family: 'openSans-regular';
}

.camp-fields-wrapper .tvd-angular-field > .only-business-id {
    position: absolute;
    top: 60px;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.arvr-cs-leadgen .tvd-angular-field .share-business-id {
    position: absolute;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #999999;
    min-width: 320px;
    font-family: 'openSans-regular';
}

.quick-contact-form .camp-fields-wrapper .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-family: 'openSans-regular';
    font-weight: 400;
    margin-top: 0;
}

.quick-contact-form .camp-fields-wrapper .tvd-angular-field.mob-number input {
    padding-left: 85px !important;
}

.quick-contact-form .camp-fields-wrapper .connect-btn {
    margin-top: 0;
    font-family: 'openSans-bold';
    font-weight: bold;
    font-size: 16px;
}

.camp-banner-base .thankyou-work {
    max-width: 100%;
    text-align: center;
    margin: auto;
    /*background: url('../images/bhaasha-camp/thank-wave-2.svg'),url('../images/bhaasha-camp/thank-wave-3.svg');*/
    /*background-position: bottom center;
        background-repeat: no-repeat;
        height: 100%;
        border-radius: 8px;*/
    display: none;
}

    .camp-banner-base .thankyou-work img {
        /*margin: 36px auto 10px;*/
        margin: 16px auto 10px;
        display:block;
    }

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

    /*AS-521 Banner media*/

    .revolution-main {
        margin-top: -20px;
        padding: 0px 14px 14px;
    }

        .revolution-main .revolution-slide {
            min-height: 32px;
        }

    .bhaasha-camp-banner {
        background: linear-gradient(to left, #F76E15 -20.85%, #FD3217 7.19%, #6028AB 98.8%);
        height: auto;
        background-size: cover;
        background-position: center center;
        padding: 60px 10px 0px;
    }


    .term-condition {
        background: url(../images/term-condition/term-condition-banner.png);
        background-size: 100% 100%;
        /* background-position: 94% 96px, center top; */
        background-repeat: no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0px 60px 0;
        height: 100px;
        transform: translate(0px, 50px);
    }

    .terms {
        justify-content: center;
    }

    .tnc-container {
        padding: 45px 6px 40px 9px;
    }


        .tnc-container.privacy-policy {
            padding: 32px 16px 24px 16px;
            margin-top: 20px;
        }

            .tnc-container.privacy-policy h3 {
                padding: 0px 16px 24px 0px;
                margin-bottom: 0px;
                font-size: 18px;
            }

    .term-condition p {
        font-size: 24px;
        line-height: 40px;
        text-align: center;
    }

    .bhaasha-camp-banner .head-1 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
        margin-top: 18px;
    }

    .bhaasha-camp-banner .head-2 {
        font-size: 12px;
        line-height: 18px;
    }

    .bhaasha-camp-banner .head-3 {
        display: block;
        width: 180px;
        font-size: 12px;
        line-height: 20px;
        text-align: center;
        position: relative;
        background: #FFFFFF;
        z-index: 2;
        margin: 30px auto -22px;
        color: #666666;
        padding: 3px 0;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.14);
    }

    .carousel-control-prev.banner {
        display: none;
    }

    .carousel-control-next.banner {
        display: none;
    }

    .camp-banner-base {
        height: auto;
        background: linear-gradient(to left, #ff6700 35.19%, #fe1f10 110.15%);
        padding-bottom: 36px;
        margin-top: -2px;
        flex-wrap: wrap;
        margin-bottom: 0;
    }
    .camp-banner-base-mob{
        padding-bottom:0px ;
        margin-bottom:40px;
    }

    .camp-lead-base {
        background: transparent;
    }

    .camp-lead-wrapper {
        width: 90%;
        margin: 10px auto;
    }

    .camp-check-note {
        margin-left: 0;
        margin-bottom: 0;
        font-size: 10px;
        line-height: 14px;
        top: -224px;
    }

        .camp-check-note::after {
            top: 1px;
        }

    .camp-highlight-wrapper {
        width: 90%;
        height: 40vh;
        max-width: unset;
        margin: 10px;
    }

    .camp-highlight {
        background: url('../images/bhaasha-camp/campMeta-img.png');
        background-size: 100% 100%;
        background-position: center center;
        background-repeat: no-repeat;
    }

        .camp-highlight.small-popup {
            width: 200px;
            max-height: 174px;
            position: fixed;
            top: calc(100vh - 260px);
        }

            .camp-highlight.small-popup a::after {
                height: 24px;
                width: 24px;
                bottom: -4px;
            }

    .camp-check-wrapper {
        flex-wrap: wrap;
        margin-top: 44px;
        justify-content: space-between;
        align-content: space-between;
        height: 198px;
        background: url('../images/bhaasha-camp/check-bg.png');
        background-position: calc(50% + 4px) center;
        background-size: 94% auto;
        margin-bottom: 0;
        max-width: 326px;
        margin-left: auto;
        margin-right: auto;
    }

        .camp-check-wrapper .camp-service-checkbox.hide-mob {
            display: none;
        }

    .camp-service-checkbox label {
        width: 96px;
        height: 96px;
        background: rgba(255, 255, 255, 0.00);
        border-radius: 0px;
        padding: 60px 15px 0;
        color: #333333;
        box-shadow: none;
    }

    .camp-fields-wrapper {
        flex-wrap: wrap;
        /*padding: 0 16px 10px;*/
        padding: 0 16px 16px;
    }

        .camp-fields-wrapper > div {
            width: 100%;
        }

        .camp-fields-wrapper .tvd-angular-field {
            position: relative;
            margin-top: 10px;
            margin-bottom: 24px;
        }

            .camp-fields-wrapper .tvd-angular-field > .only-business-id {
                font-size: 10px;
            }

    .quick-contact-form .camp-fields-wrapper .tvd-angular-field.mob-number.focused label {
        transform: translate(-28px,-2px) !important;
    }

    .quick-contact-form .camp-fields-wrapper .tvd-angular-field.mob-number label {
        transform: translate(-14px,1.6rem);
    }

    .quick-contact-form .camp-fields-wrapper .connect-btn {
        width: 80%;
        margin-top: 30px;
    }

        .quick-contact-form .camp-fields-wrapper .connect-btn.homebtn {
            /*width: unset !important;*/
            margin-top: 25px !important;
            margin-bottom: 20px;
        }

    .camp-banner-base .thankyou-work {
        height: 240px;
    }

    .camp-check-wrapper .camp-service-drop {
        top: -124px;
        right: 0;
        width: 100%;
        padding: 10px 0;
        border-radius: 8px;
    }

        .camp-check-wrapper .camp-service-drop .camp-service-checkbox label {
            margin: 5px;
            width: 150px;
            height: 100px;
            padding: 50px 8px 0;
            font-size: 12px;
        }

        .camp-check-wrapper .camp-service-drop > div .camp-service-close {
            top: -76px;
            right: 50%;
            transform: translateX(50%);
            background: #FFFFFF;
            border-radius: 20px;
            padding: 10px;
        }

        .camp-check-wrapper .camp-service-drop::before {
            display: none;
        }

        .camp-check-wrapper .camp-service-drop .other-drop-title {
            font-family: 'openSans-regular';
            font-weight: 500;
            font-size: 16px;
            text-align: center;
        }

        .camp-check-wrapper .camp-service-drop .camp-service-checkbox input + label::before {
            top: 6px;
            transform: translateX(-50%) scale(0.7);
        }

    .camp-check-wrapper .camp-service-checkbox.hide-desk {
        display: block;
    }

    .camp-check-wrapper .camp-service-drop > div {
        justify-content: center;
    }

    .camp-banner-base .thankyou-work img {
        margin: 20px auto 10px;
    }

    #revolution-main {
        position: relative;
        height: 54px;
        overflow: hidden;
        padding-left: 20px;
    }

    .revolution-slide p {
        max-width: 315px;
        width: 100%;
    }
}
/*================================== bhaasha camp banner ends ==============================*/

/*------------------metaverse leadgen form 01 start-----------------*/

.arvr-cs-leadgen.metaverse {
    background: #F2F2F2;
    padding: 20px;
    background-size: cover;
    position: relative;
}

    .arvr-cs-leadgen.metaverse .main-heading {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: bold;
        font-size: 28px;
        line-height: 38px;
        color: #371547;
        max-width: 820px;
        margin: 20px auto 0;
    }

    .arvr-cs-leadgen.metaverse .sub-heading {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 20px;
        line-height: 28px;
        color: #371547;
        max-width: 820px;
        margin: 0 auto;
    }

.services-common-heading.meta {
    margin-top: 30px;
}


.arvr-cs-leadgen.metaverse .quick-contact-form .align-items-baseline {
    flex-direction: unset;
}

.arvr-cs-leadgen.metaverse .connect-btn {
    margin-top: 0;
    text-transform: none;
    margin-left: 20px;
    width: 150px;
    font-size: 14px;
    padding: 14px 0;
    margin-top: 0px;
}

.arvr-cs-leadgen.metaverse .spinner-border.service {
    width: 1rem;
    height: 1rem;
    vertical-align: middle;
}

.arvr-cs-leadgen.metaverse .banner-form #ArServiceFormSubmit1 > div {
    /*background: #FFFFFF;*/
    border-radius: 8px;
    padding: 10px 5px;
    /*flex-wrap: wrap;*/
}

.arvr-cs-leadgen.metaverse .banner-form {
    padding: 16px 0;
    /*background-color:rgba(255, 255, 255, 0.15);*/
    border-radius: 8px;
    transition: 0.5s;
    max-width: 820px;
    margin: 0 auto;
    /*box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);*/
}

.arvr-cs-leadgen.metaverse .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    transform: translate(0,1.4rem) scale(1);
    font-size: 16px;
    line-height: 12px;
    color: #371547;
    font-family: 'openSans-regular';
}

.arvr-cs-leadgen.metaverse .quick-contact-form .tvd-angular-field.mob-number label {
    position: absolute;
    top: 10px;
    left: 86px;
    transform: translate(0,1.4rem) scale(1);
    font-size: 16px;
    line-height: 12px;
    color: #371547;
    z-index: 0;
    transition: all .3s ease 0s;
    pointer-events: none;
    font-family: 'openSans-regular';
}

.arvr-cs-leadgen.metaverse .tvd-angular-field.mob-number input {
    /*padding-left:86px !important;*/
}

.arvr-cs-leadgen.metaverse .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    padding: 14px 7px;
    margin-bottom: 10px !important;
    margin-top: 4px !important;
    color: #371547;
    font-size: 16px;
    font-family: 'openSans-regular';
    font-weight: normal;
}

.arvr-cs-leadgen.metaverse .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    border-color: #371547;
}

.arvr-cs-leadgen.metaverse .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
    top: 10px;
    left: 0;
    margin: 0;
}

.arvr-cs-leadgen.metaverse .quick-contact-form .contact-field.focused input ~ label {
    transform: translate(2px, -2px) scale(1) !important;
    /*background: #fff;*/
    padding: 0 5px;
    border-radius: 50px;
}

.arvr-cs-leadgen.metaverse .quick-contact-form .tvd-angular-field.mob-number.focused label {
    transform: translate(2px, -2px) scale(1) !important;
    padding: 0;
}

.arvr-cs-leadgen.metaverse .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
    font-size: 14px;
}

.arvr-cs-leadgen.metaverse .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
    font-size: 12px;
    top: 78px;
    background: url(../images/error-icon.svg) no-repeat;
    background-size: contain;
}

.arvr-cs-leadgen.metaverse .tvd-angular-field {
    margin-bottom: 10px;
    width: 100%;
}

.arvr-cs-leadgen.metaverse .quick-contact-form .col-sm-4 {
    padding-right: 10px;
    padding-left: 10px;
}


.arvr-cs-leadgen.metaverse .thankyou-work {
    display: none;
    max-width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 8px;
    padding: 15px 10px;
}

    .arvr-cs-leadgen.metaverse .thankyou-work p.head {
        font-size: 38px;
        display: flex;
        justify-content: center;
    }

.arvr-cs-leadgen.metaverse .leadgen-fg {
    position: absolute;
    right: 30px;
    width: 260px;
    height: 278px;
    object-fit: cover;
    border-radius: 20px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.arvr-cs-leadgen.metaverse .leadgen-fg-border {
    position: absolute;
    right: 15px;
    width: 260px;
    height: auto;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .arvr-cs-leadgen.metaverse .leadgen-fg-border,
    .arvr-cs-leadgen.metaverse .leadgen-fg {
        display: none;
    }

    .arvr-cs-leadgen.metaverse {
        background: #F2F2F2;
        padding: 20px;
        background-size: cover;
    }

        .arvr-cs-leadgen.metaverse .banner-form #ArServiceFormSubmit1 > div {
            display: block !important;
        }

        .arvr-cs-leadgen.metaverse .tvd-angular-field {
            margin-bottom: 24px;
        }

        .arvr-cs-leadgen.metaverse .connect-btn {
            margin-top: 13px;
            margin-left: 0;
            width: 100%;
            text-transform: uppercase;
            font-size: 16px;
        }

        .arvr-cs-leadgen.metaverse .main-heading {
            font-size: 20px;
            line-height: 24px;
        }

        .arvr-cs-leadgen.metaverse .sub-heading {
            margin: 10px 0 0;
            font-size: 16px;
            line-height: 20px;
            width: 80%;
        }

    .tvd-angular-field.contact-field.metaverse .only-business-id {
        position: absolute;
        top: 93px;
        font-weight: 400;
        font-size: 12px;
        line-height: 20px;
        color: #999999;
        min-width: 320px;
        font-family: 'openSans-regular';
    }
}

/*------------------metaverse leadgen form 01 end-----------------*/

/*------------------bhaasha popup form start-----------------*/
.bhaasha-lead-popup {
    background: rgba(0, 0, 0, 0.5);
}

    .bhaasha-lead-popup .modal-dialog {
        max-width: 940px;
    }

    .bhaasha-lead-popup .modal-content {
        /* background:url('../images/bhaasha-popup/popup-bg.png');*/
        background: url('../images/bhaasha-popup/bhaasha-popup-bg.png');
        /* background-size: 110% 110%;*/
        background-size: 101% 100%;
        background-repeat: no-repeat;
        background-position: center;
        color: #FFFFFF;
    }

    .bhaasha-lead-popup .head-section > img {
        width: 150px;
        background: #FFFFFF;
        padding: 0 10px;
        border-radius: 0 0 6px 6px;
        visibility: hidden;
    }

    .bhaasha-lead-popup .head-section > span {
        cursor: pointer;
    }

    .bhaasha-lead-popup .head-section {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 20px 0 40px;
    }

    .bhaasha-lead-popup .body-section {
        padding: 0;
        margin: 0;
    }

        .bhaasha-lead-popup .body-section > div {
            padding: 10px 36px;
        }

        .bhaasha-lead-popup .body-section div.v-more {
            padding: 20px 0px 10px;
        }

        .bhaasha-lead-popup .body-section > div.bhaasha-popup-form {
            padding: 10px 30px;
        }

    .bhaasha-lead-popup .popup-title {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: 700;
        font-size: 36px;
        line-height: 42px;
        color: #FFFFFF;
        margin-bottom: 10px;
    }


    .bhaasha-lead-popup .popup-text {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: 700;
        font-size: 20px;
        line-height: 30px;
        color: #FFFFFF;
        margin-bottom: 34px;
    }

    .bhaasha-lead-popup .icon-wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: space-between;
        width: 100%;
        margin-left: -29px;
    }

        .bhaasha-lead-popup .icon-wrapper .icon {
            width: 30%;
            margin: 20px 10px 0px 0;
        }

        .bhaasha-lead-popup .icon-wrapper img {
            display: block;
            width: 50%;
            margin: 0 auto 10px;
        }

        .bhaasha-lead-popup .icon-wrapper p {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 20px;
            color: #FFFFFF;
            text-align: center;
        }

    .bhaasha-lead-popup .popup-form-wrapper {
        background: rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        padding: 16px;
        margin-top: 40px;
    }

        .bhaasha-lead-popup .popup-form-wrapper .thankyou-work {
            display: none;
            background: #FFF;
            border-radius: 8px;
            text-align: center;
            color: #000;
            padding: 50px 30px;
        }

    .bhaasha-lead-popup .popup-form {
        background: #FFFFFF;
        border-radius: 8px;
        padding: 30px 12px 12px;
    }

        .bhaasha-lead-popup .popup-form .contact-field-row {
            width: 100%;
        }

        .bhaasha-lead-popup .popup-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            transform: translate(0,1.4rem) scale(1);
            font-size: 16px;
            line-height: 12px;
            color: #C0C0C0;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .tvd-angular-field.mob-number label {
            position: absolute;
            top: 10px;
            left: 86px;
            transform: translate(0,1.4rem) scale(1);
            font-size: 16px;
            line-height: 12px;
            color: #C0C0C0;
            z-index: 0;
            transition: all .3s ease 0s;
            pointer-events: none;
        }

        .bhaasha-lead-popup .popup-form .tvd-angular-field.mob-number input {
            padding-left: 86px !important;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            padding: 7px;
            margin-bottom: 10px !important;
            margin-top: 4px !important;
            color: #333333;
            font-size: 16px;
            font-family: 'openSans-semi-bold';
        }

        .bhaasha-lead-popup .popup-form .tvd-angular-field.focused input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            border-color: #ccc;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label {
            top: 10px;
            left: 0;
            margin: 0;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .contact-field.focused input ~ label,
        .bhaasha-lead-popup .popup-form .quick-contact-form .contact-field.focused textarea ~ label {
            transform: translate(2px, -2px) scale(1) !important;
            background: #fff;
            padding: 0 5px;
            border-radius: 50px;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .tvd-angular-field.mob-number.focused label {
            transform: translate(2px, -2px) scale(1) !important;
            padding: 0;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .tvd-angular-field .iti {
            color: #000;
        }

        .bhaasha-lead-popup .popup-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) {
            font-size: 14px;
        }

        .bhaasha-lead-popup .popup-form .quick-contact-form .contact-field-row .tvd-angular-field label ~ span {
            font-size: 12px;
            top: 58px;
            background: url(../images/error-icon.svg) no-repeat;
            background-size: contain;
        }

        .bhaasha-lead-popup .popup-form .tvd-angular-field {
            margin-bottom: 10px;
            width: 100%;
        }

            .bhaasha-lead-popup .popup-form .tvd-angular-field label ~ span {
                font-family: 'openSans-light';
                font-size: 14px;
                font-weight: 300;
                color: #e22a2a;
                position: absolute;
                top: 60px;
                padding-left: 25px;
                background: url(../images/error-icon.svg) no-repeat;
                background-size: auto;
                left: 0;
            }

        .bhaasha-lead-popup .popup-form .connect-btn {
            width: 100%;
            text-transform: none;
            margin-top: 0;
        }


.meta-view-more {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    text-decoration-line: underline;
    color: #FFFFFF;
}

    .meta-view-more:hover {
        color: #FFFFFF;
    }

.popup-subtext {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    display: flex;
    align-items: center;
    text-transform: capitalize;
    color: #FFFFFF;
}

.camp-email-note {
    font-family: openSans-regular;
    font-style: normal;
    margin-top: 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    color: #303030;
}

.time-slot-wrapper {
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 30;
}

.time-slot-btn {
    border-style: none;
    border-color: inherit;
    border-width: medium;
    display: none;
    font-family: openSans-regular'';
    font-weight: 400;
    font-size: 14px;
    font-style: normal;
    position: relative;
    padding: 10px;
    color: #f37222;
    text-transform: none;
    text-align: center;
    background-color: #fff;
    border-radius: 10px;
    transition: 0.5s;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
}

    .time-slot-btn:hover {
        color: #f37222;
    }

    .time-slot-btn::after {
        position: absolute;
        content: "";
        top: calc(-1 * 2px);
        left: calc(-1 * 2px);
        z-index: -1;
        width: calc(100% + 2px * 2);
        height: calc(100% + 2px * 2);
        background: linear-gradient( 45deg, #FFFFFF,#FFFFFF, #ffcb00,#ff6900,#ffcb00, #FFFFFF,#FFFFFF );
        background-size: 300% 300%;
        background-position: 0 50%;
        border-radius: 12px;
        animation: moveGradient 4s alternate infinite;
    }

@media screen and (max-width: 767px) and (min-width: 320px) {
    .time-slot-btn {
        display: none;
    }

    .bhaasha-lead-popup .modal-content {
        background: url(../images/bhaasha-popup/popup-bg.png);
        /* background: url(../images/bhaasha-popup/bhaasha-popup-bg.png);*/
        background-size: 110% 110%;
        /*background-size: 101% 100%;*/
        background-repeat: no-repeat;
        background-position: center;
        color: #FFFFFF;
    }

    .bhaasha-lead-popup .body-section > div:first-child {
        padding: 14px 8px 0;
    }

    .bhaasha-lead-popup .body-section > div {
        padding: 14px 12px;
    }

        .bhaasha-lead-popup .body-section > div.bhaasha-popup-form {
            padding: 30px 12px;
        }

    .bhaasha-lead-popup .popup-title {
        font-family: 'openSans-bold';
        font-size: 24px;
        line-height: 30px;
        text-align: left;
    }

    .bhaasha-lead-popup .icon-wrapper .icon {
        margin: 10px 0;
        width: 32%;
    }

    .bhaasha-lead-popup .icon-wrapper {
        justify-content: space-between;
        margin-left: auto;
    }

    .bhaasha-lead-popup .body-section div.v-more {
        text-align: center;
    }

    .bhaasha-lead-popup .popup-form-wrapper {
        margin-top: 0;
    }

    .bhaasha-lead-popup .head-section {
        padding: 0;
        position: relative;
    }

        .bhaasha-lead-popup .head-section > img {
            margin: 0 auto;
        }

        .bhaasha-lead-popup .head-section > span {
            position: absolute;
            top: 40%;
            right: 20px;
        }

    .bhaasha-lead-popup .popup-form-wrapper .thankyou-work {
        max-width: 100%;
    }

    .bhaasha-lead-popup .popup-text {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #FFFFFF;
        margin-bottom: 25px;
    }

    .bhaasha-lead-popup .icon-wrapper p {
        font-family: 'openSans-regular';
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: #ffffff;
        text-align: center;
    }
}

/*------------------bhaasha popup form end-----------------*/

/*------------------ accenture i view  slider----------------*/


.accenture-iview-slider {
    /*margin-top: 20px;*/
    position: relative;
    max-width: 1500px;
    margin: 0 auto;
    min-height: 660px;
    padding: 30px 0 70px;
}
/* Default slide */
.center-slider .slick-slide {
    /*margin-top: 0px;*/
    /*transform: scale(0.95);*/
    transition: 0.3s;
    min-height: 480px;
    pointer-events: none;
}

    .center-slider .slick-slide.slick-current.slick-active {
        /*transform: scale(1);*/
        background-color: #E5E5E5;
        pointer-events: all;
        border-radius: 8px;
    }

    .center-slider .slick-slide h3 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 25px;
        margin-bottom: 10px;
        margin-top: 30px;
        color: #333333;
        transition: 0.3s;
        display: none;
    }

        .center-slider .slick-slide h3 span {
            display: none;
        }

    .center-slider .slick-slide h2 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 24px;
        color: #F75110;
        margin-bottom: 10px;
    }


    .center-slider .slick-slide p {
        display: none;
        transition: 0.3s;
    }

    .center-slider .slick-slide figure img {
        width: 100%;
        height: 200px;
        object-fit: cover;
        margin: 14px 0 20px;
        transition: 0.3s;
    }

    .center-slider .slick-slide img {
        /*transform: perspective(250px)rotateY(5deg);*/
    }

/*.center-slider .slick-slide.slick-current ~ .slick-slide img {
    transform: perspective(250px)rotateY(-5deg);
}*/

.center-slider .slick-current.slick-active img {
    /*transform: scaleY(0.85);*/
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
}

.center-slider .slick-slide a {
    padding: 2px 16px 20px;
    display: block;
    transition: 0.3s;
}

.center-slider .slick-current.slick-active a {
    cursor: url("/resources/images/accenture-i-view-images/explore.svg"),pointer;
    min-height: 480px;
    display: block;
}

.center-slider .slick-current.slick-active h3 {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 14px;
    line-height: 19px;
    margin-bottom: 16px;
    margin-top: 0px;
    color: black;
    display: block;
}

    .center-slider .slick-current.slick-active h3 span {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 16px;
        margin-top: 0px;
        color: black;
        margin-left: 5px;
        padding-left: 5px;
        border-left: 2px solid #BFBFBF;
        display: inline-block;
    }

.center-slider .slick-current.slick-active h2 {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #F75110;
    margin-bottom: 19px;
}

.center-slider .slick-current.slick-active p {
    display: block;
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #303030;
    margin-bottom: 14px;
}

.accenture-iview-slider .custom-arrows .prev {
    left: 34%;
    position: absolute;
    bottom: 180px;
}

.accenture-iview-slider .custom-arrows .next {
    position: absolute;
    right: 34%;
    bottom: 180px;
}

.accenture-iview-slider .custom-arrows .prev, .accenture-iview-slider .custom-arrows .next {
    border: 1px solid #999999;
    border-radius: 50%;
    cursor: pointer;
    transition: 0.3s;
    user-select: none;
    background-color: #FFFFFF;
}

    .accenture-iview-slider .custom-arrows .prev img,
    .accenture-iview-slider .custom-arrows .next img {
        height: 30px;
        width: 30px;
    }

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

    .accenture-iview-slider {
        min-height: 550px;
        padding: 30px 0 20px;
    }

    .center-slider .slick-slide,
    .center-slider .slick-slide.slick-current.slick-active {
        min-height: 420px;
    }

    .center-slider .slick-current.slick-active a {
        min-height: 420px;
        cursor: pointer;
    }

    .center-slider .slick-slide figure img {
        margin: 20px 0;
        height: 160px;
    }

    .center-slider .slick-current.slick-active h3 {
        font-weight: 400;
        font-size: 12px;
        line-height: 14px;
    }

        .center-slider .slick-current.slick-active h3 span {
            font-weight: 400;
            font-size: 12px;
            line-height: 18px;
            margin-left: 0px;
            display: block;
        }

    .center-slider .slick-current.slick-active h2 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px;
    }

    .center-slider .slick-current.slick-active p {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 20px;
    }

    .center-slider .slick-slide h3 {
        font-size: 12px;
        line-height: 16px;
        margin-bottom: 4px;
    }

    .center-slider .slick-slide h2 {
        font-size: 16px;
        line-height: 16px;
    }

    .accenture-iview-slider .custom-arrows .prev {
        left: 4%;
    }

    .accenture-iview-slider .custom-arrows .next {
        right: 4%;
    }
}

.why-need-chatbot {
    max-width: 1142px;
    margin: auto;
    padding: 5px 0px 45px 0px;
}

    .why-need-chatbot.why-need-faq {
        margin: 0px;
        padding: 5px 0px 0px 0px;
    }

.why-need-chatbot-h2 {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    margin-bottom: 20px;
    color: #000;
}


    .why-need-chatbot-h2.chat-dev {
        font-family: 'openSans-regular';
        font-size: 30px;
        font-weight: 400;
        line-height: 37px;
        text-align: center;
        margin-bottom: 20px;
        color: #000;
    }

.all-ind .section-header > p.chatbot-dev-ex {
    font-family: 'openSans-regular';
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    text-align: center;
    width: 46%;
    margin: 0 auto;
}


.why-need-chatbot-p {
    text-align: center;
    font-family: openSans-regular;
    font-size: 16px;
    line-height: 24px;
    color: #676767;
    width: 100%;
}

    .why-need-chatbot-p.para-width {
        text-align: center;
        font-family: openSans-regular;
        font-size: 16px;
        line-height: 24px;
        color: #676767;
        width: 81%;
        margin: 0 auto;
    }

    .why-need-chatbot-p.why-n {
        text-align: left;
        font-family: 'openSans-light';
        font-size: 18px;
        line-height: 24px;
        color: #676767;
        width: 100%;
    }


.why-need-chatbot-h3 {
    font-family: 'openSans-light';
    font-size: 20px;
    font-weight: 300;
    line-height: 26px;
    color: #676767;
    margin-bottom: 20px;
}

.why-chatbot-bot-ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

.why-chatbot-list {
    font-family: 'openSans-light';
    font-size: 16px;
    font-weight: 300;
    line-height: 40px;
    color: #303030;
    padding-left: 30px;
    background: url(../images/services-why-important-bullet.svg) no-repeat;
    background-position: left 11px;
}

.why-need-chatbot.capability-below {
    margin-top: -20px;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .why-need-chatbot {
        max-width: 1142px;
        margin: auto;
        padding: 40px 12px 0px;
    }

    .why-need-chatbot-h2 {
        font-family: 'openSans-regular';
        font-size: 20px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        margin: 20px 0;
        color: #000;
    }

    .why-need-chatbot-p {
        font-family: openSans-regular;
        font-size: 14px;
        line-height: 20px;
        color: #676767;
    }

        .why-need-chatbot-p.para-width {
            font-size: 14px;
            line-height: 20px;
        }

    .why-need-chatbot-h3 {
        font-family: 'openSans-regular';
        font-size: 22px;
        font-weight: 400;
        line-height: 30px;
        text-align: left;
        margin-bottom: 20px;
        color: #000;
    }

    .why-need-chatbot.capability-below {
        margin-top: 0px;
    }

    .all-ind .section-header {
        padding: 15px 20px;
    }

        .all-ind .section-header > p.chatbot-dev-ex {
            font-size: 14px;
            line-height: 20px;
            width: unset;
        }
}



/*.slide-caption-main .slide-caption-info p.alt-h3 span.free-ar-vr{
    color: #f37222 !important;
    font-size:40px !important;
    line-height:44px !important;
    display:unset !important;
    text-transform:none !important;
}*/


/*team-augmentation*/


.teamaug-section {
    padding: 30px 60px;
}

.teamaug-engg-accordian {
    margin-top: 30px;
    margin-bottom: 0;
}

    .teamaug-engg-accordian .panel-default {
        border: 1px solid #eee;
        margin-bottom: 16px;
        box-shadow: 0 0;
    }

    .teamaug-engg-accordian .panel-heading {
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        min-height: 64px;
        background: #fff;
        padding: 10px 15px;
    }

        .teamaug-engg-accordian .panel-heading h4 {
            width: 30%;
            font-family: 'openSans-semi-bold';
            font-style: normal;
            font-weight: 600;
            font-size: 20px;
            line-height: 24px;
            color: #303030;
        }

    .teamaug-engg-accordian .panel-body p {
        font-family: 'openSans-light';
        font-style: normal;
        font-weight: 300;
        font-size: 16px;
        line-height: 20px;
        color: #676767;
        max-width: 100%;
    }


        .teamaug-engg-accordian .panel-body p.text-2 {
            font-family: 'openSans-regular';
            font-style: normal;
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            color: #000000;
            max-width: 100%;
            margin-top: 10px;
        }

    .teamaug-engg-accordian .panel-body ul {
        padding-left: 30px;
    }

    .teamaug-engg-accordian .panel-body li {
        position: relative;
        margin: 12px 0;
    }

        .teamaug-engg-accordian .panel-body li::before {
            position: absolute;
            content: url('../images/accordian-liststyle.svg');
            left: -30px;
            top: 1px;
        }

        .teamaug-engg-accordian .panel-body li span {
            font-weight: 600;
        }

    .teamaug-engg-accordian .panel-body {
        border-top: 1px solid #eee;
        padding: 15px;
    }


    .teamaug-engg-accordian .panel-heading p {
        width: 50%;
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 20px;
        color: #676767;
        margin-bottom: 0;
    }

    .teamaug-engg-accordian .trigger.collapsed .panel-heading::after {
        transform: rotate(180deg);
    }

    .teamaug-engg-accordian .trigger .panel-heading::after {
        content: url('../images/accordian-arrow.svg');
        position: absolute;
        top: 30%;
        right: 20px;
        transition: .3s;
    }


.service-banner-left-main.leadg p.it-staffing {
    font-family: 'openSans-regular';
    font-style: italic;
    font-weight: 400;
    font-size: 24px;
    line-height: 26px;
    color: #676767;
    width: 101%;
}

.service-top-wrapper.team-aug-wrapper .leadg .service-banner-left-main h1::after {
    content: "";
    background: url(../images/quality-badge.svg);
    position: absolute;
    top: -43px;
    left: 40px;
    width: 130px;
    height: 100px;
    background-size: contain;
    background-repeat: no-repeat;
}


.benifits-having-container.team-aug {
    max-width: 1143px;
    margin: 30px auto;
}

.benifits-having-wrapper.team-aug .benifits-having-box {
    width: 347px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(231, 231, 231, 0.520296);
    border: none;
}

    .benifits-having-wrapper.team-aug .benifits-having-box .benifits-having-box-head {
        display: flex;
        margin-bottom: 22px;
        align-items: flex-start;
    }


    .benifits-having-wrapper.team-aug .benifits-having-box p {
        font-family: 'openSans-light';
        font-size: 18px;
        font-weight: 400;
        line-height: 24px;
        color: #676767;
        margin-left: 15px;
    }


.services-what-we-do-container.team-aug {
    max-width: 1170px;
}

.services-what-we-do-box.team-aug {
    max-width: 360px;
    box-shadow: 0px 4px 20px rgba(231, 231, 231, 0.520296);
    width: 70%;
    height: 209px;
}

.services-box-link-wrp.team-aug img {
    margin: 18px auto;
}

.services-what-we-do-info.team-aug p {
    margin: 21px;
    font-family: 'openSans-regular';
    font-size: 18px;
    line-height: 20px;
}

.it-environment {
    padding-top: 35px;
}

.services-what-we-do-head p.team-aug-service-model {
    width: 79%;
    margin: 0px auto 30px auto;
}

.services-common-heading.it-env {
    margin-bottom: 30px;
}

.subscribe-container.team-aug h3 {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    color: #303030;
    text-align: left !important;
}

.subscribe-container.team-aug p {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    /* or 150% */
    color: #303030;
    text-align: left !important;
}

.service-banner-right-main.leadg .banner-form {
    height: 454px;
    width: 395px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 8px;
    padding: 16px;
    position: relative;
    bottom: 26px;
}

.service-banner-right-main.leadg p.card-head {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 29px;
    color: #351346;
}

.service-banner-right-main.leadg p.card-head-2 {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 28px;
    color: #341447;
}

.service-banner-right-main.leadg .connect-btn {
    width: 100%;
    text-transform: none;
    margin-top: 19px;
}

.service-banner-right-main.leadg .quick-contact-form .tvd-angular-field {
    padding-top: 16px;
}

.service-banner-right-main.leadg p.only-business-id {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 12px;
    color: #C0C0C0;
    text-align: center;
    margin-top: 15px;
}

.service-banner-right-main.leadg .thankyou-work {
    display: none;
    background: #FFFFFF;
    width: 400px;
    height: 410px;
    margin: 10px auto 0;
    position: relative;
    padding: 44px 10px 0;
    transition: 1s;
    border-radius: 40px;
}

.service-banner-right-main.leadg .quick-contact-form {
    background: #fff;
    border-radius: 8px;
    padding: 30px 20px 20px 20px;
    height: 100%;
    width: 100%;
}

    .service-banner-right-main.leadg .quick-contact-form .tvd-angular-field.mob-number.team-aug label {
        left: 29%;
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
        line-height: 12px;
        color: rgb(144, 144, 144);
        transform: translate(0px, 0rem) scale(1.2);
    }

    .service-banner-right-main.leadg .quick-contact-form .tvd-angular-field input:not([type=checkbox]):not([type=range]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]) ~ label, .tvd-angular-field textarea ~ label {
        font-size: 14px;
        line-height: 12px;
        font-family: 'openSans-regular';
        font-weight: normal;
        color: rgb(144, 144, 144);
        transform: translate(12px, 1.4rem) scale(1.2);
    }

    .service-banner-right-main.leadg .quick-contact-form .tvd-angular-field.mob-number.team-aug.focused label {
        left: 32% !important;
    }

/*.service-banner-right-main.leadg .service-thanks-wrapper.hidden {
    transform: scale(0.8);
    z-index: 2;
    margin-top: -30px;
}*/

.service-banner-right-main.leadg .form-group.thankyou-work > img.stars {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    animation: stars 10s infinite;
}

.service-banner-right-main.leadg .form-group.thankyou-work > img.plane {
    display: block;
    margin: -68px auto 25px;
    animation: plane 10s infinite;
}

.service-banner-right-main.leadg .form-group.thankyou-work > img.thank-img {
    display: block;
    margin: 0 auto;
    margin-bottom: 30px;
}

.service-banner-right-main.leadg .form-group.thankyou-work .main-line {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #351346;
    margin-bottom: 15px;
}

.service-banner-right-main.leadg .form-group.thankyou-work .sub-line {
    font-family: 'openSans-regular';
    font-style: italic;
    font-weight: normal;
    font-size: 14px;
    line-height: 14px;
    text-align: center;
    color: #606060;
    margin-bottom: 15px;
}

.service-banner-right-main.leadg .form-group.thankyou-work .common-btn {
    display: block;
    width: 160px;
    margin: 0 auto;
    color: #FFFFFF;
    z-index: 11;
    position: relative;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .service-banner-left-main.leadg.team-aug h1 {
        text-align: left;
        margin-bottom: unset;
        margin-top: 10px;
        font-size: 24px;
        line-height: 30px;
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
    }

    .service-top-wrapper.team-aug-wrapper .leadg .service-banner-left-main h1::after {
        top: -33px;
        left: 40px;
    }


    .service-banner-left-main.leadg p.it-staffing {
        font-family: 'openSans-regular';
        font-style: italic;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #303030;
        width: 100%;
        text-align: left;
        margin-top: -10px;
    }

    .service-banner-left-main.leadg.team-aug p {
        font-size: 16px;
        line-height: 20px;
        text-align: left;
        width: 100%;
        max-width: none;
    }

    .mobility-dev-what-do-main.team-aug {
        width: 100%;
        background: url(../images/mobility-solution-service/what-we-do-bg-mb.svg) left no-repeat;
        padding: 0px 0px;
        background-size: cover;
        background-position: 100% -78px;
        margin-top: unset;
    }

    .industries-we-serve.team-aug {
        padding: 9px 10px;
        margin-bottom: unset;
    }


    .industries-we-serve .all-ind .ind-tab-list.team-aug {
        justify-content: center;
        margin-top: -10px;
    }

    .teamaug-section.team-aug {
        padding: 10px 12px;
    }


    .services-common-heading.team-aug {
        width: 80%;
        margin: 0px auto 15px;
        font-size: 16px;
    }

        .services-common-heading.team-aug span {
            font-size: 16px;
        }

    .teamaug-engg-accordian .panel-heading p {
        width: 100%;
        margin-top: 10px;
    }

    .teamaug-engg-accordian .panel-heading h4 {
        width: 100%;
    }

    .teamaug-engg-accordian .panel-heading {
        flex-wrap: wrap;
        width: 100%;
    }

    .benifits-having-wrapper.team-aug .benifits-having-box .benifits-having-box-head {
        display: flex;
        margin-bottom: 22px;
        align-items: flex-start;
        flex-direction: row;
    }

    .benifits-having-wrapper.team-aug .benifits-having-box p {
        font-family: 'openSans-light';
        font-size: 16px;
        font-weight: 300;
    }

    .benifits-having-container.team-aug {
        padding: 10px 6px;
    }

    .dotnet-developer-adv .dotnet-adv-pointer ul li {
        font-size: 14px;
        line-height: 20px;
    }

    .services-what-we-do-head p.team-aug-service-model {
        margin: -9px auto 28px auto;
    }

    .services-what-we-do-box.team-aug {
        max-width: 360px;
        width: 87%;
        height: 167px;
    }

        .services-what-we-do-box.team-aug img {
            width: 37px;
            margin: auto;
        }

    .services-box-link-wrp.team-aug {
        flex-wrap: wrap;
        display: unset;
    }

    .services-what-we-do-info.team-aug h3 {
        margin: 5px 0;
        font-size: 20px;
        text-align: center;
        line-height: 20px;
    }

    .services-what-we-do-info.team-aug p {
        margin: 8px;
        font-family: 'openSans-regular';
        font-size: 18px;
        line-height: 24px;
        text-align: center;
    }

    .services-what-we-do-box.team-aug {
        display: unset;
    }

    .teamaug-engg-accordian .panel-body li span {
        font-weight: 600;
        margin-left: -13px;
    }

    .teamaug-engg-accordian .panel-body p.text-2 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #000000;
        max-width: 86%;
        margin-top: 10px;
    }

    .teamaug-engg-accordian .panel-body li {
        display: flex;
        font-size: 16px;
    }

        .teamaug-engg-accordian .panel-body li::before {
            left: -24px;
        }

        .teamaug-engg-accordian .panel-body li span {
            min-width: 84px;
            display: inline-block;
        }

    .teamaug-engg-accordian .panel-body ul {
        padding-left: 20px;
    }

    .services-what-we-do-container.team-aug {
        margin-top: -10px;
    }


    .teamaug-engg-accordian .trigger .panel-heading::after {
        top: 11%;
    }


    .service-banner-right-main.leadg .banner-form {
        height: 417px;
        width: 343px;
        background: rgba(255, 255, 255, 0.15);
        border-radius: 8px;
        padding: 16px;
        position: relative;
        bottom: unset;
    }

    .service-banner-right-main.leadg .quick-contact-form {
        padding: 16px;
    }

        .service-banner-right-main.leadg .quick-contact-form .tvd-angular-field.mob-number.team-aug label {
            left: 32%;
        }

    .service-banner-right-main.leadg .form-group.thankyou-work {
        border-radius: 8px;
        width: 100%;
        max-width: 430px;
        height: auto;
        margin: 10px auto 0;
        padding: 36px 10px 40px;
        background: #FFFFFF;
    }

        .service-banner-right-main.leadg .form-group.thankyou-work img {
            padding-top: 5px;
            margin: 40px auto 30px;
        }

        .service-banner-right-main.leadg .form-group.thankyou-work .common-btn {
            margin: 15px auto;
        }
}

.hp-case-study-section.ar-vr-service {
    padding: 60px 0 0px 0 !important;
}



.slider-main-slide.arservice-slide-main .ar-banner-video video {
    width: 100%;
    border-radius: 32px;
}


.quick-contact-section .quick-contact-section-info.ar-vr {
    max-width: 450px;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .quick-contact-section.ar-vr {
        padding: 30px 16px 36px !important;
        justify-content: flex-start;
    }

    .form-bg {
        display: block !important;
    }

    .contant-field-1 {
        position: relative;
    }

        .contant-field-1:before {
            content: '';
            position: absolute;
            background: none !important;
        }

    .input-w {
        width: 100% !important;
    }

    .form-mr {
        margin: 0px !important;
    }
}

.blog-form-main {
    margin-top: 10px;
    /*  border-top: 1px solid #303030;*/
    position: relative;
}

.blog-form {
    width: 100%;
    padding: 32px 25px;
    background: #110022 url('/resources/images/blog/blog-form/blog-form.png')no-repeat;
    background-size: 100% 100%;
    border-radius: 10px !important;
    position: relative;
    margin-top: 32px;
}

    .blog-form h2.form-head {
        font-family: 'openSans-semi-bold' !important;
        font-style: normal;
        font-weight: 600;
        font-size: 32px !important;
        line-height: 42px !important;
        color: #FFFFFF !important;
        margin-bottom: 8px !important;
    }

    .blog-form p {
        font-weight: 400;
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 18px !important;
        color: #fff !important;
        letter-spacing: 0px;
    }

.blog-form-outline {
    width: 100%;
    padding: 12px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 7px;
}

.form-bg {
    background: #fff;
    padding: 15px;
    display: flex;
    border-radius: 7px;
}

.blog-form .w-ip-30 {
    margin: 0 24px 0 0;
}

.input-w {
    width: 129px;
}

.btn-p {
    padding: 25px 12px;
    display: block;
}

.contant-field-1 {
    position: relative;
}

    .contant-field-1:before {
        content: '';
        position: absolute;
        width: 1px;
        height: 21px;
        left: -18px;
        background: #d8d8d8;
    }

.blog-form-thank-you {
    width: 100%;
    background: #ffffff url('/resources/images/blog/blog-form/thank-you-bg.svg') no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
    padding: 16px 0 55px 0;
    text-align: center;
    border-radius: 8px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 32px;
}

    .blog-form-thank-you h5 {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 18px;
        padding: 12px 0;
    }

    .blog-form-thank-you p {
        font-family: 'openSans-regular';
        font-weight: 400;
        font-size: 16px;
        line-height: 19px;
        text-align: center;
        padding-top: 12px;
        color: #212529 !important;
    }

    .blog-form-thank-you img {
        width: auto;
        margin: 16px auto;
    }

.mobile-place {
    position: absolute;
    top: -7px;
    left: 0;
    font-size: 12px !important;
}

.cust-list-dots {
    padding: 10px 20px;
    list-style: decimal;
}

    .cust-list-dots li {
        padding: 4px 0px;
    }

.services-faq-wrapper .card-body .collapse.cust-list-collapse li {
    padding: 4px 0px;
}

.cust-list-dots li:before {
    display: none;
}

/*tsoi-cs start*/

.arvr-cs-wrapper.ar-auto.kia.tsoi-cs .work-details-container {
    padding: 135px 30px 0px 77px;
    background-image: url(../../images/tsoi-casestudy/tsoi-main-banner.gif);
    background-position: right top;
    background-size: 50% 100%;
    position: relative;
    background-repeat: no-repeat;
}

.arvr-cs-wrapper.ar-auto .our-work-left.cust-tsoi-work {
    max-width: 568px;
    padding-bottom: 150px;
}

.arvr-cs-wrapper.tsoi-cs .work-details-head p {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #0D0D0D;
    width: 596px;
}

/*tsoi-cs end*/

.sub-services-ux-for-client-main .services-ux-for-client-wrapper.cust-enter-space {
    margin-top: -150px;
}


.arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
    background: url(../images/wolter-cs/wolter-bnner.png)no-repeat,#fff;
    background-position: right;
    /*background-size:contain;*/
    padding: 124px 30px 0px 77px;
    height: 536px;
}

.work-details-certificates-main.wolter-project-services {
    max-width: 711px;
}

.wolter-project {
    max-width: 304px;
}

.wolter-services {
    max-width: 304px;
}

.wolter-work-left {
}

.arvr-cs-wrapper .work-details-certificate p.project-head {
    color: #F37324 !important;
}

.arvr-cs-wrapper .work-details-certificate p.service-head {
    color: #F37324 !important;
}

.arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .wolter-quote::after {
    right: 0px;
}

p.wolter-banner-para {
    margin-top: 16px;
}

.app-info-text p.solution-para {
    font-family: openSans-regular;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    /*padding-left:10px;*/
    /* or 140% */
    color: #303030;
}

.arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia.wolter-innovation {
    background: url(../images/kia-cs/section-banner.svg) no-repeat 100% 45%;
    background-position: right bottom !important;
    margin-bottom: 30px;
}

.wolter-innovation-slider .slick-prev {
    left: unset;
    top: unset;
    right: 206px;
    z-index: 0;
}

.wolter-innovation-slider .slick-next {
    top: unset;
    right: 126px;
}

.wolter-innovation-slider .slick-prev:before {
    margin-top: 30px;
}

.wolter-innovation-slider .slick-next:before {
    margin-top: 30px;
}

img.innovation-img {
    max-width: 640px;
    width: 100%;
}

.wolter-innovation-mobile-slider {
    display: none;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .blog-form-thank-you h5 {
        font-size: 16px;
    }

    .blog-form-thank-you p {
        font-size: 12px !important;
        padding: 8px 45px;
        line-height: 22px !important;
        margin-bottom: 10px !important;
    }

    .blog-form-thank-you img {
        width: auto;
        margin: 8px auto;
    }

    .blog-form-thank-you h5 {
        font-size: 24px;
    }

    .blog-form-thank-you p {
        font-size: 16px !important;
        margin-bottom: 20px !important;
        line-height: 20px !important;
    }

    .services-faq-wrapper .card-body .collapse.cust-list-collapse li {
        font-size: 16px;
        line-height: 24px;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.cust-enter-space {
        margin: 20px 0;
    }
}

.work-details-certificate.tsoi {
    max-width: 275px;
}

.arvr-cs-wrapper.kia .work-details-certificate.tsoi p.head {
    color: #F37324;
}

.arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .quote.tsoi::after {
    right: 96px;
    bottom: 1px;
}

.arvr-cs-wrapper .problem-state-desc-wrp.tsoi .stats {
    background-image: url('../../images/tsoi-casestudy/tsoi-case-study.png');
    background-size: cover;
    width: 270px;
    height: 135px;
    max-width: 300px;
    margin-left: -38px;
}

.problem-state-desc-wrp.tsoi .stats .head-txt {
    font-family: openSans-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 18px !important;
    line-height: 24px !important;
    text-align: center;
    color: #303030 !important;
    padding-top: 25px;
}

.problem-state-desc-wrp.tsoi .stats .sub-txt {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 16px !important;
    line-height: 24px !important;
    text-align: center;
    color: rgba(48, 48, 48, 1) !important;
}

.arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi-cs {
    margin-right: 420px;
}

.we-print .problem-state-right .wd-app-img.tsoi .slick-slide > img {
    border-radius: 20px;
}

.card-container.our-work-component.tsoi-cs {
    padding: 60px 149px;
}

.hp-case-study-info.tsoi {
    margin-left: 10px;
}

.innovative-solutions-slider-sib.tsoi-cs .slick-prev {
    left: 85%;
    top: 96%;
}

.innovative-solutions-slider-sib.tsoi-cs .slick-next {
    right: 62px;
    top: 96%;
}

.innovative-app.tsoi img {
    border-radius: 5px;
}

.innovative-app-slider.web-view {
    display: block;
}

.innovative-app-slider.mobile-view {
    display: none;
}

h2.wolter-case-studys {
    padding-top: 60px;
}

.arvr-cs-wrapper.ar-auto .wd-result-wrap .problem-state-container.tsoi {
    padding: 60px 0 100px;
}

.wd-result-wrap .wd-dtls-heading.tsoi {
    margin: 0px auto -13px;
}

.research-insights-why-imp-main .wd-app-text.cust-wd-app-test {
    left: -100px;
    top: 44%;
}

.services-common-heading.ar-service.revol-head {
    font-family: 'openSans-semi-bold';
    font-size: 22px;
    line-height: 30px;
    font-weight: 600;
    color: #303030;
}

@media screen and (max-width: 767px) and (min-width: 320px) {
    .arvr-cs-wrapper.ar-auto.kia.tsoi-cs .work-details-container {
        padding: 35px 19px 10px;
        height: 570px;
        background-position: bottom;
        background-size: 100% 50%;
    }


    .services-common-heading.ar-service.revol-head {
        font-size: 20px;
        line-height: 24px;
        width: unset;
        max-width: unset;
    }
}

.arvr-cs-wrapper.ar-auto .our-work-left.wolter-banner-content {
    width: 720px;
    padding-right: unset;
}

.arvr-cs-wrapper.kia .work-details-head p.wolter-banner-para {
    width: 728px;
}

.arvr-cs-wrapper .work-details-certificates-main.wolter-project-services {
    justify-content: space-between;
}

.section-one-d .name-txt.name-text-w {
    width: 100%;
    padding-top: 5px;
}


@media screen and (max-width: 767px) and (min-width: 320px) {
    .arvr-cs-wrapper.ar-auto.kia.tsoi-cs .work-details-container {
        padding: 35px 19px 10px;
        height: 620px;
        background-position: bottom;
        background-size: 100% 50%;
    }

    .arvr-cs-wrapper.tsoi-cs .work-details-head p {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
        color: #0D0D0D;
        width: 348px;
    }

    .arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .quote.tsoi::after {
        left: 273px;
    }

    .arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .quote.tsoi::before {
        left: 0px;
    }

    .arvr-cs-wrapper.tsoi-cs .arvr-mgmt-review {
        height: 250px;
    }

    .arvr-cs-wrapper .problem-state-desc-wrp.tsoi .stats {
        margin: 0 auto;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi:nth-child(2) {
        margin: 16px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi-cs {
        margin-right: unset;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi {
        max-width: 44%;
        margin: 16px;
        padding: 15px;
        min-height: 170px;
        height: auto;
    }

        .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi > div {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-direction: column;
        }
}

/*arvr new slider start*/

.title-bdr.arvr-animation {
    position: relative;
    width: 150px;
    margin-bottom: 40px;
}

.left-bdr.left-animation, .right-bdr.right-animation {
    height: 6px;
    width: 60px;
    border-radius: 10px;
    position: absolute;
}

.left-bdr.left-animation {
    left: 0px;
    animation: left 2s infinite;
}

.right-bdr.right-animation {
    right: 0px;
    animation: right 2s infinite;
}

@keyframes left {
    0%, 50%, 100% {
        width: 60px;
    }

    25% {
        width: 120px;
    }

    75% {
        width: 10px;
    }
}

@keyframes right {
    0%, 50%, 100% {
        width: 60px;
    }

    25% {
        width: 10px;
    }

    75% {
        width: 120px;
    }
}

.services-what-we-do-main.ar-service.ar-new-service-bg {
    background: unset;
}


.slider-main-slide.arservice-slide-main .slide-caption-main .slide-caption-info p.alt-h4.arvr-subline {
    width: 400px;
}

.list-unstyled.list-icon span {
    font-size: 16px;
    font-family: 'openSans-semi-bold';
}

.ar-adv-new {
    padding: 0px;
}

.arvr-section-new-padding {
    padding-top: 20px;
}

.services-faq-wrapper.service-arvr-faq-wrapper .card-body .collapse li::before {
    content: "";
    position: absolute;
    background: unset;
}

/*arvr new slider end*/


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

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi p {
        font-size: 18px;
        line-height: 24px;
        margin-top: 19px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.tsoi img {
        max-width: 40px;
        max-height: 50px;
        width: 44px;
    }

    .arvr-cs-wrapper .work-details-certificate.tsoi > div.details {
        width: 80%;
    }

    .we-print .problem-state-right .wd-app-img.tsoi .slick-slide > img {
        border-radius: 0px;
    }

    .card-container.our-work-component.tsoi-cs {
        padding: 0px 30px;
    }

    .hp-case-study-info.tsoi {
        margin-left: unset;
    }

    .innovative-app-slider.web-view {
        display: none;
    }

    .innovative-app-slider.mobile-view {
        display: block;
    }

    .innovative-app.tsoi .app-imgblk {
        width: 354px;
        margin: 0 auto 0px;
        transition: none;
        transform: initial;
    }

    .arvr-cs-wrapper .work-details-certificate.tsoi > div.details.tsoi {
        width: 71%;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.tsoi .header-sec {
        margin-bottom: 0px;
    }

    .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap.tsoi {
        background: #432B4E;
        background-position: center 2px;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .arvr-cs-wrapper.tsoi-cs .problem-state-container p.sub-txt {
        color: #303030;
    }

    .arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
        background: url(../images/wolter-cs/wolter-bnner.png)no-repeat,#fff;
        background-position: bottom;
        background-size: contain;
        height: 647px;
    }

    .arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
        padding: 43px 30px 0px 14px;
    }

    .work-details-certificates-main.wolter-project-services {
        display: block;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.wolter-challenge-box {
        max-width: 90%;
        margin: 20px 10px 0 !important;
        padding: 10px;
        min-height: unset;
        height: 214px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.challenge-card > div {
        display: block;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.challenge-card img {
        width: 40px;
        height: 40px;
        margin: 30px 0 17px 29px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box p.challenge-card-para {
        padding-left: 29px;
        font-size: 20px;
        line-height: 28px;
    }

    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia.wolter-innovation {
        background: none;
    }


    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia.wolter-innovation-mobile {
        background: url(../images/wolter-cs/innovation-mobile-img.png)no-repeat;
        background-position: top;
    }

    .arvr-cs-wrapper .work-details-certificate.tsoi > div.details {
        width: 90%;
    }


    .wolter-innovation-slider {
        display: none;
    }

    .wolter-innovation-mobile-slider {
        display: block;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.wolter-innovation-mobile {
        padding-bottom: 0px;
    }

    .innovation-card {
        margin: 0 7px;
    }

    .wolter-solution-container {
        margin: 0 11px;
    }


    .wolter-impact {
        margin-top: 88px;
    }
    /*  .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap{
        background:none !important;
    }*/
    .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap.challenge-mobile-bg {
        background: url(../images/wolter-cs/challange-bg.png)no-repeat;
        background-size: cover;
        /*   background-position: center -2px, center 2px;
        background-repeat: no-repeat;
        background-size: 100% auto,cover;*/
    }

    .arvr-cs-wrapper .wd-dtls-heading.challenge-head {
        padding-top: 40px;
    }

    .work-details-head.arvr.kia h1.banner-head {
        margin-top: 16px;
    }

    .work-details-certificates-main.wolter-project-services {
        margin-top: 26px;
    }

    .arvr-cs-wrapper .arvr-mgmt-review.wolter-project-section {
        height: 240px;
    }

    .arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .wolter-quote::after {
        left: 263px;
    }

    h2.wolter-case-studys {
        padding-top: 40px;
        margin-bottom: 17px !important;
    }

    .wolter-innovation-slider .slick-prev:before {
        width: 14px;
    }

    .wolter-innovation-slider .slick-next:before {
        width: 14px;
        background-size: contain;
    }

    .wolter-innovation-slider .slick-next {
        top: 229px;
        right: 152px;
    }

    .arvr-cs-wrapper.kia .work-details-head p.wolter-banner-para {
        width: unset;
    }

    .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap .services-ux-for-client-wrapper.wolter {
        max-width: 100%;
        display: block;
        margin: 0px;
        padding: 9px 0 30px;
    }

    .arvr-cs-wrapper .indvs-result-wrp.impact-mobile-box {
        height: 136px;
    }

    .innovative-app.tsoi .app-imgblk {
        width: 354px;
        margin: 0 auto 0px;
        transition: none;
        transform: initial;
    }

    .arvr-cs-wrapper .work-details-certificate.tsoi > div.details.tsoi {
        width: 71%;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.tsoi .header-sec {
        margin-bottom: 0px;
    }

    .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap.tsoi {
        background: #432B4E;
        background-position: center 2px;
        background-repeat: no-repeat;
        background-size: cover;
        margin-bottom: 30px;
    }

    .arvr-cs-wrapper.tsoi-cs .problem-state-container p.sub-txt {
        color: #303030;
        margin-bottom: -21px;
    }

    .arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
        background: url(../images/wolter-cs/wolter-bnner.png)no-repeat,#fff;
        background-position: bottom;
        background-size: contain;
        height: 647px;
    }

    .arvr-cs-wrapper.ar-auto.kia .work-details-container.wolter-bg {
        padding: 43px 30px 0px 14px;
    }

    .work-details-certificates-main.wolter-project-services {
        display: block;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.wolter-challenge-box {
        max-width: 90%;
        margin: 20px 10px 0 !important;
        padding: 10px;
        min-height: unset;
        height: 214px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.challenge-card > div {
        display: block;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box.challenge-card img {
        width: 40px;
        height: 40px;
        margin: 30px 0 17px 29px;
    }

    .arvr-cs-wrapper.ar-auto .services-ux-for-client-box p.challenge-card-para {
        padding-left: 29px;
        font-size: 18px;
        line-height: 24px;
    }

    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia.wolter-innovation {
        background: none;
    }

    .arvr-cs-wrapper.ar-auto .wd-innovative-solutions.mykia.wolter-innovation-mobile {
        background: url(../images/wolter-cs/innovation-mobile-img.png)no-repeat;
        background-position: top;
    }

    .wolter-innovation-slider {
        display: none;
    }

    .wolter-innovation-mobile-slider {
        display: block;
    }

    .arvr-cs-wrapper .wd-innovative-solutions.wolter-innovation-mobile {
        padding-bottom: 0px;
    }

    .innovation-card {
        margin: 0 7px;
    }

    .wolter-solution-container {
        margin: 0 11px;
    }

    .wolter-impact {
        margin-top: 88px;
    }
    /*  .arvr-cs-wrapper.ar-auto.kia .wd-analysis-wrap{
        background:none !important;
    }*/


    .arvr-cs-wrapper .wd-dtls-heading.tsoi.challenge {
        padding-top: 40px;
    }



    .work-details-certificate.tsoi-cs {
        margin-left: 45px;
    }

    .work-details-head.arvr.kia h1.banner-head {
        margin-top: 16px;
    }

    .work-details-certificates-main.wolter-project-services {
        margin-top: 26px;
    }

    .arvr-cs-wrapper .arvr-mgmt-review.wolter-project-section {
        height: 240px;
    }

    .arvr-cs-wrapper.ar-auto.kia .arvr-mgmt-review-content .wolter-quote::after {
        left: 156px;
    }

    h2.wolter-case-studys {
        padding-top: 40px;
        margin-bottom: 17px !important;
    }

    .wolter-innovation-slider .slick-prev:before {
        width: 14px;
    }

    .wolter-innovation-slider .slick-next:before {
        width: 14px;
        background-size: contain;
    }

    .wolter-innovation-slider .slick-next {
        top: 229px;
        right: 152px;
        z-index: 0;
    }

    .innovative-solutions-slider-sib.tsoi-cs .slick-next {
        right: 195px;
        top: 99%;
    }

    .innovative-solutions-slider-sib.tsoi-cs .slick-prev:before {
        content: "";
        background: url(../../images/tsoi-casestudy/next-arrow-2.svg) no-repeat;
        width: 15px;
        height: 40px;
        display: block;
    }

    .innovative-solutions-slider-sib.tsoi-cs .slick-next:before {
        content: "";
        background: url(../../images/tsoi-casestudy/prev-arrow-2.svg) no-repeat;
        width: 15px;
        height: 40px;
        display: block;
    }

    .innovative-solutions-slider-sib.tsoi-cs .slick-prev {
        left: 55%;
        top: 99%;
    }

    .arvr-cs-wrapper .wd-analysis-wrap.tsoi .services-ux-for-client-wrapper.tsoi {
        max-width: 100%;
        display: block;
        margin: 0;
        padding: 20px 0 60px;
    }

    .research-insights-why-imp-main .wd-app-text.cust-wd-app-test {
        left: 0;
    }



    /*arvr new slider start*/


    .slider-main-slide.arservice-slide-main .slide-caption-main .slide-caption-info p.alt-h4.arvr-subline {
        width: 100%;
    }

    .arvr-section-new-padding {
        padding-top: 20px;
    }


    .ar-adv-new {
        padding-top: 20px;
    }

    /*arvr new slider end*/

    .services-common-heading.mobileapp-heading {
        font-weight: 300;
        margin-bottom: 0;
        padding: 0px 10px;
    }
}
/*user-research*/

.mobile-app-sub-service-top-wrapper.user-research {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url('../images/user-research/banner-main.svg');
    background-repeat: no-repeat;
}

.what-we-do-bg {
    background-image: url('../images/user-research/what-we-do-bg.svg');
    background-repeat: no-repeat;
    width: 100%;
    background-position: calc(100% - 44px) 23px;
}


.services-ux-for-client-main.what-to-do-bg {
    background: url('../images/user-research/services-ux-for-client-bg.svg') no-repeat;
    background-position: calc(100% + 284px) 121px;
    padding: 60px 30px 50px 30px;
    background-size: 65%;
}

.sub-services-ux-for-client-main .services-ux-for-client-wrapper.user-research-client {
    margin-top: -247px;
}

.services-ux-for-client-wrapper.user-research-client .services-ux-for-client-info h4 {
    font-style: normal;
    font-size: 20px;
    line-height: 20px;
    color: #303030;
}


.services-ux-for-client-wrapper.user-research-client .services-ux-for-client-box {
    padding: 25px 15px 25px 15px;
}

.services-ux-for-client-box.last-second-box {
    margin-left: -329px;
}

.services-what-we-do-main.user-research-wrapper {
    background: none;
}

    .services-what-we-do-main.user-research-wrapper .services-what-we-do-box {
        background: #FFFFFF;
        box-shadow: 2px 4px 20px rgba(200, 200, 200, 0.5);
        border-radius: 8px;
    }

.industry-part-right-section.user-research-font h3 {
    font-size: 24px;
}

.user-research-heading {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 30px !important;
    line-height: 38px !important;
    color: #303030;
}

.user-research-why-its {
    background: url('../images/user-research/why-its-imp-bg.svg') no-repeat;
    background-position: calc(100% + 200px) 198px;
    padding: 60px 30px 50px 30px;
    background-size: 58%;
}




.quick-contact-section-img.user-research {
    bottom: 2px;
}

.quick-contact-section-info.user-research h3 {
    font-family: 'openSans-semi-bold';
    font-weight: 600;
    font-size: 24px !important;
    line-height: 28px !important;
    color: var(--text-primary);
    text-align: left !important;
    width: 73%;
    margin-bottom: 12px;
}

.quick-contact-section-info.user-research p {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 28px !important;
}

.services-why-important-main.user-research-why-imp {
    background: none;
}

.research-insights-why-imp-main .services-why-important-left-main.user-research {
    margin-left: -39px;
    max-width: 60%;
    margin-top: -50px;
    margin-right: 0px;
}


.research-insights-why-imp-main .services-why-important-right-main.user-research {
    max-width: 45%;
}

.services-why-important-right-main.user-research .app-info-text-bold .h3 {
    font-family: openSans-bold;
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #303030;
    margin-bottom: 20px;
}

.research-insights-why-imp-main .services-why-important-right-main.user-research .wd-app-text {
    left: -114px;
    top: 18%;
    width: 313px;
    padding: 22px;
}

.services-why-important-left-main.user-research p.hwd-sub-heading {
    font-family: 'openSans-semi-bold';
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 37px;
    color: #303030;
    margin-bottom: 12px;
}

.services-why-important-left-main.user-research p {
    font-family: 'openSans-light';
    font-size: 20px;
    line-height: 30px;
    color: #676767;
}

.services-why-important-left-main.user-research ul li {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    color: #4F4F4F;
    padding-left: 36px;
    background-position: left 6px;
    padding-bottom: 10px;
}

.content-txt d-block.user-research {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #676767;
}

.drop-link-box.user-research h3 {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 300;
    font-size: 24px;
    line-height: 24px;
    color: #303030;
}

.drop-link-box.user-research p {
    font-family: 'openSans-light';
    font-style: normal;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #303030;
}


.user-reserach-para {
    font-family: 'openSans-regular';
    font-style: normal;
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    color: #303030;
    margin-bottom: 30px;
}

.enterprice-partner-wrapper.user-research {
    max-width: 1105px;
}



.enterprice-partner .enterprice-tab-section.user-research {
    box-shadow: none;
    padding: 30px 0 40px;
}

.enterprice-partner.user-research .nav-tabs {
    border: none;
    border-left: 1px solid #DADADA;
    /* padding: 20px 0; */
    height: 38%;
}

    .enterprice-partner.user-research .nav-tabs .nav-link:after {
        content: '';
        position: absolute;
        width: 3px;
        top: 0;
        left: -2px;
        height: 100%;
    }


.enterprice-tab-section.user-research .tab-content h3 {
    font-family: 'openSans-semi-bold';
    font-weight: 700;
    font-style: normal;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 15px;
    color: #303030;
}



.enterprice-tab-section.user-research .tab-content p {
    font-family: 'openSans-light';
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    margin-bottom: 15px;
    color: #676767;
}

.enterprice-tab-section.user-research .tab-content {
    padding: 5px 0px;
    margin-left: -99px;
}

.enterprice-partner.user-research .nav-tabs .nav-link {
    padding-left: 40px;
}

.enterprice-partner.user-research {
    margin-bottom: -138px;
}

.services-ux-for-client-img.user-research {
    display: none;
}

.user-research-bold {
    font-family: openSans-bold !important;
    font-style: normal;
    font-weight: 600 !important;
    font-size: 30px;
    line-height: 28px;
    text-align: center;
    color: #303030;
}

.case-study-margin-1 {
    margin-left: -16px;
    margin-top: 20px;
}

.transform-business .transform-business-slick .item-1.case-study {
    margin-right: -3px;
    margin-top: 20px;
}

.sol-card {
    margin-top: 30px !important;
}

.services-faq-main.ar-service ul.meta-points {
    list-style-position: unset;
    list-style: decimal;
}

.services-why-important-head p.imp-sec-para {
    font-family: openSans-regular;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #303030;
}

/*game development start*/

.mobile-app-sub-service-top-wrapper.game-development-top-wrapper {
    width: 100%;
    background: linear-gradient(59deg, #fdfdfe 5%, #d8d8f2 111%);
    background-image: url(../../resources/images/game-development/game-development-banner.svg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100%;
}

.service-banner-left-main h1.game-developmen-heading {
    font-family: openSans-bold;
    font-size: 32px;
    font-weight: 700;
    line-height: 42px;
    color: #303030;
}

.service-banner-left-main p.game-development-para {
    font-family: 'openSans-regular';
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0px;
    text-align: left;
}

.game-development-section-bg {
    width: 100%;
    background: url(../images/services-what-we-do-bg.svg) no-repeat;
    background-position: left top;
    padding: 40px 30px 15px 30px;
}

.services-ux-for-client-main.game-developmen-client-main {
    background: none;
}

.services-ux-for-client-wrapper.game-development-client-wrapper {
    max-width: 1268px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.services-ux-for-client-box.game-dev-ux-box {
    border-radius: 8px;
    border: solid 1px #dfdfdf;
    background-color: #FFFFFF;
    padding: 12px;
    display: flex;
    align-items: flex-start;
    max-width: 272px;
    margin: 25px 12px 0 0;
    min-height: 198px;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

    .services-ux-for-client-box.game-dev-ux-box:nth-child(2) {
        margin-right: 578px;
    }

.services-quick-contact-section.game-dev-quick-contact {
    height: 370px;
}

.quick-contact-section-info.game-dev-quick-contact-info {
    max-width: 480px;
    position: relative;
    margin-top: 88px;
}

/*.common-section-padding.game-dev-concept {
    padding-top: 0px !important;
}*/

.core-benifit-game-dev {
    background: url(../images/services-why-important-bg.svg) no-repeat;
    background-position: bottom right;
}

.industry-whats-happening-main.game-dev-industry-bg {
    background: none;
    padding-top: 0px !important;
}


.service-banner-right-main.leadg .mobile-apps.game-dev-service-icon .service-radio-item.serv1 label {
    background-image: url(../images/game-development/game-dev-service1.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.game-dev-service-icon .service-radio-item.serv2 label {
    background-image: url(../images/game-development/game-dev-service2.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.game-dev-service-icon .service-radio-item.serv3 label {
    background-image: url(../images/game-development/game-dev-service3.svg);
    background-position: center 15px;
    background-size: 32px;
}

.service-banner-right-main.leadg .mobile-apps.game-dev-service-icon .service-radio-item.serv4 label {
    background-image: url(../images/game-development/game-dev-service4.svg);
    background-position: center 15px;
    background-size: 32px;
}

.services-ux-for-client-main.game-developmen-client-main {
    padding-bottom: 0px;
}

.game-dev-core-benifit {
    padding-top: 40px;
}

/*game development end*/


@media screen and (max-width: 767px) and (min-width: 320px) {
    .mobile-app-sub-service-top-wrapper.user-research {
        /* width: 100%; */
        background: url(../images/user-research/banner-main-mob.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 88% calc(100% + 256px);
    }


    .service-banner-right-main.leadg.user-research .main-title span {
        display: none;
    }


    .user-research-heading {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 700 !important;
        font-size: 18px !important;
        line-height: 22px !important;
        text-align: center;
        color: #303030;
    }


    .services-ux-for-client-main.what-to-do-bg {
        margin-bottom: -62px;
    }

    .services-ux-for-client-box.last-second-box {
        margin-left: 0px;
    }

    .services-ux-for-client-wrapper.user-research-client .services-ux-for-client-box {
        padding: 20px 13px 20px 13px;
        width: 301px;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-wrapper.user-research-client {
        margin: 20px 0;
        flex-direction: column;
    }

    .services-ux-for-client-wrapper.user-research-client .services-ux-for-client-info h4 {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 600;
        font-size: 20px;
        line-height: 20px;
        color: #303030;
    }

    .services-ux-for-client-wrapper.user-research-client .services-ux-for-client-info p {
        display: block;
        margin-top: 10px;
    }

    .what-we-do-bg {
        background-position: 58% top;
        background-size: auto 17%;
    }

    .sub-services-ux-for-client-main .services-ux-for-client-img.user-research {
        display: block;
    }


    .services-what-we-do-main.user-research-wrapper .services-what-we-do-box {
        max-width: 309px;
    }

        .services-what-we-do-main.user-research-wrapper .services-what-we-do-box .services-what-we-do-info h3 {
            font-family: 'openSans-semi-bold';
            font-weight: 600;
            text-align: center;
        }

        .services-what-we-do-main.user-research-wrapper .services-what-we-do-box .services-what-we-do-info p {
            text-align: center;
        }

    .user-reserach-para {
        font-family: 'openSans-light';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        text-align: center;
        padding: 0px 20px 0px 20px;
        color: #676767;
        margin-bottom: 30px;
    }

    .enterprice-tab-section.user-research .tab-content {
        padding: 5px 20px;
        margin-left: 0px;
    }


        .enterprice-tab-section.user-research .tab-content h3 {
            text-align: center;
        }

        .enterprice-tab-section.user-research .tab-content p {
            line-height: 24px;
            color: #353535;
            text-align: center;
        }

        .enterprice-tab-section.user-research .tab-content.staff-aug-tab-content p {
            font-size: 14px;
            line-height: 20px;
        }

    .enterprice-partner.user-research .nav-tabs {
        border: none;
        border-top: 1px solid #353535;
        padding: 20px 0px;
        height: 26%;
        /*margin-left: 18px;*/
    }

        .enterprice-partner.user-research .nav-tabs .nav-link:after {
            content: '';
            position: absolute;
            width: 100%;
            top: -20px;
            height: 3px;
            left: -15px;
            right: unset;
        }

        .enterprice-partner.user-research .nav-tabs .nav-link {
            padding-left: 0px;
        }

        .enterprice-partner.user-research .nav-tabs .nav-link {
            font-family: 'openSans-semi-bold';
            font-size: 16px;
            font-style: normal;
            font-weight: 600;
            line-height: 24px;
        }

    .user-research-why-its {
        padding: 0px 10px 50px 10px;
    }

    .industry-part-right-section.user-research-font ul {
        margin-left: 0px;
    }

        .industry-part-right-section.user-research-font ul.listing-icon-tick li {
            font-family: 'openSans-light';
            font-size: 18px;
            font-weight: 400;
            color: #303030;
            line-height: 30px;
            margin-bottom: 9px;
            background-position: left 7px;
        }

    .services-common-heading.service-cust-h2.user-research {
        padding: 0px 64px 23px 48px;
    }

    .industry-part-left-section.user-research .content-txt {
        line-height: 28px;
    }

    .industry-part-right-section.user-research-font h3 {
        font-size: 18px;
    }

    .services-why-important-head.user-re .services-common-heading.user-re {
        width: 87%;
        margin: 0 auto 20px auto;
    }

    .services-why-important-head.user-re p.cust-heading {
        line-height: 28px;
        width: 100%;
    }

    .quick-contact-section-info.user-research h3 {
        font-family: 'openSans-semi-bold';
        font-weight: 700;
        font-size: 18px !important;
        line-height: 24px !important;
        text-align: left !important;
        width: 100%;
        margin-bottom: 12px;
    }

    .quick-contact-section-info.user-research {
        max-width: 89%;
    }

        .quick-contact-section-info.user-research p {
            font-family: 'openSans-light';
            font-style: normal;
            font-weight: 300;
            font-size: 16px !important;
            line-height: 28px !important;
            width: 90%;
        }

    .research-insights-why-imp-main .services-why-important-left-main.user-research {
        margin-left: 0px;
        max-width: 100%;
        margin-top: -32px;
        margin-right: 0px;
    }

    .services-why-important-left-main.user-research p.hwd-sub-heading {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #303030;
        margin-bottom: 12px;
        padding: 0 10px 0 10px;
    }

    .services-why-important-left-main.user-research p {
        font-family: 'openSans-light';
        font-weight: 400;
        font-size: 16px;
        line-height: 28px;
        color: #676767;
    }

    .services-why-important-left-main.user-research ul li {
        font-family: 'openSans-regular';
        font-style: normal;
        font-weight: 500;
        font-size: 18px;
        line-height: 30px;
        color: #4F4F4F;
        padding-left: 32px;
        background-position: left 7px;
        padding-bottom: 10px;
        margin-left: -51px;
    }

    .research-insights-why-imp-main .services-why-important-right-main.user-research {
        max-width: 100%;
    }

        .research-insights-why-imp-main .services-why-important-right-main.user-research .wd-app-text {
            left: 0px;
            width: 90%;
            padding: 22px;
            bottom: 89px;
        }

    .services-why-important-right-main.user-research .app-icon {
        display: block;
    }

    .services-why-important-right-main.user-research .app-info-text-bold .h3 {
        font-family: openSans-bold;
        font-style: normal;
        font-weight: 700;
        font-size: 17px;
        line-height: 21px;
        color: #303030;
    }

    .research-insights-why-imp-main.user-research-why-imp .wd-app-img div img {
        height: 230px;
    }

    .services-common-heading.user-research-h {
        font-family: 'openSans-semi-bold';
        font-style: normal;
        font-weight: 700;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #303030;
        padding: 0px 40px 0px 40px;
        margin-top: -81px;
    }

    .industry-part-left-section .content-txt.user-research {
        line-height: 28px;
        margin-bottom: 0px;
    }

    .industry-part-right-section.user-research-font h3 {
        font-size: 16px;
    }

    .industry-part-right-section.user-research-list {
        padding: 0 0px 0px 10px;
    }

        .industry-part-right-section.user-research-list ul.listing-icon-tick li {
            font-family: 'openSans-regular';
            font-size: 18px;
            font-weight: 500;
            line-height: 22px;
            padding-bottom: 10px;
            background-position: left 4px;
        }

    .services-common-heading.ent-mob-sol-lg.user-research-heading {
        font-family: 'openSans-semi-bold';
        font-weight: 700;
        font-size: 18px;
        color: #303030;
        line-height: 21px;
        margin-bottom: 10px;
        text-align: left;
    }

    .user-research-stats .invdi-stats-section::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 8px;
        background: #f37222;
        display: block;
        border-radius: 35px 0px 0px 35px;
    }

    .user-research-stats .invdi-stats-section.web-soln {
        background: #FFFFFF;
        box-shadow: 0px 4px 20px rgba(231, 231, 231, 0.520296);
        border-radius: 8px;
        margin-right: 17px;
        margin-bottom: 30px;
        padding: 40px 25px 20px 20px;
    }

    .user-research-bold {
        font-family: openSans-bold !important;
        font-style: normal;
        font-weight: 600 !important;
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #303030;
    }

    .case-study-margin-1 {
        margin-left: unset;
        margin-top: 5px;
    }

    .transform-business .transform-business-slick .item-1.case-study {
        margin-right: unset;
        margin-top: 5px;
    }


    /*game development start*/

    .mobile-app-sub-service-top-wrapper.game-development-top-wrapper {
        background: url(../../resources/images/game-development/game-development-banner-mob.svg) no-repeat;
        background-size: auto 110%;
        background-position: 8% -131%;
    }

    .service-top-wrapper.mobile-app-sub-service-top-wrapper.game-development-top-wrapper .service-container.leadg {
        padding: 10px 10px 158px;
    }

    .service-top-wrapper .service-container.leadg .scroll-down-service.game-development-scroll {
        bottom: 15px;
        margin-bottom: 40px;
        width: 60px;
    }

    .service-banner-left-main h1.game-developmen-heading {
        font-family: openSans-bold;
        font-size: 20px;
        font-weight: 600;
        line-height: 28px;
        color: #303030;
        text-align: center;
    }

    .game-development-section-bg {
        width: 100%;
        padding: 25px 0 0 0;
        background-position: 50% 75px;
        background-size: 500px;
    }

    .services-ux-for-client-wrapper.game-development-client-wrapper {
        margin: 20px 0;
    }

    .services-ux-for-client-box.game-dev-ux-box:nth-child(2) {
        margin-right: 0px;
    }

    .services-ux-for-client-box.game-dev-ux-box {
        margin: 10px 10px 0 0;
        padding: 20px 13px 20px 13px;
        flex-direction: column;
        width: 142px;
        min-height: inherit;
        display: block;
    }

        .services-ux-for-client-box.game-dev-ux-box:nth-child(2n+0) {
            margin-right: 0;
        }

    .quick-contact-section-info.game-dev-quick-contact-info {
        max-width: 70%;
        margin-right: 0px;
        position: relative;
        padding-bottom: 0 !important;
        margin-top: 0px;
    }

    .services-quick-contact-section.game-dev-quick-contact {
        height: auto;
    }

    .services-what-we-do-info.game-dev-service-what-we-do h3, .services-what-we-do-info.game-dev-service-what-we-do p {
        text-align: center;
    }

    /*game development end*/

    .services-why-important-head p.imp-sec-para {
        font-size: 14px;
        line-height: 20px;
    }

    .services-why-important-head p.imp-sec-para {
        font-size: 14px;
        line-height: 20px;
        padding: 0 16px;
    }
}


/*hero motocorp case study 360view start*/


/*.explore-360-main {
    padding: 35px 0 75px 0;
    background: #000000;
    width:970px;
    border-radius:10px;
}*/

.explore-360-main .explore-360-wrapper {
    display: flex;
    justify-content: space-between;
}

    .explore-360-main .explore-360-wrapper .explore-360-menu-main {
        padding-left: 20px;
        align-self: center;
    }

        .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab {
            width: 172px;
            border: none;
            margin-bottom: 25px;
        }

            .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item {
                margin: 6px 0;
            }

                .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link {
                    border-radius: 0;
                    border: none;
                    padding: 0;
                    background: transparent;
                    display: flex;
                    align-items: center;
                }

                    .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link img {
                        margin-right: 8px;
                        width: 30px;
                        border: 2px solid transparent;
                        transition: 0.2s;
                    }

                    .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link p {
                        font-family: 'openSans-regular';
                        font-weight: 900;
                        font-size: 14px;
                        color: #ffffff;
                        line-height: 21.6px;
                        opacity: 0;
                        transition: 0.2s;
                    }

                    .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active {
                        opacity: 1;
                    }

                        .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active img {
                            border: 2px solid #ffffff;
                            width: 30px;
                        }

                        .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active p {
                            opacity: 1;
                        }

                    .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link:hover {
                        opacity: 1;
                    }

                        .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link:hover img {
                            border: 2px solid #ffffff;
                            transition: 0.2s;
                        }

                        .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link:hover p {
                            opacity: 1;
                            transition: 0.2s;
                        }

                .explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item:first-child {
                    margin-top: 0;
                }

        .explore-360-main .explore-360-wrapper .explore-360-menu-main .engine-sound a {
            display: flex;
            align-items: center;
        }

            .explore-360-main .explore-360-wrapper .explore-360-menu-main .engine-sound a .icon-box {
                width: 48px;
                height: 48px;
                background: #ffffff;
                border-radius: 100%;
                margin-right: 12px;
                padding: 12px;
                position: relative;
            }

                .explore-360-main .explore-360-wrapper .explore-360-menu-main .engine-sound a .icon-box .icon-2 {
                    position: absolute;
                    top: 0px;
                    left: 0;
                    width: 100%;
                    opacity: 0;
                    transition: 0.3s;
                }

            .explore-360-main .explore-360-wrapper .explore-360-menu-main .engine-sound a p {
                font-family: 'openSans-regular';
                font-weight: 300;
                font-size: 18px;
                color: #ffffff;
            }

        .explore-360-main .explore-360-wrapper .explore-360-menu-main .engine-sound.animate a .icon-box .icon-2 {
            opacity: 1;
            transition: 0.3s;
        }

    .explore-360-main .explore-360-wrapper .explore-360-wrapper-main {
        width: 785px;
        max-width: 100%;
        margin: 0 20px 0 10px;
    }

        .explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box {
            background: linear-gradient(to bottom, #000000 0%, #000000 5%, rgba(0, 0, 0, 0) 100%);
        }

            .explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .explore-360-view {
                cursor: grab;
                margin: 0 auto;
                width: 100% !important;
                max-width: 100%;
                max-height: 400px;
            }

                .explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .explore-360-view:active {
                    cursor: grabbing;
                }

    .explore-360-main .explore-360-wrapper .explore-360-features-main {
        width: 244px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

        .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper {
            display: flex;
            align-items: center;
            position: relative;
            margin: 30px 0 15px 0;
        }

            .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .link-btn {
                display: flex;
                align-items: center;
                margin-right: 15px;
                overflow: hidden;
            }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .link-btn p {
                    font-family: 'openSans-regular';
                    font-weight: 300;
                    font-size: 10px;
                    text-decoration: underline;
                    color: #ffffff;
                    border-bottom: 1px solid #ffffff;
                    text-decoration: none;
                    margin-right: 12px;
                }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .link-btn .icon-box {
                    width: 20px;
                    height: 20px;
                    border-radius: 100%;
                    background: rgba(255, 255, 255, 0.1);
                    display: flex;
                    justify-content: center;
                    align-items: center;
                }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .link-btn.share-btn {
                    border-radius: 100%;
                }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .link-btn:last-child {
                    margin-right: 0;
                }

            .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .share-options {
                position: absolute;
                right: 15px;
                bottom: 43px;
                height: 0;
                overflow: hidden;
                transition: 0.5s;
                visibility: hidden;
            }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .share-options ul {
                    display: flex;
                    width: max-content;
                }

                    .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .share-options ul li {
                        margin: 0 5px;
                    }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .explore-download-wrapper .share-options.active {
                    visibility: visible;
                    height: 32px;
                    transition: 0.5s;
                }

        .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main {
            background: #000000;
            width: 100%;
            margin-bottom: 13px;
            padding-right: 24px;
            margin-top: 60px;
        }

            .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul {
                height: 100%;
                max-height: 260px;
                overflow: auto;
            }

                .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul li {
                    position: relative;
                    margin: 15px 0;
                    display: flex;
                    align-items: center;
                }

                    .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul li span {
                        font-family: 'openSans-regular';
                        font-weight: 400;
                        font-size: 12px;
                        color: rgba(255, 255, 255, 0.5);
                        transform-origin: center;
                        transform: rotate(180deg);
                        writing-mode: vertical-rl;
                        letter-spacing: 2px;
                        margin: 0 10px 0 0;
                    }

                    .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul li p {
                        font-family: 'openSans-regular';
                        font-weight: 400;
                        font-size: 10px;
                        color: #FFFFFF;
                        text-transform: uppercase;
                    }

                    .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul li h5 {
                        font-family: 'openSans-regular';
                        font-weight: 900;
                        font-size: 14px;
                        color: #FFFFFF;
                        margin: 8px 0;
                    }

                        .explore-360-main .explore-360-wrapper .explore-360-features-main .features-main ul li h5:last-child {
                            margin-bottom: 0;
                        }

.explore-360-main .explore-360-btn-main {
    display: flex;
    justify-content: center;
    margin-top: -58px;
    display: none;
}

    .explore-360-main .explore-360-btn-main .btn {
        margin: 0 30px;
    }

        .explore-360-main .explore-360-btn-main .btn.btn-icon {
            display: flex;
            align-items: center;
            padding-top: 4px;
            padding-bottom: 4px;
        }

            .explore-360-main .explore-360-btn-main .btn.btn-icon img {
                margin-left: 10px;
                width: 22px;
            }

.explore-360-main.city-explore-360-main {
    background: url("../images/rotate-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}

    .explore-360-main.city-explore-360-main .common-h3 {
        padding: 0 0 31px 0;
    }

    .explore-360-main.city-explore-360-main .explore-360-wrapper {
        align-items: center;
    }

        .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .bike-rotate-color-h4 {
            font-family: 'openSans-regular';
            font-size: 20px;
            line-height: 24px;
            text-transform: capitalize;
            color: #000000;
            padding: 23px 0px 23px 0px;
        }

        .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab {
            flex-direction: column;
            width: 162px;
            border: none;
            max-height: 420px;
            flex-wrap: nowrap;
            overflow-y: auto;
            direction: rtl;
            padding-left: 10px;
        }

            .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item {
                direction: ltr;
            }

                .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link img {
                    border: 2px solid transparent;
                    width: 40px;
                    border-radius: 100%;
                }

                .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link p {
                    opacity: 1;
                    font-family: bold;
                    font-weight: 800;
                    font-size: 18px;
                    line-height: 26px;
                    color: #000000;
                }

                .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active img {
                    border: 2px solid #000000;
                    border-radius: 100%;
                    padding: 2px;
                    background: #ffffff;
                }

        .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box {
            background: none;
            position: relative;
        }

            .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .left-rotate-arrow {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                cursor: pointer;
            }

            .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .right-rotate-arrow {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 2;
                cursor: pointer;
            }

        .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-features-main {
            margin-top: 67px;
            padding-right: 30px;
        }

            .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div {
                display: flex;
                padding-bottom: 40px;
                padding-right: 30px;
                align-items: center;
            }

                .explore-360-main.city-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div .rotate-bike-p {
                    font-family: 'Montserrat-Medium';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 22px;
                    text-transform: uppercase;
                    color: #000000;
                    padding-left: 30px;
                }

    .explore-360-main.city-explore-360-main .explore-360-btn-main {
        margin-top: 0;
    }

/*    .explore-360-main.city-plus-explore-360-main {
        background: url(../images/products/city-plus/rotate-section-bg.jpg) no-repeat center;
        background-size: cover;
        padding: 0;
        position: relative;
        border-radius:10px;
    }*/

.explore-360-main.city-plus-explore-360-main .common-h3 {
    font-size: 32px;
    font-family: 'openSans-regular-italic';
    letter-spacing: 2px;
    font-weight: 600;
    padding: 0 0 16px 0;
    color: #ffffff;
    text-align: center;
}

.explore-360-main.city-plus-explore-360-main .explore-360-wrapper {
    align-items: inherit;
}

    .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main {
        padding-left: 20px;
        align-self: inherit;
        width: 248px;
        max-width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background: rgba(0, 0, 0, 0.14);
        border-radius: 10px 0 0 10px;
    }

        .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .bike-rotate-color-h4 {
            font-family: 'openSans-regular';
            font-size: 14px;
            line-height: 24px;
            text-transform: capitalize;
            color: #FFFFFF;
            padding: 23px 0px 23px 0px;
        }

        .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab {
            flex-direction: column;
            width: 314px;
            border: none;
            max-height: 420px;
            flex-wrap: nowrap;
            overflow-y: auto;
            direction: rtl;
            padding-left: 10px;
        }

            .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item {
                direction: ltr;
            }

                .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link img {
                    border: 2px solid transparent;
                    width: 30px;
                    border-radius: 100%;
                }

                .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link p {
                    opacity: 1;
                    font-family: 'openSans-regular';
                    font-weight: 800;
                    font-size: 14px;
                    line-height: 26px;
                    color: #FFFFFF;
                    margin: 0px;
                }

                .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active img {
                    border: 2px solid #000000;
                    border-radius: 100%;
                    padding: 2px;
                    background: #ffffff;
                    width: 30px;
                }

    .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-wrapper-main {
        margin: 0;
        padding: 30px 5px 80px 5px;
        width: 710px;
    }

        .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box {
            background: none;
            position: relative;
        }

            .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .left-rotate-arrow {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                cursor: pointer;
            }

            .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .right-rotate-arrow {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 2;
                cursor: pointer;
            }

            .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .explore-360-view {
                max-height: 322px;
                height: 322px !important
            }

    .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-features-main {
        background: rgba(0, 0, 0, 0.14);
        width: 335px;
        max-width: 100%;
        padding: 125px 25px 25px;
        justify-content: center;
        border-radius: 0 10px 10px 0;
    }

        .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div {
            display: flex;
            padding-bottom: 26px;
            padding-right: 30px;
            align-items: center;
        }

            .explore-360-main.city-plus-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div .rotate-bike-p {
                font-family: 'Montserrat-Medium';
                font-style: normal;
                font-weight: 500;
                font-size: 14px;
                line-height: 22px;
                text-transform: uppercase;
                color: #FFFFFF;
                padding-left: 30px;
                margin: 0px;
            }

.explore-360-main.city-plus-explore-360-main .explore-360-btn-main {
    margin-top: 0px;
    padding-bottom: 30px;
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
}

.explore-360-main.scooter-explore-360-main {
    background: linear-gradient(180deg, #ffe598 0%, rgba(255, 255, 255, 0.49) 34.63%);
}

    .explore-360-main.scooter-explore-360-main.yellow {
        background: linear-gradient(180deg, #ffe598 0%, rgba(255, 255, 255, 0.49) 34.63%);
    }

    .explore-360-main.scooter-explore-360-main.candy-red {
        background: linear-gradient(180deg, #ffb8be 0%, rgba(255, 255, 255, 0.49) 34.63%);
    }

    .explore-360-main.scooter-explore-360-main.blue {
        background: linear-gradient(180deg, #99d5ff 0%, #ffffff 22.91%);
    }

    .explore-360-main.scooter-explore-360-main .common-h3 {
        padding: 0 0 31px 0;
        font-family: 'openSans-regular';
    }

    .explore-360-main.scooter-explore-360-main .explore-360-wrapper {
        align-items: flex-start;
    }

        .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main {
            margin-top: 100px;
        }

            .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .bike-rotate-color-h4 {
                color: #70a928;
                font-family: Montserrat-Bold;
                margin-bottom: 10px;
                padding-left: 10px;
            }

            .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab {
                flex-direction: column;
                width: 196px;
                border: none;
                max-height: 450px;
                flex-wrap: nowrap;
                overflow-y: auto;
                direction: rtl;
                padding-left: 10px;
            }

                .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item {
                    direction: ltr;
                }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link p {
                        border: 0;
                        font-family: 'openSans-regular';
                        font-size: var(--font-size32);
                        background: linear-gradient(180deg, #333333 0%, rgba(51, 51, 51, 0) 167.72%);
                        -webkit-background-clip: text;
                        -webkit-text-fill-color: transparent;
                        background-clip: text;
                        text-fill-color: transparent;
                        opacity: 0.6;
                        line-height: inherit;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active p {
                        background: none;
                        -webkit-background-clip: unset;
                        -webkit-text-fill-color: unset;
                        background-clip: unset;
                        text-fill-color: transparent;
                        opacity: 1;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.yellow p {
                        color: #e9a400;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.matte-black p {
                        color: #495057;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.black p {
                        color: #1c1c1c;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.blue p {
                        color: #0083de;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.red p {
                        color: #e3090f;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.white p {
                        color: #dfdfdf;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.candy-red p {
                        color: #c80819;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.silver p {
                        color: #999d9e;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.special-edition-red p {
                        color: #ca2932;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.white p {
                        color: #dfdfdf;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.purple p {
                        color: #936188;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.brown p {
                        color: #954535;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.bronze p {
                        color: #954535;
                    }

                    .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-menu-main .explore-360-tab .nav-item .nav-link.active.platinum p {
                        color: #495057;
                    }

        .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box {
            background: none;
            position: relative;
        }

            .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .left-rotate-arrow {
                position: absolute;
                top: 0;
                left: 0;
                z-index: 2;
                cursor: pointer;
            }

            .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-wrapper-main .explore-360-box .right-rotate-arrow {
                position: absolute;
                top: 0;
                right: 0;
                z-index: 2;
                cursor: pointer;
            }

        .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-features-main {
            margin-top: 100px;
            padding-right: 30px;
        }

            .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div {
                display: flex;
                padding-bottom: 40px;
                padding-right: 30px;
            }

                .explore-360-main.scooter-explore-360-main .explore-360-wrapper .explore-360-features-main .rotate-bike-div .rotate-bike-p {
                    font-family: 'Montserrat-Medium';
                    font-style: normal;
                    font-weight: 500;
                    font-size: 18px;
                    line-height: 22px;
                    text-transform: uppercase;
                    color: #000000;
                    padding-left: 30px;
                }

    .explore-360-main.scooter-explore-360-main .explore-360-btn-main {
        margin-top: 0px;
    }

.btn.explore-btn, .btn.configure-btn {
    padding: 5px 20px;
    border: 1px solid #ee2326;
    font-family: bold;
    font-weight: 900;
    font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    background: #ffffff;
    color: #ee2326;
    font-family: 'openSans-regular';
    border-radius: 4px;
    box-shadow: none !important;
}

.explore-360-main .explore-360-btn-main .btn.btn-icon {
    display: flex;
    align-items: center;
    padding-top: 4px;
    padding-bottom: 4px;
}

.explore-360-main .explore-360-btn-main .btn {
    margin: 0 20px;
}

.btn.btn-red-gradient {
    background: linear-gradient(95.69deg, #ac0000 0%, #ff0000 26.35%, #ff3b3b 50.83%, #ff0000 72.71%, #ff0000 100%);
    color: #FFFFFF;
    border: none;
}

    .btn.btn-red-gradient:hover {
        color: #FFFFFF;
    }




.features-points.scroll {
    overflow-y: scroll;
    margin: 0 0 10px 0;
}

    .features-points.scroll::-webkit-scrollbar {
        width: 3px;
    }

    .features-points.scroll::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 5px;
    }

    .features-points.scroll::-webkit-scrollbar-thumb {
        border-radius: 5px;
        -webkit-box-shadow: inset 0 0 6px #666666;
    }

.engine-sound {
    display: none;
}

.explore-360-main.next-section.city-plus-explore-360-main .spritespin-canvas {
    width: 100% !important;
    height: 90% !important;
    margin: 20px auto 0 !important;
}

.spritespin-canvas {
    width: 100% !important;
    height: 92% !important;
    margin: 25px auto 0 !important;
}

.explore-360-features-main .rotate-bike-div img {
    width: 40px;
}

.explore-download-wrapper .icon-box img {
    padding: 4px;
}


img.innovation-img.tatacapital-innovation.hero-motocorp-inovative-image {
    width: 970px;
    height: 530px;
    margin-top: -20px;
}


.explore-360-view-new-container {
    width: 950px;
    background: url(../images/products/city-plus/rotate-section-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 0;
    margin-left: 10px;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 10px;
}

    .explore-360-view-new-container.explore-bike-image {
        background: none;
        box-shadow: none;
        margin-left: 10px;
    }

    .explore-360-view-new-container.bike-specification {
        padding: 35px 0 75px 0;
        background: #000000;
        border-radius: 10px;
        box-shadow: 0 0 10px;
        height: 486px;
        margin-left: 10px;
    }


.bike-360-main .slick-track {
    height: 576px;
    padding-top: 20px;
}

/*hero motocorp case study 360view end*/