:root { --ds-bg: #030B26; --ds-bg-dark: #000; --ds-primary: #f48226; --ds-secondary: #ed1c24; --ds-text: #000000; --ds-text-white: #fff; --ds-bg-white: #fff; --ds-subtitle: #F48120; --ds-icon: #ffd23c; --ds-btn-text: #fff; --ds-border-form: #000; --ds-form-bg: #fff; --ds-form-text: #000; --ds-bg-navy-blue: #0c2442; --ds-bg-gray: #f4f7f6; --ds-bg-black-light: #151921; } .head-sec h2,.head-sec h3,.head-sec h4,.head-sec h5,.head-sec h6,.head-sec button,.head-sec span,.head-sec p,.head-sec table, .head-sec tr,.head-sec td, .head-sec th,.head-sec div,.head-sec span,.head-sec ul,.head-sec input,.head-sec a { font-family: 'Poppins' !important; } dl, ol, ul {margin-top: 0;margin-bottom: 0;} .head-sec {position: fixed;top: 0;z-index: 100;width: 100%;background: #fff; box-shadow: 0 3px 6px rgba(0, 0, 0, 16%);} .head-sec.strict {background: #fff;} .header-sec img.sticky-logo {display: block;max-height: 100%} .head-sec img.sticky-logo {display: none;} /*top header css*/ .top-header{background: #000; width: 100%; display: inline-block;} .top-header ul{margin: 0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; list-style: none;} .top-header ul li{ font-size:14px; font-family: 'Poppins'; color:#F48120; text-transform: uppercase; text-decoration: none; padding: 10px 0; margin: 0 6px;} .top-header ul li a{ color:#fff; margin: 0 0 0 5px;} /*.navbar-overlay-side {content: '';background: rgba(0, 0, 0, 0.6); position: fixed;top: 0; height: 100%; width: 100%; display: none;z-index: 99}*/ body.bg-layer { position: relative; overflow: hidden; } body.bg-layer .navbar-overlay-side{display: block;} /*top header css end*/ /*header css*/ .header-sec{position: relative; z-index: 99;background: #000} .header-sec nav.navbar {background:none !important;border-bottom: solid 1px var(--green-color);background: var(--white);width: 86%; position: relative; padding: 0;margin: 0} .header-sec nav.navbar .container-fluid,.header-sec nav.navbar .navbar-collapse{padding-left: 0;padding-right: 0} .header-sec .row {align-items: center;justify-content: space-between;height: 63px} .header-sec .row::after,.header-sec .row::before{display: none;} .header-sec .logo {width: 12%;} .head-sec .search-form-yext-ds{margin-top: 0} .head-sec .search-form-yext-ds.mobile-search{display: none} .header-sec .header-search {width: 11%;position: relative;display: none;} .header-search input.head-search-box {width: 100%;padding: 3px 0;border-radius: 50px;border: 1px solid #000;height: 40px;} .header-sec .head-search-input-flex{ display: flex;column-gap: 15px;padding-top: 14px;padding-bottom: 14px;} .head-search-input {position: absolute;right: 15px;} .head-sec .header-about-icclose{cursor: pointer;} .header-sec .head-search-input a.contact-us-header {background: #f48120;color: #fff !important;padding: 7px 24px;border-radius: 17px;font-size: 14px;font-weight: 500} .header-search button.yext-btn {position: absolute;top: 50%;right: 19px;border: none;background: none;transform: translate(0, -50%);} .header-sec nav.navbar .navbar-collapse {position: inherit;justify-content: end;} .navbar .navbar-collapse ul.navbar-nav {position: inherit;align-items: center;} .head-sec .container{position: relative;} .navbar .navbar-collapse ul.navbar-nav li {margin: 0 2px; position: inherit;} .navbar .navbar-collapse ul.navbar-nav li a {color: #fff;position: relative;font-size: 14px;padding-top: 19px;padding-bottom: 21px;font-weight: 500;padding-right: 7px;padding-left: 7px} .navbar .navbar-collapse ul.navbar-nav li a.nav-link:focus{ color:#fff; } .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li a.nav-link:focus{ color:#f48120; } .navbar .navbar-collapse ul.navbar-nav li a.nav-link.dropdown-toggle:after{ content:''; background:url(assets_home_page/images/downarrow-black.svg) no-repeat; font-size: 0;width: 12px;height: 9px;margin: 0 0 0 6px;background-size:12px } .navbar .navbar-collapse ul.navbar-nav li a.active {color: var(--ds-primary);} .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link,.head-sec.strict .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link{ color:#f48120; } .navbar .navbar-collapse ul.navbar-nav li:focus a.nav-link, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li a.nav-link:focus{color: #fff} .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link.dropdown-toggle:after, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link:after, .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle:after, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link:after{ background:url(assets_home_page/images/downarrow-orange.svg) no-repeat;background-size:12px} .navbar .navbar-collapse ul.navbar-nav li.contact-us-header-nav{display: flex;align-items: center;} .navbar .navbar-collapse ul.navbar-nav li a.contact-us-header{background: #f48120;color: #fff !important;padding: 7px 24px;border-radius: 17px;} .navbar .navbar-collapse ul.navbar-nav li:hover a.contact-us-header,.head-sec.strict .navbar .navbar-collapse ul.navbar-nav li a.contact-us-header,.head-sec.strict .navbar .navbar-collapse ul.navbar-nav li:hover a.contact-us-header{color: #fff !important} .navbar .navbar-collapse ul.navbar-nav li a.abou-icon-desk,a.nav-link.serach-bar-mobile{display: none} .navbar .dropdown-menu .services .services-menu {display: flex;flex-wrap: wrap;align-items: flex-start;justify-content: space-between;} .navbar .dropdown-menu .services .services-menu ul {align-items: self-start;width: 24.4%;} .navbar .dropdown-menu .services .services-menu ul h4 { text-transform: capitalize;font-size: 16px;font-weight: 600 !important;letter-spacing: 0;color: #fff;margin-bottom: 20px;width: 100%; display: block;border-bottom: 1px solid #848484;padding: 0 0 6px;} .navbar .dropdown-menu .services .services-menu ul h4 span {margin: 0 8px 0 0px;} .navbar .dropdown-menu .services .services-menu ul li {margin: 0 0 10px;width: 100%} .navbar .dropdown-menu .services .services-menu ul li a {padding: 0;color:#fff;font-size: 14px;font-weight: normal;letter-spacing: 0.7px} .navbar .dropdown-menu .services .services-menu ul li a:hover{color: var(--ds-primary);} .navbar .dropdown-menu .services .services-menu .premium-services {margin-top: 30px;} .navbar .dropdown-menu .services .services-menu .premium-services h4 {color: #000;font-size: 14px;font-weight: 600 !important; letter-spacing: 4px;} .navbar .dropdown-menu .services .services-menu .premium-services a.services-img {display: inline-block;margin: 0 25px 0 0px;} .navbar .dropdown-menu .services .services-menu .premium-services-mobile{display: none} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu {width: 100%;left: 0; margin:-1px 0 0; padding: 50px 35px;background: #242424;border-radius: 0px 0px 50px 50px;} .navbar .industries-menu h4 {font-size: 16px;color: #fff;font-weight: 600 !important;margin-bottom: 24px;} .navbar .dropdown-menu .menu-field {padding: 30px 0px 15px;border-bottom: 1px solid #D8D8D8; width: 100%;} .navbar .dropdown-menu ul {display: flex;flex-wrap: wrap; position: relative;} /*.navbar .dropdown-menu .services .services-menu ul:after { background: #ccc;height: 100%;position: absolute;left: -21px;content: '';top: 0;width: 1px;}*/ .navbar .dropdown-menu .services .services-menu ul:first-child:after{display: none} .navbar .dropdown-menu .industries-menu ul li {display: flex;margin: 0 2px 15px;align-items: center;width: 19.5%;} .navbar .dropdown-menu .industries-menu ul li a {color: #fff;position: relative;font-size: 14px;font-weight: normal;padding: 0 10px 0px;text-transform: capitalize !important;} .navbar .dropdown-menu .industries-menu ul li img{filter: invert(1);} .navbar .dropdown-menu .industries-menu ul li a:hover{color: var(--ds-primary);background: none} .navbar .dropdown-menu .industries-menu ul li span {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;width: 30px;height: 30px;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header{position: relative;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu{width: 290px;left: -43px;padding: 30px 10px} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.aboutdata-us-header .dropdown-menu{width: 660px} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.aboutdata-us-header .dropdown-menu .services .services-menu ul{width: 48%} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.aboutdata-us-header .dropdown-menu .services .services-menu ul li{margin: 0} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu a{padding: 0 0 10px;display: block;text-transform: capitalize !important;font-weight: 400} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu a:hover{color: #f48120} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu li:first-child a{background: none} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu li{width: 100%} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon a.nav-link.dropdown-toggle:after{display: none;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon.show .header-about-icon,.navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon:hover .header-about-icon{display: none;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon .header-about-icon-close,.navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon .header-about-icon-close{display: none;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon.show .header-about-icon-close,.navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon:hover .header-about-icon-close{display: block;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon img{width: 22px} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu {display: inline-block;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title{width: 100%;margin:0 0 10px} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a{font-weight: 400;padding: 0;color: #fff;text-transform: capitalize;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a:hover{color: #f48120;background: transparent;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu-name {font-size: 16px;line-height: 20px;color: #fff;margin: 0 0 15px;font-weight: 600; display: block;border-bottom: 1px solid #848484;width: 100%;padding: 0 0 6px;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu ul.second-row-techno{margin: 10px 0 0} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .web-techno{display: flex;justify-content: space-between;width: 100%} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technolgy-row {width: 18%;display: inline-block;margin: 0 16px 0 0;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technolgy-row.technolgy-row-web{ width: 38%} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .web-techno-dividation{width: 48%} .dropdown-menu .menu-field:last-child {border-bottom: none;} .dropdown-menu .menu-field .tech-menu h4 {font-size: 18px;text-transform: none;letter-spacing: 0;color: #000;font-weight: 600 !important;margin: 0 0 7px;} .dropdown-menu .menu-field .tech-menu ul {display: flex;flex-wrap: wrap;margin: 0;} .dropdown-menu .menu-field .tech-menu ul li {margin:0 10px 10px 0px;} .dropdown-menu .menu-field .tech-menu ul li a.dropdown-item {background: #FAFAFA;border-radius: 50px;font-size: 14px;font-weight: normal; padding: 7px 15px; transition: all 0.2s ease; text-transform: none; color: #000;} .dropdown-menu .menu-field .tech-menu ul li a.dropdown-item span {margin: 0 7px 0 0px;} .dropdown-menu .menu-field .tech-menu ul li a.dropdown-item:hover{ background: var(--ds-primary) ; transition: all 0.2s ease; color: #fff;} .work-menu h4 {font-size: 12px;font-weight: 600 !important} .work-menu h3 {font-size: 25px;font-weight: 600; margin: 15px 0 26px;color: #000;} .work-menu .work-box a {display: flex;align-items: center;margin-bottom: 30px;padding-top:0 !important;padding-bottom:0 !important } .work-menu .work-box .work-box-img {width: 25%;} .navbar .navbar-collapse ul.navbar-nav li .work-menu .see-more{font-size: 18px; font-weight: 600;color: var(--ds-primary) !important;display: inline-block;padding-bottom: 0;padding-top: 0} .work-menu .col-md-6.work-slide-1{padding-left: 0;padding-right:35px } .work-menu .col-md-6.work-slide-1.work-slide-2 {padding-left: 35px;border-left: 1px solid #d8d8d8;padding-right: 0;} .navbar .dropdown-menu .work-mobile,.navbar .dropdown-menu .about-mobile{display: none;} .work-menu .work-box .work-box-img img {width: 100%;height: 100%;} .work-menu .work-box .work-content {width: 75%;padding: 0 0 0 20px;} .work-menu .work-box .work-content h4 {font-size: 16px;font-weight: 600 !important;letter-spacing: 0;color: #000;} .work-menu .work-box .work-content p {margin: 6px 0; color: #000;} .work-menu .work-box .work-content h5 {font-size: 14px;font-weight: 500 !important;color: #000;} .work-menu .work-box .work-content h5 span {color: #000;} .navbar .dropdown-menu .row { align-items: normal; } .navbar .dropdown-menu .about-menu .about-menu-inner {vertical-align: top;border-right: 1px solid #D2D2D2;padding: 0 25px 0 0px;} .navbar .dropdown-menu .about-menu .about-menu-up {display: flex;flex-wrap: wrap; border-bottom: 1px solid #D2D2D2;} .navbar .dropdown-menu .about-menu .about-menu-up .about-company {width: 65%; padding:15px 30px 0 0px;} .navbar .dropdown-menu .about-menu .about-menu-up .about-sustainability {width: 35%;border-left: 1px solid #D2D2D2;padding:15px 0 15px 20px;} .navbar .dropdown-menu .about-menu .about-menu-up h4 {font-size: 18px;letter-spacing: 0;font-weight: 600 !important;color: #000;text-transform: none; margin-bottom: 24px;} .navbar .dropdown-menu .about-menu .about-menu-up a {font-size: 16px;font-weight: 600;color: #f48120 !important;display: inline-block; padding-bottom: 0;} .navbar .dropdown-menu .about-menu .about-menu-up a:hover,.navbar .dropdown-menu .about-menu .about-global-center a:hover{color: #000 !important} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team {justify-content: space-between;padding: 20px 0;align-items: center;} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-first{width: 18%} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-first h4{margin-bottom: 0} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-middle{width: 56%} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-middle img{width: 100%} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-last a{padding: 0} .navbar .dropdown-menu .about-menu .about-award-partner {border-bottom: none;padding:20px 0 0;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-partner {width: 35%;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-partner.about-img-partner-first .partner-img img{width: 80%; max-width: 76px;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-award {width: 65%;border-left: 1px solid #D2D2D2;padding: 0 0 0 20px;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-award .about-img-partner {display: flex;flex-wrap: wrap;width: 100%;padding: 0 0 0 0px;justify-content: space-between;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-award .about-img-partner a.partner-img {width: 31%;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-award .about-img-partner a.partner-img img {width: 100%;} .navbar .dropdown-menu .about-menu .about-global-center h3 {font-size: 26px;font-weight: 600; margin: 0px 0 15px;} .navbar .dropdown-menu .about-menu .about-global-center img {width: 100%;} .navbar .dropdown-menu .about-menu .about-global-center p {color: #747474;margin-top: 11px;} .navbar .dropdown-menu .about-menu .about-global-center a {font-size: 16px;font-weight: 600;color: #f48120 !important;padding-bottom: 0;display: flex; align-items: center;} .navbar .dropdown-menu .about-menu .about-global-center a span {margin: 0 0 0 7px;} .navbar .dropdown-menu .about-menu .about-global-center a:after {display: none;} .navbar .dropdown-menu .about-menu .about-global-center .gcc-flex-about { display: flex; justify-content: space-between; flex-wrap: wrap; row-gap: 20px; margin: 20px 0 0; } .navbar .dropdown-menu .about-menu .about-global-center .gcc-flex-about .gcc-flex-box { width: 48%; display: flex; column-gap: 10px; } .navbar .dropdown-menu .about-menu .about-global-center p.gcc-flex-para { color: #000; font-weight: 600; margin: 0; width: 62%; } .navbar .dropdown-menu .about-menu .about-global-center .gcc-flex-about img{width: fit-content;max-width: 26px;height: fit-content;} .navbar-brand { font-size: 1.4em; } .navbar-dark .navbar-nav a.nav-link { color: #ffffff; font-size: 1.1em; } .dropdown-menu { box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); border: none; border-radius: 0; padding: 0.7em; } /*sidebar btn*/ .sidebar-btn .form-popup-sidebar,.sidebar-btn .sidebanner-sidebar{position:fixed;bottom:130px;height:383px;z-index:6} .sidebar-btn .form-popup-text,.sidebar-btn .sidebar-btn .common-btn{font-weight:600;font-family:poppins!important} .sidebar-btn {position:fixed;right:0;top:41%;z-index: 9999} .sidebar-btn .form-popup-sidebar{right:0;width:595px;padding:36px;background:url(../img/service-images/strip-sidebtn.svg) #fff;color:#000;cursor:default;box-shadow:0 3px 6px #00000029;transition:.3s} .sidebar-btn .sidebanner-sidebar{width:50px;color:#fff;letter-spacing:1px;cursor:pointer;background:linear-gradient(180deg,#2b16fe 0,#0a04b8 100%) no-repeat padding-box;border-radius:10px 0 0 10px} .sidebar-btn .sidebanner-sidebar-collapsed{right:0} .sidebar-btn .sidebanner-sidebar-expanded{right:595px} .sidebar-btn .sidebanner-arrow{width:0;height:0;margin:35px 22px;border-top:6px solid transparent;border-bottom:6px solid transparent} .sidebar-btn .sidebanner-sidebar-collapsed .sidebanner-arrow{border-right:14px solid #fff} .sidebar-btn .sidebanner-sidebar-expanded .sidebanner-arrow{border-left:14px solid #fff} .sidebar-btn .sidebanner-arrow-sidebar-content{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);padding:5px 15px;vertical-align:middle;text-align:center;font-size:18px;font-weight:600;-webkit-margin-after:0;margin-block-end:0;-webkit-margin-before:0;margin-block-start:0;color:#fcfcfc;display:inline-block} .sidebar-btn .form-fields,.sidebar-btn .home-content-certitified{display:flex} .sidebar-btn .form-popup-text{font-size:22px;line-height:31px;width:100%;margin: 0} .sidebar-btn .side-text-flex{align-items:center;margin:0 0 15px} .sidebar-btn .side-text-icon{width:37%} .sidebar-btn .side-text-icon figure{margin:0} .sidebar-btn .form-fields{flex-wrap:wrap;justify-content:space-between} .sidebar-btn .form-block,.sidebar-btn .form-group{width:48%;margin:0 0 15px} .sidebar-btn .form-control,.sidebar-btn textarea.form-control{padding:10px 15px;height:40px;font-size:14px;resize:none;border:1px solid #e1e1e1;border-radius:3px;background:#fff;color:#000} .sidebar-btn .form-control:focus{box-shadow:none} .sidebar-btn .common-btn{background:#f48120;color:#fff;font-size:16px;line-height:20px;padding:12px 30px;border-radius:5px;display:inline-block;border:none;margin:12px 0 25px} .sidebar-btn .common-btn:hover{background:#f48120} .sidebar-btn .home-content-certitified span{display:flex;align-items:center;margin:0 30px 0 0} .sidebar-btn .home-content-certitified span h6{color:#000;font-size:16px;font-weight:400!important;margin:0 0 0 9px;font-family:poppins!important} .sidebar-btn .error-message{font-size: 11px;color: red} .sidebar-btn input::placeholder{font-size: 14px} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-sidebar{background: transparent linear-gradient(180deg, #F30000 0%, #7A0000 100%) 0% 0% no-repeat padding-box;transition: background 0.15s ease-in-out;} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-arrow-sidebar-content{font-size: 20px;letter-spacing: 0.3px;} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-arrow-sidebar-content span{font-size: 14px;font-weight: 400} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-sidebar{display: flex;} .sidebar-btn.sidebar-btn-blackfriday .form-popup-sidebar{padding: 30px 25px;background:#FCFBF8 url(../img/service-images/footer_call_black_bg.png);overflow: hidden;} .sidebar-btn.sidebar-btn-blackfriday .common-btn{margin: 0;background:url(../img/service-images/footer_call_btn.png);padding:12px 42px} .sidebar-btn.sidebar-btn-blackfriday .footer_call_black_last{position: absolute;right: 0;bottom: 0;margin: 0} .sidebar-btn.sidebar-btn-blackfriday form{position: relative;margin: 35px 0 0} /*.sidebar-btn.sidebar-btn-blackfriday .black-arrow-relative{width: 70px}*/ .sidebar-btn.sidebar-btn-blackfriday .black-arrow {position: absolute;top: 170px;left: -88px;border-radius: 150px 0px 0 150px;background: #343434;width: 38px;height: 70px;display: flex !important;align-items: center;padding: 15px;z-index: -1;} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-sidebar:hover .black-arrow{background: #000} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-sidebar-expanded .black-arrow img{transform: rotate(180deg)} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-sidebar img{border-radius: 10px 0 0 10px;max-width: fit-content;} /*.black-arrow{left: -623px}*/ .validnov{opacity: 0.5;font-size: 10px;line-height: 12px;margin: 17px 0 0;color: #fff;text-align: center;} /*sidebar btn*/ .container.top-new-add-detials div#answers-container {margin-top: 120px;} .bts-popup-new-exit {position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility 0 .3s;-moz-transition:opacity .3s,visibility 0 .3s;transition:opacity .3s,visibility 0 .3s;z-index:9999999} .bts-popup-new-exit.is-visible{opacity:1;visibility:visible;} .bts-popup-new-exit .bts-popupnew-container{position:relative;width:90%;max-width:1000px;margin:auto;background-color:#fff;border-radius:25px;text-align:center;box-shadow:0 0 6px #d8d8d8;-webkit-transform:translateY(-40px);-moz-transform:translateY(-40px);-ms-transform:translateY(-40px);-o-transform:translateY(-40px);transform:translateY(-40px);-webkit-backface-visibility:hidden;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;transition-duration:.3s;top:50%;transform:translate(0,-50%)!important} .bts-popup-new-exit .new-exit-head{font-size:50px;line-height:60px;font-weight:600;padding:60px 0 0} .bts-popup-new-exit .new-exit-subhead{font-size:22px;line-height:30px;margin:10px 0 40px} .bts-popup-new-exit .new-exit-left{width:48%;text-align:left} .bts-popup-new-exit .new-exit-right{width:48%} .bts-popup-new-exit .new-exit-flex{padding:0 60px} .bts-popup-new-exit .exit-new-content{margin:0 0 0 20px;width:88%} .bts-popup-new-exit .new-exit-left figure{width:55px} .bts-popup-new-exit .exit-new-content-head{font-size:25px;line-height:28px;font-weight:600;margin:0 0 15px} .bts-popup-new-exit .exit-new-content-subhead{font-size:15px;line-height:20px;margin:0 0 30px} .bts-popup-new-exit .form-control,.bts-popup-new-exit .form-fields textarea.form-control{font-size:16px;line-height:20px;height:auto;padding:16px 20px;border:1px solid #d7d7d7;box-shadow:none;color:#72777a} .bts-popup-new-exit .form-fields textarea.form-control{height:90px} .bts-popup-new-exit .form-block,.bts-popup-new-exit .form-group{margin:0 0 20px;position:relative} .bts-popup-new-exit .form-block label,.bts-popup-new-exit .form-group label{position:absolute;left:10px;background:#fff;padding:2px 10px;font-size:14px;color:#2f2f2f;top:-11px;margin:0;font-weight:400} .bts-popup-new-exit .request-form .form-fields button{background:#f48120;border-radius:8px;font-size:16px;text-transform:uppercase} .bts-popup-new-exit .bts-popup-close::after,.bts-popup-new-exit .bts-popup-close::before,.bts-popup-new-exit .close::after,.bts-popup-new-exit .close::before{content:"";position:absolute;width:16px;height:3px;background-color:#fff} .bts-popup-new-exit .bts-popup-close::before,.bts-popup-new-exit .close::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;top:13px} .bts-popup-new-exit .bts-popup-close::after,.bts-popup-new-exit .close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:6px;top:13px} .bts-popup-new-exit .bts-popup-close{position:absolute;top:25px;right:25px;width:30px;height:30px;opacity:1;background:#e40000;border-radius:50%} .bts-popup-new-exit .partner-gif{padding:46px 0 60px} @media (min-width:576px) { .head-sec .container{ max-width: 1480px;width: auto;} } @media (min-width: 768px) { .head-sec .container{max-width: 1480px; width: auto;} .head-sec .col-md-12 {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;} .head-sec .col-md-3 {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;} body{overflow: auto !important;} } @media (min-width: 992px) { .head-sec .container{max-width: 1480px;width: auto;} .head-sec .col-lg-7 {-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;} .head-sec .col-lg-5 {-ms-flex: 0 0 41.666667%;flex: 0 0 41.666667%; max-width: 41.666667%;} .head-sec .col-lg-9 {-ms-flex: 0 0 75%;flex: 0 0 75%;max-width: 75%;} .head-sec .col-lg-3 {-ms-flex: 0 0 25%; flex: 0 0 25%;max-width: 25%;} } @media (min-width: 1200px) { .head-sec .container{max-width: 1480px;width: auto;} } @media (min-width: 1400px) { .head-sec .container {max-width: 1480px;width: auto;} } @media only screen and (min-width: 992px) { .dropdown:hover .dropdown-menu { display: flex; } } .dropdown-menu ul { list-style: none; padding: 0; } .dropdown-menu li .dropdown-item { color: gray; font-size: 1em; padding: 0.5em 1em; } .dropdown-menu li .dropdown-item:hover { background-color: #f1f1f1; } .dropdown-menu li:first-child a { font-weight: bold; font-size: 1.1em; text-transform: uppercase; color: #516beb; } .dropdown-menu li:first-child a:hover { background-color: #f1f1f1; } @media only screen and (min-width: 992px) and (max-width: 1140px) { .dropdown:hover .dropdown-menu { width: 40vw; flex-wrap: wrap; } } .dropdown-menu { border-radius: 0; border: none; padding: 0.5em; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.23); } .dropdown-menu ul { list-style: none; padding: 0; } .dropdown-menu li a { color: gray; padding: 0.5em 1em; } .dropdown-menu li:first-child a { font-weight: bold; font-size: 1.1em; color: #516beb; } @media screen and (min-width: 993px) { .dropdown:hover .dropdown-menu { display: flex; } .dropdown-menu.show { display: flex; } } @media screen and (max-width: 992px) { .dropdown-menu.show { max-height: 60vh; overflow-y: scroll; } } .search-form-yext-ds { margin-top: 15px; } .yxt-SearchBar-autocomplete li:hover { background: var(--ds-primary); color: #fff; } .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form { height: auto;max-height: 35px; } .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input { font-size: 13px; color: #fff; } .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::placeholder { color: #fff; opacity: 1; } .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::-ms-input-placeholder { /* Edge 12 -18 */ color: #fff; } .head-sec .yxt-SearchBar{ height: 31px; } .head-sec .Icon--lg svg { height: 22px; width: 22px; } .head-sec .yxt-SearchBar .yxt-SearchBar-container{border: none;border-radius: 17px;background-color:#2D2D2D;} .head-sec.strict .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::placeholder { color:#fff } .head-sec.strict .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form input::-ms-input-placeholder{ color:#fff } .yxt-Answers-component form.yxt-SearchBar-form input { padding: 10px 15px; } .yxt-GeoLocationFilter-container, .yxt-SearchBar-container { position: relative; overflow: hidden; z-index: 1; border-radius: var(--yxt-searchbar-form-border-radius); border: .0625rem solid var(--yxt-searchbar-form-outline-color-base); background-color: transparent; } .yxt-Answers-component form.yxt-SearchBar-form button{ border:none; padding: 5px 8px; background: none;} .yxt-SearchBar-AnimatedIcon .Icon { border: 1px solid #fff; border-radius: 50px; } .Icon--yext_animated_reverse svg { color: #fff; background: hsla(0, 0%, 100%, 0); stroke: #fff; height: 1.7em; width: 1.7em; } .head-sec .Icon--yext_animated_reverse svg { stroke: #fff; color: #fff; } .head-sec .Icon--yext_animated_forward svg{color: #fff} .head-sec .Icon--yext_animated_forward svg path{stroke: #fff} .head-sec .js-yxt-AnimatedForward.yxt-SearchBar-AnimatedIcon .Icon{border: none} .head-sec .yxt-SearchBar .yxt-SearchBar-container form.yxt-SearchBar-form .Icon.Icon--close svg{font-size: 23px} .head-sec .yxt-Answers-component form.yxt-SearchBar-form button.yxt-SearchBar-clear{padding-left: 0;padding-right: 0} .header-sec .search-form.component{background: none} /*header css end*/ /*exit popup start*/ .popupopen {overflow: hidden;} .exitpopup-homenew .bts-popup1{position:fixed;left:0;top:0;height:100%;width:100%;background-color:rgba(0,0,0,.5);opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility 0s .3s;-moz-transition:opacity .3s,visibility 0s .3s;transition:opacity .3s,visibility 0s .3s;z-index:9999999} .exitpopup-homenew .bts-popup1.is-visible{opacity:1;visibility:visible;-webkit-transition:opacity .3s,visibility;-moz-transition:opacity .3s,visibility;transition:opacity .3s,visibility} .exitpopup-homenew .bts-popup-container1{ position: relative;width: 90%;max-width: 900px;margin: auto;border-radius: 20px;text-align: center;box-shadow: 0 0 2px rgb(0 0 0 / 20%);-webkit-transform: translateY(-40px);-moz-transform: translateY(-40px);-ms-transform: translateY(-40px);-o-transform: translateY(-40px);transform: translateY(-40px);-webkit-backface-visibility: hidden;-webkit-transition-property: -webkit-transform;-moz-transition-property: -moz-transform;transition-property: transform;-webkit-transition-duration: .3s;-moz-transition-duration: .3s;transition-duration: .3s; top: 50%;transform: translate(0, -50%) !important;padding: 60px 190px;border: none;background-color: #fff;} .exitpopup-homenew .bts-popup-container1 h1{font-family: 'Poppins' !important;color: #000; text-transform:none;font-size:32px;line-height:46px;padding-top:10px;font-weight:600!important;margin-bottom:0} .exitpopup-homenew .bts-popup-container1 h1 span{color:#f48120;font-family: 'Poppins' !important;display: block;font-size: 38px;margin: 25px 0 8px;line-height: 45px;} .exitpopup-homenew .bts-popup-container1 p{color:#1b1717;font-weight:600;padding:30px 0 35px;font-size:15px;text-transform:capitalize;margin:auto;font-family: 'Poppins' !important} .exitpopup-homenew .bts-popup-container1 p.exit-sale-popup{padding:10px 0 0} .exitpopup-homenew .bts-popup-container1 .bts-success{padding:0;border:none} .exitpopup-homenew .bts-popup-container1 .bts-success a{font-family: 'Poppins' !important;padding:10px 56px;display:inline-block;background:no-repeat padding-box #f48120;border-radius:5px;opacity:1;color:#fff;margin:0;font-size:16px} .exitpopup-homenew .bts-popup-container1 a{color:#fff;text-decoration:none;text-transform:uppercase} .exitpopup-homenew .bts-popup-container1 .bts-popup-close1{position:absolute;top:8px;right:8px;width:30px;height:30px} .exitpopup-homenew .bts-popup-container1 .bts-popup-close1::after,.exitpopup-homenew .bts-popup-container1 .bts-popup-close1::before{content:"";position:absolute;width:16px;height:3px;background-color:#171414} .exitpopup-homenew .bts-popup-container1 .bts-popup-close1::before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);left:8px;top:13px} .exitpopup-homenew .bts-popup-container1 .bts-popup-close1::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:6px;top:13px} .exitpopup-homenew .is-visible .bts-popup-container1{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} /*exit popup end*/ @media (max-height:730px){ .exitpopup-homenew .bts-popup-container1{ padding: 40px 130px;top: 56%} } @media(max-width:1400px){ /*header css*/ .header-sec .logo{width: 11%} .header-sec nav.navbar{width: 89%} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu{padding: 40px 25px} .navbar .navbar-collapse ul.navbar-nav li a{ font-size:13px;padding-right:4px;padding-left:4px } .navbar .dropdown-menu .services .services-menu ul h4,.navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu-name { font-size: 14px;} .navbar .dropdown-menu .services .services-menu ul li a,.navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a{font-size: 13px} .navbar .dropdown-menu .services .services-menu ul li,.navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title {margin: 0 0 8px;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu{left: -73px} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu{width: 230px;padding: 30px 0} .header-sec .logo img{width: 11%} .navbar .navbar-collapse ul.navbar-nav li a.contact-us-header,.header-sec .head-search-input a.contact-us-header{padding: 7px 9px} .header-sec .head-search-input a.contact-us-header{font-size: 13px} /*.sidebar-btn .form-popup-sidebar, .sidebar-btn .sidebanner-sidebar{bottom: 95px;height: 365px} .sidebar-btn .sidebanner-arrow{margin: 30px 19px} .sidebar-btn .form-popup-sidebar{padding: 20px} .sidebar-btn .side-text-flex{margin: 0 0 9px} .sidebar-btn .common-btn{padding: 10px 30px} .sidebar-btn .form-popup-sidebar{width: 545px} .sidebar-btn .sidebanner-sidebar-expanded{right: 545px} .sidebar-btn .sidebanner-sidebar{width: 50px} .sidebar-btn .sidebanner-arrow-sidebar-content{font-size: 16px}*/ .header-sec .row{margin: 0} .bts-popup-new-exit .new-exit-head{padding: 40px 0 0;font-size: 50px;line-height: 58px} .bts-popup-new-exit .new-exit-flex{padding: 0 40px} .bts-popup-new-exit .partner-gif {padding: 26px 0 40px;} } /*header css end*/ @media(max-width:1199px){ /*header css*/ .navbar .navbar-collapse ul.navbar-nav li a{ font-size:12px; padding-right: 2px; padding-left: 2px; } .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon img{width: 17px} .navbar .navbar-collapse ul.navbar-nav li{margin: 0 1px} .navbar .navbar-collapse ul.navbar-nav li a.contact-us-header,.header-sec .head-search-input a.contact-us-header{padding: 6px 4px;} .navbar .navbar-collapse ul.navbar-nav li a.nav-link.dropdown-toggle:after{background-size: 10px;background-position: bottom;margin: 0} .navbar .dropdown-menu .services .services-menu ul h4, .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu-name { font-size: 12px;margin-bottom: 10px} .navbar .dropdown-menu .services .services-menu ul li a, .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a{ font-size:11px; } .work-menu .work-box .work-box-img{width: 30%} .navbar .dropdown-menu .industries-menu ul li{margin: 0 2px 10px; width: 23.5%;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technolgy-row{width: 17% } .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu { left: -103px;padding: 40px 5px;width: 215px;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-partner.about-img-partner-first .partner-img { width: 31%} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-partner.about-img-partner-first .partner-img img{width: 100%} .header-sec nav.navbar .container-fluid{padding-left:0px;padding-right:0px} .header-sec .logo{width: 10%} /*.header-sec nav.navbar{width: 80%}*/ /*header css end*/ } @media(max-width:991px){ .head-sec img { max-width: none;} .head-sec {z-index: 9999} /*header css*/ .header-sec .container {position: relative; display: block;} .navbar .navbar-collapse ul.navbar-nav li.open.show .dropdown-menu .container{display: block;} .header-sec .row {justify-content: space-around;height: 52px} .header-sec .logo{ width:84%; } .header-sec nav.navbar {width: auto;} .header-sec{ padding:10px 0; } .header-sec nav.navbar button.navbar-toggler {border-color: #fff;position: absolute;border: none;padding: 0;height: 25px;top: 11px;right: 0;} .header-sec nav.navbar button.navbar-toggler span.navbar-toggler-icon {background: none;border:none;float: left;} .header-sec nav.navbar button.navbar-toggler span.navbar-toggler-icon:after{content:'';position:absolute;width:30px;left:0;top:11px;height:11px;border-top:3px solid #fff;border-bottom:3px solid #fff} .header-sec nav.navbar button.navbar-toggler span.navbar-toggler-icon:before{content:'';background:#fff;height:3px;position:absolute;top:4px;width:30px;left:0;} .head-sec.strict .header-sec nav.navbar button.navbar-toggler span.navbar-toggler-icon:after{ border-top: 3px solid #fff; border-bottom: 3px solid #fff;} .head-sec.strict .header-sec nav.navbar button.navbar-toggler span.navbar-toggler-icon:before{background: #fff;} .header-sec nav.navbar button.navbar-toggler.menu-close span.navbar-toggler-icon:after{-webkit-transition:.3s;-ms-transition:.3s;transition:.3s;top:11px;border:0;height:3px;width:25px;background:#fff;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)} .header-sec nav.navbar button.navbar-toggler.menu-close span.navbar-toggler-icon:before{top:11px;transition:.3s;background:#fff;width:25px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)} .head-sec.strict .header-sec nav.navbar button.navbar-toggler.menu-close span.navbar-toggler-icon:after{background: #fff;border: 0} .header-sec .logo img{width: auto;} .header-sec .header-search { width: 30%;} .navbar .navbar-collapse ul.navbar-nav{ position:relative;float:none; } .header-sec nav.navbar .navbar-collapse {position: fixed;top:108px;background: #000;z-index: 999;clear: both;padding: 15px 0;left: 0;right: 0;bottom: 0;width:100%;transform: translateX(-100%);transition: 0.4s; height: 100%;margin: 0;} .header-sec nav.navbar .navbar-collapse.show {transform: translateX(0%);height: auto;} .navbar .navbar-collapse ul.navbar-nav{height: 100%;overflow: auto;} .navbar .navbar-collapse ul.navbar-nav li a{ position:relative; font-size: 18px;padding-bottom: 7px; color: #fff} .navbar .navbar-collapse ul.navbar-nav li a:hover,.head-sec.strict .navbar .navbar-collapse ul.navbar-nav li a:hover,.head-sec.strict .navbar .navbar-collapse ul.navbar-nav li a:focus{ color:#fff; } .navbar-dark .navbar-nav .show>.nav-link { color: #fff;} .navbar .navbar-collapse ul.navbar-nav li a:after{ right: 20px; position: absolute;} .navbar .navbar-collapse ul.navbar-nav li a{padding-left: 10px;padding-right: 10px} .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link{color: #fff} .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link{color: #f48120} .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link.dropdown-toggle:after, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li:hover a.nav-link:after{background: url(assets_home_page/images/downarrow-black.svg) no-repeat;background-size: 12px} .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link.dropdown-toggle:after, .head-sec.strict .navbar .navbar-collapse ul.navbar-nav li.show a.nav-link:after{background: url(assets_home_page/images/downarrow-orange.svg) no-repeat;background-size: 12px} .navbar .navbar-collapse ul.navbar-nav li a.contact-us-header{margin: 19px 10px 57px 12px; padding: 6px 15px;font-size: 16px} .header-sec .head-search-input a.contact-us-header{padding: 6px 15px;font-size: 16px} .navbar .navbar-collapse ul.navbar-nav li a.abou-icon-desk{display: block} .navbar .navbar-collapse ul.navbar-nav li a.abou-icon-mobi{display: none} .navbar .navbar-collapse ul.navbar-nav li a.serach-bar{display: none} .head-sec .search-form-yext-ds.mobile-search{display: block;position: absolute;top: 7px;right: 100px;} a.nav-link.serach-bar-mobile {position: absolute;top: 10px; right: 80px;display: block;} .header-sec .head-search-input-flex .contact-us-header{display: none} .header-sec .head-search-input-flex{background: #000} .head-search-input-mobile{ width: 100%;background: rgb(0, 0, 0);z-index: 999;top: 7px;justify-content: space-between;position: absolute;padding: 0 21px 0 0;} .header-sec .head-search-input-mobile .head-search-input-flex{padding: 0;justify-content: space-between;width: 100%} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon a.nav-link.dropdown-toggle:after{display: inline-block;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon.show .header-about-icon,.navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon:hover .header-about-icon{display: inline-block;;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon .header-about-icon-close,.navbar .navbar-collapse ul.navbar-nav li.about-us-header.about-us-icon .header-about-icon-close{display: inline-block;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu{padding: 20px 0;border-radius: 0} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .container{max-width: 992px !important;display: block;} .navbar .navbar-collapse ul.navbar-nav li.open > .dropdown-menu{display: none !important;} .navbar .navbar-collapse ul.navbar-nav li.open.show > .dropdown-menu{display: block !important;} .navbar .dropdown-menu .services .services-menu ul h4, .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu-name{font-size: 16px} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu-name{margin-top: 10px} .navbar .navbar-collapse ul.navbar-nav, .navbar .dropdown-menu .services .services-menu{ display:block; } .navbar .navbar-collapse ul.navbar-nav{display: block !important;} .navbar .dropdown-menu .services .services-menu ul{ display:block; width: 100%; margin: 0 0 25px;} .navbar .dropdown-menu .services .services-menu ul:after{ display:none; } .navbar .dropdown-menu .services .services-menu ul li a{ font-size:12px; } .dropdown-menu.show{flex-wrap: wrap;max-height:50vh;overflow-y: scroll;} .navbar .dropdown-menu ul{ display:block; } .navbar .navbar-collapse ul.navbar-nav li{ width:auto; margin: 0;float:none; } .navbar .dropdown-menu .industries-menu ul li a {padding: 0 10px 0;font-size: 14px} .navbar .dropdown-menu .industries-menu ul li{ margin-bottom:15px; } .navbar .dropdown-menu .menu-field { padding: 0;} .navbar .dropdown-menu .row{ display:block; } .navbar .dropdown-menu .col-md-4 {max-width: 100%;} .navbar .dropdown-menu .menu-field { margin-bottom: 20px;} .dropdown-menu .menu-field .tech-menu ul {margin: 0 0 20px 0px;} .dropdown-menu .menu-field .tech-menu ul li {margin: 0 10px 8px 0px;} .navbar .dropdown-menu .menu-field .col-md-2, .navbar .dropdown-menu .menu-field .col-md-7 {max-width: 100%;} .navbar .dropdown-menu .work-menu .col-md-6 {max-width: 100%;} .work-menu .work-box a { display: block;} .work-menu .work-box .work-box-img {width: 50%;} .work-menu .col-md-6.work-slide-1,.work-menu .col-md-6.work-slide-1.work-slide-2{padding-left:15px;padding-right:15px } .work-menu .col-md-6.work-slide-1.work-slide-2{border-top:1px solid #d8d8d8;border-left:none;padding-top: 20px;margin-top: 20px} .navbar .navbar-collapse ul.navbar-nav li .work-menu .see-more{padding-top: 8px;font-size: 15px;} .work-menu .work-box .work-content {width: 100%;padding: 15px 0 0 0;} .navbar .dropdown-menu .about-menu .col-md-8 {max-width: 100%;} .navbar .dropdown-menu .about-menu .about-menu-inner {border-right: none;border-bottom: 1px solid #D2D2D2; padding: 0;} .navbar .dropdown-menu .about-menu .about-menu-up {display: block;flex-wrap: wrap;margin: 0 0 0;border-bottom: none;} .navbar .dropdown-menu .about-menu .about-menu-up .about-company {width: 100%;padding: 15px 0 0 0px;} .navbar .dropdown-menu .about-menu .about-menu-up .about-sustainability {width: 100%;border-left: none;border-bottom: 1px solid #D2D2D2;padding: 15px 0 15px 0;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-partner {width: 100%;} .navbar .dropdown-menu .about-menu .about-award-partner .about-img-award {width: 100%;border-left: none;padding: 20px 0 0;border-top: 1px solid #D2D2D2;margin-top: 20px;} .navbar .dropdown-menu .about-menu .about-global-center h3 {font-size: 18px;padding-top: 20px;} .navbar .dropdown-menu .about-menu .about-global-center img {margin: auto;display: table;} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team{border-bottom: 1px solid #D2D2D2;} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-first,.navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-middle{width: 100%} .navbar .dropdown-menu .about-menu .about-menu-up.about-meet-team .meet-team-middle{margin: 20px 0} .navbar .dropdown-menu .services .services-menu .premium-services,.navbar .dropdown-menu .work-menu,.navbar .dropdown-menu .about-menu{display: none;} .navbar .dropdown-menu .work-mobile,.navbar .dropdown-menu .services .services-menu .premium-services-mobile{display:block;} .navbar .dropdown-menu .services .services-menu .premium-services-mobile h4{margin: 0 0 10px} .navbar .dropdown-menu .services .services-menu .premium-services-mobile ul{margin: 0} .navbar .dropdown-menu .work-mobile ul li a,.navbar .dropdown-menu .about-mobile ul li a{color: #000;font-size: 14px;padding: 0;text-transform: capitalize;} .navbar .dropdown-menu .work-mobile ul li,.navbar .dropdown-menu .about-mobile ul li{margin: 0 0 15px} .navbar .dropdown-menu .work-mobile ul li:last-child,.navbar .dropdown-menu .about-mobile ul li:last-child{margin: 0} .work-menu h3 {font-size: 18px;margin: 15px 0 5px;} .work-menu .work-box a { margin-bottom: 20px;} .navbar .dropdown-menu .services .services-menu ul li a, .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a{ color:#fff;font-size:13px } .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technolgy-row,.navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technolgy-row.technolgy-row-web{width: 100%} /*.navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu{ max-height: 16vh;}*/ .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .web-techno{display: block;} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu{width: 100%;padding: 20px 0} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.aboutdata-us-header .dropdown-menu{width: 100%} .navbar .navbar-collapse ul.navbar-nav li.about-us-header.aboutdata-us-header .dropdown-menu .services .services-menu ul{width: 100%} /*header css end*/ /*exit-popup css start*/ .exitpopup-homenew .bts-popup-container1{padding: 60px 30px} /*exit-popup css start*/ .bts-popup-new-exit .new-exit-head {padding: 30px 0 0;font-size: 35px;line-height: 46px;} .bts-popup-new-exit .new-exit-subhead,.bts-popup-new-exit .exit-new-content-head{font-size: 20px;line-height: 24px} .bts-popup-new-exit .new-exit-flex{padding: 0 20px} .bts-popup-new-exit .exit-new-content-head{margin: 0 0 8px} .bts-popup-new-exit .exit-new-content-subhead{margin: 0 0 20px;font-size: 14px} .bts-popup-new-exit .request-form .form-fields button{line-height: 22px;padding: 10px 60px;} } @media(max-width:767px){ /*header top css*/ .header-sec {padding: 20px 15px;} .header-sec .container {padding:0 15px 0 15px;} .header-sec .row{height:27px ;position: relative;;align-items: end;} .head-search-input{top: -24px;right: 0} .navbar .navbar-collapse ul.navbar-nav li.open.show .dropdown-menu .container{display: block;} .header-sec .logo {width: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 20px; } .header-sec .header-search {width: 100%; margin-top: 20px;display: none;} .header-sec nav.navbar button.navbar-toggler{ right:10px; top: -27px;} .head-sec .search-form-yext-ds.mobile-search{right: 60px;top: -10px} a.nav-link.serach-bar-mobile {top: -5px;right:38px} .head-search-input-mobile{top: -7px;} .top-header ul li{font-size: 12px} .navbar .dropdown-menu .about-menu .about-global-center .gcc-flex-about .gcc-flex-box{width: 100%} .navbar .dropdown-menu .about-menu .about-global-center p.gcc-flex-para{width: 80%} .header-sec nav.navbar .navbar-collapse {top:83px;} .header-sec nav.navbar{min-height: auto} .navbar .dropdown-menu .services .services-menu ul li a,.head-sec.strict .dropdown-menu .services .services-menu ul li a{font-size: 14px} .navbar .navbar-collapse ul.navbar-nav li.about-us-header .dropdown-menu a{font-size: 14px} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu li.technologies-menu-title a{font-size: 14px} .navbar .navbar-collapse ul.navbar-nav{margin: auto;} .navbar .navbar-collapse ul.navbar-nav li .dropdown-menu .technologies-menu{width: 99%} /*header top css end*/ .sidebar-btn .sidebanner-sidebar{bottom: 0;width: 100%;height: 48px;border-radius: 10px 10px 0 0; display: flex;justify-content: center; align-items: center;} .sidebar-btn .sidebanner-sidebar-expanded{right: 0;bottom: 420px} .sidebar-btn .sidebanner-arrow-sidebar-content{writing-mode: horizontal-tb;-webkit-transform: rotate(0deg);transform: rotate(0deg);} .sidebar-btn .sidebanner-arrow{transform: rotate(90deg);} .sidebar-btn .common-btn{padding: 8px 25px} .sidebar-btn .form-popup-text{font-size: 20px;line-height: 27px} .sidebar-btn .form-popup-sidebar{width: 100%;padding: 12px} .sidebar-btn .form-popup-sidebar{bottom: 0;height: 420px;} .sidebar-btn .home-content-certitified span h6{font-size: 14px} .sidebar-btn .error-message{font-size: 10px;} .sidebar-btn.sidebar-btn-blackfriday .form-popup-sidebar{background: #FCFBF8} .sidebar-btn.sidebar-btn-blackfriday .form-popup-sidebar figure.mb-0 img{width: 100%;max-width: 366px;} .sidebar-btn.sidebar-btn-blackfriday .form-popup-sidebar figure.mb-0 {text-align: center;} .sidebar-btn.sidebar-btn-blackfriday .black-arrow{top: inherit;bottom: 9px;transform: rotate(90deg); transition: 0s;animation: none; left: -410px;width: 31px;height: 60px;display: flex !important;justify-content: center;padding: 0} .sidebar-btn.sidebar-btn-blackfriday .sidebanner-arrow-sidebar-content{font-size: 17px;animation: none;height: auto;} .overlaysidebarpopup {position: fixed;display: none;top: 0px;left: 0px;right: 0px;bottom: 0px;background-color: rgba(0, 0, 0, 0.8);z-index: 9999;overflow: hidden;} .bts-popup-new-exit .new-exit-flex{display: block !important;} .bts-popup-new-exit .new-exit-left{display: none;} .bts-popup-new-exit .new-exit-right{width: 100%} .bts-popup-new-exit .new-exit-head {padding: 20px 0 0;font-size: 25px;line-height: 36px;} .bts-popup-new-exit .new-exit-subhead{font-size: 16px;line-height: 24px;margin: 10px 0 20px} .bts-popup-new-exit .new-exit-flex{padding: 0 15px} .bts-popup-new-exit .form-control, .bts-popup-new-exit .form-fields textarea.form-control {font-size: 15px;line-height: 18px;padding: 16px 15px 10px;} } @media(max-width:599px){ /*top header css*/ .header-sec nav.navbar .navbar-collapse{top: 75px} .top-header{ padding:6px 0; } .top-header ul li {font-size: 11px;padding: 2px 0;margin: 0 4px;} .top-header ul{justify-content: center;} .dropdown-menu .menu-field .tech-menu ul{ display:block; } /*top header css end*/ /*exit-popup css start*/ .exitpopup-homenew .bts-popup-container1{padding: 40px 15px 30px;} .exitpopup-homenew .bts-popup-container1 h1{font-size: 25px;line-height: 35px;} .exitpopup-homenew .bts-popup-container1 .bts-success a{padding: 10px 25px} .exitpopup-homenew .bts-popup-container1 p{padding: 10px 0 25px;font-size: 14px} .exitpopup-homenew .bts-popup-container1 h1 span{ font-size: 28px;margin: 15px 0 8px;line-height: 36px;} /*exit popup css end*/ .head-search-input{top: -16px} .header-sec .head-search-input-flex{padding-top: 8px;padding-bottom: 8px} .sidebar-btn.sidebar-btn-blackfriday .common-btn{margin: 0 auto;} .sidebar-btn.sidebar-btn-blackfriday .form-fields{padding: 0 0 45px} } @media(max-width:527px){ .header-sec nav.navbar .navbar-collapse{top: 93px} .head-sec .search-form-yext-ds.mobile-search{right: inherit;top: inherit;width: 100%;position: relative;margin:10px 0 5px} .head-search-input{width: 100%;justify-content: space-between;z-index: 999;} .header-sec .head-search-input-flex{width: 100%;justify-content: space-between;} .bts-popup-new-exit .bts-popup-close{right: 8px;top: 8px} } @media (max-width:480px){ .sidebar-btn.sidebar-btn-blackfriday .footer_call_black_last img{width: 100%} .sidebar-btn .form-popup-sidebar{height: 440px} .sidebar-btn .sidebanner-sidebar-expanded{bottom: 440px} } @media (max-width:360px){ /* .sidebar-btn .sidebanner-sidebar-expanded{bottom: 370px} .sidebar-btn .form-popup-sidebar{height: 370px;}*/ }