@font-face { font-family: 'Roboto-Light'; src: url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.woff2'); src: url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.woff2') format('woff2'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.woff') format('woff'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.ttf') format('truetype'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.svg#Roboto-Light') format('svg'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Light.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Roboto-Regular'; src: url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.eot'); src: url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.woff2') format('woff2'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.woff') format('woff'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.ttf') format('truetype'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'), url('https://atozinfoway.com/wp-content/themes/atozinfoway/fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; }
body { font-family: 'Roboto-Light'; color: #494949; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; }
* { margin: 0; padding: 0; }
li, ol, ul { margin: 0; padding: 0; list-style: none }
.btn { box-shadow: none !important; }
button { outline: none !important; }
a { color: #494949; -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91) }
a:focus, a:hover { text-decoration: none; color: #0078d4; outline: 0 !important; box-shadow: none !important; }
img { max-width: 100%; image-rendering: auto; }
p { line-height: 1.4; color: #494949; font-size: 16px; }
p:last-of-type { margin-bottom: 0 }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; margin-top: 0; font-family: 'Roboto-Regular'; }

/*.wrapper { overflow: hidden; }*/
.inner-wrapper { z-index: 2; background: #fff; position: relative; }
.custom-container { width: 70%; margin: 0 auto; }
.normal-btn { font-family: "Roboto-Regular"; font-weight: bold; color: #494949; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.normal-btn:hover { color: #0078d4; }
.btn { line-height: 1.3; background: #0078d4 !important; color: #fff !important; font-family: 'Roboto-Regular' !important; padding: 8px 20px !important; font-size: 17px !important; border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; transition: all 550ms ease 0s; -o-transition: all 550ms ease 0s; -ms-transition: all 550ms ease 0s; -moz-transition: all 550ms ease 0s; -webkit-transition: all 550ms ease 0s; }
.btn:hover { color: #494949 !important; }
.common-section { padding: 100px 0; }
.common-section-top { padding: 100px 0 0; }
.common-section-bottom { padding: 0 0 100px; }
.common-list-style li { position: relative; padding-left: 18px; margin-bottom: 10px; text-transform: capitalize; font-size: 15px; }
.common-list-style li:before { content: ""; position: absolute; left: 0; background: #B4B5BA; height: 7px; width: 7px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.p-bottom { margin-bottom: 30px; }
.form-control { border: none; background: transparent; border-bottom: 1px solid #000; box-shadow: none; color: #000; font-size: 16px; padding: 10px 0; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.form-control:focus { border-color: #D4AF37; box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.form-group label { margin-bottom: 0; color: #494949; }
.form-control:focus { background: transparent; }
select.form-control:not([size]):not([multiple]) { height: auto; }

/*custom-select start*/
.select::after { background: rgb(252, 252, 253); padding: 6px 7px; pointer-events: none; position: absolute; right: 0; top: -1px; content: '\e802'; font-family: "pixie-az"; color: #494949; height: 100%; }
.select { position: relative; }
.select option { padding: 0 5px; color: #000; background: #fff; }
.select .form-control { width: 100%; }
header { background: #fff; position: relative; z-index: 99 }
header .custom-container { width: 85%; }
header .left-box { float: left; }
header .left-box a { display: block; padding: 15px 0px; }
.header-box .right-box .logo-box { display: none; }
header .right-box { float: right; }
header .right-box .custom-nav ul li { display: inline-block; vertical-align: middle; position: relative; }
header .right-box .custom-nav ul li a { font-size: 20px; display: block; padding: 31px 20px 30px 20px; margin-right: 10px; }
.hide-nav, footer .menu-list li:nth-last-child(2) { display: none !important; }
header .right-box .custom-nav ul .active::after { width: 30px; background: #0078d4; height: 3px; position: absolute; bottom: 20px; left: 0; right: 0; margin: 0 auto; content: ""; display: block; }
header .right-box .custom-nav ul li:hover { color: #0078d4; }

/*header .right-box .custom-nav { padding: 10px 0px; }*/
header .right-box .custom-nav ul li .btn { background: #0078d4; color: #fff; padding: 8px 25px !important; font-size: 18px; border-radius: 25px; -ms-border-radius: 25px; -moz-border-radius: 25px; -webkit-border-radius: 25px; -o-border-radius: 25px; margin-right: 0 !important; }
header .right-box .menu-btn { position: absolute; top: 22px; transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
header .right-box .menu-btn { display: none; z-index: 10; height: 30px; width: 30px; transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
header .right-box .menu-btn span { height: 2px; width: 15px; background: #0078d4; display: block; margin-bottom: 5px; position: relative; transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
header .right-box .menu-btn div { margin-left: 15px; }
header .right-box .menu-btn span:nth-child(even) { height: 2px; width: 30px; display: block; }
header .right-box .menu-btn .sqare { background: transparent; border: 2px solid #0078d4; display: inline-block; height: 8px; position: absolute; right: -15px; top: 50%; vertical-align: middle; width: 8px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); }

/* header.shrink { background: #da0000; padding: 15px 0; } */
.menu-open header .right-box span { z-index: 9999; }
.menu-open header .right-box .menu-btn span:nth-child(1), .menu-open header .right-box .menu-btn span:nth-child(3) { display: none; }
.menu-open header .right-box .menu-btn span:nth-child(2) { width: 24px; top: 14px; transform: rotate(45deg); }
.menu-open header .right-box .menu-btn span:nth-child(4) { top: 6px; width: 24px; transform: rotate(-45deg); }
.banner-section { height: 720px; position: relative; background: #f6f8fc; }
.banner-section .left-box { width: 50%; float: left; background: #f6f8fc; position: relative; height: 100%; }
.main-banner-section.banner-section .left-box { height: 720px; }
.banner-section .left-box .inner-content { width: 70%; margin: 0 auto; left: 0; right: 0; position: absolute; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.banner-section .left-box .inner-content h2 { font-size: 48px; color: #0078d4; text-transform: capitalize; }
.banner-section .left-box .inner-content p { font-size: 24px; margin-bottom: 15px; }
.banner-section .right-box { width: 50%; overflow: hidden; float: right; height: 100%; }
.banner-section .center-box { z-index: 99; width: 70%; padding: 40px 0px; background: #fff; margin: 0 auto; position: absolute;    /* border:1px solid #000; */ bottom: -84px; left: 0; right: 0; -webkit-box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); -moz-box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); }
.banner-section .center-box .left-quote { position: absolute; top: -6px; left: -3px; font-size: 83px; color: #f6f8fc; }
.banner-section .center-box .right-quote { position: absolute; bottom: -6px; right: -3px; font-size: 83px; color: #f6f8fc; transform: rotate(180deg); }
.banner-section .center-box h1 { text-align: center; width: 65%; margin: 0 auto; font-size: 38px; font-family: 'Roboto-Light'; }
.header-title h2 { font-size: 35px; position: relative; padding-left: 20px; margin-bottom: 60px !important; display: inline-block; text-transform: capitalize; }
.header-title h2::after { width: 4px; height: 100%; position: absolute; left: 0; top: 0px; content: ""; display: block; background: #0078d4; }
.banner-section .owl-dots { display: none; }

/*what-we-do-section*/
.what-we-do-section { margin-top: 100px; }
.what-we-do-section .main-navbar { border: none; }
.what-we-do-section .main-navbar li { position: relative; }
.what-we-do-section .main-navbar li a { padding: 20px 60px; background: #f6f8fc; font-size: 26px; display: inline-block; }
.what-we-do-section .main-navbar li a::after { display: block; width: 67px; content: ""; position: absolute; right: -34px; background: #f6f8fc; height: 79px; top: 0px; z-index: 2; transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); transform: skewX(-40deg); -o-transform: skewX(-40deg); -ms-transform: skewX(-40deg); -moz-transform: skewX(-40deg); -webkit-transform: skewX(-40deg); }
.what-we-do-section .main-navbar .active a { background: #0078d4; color: #fff; }
.what-we-do-section .main-navbar .active a::after { background: #0078d4; }

/*.what-we-do-section .main-navbar li a.active { background: #0078d4; color: #fff; }
.what-we-do-section .main-navbar li a.active::after { background: #0078d4; }*/
.what-we-do-section .left-nav-box { width: 30%; float: left; margin-top: 30px; }
.what-we-do-section .left-nav-box { border: none; }
.what-we-do-section .left-nav-box li { display: block; width: 100%; text-align: center; margin-bottom: 30px; border: 2px solid #f6f8fc !important; }
.what-we-do-section .left-nav-box li:hover { border-color: #0078d4; }
.what-we-do-section .left-nav-box li a { width: 100%; display: block; padding: 20px; }
.what-we-do-section .right-content-box { width: 70%; float: left; padding-left: 200px; }
.what-we-do-section .right-content-box .resp-tab-content-active { border: 2px solid #0078d4; position: relative; background: #f6f8fc; margin-top: -80px; padding: 55px; }
.what-we-do-section li.resp-tab-active { border: 2px solid #0078d4 !important; position: relative; color: #0078d4; }
.what-we-do-section li.resp-tab-active::after { width: 200px; height: 2px; display: block; background: #0078d4; position: absolute; right: -200px; top: 50%; content: ""; }
.what-we-do-section .icon-box { width: 110px; height: 110px; display: inline-block; cursor: pointer; }
.what-we-do-section .content-box { width: 100%; padding-left: 160px; margin-top: -110px; margin-bottom: 50px; }
.what-we-do-section .content-box a { font-family: 'Roboto-Regular'; margin-top: 10px; }
.what-we-do-section .content-box p { margin-bottom: 15px; }
.what-we-do-section .content-box h4 { margin-bottom: 25px; }
.what-we-do-section .indust-icon-box { width: 50px; height: 50px; margin: 0 auto; }
.what-we-do-section .industries-list-box ul li { vertical-align: top; display: inline-block; width: 24%; text-align: center; margin-bottom: 20px; }
.what-we-do-section .industries-list-box ul { border: none; }
.what-we-do-section .industries-list-box ul li a p { font-size: 14px; }
.who-we-are-section { width: 100%; height: 680px; position: relative; background: url('../images/who-we-are.png'); background-size: cover; background-position: top center; background-attachment: fixed; }
.who-we-are-section .inner-who-we-box { width: 875px; padding: 80px; background: #494949; position: absolute; right: 150px; height: auto; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); }
.who-we-are-section .inner-who-we-box .header-title { color: #fff; }
.who-we-are-section .inner-who-we-box p, .who-we-are-section .inner-who-we-box a { color: #fff; }
.who-we-are-section .inner-who-we-box a { color: #fff; margin-top: 30px; font-family: 'Roboto-Regular'; }
.case-study-section .inner-case-study-box { position: relative; }
.case-study-section .text-box, .case-study-section .case-study-image { float: left; vertical-align: top; width: 50%;    /*margin-right: -5px; */ }
.case-study-section .case-study-image img { width: 100%; }
.case-study-section .owl-controls { text-align: right; }
.case-study-section .first-slider-box.owl-theme .owl-nav.disabled+.owl-dots { text-align: right; }
.case-study-section .second-slider-box.owl-theme .owl-nav.disabled+.owl-dots { text-align: left; }
.case-study-section .owl-carousel { z-index: 2; }
.case-study-section .second-slider-box { margin-top: -120px; z-index: 0; }
.case-study-section .inner-case-study-box .item { margin: 0 10px; }
.case-study-section .inner-case-study-box .owl-pagination { padding: 0 5px; }
.case-study-section .second-slider-box .case-study-image { float: left; }
.case-study-section .second-slider-box .text-box { padding-left: 80px; padding-top: 200px; float: right; }
.case-study-section .text-box h3 { position: relative; padding-left: 20px; }
.case-study-section .text-box h3::after { width: 4px; height: 100%; position: absolute; left: 0; top: 0px; content: ""; display: block; background: #0078d4; }
.case-title-box { padding: 70px 50px; top: 35%; left: 50%; background: #494949; position: absolute; position: absolute; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: ranslateX(-50%); transform: translateX(-50%); z-index: 9; }
.case-title-box .header-title { color: #fff; margin-bottom: 0 !important; }
.case-title-box .header-title span { font-size: 30px; display: block; }
.case-title-box .header-title h2 { margin-bottom: 0 !important; }
.first-slider-box .text-box { margin-top: 80px; padding-right: 80px; }
.our-work-section .inner-our-work .cols { overflow: hidden; width: 25%; position: relative; display: inline-block; vertical-align: top; margin-left: -4px; }

/* .our-work-section {padding:100px 0px;} */
.our-work-section, .blog-section { text-align: center; }
.our-work-section .header-title { margin: 0 auto; }
.our-work-section .inner-our-work .cols .hover-box { position: absolute; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); display: none; }
.our-work-section .inner-our-work .cols .hover-box .box { color: #fff; text-align: center; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.our-work-section .inner-our-work .cols .hover-box .box h4, .our-work-section .inner-our-work .cols .hover-box .box p { color: #fff; }
.our-work-section .inner-our-work .cols img { transform: scale(1); transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
.our-work-section .inner-our-work .cols:hover img { transform: scale(1.1); }
.our-work-section .inner-our-work .cols:hover .hover-box { display: block; }
.blog-section { padding-top: 0px; }
.blog-section .header-title { margin: 0 auto; }
.blog-section .left-box { width: 45%; display: inline-block; vertical-align: top; padding-right: 20px; }
.blog-section .right-box { width: 55%; display: inline-block; vertical-align: top; margin-right: -5px; padding-left: 8px; }
.blog-section .blog-box { border: 1px solid #ccc; text-align: left; }
.blog-section .left-box .blog-box { height: 603px; }
.blog-section .left-box .blog-box .content-box { text-align: left; padding: 30px; }
.blog-section .right-box .blog-box .image-box { width: 45%; height: 100%; display: inline-block; vertical-align: top; margin-right: -5px; }
.blog-section .right-box .blog-box { height: 287px; }
.blog-section .left-box .blog-box img, .blog-section .right-box .blog-box img { width: 100%; transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 550ms ease 0s; -o-transition: all 550ms ease 0s; -ms-transition: all 550ms ease 0s; -moz-transition: all 550ms ease 0s; -webkit-transition: all 550ms ease 0s; }
.blog-section .right-box .blog-box img { width: 100%; height: 100%; }
.blog-section .left-box .blog-box .image-box, .blog-section .right-box .blog-box .image-box { overflow: hidden; }
.blog-section .left-box .blog-box:hover img, .blog-section .right-box .blog-box:hover img { transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.blog-section .right-box .blog-box .content-box { display: inline-block; width: 55%; padding: 30px 30px; }
.call-to-action-section { background: url('../images/call-to-action.png'); position: relative; width: 100%; height: 380px; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
.call-to-action-section .inner-call-to-box { position: absolute; left: 0; text-align: center; right: 0; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: ranslateY(-50%); transform: translateY(-50%); }
.call-to-action-section .inner-call-to-box h3 { font-size: 33px; color: #fff; margin: 0; padding-bottom: 30px; }
.client-success-section .left-box { width: 60%; float: left; vertical-align: top; padding: 0px 50px 0 120px; height: 515px; }
.client-success-section .right-box { width: 40%; float: right; vertical-align: top; padding-right: 90px; }
.client-success-section .right-box .header-title span { font-size: 30px; display: block; }
.client-success-section .right-box .profile-image { display: inline-block; vertical-align: middle; }
.client-success-section .right-box .text-box { display: inline-block; vertical-align: middle; padding-left: 30px; }
.client-success-section .right-box .text-box h3 { font-size: 16px; font-family: 'Roboto-Light'; font-style: italic; }
.client-success-section .right-box .text-box h4 { font-size: 16px; font-family: 'Roboto-Light'; }
.client-success-section .right-box p { margin: 30px 0px; }
.client-success-section .location-box { background: url('../images/pattern-bg1.png'); background-repeat: no-repeat; width: 80%; background-size: 100%; margin: 0 auto; height: 100%; position: relative; }
.client-success-section.location-box .setpos { position: relative; height: 30px; width: 30px; top: -2px; right: -10px; }
.client-success-section .location-box .notify { cursor: pointer;   /*! position: relative; */ }
.client-success-section .location-box .notify .heartbit { cursor: pointer; position: absolute; top: -22px; right: -7px; height: 35px; width: 35px; z-index: 10; border: 2px solid #ffb22b; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; animation-iteration-count: 1; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.client-success-section .location-box .notify .point { cursor: pointer; width: 12px; height: 12px; border-radius: 30px; background-color: #0078d4; position: absolute; right: 5px; top: -10px; }
@-webkit-keyframes heartbit {
	0% { -webkit-transform: scale(0); opacity: 0.0; }
	25% { -webkit-transform: scale(0.1); opacity: 0.1; }
	50% { -webkit-transform: scale(0.5); opacity: 0.3; }
	75% { -webkit-transform: scale(0.8); opacity: 0.5; }
	100% { -webkit-transform: scale(1); opacity: 0.0; }
}
.client-success-section .location-box .dot-1 { position: absolute; left: 20%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.client-success-section .location-box .dot-2 { position: absolute; right: 30%; top: 54%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.client-success-section .location-box .dot-3 { position: absolute; right: 23%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.client-success-section .location-box .dot-4 { position: absolute; left: 16%; top: 39%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.client-success-section .right-box li { display: inline-block; margin-right: 20px; }
.client-success-section .right-box .owl-theme .owl-nav button, .solution-section .owl-theme .owl-nav button { position: relative; width: 40px; height: 40px; margin: 5px 7px; filter: Alpha(Opacity=1); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #0078d4; }
.client-success-section .right-box .owl-nav { text-align: right; }
.clients-logo-section { margin-bottom: 630px; text-align: center; }
.back-to-top { text-align: center; z-index: 99; border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; position: fixed; right: 20px; bottom:80px; font-size: 25px !important; color: #fff; display: none; background: #494949; height: 50px; width: 50px; line-height: 50px; }
.back-to-top:hover, .back-to-top:focus { background: #0078d4; color: #494949; }
footer { position: fixed; z-index: 1; overflow: hidden; bottom: 0; }
.footer-logo { display: inline-block; }
footer .top-footer { background: #f6f8fc; text-align: center; }
footer .top-footer .menu-list { margin: 30px 0px; }
footer .top-footer .menu-list li { display: inline-block; margin-right: 20px; }
footer .top-footer .menu-list li a { font-size: 20px; font-family: 'Roboto-Regular'; text-transform: uppercase; letter-spacing: 1px; }
footer .top-footer .social-media-list li { display: inline-block; margin-right: 30px; }
footer .top-footer .social-media-list li a { font-size: 34px; display: block; }
footer .top-footer .main-address-box .cols { width: 33%; display: inline-block; padding: 0px 80px; vertical-align: top; }
footer .top-footer .main-address-box { margin: 30px auto 0 auto; }
footer .top-footer .main-address-box .cols p { margin-bottom: 5px; }
footer .bottom-footer { background: #edf1f8; padding: 20px 0px; text-align: center; }
footer .bottom-footer .right-box p { text-align: right; }
footer .bottom-footer .right-box p i { color: #ff0000; }
footer .top-footer .main-address-box .cols p:last-child { margin-bottom: 0; }
.landing-banner-section { height: 600px; margin-bottom: 44px; }
.landing-banner-section .center-box { height: auto; padding: 30px 0px; bottom: -43px; width: 100%; }
.landing-banner-section .center-box ul { margin: 0 auto; text-align: center; }
.landing-banner-section .center-box ul li a { padding: 5px; position: relative; z-index: 10; font-size: 18px; font-family: 'Roboto-Regular'; }
.landing-banner-section .center-box ul li { margin-right: 60px; position: relative; display: inline-block; }
.landing-banner-section .center-box ul li::after { content: ""; display: block; width: 1px; height: 100%; background: #0078d4; position: absolute; top: 0; right: -30px; }
.landing-banner-section .center-box ul li:last-child { margin-right: 0px; }
.landing-banner-section .center-box ul li:last-child::after { display: none; margin-right: 0px; }
.landing-banner-section .center-box ul li i { display: none; font-size: 70px; z-index: 9; color: #f2f6ff; position: absolute; left: -40px; top: -40px; }
.common-services-section { padding: 0 !important;    /* height: 800px; */    /* background-attachment: fixed; */ }
.common-services-section .icon-box { width: 100px; height: 100px; display: block;    /* background:#0078d4; */    /* border-radius:50%; padding:15px; */ }
.common-services-section .left-box { width: 50%; float: left; padding-left: 0 !important; padding: 50px 0; }
.common-services-section .left-box h2 { display: inline-block; vertical-align: middle; width: 100%; padding-left: 115px; margin-top: -100px; }
.common-services-section .left-box p { margin-bottom: 30px; }
.common-services-section .left-box a { font-family: 'Roboto-Regular'; }
.common-services-section .left-box h4 { margin-top: 20px; }
.common-services-section .right-box { width: 50%; height: 100%; float: left; text-align: right; position: relative; }
.iot-section .right-box img { height: 100%; width: auto; }
.iot-section { background: url('../images/iot-bg-1.png'); }
.software-section { background: url('../images/software-bg.png'); }
.mobileapp-section { background: url('../images/mobile-bg.png'); }
.web-section { background: url('../images/web-bg1.png'); }
.mobileapp-section .left-box { padding-right: 150px; }
.software-section h2, .software-section p, .software-section a, .software-section h4 { color: #fff; }

/* .web-section h2, .web-section p, .web-section a, .web-section h4{color:#fff;} */
.software-section .right-box { position: relative; }
.software-section .right-box img { display: block; position: absolute; bottom: 0; }
.software-section .left-box { padding-right: 150px; padding-left: 0px; }
.software-section .left-box ul li::after { background: #fff; }

/* .shrink {position:fixed; top:0; z-index:99;} */
.common-services-section .left-box .related-product-list { width: 90% }
.common-services-section .left-box .related-product-list li { display: inline-block; width: 30%; margin-bottom: 20px; }
.common-services-section .left-box .related-product-list li::after { display: none; }
.common-services-section .left-box .related-product-list li a img { width: 145px; }
.industries-list-box ul li { display: inline-block; width: 16%; text-align: center; margin-bottom: 20px; vertical-align: top; }
.industries-list-box ul { border: none; }
.industries-list-box .indust-icon-box { width: 50px; height: 50px; margin: 0 auto 8px; }
.iot-section .technolgies-box ul li { display: inline-block; margin-right: 30px; width: 29%; margin-bottom: 20px; }
.iot-section .technolgies-box ul li a i { background: #f2f2f2; border: 1px solid #494949; font-size: 30px; width: 60px; margin-right: 10px; height: 60px; text-align: center; padding-top: 5px; display: inline-block; border-radius: 5px; }
.common-services-section .first-slider-box { padding-left: 50px; }
.common-services-section .first-slider-box h4 { margin-bottom: 30px; }
.common-services-section .owl-pagination { position: absolute; top: 24px; left: 0px; }
.common-services-section .owl-theme .owl-controls .owl-page { display: block; margin-bottom: 83px; }
.common-services-section .owl-theme .owl-controls .owl-page span { width: 8px; height: 25px; position: relative; opacity: 1; background: #494949; }
.common-services-section .owl-theme .owl-controls .owl-page span::after { position: absolute; height: 83px; width: 1px; left: 3px; border-left: 2px dotted #494949; display: block; content: ""; top: 25px; }
.common-services-section .owl-theme .owl-controls .owl-page:last-child span::after { display: none; }
.common-services-section .owl-theme .owl-controls .owl-page.active span { background: #0078d4; }
.read-more-btn { position: relative; font-weight: bold; }
.read-more-btn::after { width: 40px; height: 3px; background: #0078d4; display: block; position: absolute; right: -10px; content: ""; bottom: -5px; }

/*.common-services-section g { stroke-miterlimit: 10; fill: none; stroke: #28324b; stroke-dasharray: 50; stroke-dashoffset: 50; stroke-linecap: round; transition: stroke-dashoffset 1.2s 1.2s ease-out, stroke-width .3s ease-out !important }
*/

/*.common-services-section.come-in g { stroke-dashoffset: 0 }*/

/*.common-services-section .path { stroke-dasharray: 1000; stroke-dashoffset: 1000; animation: dash 5s linear forwards; stroke: #28324b; }*/
.common-services-section .icon-box .st0 { fill: #0078d4; }
.common-services-section .icon-box .st1 { fill: #494949; }
.landing-services .left-box .related-product ul { padding-left: 40px; }
.landing-services .left-box .related-product ul li { position: relative; width: 49%; margin-right: 0; }
.landing-services .left-box .related-product ul li:before { content: ""; position: absolute; left: -15px; line-height: 1; top: 12px; background: #929292; height: 8px; width: 8px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.industries-list-box .indust-icon-box svg { height: 100%; width: 100%; }
@keyframes dash {
	to { stroke-dashoffset: 0; }
}
.common-services-section .left-box { width: 55%; display: inline-block; vertical-align: middle; float: none; }
.common-services-section .right-box { width: 45%; float: none; display: inline-block; vertical-align: middle; margin-left: -4px; }
.landing-services .industries-list-box .indust-icon-box { width: 45px; height: 45px; }
.landing-services .industries-list-box ul li { width: 24%; margin-right: 0; margin-bottom: 0px; }
.landing-services .industries-list-box ul li p { font-size: 15px; }
.landing-services .left-box h4 { font-size: 20px; position: relative; padding-left: 25px; margin-bottom: 15px; }
.landing-services .left-box h4::after { position: absolute; left: 7px; top: 6px; display: block; content: ""; background: #0078d4; width: 10px; height: 10px; transform: rotate(223deg); }
.landing-services .technolgies-box ul li { width: 45px; display: inline-block; margin-bottom: 20px; height: 45px; border: 1px solid #ddd; border-radius: 4px; text-align: center; padding: 5px; margin-right: 5px; }
.landing-services .related-product ul li { width: 120px; display: inline-block; vertical-align: top; margin-right: 30px; }
.landing-services .left-box .related-product { margin-bottom: 40px; }
.common-services-section.odd-combo-box { background: #f6f8fc; }
.common-services-section.odd-combo-box .left-box { float: right; }
.common-services-section.odd-combo-box .right-box { float: left; text-align: left; float: none; }
.common-services-section { position: relative; }
.banner-section .left-box .inner-content h1 { margin-bottom: 0; }

/*.common-services-section .right-box { position: relative; left: auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
*/
.common-services-section .custom-container.clearfix { width: 85%; position: relative; }
.common-services-section.even-combo-box .right-box { left: auto; right: auto; text-align: right; }
.common-services-section.even-combo-box .left-box { padding-right: 65px !important; }
.common-services-section.odd-combo-box .left-box { padding-left: 65px !important; }
.common-services-section.odd-combo-box .right-box { left: 0; right: auto; position: absolute; height: 100%; }

/*.common-services-section .right-box img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
*/
.common-content-section .content-box h1 { margin-bottom: 20px; }
.inner-services-section .left-box { width: 40%; float: left; position: relative; background: #0078d4; height: 100%; padding-left: 140px; padding-top: 140px; }
.inner-services-section .left-box ul li { display: block; margin-right: 5px; }
.inner-services-section .left-box ul li a { padding: 10px; display: block; }
.inner-services-section .left-box .nav-tabs { border: none; position: absolute; bottom: 0; right: -155px }
.inner-services-section .left-box .nav-tabs li a { width: 150px; height: 150px; padding: 55px 0px; text-align: center; background: #494949; color: #fff; }
.inner-services-section .right-box { width: 60%; float: left; }
.inner-services-section .image-box { display: inline-block; width: 40%; }
.inner-services-section .content-box { display: inline-block; width: 58%; }
.inner-services-section .header-title h2::after { background: #494949; }
.resp-tabs-container { clear: none; }
.common-content-section .list-box { padding-top: 20px; }
.common-content-section .list-box li { position: relative; padding-left: 18px; margin-bottom: 10px; font-size: 15px; }
.common-content-section .list-box li:before { content: ""; position: absolute; left: 0; background: #B4B5BA; height: 7px; width: 7px; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.common-content-section .list-box h4 { padding-bottom: 10px; }

/*our-technologies-section*/
.our-technologies-section { padding: 100px 0; text-align: center; background: url('../images/industry-bg.png'); margin-top: 100px; width: 100%; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
.our-technologies-section .header-title { display: inline-block; color: #fff; }
.our-technologies-section li { display: inline-block; vertical-align: top; width: 13%; }
.our-technologies-section a { display: block; color: #ffffff; }
.our-technologies-section a i { display: block; color: #ffffff; font-size: 65px; display: block; margin: 0 0 15px; line-height: 1; }
.our-industry-section { text-align: center; }
.our-industry-section .con-box { padding: 25px; }
.our-industry-section .con-box h3 { font-size: 20px; }
.our-industry-section .con-box p { font-size: 16px; }
.our-industry-section .inner-box { border: 1px solid #eee; display: inline-block; vertical-align: middle; width: 130px; height: 130px; padding: 15px 5px; margin-right: 10px; }
.our-industry-section .indust-icon-box { height: 60px; margin: 0 auto 10px; line-height: 1; }
.big-custom-container { width: 95%; margin: 0 auto; }
.our-industry-section .inner-box p { font-size: 14px; }

/*inner-service-section*/
.inner-services-section { background: #0078d4; text-align: center; }
.inner-services-section .inner-box { text-align: center; height: 100%; padding: 80px 20px; background: #fff; }
.inner-services-section .inner-box .indust-icon-box { width: 80px; margin: 0 auto 20px; }
.inner-services-section .inner-box h3 { font-size: 20px; margin-bottom: 15px; }
.inner-services-section .inner-box p { font-size: 16px; }
.inner-services-section .header-title::after { background: #494949; }
.inner-services-section .item { margin: 0 10px; height: 480px; }
.inner-services-section .owl-carousel .owl-nav { display: block; }
.inner-services-section .owl-carousel .owl-nav button { color: #494949; padding: 3px 6px; font-size: 16px; width: 35px; background: #fff; opacity: 1; height: 35px; border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; }
.inner-services-section .owl-carousel .owl-nav button:hover { background: #494949; color: #fff; }
.call-to-action-section .inner-call-to-box .btn:last-of-type { margin-right: 0; }

/* My CSS */
.case-study-section .text-box h3 { margin-bottom: 20px; }
.case-study-section .text-box p { padding-bottom: 20px; }
.clients-logo-section .owl-theme .owl-nav button { position: relative; width: 40px; height: 40px; margin: 5px 7px; filter: Alpha(Opacity=1); opacity: 1; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; background: #0078d4; }
.clients-logo-section .owl-theme .owl-nav { margin-top: 30px; }
.clients-logo-section .owl-theme .owl-nav button:hover { background: #494949; }
.what-we-do-section .left-nav-box li:last-child { margin-bottom: 0; }
.blog-section .inner-blog-box p { margin-bottom: 10px; }
.clients-logo-section .owl-carousel .owl-item img { width: auto; margin: 0 auto; }
.solution-section { background: rgb(252, 252, 253); }
.solution-section p { width: 85%; margin-bottom: 35px; font-size: 16px; line-height: 1.6; }
.solution-section .tab-slider li { display: inline-block; border-right: 1px solid #eee; margin-left: -4px; }
.solution-section a { font-family: 'Roboto-Regular'; display: inline-block; vertical-align: middle; color: #000; position: relative; overflow: hidden; padding: 15px 35px; background: #fcfcfc; transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 550ms ease 0s; -o-transition: all 550ms ease 0s; -ms-transition: all 550ms ease 0s; -moz-transition: all 550ms ease 0s; -webkit-transition: all 550ms ease 0s; }
.solution-section .tab-slider li:last-of-type { border-right: none; }
.solution-section a:hover, .solution-section a.active, .solution-section a:focus { color: #000; background: #0078d4; z-index: 9; }

/* .solution-section a:before { content: ""; position: absolute; left: -100%; height: 2px; width: 100%; background: #0078d4; bottom: 0; transition: 0.6s ease; -o-transition: 0.6s ease; -ms-transition: 0.6s ease; -moz-transition: 0.6s ease; -webkit-transition: 0.6s ease; }
 */
.solution-section .left-box, .solution-section .right-box { display: inline-block; vertical-align: top; width: 60%; }
.solution-section .right-box { margin-left: -5px; width: 40%; }
.solution-section .owl-carousel.owl-loaded { margin-top: 60px; }
.solution-section h3 { font-size: 16px; margin-bottom: 20px; color: #000; font-weight: bold; text-transform: capitalize; }
.solution-section ul h4 { font-size: 18px; color: #494949; margin-bottom: 20px; display: block; }
.solution-section .owl-carousel .owl-item img { border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.common-content-section .tech-box { padding-top: 50px; }
.common-content-section .tech-box li { display: inline-block; width: 160px; padding: 0 15px; }
.solution-section #sync2 h4 { margin: 0; font-size: 16px; padding: 15px; line-height: 1.3; text-align: center; cursor: pointer; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.solution-section #sync2 .owl-item:last-of-type h4 { border-right: none; }
.owl-item.active.current { background: #0078d4; }

/*About-Us*/
.infra-section { text-align: center; }
.infra-section .first-box, .infra-section .second-box, .infra-section .third-box { display: inline-block; vertical-align: middle; width: 33%; margin-left: -5px; }
.infra-section .box .image-box { width: 60px; }
.infra-section .first-box { text-align: center; width: 20%; padding-right: 70px; }
.infra-section .box .con-box h3 { font-size: 26px; line-height: 1; color: #000; margin-bottom: 3px; }
.infra-section .box .con-box span { color: #666; }
.infra-section .first-box .box .image-box { margin: 0 auto 10px; }
.infra-section .second-box .box .con-box, .infra-section .third-box .box .con-box { display: block; margin-top: -56px; padding-left: 77px; }
.infra-section .second-box .box:first-of-type, .infra-section .third-box .box:first-of-type { border-bottom: 1px solid #eee; }
.infra-section .second-box { border-right: 1px solid #eee; border-left: 1px solid #eee; }
.infra-section .second-box .box, .infra-section .third-box .box { padding: 30px 60px; }
.about-us-section, .common-title-content-section { background: rgb(252, 252, 253); text-align: center; }
.about-us-section, .leader-section { text-align: center; }
.leader-section { padding-bottom: 80px; background: rgb(252, 252, 253); }
.leader-section .leader-box .con-box { background: url('../images/team-info-bg.svg'); display: inline-block; width: 100%; margin-top: -44px; padding: 22px 25px 28px 0; left: 58px; position: relative; text-align: center; background-repeat: no-repeat; background-position: top right; background-size: 100% 100%; height: 123px; width: 314px; }
.leader-section .leader-box .con-box h4 { color: #0078d4; font-size: 20px; }
.leader-section .leader-box .con-box span { font-size: 18px; font-weight: bold; color: #000; }
.core-value-section .core-image-box { display: inline-block; vertical-align: top; width: 19%; text-align: center; }
.core-value-section .core-image-box .image-box { width: 80px; margin: 0 auto; }
.core-value-section .core-image-box p { text-align: center; }
.core-value-section p.text { margin-bottom: 25px !important; display: block; }

/*contact-us*/
.contact-us-section { background: rgb(252, 252, 253) }
.contact-us-section .left-box, .contact-us-section .right-box { position: relative; height: 650px; display: inline-block; vertical-align: top; width: 50%; margin-left: -4px; }
.contact-us-section .left-box { background: url('/wp-content/uploads/2025/10/Map.png'); background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
.contact-us-section .left-box .header-title h2, .contact-us-section .left-box p, .contact-us-section .left-box a { color: #000; }
.contact-us-section .left-box a { font-size: 18px; }
.contact-us-section .left-box h2:after { background: #000; }
.contact-us-section .left-box p { margin-bottom: 5px; }
.contact-us-section .left-box .add-box { margin-bottom: 25px; width: 350px; }
.contact-us-section .left-box .btn { background: #fff; color: #494949; margin-top: 25px; }
.form-group { display: inline-block; vertical-align: middle; width: 50%; margin-left: -4px; padding: 0 15px; }
.form-group.textarea-group { width: 100%; display: block; }
.form-group.textarea-group .form-control { resize: none; height: 150px; }
.contact-us-section .right-box p { margin-bottom: 30px; }
.contact-us-section .left-box .inner-box, .contact-us-section .right-box .inner-box { padding: 0; position: absolute; left: 0; right: 0; margin: 0 auto; top: 65px; width: 75%; }
.location-map-section { text-align: center; padding-bottom: 0 !important; }
.location-map-section .contact-loaction-box { position: relative; height: 550px; }
.location-map-section .contact-loaction-box .image-box { height: 100%; }
.location-map-section .contact-loaction-box:last-of-type { margin-bottom: 0; margin-right: 0; }
.location-map-section .contact-loaction-box .deatil-box { text-align: left; position: absolute; right: 50px; bottom: 50px; background: #fff; padding: 25px; width: 365px; height: 295px; margin-top: 50px; }
.location-map-section .contact-loaction-box img { width: 100%; height: 100%; }
.contact-loaction-box .deatil-box h3 { font-size: 30px; margin-bottom: 30px; text-align: left; color: #fcbb18; }
.contact-loaction-box .deatil-box p, .contact-loaction-box .deatil-box a { color: #000; width: 100%; line-height: 1.6; font-weight: bold; display: block; font-size: 15px; margin-bottom: 25px }
.contact-loaction-box .deatil-box .btn { width: auto; font-weight: normal; line-height: 1.3; }
.contact-loaction-box .deatil-box a { display: inline-block; }
.contact-loaction-box .deatil-box>a { margin-bottom: 0; color: #fcbb18; }
.contact-us-section .left-box .add-box h3 { color: #000; font-size: 24px; }
.common-services-section .tech-box li { display: inline-block; vertical-align: middle; width: 8%; margin-right: 15px; }
.contact-us-section .right-box .contact-form-box .btn { width: 120px; }

/*main-case-study-section*/
.main-case-study-section .custom-container { width: 85%; }
.main-case-study-section .content-box { position: relative; margin-bottom: 30px; overflow: hidden; }
.main-case-study-section .content-box img { transform: scale(1); transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
.main-case-study-section .content-box:hover img { transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transform: scale(1.1); }
.main-case-study-section .content-box .text-box { position: absolute; width: 100%; height: 100%; padding: 10%; top: 50%; border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -moz-border-bottom-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; margin: 0 auto; left: 0; right: 0; text-align: left; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); background: rgba(0, 0, 0, 0.5); }
.main-case-study-section .content-box .text-box h3 { color: #494949; font-size: 24px; font-weight: bold; margin: 0; display: inline-block; vertical-align: middle; width: 100%; padding-right: 115px; }
.main-case-study-section .content-box .text-box .bottom-box { position: absolute; left: 10%; bottom: 10%; width: 80%; }
.main-case-study-section .content-box .text-box p { color: #ffffff; font-weight: bold; font-size: 18px; margin-bottom: 15px; }
.main-case-study-section .col-md-6:nth-last-child(2) .content-box, .main-case-study-section .col-md-6:last-of-type .content-box { margin-bottom: 0; }
.main-case-study-section .case-study-info p { display: inline-block; margin-right: 20px; position: relative; margin-top: 10px; font-size: 12px !important; }
.main-case-study-section .case-study-info p:after { content: ""; position: absolute; right: -10px; top: 2px; width: 1px; height: 12px; background: #fff; display: block; }
.main-case-study-section .case-study-info p:last-child:after { display: none; }
.industries-list-box .carrer-icon-box .st0, .industries-list-box .carrer-icon-box .st1 { fill: #0078d4; }
.industries-list-box .carrer-icon-box .st2 { fill: #494949; }
.industries-list-box .indust-icon-box.govt-vehicles-icon-box { width: 65px; }
.shrink { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1s; animation-duration: 1s; -moz-animation-duration: 1s; -ms-animation-duration: 1s; -o-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; }

/*.life-at-atoz-section { padding-bottom: 0px; }*/
.life-at-atoz-section .header-title { text-align: center; }
.life-at-atoz-section .life-at-atoz { background: url('../images/life-at-atoz.png'); width: 100%; height: 1010px; background-size: cover; background-repeat: no-repeat; }
.opening-section { padding-bottom: 0px !important; }
.opening-section .header-title { text-align: center; }

/* .opening-section .opening-box p{height: 60px;} */
.opening-section .opening-box .col-box { width: 50%; float: left; padding: 0 20px; margin-bottom: 40px; }
.opening-section .opening-box .col-box:last-child { margin-bottom: 0; }
.opening-section .opening-box .col-box .btn { margin-top: 20px; }
.opening-section .opening-box .col-box .inner-col-box { padding: 30px; background: #f6f8fc; position: relative; height: 225px; }
.opening-box h4 { position: relative; display: inline-block; }
.opening-title { position: absolute; width: 30px; height: 28px; top: 50%; right: -40px; background: #5f5f5f; color: #fff; text-align: center; font-size: 16px; line-height: 1; padding: 6px; border-radius: 9px; -o-border-radius: 9px; -ms-border-radius: 9px; -moz-border-radius: 9px; -webkit-border-radius: 9px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.team-image-box { width: 5%; float: left; position: relative; }
.team-image-box p { display: none; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; color: #fff; background: rgba(0, 0, 0, 0.5) }
.team-image-box .img-box { background: #000; overflow: hidden; }
.team-image-box img { opacity: 0.3; width: 100%; height: 100%; filter: grayscale(95%); -o-filter: grayscale(95%); -ms-filter: grayscale(95%); -moz-filter: grayscale(95%); -webkit-filter: grayscale(95%); transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
.team-image-box .img-box:hover img { filter: inherit; opacity: 1; transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); }
.team-main-box { margin: 0 auto; text-align: center; }
.our-team-section { text-align: center; padding-bottom: 0px !important; }
.case-studies-inner-box { padding-top: 80px; }
.case-studies-inner-box .header-title { text-align: center; }
.case-studies-inner-box .left-box, .case-studies-inner-box .right-box { width: 50%; float: left; }
.case-studies-inner-box .left-box ul li { font-size: 16px; }
.case-studies-inner-box .right-box { text-align: center; margin: 0 auto; }
.case-studies-inner-box .content-box h4 { margin-top: 20px; }
.case-studies-inner-box .top-content { margin-bottom: 20px; }
.case-studies-inner-box .content-box ul { margin-top: 15px; }
.case-studies-inner-box .content-box ul li, .mobile-feature-section .right-box ul li, .web-feature-section .left-box ul li { padding-left: 15px; position: relative; margin-bottom: 10px; }
.case-studies-inner-box .content-box ul li::after, .mobile-feature-section .right-box ul li::after, .web-feature-section .left-box ul li::after { position: absolute; content: ""; display: block; width: 5px; height: 5px; background: #0078d4; left: 0; top: 10px; }
.even-row .left-box { float: right; }
.client-says-box { background: #f6f8fc; padding: 60px 0px; text-align: center; }
.client-says-box img { margin-bottom: 20px; }
.client-says-box p { font-size: 20px; font-weight: bold }
.opening-section .opening-box .opening-details { height: 70px; }

/* .job-detail-box{padding-top:60px; } */
.job-detail-box .header-title { text-align: center; }
.job-detail-box .detail-inner-box li { position: relative; padding-left: 15px; }
.job-detail-box .detail-inner-box li::after { position: absolute; display: block; content: ""; width: 5px; height: 5px; left: 0; top: 10px; border-radius: 50%; background: #0078d4; }
.apply-now-section { background: #494949; padding: 80px 0px 150px 0px; margin-bottom: 400px; }
.apply-now-section .custom-container { position: relative; }
.apply-now-section h2, .apply-now-section h4 { color: #fff; text-align: center; }
.apply-now-section h4 { margin-bottom: 40px; }
.apply-now-box { background: #fff; padding: 80px; position: absolute; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999;    /* left: 50%; -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); */ }
.apply-now-box label { display: none; }
.apply-now-box .btn { margin: 0 auto; text-align: center; display: block; }

/*case study detail page*/
.case-study-banner { position: relative; height: 100%; margin-bottom: 60px; }
.case-study-banner-text { position: absolute; top: 50%; width: 40%; left: 7.5%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.case-study-banner-text h2 { font-size: 34px; }
.application-mode { margin-bottom: 40px; }
.application-mode p { display: inline-block; margin-right: 20px; position: relative; }
.application-mode p:after { position: absolute; right: -14px; content: ""; top: 3px; height: 22px; width: 2px; background: #d7d7d7; }
.application-mode p:last-child::after { display: none; }
.case-study-banner .header-title h2 { margin-bottom: 0px !important; }
.case-study-banner-text h1 { font-size: 50px; }
.case-studies-inner-box { background: #f6f8fc; background-size: 100% 100%; margin-bottom: 80px; }
.case-studies-inner-box { padding-top: 80px; padding-bottom: 80px; }
.application-logo { margin-bottom: 15px; }
.features-section .header-title { text-align: center; }
.features-section .cols-box { width: 40%; text-align: left; margin: 0 0 45px 45px; height: 140px; display: inline-block; vertical-align: top; background: #fff; -webkit-box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); -moz-box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); box-shadow: 0px 3px 5px 4px rgba(158, 156, 158, 0.15); border: 1px solid #eceaea; border-radius: 10px; padding: 30px; margin-right: -5px; }
.features-section .cols-box:nth-child(odd) { margin: 0; }
.features-section .cols-box h3 { font-size: 22px; }
.features-section .content-box { margin-bottom: 40px; text-align: center; }
.features-images-slider { margin-bottom: 80px; }
.features-images-slider .item { padding: 0px 25px; }
.features-images-slider.owl-theme .owl-dots .owl-dot span { width: 40px; height: 4px; }
.features-images-slider.owl-theme .owl-dots .owl-dot.active span, .features-images-slider.owl-theme .owl-dots .owl-dot:hover span { background: #0078d4; }
.challenges-solution { background: #0078d4; padding: 80px 0px; text-align: center; }
.challenges-solution p { color: #494949; text-align: center; font-family: 'Roboto-Regular'; }
.challenges-solution .header-title h2::after { background: #494949 }
.related-case-study { padding-top: 80px; }
.related-case-study.main-case-study-section .content-box .text-box { background: #f2f2f2; }
.related-case-study.main-case-study-section .content-box .text-box h3 { color: #757575; font-size: 20px; }
.related-case-study.main-case-study-section .content-box .text-box p { color: #757575; font-weight: normal; }
.related-case-study .header-title { text-align: center; }
.intrasense-casestudy { background-image: url('../images/sharepoint-casestudy-2.png'); padding-bottom: 210px; }
.intrasense-casestudy h2 { color: #fff; }
.intrasense-casestudy li, .intrasense-casestudy p { color: #fff; text-align: center; }
.process-section { text-align: center; padding-bottom: 80px; }
.features-list-box .left-box, .features-list-box .right-box { width: 50%; display: inline-block; margin-right: -4px; vertical-align: middle; }
.features-list-box .left-box .cols-box { width: 90%; margin: 0; margin-bottom: 20px; background: transparent; box-shadow: none; border: none; padding: 0; }
.intrasense-feature { background: #f2f2f2; padding-top: 80px; }
.features-list-box .left-box .cols-box h3 { position: relative; padding-left: 25px; position: relative; }
.features-list-box .left-box .cols-box h3::after { position: absolute; width: 12px; height: 12px; left: 0; top: 8px; background: #0078d4; content: ""; transform: rotate(45deg); }
.features-list-box .left-box .cols-box p { padding-left: 25px; }

/*.intrasense-slider .owl-dots { position: absolute; top: 50%; right: -30px; }*/

/*.intrasense-slider.owl-theme .owl-dots .owl-dot { display: block; }*/

/*.intrasense-slider.owl-theme .owl-dots .owl-dot span { width: 4px; height: 21px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 30px; }*/
.intrasense-slider.owl-theme .owl-dots .owl-dot.active span { background: #0078d4; }
.intrasense-challenges { background: url('../images/sharepoint-casestudy-3.png'); padding-bottom: 280px; }
.btn:hover { color: #fff; }
.what-we-do-section .icon-box svg { height: 100%; width: 100%; }
.resp-tab-content .industries-list-box ul { padding-left: 0; }

/*web-case-studt*/
.web-case-study-banner { background: #2d387a; text-align: center; height: 700px; }
.web-case-study-banner .logo-banner { width: 200px; margin: 0 auto 30px; position: absolute; top: 45%; left: 0; right: 0; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.web-case-study-banner .bottom-img { width: 1390px; position: absolute; bottom: -400px; left: 0; right: 0; margin: 0 auto; }
.objective-section .tax_box { height: 500px; border: 20px solid #47a87b; text-align: center; width: 440px; position: relative; padding: 130px 0 0; margin: 15px 0 0; transform: scale(0.95); }
#elem-anim-1 { z-index: 1; position: fixed; width: 297px; height: 25px; background: #fff; top: -22px; left: 49px; animation: animation1 4s 1 alternate-reverse forwards; -webkit-animation: animation1 4s 1 alternate-reverse forwards; }
#elem-anim-2 { z-index: 1; position: fixed; width: 24px; height: 363px; background: #fff; top: 45px; left: -21px; animation: animation2 4s 1 alternate-reverse forwards; -webkit-animation: animation2 4s 1 alternate-reverse forwards; }
#elem-anim-3 { z-index: 1; position: fixed; width: 302px; height: 24px; background: #fff; bottom: -22px; left: 50px; animation: animation3 4s 1 alternate-reverse forwards; -webkit-animation: animation3 4s 1 alternate-reverse forwards; }
#elem-anim-4 { z-index: 1; position: fixed; width: 24px; height: 358px; background: #fff; top: 51px; right: -20px; animation: animation4 4s 1 alternate-reverse forwards; -webkit-animation: animation4 4s 1 alternate-reverse forwards; }
.objective-section { padding-top: 370px; }
.objective-section .left-box { display: inline-block; vertical-align: middle; width: 60%; padding-right: 100px; }
.objective-section .right-box { display: inline-block; vertical-align: middle; width: 40%; margin-left: -4px; padding-left: 70px; }
.objective-section .header-title h2 { margin-bottom: 30px !important; }
.objective-section .objective-box { margin-bottom: 50px; }
.objective-section .right-box h2 { font-size: 90px; font-weight: bold; color: #000; }
.objective-section .right-box h3 { margin: 0; font-weight: bold; color: #000; }
.objective-section .bottom-box { padding-top: 70px; text-align: center; }
.feature-section { background: #171717; }
.feature-section .header-title h2 { color: #fff; }
.feature-section ul.common-list li { display: inline-block; vertical-align: top; width: 33%; position: relative; color: #fff; font-size: 20px; margin-bottom: 30px; font-weight: bold; padding-left: 31px; }
.feature-section ul.common-list li:last-child, .feature-section ul.common-list li:nth-last-child(2), .feature-section ul.common-list li:nth-last-child(3) { margin-bottom: 0; }
ul.common-list li:before { content: ""; position: absolute; left: 0; top: 50%; height: 3px; width: 15px; background: #fff; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.desk-section { background: url("../images/web-case/image4-arp.jpg"); height: 1100px; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
.testimonial-web-case-section { background: #129054; height: 425px; position: relative; }
.testimonial-web-case-section .quote-box { position: absolute; right: 0; top: 0; }
.testimonial-web-case-section p { font-size: 22px; color: #fff; font-weight: bold; }
.testimonial-web-case-section span { text-align: right; color: #fff; display: block; width: 90%; font-size: 20px; font-weight: bold; font-style: italic; }
.testimonial-web-case-section .container { position: relative; height: 100%; }
.testimonial-web-case-section .box { width: 80%; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.layout-web-section { background: #ededed; }
.web-combo-section { text-align: center; }
.web-combo-section img { display: block; margin: 0 auto 40px; }
.web-combo-section a { color: #000; font-weight: bold; font-size: 20px; position: relative; display: inline-block; }
.web-combo-section a:before { content: ""; position: absolute; left: -25px; top: 50%; background: #000; width: 15px; height: 3px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.web-combo-section a:after { content: ""; position: absolute; right: -25px; top: 50%; background: #000; width: 15px; height: 3px; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.iot-solution-section .right-box { text-align: center; }
.mobile-feature-section .left-box { display: inline-block; vertical-align: top; width: 60%; height: 450px; }
.mobile-feature-section .left-box img { height: 100%; }
.mobile-feature-section .right-box { display: inline-block; vertical-align: top; width: 40%; margin-left: -4px; background: #fff; height: 450px; }
.mobile-feature-section .right-box .box { width: 80%; margin: 0 auto; padding-top: 50px; }
.mobile-feature-section .container { padding: 0; box-shadow: 5px -5px 18px #ddd; }
.screen-slider-section .owl-item>div { cursor: pointer; margin: 6% 8%; transition: margin 0.4s ease; }
.screen-slider-section .owl-item.center>div { cursor: auto; margin: 0; }
.screen-slider-section .owl-item:not(.center)>div:hover { opacity: .75; }
.screen-slider-section { height: 935px; background: #f6f8fc; }
.mobile-casestudy-banner { margin-bottom: 0; }
.screen-slider-section .owl-stage-outer { height: 700px; }
.screen-slider-section .owl-dots { display: block !important; text-align: center; position: absolute; right: 0; left: 0; bottom: -36px; }
.screen-slider-section .owl-carousel .owl-nav button.owl-next, .screen-slider-section .owl-carousel .owl-nav button.owl-prev, .screen-slider-section .owl-carousel button.owl-dot { background: #dedede; border: none; padding: 0 !important; height: 12px; width: 12px; border-radius: 50%; box-shadow: none; border: none; margin-right: 5px; }
.screen-slider-section .owl-carousel button.owl-dot.active { background: #0078d4; }
.screen-slider-section .owl-item.active { opacity: 0.4; }
.screen-slider-section .owl-item.active.center { opacity: 1; }
.web-feature-section { padding-top: 30px !important; padding-bottom: 130px; }
.web-feature-section .left-box { display: inline-block; vertical-align: middle; width: 40%; padding-right: 25px; }
.web-feature-section .right-box { display: inline-block; vertical-align: middle; width: 60%; margin-left: -5px; }
.mobile-feature-section .header-title h2, .web-feature-section .header-title h2 { margin-bottom: 40px !important; }
.web-feature-section p { margin-bottom: 20px; }
.web-screen-section { margin-bottom: 115px; background: url("../images/case-pattern-bg.png"); width: 100%; height: 545px; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
.web-screen-section .custom-container { position: relative; }
.web-screen-section .web-screen-box { width: 900px; background: #fff; height: 670px; position: absolute; top: -60px; left: 0; box-shadow: 0 5px 32px rgba(0, 0, 0, .22); }
.web-screen-section .web-screen-box .owl-carousel { position: absolute; top: 50%; width: 95%; margin: 0 auto; left: 0; right: 0; text-align: center; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.web-screen-section .owl-carousel .owl-item img { display: block; width: 75%; margin: 0 auto; }

/*#hrms .right-box { background: url("../images/SharePoint Solution.png"); height: 700px; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
*/
.banner-section .owl-carousel .owl-stage-outer, .banner-section .owl-carousel { height: 100%; }
.banner-section .owl-theme .owl-nav { margin-top: 0; position: absolute; bottom: 86px; width: 100%; }
.banner-section .owl-carousel .owl-nav button.owl-next, .banner-section .owl-carousel .owl-nav button.owl-prev { margin: 0; }
.banner-section .owl-carousel .owl-nav button.owl-prev { border-right: 1px solid #ddd; }
.banner-section .owl-carousel .owl-nav button.owl-next i, .banner-section .owl-carousel .owl-nav button.owl-prev i, .banner-section .owl-carousel button.owl-dot, .client-success-section .right-box .owl-theme .owl-nav button, .solution-section .owl-theme .owl-nav button, .clients-logo-section .owl-theme .owl-nav button { border: none; padding: 5px 0 !important; display: inline-block; font: inherit; height: 35px; width: 35px; background: #0078d4; color: #000; border-radius: 0; }
.banner-section .owl-carousel .owl-nav button.owl-next:hover i, .banner-section .owl-carousel .owl-nav button.owl-prev:hover i, .client-success-section .right-box .owl-theme .owl-nav button:hover, .solution-section .owl-theme .owl-nav button:hover, .clients-logo-section .owl-theme .owl-nav button:hover { background: #cbcbcb; }
.what-we-do-section .left-nav-box li:hover { color: #0078d4; }
.our-industry-section .indust-icon-box svg { height: 100%; width: 100%; }
.call-to-action-section .inner-call-to-box a { margin-right: 15px; }
.call-to-action-section .inner-call-to-box a:last-child { margin-right: 0; }
.infra-section { padding-bottom: 0 !important; }
.main-case-study-section .row .header-title h2 { color: #fff; font-size: 25px; font-weight: bold; margin-bottom: 0 !important; }
.main-case-study-section .col-md-4:last-child .content-box, .main-case-study-section .col-md-4:nth-last-child(2) .content-box { margin-bottom: 0; }
.main-case-study-section .row .btn { padding: 7px 15px !important; font-size: 15px !important; }
.common-services-section .icon-box svg { height: 100%; width: 100%; }
.client-success-section .location-box path { fill: lightgray; stroke: white; }
.client-success-section .location-box path:hover { fill: gray; }
.client-success-section .location-box .image-box svg { width: 90%; }
.client-success-section .location-box .hover-box { display: block; padding-top: 18px; margin-left: -6px; font-size: 14px; font-weight: bold; opacity: 0; }
.client-success-section .location-box .notify:hover .hover-box { opacity: 1; }
.contact-us-section .left-box .btn { background: #f2b315 !important; }
.industries-list-box ul li:hover .indust-icon-box .st0 { fill: #f8b91a; }
.industries-list-box ul li:hover .indust-icon-box .st1 { fill: #222222; }
.common-services-section.odd-combo-box .right-box img { position: absolute; left: 0; top: 50%; transform: translateY(-50%); }

/*.related-case-study{margin-bottom: 60px !important;font-size: 35px;}*/
.main-case-study-section.related-bottom-case-study { padding-top: 100px !important; padding-bottom: 0 !important; }
.main-case-study-section.related-bottom-case-study .content-box { margin-bottom: 0; }
.blog-detail-section .image-box { margin-bottom: 25px; }
.blog-detail-section h3 { color: #e3a200; font-size: 24px; margin-bottom: 15px; font-weight: bold; }
.blog-detail-section ul { margin-bottom: 20px; font-size: 20px; color: #494949; font-family: 'Roboto-regular'; font-weight: bold; }
.blog-detail-section ul li { font-family: 'Roboto-Light'; font-size: 17px; margin-bottom: 8px; list-style: disc; margin-left: 18px; font-weight: normal; }
.blog-detail-section ul li:first-child { margin-top: 10px; }
.blog-detail-section ul li:last-child { margin-bottom: 0; }
.blog-detail-section .header-title h2 { margin-bottom: 30px !important; }
.what-we-do-section .industries-list-box ul li:last-child, .what-we-do-section .industries-list-box ul li:nth-last-child(2), .what-we-do-section .industries-list-box ul li:nth-last-child(3), .what-we-do-section .industries-list-box ul li:nth-last-child(4) { margin-bottom: 0; }
.map-box .container { position: relative; display: block !important; overflow: hidden; width: 100%; height: 30vw; background: url("../images/pattern-bg1.png"); background-size: cover; text-align: center; max-width: 100%; }
.map-box input { display: none; }
.map-box p { margin: 0; }
.map-box .button { display: absolute; color: white; font-weight: bold; font-size: 20px; background-color: #aaa; display: block; border: 2px solid #aaa; height: 10px; width: 10px; border-radius: 100%; cursor: pointer; animation: fadein .5s; animation: pulse 1.5s infinite; }
.map-box .cross { font-weight: bold; cursor: pointer; }
.map-box .header { font-weight: bold; font-size: 14px; float: left; line-height: 1; }
.map-box .bodyCopy { margin-top: 18px; }
.map-box #b1 { position: absolute; left: 34.5vw; top: 16vw; }
.map-box #b2 { position: absolute; left: 38vw; top: 14vw; }
.map-box #b3 { position: absolute; left: 8vw; top: 10vw; }
.map-box #b4 { position: absolute; left: 9vw; top: 14vw; }
.map-box #b5 { position: absolute; bottom: 5vw; right: 8vw; }
.map-box #b6 { position: absolute; left: 28vw; top: 12vw; }
.map-box #b7 { position: absolute; left: 31vw; top: 14vw; }
.map-box #b8 { position: absolute; left: 26vw; top: 8vw; }
.map-box #content1, .map-box #content2, .map-box #content3, .map-box #content4, .map-box #content5, .map-box #content6, .map-box #content7, .map-box #content8 { display: block; }
.map-box #input1:checked ~ #content1, .map-box #content1 { display: block !important; animation: fadein .5s; top: 14.5vw; left: 33vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input2:checked ~ #content2, .map-box #content2 { display: block !important; animation: fadein .5s; left: 36.5vw; top: 12.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input3:checked ~ #content3, .map-box #content3 { display: block !important; animation: fadein .5s; left: 6vw; top: 8.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input4:checked ~ #content4, .map-box #content4 { display: block !important; animation: fadein .5s; left: 7.5vw; top: 12.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input5:checked ~ #content5, .map-box #content5 { display: block !important; animation: fadein .5s; right: 6vw; bottom: 6vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input6:checked ~ #content6, .map-box #content6 { display: block !important; animation: fadein .5s; left: 26vw; top: 10.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input7:checked ~ #content7, .map-box #content7 { display: block !important; animation: fadein .5s; left: 29vw; top: 12.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box #input8:checked ~ #content8, .map-box #content8 { display: block !important; animation: fadein .5s; left: 25vw; top: 6.5vw; background: white; padding: 5px 6px; text-align: center; /*display: none;*/ position: absolute; margin: 0 auto; width: auto; height: auto; border-radius: 8px; box-shadow: 0 4px 2px -2px rgba(252, 194, 47, 0); }
.map-box .button.active { background: #0078d4; border-color: #0078d4; animation: fadein .5s; animation: pulses 1.5s infinite; }

/*.map-box input:checked ~ label .button { display: none !important; animation: fadeout .5s; }
*/
.map-box .content > div { float: right; }
.map-box .button:hover { color: #0078d4; background: white; }
.map-box .cta { display: inline-block; background: #0078d4; color: white; padding: 12px 24px; margin-top: 48px; border-radius: 24px; text-decoration: none; transition: all .3s ease; }
.map-box .cta:hover { text-decoration: underline !important; box-shadow: 0 0 0 6px rgba(252, 194, 47, 0.4); }
@keyframes fadein {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes fadeout {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes pulse {
	from { box-shadow: 0 0 0 0px #aaa; }
	to { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
}
@keyframes pulses {
	from { box-shadow: 0 0 0 0px #0078d4; }
	to { box-shadow: 0 0 0 10px rgba(0, 0, 0, 0); }
}
.content .img-con { display: inline-block; vertical-align: middle; width: 15px; margin-right: 5px; }
.content .text { display: inline-block; vertical-align: middle; }
.content .cross { font-size: 24px; line-height: 1; margin-bottom: 0; vertical-align: middle; margin-top: -6px; }
.owl-carousel .owl-stage { transition: all 1s; -o-transition: all 1s; -ms-transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; }
.job-detail-box .detail-inner-box h2 { font-size: 26px; }
.job-detail-box .detail-inner-box h3 { font-size: 22px; }
.job-detail-box .detail-inner-box h4 { font-size: 20px; margin-top: 15px; }
/* .apply-now-section .apply-now-box .btn { margin-top: 30px; } */

/*keychallenges-solution*/
.keychallenges-solution { height: 520px; }
.keychallenges-solution .left-box, .keychallenges-solution .right-box { width: 50%; float: left; padding: 100px 80px; height: 100%; }
.keychallenges-solution .left-box { background: #494949; color: #fff; }
.keychallenges-solution .left-box p { color: #fff; }
.keychallenges-solution .right-box { background: #0078d4; }
.keychallenges-solution .right-box .header-title h2::after { background: #494949; }
.keychallenges-solution p { margin-bottom: 10px; }
.keychallenges-solution ul li { padding-left: 15px; position: relative; margin-bottom: 10px; }
.keychallenges-solution ul li::after { position: absolute; content: ""; display: block; width: 5px; height: 5px; background: #0078d4; left: 0; top: 10px; }
.keychallenges-solution .right-box ul li::after { background: #494949; }
.center-btn-box { text-align: center; margin-top: 40px; }
.tooltip { position: absolute; z-index: 1030; display: block; font-size: 12px; line-height: 1.4; visibility: visible; filter: alpha(opacity=0); opacity: 0; }
.form-group.long { width: 100%; }
.contact-us-section .left-box, .contact-us-section .right-box { height: 890px; }

/*custom-radio-check-box*/
.checkbox, .radio { margin-bottom: 0px; }
.checkbox label.custom-radio-check, .radio label.custom-radio-check { padding-left: 18px; }
.custom-radio-check { margin-right: 5px; }
.custom-radio-check input[type="checkbox"], .custom-radio-check input[type="radio"] { display: none; }
.custom-radio-check input:checked+i { border-color: #0078d4; }
.custom-radio-check input:checked+i::before { background-color: #0078d4; height: 8px; left: 4px; top: 4px; width: 8px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check input:checked+span .active { display: inherit; }
.custom-radio-check input[type="radio"]+i, .custom-radio-check input[type="radio"]+i::before { border-radius: 50%; }
.custom-radio-check input[disabled]+i, fieldset[disabled] .custom-radio-check input+i { border-color: #0078d4; }
.custom-radio-check input[disabled]+i::before, fieldset[disabled] .custom-radio-check input+i::before { background-color: #0078d4; }
.custom-radio-check>i { margin-top: 0; background-color: #fff; border: 1px solid #0078d4; display: inline-block; width: 18px; height: 18px; line-height: 1; margin-left: -18px; margin-right: 4px; position: relative; vertical-align: middle; }
.custom-radio-check>i::before { background-color: transparent; content: ""; height: 0; left: 50%; position: absolute; top: 50%; width: 0; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -ms-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.custom-radio-check>span { margin: 1px 0 0 0; display: inline-block; vertical-align: middle; font-weight: normal !important; }
.custom-radio-check>span .active { display: none; }
.custom-radio-check input[disabled] + i { border-color: #999; }
.custom-radio-check input[disabled] + i::before { background: #999; }

/*home page case study*/
.home-case-study-section { padding-top: 0px; }
.main-case-study-section .home-case-study-title { margin: 0 auto; text-align: center; }
.life-at-atoz-section .row-box { display: none; /* IE 10 */ display: flex; -ms-flex-wrap: wrap; /* IE 10 */ flex-wrap: wrap; padding: 0 4px; }

/* Create two equal columns that sits next to each other */
.life-at-atoz-section .column { -ms-flex: 25%; /* IE 10 */ flex: 25%; padding: 0 4px; }
.life-at-atoz-section .column img { margin-top: 8px; vertical-align: middle; }
.our-team-section .team-main-box { position: relative; clear: both; overflow: hidden; }
.our-team-section .team-main-box h2 { position: absolute; display: inline-block; color: #fff; font-size: 45px; z-index: 99; margin: 0 auto; text-align: center; left: 0; right: 0; top: 50%; transform: translateY(-50%); }
.contact-loaction-box .deatil-box a:hover { color: #0078d4; }
.call-to-action-section.company-call-action-section .inner-call-to-box p { color: #fff; font-size: 22px; margin-bottom: 30px; }
.ceo-detail-section .left-box, .ceo-detail-section .right-box { display: inline-block; vertical-align: middle; width: 60%; }
.ceo-detail-section .right-box { margin-left: -4px; width: 40%; }
.ceo-detail-section .left-box h4 { margin-bottom: 35px; line-height: 1.4; width: 89%; font-size: 25px; }
.ceo-detail-section .left-box h5 { color: #dba00b !important; font-size: 20px; font-weight: bold; margin-bottom: 0; }
.ceo-detail-section .left-box span { font-size: 18px; color: #8a959e; font-weight: bold; }

/*.ceo-detail-section .right-box .img-box { animation: fadein 2.0s; animation: pulsess 2.5s infinite; width: 370px; height: 370px; border-radius: 50%; position: relative; box-shadow: 0 0 0 30px rgba(252, 194, 47, 0.4); margin: 0 auto; border: 10px solid rgba(252, 194, 47, 0.4); }
.ceo-detail-section .right-box .img-box img { position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; height: 100%; top: 50%; transform: translateY(-50%); }
@keyframes pulsess {
	from { box-shadow: 0 0 0 0px rgba(252, 194, 47, 0.3); }
	to { box-shadow: 0 0 0 30px rgba(252, 194, 47, 0.3); }
}*/
.ceo-detail-section { padding-bottom: 0 !important; }
.spinner {  /*margin: 100px auto;*/
width: 100%; height: 40px; text-align: center; font-size: 10px; }
.spinner > div { background-color: #465ca0; height: 100%; width: 6px; display: inline-block; -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out; animation: sk-stretchdelay 1.2s infinite ease-in-out; }
.spinner .rect2 { -webkit-animation-delay: -1.1s; animation-delay: -1.1s; }
.spinner .rect3 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s; }
.spinner .rect4 { -webkit-animation-delay: -0.9s; animation-delay: -0.9s; }
.spinner .rect5 { -webkit-animation-delay: -0.8s; animation-delay: -0.8s; }
@-webkit-keyframes sk-stretchdelay {
	0%, 40%, 100% { -webkit-transform: scaleY(0.4) }
	20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
	0%, 40%, 100% { transform: scaleY(0.4); -webkit-transform: scaleY(0.4); }
	20% { transform: scaleY(1.0); -webkit-transform: scaleY(1.0); }
}
form#cntfrm input.error { border: 1px solid red; background: #FFD3D3 }
form#cntfrm input[type="checkbox"] + label.error { border: 1px solid red; background: #FFD3D3 }
form#homecnt input.error { border: 1px solid red; background: #FFD3D3 }
form#homecnt select.error { border: 1px solid red; background: #FFD3D3 }
form#cntfrm select.error { border: 1px solid red; background: #FFD3D3 }
form#cntfrm textarea.error { border: 1px solid red; background: #FFD3D3 }
form#cntfrm input[type=checkbox].error { background: #FFD3D3 }
form#applyform input.error { border: 1px solid red; background: #FFD3D3 }
form#applyform select.error { border: 1px solid red; background: #FFD3D3 }
.spinner.spin { width: 123px; }
.inner-banner-section { position: relative; }
.inner-banner-section .inner-banner-text { width: 50%; position: absolute; left: 8%; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
.inner-banner-section .inner-banner-text h1 { margin: 0; padding-bottom: 20px; color: #fff; font-size: 30px; }
.inner-banner-section .inner-banner-text h2 { margin: 0; color: #fff; font-size: 24px; }
.inner-banner-section .banner-text-black h1, .inner-banner-section .banner-text-black h2 { color: #494949; }
.opening-section .opening-box { clear: both; overflow: hidden; }
.about-us-section .left-box { display: inline-block; vertical-align: middle; width: 50%; text-align: justify; padding-right: 50px; }
.about-us-section .right-box { display: inline-block; vertical-align: middle; width: 50%; margin-left: -4px; }
.solution-slider .btn { margin-top: 20px; }

/*.life-at-atoz-box { background: url("../images/life-at-atoz.png"); width: 100%; height: 600px; background-repeat: no-repeat; -o-background-repeat: no-repeat; -ms-background-repeat: no-repeat; -moz-background-repeat: no-repeat; -webkit-background-repeat: no-repeat; background-size: cover; -o-background-size: cover; -ms-background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-position: center center; -o-background-position: center center; -ms-background-position: center center; -moz-background-position: center center; -webkit-background-position: center center; }
*/
.ceo-detail-section .right-box .img-box { height: 400px; width: 400px; position: relative; }
.ceo-detail-section .right-box .img-inner-box { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }
.ceo-detail-section .right-box .img-inner-box > img { display: block; margin: 0 auto; }
.ceo-detail-section .right-box .img-box > img { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); margin: 0 auto; }
.line-box { position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); /* animation:circle 6s linear infinite;*/ }
@keyframes circle {
	0% { transform: rotate(0deg)
		translate(-165px)
	rotate(0deg); }
	100% { transform: rotate(360deg)
		translate(-165px)
	rotate(-360deg); }
}
.thank-you-banner-section { position: relative; }
.thank-you-banner-section h1 { color: #fff; font-size: 54px; position: absolute; left: 0; right: 0; text-align: center; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.thank-you-block { text-align: center; padding-bottom: 0px; }
.thank-you-block h4 { margin-bottom: 30px; }
.keychallenges-solution .left-box a { color: #0078d4; }
.inner-services-section .inner-box .indust-icon-box.wooCommerce-icon-box, .inner-services-section .inner-box .indust-icon-box.opencart-icon-box { width: 200px !important; }
.inner-services-section .inner-box .indust-icon-box.shopify-icon-box { width: 160px !important; }
.ecommerce-feature-section .inner-feature-box .col-md-4 { text-align: left; margin-bottom: 30px; }
.ecommerce-feature-section .inner-feature-box .col-md-4 .img-box { width: 40px; margin: 0 0 10px; }
.ecommerce-feature-section .inner-feature-box .col-md-4 h2 { font-size: 20px; margin-bottom: 8px; }
.ecommerce-feature-section .inner-feature-box .col-md-4:nth-last-child(1), .ecommerce-feature-section .inner-feature-box .col-md-4:nth-last-child(2), .ecommerce-feature-section .inner-feature-box .col-md-4:nth-last-child(3) { margin-bottom: 0; }
.top-header { background: #4b4b4b; }
.top-header .call-box { float: right; }
.top-header .call-box li { display: inline-block; vertical-align: middle; margin-right: 10px; }
.top-header .call-box li:last-of-type { margin-right: 0; }
.top-header .call-box li a { color: #fff; padding: 10px; display: block; font-size: 16px; }
.top-header .call-box li:last-of-type a { padding-right: 0; }
.top-header .call-box li a img { width: 20px; margin-right: 8px; display: inline-block; vertical-align: middle; }
.top-header .call-box li a img.color-png { display: none; }
.top-header .call-box li:hover a { color: #0078d4 !important; }
.top-header .call-box li:hover a img.color-png { display: inline-block; }
.top-header .call-box li:hover a img.white-png { display: none; }
.top-header .call-box li a span { display: inline-block; vertical-align: middle; }
.contact-con-form-section .col-md-6 .form-group { width: 100%; }
.contact-con-form-section { background: #f6f8fc; text-align: center; }
.contact-con-form-section .header-title h2 { margin-bottom: 20px !important }
.contact-con-form-section .header-title p { font-size: 24px; }
.contact-con-form-section .header-title { margin-bottom: 30px; }
.contact-con-form-section .btn { margin: 20px auto 0; }
#cntfrm .form-group.full-box, #cntfrm .form-group.check-form-group { width: 100%; }
#cntfrm .label-box { display: block; }
#cntfrm .form-group.check-form-group { padding-left: 8px; }
#cntfrm .form-group .checkbox { display: inline-block; vertical-align: middle; width: 49%; margin-bottom: 10px; }
#cntfrm textarea { height: 110px !important; resize: none !important; margin-bottom: 20px; }
#cntfrm .security input { width: 80px; float: left; margin-left: 10px; height: 36px; }
#cntfrm .security label { font-weight: bold; float: left; margin-bottom: 0; }
#cntfrm .security img { padding-left: 20px; }
#cntfrm .security p { width: auto; float: left; margin: 0; line-height: 38px; margin-left: 10px; }
.progress-demo { margin-top: 35px; }

/* Mobile App Pages CSS */
.mobile-app-common-banner-section ul li { display: block; color: #fff; font-size: 18px; padding-bottom: 10px; font-weight: bold; }
.mobile-app-common-banner-section ul li:last-of-type { padding-bottom: 0; }
.mobile-app-common-banner-section ul { padding: 30px 0; }
.mobile-app-common-banner-section .btn { background: #fff !important; color: #0078d4 !important; }
.mobile-app-common-banner-section ul li img { width: 25px; margin-right: 10px; }
.common-content-section .common-main-features-box { padding-top: 50px; }
.common-content-section .common-main-features-box .common-box { background: #f8f8f8; padding: 30px; height: 260px; }
.common-content-section .common-main-features-box .common-box h4 { font-size: 22px; padding-top: 15px; margin-bottom: 10px; }
.common-content-section .common-main-features-box .col-md-4:nth-child(4) .common-box, .common-content-section .common-main-features-box .col-md-4:nth-child(5) .common-box, .common-content-section .common-main-features-box .col-md-4:nth-child(6) .common-box { margin-top: 30px; }
.header-title.text-center { text-align: center; }
.header-title.p-sub-title h2 { margin-bottom: 20px !important; }
.header-title.p-sub-title p { font-size: 22px; }
.header-title.p-sub-title { margin-bottom: 60px !important; }
.common-app-working-section .process-box { overflow: hidden; }
.common-left-box-right-image-features-section { background: #0078d4; }
.common-left-box-right-image-features-section .header-title h2::after { background: #494949; }
.common-left-box-right-image-features-section .app-features-box .common-box { padding: 30px; background: #fff; height: 220px; width: 46%; float: left; margin-right: 30px; margin-bottom: 30px; }
.common-left-box-right-image-features-section .app-features-box .common-box img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.common-left-box-right-image-features-section .app-features-box .common-box h4 { display: inline-block; vertical-align: middle; font-size: 22px; margin-bottom: 0; }
.common-left-box-right-image-features-section .app-features-box .common-box p { padding-top: 15px; }
.common-left-box-right-image-features-section .app-features-box .col-md-4 { text-align: center; }
.common-left-box-right-image-features-section .app-features-box .common-box:nth-child(5), .common-customer-app-features-section .app-features-box .common-box:nth-child(6) { margin-bottom: 0; }
.common-left-image-right-box-features-section .app-features-box .common-box { padding: 30px; background: #0078d4; height: 220px; width: 46%; float: left; margin-left: 30px; margin-bottom: 30px; }
.common-left-image-right-box-features-section .app-features-box .common-box img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.common-left-image-right-box-features-section .app-features-box .common-box h4 { display: inline-block; vertical-align: middle; color: #fff; font-size: 22px; margin-bottom: 0; }
.common-left-image-right-box-features-section .app-features-box .common-box p { padding-top: 15px; color: #fff; }
.common-left-image-right-box-features-section .app-features-box .col-md-4 { text-align: center; }
.common-left-image-right-box-features-section .app-features-box .common-box:nth-child(5), .common-customer-app-features-section .app-features-box .common-box:nth-child(6) { margin-bottom: 0; }
.common-content-box-features-section .app-features-box .common-box { background: #0078d4; padding: 30px; height: 220px; margin-bottom: 30px; }
.common-content-box-features-section .app-features-box .common-box img { display: inline-block; vertical-align: middle; margin-right: 10px; }
.common-content-box-features-section .app-features-box .common-box h4 { display: inline-block; vertical-align: middle; color: #fff; font-size: 22px; margin-bottom: 0; }
.common-content-box-features-section .app-features-box .common-box p { padding-top: 15px; color: #fff; }
.common-content-box-features-section .app-features-box .col-md-4:nth-child(4) .common-box, .common-content-box-features-section .app-features-box .col-md-4:nth-child(5) .common-box, .common-content-box-features-section .app-features-box .col-md-4:nth-child(6) .common-box { margin-bottom: 0; }
.common-content-box-bg-features-section { background: #0078d4; }
.common-content-box-bg-features-section .header-title h2::after { background: #494949; }
.common-content-box-bg-features-section .app-features-box .common-box { background: #fff; padding: 30px; height: 220px; margin-bottom: 30px; }
.common-content-box-bg-features-section .app-features-box .common-box img { display: inline-block; vertical-align: middle; margin-right: 10px;/*image-rendering: -webkit-optimize-contrast;*/ }
.common-content-box-bg-features-section .app-features-box .common-box h4 { display: inline-block; vertical-align: middle; font-size: 22px; margin-bottom: 0; }
.common-content-box-bg-features-section .app-features-box .common-box p { padding-top: 15px; }
.common-content-box-bg-features-section .app-features-box .col-md-4:nth-child(4) .common-box, .common-content-box-bg-features-section .app-features-box .col-md-4:nth-child(5) .common-box, .common-content-box-bg-features-section .app-features-box .col-md-4:nth-child(6) .common-box { margin-bottom: 0; }
.app-design-images-slider-section .img-box img { width: 80%; margin: 0 auto; }
.app-design-images-slider-section .owl-dots .owl-dot span { height: 15px; width: 15px; background: #494949; margin: 5px 10px; }
.app-design-images-slider-section .owl-dots .owl-dot.active span { background: #0078d4; }
.app-design-images-slider-section .owl-dots { margin-top: 20px !important; }
.common-what-we-deliver-section { background: #494949; }
.common-what-we-deliver-section .left-box { width: 60%; display: inline-block; vertical-align: middle; }
.common-what-we-deliver-section .right-box { width: 40%; display: inline-block; vertical-align: middle; margin-left: -5px; }
.common-what-we-deliver-section .left-box .header-title h2, .common-what-we-deliver-section .left-box .header-title p { color: #fff; }
.common-what-we-deliver-section .left-box .header-title h2::after { background: #fff; }
.common-what-we-deliver-section .left-box .common-list-style li { color: #fff; }
.why-atozinfoway-section { background: #F5F5F5; }
.why-atozinfoway-section .why-atozinfoway-box .common-box { width: 48%; position: relative; display: inline-block; vertical-align: top; height: 300px; background: #fff; padding: 30px; margin-left: -5px; }
.why-atozinfoway-section .why-atozinfoway-box .common-box:first-of-type, .why-atozinfoway-section .why-atozinfoway-box .common-box:nth-child(3) { margin-right: 25px; }
.why-atozinfoway-section .why-atozinfoway-box .common-box:nth-child(2), .why-atozinfoway-section .why-atozinfoway-box .common-box:nth-child(4) { margin-left: 25px; }
.why-atozinfoway-section .why-atozinfoway-box .common-box img { margin-bottom: 30px; }
.why-atozinfoway-section .why-atozinfoway-box .common-box h4 { margin-bottom: 15px; }
.why-atozinfoway-section .why-atozinfoway-box .common-box span { position: absolute; right: -23px; top: -26px; background: #0078d4; padding: 11px; width: 50px; height: 50px; text-align: center; display: block; font-size: 18px; font-weight: bold; border-radius: 50%; }
.why-atozinfoway-section .why-atozinfoway-box .common-box:first-of-type, .why-atozinfoway-section .why-atozinfoway-box .common-box:nth-child(2) { margin-bottom: 50px; }
.common-on-demand-app-section { background: #f5f5f5; }
.common-on-demand-app-section li { position: relative; width: 20%; float: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; cursor: pointer; }
.common-on-demand-app-section li p { position: absolute; background: #0078d4; width: 100%; padding: 10px 0; font-weight: bold; bottom: 0; display: none; }
.common-on-demand-app-section li:hover p { display: block; }
.common-left-box-right-image-features-section .app-features-box img, .common-left-image-right-box-features-section .app-features-box img { width: 85% }

/* technology-stacks-section CSS*/
.technology-stacks-section { background: #0078d4; }
.technology-stacks-section .header-title h2::after { background: #494949; }
.technology-stacks-section .technology-stacks-box ul li { display: inline-block; width: 23%; background: #f5f5f5; padding: 25px 15px; margin: 13px 10px; border-radius: 5px; text-align: center; transition: all .5s; }
.technology-stacks-section .technology-stacks-box ul li img { width: 80px; height: 80px; display: block; margin: 0 auto; margin-bottom: 15px; }
.technology-stacks-section .technology-stacks-box ul li h4 { margin-bottom: 0; font-size: 18px; }
.technology-stacks-section .technology-stacks-box ul li:hover { box-shadow: 0px 0px 5px #d0d0d0; background: #fff; }

/* Payment Gateway Offered CSS*/
.payment-gateway-section .payment-gateway-box { z-index: 2; position: relative; border-radius: 10px; background: #fff; padding: 30px; text-align: center; box-shadow: 0px 0px 5px #d0d0d0; }
.payment-gateway-section .payment-gateway-box img { width: 100%; }
.payment-gateway-section .payment-gateway-box h5 { font-size: 18px; font-weight: 600; margin-bottom: 0; padding-top: 20px; }
.payment-gateway-section .payment-gateway-box::before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 50px rgba(166, 209, 237, .2); box-shadow: 0 10px 50px rgba(166, 209, 237, .2); z-index: -2; }
.payment-gateway-section .payment-gateway-box::after { content: " "; width: 95%; height: 95%; z-index: -3; position: absolute; top: auto; bottom: 1px; left: 1px; border-radius: 12px; background-image: -webkit-linear-gradient(350deg, #0078d4, #f2b314); background-image: -o-linear-gradient(350deg, #0078d4, #f2b314); background-image: linear-gradient(100deg, #0078d4, #f2b314); background-repeat: repeat-x; outline: 1px solid transparent; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s; background-image: linear-gradient(100deg, #ae61e2, #0078d4);}
.payment-gateway-section .payment-gateway-box:hover::after { -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px); -ms-transform: rotate(2deg) translateX(-5px) translateY(16px); transform: rotate(2deg) translateX(-5px) translateY(16px); }
.payment-gateway-section .payment-gateway-box { margin-bottom: 30px; }
.payment-gateway-section .col-md-3:last-child .payment-gateway-box, .payment-gateway-section .col-md-3:nth-last-child(2) .payment-gateway-box, .payment-gateway-section .col-md-3:nth-last-child(3) .payment-gateway-box, .payment-gateway-section .col-md-3:nth-last-child(4) .payment-gateway-box { margin-bottom: 0; }
.payment-gateway-section .common-list li { position: relative; margin-bottom: 10px; width: 49%; margin-right: 0; display: inline-block; vertical-align: top; }
.payment-gateway-section .common-list li::before { content: ""; position: absolute; left: -15px; line-height: 1; top: 10px; background: #929292; height: 8px; width: 8px; border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; }
.payment-gateway-section .common-list { text-align: left; padding-left: 40px; padding-top: 20px; }

/* Beneficial Add-Ons of Our Food Delivery App-CSS*/
.common-add-ons-section .common-add-ons-box { height: 370px; z-index: 2; position: relative; border-radius: 10px; background: #fff; padding: 30px; text-align: center; }
.common-add-ons-section .common-add-ons-box img { height: 90px; image-rendering: -webkit-optimize-contrast; }
.common-add-ons-section .common-add-ons-box h3 { font-size: 24px; font-weight: 600; margin-bottom: 0; padding: 20px 0; }
.common-add-ons-section .common-add-ons-box p { font-size: 18px; }
.common-add-ons-section .common-add-ons-box::before { content: " "; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: #fff; border-radius: 10px; -webkit-box-shadow: 0 10px 50px rgba(166, 209, 237, .2); box-shadow: 0 10px 50px rgba(166, 209, 237, .2); z-index: -2; }
.common-add-ons-section .common-add-ons-box::after { content: " "; width: 95%; height: 95%; z-index: -3; position: absolute; top: auto; bottom: 1px; left: 1px; border-radius: 12px; background-image: -webkit-linear-gradient(350deg, #0078d4, #f2b314); background-image: -o-linear-gradient(350deg, #0078d4, #f2b314); background-image: linear-gradient(100deg, #0078d4, #f2b314); background-repeat: repeat-x; outline: 1px solid transparent; -webkit-transition: all .5s; -o-transition: all .5s; transition: all .5s;background-image: linear-gradient(100deg, #ae61e2, #0078d4); }
.common-add-ons-section .common-add-ons-box:hover::after { -webkit-transform: rotate(2deg) translateX(-5px) translateY(16px); -ms-transform: rotate(2deg) translateX(-5px) translateY(16px); transform: rotate(2deg) translateX(-5px) translateY(16px); }
.common-add-ons-section .common-add-ons-box { margin-bottom: 30px; }
.common-add-ons-section .col-md-4:last-child .common-add-ons-box, .common-add-ons-section .col-md-4:nth-last-child(2) .common-add-ons-box, .common-add-ons-section .col-md-4:nth-last-child(3) .common-add-ons-box { margin-bottom: 0; }
.common-satisfied-clients-section { background: #0078d4; }
.common-satisfied-clients-section .header-title h2::after { background: #494949; }
.common-satisfied-clients-section .img-box img { width: 100%; }

/* FAQ-CSS */

/*.panel-default>.panel-heading { color: #333; background-color: #fff; border-color: #e4e5e7; padding: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.panel-default>.panel-heading a { display: block; padding: 10px 15px; }
.panel-default>.panel-heading a:after { content: ""; position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; float: right; transition: transform .25s linear; -webkit-transition: -webkit-transform .25s linear; }
.panel-default>.panel-heading a[aria-expanded="true"] { background-color: #eee; }
.panel-default>.panel-heading a[aria-expanded="true"]:after { content: "‘2"; -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.panel-default>.panel-heading a[aria-expanded="false"]:after { content: "b"; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.panel-default > .panel-heading a { font-size: 18px; font-weight: normal; border: 1px solid #0078d4; padding: 15px; background: transparent !important; }
.panel-default .panel-title { margin-bottom: 20px; }*/

.design-process-section .text-align-center { line-height: 25px; margin-bottom: 12px; }
.design-process-content { position: relative; text-align: center; padding: 15px; border: 1px solid #0078d4; }
.design-process-content img { position: absolute; top: 0; right: 0; bottom: 0; z-index: 0; max-height: 100%; }
.process-model { list-style: none; padding: 0; position: relative; width: 100%; margin: 20px auto 26px; border: none; z-index: 0; }
.process-model li::after { background: #e5e5e5 none repeat scroll 0 0; bottom: 0; content: ""; display: block; height: 4px; margin: 0 auto; position: absolute; right: -95px; top: 50px; width: 100%; z-index: -1; }
.process-model li.visited::after { background: #0078d4; }
.process-model li:last-child::after { width: 0; }
.process-model li { display: inline-block; width: 14%; text-align: center; float: none; position: relative; margin: 0 auto; }
.nav-tabs.process-model > li.active > a, .nav-tabs.process-model > li.active > a:hover, .nav-tabs.process-model > li.active > a:focus, .process-model li a:hover, .process-model li a:focus { border: none; background: transparent; }
.process-model li a { padding: 0; border: none; color: #606060; }
.process-model li.active, .process-model li.visited { color: #0078d4; }
.process-model li.active a, .process-model li.active a:hover, .process-model li.active a:focus, .process-model li.visited a, .process-model li.visited a:hover, .process-model li.visited a:focus { color: #0078d4; }
.process-model li.active p, .process-model li.visited p { font-weight: 600; }
.process-model li i { display: block; height: 68px; width: 68px; text-align: center; margin: 0 auto; background: #f5f6f7; border: 2px solid #e5e5e5; line-height: 65px; font-size: 30px; border-radius: 50%; }
.process-model li.active i, .process-model li.visited i { background: #fff; border-color: #0078d4; }
.process-model li p { font-size: 16px; margin-top: 11px; font-weight: bold; }
.process-model.contact-us-tab li.visited a, .process-model.contact-us-tab li.visited p { color: #606060 !important; font-weight: normal }
.process-model.contact-us-tab li::after { display: none; }
.process-model.contact-us-tab li.visited i { border-color: #e5e5e5; }
@media screen and (max-width:560px) {
	.more-icon-preocess.process-model li span { font-size: 23px; height: 50px; line-height: 46px; width: 50px; }
	.more-icon-preocess.process-model li::after { top: 24px; }
}
@media screen and (max-width:380px) {
	.process-model.more-icon-preocess li { width: 16%; }
	.more-icon-preocess.process-model li span { font-size: 16px; height: 35px; line-height: 32px; width: 35px; }
	.more-icon-preocess.process-model li p { font-size: 8px; }
	.more-icon-preocess.process-model li::after { top: 18px; }
	.process-model.more-icon-preocess { text-align: center; }
}
.process-model li .img-box { display: block; height: 100px; width: 100px; text-align: center; margin: 0 auto; background: #f5f6f7; border: 3px solid #e5e5e5; border-radius: 50%; position: relative; }
.process-model li .img-box img { width: 60px; position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translateY(-50%); }
.process-model li.active .img-box { border-color: #0078d4; }
.process-model li.active p { color: #0078d4; }
.process-model li.visited .img-box { border-color: #0078d4; }
.process-model li.visited p { color: #0078d4; }
.design-process-content p { font-size: 18px; font-weight: bold; }

/*FAQ section CSS Dipali*/
.common-faq-section .card { border: none; margin-bottom: 15px; }
.common-faq-section .card-header { border: 1px solid black; background-color: transparent !important; cursor: pointer; }
.common-faq-section .card-header h4.mb-0.collapsed { margin-bottom: 0 !important; }
.common-faq-section .card-header h4 { font-size: 18px; position: relative; text-transform: capitalize }
.common-faq-section .card-header h4 .icon { display: inline-block; height: 24px; width: 24px; background-color: #0078d4; border-radius: 50%; position: absolute; right: 0; top: 0; }
.common-faq-section .card-body { font-size: 18px; padding: 15px; }
.common-faq-section .card.active .card-header h4 .icon::before { content: '\2212'; display: block; font-size: 24px; position: absolute; top: -4px; left: 5px; }
.common-faq-section .card.active .card-header h4 .icon::after { content: ''; display: none; }
.common-faq-section .card-header h4.collapsed .icon::after { content: '\002B'; display: inline-block; }
.common-faq-section .card-header h4 .icon::after { content: '\002B'; font-size: 24px; position: absolute; top: -3px; left: 6px; }
.common-faq-section .collapse.show { display: block; border: 1px solid #000; border-top: none; }
.common-what-we-deliver-section .left-box .common-list-style li:last-of-type { margin-bottom: 0; }

/*07-12-2021*/
.common-left-image-right-box-features-section .app-features-box .common-box h4 { width: 83%; }
.common-left-box-right-image-features-section .app-features-box .common-box h4 { width: 83%; }
.common-content-box-bg-features-section .app-features-box .common-box h4 { width: 83%; }
.common-content-box-features-section .app-features-box .common-box h4 { width: 83%; }
.common-content-section .common-main-features-box .common-box img { width: 40px; image-rendering: -webkit-optimize-contrast; }
.common-left-box-right-image-features-section .app-features-box .common-box img { width: 40px; image-rendering: -webkit-optimize-contrast; }
.common-content-box-bg-features-section .app-features-box .common-box img { width: 40px; }
.common-content-box-features-section .app-features-box .common-box img, .common-left-image-right-box-features-section .app-features-box .common-box img { width: 40px; image-rendering: -webkit-optimize-contrast; }
.why-atozinfoway-section .why-atozinfoway-box .common-box img { height: 70px; image-rendering: -webkit-optimize-contrast; }

/*02-03-2022 Dipali*/
.app-design-images-slider-section .img-box img { width: 90%; margin: 0 auto; }
.app-design-images-slider-section .img-box { width: 25%; display: inline-block; vertical-align: middle; margin-left: -5px; }

/*Dropdown header css*/
li.dropdown ul.dropdown-menu li a { padding: 5px 10px; font-size: 14px; margin-right: 0; }
li.dropdown:hover ul.dropdown-menu.first-dropdown, li.dropdown:hover ul.dropdown-menu.second-dropdown { display: block; }
.dropdown-menu.second-menu { position: unset; width: 100%; }
header li.dropdown-item { padding: 2px 15px; }
ul.dropdown-menu li { display: block !important; }
li.dropdown img.down-arrow { width: 12px; position: absolute; right: 9px; top: 49%; display: inline-block; }
li.dropdown img.yellow { display: none; }
li.dropdown:hover img.grey { display: none; transition: all .5s cubic-bezier(.09, .11, .24, .91); }
li.dropdown:hover img.yellow { display: block; transition: all .5s cubic-bezier(.09, .11, .24, .91); }
.dropdown-menu.first-dropdown li.dropdown { position: relative; }
.dropdown-menu.first-dropdown { padding: 10px; width: 320px; border-radius: 0 0 5px 5px; margin-top: 0; background: #fff; }
li.dropdown.service-menu .dropdown-menu.first-dropdown { width: auto; }
li.dropdown.service-menu .mega-menu { display: block; background-color: #fff; width: 665px; padding: 10px 15px; border-radius: 0 0 5px 5px; }
li.dropdown.service-menu .mega-menu .menu-box.service-box { vertical-align: top; }
li.dropdown.service-menu .mega-menu .menu-box { width: 49%; display: inline-block; vertical-align: middle; margin-left: -5px }
li.dropdown.service-menu .mega-menu .menu-box.contact-box { text-align: center; }
li.dropdown.service-menu .mega-menu .menu-box.contact-box a { display: inline-block; }
li.dropdown.service-menu .mega-menu .menu-box.contact-box p { font-size: 18px }
li.dropdown.service-menu .mega-menu a { padding: 5px 0; font-size: 14px; margin-right: 0; }
li.dropdown.service-menu .mega-menu h5 { font-size: 16px; font-weight: 600; color: #494949; margin-bottom: 5px; }
li.dropdown.service-menu .mega-menu p { font-size: 14px; color: #717171; margin-bottom: 10px; font-weight: 500 }
li.dropdown.service-menu .mega-menu .menu-box.contact-box img { width: 60%; display: block; margin: 10px auto 0; }
.dropdown-menu.second-dropdown { top: 97%; padding: 10px; }

/*On demand section css from atoz MObile service Website*/
.common-on-demand-app-section { background: #f5f5f5; }
.header-title.p-sub-title { margin-bottom: 60px !important; }
.common-on-demand-app-section li { position: relative; width: 20%; float: left; border-right: 2px solid #fff; border-bottom: 2px solid #fff; text-align: center; cursor: pointer; }
.common-on-demand-app-section li p { position: absolute; background: #0078d4; width: 100%; padding: 10px 0; font-weight: bold; bottom: 0; display: none; }
.common-on-demand-app-section li:hover p { display: block; }
.our-industry-section .inner-box { height: 163px; }
.submit__generated { display: inline-block; }
.submit__generated span { display: inline-block; width: 35px; height: 35px; vertical-align: center; line-height: 35px; font-weight: bold; font-size: 16px; color: rgba(0, 0, 0, 0.9); text-align: center; letter-spacing: 1px; text-transform: uppercase; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; }
.submit__generated.valid:after, .submit__generated.unvalid:after { font-family: FontAwesome; font-size: 18px; margin-left: 10px; }
.submit__generated.valid:after { content: "\2713"; color: #2ecc71; }
.submit__generated.valid .submit__input { border: 1px solid #2ecc71; color: #2ecc71 !important; }
.submit__generated.unvalid:after { content: "\2613"; color: #e74c3c; }
.submit__generated.unvalid .submit__input { border: 1px solid #e74c3c; color: #e74c3c; }
.submit__generated .submit__input { position: relative; outline: 0; height: 35px; width: 35px; border-radius: 4px; border: 1px solid #42A0DD; color: #42A0DD; text-align: center; font-weight: bold; font-size: 16px; top: -2px; float: none; }
i.fa-refresh { margin: 4px 0 0px 5px; padding: 5px; font-size: 18px; color: rgba(0, 0, 0, 0.2); cursor: pointer; transform-origin: center center; transition: transform 0.2s ease-out, color 0.2s ease-out; }
i.fa-refresh:hover { color: rgba(0, 0, 0, 0.4); transform: rotate(180deg); }
span.submit__error, span.submit__error--empty { color: #e74c3c; position: absolute; margin-top: 0px; margin-left: 100px; }
.low-opa { opacity: 0.4; }
.fadeOut { opacity: 0; transform: translateY(10px); }
.fadeIn { opacity: 1 !important; transform: translateY(0px) !important; }
.form-fields, .form-success { transition: all 0.2s ease-out; }
.form-success { opacity: 0; transform: translateY(-10px); margin-top: 20px; }
.security .submit__control { margin: 0; }
.security .submit__control h3 { font-size: 16px; margin-top: 10px; }
#cntfrm .security input.submit__input { float: none !important; }

/* gallery-popup */
.gallery-popup h4 { text-align: center; display: block; font-size: 18px; margin: 15px 0 0; }
#ourAffiliates .modal-dialog { max-width: 600px; width: 60%; margin: 0 auto; top: 20px; }
.ourAffiliatesSlider iframe, .ourAffiliatesSlider .owl-item img { object-fit: contain; height: 585px; width: 100% }
#ourAffiliates .modal-body { padding: 5px; padding-bottom: 0; }
#ourAffiliates .owl-carousel .owl-nav button.owl-next, #ourAffiliates .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 0; bottom: 0; background: #fff; width: 40px; height: 40px; border-radius: 50%; right: -20px; margin: auto; display: block; text-align: center; }
#ourAffiliates .owl-carousel .owl-nav button.owl-prev { right: auto; left: -20px; }
#ourAffiliates .owl-carousel .owl-nav button.owl-next span, #ourAffiliates .owl-carousel .owl-nav button.owl-prev span { line-height: 0; font-size: 60px; padding-top: 6px; height: 30px; display: block; }
#ourAffiliates .owl-carousel .owl-nav button:focus { outline: none; }
.gallery-popup { position: relative; }
#ourAffiliates .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; z-index: 99; opacity: 1; }
#ourAffiliates .close svg { width: 100%; height: 100%; fill: #333; }
#ourAffiliates { margin-top: 130px; z-index: 999; }
#ourAffiliates .owl-theme .owl-nav [class*=owl-]:hover { color: #333; }

/* gallery-popup */
.gallery-popup h4 { text-align: center; display: block; font-size: 18px; margin: 15px 0 0; }
#ourAffiliates2 .modal-dialog { max-width: 600px; width: 60%; margin: 0 auto; top: 20px; }
#ourAffiliates2 .modal-body { padding: 5px; padding-bottom: 0; }
#ourAffiliates2 .owl-carousel .owl-nav button.owl-next, #ourAffiliates2 .owl-carousel .owl-nav button.owl-prev { position: absolute; top: 0; bottom: 0; background: #fff; width: 40px; height: 40px; border-radius: 50%; right: -20px; margin: auto; display: block; text-align: center; }
#ourAffiliates2 .owl-carousel .owl-nav button.owl-prev { right: auto; left: -20px; }
#ourAffiliates2 .owl-carousel .owl-nav button.owl-next span, #ourAffiliates2 .owl-carousel .owl-nav button.owl-prev span { line-height: 0; font-size: 60px; padding-top: 6px; height: 30px; display: block; }
#ourAffiliates2 .owl-carousel .owl-nav button:focus { outline: none; }
.gallery-popup { position: relative; }
#ourAffiliates2 .close { position: absolute; top: 20px; right: 20px; width: 20px; height: 20px; z-index: 99; opacity: 1; }
#ourAffiliates2 .close svg { width: 100%; height: 100%; fill: #333; }
#ourAffiliates2 { margin-top: 130px; z-index: 999; }
#ourAffiliates2 .owl-theme .owl-nav [class*=owl-]:hover { color: #333; }
#ourAffiliates2 .close, #ourAffiliates .close { position: absolute; top: -14px; right: -12px; width: 30px; height: 30px; z-index: 99; opacity: 1; background: #ffbf27; padding: 0 8px; border-radius: 50%; }
#ourAffiliates .owl-theme .owl-nav, #ourAffiliates2 .owl-theme .owl-nav { margin: 0; }
.our-affiliates-cta { position: fixed; top: 0; background: #ffbf27; z-index: 999; right: -54px; bottom: 0; display: inline-block; margin: auto; font-size: 18px; line-height: 40px; height: 40px; padding: 0 20px; font-weight: 700; transform: rotate(-90deg); }
.our-affiliates-cta:hover { color: #333; opacity: .8; }
.tawk-branding { display: none !important; }
.mt { margin-top: 30px; }
footer .top-footer .main-address-box .cols { width: 24%; padding: 0px 40px; }
.location-box { display: flex; gap: 6px; align-items: center; position: absolute; right: 30px; top: 32px; }
.location-box img { height: 20px; }
.job-detail-box .detail-inner-box li { padding-bottom: 10px; }
.job-detail-box .detail-inner-box h3, .job-detail-box .detail-inner-box h2 { margin-bottom: 20px; }

/*31-10-23*/
.dropdown-submenu { position: relative; }
.dropdown-submenu > .dropdown-inner-menu { top: 6px; left: 189px; margin-top: -1px; display: none; position: absolute; width: 180px; background: #fff; box-shadow: 0 2px 3px #ddd; padding: 12px 15px; border-radius: 4px; text-align: left; z-index: 99; }
.dropdown-inner-menu a { position: relative !important; display: inline-block !important; padding-right: 18px !important; }
.dropdown-inner-menu a img { position: absolute !important; right: 0 !important; top: 13px !important; width: 10px !important; transform: rotate(-90deg) !important; }
.dropdown-inner-menu .dropdown-submenu li a:hover img.down-arrow.grey { display: none; }
.dropdown-inner-menu .dropdown-submenu li a:hover img.down-arrow.yellow { display: inline-block; }
.dropdown-inner-menu .dropdown-submenu .dropdown-inner-menu.third-menu { left: 155px; width: 230px; }
.who-we-are-section .inner-who-we-box { -moz-transform: translateY(-50%) !important; -webkit-transform: translateY(-50%) !important; -o-transform: translateY(-50%) !important; -ms-transform: ranslateY(-50%) !important; transform: translateY(-50%) !important; }
footer .top-footer .social-media-list li a svg { vertical-align: middle; margin-right: .2em; margin-left: .2em; margin-top: -5px; }
footer .top-footer .social-media-list li a:hover svg circle { fill: #0078d4; }

/*HR-Management-CSS*/
.hr-banner-section { position: relative; height: 933px; background: #FFFDF6; }
.hr-banner-section .left-box { position: absolute; top: 50%; transform: translateY(-50%); width: 40%; left: 100px; }
.hr-banner-section .right-box { position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: 50%; height: 100%; background: #0078d4; text-align: right; padding: 100px 0; font-family: 'Roboto'; }
.hr-banner-section .left-box h2 { position: relative; color: #364652; font-size: 56px; font-weight: bold; font-family: 'Roboto'; }
.hr-banner-section .left-box p { font-size: 24px; color: #4B4B4B; font-weight: 500; margin-top: 50px; margin-bottom: 45px !important; font-family: 'Roboto'; }
.hr-banner-section .left-box h2 img { position: absolute; right: 30px; top: 101px; width: 256px; }
.hr-banner-section .left-box .btn-box { position: relative; }
.hr-banner-section .left-box .btn-box img { position: absolute; top: -75px; left: 225px; width: 165px; }
.shareponit-solution-section .shareponit-solution-box { padding: 80px; border-radius: 24px; background: #fff; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; }
.shareponit-solution-section .shareponit-solution-box .title-box { display: flex; margin-bottom: 40px; justify-content: space-between; align-items: center; }
.shareponit-solution-section .shareponit-solution-box .shareponit-box .common-box { padding: 30px; border: 1px solid #9BE2E4; border-radius: 24px; background: #F6FBFF; }
.shareponit-solution-section .shareponit-solution-box .shareponit-box .common-box h4 { color: #364652; font-size: 32px; text-align: center; font-family: 'Roboto'; font-weight: 500; margin-bottom: 0; }
.shareponit-solution-section .shareponit-solution-box .shareponit-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; }
.shareponit-solution-section .shareponit-solution-box .shareponit-box .common-box img { margin-bottom: 30px; width: 100%; }
.shareponit-solution-section .shareponit-solution-box .title-box h3 { font-size: 42px; margin-bottom: 0; font-family: 'Roboto'; font-weight: 500; text-align: left; }
.shareponit-solution-section .shareponit-solution-box .title-box p { font-size: 24px; color: #4B4B4B; font-family: 'Roboto'; font-weight: 500; }
.shareponit-solution-section { margin-top: -100px; position: relative; }
.key-features-section  .title-box h3 { font-size: 40px; font-family: 'Roboto'; text-align: center; }
.key-features-section  .title-box { margin-bottom: 50px; }
@media (min-width:768px) {
	.key-features-section .row_flex { display: flex; gap: 50px; }
}
@media (min-width:768px) {
	.key-features-section .row_flex .row_inner { width: 50%; }
}
.key-features-section .row_flex .row_inner img { width: 100%; }
.key-features-section .accordion_images { position: relative; }
@media (max-width:767px) {
	.key-features-section .accordion_images { display: none; }
}
.key-features-section .accordion_images img { opacity: 0; transition: 0.3s; }
.key-features-section .accordion_images img:not(:first-child) { position: absolute; left: 0; top: 0; }
.key-features-section .accordion_images img.active { opacity: 1; }
.key-features-section .accordion-1 { width: 100%; overflow: hidden; background: #fff; border-bottom: 2px solid #ededed; padding: 35px 20px; }
.key-features-section .accordion-1:first-of-type { border-top: 2px solid#ededed; }
.key-features-section .accordion_intro { position: relative;/*  padding: 20px;*/ cursor: pointer; }
.key-features-section .accordion_content { color: #fff;/*  padding: 0 20px;*/ max-height: 0; overflow: hidden; will-change: max-height; transition: all 0.25s ease-out; opacity: 0; }
@media (min-width:768px) {
	.key-features-section .accordion_content .accordion_image { display: none; }
}
@media (max-width:767px) {
	.key-features-section .accordion_content .accordion_image { display: block; margin-bottom: 20px; }
}
.key-features-section .accordion-1 h4, .key-features-section .accordion-1 p { margin: 0; line-height: 1; padding-left: 60px; font-family: 'Roboto' }
.key-features-section .accordion-1 h4 { color: #364652; font-size: 32px; font-weight: 500; position: relative; }
.key-features-section .accordion-1 p { color: #4B4B4B; font-size: 24px; margin: 0; margin-top: 20px; }
.key-features-section .accordion_active .accordion_content {/*  padding: 0 20px 20px;*/
opacity: 1; }
.key-features-section .accordion-1 h4:before { content: ''; position: absolute; top: 0; left: 0; background: #0078d4; height: 28px; width: 28px; border-radius: 50%; }
.key-features-section .accordion-1 h4:after { content: ''; position: absolute; top: -8px; border: 2px dashed #DBDBDB; height: 45px; width: 45px; border-radius: 50%; left: -8px; }
.key-features-section .accordion_active h4 { color: #0078d4; }
.sharepoint-based-hr-solutions-page .custom-container { width: 100%; padding: 0 100px; }
.system-works-section { background: url(../images/system-works-bg.png); background-size: cover; background-repeat: no-repeat; }
.system-works-section .work-box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 107px; justify-content: center; }
.system-works-section .work-box .common-round-box { border: 1px solid #0078d4; width: 350px; height: 350px; border-radius: 50%; padding: 30px; position: relative; margin: 0 auto; }
.system-works-section .work-box .common-round-box .number-box { text-align: center; background: #fff; border-radius: 50%; padding: 40px 23px; height: 290px; width: 290px; margin: 0 auto; }
.system-works-section .work-box .common-round-box .arrow-img { position: absolute; right: -94px; top: 50%; transform: translateY(-50%); }
.system-works-section .work-box .common-round-box .number-box h3 { font-size: 96px; margin: 0; font-family: 'Roboto'; font-weight: 900; background: #364652; background: linear-gradient(to bottom, #364652 0%, #FFFFFF 80%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.system-works-section .work-box .common-round-box .number-box p { font-size: 24px; font-family: 'Roboto'; font-weight: 500; color: #364652; }
.system-works-section .title-box h3 { color: #fff; }
.sharepoint-based-hr-solutions-page .title-box h3 { font-size: 40px; font-family: 'Roboto'; text-align: center; }
.sharepoint-based-hr-solutions-page .title-box { margin-bottom: 50px; }
.why-atoz-section .atoz-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px; }
.why-atoz-section .atoz-box .common-box { display: flex; align-items: center; background: #364652; border-radius: 54px; padding: 12px; gap: 16px; }
.why-atoz-section .atoz-box .common-box .icon-box { background: #0078d4; height: 88px; width: 88px; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.why-atoz-section .atoz-box .common-box p { font-size: 24px; font-family: 'Roboto'; color: #fff; font-weight: 500; width: 55%; line-height: 40px; }
.transform-section { background: #FFF8E0; }
.transform-section .transform-box { display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.transform-section .transform-box .left-box h2 { font-family: 'Roboto'; font-size: 42px; font-weight: 600; color: #364652; margin: 0; }
.transform-section .transform-box .left-box p { font-family: 'Roboto'; font-size: 24px; font-weight: 500; color: #4B4B4B; margin-bottom: 30px; margin-top: 25px; }
.transform-section .transform-box .right-box img { width: 100%; }
.clients-saying-section .common-box { padding: 35px; background: #F1F6F6; }
.clients-saying-section .common-box .client-box { display: flex; justify-content: end; align-items: center; gap: 0 20px; }
.clients-saying-section .common-box .client-box img { width: 75px; }
.clients-saying-section .common-box .client-box  p { font-size: 22px; color: #0C2134; font-family: 'Roboto'; font-weight: 500; }
.clients-saying-section .common-box .client-box  span { font-size: 18px; font-family: 'Roboto'; color: #646464; font-weight: normal; }
.clients-saying-section .common-box .logo-box img { width: 130px; }
.clients-saying-section .common-box .common-flex-box { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; margin-top: 20px; border-top: 2px solid #D9D9D9; }
.clients-saying-section .common-box ul { display: flex; align-items: center; gap: 14px; margin-bottom: 15px; }
.clients-saying-section .common-box .commnet-box p { font-size: 22px; color: #121C22; font-family: 'Roboto'; }
.clients-saying-section .title-box h3 { text-align: left; }
.clients-saying-section #clients-saying-slider { padding-left: 100px; }
.clients-saying-section #clients-saying-slider .owl-nav { display: block; position: absolute; top: 0; right: 100px; top: -100px; margin: 0; }
.clients-saying-section #clients-saying-slider .owl-nav button { padding: 13px 24px !important; font-family: 'Roboto'; margin: 0; background: #F7F9F9; font-size: 18px; color: #1E2D35; }
.clients-saying-section #clients-saying-slider .owl-nav button.owl-prev { border-radius: 24px 0 0 24px; }
.clients-saying-section #clients-saying-slider .owl-nav button.owl-next { border-radius: 0 24px 24px 0; background: #0078d4; color: #fff; }
.clients-saying-section #clients-saying-slider .owl-nav button.owl-prev i { margin-right: 10px }
.clients-saying-section #clients-saying-slider .owl-nav button.owl-next i { margin-left: 10px }
.faq-footer-section { background: #364652; padding-top: 70px; padding-bottom: 30px; }
.faq-footer-section .faq-title h2 { font-size: 150px; font-weight: 500; color: #ffffff29; padding: 0 20px; }
.faq-footer-section footer { position: unset !important; background: #fff; padding: 70px 70px 30px 70px; border-radius: 24px; margin: 0 30px; }
.faq-footer-section footer .top-footer-box { display: grid; grid-template-columns: repeat(3, 1fr); }
.faq-footer-section footer .top-footer-box .contact-box a { display: flex; align-items: center; gap: 18px; font-weight: 500; font-size: 24px; font-family: 'Roboto'; }
.faq-footer-section footer .top-footer-box .contact-box a img, .faq-footer-section footer .top-footer-box .add-box  img { border: 1px solid #4b4b4b59; border-radius: 56px; }
.faq-footer-section footer .top-footer-box .contact-box ul li { margin-bottom: 30px; }
.faq-footer-section footer .top-footer-box .contact-box ul li:last-child { margin-bottom: 0; }
.faq-footer-section footer .top-footer-box .add-box { display: flex; align-items: flex-start; gap: 18px; }
.faq-footer-section footer .top-footer-box .add-box  p { font-size: 24px; font-family: 'Roboto'; }
.faq-footer-section footer .footer-menu { padding: 20px 0; margin-top: 40px; border-top: 2px solid  #4b4b4b59; border-bottom: 2px solid  #4b4b4b59; display: flex; align-items: center; justify-content: space-between; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a { display: flex; align-items: center; gap: 12px; font-size: 22px; font-weight: 500; color: #4B4B4B; font-family: 'Roboto'; }
.faq-footer-section footer .footer-menu .footer-menu-box ul { display: flex; align-items: center; gap: 40px; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a span { padding: 10px; background: #ECEDED; border-radius: 8px; height: 32px; width: 32px; display: flex; align-items: center; justify-content: center; }
.faq-footer-section footer .footer-menu .social-media-icon ul { display: flex; align-items: center; gap: 24px; }
.faq-footer-section footer .footer-menu .social-media-icon ul li a { width: 56px; height: 56px; background: #364652; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
.faq-footer-section footer .footer-menu .social-media-icon ul li a:hover { background: #0078d4; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a:hover span { background: #0078d4; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a:hover span svg path { stroke: #fff }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a:hover { color: #0078d4; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a span, .faq-footer-section footer .footer-menu .footer-menu-box ul li a span svg path { -webkit-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -moz-transition: all .5s cubic-bezier(.09, .11, .24, .91); -ms-transition: all .5s cubic-bezier(.09, .11, .24, .91); -o-transition: all .5s cubic-bezier(.09, .11, .24, .91); }
.faq-footer-section footer .bottom-footer-box { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; }
.faq-footer-section footer .bottom-footer-box p, .faq-footer-section footer .bottom-footer-box a { font-size: 18px; font-weight: 500; font-family: 'Roboto'; color: #4B4B4B; }
.faq-footer-section footer .bottom-footer-box a:hover { color: #0078d4; }
.faq-footer-section  .accordion { margin-bottom: 70px; }
.faq-footer-section .accordion-content { display: none; padding-top: 20px; transition: all 0.25s ease-out; }
.faq-footer-section .accordion-content p { color: #fff; font-size: 18px; font-weight: 700; margin: 0; width: 95%; }
.faq-footer-section .accordion-item.active .accordion-content { display: block; }
.faq-footer-section .accordion-item:first-of-type { border-top: 1px solid #ffffff29; }
.faq-footer-section .accordion-item { padding: 30px; border-bottom: 1px solid #ffffff29; }
.faq-footer-section .accordion-header { cursor: pointer; background-color: transparent; display: flex; justify-content: space-between; align-items: center; }
.faq-footer-section .accordion-header  h2 { color: #fff; margin-bottom: 0; font-size: 32px; font-family: 'Roboto'; font-weight: 700; }
.faq-footer-section .accordion-header span { display: flex; justify-content: center; align-items: center; border-radius: 50%; height: 56px; width: 56px; background: #2B3842; }
.faq-footer-section .accordion-item .accordion-header span.close-icon { display: none; }
.faq-footer-section .accordion-item.active .accordion-header span.close-icon { display: flex; background: #0078d4; }
.faq-footer-section .accordion-item.active .accordion-header span.plus-icon { display: none; }
.sharepoint-based-hr-solutions-page .btn:hover { color: #494949; }
.sharepoint-based-hr-solutions-page a.btn { font-family: ''Roboto' !important'; font-weight: 500; padding: 10px 30px !important; }

/*latest-header*/
header .custom-container { width: 85%; margin: 0 auto; }
.header-box ul { list-style: none; padding: 0; margin: 0; }
.header-box ul li { display: inline-block; vertical-align: middle; margin-right: 10px; }
.header-box ul li.small-item { position: relative; }
.header-box ul li a { padding: 32px 20px; font-size: 20px; color: #494949; }
.header-box ul li a:hover { text-decoration: none; }
.header-box .inner-box { display: grid; grid-template-columns: auto auto; align-items: center; }
header .right-box { text-align: right; }
header .right-box li .dropdown-menu { top: 75px; position: absolute; left: 0; right: 0; margin: 0 auto; width: 100%; min-width: 100%; }
header .right-box li:hover .dropdown-menu { display: block; }
.header-box ul li.small-item .dropdown-menu { width: 315px; top: 57px; border: none; }
header .right-box li .dropdown-menu li { display: block; margin: 0; }
header .right-box li .dropdown-menu a { font-size: 16px; padding: 10px 15px; }
header .right-box .full-menu:hover .dropdown-menu { width: 85%; min-width: 85%; padding: 25px; border: none; }
header .right-box .full-menu .dropdown-menu .sub-menu { display: grid; grid-template-columns: 300px auto 600px auto; }
header .right-box .full-menu .dropdown-menu .sub-menu h3 { font-size: 22px; }
header .right-box .full-menu .dropdown-menu .sub-menu ul li a { padding: 10px 0; }
header .right-box .full-menu .dropdown-menu { margin-top: 60px; }
.dropdown-item:focus, .dropdown-item:hover { background: transparent; }
header .right-box li a:hover { color: #0078d4 }
header .right-box .full-menu .dropdown-menu img { width: 120px; display: block; margin-bottom: 20px; margin-top: 15px; }
header .right-box li i { cursor: pointer; transform: rotate(90deg); display: inline-block; margin-left: -10px; }
header .right-box .full-menu .dropdown-menu .sub-menu ul { border-right: 1px solid #ddd; padding-right: 30px !important; margin-right: 30px !important; }
header .right-box .full-menu .dropdown-menu .sub-menu .inner-menu:nth-child(3) ul { display: grid; grid-template-columns: repeat(2, 1fr); }
header .right-box .full-menu .dropdown-menu .sub-menu .inner-menu:nth-child(4) ul { border-right: none; padding-right: 0 !important; margin-right: 0 !important; }
header .right-box .full-menu .dropdown-menu .sub-menu .inner-menu:nth-child(1) img { width: 280px; margin: 0 !important; }
header .right-box .full-menu .dropdown-menu .sub-menu .inner-menu:nth-child(2) ul { padding-left: 20px; }
header .right-box .full-menu .dropdown-menu .sub-menu .inner-menu:nth-child(2) h3 { padding-left: 20px; }
.mobile-menu-full { display: none; }
header .right-box .inner-nav-item { position: relative; display: none !important; }
header .right-box .inner-nav-item .dropdown-menu { position: absolute; top: 20px; }
header .right-box .inner-nav-item:hover .dropdown-menu { display: none; }
header .right-box .inner-nav-item.mobile-submenu-show .dropdown-menu { display: block !important; }
.contact-us-section .right-box form .form-group  p,.contact-us-section .right-box form p {margin-bottom:0 !important;}
#cntfrm .form-group .checkbox br {display:none;}

/* Grid layout */
.service-checkboxes .wpcf7-form-control-wrap .wpcf7-checkbox {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px 40px;
 
}
.service-checkboxes .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item {
	margin:0;
}
.service-checkboxes .wpcf7-form-control-wrap .wpcf7-checkbox .wpcf7-list-item label {margin-bottom:0;}
/* Hide native checkbox */
.service-checkboxes input[type="checkbox"] {
  display: none;
}

/* Label styling */
.service-checkboxes label {
  position: relative;
  padding-left: 28px;
  cursor: pointer;
  font-size: 16px;
  color: #333;
  line-height: 22px;
}

/* Custom square box */
.service-checkboxes label span::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border: 1px solid #f9b233; /* orange border */
  background: #fff;
  transition: all 0.2s ease;
}
.service-checkboxes label span::after {
	content: "";
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
  height: 8px;
  background: #fff;
  transition: all 0.2s ease;
	background:transparent;
	
}
/* Checked state → just fill */
.service-checkboxes input[type="checkbox"]:checked + span::after {
  background: #f9b233;   /* orange fill */

	
}
.service-checkboxes {margin-bottom:20px;}

/* New CSS - 1/10/25 */
.form-group.recaptcha-box , .form-group.contact-submit-btn { width : 100%; }
.form-group.contact-submit-btn  { margin-bottom : 0px; }
.form-group.recaptcha-box .wpcf7-not-valid-tip, .form-group.contact-submit-btn .wpcf7-not-valid-tip {text-align : center;}
.apply-now-box .wpcf7-response-output {margin : 0 auto !important;margin-bottom : 0px !important; margin-top : 10px !important;text-align : center;width: fit-content;}
.apply-now-box .contact-submit-btn .wpcf7-spinner { position : absolute; left : 55%; }
.form-group.contact-submit-btn {  margin-bottom: 0px;  position: relative ;  display: flex;   justify-content: center;}
.wpcf7-response-output { margin-bottom : 0px !important; margin-top : 10px !important;} 
form input.wpcf7-not-valid {border: 1px solid red; background: #FFD3D3;}
form span.wpcf7-not-valid-tip { display : none }
.system-works-section {background-size: cover !important;background-repeat: no-repeat !important;}
#cntfrm textarea.wpcf7-not-valid {border-bottom: 1px solid red;background: #FFD3D3 !important;}
header .left-box a { width: 250px; }
.top-header { background: #0078d4; }
.btn { background: #0078d4 !important; border: 1px solid transparent; }
.btn:hover { background: transparent !important; border-color: #0078d4; color: #0078d4 !important; }
.banner-section .left-box .inner-content h2 { color: #0078d4; }
.what-we-do-section .main-navbar .active a { background: #0078d4; }
.what-we-do-section .main-navbar .active a::after { background: #0078d4; }
.header-title h2::after { background: #0078d4; }
.what-we-do-section li.resp-tab-active { border: 2px solid #0078d4 !important; color: #0078d4; }
.what-we-do-section li.resp-tab-active::after { background: #0078d4; }
.what-we-do-section .right-content-box .resp-tab-content-active { border: 2px solid #0078d4; }
.who-we-are-section .inner-who-we-box { background: #0078d4; }
.who-we-are-section .header-title h2::after { background: #fff; }
.who-we-are-section .inner-who-we-box .btn { background: #fff !important; color: #0078d4 !important; }
.what-we-do-section .main-navbar li a:hover { color: #0078d4; }
.what-we-do-section .left-nav-box li:hover { color: #0078d4; }
.banner-section .owl-carousel .owl-nav button.owl-prev i, .client-success-section .right-box .owl-theme .owl-nav button, .clients-logo-section .owl-theme .owl-nav button { background: #0078d4; color: #fff; }
.banner-section .owl-carousel .owl-nav button.owl-next i { background: #0078d4; color: #fff; }
.case-title-box { background: #0078d4; }
.case-title-box .header-title h2::after { background: #fff; }
.case-study-section .text-box h3::after { background: #0078d4; }
.footer-logo { width: 300px; }
header .right-box li a:hover { color: #0078d4; }
.top-header .call-box li:hover a { color: #101010 !important; }
.main-case-study-section .content-box .header-title h2::after { background: #fff; }
.main-case-study-section .row .btn:hover, .call-to-action-section .inner-call-to-box .btn:hover { border-color: #fff; color: #fff !important; }
a:focus, a:hover { color: #0078d4; }
footer .top-footer .social-media-list li a:hover svg circle { fill: #0078d4; }
.inner-services-section { background: #0078d4; }
.inner-services-section .header-title h2::after { background: #fff; }
.inner-services-section .header-title h2 { color: #fff; }
.inner-services-section .owl-carousel .owl-nav button:hover { background: #cbcbcb; }
.solution-section a:hover, .solution-section a.active, .solution-section a:focus { background: #0078d4; color: #fff; }
.banner-section .owl-carousel .owl-nav button.owl-next i, .banner-section .owl-carousel .owl-nav button.owl-prev i, .banner-section .owl-carousel button.owl-dot, .client-success-section .right-box .owl-theme .owl-nav button, .solution-section .owl-theme .owl-nav button, .clients-logo-section .owl-theme .owl-nav button { background: #0078d4; color: #fff; }
.hr-banner-section .right-box { background: #2f3e4a; }
.key-features-section .accordion-1 h4::before { background: #0078d4; }
.key-features-section .accordion_active h4 { color: #0078d4; }
.system-works-section .work-box .common-round-box { border: 1px solid #0078d4; }
.why-atoz-section .atoz-box .common-box .icon-box { background: #0078d4; }
.transform-section { background: #f6f8fc; }
.why-atoz-section .atoz-box .common-box p { line-height: 35px; }
.clients-saying-section #clients-saying-slider .owl-nav button.owl-next { background: #0078d4; }
.faq-footer-section .accordion-item.active .accordion-header span.close-icon { background: #0078d4; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a:hover { color: #0078d4; }
.faq-footer-section footer .footer-menu .footer-menu-box ul li a:hover span, .faq-footer-section footer .footer-menu .social-media-icon ul li a:hover { background: #0078d4; }
.landing-banner-section .center-box ul li::after, .landing-services .left-box h4::after { background: #0078d4; }
.ceo-detail-section .left-box h5 { color: #0078d4 !important; }
.back-to-top:hover, .back-to-top:focus { background: #0078d4; color: #fff; }
.job-detail-box .detail-inner-box li::after { background: #0078d4; }
.service-checkboxes label span::before { border: 1px solid #0078d4; }
.contact-loaction-box .deatil-box h3 { color: #0078d4; }
.service-checkboxes input[type="checkbox"]:checked + span::after { background: #0078d4; }
.contact-us-section .left-box .header-title h2, .contact-us-section .left-box p, .contact-us-section .left-box a, .contact-us-section .left-box .add-box h3 { color: #fff; }
.contact-us-section .left-box h2::after { background: #fff; }
.contact-us-section .left-box .btn { background: #fff !important; color: #0078d4 !important; }
.contact-us-section .left-box .btn:hover { background: transparent !important; color: #fff !important; border-color: #fff; }
.case-studies-inner-box .content-box ul li::after, .mobile-feature-section .right-box ul li::after, .web-feature-section .left-box ul li::after { background: #0078d4; } 
.keychallenges-solution .right-box { background: #0078d4; }
.keychallenges-solution .right-box .header-title h2::after, .keychallenges-solution ul li::after, .keychallenges-solution .left-box h2::after { background: #fff; }
.keychallenges-solution .right-box .header-title h2 { color: #fff; }
.keychallenges-solution p { color: #fff; }
.keychallenges-solution .right-box ul li::after { background: #fff; }
.keychallenges-solution .right-box ul li { color: #fff; }
.features-images-slider.owl-theme .owl-dots .owl-dot.active span, .features-images-slider.owl-theme .owl-dots .owl-dot:hover span { background: #0078d4; }
.screen-slider-section .owl-carousel .owl-nav button.owl-next, .screen-slider-section .owl-carousel .owl-nav button.owl-prev, .screen-slider-section .owl-carousel button.owl-dot { background: #D6D6D6; }
.screen-slider-section .owl-carousel button.owl-dot.active { background: #869791; }
.features-list-box .left-box .cols-box { height: auto; }
.keychallenges-solution .left-box a { color: #0078d4; }
.features-list-box .left-box .cols-box h3::after { background: #0078d4; }
.intrasense-slider.owl-theme .owl-dots .owl-dot.active span { background: #869791; }
.common-on-demand-app-section li p { background: #0078d4; color: #fff; }
.process-model li.active .img-box, .design-process-content, .process-model li.visited .img-box { border-color: #0078d4; }
.process-model li.visited::after { background: #0078d4; }
.process-model li.active p, .process-model li.visited p { color: #0078d4; }
.mobile-app-common-banner-section .btn { background: #0078d4 !important; color: #fff !important; }
.mobile-app-common-banner-section .btn:hover { background: transparent !important; border-color: #fff; color: #fff !important; }
.common-left-box-right-image-features-section { background: #0078d4; }
.common-left-box-right-image-features-section .header-title h2::after { background: #fff; }
.common-left-box-right-image-features-section .header-title h2, .common-left-box-right-image-features-section .header-title p { color: #fff; }
.common-left-image-right-box-features-section .app-features-box .common-box { background: #0078d4; }
.common-content-box-bg-features-section .header-title h2::after, .technology-stacks-section .header-title h2::after, .common-satisfied-clients-section .header-title h2::after { background: #fff; }
.common-content-box-bg-features-section .header-title h2, .common-content-box-bg-features-section .header-title p, .technology-stacks-section .header-title h2, .technology-stacks-section .header-title p, .common-satisfied-clients-section .header-title h2, .common-satisfied-clients-section .header-title p { color: #fff; }
.why-atozinfoway-section .why-atozinfoway-box .common-box span { color: #fff; }
.common-faq-section .card.active .card-header h4 .icon::before, .common-faq-section .card-header h4 .icon::after { color: #fff; }
.form-group.contact-submit-btn, .form-group.recaptcha-box { width : 100%; }
.top-header .call-box li a img { filter: brightness(0) invert(1); }
.core-value-section .core-image-box .image-box svg { width: 80px; height: 80px; }
.infra-section .box .image-box svg { width: 60px; height: 60px; }
.what-we-do-section .main-navbar li.active a:hover { color : #fff; }
.common-list-style li::before, .common-content-section .list-box li::before { background: #0078d4; }
.header-box ul li a { color: #101010; font-family: 'Roboto-Regular'; }
.header-box ul li a svg { width: 20px; height: 20px; fill: #fff; }
.top-header .call-box li a { display: flex; align-items: center; gap: 8px; }
.top-header .call-box li a:hover svg { fill: #101010; }
.what-we-do-section .main-navbar li a::after { background: #dcdcdc; }
.what-we-do-section .main-navbar li a { background: #dcdcdc; }
header .right-box li i { color: #101010; }
header .right-box li .dropdown-menu { top: 68px; }
.postid-971 .process-section img, .postid-978 .process-section img, .postid-987 .process-section img { filter: grayscale(100%); }
.common-process-section .img-box img { filter: grayscale(100%); }