@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;
}



.main { padding-top: 112px; position: relative; overflow-x: hidden; }
h1 { position: relative; }
section.brands-slider1 { padding: 55px 0 0;}
.brands-slider1 h2 { font-family: openSans-regular; font-size: 30px; font-weight: normal; }
.brands-slider1 h3.techved-heading-text { font-size: 16px; font-weight: 300;color: rgba(0, 0, 0, 0.9); text-align: center;}
.offering_banner { background: url("../images/offerings/banner_bg.jpg") no-repeat fixed; width: 100%; position: relative; background-size: cover; text-align: center; overflow: auto; }
.accessibiliy_banner_inner { overflow: auto; background-size: cover !important; position: relative; }
.accessibiliy_banner_inner .col { padding: 0; }
.offering_banner.mobile, .accessibiliy_banner_inner.mobile {                /*background: url("../images/offerings/mobile_banner_bg.jpg")no-repeat fixed;*/ }
.offering_banner.cro { background: url("../images/offerings/cro_banner_bg.jpg") no-repeat fixed; }
.offering_banner.wearables, .accessibiliy_banner_inner.wearables { background: url("../images/offerings/wearables_banner_bg.jpg") no-repeat fixed; }
.offering_banner.user_audit, .accessibiliy_banner_inner.user_audit { background: url("../images/offerings/user_audit_banner_bg.jpg") no-repeat fixed; }
.offering_banner.mystrey, .accessibiliy_banner_inner.mystery { background: url("../images/offerings/mystrey.jpg") no-repeat fixed; }
.offering_banner.web_optm, .accessibiliy_banner_inner.web_optm { background: url("../images/offerings/web_optm_banner_bg.jpg") no-repeat fixed; }
.offering_banner.comp_ana, .accessibiliy_banner_inner.comp_ana { background: url("../images/offerings/comp_ana_banner_bg.jpg") no-repeat fixed; }
.offering_banner.iot, .accessibiliy_banner_inner.iot { background: url("../images/offerings/iot_banner_bg.jpg") no-repeat fixed; }
.offering_banner.ai, .accessibiliy_banner_inner.ai { background: url("../images/offerings/ai_banner_bg.jpg") no-repeat fixed; }
.offering_banner.ar_vr, .accessibiliy_banner_inner.ar_vr { background: url("../images/offerings/ar_vr_banner_bg.jpg") no-repeat fixed; }
.offering_banner.research { background: url("../images/offerings/research_bg.jpg") no-repeat fixed; }
.offering_banner.website, .accessibiliy_banner_inner.website { background: url("../images/offerings/website_banner_bg.jpg") no-repeat fixed; }
.accessibiliy_banner_inner::after { content: ""; height: 1px; width: 100%; background-color: #fff; position: absolute; margin-top: -1px; display: block; bottom: 0px; margin-bottom: 0px; }
.offering_banner .col { height: 480px; }
.offering_banner .col.text { background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); padding-top: 120px; text-align: center; }
.col.text h1 { font-size: 30px; color: #fff; text-transform: uppercase; font-family: openSans-regular; font-weight: 400; width: 70%; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.col.text h1.pageheading { font-size: 26px; color: #fff; text-transform: uppercase; font-family: openSans-regular; font-weight: 700; width: 100%; margin: 20px auto; line-height: 10px; border: 0px solid #fff; border-top-width: 0px; border-bottom-width: 0px; padding: 10px 0; }
.col.text h2 { font-size: 36px; color: #fff; text-transform: uppercase; font-family: openSans-light; font-weight: 200; width: 70%; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.col.text h2.width75 { width: 75%; }
.col.text p { font-family: openSans-regular; font-size: 16px; color: #fff; width: 74%; line-height: 20px; margin: 40px auto 0px; text-align: center; }
.offering_banner .col .innernav { background-color: rgba(255, 255, 255, 0.9); -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18); box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.18); padding: 50px 20px; list-style: none; margin-left: -60px; margin-top: 17%; width: 104%; text-align: center; }
.offering_banner .col .innernav li { display: inline-block; font-family: openSans-regular; word-wrap: break-word; text-align: center; vertical-align: top; margin: 0 20px; position: relative; height: 50px; border-bottom: 3px solid rgba(255, 255, 255, 0); }
.offering_banner .col .innernav li a { color: #000000; font-size: 18px; text-decoration: none; }
.offering_banner .col .innernav li:hover { cursor: pointer; }
.offering_banner .col .innernav li:before { content: ""; position: absolute; z-index: 1; left: 51%; right: 50%; bottom: -15px; background: #000; height: 3px; -webkit-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: .3s; -o-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.offering_banner .col .innernav li:hover:before { left: 0; right: 0; }
.how_design { padding: 60px 0px; position: relative; overflow: auto; }
.how_design>.text { text-align: center; padding-top: 160px; }
.how_design>.text span { font-size: 26px; }
.how_design>.text h1, h1.pageheading_black, .choseGoal h1 { font-size: 30px; text-transform: uppercase; font-family: openSans-regular medium; font-weight: 400; width: 70%; margin: 20px auto; line-height: 40px; border: 0px solid #000; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.how_design>.text p { font-family: openSans-regular; font-size: 16px; width: 95%; margin: 0 auto 20px; }
.how_design .steps { padding-top: 20px; }
.how_design .steps img { padding-left: 20px; }
.how_design .textblock { position: relative; padding-top: 30px; padding-left: 20px; margin-bottom: 60px; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; -webkit-box-sizing: border-box;                /* Safari/Chrome, other WebKit */                /* Firefox, other Gecko */
box-sizing: border-box; }
.how_design .textblock p { line-height: 15px; padding-top: 15px; }
.how_design .textblock::before { position: absolute; content: ""; display: inline-block; height: 150px; left: 0px; top: -10px; width: 3px; background-color: #f47221; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease; }
.how_design .steps .icon_text_container h6 { color: #e3282a; font-size: 18px; font-family: openSans-regular; }
.how_benifit { padding: 125px 0px; background: url("../images/offerings/benifit_bg.jpg") center fixed; position: relative; overflow: auto; text-align: center; }
.we_offer { padding: 125px 0px; background: url("../images/offerings/offer_bg.jpg") center fixed; position: relative; overflow: auto; text-align: center; }
.how_benifit::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, .60); margin-top: 0px; top: 0px; }
.we_offer::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, .40); margin-top: 0px; top: 0px; }
.how_benifit>.text { background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); z-index: 2; margin: 0 auto; position: relative; padding: 60px 30px; color: #fff; float: none; }
.how_benifit>.text span { font-size: 26px; color: #fff; }
.how_benifit>.text h1, h1.pageheading_white { font-size: 30px; color: #fff; text-transform: uppercase; font-family: openSans-regular; font-weight: 400; width: 50%; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.how_benifit>.text p { line-height: 25px; font-family: openSans-regular; font-size: 16px; word-wrap: break-word; }
.offering_banner .col .innernav li.active::before { background-color: #c24142; left: 0; right: 0; }
.offering_banner .col .innernav li.active a { color: #c24142; }
.only_text { padding: 101px 60px 60px; text-align: center; overflow: auto; }
.only_text_imgbg { background: url("../images/offerings/only_textbg.jpg") center; background-size: cover; padding: 140px 60px 240px; text-align: center; position: relative; overflow: auto; z-index: 1; }
.only_text_imgbg::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: -1; background-color: rgba(255, 255, 255, .90); margin-top: 0px; top: 0px; left: 0 }
.only_text_imgbg h1 { font-size: 30px; position: relative; text-transform: uppercase; font-family: openSans-regular; font-weight: 400; width: 35%; margin: 20px auto; line-height: 40px; border: 0px solid #000; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; z-index: 1; }
.only_text_imgbg p { font-family: openSans-medium; font-weight: 500; padding-bottom: 20px; color: #000; width: 70%; margin: 0 auto; z-index: 1; }
.only_text span, span.step_numbering { font-size: 26px; width: 100%; display: block; font-family: openSans-regular; color: #000;line-height:1;}
.only_text h1 { font-size: 30px; text-transform: uppercase; font-family: openSans-medium; font-weight: 500; width: auto; margin: 20px auto; line-height: 40px; border: 0px solid #000; border-top-width: 1px; border-bottom-width: 1px; display: inline-block; padding: 15px 50px; overflow-x: hidden; margin-bottom: 40px; }
.only_text p { font-family: openSans-medium; font-weight: 500; font-size: 16px; padding-bottom: 0; color: #000; }
.only_text .aims-p{padding-bottom: 30px;}
.acc-all {margin: 66px 0 30px;}
.acce-gui {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;  -webkit-box-align: center;  -ms-flex-align: center;  align-items: center;}
.acce-gui p {margin: 0px 10px -5px; color: #337ab7;font-size: 16px;   font-weight: 500;}
.our_method { padding: 100px 0px; background: url(../images/accessibility/layer-2.jpg) no-repeat; overflow: auto; background-position: 113% 37%;}
.our_method.ar_vr_bg { background: url(../images/offerings/laptop.jpg) fixed no-repeat; background-size: cover; }
.our_method.user_research { background: url("../images/offerings/user_research_step2_bg.jpg") fixed no-repeat; }
.our_method>.custom_container { width: 95.5%; }
.our_method div.gradient { background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); padding: 160px 0px; text-align: center; }
.our_method div.gradient span { font-size: 26px; color: #fff; }
.our_method div.gradient h1 { font-size: 36px; color: #fff; text-transform: uppercase; font-family: openSans-regular; font-weight: 400; width: 70%; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.our_method div.accessibility_guidelines { background-color: #fff; padding: 0px 0px; text-align: center;     opacity: 0.9;               /*height: 459px;*/ }
p.accessibility_guidelines_p { padding: 50px 130px; font-weight: 500; line-height: 1.38; text-align: center; color: #000000; }
.accessibility_guidelines_p span { font-weight: 600;     font-family:openSans-regular;}
span.accessibility_guidelines_orange { color: #f9863e;  font-family: openSans-regular; }
.standards-we-follow { font-size: 16px; font-weight: 500; color: #333333; margin-bottom: 0; }
.wrap { height: 20px; position: relative;            /*background: lightgrey;*/ margin: 5px; }
h2.centre-line { text-align: center; position: absolute; top: 0px !important; left: 50%; width: 1.7em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
h2.centre-line:before { content: ""; position: absolute; width: 100%; height: 1px; top: 50%; left: 0; z-index: -1; background: #434343; }
p.accessibility_guidelines_bottom { margin-top: 20px; margin-bottom: 85px; font-size: 14px; font-weight: 500; color: #e3282a; }
.key_del1 { padding: 76px 0px 120px; text-align: center; position: relative; z-index: 2; text-align: center;                /*background: url("../images/offerings/mobile_app_step3_bg.jpg") center no-repeat;*/ overflow: auto; background-size: cover; background-color: #e8e8e8; }
.key_del1::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1;                /*background-color: rgba(255, 255, 255, .90);*/ margin-top: 0px; top: 0px; }
.key_del1 h1 { width: 53%; margin-bottom: 70px; color: #000000;}
.key_del1 div { z-index: 2; }
.key_del1 div img { margin: 0 auto; -o-object-fit: scale-down;object-fit: scale-down; width: 90px; height: 70px;}
.key_del1 div p { font-size: 18px; font-family: openSans-regular; width: 95%; padding: 20px 0px 0px 0px; text-align: center; margin: 0 auto; font-weight: 500 ;}
.key_del1 .technology-is-evolving {width: 80%; padding: 10px 0 70px;   font-size: 16px;color: #000000;}

.key_del1 .web-apps { color: #333333 !important; padding-top: 40px ;}
.key_del { padding: 70px 0px 115px; text-align: center; position: relative; z-index: 2; text-align: center;                /*background: url("../images/offerings/mobile_app_step3_bg.jpg") center no-repeat;*/ overflow: auto; background-size: cover; }
.key_del p.accessibility-p { padding: 30px 0 0px 0 !important; color: #333333 !important; font-size: 14px !important; font-weight: 500 !important; text-align: center; text-transform: uppercase;font-family: openSans-regular;}
.key_del::before { content: ""; display: block; position: absolute; width: 100%; height: 100%; z-index: 1; background-color: rgba(255, 255, 255, .90); margin-top: 0px; top: 0px; }
.key_del h1 { width: auto; margin-bottom: 50px; padding:6px 16px;color: #000000; display:table; }
.key_del div { z-index: 2; }
.key_del div img { margin: 0 auto; }
.key_del div p { font-size: 14px; font-weight: 500; font-family: openSans-regular; width: 100%; padding: 10px 0px 0px 0px; margin: 0 auto; text-align: left; color: #333333; }
/*.key_del div p.after-deliver { width: 110%; }*/
.flex { display: -webkit-box; display: -ms-flexbox; display: flex }
.key_del div p.text-style-1 { color: #e3282a; font-weight: 600; }
.what-we-provide-box{
    margin-bottom:75px;
}
.mt-5 { margin-top: 110px; }
.accessibility-goal .col-sm-4.active::after { animation: justRorate ease-in-out .6s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards;    /*when the spec is finished*/ -webkit-animation: justRorate ease-in-out .6s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards;    /*Chrome 16+, Safari 4+*/ -moz-animation: justRorate ease-in-out .6s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode: forwards;    /*FF 5+*/ -o-animation: justRorate ease-in-out .6s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode: forwards;    /*Not implemented yet*/ -ms-animation: justRorate ease-in-out .6s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode: forwards;    /*IE 10+*/ -webkit-animation-delay: 600ms;    /* Safari 4.0 - 8.0 */ animation-delay: 600ms; }
.accessibility-goal { overflow: auto; position: relative; padding: 20px 40px; opacity: 0.85; background-image: -webkit-linear-gradient(142deg, #f36b6e, #f9863e); background-image: -o-linear-gradient(142deg, #f36b6e, #f9863e); background-image: linear-gradient(308deg, #f36b6e, #f9863e); }
.an-accessibility-goal { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center }
.accessibility-goal::before { opacity: 0.85; background-image: -webkit-linear-gradient(142deg, #f36b6e, #f9863e); background-image: -o-linear-gradient(142deg, #f36b6e, #f9863e); background-image: linear-gradient(308deg, #f36b6e, #f9863e); }
.accessibility-goal .col-sm-4::after { content: ''; position: absolute; width: 1px; height: 90%; top: 5%; right: 25px; background-color: #fff; }
.accessibility-goal h2 { margin: 0; padding: 25px 0 10px; color: #fff; font-family: openSans-regular; font-weight: normal; font-size: 28px; font-weight: 500;            /*color: var(--white);*/ }
.accessibility-goal h2 span { display: block; margin-top: 10px; font-weight: normal; font-size: 34px; letter-spacing: 1.43px; text-align: left;            /*color: var(--white);*/ }
.accessibility-goal .btn-custom { margin-left: 60px; border-radius: 40px; color: #ed5f38; background-color: #fff; font-size: 18.5px; padding: 5px 15px; }


.actionsec {position: relative; font-family: openSans-regular; background-color: #fff;
    padding: 20px 0px; overflow: auto; -webkit-box-shadow: 2px 2px 7px rgba(0, 0, 0, .25);    box-shadow: 2px 2px 7px rgba(0, 0, 0, .25); background-image: -webkit-linear-gradient(142deg, #f36b6e, #f9863e); background-image: -o-linear-gradient(142deg, #f36b6e, #f9863e); background-image: linear-gradient(308deg, #f36b6e, #f9863e); opacity: 0.85;color: #fff}
.actionsec img {display: inline-block; top: -10px; position: relative;}
.actionsecdiv {display: inline-block; margin-left: 30px; margin-right: 45px;
    position: relative; top: 15px;}
.actionsec h2 { margin-bottom: 10px; font-size: 28px; text-align: left;
    padding: 0px; font-family: openSans-regular;text-transform: none; font-weight: 500;
    color: #fff;}
.actionsec h2 p {display: block; font-size: 15px; font-family: openSans-regular;  margin-top: 10px;}
.action_button {background: #fff; color: #ed5f38; font-size: 16px;   text-transform: uppercase;transition:0.2s; padding: 8px 30px; border-radius: 50px;right: 0px;top:0px;  position: relative;}
.action_button:hover {background: #ed5f38;color: #ffffff;transition:0.2s;}
.recentInv {  overflow: auto; position: relative; padding: 70px 40px 80px; background: url(../images/accessibility/layer-16.jpg) no-repeat;  }
.recentInv::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(232, 232, 232, .5); z-index: 0; content: ''; display: block; pointer-events: none; }
.recentInvWrapper .list-group-item {margin: 0px 20px 20px; text-align: left; border-radius: 0;padding:17px 30px 13px 30px;}
.recentInvWrapper button {all: inherit;width:100%; color: #000; font-size: 18px; font-weight: 500; font-family: openSans-regular; }
.recentInvWrapper a [aria-expanded=false] .more-less { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); }
.recentInvWrapper a[aria-expanded=true] .more-less { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.recentInvWrapper { height: 100%; }
.recentInvWrapper .panel-body { padding: 18px 0; font-size: 16px; color: #333333; }
.recentInvWrapper .fa { color: #EE9236 !important; font-size: 28px; }
.accessibility-goal p { font-family: openSans-regular; font-weight: 400; font-size: 16px; color: #fff; display: inline-block; }
.accessibility-goal img {            /*display: inline-block;
                margin-right: 10px;*/
width: 64px; height: 85px; margin-right: 30px; }
.accessibility-goal .col-sm-4 { position: relative; }
.accessibility-goal .col-sm-4:nth-child(3)::after, .accessibility-goal .col-sm-4:nth-child(6)::after { display: none; }
.case_study { padding: 150px 0px; text-align: center; position: relative; z-index: 2; text-align: center; background: url("../images/offerings/mobile_case_Study.jpg") center no-repeat fixed; overflow: auto; background-size: cover; }
.case_study.vodafone { padding: 150px 0px; text-align: center; position: relative; z-index: 2; text-align: center; background: url("../images/offerings/case_study_vodafone.jpg") center no-repeat fixed; overflow: auto; background-size: cover; }
.case_study.kotak { background: url("../case-study/user-experience-design/kotak/images/understanding-img4-3.jpg") center no-repeat fixed; background-size: cover; }
.case_study .custom_container { width: 95%; }
.case_study .gradient { background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); padding: 80px 0px; text-align: center; }
.case_study .gradient span { font-size: 26px; color: #fff; }
.case_study .gradient h1 { font-size: 30px; color: #fff; text-transform: uppercase; font-family: openSans-regular; font-weight: 400; width: 70%; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 0; }
.case_study .gradient h2 { color: #fff; text-transform: uppercase; font-family: openSans-medium; font-weight: 500; padding: 0px; font-size: 26px; }
.case_study .text_container { background-color: rgba(255, 255, 255, .90); padding: 68px 20px; }
.case_study.kotak .text_container { background-color: rgba(255, 255, 255, .90); padding: 68px 20px; }
.case_study.hr { background-image: url("../case-study/usability-audit/hnr-block/images/understanding-banner.jpg"); }
.case_study.hr .text_container { padding: 68px 20px; }
.case_study.vodafone .text_container { padding: 68px 20px; }
.case_study a.button { background-color: #f47120; color: #fff; border-radius: 40px; padding: 0px 60px; float: right; height: 40px; line-height: 40px; margin-right: 40px; margin-top: 20px; }
.case_study .text_container p { font-size: 21px; font-family: openSans-regular; text-align: left; color: #000; }
.svg_div { height: 405px; }
.collapsed-navinner { position: absolute; top: 30px; right: 30px; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; max-width: 230px; width: 90%; background-color: #fff; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .30); box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .30); border-radius: 10px; }
.collapsed-navinner .innernav { margin: 0; padding: 45px 20px; }
.collapsed-navinner .innernav li { padding: 15px 0px; font-family: "openSans-regular"; font-size: 14px; color: #303030; }
.collapsed-navinner .innernav li a { color: #303030; }
.collapsed-navinner .innernav li.active a { color: #e3282a; }
.collapsed-navinner .innernav li:first-child { padding: 0px 0px 15px; }
.collapsed-navinner .innernav li:last-child { padding: 15px 0px 0px; }
.collapsed-navinner.is-close.is-open { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -webkit-transition: visibility 0s 0s, -webkit-transform 0.3s; transition: visibility 0s 0s, -webkit-transform 0.3s; -o-transition: transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s, -webkit-transform 0.3s; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; }
.hamburgerinner { width: 45px; height: 45px; margin-top: 30px; background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); position: relative; border-radius: 10px; float: right; vertical-align: middle; z-index: 1; }
.hamburgerinner { animation: animationFrames linear 1s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards;                /*when the spec is finished*/ -webkit-animation: animationFrames linear 1s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards;                /*Chrome 16+, Safari 4+*/ -moz-animation: animationFrames linear 1s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode: forwards;                /*FF 5+*/ -o-animation: animationFrames linear 1s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode: forwards;                /*Not implemented yet*/ -ms-animation: animationFrames linear 1s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode: forwards;                /*IE 10+*/ animation-delay: 777ms; -webkit-animation-delay: 777ms; }
@keyframes animationFrames {
    0% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
    15% { -webkit-transform: translate(-10px, 0px) rotate(-5deg); transform: translate(-10px, 0px) rotate(-5deg); }
    30% { -webkit-transform: translate(10px, 0px) rotate(3deg); transform: translate(10px, 0px) rotate(3deg); }
    45% { -webkit-transform: translate(-5px, 0px) rotate(-3deg); transform: translate(-5px, 0px) rotate(-3deg); }
    60% { -webkit-transform: translate(5px, 0px) rotate(2deg); transform: translate(5px, 0px) rotate(2deg); }
    75% { -webkit-transform: translate(-3px, 0px) rotate(-1deg); transform: translate(-3px, 0px) rotate(-1deg); }
    100% { -webkit-transform: translate(0px, 0px) rotate(0deg); transform: translate(0px, 0px) rotate(0deg); }
}
@-webkit-keyframes animationFrames {
    0% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
    15% { -webkit-transform: translate(-10px, 0px) rotate(-5deg); }
    30% { -webkit-transform: translate(10px, 0px) rotate(3deg); }
    45% { -webkit-transform: translate(-5px, 0px) rotate(-3deg); }
    60% { -webkit-transform: translate(5px, 0px) rotate(2deg); }
    75% { -webkit-transform: translate(-3px, 0px) rotate(-1deg); }
    100% { -webkit-transform: translate(0px, 0px) rotate(0deg); }
}
.accessibiliy_banner_inner.mobile { 
    background: url(../images/accessibility/digital-accessibility-compliance.jpg) 0px 30px no-repeat;
    background-position: 20px 58%;
    background-size: initial !important;
}
.accessibiliy_banner_inner .headind_nav { background-color: rgba(255, 255, 255, .9); overflow: auto; padding: 0px 30px; }
.innerpageheading { font-size: 26px; color: #303030; font-family: "openSans-regular"; float: left; display: inline-block; line-height: 100px; margin: 0; padding: 0px; }
.accessibiliy_banner_inner .innerpageheading a {
    all:inherit;
}
.page_heading { text-align: center; background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); padding: 60px 0px 125px; }
.page_heading h1 { font-size: 36px; color: #fff; text-transform: uppercase; font-family: openSans-medium; font-weight: 500; width: auto; display: inline-block; margin: 20px auto; line-height: 40px; border: 0px solid #fff; border-top-width: 1px; border-bottom-width: 1px; padding: 10px 45px; }
.page_heading p { font-family: openSans-regular; font-size: 20px; color: #fff; width: 57%; line-height: 20px; margin: 10px auto 0px; }
.page_heading .digi-access {
    font-weight: bold;
}
.hamburgerinner:hover { cursor: pointer; }
.hamburgerinner span { position: absolute; display: block; height: 2px; background: #fff; top: 50%; margin-top: -1px; left: 20%; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; width: 60%; }
.hamburgerinner span::before, .hamburgerinner span::after { content: ''; position: absolute; left: 0; background: inherit; width: 100%; height: 100%; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform 0.3s, background 0s; -webkit-transition: background 0s, -webkit-transform 0.3s; transition: background 0s, -webkit-transform 0.3s; -o-transition: transform 0.3s, background 0s; transition: transform 0.3s, background 0s; transition: transform 0.3s, background 0s, -webkit-transform 0.3s; }
.hamburgerinner span::after { bottom: -6px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); width: 70%; right: 0px; left: auto; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.hamburgerinner:hover span::after { width: 100%; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; }
.hamburgerinner span::before { top: -6px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); }
.hamburgerinner.opned span { background: rgba(255, 255, 255, 0); }
.hamburgerinner.opned span::before { top: 0; -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); transform: rotate(135deg); background: rgba(255, 255, 255, 1); }
.hamburgerinner.opned span::after { bottom: 0; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); background: rgba(255, 255, 255, 1); width: 100%; }
p.pb-2 { padding-bottom: 20px; }
.impairment ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.impairment li { margin: 0px 40px 0 0; color: #000; }
.impairment ul li::before { content: "\2022"; color: #de7c40; font-weight: bold; display: inline-block; width: 1em; padding-right: 8px; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); }
.only_text_bottom p { margin-bottom: 55px; }
.only_text ul { margin-top: 28px; }
.whyImportant .col-sm-4.active::after { animation: justRorate ease-in-out .6s; animation-iteration-count: 1; transform-origin: 50% 50%; animation-fill-mode: forwards;    /*when the spec is finished*/ -webkit-animation: justRorate ease-in-out .6s; -webkit-animation-iteration-count: 1; -webkit-transform-origin: 50% 50%; -webkit-animation-fill-mode: forwards;    /*Chrome 16+, Safari 4+*/ -moz-animation: justRorate ease-in-out .6s; -moz-animation-iteration-count: 1; -moz-transform-origin: 50% 50%; -moz-animation-fill-mode: forwards;    /*FF 5+*/ -o-animation: justRorate ease-in-out .6s; -o-animation-iteration-count: 1; -o-transform-origin: 50% 50%; -o-animation-fill-mode: forwards;    /*Not implemented yet*/ -ms-animation: justRorate ease-in-out .6s; -ms-animation-iteration-count: 1; -ms-transform-origin: 50% 50%; -ms-animation-fill-mode: forwards;    /*IE 10+*/ -webkit-animation-delay: 600ms;    /* Safari 4.0 - 8.0 */ animation-delay: 600ms; }
.whyImportant { overflow: auto; position: relative; padding: 3px 40px; background: url(../images/accessibility/1-f-2-a-0046-copy1.png) no-repeat center center; }
img.img-left { padding-left: 75px; padding-top: 2px; }
img.img2-left { padding-left: 15px; }
.whyImportant .whyImportant-slider { margin-top: 45px; }
.whyImportant::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: rgba(237, 95, 56, .9); z-index: 0; content: ''; display: block; pointer-events: none; }
.whyImportant .col-sm-4::after { content: ''; position: absolute; width: 1px; height: 29px; top: 5%; right: 25px; background-color: #fff; }
.whyImportant h2 { margin: 0; padding: 25px 0; color: #fff; font-family: openSans-regular; font-weight: normal; font-size: 34px; letter-spacing: 1.43px; text-align: left;    /*color: var(--white);*/ }
.whyImportant h2 span { display: block; margin-top: 10px; font-weight: normal; font-size: 34px; letter-spacing: 1.43px; text-align: left;    /*color: var(--white);*/ }
.whyImportant p {font-family: openSans-regular; font-weight: 400; font-size: 16px;color: #fff; display: inline-block;vertical-align: middle;padding-bottom: 0;  margin-bottom: 0;
    margin-top: 0px;}
.col-sm-4.col-xs-12.item.pa-n {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;
}
.W3C-head{
    margin-bottom:6px;
}
.whyImportant img { display: inline-block; margin-right: 10px;vertical-align: middle;padding-top:0; }
.whyImportant .col-sm-4 { position: relative; }
.whyImportant .col-sm-4:nth-child(3)::after, .whyImportant .col-sm-4:nth-child(6)::after { display: none; }
.carousel-wrap {
    margin: 40px auto 20px;
    padding: 23px 0%;
    position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 52px;
}

.owl-nav .owl-prev {
  left: -30px;
}

.owl-nav .owl-next {
  right: -30px;
}



@media screen and (max-width:1280px) and (min-width:1025px) {
    .offering_banner .col .innernav { margin-left: -45px; }
    .offering_banner .col .innernav li { width: 25%; margin-bottom: 30px !important; }
}
@media screen and (max-width:1280px) and (min-width:1091px) {
    .case_study.hr .text_container { padding: 53px 20px; }
    @media screen and (max-width:1090px) and (min-width:999px) {
        .case_study.hr .text_container { padding: 38px 20px; }
    }
}
@media screen and (max-width:1024px) and (min-width:991px) {
    .col.text p { font-family: openSans-regular; font-size: 16px; color: #fff; width: 74%; line-height: 20px; margin: 40px auto 0px; }
    .main { padding-top: 135px; position: relative; overflow-x: hidden; }
    .col.text h1.pageheading { width: 80%; line-height: 30px; }
    .offering_banner .col .innernav li:first-child { margin-bottom: 50px; }
    .our_method div.gradient, .our_method div.accessibility_guidelines { min-height: 450px; max-height: 450px; }
    .our_method div.accessibility_guidelines img { max-width: 90%; margin-top: 5%; }
    .case_study .gradient, .case_study .text_container { min-height: 350px; max-height: 350px; }
    .offering_banner .col .innernav li a { color: #000000; font-size: 16px; text-decoration: none; }
}
@media screen and (max-width:1282px) and (min-width:1000px) {
    .offering_banner .col .innernav li { width: 25%; margin-bottom: 10px; }
    .offering_banner .col .innernav.only_two li { width: 35%; margin-bottom: 10px; }
}
.img_div { display: none; }
.down { position: absolute; z-index: 11; bottom: 20px; left: calc(50% - 18px); }
.down:hover { cursor: pointer; }
.down i { width: 22px; height: 22px; background-color: #fff; text-align: center; line-height: 22px; font-size: 20px; color: rgba(243, 107, 110, .85); border-radius: 50%; }
.down.landing i { background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); color: #fff; }
@media screen and (max-width:942px) and (min-width:768px) {
    .only_text_imgbg h1 { width: 60%; }
    .only_text_imgbg p { width: 100%; }
}
@media screen and (max-width:999px) and (min-width:320px) {
    .down.landing { display: none; }
    .innerpageheading { line-height: 26px; width: 100%; text-align: center; margin: 20px 0; }
    .collapsed-navinner { position: absolute; top: 100px; -webkit-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear; max-width: 90%; width: 90%; right: 5%; background-color: #fff; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); visibility: hidden; -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .30); box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, .30); border-radius: 10px; }
    .collapsed-navinner.is-close.is-open { visibility: visible; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform 0.3s, visibility 0s 0s; -webkit-transition: visibility 0s 0s, -webkit-transform 0.3s; transition: visibility 0s 0s, -webkit-transform 0.3s; -o-transition: transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s; transition: transform 0.3s, visibility 0s 0s, -webkit-transform 0.3s; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; z-index: 2 }
    .hamburgerinner { width: 45px; height: 45px; margin-top: 80px; background-image: -webkit-linear-gradient(142deg, rgba(243, 107, 110, 1) 0%, rgba(249, 134, 62, 1) 100%); background-image: -ms-linear-gradient(142deg, rgba(243, 107, 110, .85) 0%, rgba(249, 134, 62, .85) 100%); position: absolute; border-radius: 10px; right: calc(50vw - 22px);                        /* float: right; */ vertical-align: middle; z-index: 3; }
    .hamburgerinner span::before { top: 0px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background-color: #fff; width: 60%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .hamburgerinner span { background-color: rgba(0, 0, 0, 0); }
    .hamburgerinner span::after { top: 0px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background-color: #fff; width: 60% !important; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .hamburgerinner.opned span::before { top: 0px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background-color: #fff; width: 60%; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .hamburgerinner.opned span::after { top: 0px; -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); background-color: #fff; width: 60% !important; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
}
@media screen and (max-width:425px) and (min-width:320px) {
    .innerpageheading { font-size: 20px; }
    .page_heading h1 { font-size: 26px; word-wrap: break-word; width: 100%; }
}
@media screen and (max-width:388px) and (min-width:320px) {
    .innerpageheading.mobilesmall { font-size: 18px; }
    .accessibiliy_banner_inner .headind_nav { padding: 0px 10px; }
}
@media screen and (max-width:767px) and (min-width:320px) {
    .svg_div { height: auto; }
    .only_text_imgbg h1:before, .only_text h1:before { display: none !important; }
    .our_method div.accessibility_guidelines { background-color: #fff; padding: 27px 0px 0px; text-align: center; }
    .only_text_imgbg h1 { width: 100%; }
    .only_text_imgbg p { width: 100%; }
    .only_text_imgbg { padding: 40px 0px 80px; }
    .page_heading { padding: 130px 30px; }
    section.brands-slider1 {padding: 0 0 0;}
    .carousel-wrap {margin: 20px auto 20px; padding: 0 0%; position: relative;}
    .say-hello {padding: 20px  !important;}
    .actionsec img{top:0;margin:30px 0 15px 0;left:0;}
    .actionsecdiv {
    display: inline-block;
    position: relative;
    top: 0;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    }
    .actionsecdiv h2 {
        text-align:center;margin:0;
    }
    .brands-slider1 h2 {font-family: openSans-regular; font-size: 22px; padding: 10px;}
    .action_button {
        background: #fff;
        color: #ed5f38;
        font-size: 16px;
        text-transform: uppercase;
        transition: 0.2s;
        padding: 8px 30px;
        border-radius: 50px;
        right: 0;
        top: 0;
        position: relative;
        width: auto;
        float: none;
        display: table;
        margin: 0 auto 30px auto;
    }
    .recentInvWrapper .list-group-item {
        padding:10px 15px 7px 15px;
    }
}
@media screen and (max-width:999px) and (min-width:484px) {
    .main { padding-top: 75px; width: 100%; overflow-x: hidden; }
    .offering_banner { background-size: contain; }
    .col.text h1 { width: 70%; }
    .col.text p { width: 90%; }
    .offering_banner .col .innernav { background-color: rgba(255, 255, 255, 1); margin: 0%; width: 100%; padding-bottom: 0px; border-bottom: 2px solid #e0e0e0; }
    .offering_banner .col { height: auto; padding-bottom: 60px; }
    .offering_banner .col .innernav li { margin: auto; width: 32%; margin-bottom: 60px; }
    .offering_banner .col:last-child { padding: 0px !important; }
    br { display: none; }
    .how_design>.text { text-align: center; padding: 20px; }
    .offering_banner .col .innernav li.active::after, .offering_banner .col .innernav li:hover::after, .offering_banner .col .innernav li::after { top: 50px; }
    .how_benifit { padding: 0px; }
    .how_design>.text p { font-family: openSans-regular; font-size: 16px; width: 100%; margin: 0 auto; }
    .how_benifit>.text h1 { width: 70%; }
    .our_method>.custom_container, .case_study .custom_container { width: 100%; }
    .only_text { padding: 50px 15px; text-align: center; overflow: auto; }
    .only_text h1 { width: 95%; }
    .our_method, .case_study { padding: 0px; }
    .key_del h1 { width: 60%; margin-bottom: 90px; }
    .key_del div p { width: 80%; padding: 10px 0px 40px 0px; }
    .key_del1 h1 { width: 60%; margin-bottom: 90px; }
    .key_del1 div p { width: 80%; padding: 10px 0px 40px 0px; }
    .our_method div.accessibility_guidelines img { max-width: 90%; margin-top: 5%; }
    .our_method div.gradient { padding: 90px 0px; }
}
@media screen and (max-width:485px) and (min-width:320px) {
    .accessibiliy_banner_inner.mobile {
        background: url(../images/accessibility/digital-accessibility-compliance.jpg) 0px 30px no-repeat;
        background-size: initial !important;
        background-position-x: -989px;
        background-position-y: 335px;
    }
    .impairment .acc-all {
        margin: 56px 0 23px;
    }
    .only_text .acce-gui {
        width: 70%;
        text-align: left;
    }
    .page_heading { padding: 50px 10px 95px; }
    .page_heading h1 { margin: 10px 0 30px; padding: 10px 5px; }
    .page_heading p { width: 100%; font-size: 18px; margin: 0px auto 0px;line-height: 25px;                    /*margin: -5px;*/ }
    .digi-access { font-weight: 600; }
    .how_design .textblock::before { display: none; }
    .main { padding-top: 70px; width: 100%; overflow-x: hidden; }
    .innernav::before { content: ""; width: 100%; }
    .offering_banner .col.text { padding-top: 85px; }
    .col.text h1 { width: 96%; }
    .col.text p { width: 100%; padding: 0px 15px; }
    .offering_banner .col .innernav { background-color: rgba(255, 255, 255, 1); margin: 0%; width: 100%; padding-bottom: 0px; border-top: 50px solid #fef3f1; border-bottom: 2px solid #e0e0e0; }
    .offering_banner .col { height: auto; padding-bottom: 60px; }
    .offering_banner .col .innernav li { margin: auto; width: 48%; margin-bottom: 40px; }
    .offering_banner .col .innernav.onlythree li:last-child { width: 100%; }
    .offering_banner .col:last-child { padding: 0px !important; }
    .offering_banner .col .innernav li.active::after { width: 90%; top: 70px; left: 5%; }
    .offering_banner .col .innernav li::after { width: 00%; top: 70px; left: 5%; }
    .offering_banner .col .innernav li:hover::after { width: 90%; top: 70px; left: 5%; }
    .how_design { padding: 10px 0px; }
    .how_design>.text { padding-top: 20px; padding-bottom: 30px; }
    .how_design .steps img { padding-left: 0px; margin: 0 auto; }
    .how_design .textblock { border-left: 0px solid #f47221; padding-top: 0px; padding-left: 0px; margin-bottom: 80px; }
    .how_design .steps .icon_text_container h6 { text-align: center; margin: 30px 0px; }
    .how_benifit { padding: 0px; }
    .how_design>.text h1, .how_benifit>.text h1 { width: 100%; }
    .how_benifit>.text { padding: 60px 15px; }
    .icon_text_container { padding: 0px; }
    .our_method>.custom_container, .case_study .custom_container { width: 100%; }
    .only_text { padding: 40px 0px; text-align: center; overflow: auto; }
    .only_text h1 { width: 100%; padding: 30px 15px; line-height: normal; }
    .impairment ul { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;width: 109%; }
    .our_method h2.centre-line { text-align: center; position: absolute; top: 5px; left: 50%; width: 3em; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
    .impairment li { margin: 0; color: #000; width: 50%; text-align: left; padding: 0 0 0 10px; position: relative; }
    .impairment ul li::before { content: "\2022"; color: #de7c40; font-weight: bold; display: inline-block;                    /* width: 1em; */ padding-right: 0; -webkit-transform: scale(2.5); -ms-transform: scale(2.5); transform: scale(2.5); left: 5px; position: absolute; }

    .whyImportant h2{
        text-align: center;
        padding: 10px 0;
        font-size: 24px;
    }
    .whyImportant h2 span{
        text-align: center;
        font-size: 30px;
        font-weight: 500;
    }
    .whyImportant .whyImportant-slider {
        margin-top: 0px;
    }
    .whyImportant .whyImportant-slider {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: distribute; justify-content: space-around;    margin-bottom: 20px;}
    img.img-left {
         padding-left: 0; 
         padding-top: 0; 
    }
    .whyImportant p {
        font-family: openSans-regular;
        font-weight: 400;
        font-size: 15px;
        color: #fff;
        display: inline-block;
    }
    .col-sm-4.col-xs-12.padB45.item.pd-l {
            padding-left: 15px;
            margin-right: -30px;
    }
    .col-sm-4.col-xs-12.item.pa-n {
        display:block;
    }
    .whyImportant .item {
        margin-top:5px;
        margin-bottom:5px;
    }
    .our_method, .case_study { padding: 0px; margin-bottom: 0; }
    .key_del h1 {margin-bottom: 50px; margin-top: 20px; }
    .key_del div p { width: 100%; padding: 20px 0px 0px 0px; text-align: center; }
    .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        margin-bottom: 60px;
    }
    .mt-5 {
        margin-top: 0
    }
    .actionsec { padding: 0;}
    .key_del1 h1 { width: 100%; margin-bottom: 30px;font-size: 30px; font-weight: 500; }
    p.technology-is-evolving {padding: 0 0px 50px !important;}

    .key_del1 div p { width: 100%; padding: 10px 0px 40px 0px; }
    .key_del1 .technology-is-evolving {width: 100%;}
    .key_del1 .web-apps {font-size: 16px; padding-top: 20px ;}
    .h-eq{height: 200px;}
    .h-eq{height: 150px;}
    .our_method div.accessibility_guidelines img { max-width: 90%; /*margin-top: 5%;*/ }
    .our_method div.gradient, .case_study .gradient, .key_del { padding: 60px 0; }
    .key_del1 { padding: 50px 0px 0px }

    .our_method {   
        padding: 0; 
        background: none;
    }
    .accessibility_guidelines p.accessibility_guidelines_p {
        padding: 10px 12px;
    }
    .accessibility_guidelines p.standards-we-follow {
        margin-top: 20px;
    }
    .accessibility_guidelines p.accessibility_guidelines_bottom {
        padding-bottom: 58px;
    }
    .accessibility_guidelines p.accessibility_guidelines_bottom {
         margin-bottom: 0; 
    }
    .client-slider1{
        background-image: url(../images-new/industry-logo/newabout24.jpg);
        height: 553px;
        /*background-repeat: no-repeat;*/
        background-position: center;
        /*background-attachment: fixed;*/
        height: 350px;
        background-size: cover;
        position: relative;
        z-index: 9;
    }
    .client-slider1 .client-respone-head-sec {
        text-align: center;
        margin: 0 auto;
        color: #000000;
        font-size: 22px;
        padding-top: 18px;
        font-family: 'openSans-regular';
        font-weight: 400;
    } 
    .client-slider1 .client-response-box img {
        position: relative;
        top: -26px;
        left: 45px;
        display: block;
        text-align: right;
    }
    .client-slider1 .client-response-box .cleint-txt {
        text-align: left;
        font-size: 11px;
        padding: 0px 15px 1px 15px;
        color: #303030;
        font-family: openSans-regular;
        font-weight: 400;
    }
    .client-slider1 .client-response-box {
        background: #ececec;
        display: inline-block;
        width: 85%;
        margin: 20px auto;
        padding-top: 0px;
        border-radius: 10px;
        padding-bottom: 20px;
        height: 210px;
        margin-left: 7.5%;
    }
    .client-slider1 .owl-nav .owl-next {
        right: 25px;
    }
    .client-slider1 .owl-nav .owl-prev{
        left: 0;
    }
    .client-slider1 p{  
        text-align: center;
        color: #000;
        font-size: 14px;
    }

    .owl-carousel1 .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
}
.owl-carousel1 .owl-stage {
    -webkit-transform: translate3d(0px, 0px, 0px) !important;
            transform: translate3d(0px, 0px, 0px) !important;
}
    .case_study .text_container { padding: 60px 15px; }
    .col.text h1.pageheading { line-height: 30px; font-size: 20px; }
    .how_design .textblock p { line-height: 15px; padding: 0px 15px 0px 15px; }
    .case_study a.button { float: none; height: 40px; line-height: 40px; margin-right: 0px; margin: 20px auto 0; display: inline-block; }
    .offering_banner .col .innernav.only_two li:before { bottom: -35px; }
}
@media screen and (max-width:361px) and (min-width:320px) {
    br { display: none; }
    a>br { display: block; }
}
#icon_2, #icon_3, #icon_4, #icon_5, #icon_6, #icon_1, #icon_text_1, #icon_text_2, #icon_text_3, #icon_text_4, #icon_text_5, #icon_text_6 { opacity: 0; }
.opacity0 { opacity: 0; }
.trigger { opacity: 0; -webkit-transition: all 600ms linear; -o-transition: all 600ms linear; transition: all 600ms linear; -webkit-transition-delay: 2s; -o-transition-delay: 2s; transition-delay: 2s; -webkit-animation: fadein 1s normal forwards;                /* Safari, Chrome and Opera > 12.1 */                /* Firefox < 16 */

    /* Internet Explorer */

    /* Opera < 12.1 */
animation: fadein 300ms normal forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; }
#icon_text_2.trigger { -webkit-animation-delay: 300ms;                /* Safari 4.0 - 8.0 */ animation-delay: 300ms; }
#icon_text_3.trigger { -webkit-animation-delay: 600ms;                /* Safari 4.0 - 8.0 */ animation-delay: 600ms; }
#icon_text_4.trigger { -webkit-animation-delay: 900ms;                /* Safari 4.0 - 8.0 */ animation-delay: 900ms; }
#icon_text_5.trigger { -webkit-animation-delay: 1200ms;                /* Safari 4.0 - 8.0 */ animation-delay: 1200ms; }
#icon_text_6.trigger { -webkit-animation-delay: 1500ms;                /* Safari 4.0 - 8.0 */ animation-delay: 1500ms; }
#icon_2.trigger { -webkit-animation-delay: 300ms;                /* Safari 4.0 - 8.0 */ animation-delay: 300ms; }
#icon_3.trigger { -webkit-animation-delay: 600ms;                /* Safari 4.0 - 8.0 */ animation-delay: 600ms; }
#icon_4.trigger { -webkit-animation-delay: 900ms;                /* Safari 4.0 - 8.0 */ animation-delay: 900ms; }
#icon_5.trigger { -webkit-animation-delay: 1200ms;                /* Safari 4.0 - 8.0 */ animation-delay: 1200ms; }
#icon_6.trigger { -webkit-animation-delay: 1500ms;                /* Safari 4.0 - 8.0 */ animation-delay: 1500ms; }
@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Firefox < 16 */

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Internet Explorer */

/* Opera < 12.1 */
#line { fill-opacity: 0; stroke-dashArray: -1100; stroke-dashoffset: -1100; stroke-opacity: 1; }
#line.triggerline { fill-opacity: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: backwards; animation-fill-mode: backwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; stroke-dashArray: -500; stroke-dashoffset: -500; -webkit-animation-name: DrawLine; animation-name: DrawLine; -webkit-animation-duration: 1600ms; animation-duration: 1600ms; stroke-opacity: .8; }
@-webkit-keyframes DrawLine {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
@keyframes DrawLine {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
#line1 { fill-opacity: 0; stroke-dashArray: -500; stroke-dashoffset: 500; stroke-opacity: 1; }
.triggerline1 { fill-opacity: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; stroke-dashArray: -500; stroke-dashoffset: 500; -webkit-animation-name: DrawLine1; animation-name: DrawLine1; -webkit-animation-duration: 1300ms; animation-duration: 1300ms; stroke-opacity: .8; }
@-webkit-keyframes DrawLine1 {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
@keyframes DrawLine1 {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
#line2 { fill-opacity: 0; stroke-dashArray: -500; stroke-dashoffset: 500; stroke-opacity: 1; }
#line2.triggerline2 { fill-opacity: 1; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: 1; animation-iteration-count: 1; stroke-dashArray: -250; stroke-dashoffset: 250; -webkit-animation-name: DrawLine2; animation-name: DrawLine2; -webkit-animation-duration: 1300ms; animation-duration: 1300ms; stroke-opacity: .8; }
@-webkit-keyframes DrawLine2 {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
@keyframes DrawLine2 {
    to { stroke-dashOffset: 0; stroke-opacity: .7; }
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:portrait) {
    .case_study { background: url(../images/offerings/mobile_case_Study.jpg) center no-repeat scroll; }
    .offering_banner.mobile, .accessibiliy_banner_inner.mobile { background: url("../images/offerings/mobile_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.cro { background: url("../images/offerings/cro_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.wearables, .accessibiliy_banner_inner.wearables { background: url("../images/offerings/wearables_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.user_audit, .accessibiliy_banner_inner.user_audit { background: url("../images/offerings/user_audit_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.mystrey, .accessibiliy_banner_inner.mystery { background: url("../images/offerings/mystrey.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.web_optm, .accessibiliy_banner_inner.web_optm { background: url("../images/offerings/web_optm_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.comp_ana, .accessibiliy_banner_inner.comp_ana { background: url("../images/offerings/comp_ana_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.iot, .accessibiliy_banner_inner.iot { background: url("../images/offerings/iot_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.ai, .accessibiliy_banner_inner.ai { background: url("../images/offerings/ai_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.ar_vr, .accessibiliy_banner_inner.ar_vr { background: url("../images/offerings/ar_vr_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.research { background: url("../images/offerings/research_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.website, .accessibiliy_banner_inner.website { background: url("../images/offerings/website_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner { background: url(../images/offerings/banner_bg.jpg) 0px 30px no-repeat scroll; }
    .how_benifit { background: url(../images/offerings/benifit_bg.jpg) center scroll; }
    .our_method { background: url(../images/accessibility/layer-2.jpg) scroll no-repeat; }
    .our_method.ar_vr_bg { background: url(../images/offerings/laptop.jpg) scroll no-repeat; }
    .our_method.ar_vr_bg { background: url(../images/offerings/laptop.jpg) scroll no-repeat; }
    .our_method.user_research { background: url("../images/offerings/user_research_step2_bg.jpg") scroll no-repeat; }
    .case_study { background: url(../images/offerings/mobile_case_Study.jpg) center no-repeat; }
    .case_study.kotak { background: url("../case-study/user-experience-design/kotak/images/understanding-img4-3.jpg") center no-repeat scroll; }
    .case_study.vodafone { background: url("../images/offerings/case_study_vodafone.jpg") center no-repeat scroll; }
}
@media all and (device-width:768px) and (device-height:1024px) and (orientation:landscape) {
    .case_study { background: url(../images/offerings/mobile_case_Study.jpg) center no-repeat scroll; }
    .offering_banner { background: url(../images/offerings/banner_bg.jpg) 0px 0px no-repeat scroll; }
    .offering_banner.mobile, .accessibiliy_banner_inner.mobile { background: url("../images/offerings/mobile_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.cro { background: url("../images/offerings/cro_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.wearables, .accessibiliy_banner_inner.wearables { background: url("../images/offerings/wearables_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.user_audit, .accessibiliy_banner_inner.user_audit { background: url("../images/offerings/user_audit_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.mystrey, .accessibiliy_banner_inner.mystery { background: url("../images/offerings/mystrey.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.web_optm, .accessibiliy_banner_inner.web_optm { background: url("../images/offerings/web_optm_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.comp_ana, .accessibiliy_banner_inner.comp_ana { background: url("../images/offerings/comp_ana_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.iot, .accessibiliy_banner_inner.iot { background: url("../images/offerings/iot_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.ai, .accessibiliy_banner_inner.ai { background: url("../images/offerings/ai_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.ar_vr, .accessibiliy_banner_inner.ar_vr { background: url("../images/offerings/ar_vr_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.research { background: url("../images/offerings/research_bg.jpg") 0px 0px no-repeat scroll; }
    .offering_banner.website, .accessibiliy_banner_inner.website { background: url("../images/offerings/website_banner_bg.jpg") 0px 0px no-repeat scroll; }
    .how_benifit { background: url(../images/offerings/benifit_bg.jpg) center scroll; }
    .our_method { background: url(../images/offerings/mobile_app_step2_bg.jpg) scroll no-repeat; }
    .our_method.ar_vr_bg { background: url(../images/offerings/laptop.jpg) scroll no-repeat; }
    .our_method.user_research { background: url("../images/offerings/user_research_step2_bg.jpg") scroll no-repeat; }
    .case_study { background: url(../images/offerings/mobile_case_Study.jpg) center no-repeat scroll; }
    .case_study.kotak { background: url("../case-study/user-experience-design/kotak/images/understanding-img4-3.jpg") center no-repeat scroll; }
    .case_study.vodafone { background: url("../images/offerings/case_study_vodafone.jpg") center no-repeat scroll; }
}
.svg_trigger { height: 10px; width: 100%; position: absolute; margin-top: 30%; }
.only_text_imgbg h1:before, .only_text h1:before { content: ""; width: 5px; height: 100%; -webkit-transform: skew(-20deg); -moz-transform: skew(-20deg); -o-transform: skew(-20deg); background: #f2f5f5; position: absolute; display: inline-block; position: absolute; top: -1px; left: 10px; -webkit-box-shadow: 0px 0px 40px 20px rgba(255, 255, 255, .9); box-shadow: 0px 0px 40px 20px rgba(255, 255, 255, .9); opacity: 0; }
h1.focused:before { left: 200%; -webkit-transition: left 999ms linear; -o-transition: left 999ms linear; transition: left 999ms linear; opacity: 1; }
.only_text_imgbg h1:before { display: none; }
.owl-prev.disabled, .owl-next.disabled { display: none; }
@media screen and (max-width:767px) and (min-width:320px) {
    h1.focused:before { display: none; }
    .down { display: none; }
    .page_heading h1 { z-index: 1; }
    .svg_trigger.single_line { margin-top: 5%; }
}
svg { height: 100%; }
@-moz-document url-prefix() {
    .footer-container-2 { display: block; }
}

/*.whyImportant {
    overflow: auto;
    position: relative;
    padding: 35px 75px 0px;
    background: url(../images-new/digitaltransform/whatwillwedo_bg.jpg) no-repeat center center;
}

.whyImportant::before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(237, 95, 56, .9);
    z-index: 0;
    content: '';
    display: block;
    pointer-events: none;
}




}*/

/*-----------------------------------Media Query ---------------------------*/
@media screen and (max-width:1280px) and (min-width:1200px) {
    .whyImportant { padding: 35px 30px 0px; }
    .whyImportant .col-sm-4 { position: relative; padding: 0px; }
    .whyImportant p { font-size: 14px; }
    .whyImportant h2 { font-size: 23px; }
}
@media screen and (max-width:1023px) and (min-width:768px) {
    .whyImportant { padding: 0px 10px; }
    .whyImportant p { font-size: 12px; }
    .whyImportant .col-sm-4 { padding: 0px; }
    .whyImportant h2 span { display: inline-block; }
    .actionsecdiv p { font-size: 0px;} .actionsec h2 {top: -20px;       position: relative; }
    .action_button { font-size: 14px; padding: 8px 15px; float: right;        margin-right: 40px; }
}
@media screen and (max-width:767px) and (min-width:400px) {
    .whyImportant .col-sm-4::after { display: none; }
    .whyImportant .col-sm-4.item { text-align: center; }
    .whyImportant .col-sm-4.item img { display: block; margin: 10px auto; }
    .whyImportant .padB45.item { padding-bottom: 0px !important; }
    .whyImportant-carousel.owl-carousel .owl-item img { width: auto; }
}
@media screen and (max-width:400px) and (min-width:320px) {
    .whyImportant .col-sm-4::after { display: none; }
    .whyImportant .col-sm-4.item { text-align: center; }
    .whyImportant .col-sm-4.item.pa-n { padding-right: 0; padding-left: 0; }
    .whyImportant .col-sm-4.item img { display: block; margin: 23px auto; padding:0;}
    .whyImportant .padB45.item { padding-bottom: 0px !important; }
    .list-inline { padding-left: 0; margin-left: -15px; }
    .carousel-control.left { margin-left: -15px; }
    .carousel-control.right { margin-right: 10px; }
    .whyImportant { padding: 35px 5px 0px; }
    .goalsOverlay p { color: #fff; font-family: openSans-regular; font-weight: 400; font-size: 14px; margin-top: 5px; }
    .tvs img { display: none; }
    .whyImportant-carousel.owl-carousel .owl-item img { width: auto; }
    /*.actionsec img {display: inline-block;position: relative;top: 22px;      left: -130px;height: 103px; width: 78px;}
    .actionsec h2 { font-size: 24px; position: relative; top: -95px; right: -48px; text-align: center;}
    .action_button {background: #fff; color: #ed5f38; font-size: 18px;    text-transform: uppercase; padding: 6px 10px; border-radius: 50px;    right: -35px;top: -92px;position: relative; width: 230px;}*/
    .actionsec p span { display: none; }
    .mar-neg{margin-bottom: -45px;overflow: hidden;}
    .recentInvWrapper a {font-size: 16px; }
    .our_method div.gradient h1 {
        font-size: 30px;
        width: 90%;
    }
}

/*(max-width:400px) and (min-width:320px)*/
@media (min-width:320px) and (max-width:600px) {
    .whyImportant { overflow: auto; position: relative; padding: 20px 15px 0px; background: url(../images/accessibility/1-f-2-a-0046-copy.jpg) no-repeat center center; margin-bottom: 40px;}
}

@media (min-width: 768px){
   /* .client-respone-head-sec {
        text-align: center;
        margin: 0 auto;
        color: #303030;
        font-size: 30px;
        padding-top: 35px;
        font-family: 'openSans-light';
        font-weight: 200
    }

    .client-response-sec p {
        text-align: center;
        font-size: 14px;
        padding-top: 5px;
        color: #303030;
        font-family: 'openSans-light';
        font-weight: 200;
    }
    .client-response-box {
        background: #ececec;
        display: inline-block;
        width: 100%;
        margin: 15px auto;
        padding-top: 0px;
        border-radius: 10px;
        padding-bottom: 20px;
        height: 210px;
        margin-top: 60px;
    }
*/
}


@media (min-width:320px) and (max-width:320px) {
    .client-response-box span {
        padding-right:20px;
    }
    small.pull-right {
        padding: 0 20px 0 0;
        text-align: right;
    }
    .our_method div.gradient, .case_study .gradient, .key_del {
        padding: 80px 0px 102px
    }
    /*.our_method div.gradient h1 {
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
        font-family: openSans-regular;
        font-weight: 400;
        width: 90%;
    }*/
    .impairment li{
        /*margin: 0px -8px*/
        /*font-size: 12px;*/
    }
}