/*========== Variables ==========*/
/*======BG Colors ======*/
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/NotoSans-Regular.woff2") format("woff2"), url("../fonts/NotoSans-Regular.woff") format("woff"), url("../fonts/NotoSans-Regular.ttf") format("truetype");
font-weight: normal;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/NotoSans-Bold.woff2") format("woff2"), url("../fonts/NotoSans-Bold.woff") format("woff"), url("../fonts/NotoSans-Bold.ttf") format("truetype");
font-weight: bold;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/NotoSans-Medium.woff2") format("woff2"), url("../fonts/NotoSans-Medium.woff") format("woff"), url("../fonts/NotoSans-Medium.ttf") format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/NotoSans-SemiBold.woff2") format("woff2"), url("../fonts/NotoSans-SemiBold.woff") format("woff"), url("../fonts/NotoSans-SemiBold.ttf") format("truetype");
font-weight: 600;
font-style: normal;
font-display: swap; }
@font-face {
font-family: 'Noto Sans';
src: url("../fonts/NotoSans-Light.woff2") format("woff2"), url("../fonts/NotoSans-Light.woff") format("woff"), url("../fonts/NotoSans-Light.ttf") format("truetype");
font-weight: 300;
font-style: normal;
font-display: swap; }
* {
margin: 0;
padding: 0;
box-sizing: border-box; }
body {
font-family: 'Noto Sans';
color: #666e86;
font-size: 18px; }
html {
scroll-behavior: smooth; }
h1 {
font-weight: bold;
font-size: 40px;
line-height: 56px; }
h2 {
font-weight: 500;
font-size: 36px;
line-height: 45px;
color: #253053; }
h3 {
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #253053; }
h4 {
font-size: 20px;
line-height: 25px;
color: #253053; }
h6 {
font-size: 18px;
line-height: 22px;
margin-bottom: 15px;
font-weight: 500;
color: #253053; }
p {
font-weight: 400;
font-size: 16px;
color: #666e86;
line-height: 26px; }
a {
color: #666e86;
text-decoration: none; }
ul {
list-style: none; }
ul li {
color: #666e86;
font-size: 16px;
line-height: 26px; }
.container {
width: 100%;
max-width: 1660px;
margin: 0 auto;
padding: 0 20px; }
img {
max-width: 100%;
height: auto; }
section {
position: relative; }
.light-theme {
background: #f6f8fb; }
.dark-theme {
background: #05247e; }
.dark-theme .heading h2 {
color: #ffffff; }
.dark-theme .heading h2::after {
background: #ffffff; }
.dark-theme .heading p {
color: #ffffff; }
.dark-theme .heading a {
color: #ffffff; }
.width-100 {
width: 100%; }
.dis-flex {
display: flex;
flex-wrap: wrap; }
.items-center {
align-items: center; }
.justify-center {
justify-content: center; }
.item-end {
align-items: flex-end; }
.justify-sb {
justify-content: space-between; }
.block {
display: block; }
.row {
margin-left: -10px;
margin-right: -10px; }
.flex-1 {
flex-basis: 100%; }
.flex-2 {
flex-basis: 50%; }
.flex-3 {
flex-basis: 33.33%; }
.flex-4 {
flex-basis: 25%; }
.flex-5 {
flex-basis: 20%; }
.padding-t-120 {
padding-top: 120px; }
.padding-b-120 {
padding-bottom: 120px; }
.margin-t-100 {
margin-top: 100px; }
.margin-t-80 {
margin-top: 80px; }
.margin-t-70 {
margin-top: 70px; }
.margin-t-60 {
margin-top: 60px; }
.margin-t-50 {
margin-top: 50px; }
.margin-t-20 {
margin-top: 20px; }
.text-center {
text-align: center; }
.text-right {
text-align: right; }
.text-left {
text-align: left; }
.learn-more {
color: #016be3;
font-size: 18px;
line-height: 22px;
position: relative;
display: inline-block;
margin-top: 20px;
transition: all 0.3s ease-in-out; }
.learn-more::after {
content: "";
background: url(../images/service/know-more-arrow-icon.png) top center no-repeat;
position: relative;
width: 20px;
height: 10px;
background-size: 100%;
top: 0;
left: 6px;
display: inline-block;
transition: all 0.3s ease-in-out; }
.learn-more:before {
content: "";
clear: both;
display: block;
background: #016be3;
position: absolute;
bottom: 0;
left: 0;
width: calc(100% - 20px);
height: 1px;
transition: all 0.3s ease-in-out;
opacity: 0; }
.learn-more:hover:before {
opacity: 1; }
.learn-more:hover::after {
left: 10px; }
::placeholder {
color: #737373;
font-weight: 400; }
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px white inset !important; }
.cmn-btn {
color: #016be3;
border: 1.5px solid #016be3;
border-radius: 3px;
background: transparent;
font-size: 18px;
line-height: 36px;
display: block;
width: 100%;
padding: 8px 0 12px;
margin: 30px 0 0;
cursor: pointer;
transition: 0.3s all ease-in-out; }
.cmn-btn:hover {
background-color: #016be3;
color: #fff; }
.white-btn {
color: #fff;
border: 1.5px solid #fff;
border-radius: 5px;
padding: 14px 50px;
display: inline-block;
font-size: 18px;
line-height: 21px;
transition: 0.5s all ease-in-out; }
.white-btn:hover {
background-color: #fff;
color: #016be3;
border: 1.5px solid #fff; }
.white-btn.blue {
color: #016be3;
border: 1.5px solid #016be3;
font-weight: 500; }
.white-btn.blue:hover {
background-color: #016be3;
color: #fff; }
.white-btn.white {
background-color: #fff;
color: #000; }
.white-btn.white:hover {
background-color: #016be3;
color: #000;
border: 1.5px solid #016be3; }
.heading h2 {
position: relative;
margin-bottom: 40px; }
.heading h2:after {
content: "";
background: #016be3;
width: 80px;
height: 2px;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -20px; }
.heading p {
width: 75%;
margin: auto;
font-size: 18px;
line-height: 29px; }
.get-started {
background: #05247e; }
.get-started h2 {
color: #fff; }
.get-started p {
margin-top: 15px;
color: #fff; }
.get-started p:first-child {
margin-top: 0; }
.get-started p a {
color: #ffffff; }
.breadcrumbs {
position: relative;
top: 30px;
font-weight: 400;
font-size: 14px;
line-height: 18px;
color: #ffffff;
text-align: left;
z-index: 2;
font-weight: 500; }
.breadcrumbs a {
display: inline-block;
position: relative;
color: rgba(197, 197, 215, 0.61);
padding-right: 14px;
transition: all 0.3s ease-in-out;
text-decoration: none; }
.breadcrumbs a:after {
content: "";
clear: both;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 3px;
width: 6px;
height: 10px;
background: url(../../assets/images/breadcrumbs-arrow.png) 0 1px no-repeat;
background-size: 100%; }
.breadcrumbs a:hover {
color: #fff; }
.service-breadcrumbs {
color: #016be3;
margin-bottom: 30px; }
.service-breadcrumbs a {
color: #253053;
transition: all 0.3s ease-in-out; }
.service-breadcrumbs a:hover {
color: #016be3; }
.for-home-client-logo {
margin-top: 20px; }
.for-home-client-logo i {
width: 98px;
height: 59px;
background: url(../images/home/home-awards-icon.svg) 0 0 no-repeat;
display: inline-block;
background-size: cover; }
.for-home-client-logo i:nth-child(1) {
background-position: 0px 0px; }
.for-home-client-logo i:nth-child(2) {
background-position: -101px 0px; }
.for-home-client-logo i:nth-child(3) {
background-position: -203px 0; }
.for-home-client-logo i:nth-child(4) {
background-position: -304px 0; }
.for-home-client-logo i:nth-child(5) {
background-position: -406px 0; }
.body-pop {
position: relative;
overflow: hidden; }
.body-pop::after {
content: "";
clear: both;
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 999;
background: #656565;
opacity: 0.8; }
.free-trail-pop-up {
position: fixed;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
top: 0;
left: 0;
display: none;
z-index: 9999; }
.free-trail-pop-up.open-pop {
display: grid; }
.free-trail-pop-up .pop-up-inner {
background-color: #ffffff;
text-align: center;
max-width: 900px;
margin: 0 auto; }
.free-trail-pop-up .pop-close {
text-align: right;
display: block;
margin: 25px 25px 25px auto;
color: #212121;
background: url(../images/pop-close.png) 0 0 no-repeat;
width: 18px;
height: 18px;
cursor: pointer; }
.free-trail-pop-up .pop-up-box {
padding: 30px 100px 100px; }
.free-trail-pop-up h2 {
color: #212121; }
.free-trail-pop-up p {
margin-top: 10px;
color: #656565; }
.free-trail-pop-up p:first-of-type {
margin-top: 20px; }
.free-trail-pop-up .popup-green-btn {
margin-top: 50px;
padding: 23px 31px;
color: #ffffff;
background: #60b741;
text-decoration: none;
font-size: 20px;
border-radius: 5px;
transition: all 0.3s ease-in-out;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center; }
.free-trail-pop-up .popup-green-btn:hover {
background-color: #ffb81d; }
@media only screen and (max-width: 1780px) {
.container {
max-width: 1520px; } }
@media only screen and (max-width: 1600px) {
.container {
max-width: 1380px; }
.padding-t-120 {
padding-top: 100px; }
.padding-b-120 {
padding-bottom: 100px; }
.heading p {
width: 87%;
font-size: 16px;
line-height: 26px; }
.margin-t-100 {
margin-top: 80px; }
h1 {
font-size: 36px;
line-height: 50px; }
h2 {
font-size: 32px;
line-height: 40px; }
.margin-t-80 {
margin-top: 60px; }
.free-trail-pop-up .popup-green-btn {
margin-top: 40px;
padding: 14px 20px; }
.free-trail-pop-up .pop-up-box {
padding: 10px 60px 70px; }
.free-trail-pop-up .pop-close {
margin: 20px 20px 20px auto; }
.free-trail-pop-up .pop-up-inner {
max-width: 900px; } }
@media only screen and (max-width: 1440px) {
.container {
max-width: 1260px; }
h1 {
font-size: 34px;
line-height: 45px; }
h2 {
font-size: 32px; }
h3 {
font-size: 18px; } }
@media only screen and (max-width: 1320px) {
.container {
max-width: 1120px; }
h2 {
font-size: 30px; }
p {
font-size: 14px;
line-height: 26px; }
.heading p {
font-size: 16px;
line-height: 26px; } }
@media only screen and (max-width: 1024px) {
.padding-t-120 {
padding-top: 60px; }
.padding-b-120 {
padding-bottom: 60px; }
.flex-3 {
flex-basis: 50%; }
.margin-t-100 {
margin-top: 60px; }
.margin-t-80 {
margin-top: 50px; }
.row {
margin-left: 0px;
margin-right: 0px; }
.tools-developer .flex-4 {
margin-top: 20px; } }
@media only screen and (max-width: 991px) {
.flex-4 {
flex-basis: 50%; }
.free-trail-pop-up .pop-up-inner {
max-width: 700px; }
.free-trail-pop-up .pop-up-box {
padding: 0 50px 50px; }
.free-trail-pop-up .green-btn {
margin-top: 30px; } }
@media screen and (max-width: 767px) {
.padding-t-120 {
padding-top: 40px; }
.padding-b-120 {
padding-bottom: 40px; }
.container {
max-width: 100%; }
.flex-2,
.flex-3,
.flex-4 {
flex-basis: 100%; }
h1 {
font-size: 28px;
line-height: 38px; }
h2 {
font-size: 25px;
line-height: 35px; }
h4 {
font-size: 18px;
line-height: 22px; }
p {
font-size: 16px;
line-height: 22px; }
.margin-t-100 {
margin-top: 40px; }
.margin-t-80 {
margin-top: 30px; }
.heading h2 br {
display: none; }
.heading p {
width: 100%;
font-size: 18px; }
.cmn-btn {
font-size: 16px;
line-height: 28px; }
.white-btn {
padding: 10px 30px;
font-size: 20px; }
.glider {
overflow: hidden; }
.service-breadcrumbs {
margin-bottom: 10px; }
.breadcrumbs {
top: 0; }
.free-trail-pop-up .pop-close {
width: 14px;
height: 14px;
background-size: 100%;
margin: 15px 20px 15px auto; }
.free-trail-pop-up .pop-up-box {
padding: 0 15px 30px; }
.free-trail-pop-up p {
font-size: 14px;
line-height: 22px; }
.free-trail-pop-up p:first-of-type {
margin-top: 10px; }
.free-trail-pop-up .green-btn {
margin-top: 30px;
padding: 12px 15px;
font-size: 14px; } }
.service-menu-cl .header-two .large .dark-theme-logo {
display: block; }
.service-menu-cl .header-two .large .white-theme-logo {
display: none; }
.service-menu-cl .header-two .menu ul li a {
color: #253053; }
.service-menu-cl .header-two .menu ul li.small-menu .arrow-btn::before {
background-image: url(../images/arrow-down.svg); }
.service-menu-cl .header-two .header-item-left .menu:before {
background: #656565; }
.service-menu-cl .header-two .menu ul li.contact-nav a:hover {
background: #fff; }
.service-menu-cl .header-two {
background: #fff; }
.service-menu-cl .header-two:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(8, 46, 181, 0.12); }
.header-two {
position: fixed;
display: block;
top: 0;
left: 0;
width: 100%;
height: auto;
margin: 0 auto;
padding: 25px 0 15px;
z-index: 99;
transition: all 0.3s ease-in-out; }
.header-two.header-bg {
padding: 20px 0 10px; }
.header-two.header-bg .header-item-center {
opacity: 0; }
.header-two.header-bg .header-item-left .menu {
opacity: 0; }
.header-two.header-bg.sc-up {
background: #fff;
box-shadow: 0 4px 12px rgba(8, 46, 181, 0.12); }
.header-two.header-bg.sc-up .menu ul li a {
color: #ffffff; }
.header-two.header-bg.sc-up .large .white-theme-logo {
display: none; }
.header-two.header-bg.sc-up .large .dark-theme-logo {
display: block; }
.header-two.header-bg.sc-up .menu ul li.small-menu .arrow-btn::before {
background-image: url(../images//arrow-down.svg); }
.header-two.header-bg.sc-up .header-item-center {
opacity: 1; }
.header-two.header-bg.sc-up .header-item-left .menu {
opacity: 1; }
.header-two.header-bg.sc-up .header-item-left .menu:before {
background: #656565; }
.header-two:hover {
background: #fff;
box-shadow: 0 4px 12px rgba(8, 46, 181, 0.12); }
.header-two:hover .menu ul li a {
color: #253053; }
.header-two:hover .large .white-theme-logo {
display: none; }
.header-two:hover .large .dark-theme-logo {
display: block; }
.header-two:hover .menu ul li.small-menu .arrow-btn::before {
background-image: url(../images/arrow-down.svg); }
.header-two:hover .header-item-center {
opacity: 1; }
.header-two:hover .header-item-left .menu {
opacity: 1; }
.header-two:hover .header-item-left .menu:before {
background: #656565; }
.header-two:hover.sc-down .small {
opacity: 0; }
.header-two:hover.sc-down .large {
opacity: 1; }
.header-two .large {
transition: all 0.7s ease-in-out;
margin-top: -23px; }
.header-two .large .dark-theme-logo {
display: none; }
.header-two .large .white-theme-logo {
display: block; }
.header-two .small {
opacity: 0;
display: grid;
background: #ececec;
padding: 10px;
width: 60px;
height: 60px;
border-radius: 50%;
align-items: center;
position: absolute;
top: 10px;
transition: all 0.7s ease-in-out; }
.header-two.sc-up .large {
opacity: 1; }
.header-two.sc-down .small {
opacity: 1; }
.header-two.sc-down .large {
opacity: 0; }
.header-two .wrapper {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
position: static; }
.header-two .header-item-left {
display: flex;
flex: 0 0 35%;
align-items: center; }
.header-two .header-item-left .menu {
position: relative;
margin-left: 15px;
margin-top: 5px; }
.header-two .header-item-left .menu .for-product {
padding: 0 15px 18px; }
.header-two .header-item-left .menu:before {
background: #fff;
content: "";
position: absolute;
left: 0;
width: 1px;
height: 50px;
top: -10px; }
.header-two .header-item-center {
display: flex;
transition: all 0.3s ease-in-out; }
.header-two .header-item-center .brand img {
display: none; }
.header-two .width-20 {
flex-basis: 20%; }
.header-two .width-25 {
flex-basis: 25%; }
.header-two .width-30 {
flex-basis: 30%; }
.header-two .width-35 {
flex-basis: 35%; }
.header-two .width-33 {
flex-basis: 33.33%; }
.header-two .width-40 {
flex-basis: 40%; }
.header-two .width-45 {
flex-basis: 45%; }
.header-two .width-55 {
flex-basis: 55%;
background: #f8f8fb; }
.header-two .width-50 {
flex-basis: 50%; }
.header-two .width-60 {
flex-basis: 60%; }
.header-two .width-66 {
flex-basis: 66.6%; }
.header-two .width-65 {
flex-basis: 65%; }
.header-two .width-75 {
flex-basis: 75%; }
.header-two .width-100 {
flex-basis: 100%; }
.header-two .padding-l-40 {
padding-left: 40px; }
.header-two .margin-t-60 {
margin-top: 60px; }
.header-two .header-menu {
display: none; }
.header-two .header-menu.active {
display: block; }
.header-two .day-theme-logo {
display: none; }
.header-two.header-mobile {
display: none; }
.header-two .with-border {
padding-bottom: 5px;
position: relative; }
.header-two .with-border::before {
content: "";
clear: both;
display: block;
position: absolute;
bottom: 0;
left: 0;
width: 47px;
height: 2px;
background: #60b741; }
.header-two .menu ul li {
display: inline-block;
transition: color 0.3s ease; }
.header-two .menu ul li a {
position: relative;
text-decoration: none;
font-size: 18px;
line-height: 22px;
border: none;
outline: none;
color: #fff;
transition: color 0.3s ease;
font-weight: 500; }
.header-two .menu ul li a:hover {
color: #016be3; }
.header-two .menu ul li .menu-mega {
position: absolute;
left: 0;
right: 0;
width: 100%;
height: auto;
margin-top: 18px;
padding: 0;
z-index: 1;
display: none; }
.header-two .menu ul li .menu-mega .container {
padding: 0;
background: #ffffff;
box-shadow: 4px 4px 60px rgba(112, 144, 176, 0.25);
border-radius: 20px;
margin: 0 0;
overflow: hidden; }
.header-two .menu ul li .menu-mega .flex-3,
.header-two .menu ul li .menu-mega .detail-list {
padding: 40px; }
.header-two .menu ul li .menu-mega .flex-3 a,
.header-two .menu ul li .menu-mega .detail-list a {
font-weight: 400;
font-size: 12px;
line-height: 19px;
color: #666e86;
display: block;
margin: 0 0 35px;
padding-left: 50px;
position: relative; }
.header-two .menu ul li .menu-mega .flex-3 a:last-child,
.header-two .menu ul li .menu-mega .detail-list a:last-child {
margin: 0; }
.header-two .menu ul li .menu-mega .flex-3 a:hover,
.header-two .menu ul li .menu-mega .detail-list a:hover {
text-decoration: underline;
color: #016be3; }
.header-two .menu ul li .menu-mega .flex-3 a:hover .title,
.header-two .menu ul li .menu-mega .detail-list a:hover .title {
color: #016be3; }
.header-two .menu ul li .menu-mega .flex-3 .head,
.header-two .menu ul li .menu-mega .detail-list .head {
font-weight: 500;
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
color: #42526e;
display: block;
margin: 0 0 35px; }
.header-two .menu ul li .menu-mega .flex-3 .head.op-0,
.header-two .menu ul li .menu-mega .detail-list .head.op-0 {
opacity: 0; }
.header-two .menu ul li .menu-mega .flex-3 .title,
.header-two .menu ul li .menu-mega .detail-list .title {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #253053;
display: block;
transition: all 0.3s ease-in-out;
margin-bottom: 5px; }
.header-two .menu ul li .menu-mega .without-icon a {
padding-left: 0; }
.header-two .menu ul li .menu-mega .without-icon a::before {
display: none; }
.header-two .menu ul li .menu-mega .without-icon:last-child {
background: #f6f8fb; }
.header-two .menu ul li .menu-mega .w-14 a {
padding-left: 0; }
.header-two .menu ul li .menu-mega .w-900 a {
padding-left: 0; }
.header-two .menu ul li .menu-mega .w-200 a {
padding-left: 0; }
.header-two .menu ul li .menu-mega .bg-gray {
background: #f6f8fb;
border-radius: 0 0 10px 0;
position: relative; }
.header-two .menu ul li .menu-mega .bg-gray::before {
content: "";
clear: both;
display: block;
background: #f6f8fb;
position: absolute;
top: 0;
right: -100%;
width: 100%;
height: 100%;
z-index: -1; }
.header-two .menu ul li .menu-mega .left-list {
border-right: 2px solid #f2f2f2;
padding-right: 60px; }
.header-two .menu ul li .menu-mega .left-list a {
color: #000;
display: block;
padding: 20px 30px;
border-bottom: 2px solid #f2f2f2;
font-size: 18px;
position: relative;
font-weight: 600; }
.header-two .menu ul li .menu-mega .left-list a:last-child {
border-bottom: 0; }
.header-two .menu ul li .menu-mega .left-list a.active {
background: #f2f2f2; }
.header-two .menu ul li .menu-mega .left-list a.active::after {
content: "";
clear: both;
display: block;
background: url(../images/button-icons-sprite.png) -30px -54px no-repeat;
width: 10px;
height: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px; }
.header-two .menu ul li .menu-mega .left-list a:hover {
background: #f2f2f2; }
.header-two .menu ul li .menu-mega .left-list a.cursor-pointer {
cursor: pointer; }
.header-two .menu ul li .menu-mega .header-menu.for-padding,
.header-two .menu ul li .menu-mega .left-list.for-padding,
.header-two .menu ul li .menu-mega .middle-list.for-padding,
.header-two .menu ul li .menu-mega .last-list.for-padding {
padding: 40px; }
.header-two .menu ul li .menu-mega .middle-list a,
.header-two .menu ul li .menu-mega .last-list a {
font-weight: 600;
font-size: 16px;
color: #253053;
display: block;
margin-top: 15px; }
.header-two .menu ul li .menu-mega .middle-list a.active, .header-two .menu ul li .menu-mega .middle-list a:hover,
.header-two .menu ul li .menu-mega .last-list a.active,
.header-two .menu ul li .menu-mega .last-list a:hover {
color: #016be3;
text-decoration: underline; }
.header-two .menu ul li .menu-mega .middle-list a:first-child,
.header-two .menu ul li .menu-mega .last-list a:first-child {
margin-top: 0; }
.header-two .menu ul li .menu-mega .middle-list a.menu-btn,
.header-two .menu ul li .menu-mega .last-list a.menu-btn {
display: inline-block; }
.header-two .menu ul li .menu-mega .middle-list .head,
.header-two .menu ul li .menu-mega .last-list .head {
font-weight: 500;
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
color: #42526e;
display: block;
margin-bottom: 35px; }
.header-two .menu ul li .menu-mega .middle-list .head.active,
.header-two .menu ul li .menu-mega .last-list .head.active {
text-decoration: none; }
.header-two .menu ul li .menu-mega .middle-list strong,
.header-two .menu ul li .menu-mega .last-list strong {
color: #000; }
.header-two .menu ul li .menu-mega .middle-list .sub-child,
.header-two .menu ul li .menu-mega .last-list .sub-child {
padding-left: 20px;
list-style-type: disc; }
.header-two .menu ul li .menu-mega .middle-list .sub-child a,
.header-two .menu ul li .menu-mega .last-list .sub-child a {
display: list-item;
font-weight: 500;
margin-top: 15px; }
.header-two .menu ul li .menu-mega .middle-list .sub-child a:last-child,
.header-two .menu ul li .menu-mega .last-list .sub-child a:last-child {
margin-bottom: 40px; }
.header-two .menu ul li .menu-mega .middle-list {
padding: 0 20px 0 50px; }
.header-two .menu ul li .menu-mega .middle-list a {
margin-top: 22px; }
.header-two .menu ul li .menu-mega .middle-list.title-list .head:first-child {
margin-top: 0; }
.header-two .menu ul li .menu-mega .last-list {
padding-left: 20px; }
.header-two .menu ul li .menu-mega .last-list:first-child {
padding-left: 0; }
.header-two .menu ul li .menu-mega .last-list .col-title {
flex-basis: 100%; }
.header-two .menu ul li .menu-mega .last-list .soluton-col {
margin-top: -24px;
flex-basis: 50%; }
.header-two .menu ul li .menu-mega .last-list .soluton-col .dis-flex {
justify-content: space-between; }
.header-two .menu ul li .menu-mega .last-list .ind-col {
display: flex;
flex-basis: 50%; }
.header-two .menu ul li .menu-mega .last-list a:hover {
color: #016be3;
text-decoration: underline; }
.header-two .menu ul li .menu-mega .last-list a.margin-t-40 {
margin-top: 40px; }
.header-two .menu ul li .menu-mega .last-list a.menu-btn {
background: #60b741;
border-radius: 7px;
padding: 14px 30px;
color: #fff;
font-size: 16px;
line-height: 22px;
font-weight: 600;
text-decoration: none;
margin-top: 16px;
transition: all 0.3s ease-in-out; }
.header-two .menu ul li .menu-mega .last-list a.menu-btn:hover {
background-color: #ffb81d;
text-decoration: none; }
.header-two .menu ul li .menu-mega .last-list strong {
text-transform: uppercase;
font-size: 15px; }
.header-two .menu ul li .menu-mega .last-list .menu-inline a {
display: inline-block; }
.header-two .menu ul li .menu-mega .last-list.bg-gray {
padding-left: 70px; }
.header-two .menu ul li .menu-mega .padding-40 {
padding: 40px; }
.header-two .menu ul li .menu-mega .padding-40:first-child {
padding-left: 40px; }
.header-two .menu ul li .menu-mega .padding-40:last-child {
background: #f6f8fb; }
.header-two .menu ul li .menu-mega .for-platform {
padding-left: 10%; }
.header-two .menu ul li .menu-mega p {
font-size: 16px;
color: rgba(117, 117, 117, 0.81);
font-weight: 400;
line-height: 28px;
margin-top: 20px; }
.header-two .menu ul li .menu-mega p strong {
display: block;
margin-bottom: 15px;
position: relative;
padding-top: 10px;
font-size: 18px; }
.header-two .menu ul li .menu-mega p strong::before {
content: "";
clear: both;
display: block;
position: absolute;
top: 0;
left: 0;
background-color: #60b741;
height: 2px;
width: 50px; }
.header-two .menu ul li .menu-mega.width-menu {
max-width: 1100px;
margin-left: auto;
margin-right: auto;
right: -20%;
padding-left: 20px;
border-radius: 20px; }
.header-two .menu ul li .menu-mega .landing-menu .flex-3:last-child,
.header-two .menu ul li .menu-mega .landing-menu .detail-list:last-child {
background: #f8f8fb; }
.header-two .menu ul li .menu-mega .w-14 {
max-width: 95%;
position: absolute;
right: 0; }
.header-two .menu ul li .menu-mega .w-900 {
max-width: 60%;
margin: 0 auto;
position: absolute;
right: 14%; }
.header-two .menu ul li .menu-mega .w-900 .flex-3 {
flex-basis: 50%; }
.header-two .menu ul li .menu-mega .w-200 {
max-width: 20%;
margin: 0 auto;
position: absolute;
right: 14%; }
.header-two .menu ul li .menu-mega .w-200 .flex-3 {
flex-basis: 100%; }
.header-two .menu ul li .ecom .flex-3:nth-of-type(2) a:first-of-type {
margin-top: auto !important; }
.header-two .menu ul li.small-menu {
position: relative; }
.header-two .menu ul li.small-menu .active-pcat {
color: #fff;
font-size: 20px; }
.header-two .menu ul li.small-menu .arrow-btn {
position: relative; }
.header-two .menu ul li.small-menu .arrow-btn::before {
content: "";
clear: both;
display: inline-block;
background: url("../images/arrow-white.svg") 0 0 no-repeat;
width: 17px;
height: 11px;
margin-left: 10px;
transition: all 0.3s ease-in-out; }
.header-two .menu ul li.small-menu.for-company .arrow-btn::before {
display: none; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(1)::before {
background-position: 0 0; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(2)::before {
background-position: 0 -44px; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(3)::before {
background-position: 0 -459px; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(4)::before {
background-position: 0 -499px; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(5)::before {
background-position: 0 -539px; }
.header-two .menu ul li.small-menu.for-product .small-menu-inner a:nth-of-type(6)::before {
background-position: 0 -575px; }
.header-two .menu ul li.small-menu:hover .arrow-btn::before {
transform: rotate(180deg);
background: url("../images/arrow-down-hover.svg") 0 0 no-repeat; }
.header-two .menu ul li.small-menu .small-menu-inner {
position: absolute;
left: -50px;
width: max-content;
height: auto;
margin-top: 18px;
padding: 10px 40px 40px;
z-index: 1;
background: #fff;
border-radius: 20px;
display: none;
box-shadow: 4px 4px 60px rgba(112, 144, 176, 0.25); }
.header-two .menu ul li.small-menu .small-menu-inner a {
font-weight: 600;
font-size: 16px;
line-height: 20px;
color: #253053;
margin-top: 30px;
border-radius: 10px;
display: block;
position: relative;
padding-left: 50px; }
.header-two .menu ul li.small-menu .small-menu-inner a:hover {
color: #016be3;
text-decoration: underline; }
.header-two .menu ul li.menu-item-has-children {
padding: 0 20px 18px; }
.header-two .menu ul li.menu-item-has-children:hover > a {
position: relative;
text-decoration: underline; }
.header-two .menu ul li.menu-item-has-children:hover > a::after {
content: "";
clear: both;
display: block;
background: url(../images/hire/dropdown-icon-stroke.png) 0 0 no-repeat;
width: 26px;
height: 23px;
position: absolute;
top: 33px;
right: 0;
left: 0;
margin: 0 auto;
z-index: 99; }
.header-two .menu ul li.menu-item-has-children.for-case:hover > a::after {
display: none; }
.header-two .menu ul li.contact-nav a {
border-radius: 4px;
padding: 10px 30px;
display: inline-block;
margin-left: 1rem;
transition: 0.3s ease-in-out;
background: #016be3;
color: #fff;
position: relative;
display: inline-flex;
justify-content: center;
align-items: center;
border: 1px solid #016be3; }
.header-two .menu ul li.contact-nav:hover a {
background: #fff;
color: #016be3; }
.header-two .menu ul li.case-stud {
padding: 0 20px 18px; }
.header-two .menu ul li .menuicon {
position: absolute;
left: 0;
top: 0; }
.header-two .hiremenu .hr-list-item a {
margin: 0 0 30px;
font-weight: 500 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 15px;
text-transform: uppercase;
color: #42526e !important; }
.header-two .landing-menu.w-70 {
width: 370px;
position: absolute;
right: 20%; }
.header-two .landing-menu.w-70 .w-66 {
flex-basis: 100%; }
.header-two .landing-menu.w-70 .w-66 .flex-3 {
flex-basis: 100%; }
.header-two .landing-menu .w-66 {
flex-basis: 100%;
display: flex;
flex-wrap: wrap; }
.header-two .landing-menu .w-66 .flex-3 {
flex-basis: 50%; }
.header-two .landing-menu .w-66 .flex-1 {
flex-basis: 100%;
padding: 0 20px 20px; }
.header-two .landing-menu .w-66 .flex-1 .dis-flex {
justify-content: space-between;
align-items: center;
background: #f6faff;
padding: 36px 20px;
border-radius: 10px; }
.header-two .landing-menu .w-66 .flex-1 .need {
color: #253053;
font-weight: 600;
display: flex;
flex-basis: 40%;
align-items: center;
position: relative; }
.header-two .landing-menu .w-66 .flex-1 .need img {
position: absolute;
left: 0;
top: auto; }
.header-two .landing-menu .w-66 .flex-1 .need .ndtitle {
padding-left: 50px; }
.header-two .landing-menu .w-66 .flex-1 .btnd {
flex-basis: 45%; }
.header-two .landing-menu .w-66 .flex-1 .btnd a {
color: #fff;
background: #016be3;
padding: 10px 21px;
border-radius: 5px;
line-height: initial;
border: 1.5px solid #016be3;
font-weight: 500;
font-size: 14px; }
.header-two .landing-menu .w-66 .flex-1 .btnd a:hover {
background: transparent;
color: #016be3; }
@media only screen and (min-width: 1200px) {
.header-two > .container {
max-width: 1900px; } }
@media only screen and (max-width: 1440px) {
.header-two .menu ul li .menu-mega .w-14 {
max-width: 100%; }
.header-two .menu ul li .menu-mega .detail-list {
padding: 30px; }
.header-two .large {
margin-top: -25px; }
.header-two:hover {
padding: 25px 0 15px; } }
@media only screen and (max-width: 1320px) {
.header-two {
padding: 15px 0; }
.header-two .large {
margin-top: -15px; }
.header-two:hover {
padding: 15px 0 10px; }
.header-two .menu ul li.menu-item-has-children {
padding: 0 14px 18px; }
.header-two .menu ul li.case-stud {
padding: 0 14px 18px; }
.header-two .menu ul li .menu-mega .flex-3 a,
.header-two .menu ul li .menu-mega .detail-list a {
font-size: 10px; } }
@media only screen and (min-width: 1140px) {
.header-two .header-item-left {
flex: 0 0 45%; }
.header-two .menu ul li.menu-item-has-children:hover .menu-mega,
.header-two .menu ul li.menu-item-has-children:hover .small-menu-inner {
display: block; }
.header-two .menu ul li .w-14 {
right: 5%; }
.header-two .mback {
display: none; } }
@media only screen and (max-width: 1139px) {
.header-two {
position: fixed;
top: 0;
width: 100%;
background: #1d1c39;
z-index: 99;
padding: 15px 0; }
.header-two.header-bg {
padding: 15px 0; }
.header-two.header-bg .header-item-center {
display: block; }
.header-two .header-item-center .brand img {
display: block; }
.header-two:hover {
padding: 15px 0; }
.header-two .large {
margin-top: 0; }
.header-two .width-20,
.header-two .width-30,
.header-two .width-33,
.header-two .width-40,
.header-two .width-45,
.header-two .width-60,
.header-two .width-65,
.header-two .width-50,
.header-two .width-25,
.header-two .width-35 {
flex-basis: 100%; }
.header-two .width-55 {
flex-basis: 100%;
background: #1d1c39; }
.header-two .width-75 {
flex-basis: 100%; }
.header-two .header-item-left {
display: flex;
flex-basis: 100%;
justify-content: space-between;
align-items: center;
margin: 0; }
.header-two .header-item-left .menu {
display: none; }
.header-two.sc-down .large {
display: block;
opacity: 1 !important; }
.header-two .small {
display: none !important;
opacity: 1 !important; }
.header-two .brand img {
max-width: 170px; }
.header-two .menu ul {
margin: 30px 0 0; }
.header-two .menu ul li {
display: block;
margin-top: 20px; }
.header-two .menu ul li.menu-item-has-children {
padding: 0; }
.header-two .menu ul li.contact-nav a {
margin-left: 0;
font-size: 18px;
width: 100%; }
.header-two .menu ul li.menu-item-has-children > a {
font-size: 16px;
color: #fff; }
.header-two .menu ul li.menu-item-has-children:hover > a {
color: #fff; }
.header-two .menu ul li.menu-item-has-children:hover > a::after {
display: none; }
.header-two .menu ul li.small-menu .small-menu-inner {
position: relative;
width: 100%;
padding: 0;
background: none;
padding-left: 10px; }
.header-two .menu ul li.small-menu .small-menu-inner a {
color: #b5b5b5;
font-size: 15px; }
.header-two .menu ul li.small-menu .small-menu-inner a:hover {
color: #fff;
text-decoration: none; }
.header-two .menu ul li .menuicon {
display: none; }
.header-two .menu ul li .ecom .flex-3:nth-of-type(2) a:first-of-type {
margin-top: auto !important; }
.header-two .menu ul li.small-menu {
position: relative; }
.header-two .menu ul li.small-menu .arrow-btn {
position: relative; }
.header-two .menu ul li.small-menu .arrow-btn::before {
content: "";
clear: both;
display: inline-block;
background: url("../images/arrow-down.svg") 0 0 no-repeat;
width: 17px;
height: 11px;
position: absolute;
top: 8px;
right: -30px;
transition: all 0.3s ease-in-out; }
.header-two .menu ul li.small-menu:hover .arrow-btn::before {
transform: rotate(180deg); }
.header-two .menu ul li.small-menu .small-menu-inner {
position: static;
left: 0;
width: max-content;
height: auto;
margin-top: 20px;
padding: 0;
background: #1d1c39;
border-radius: 0;
display: none; }
.header-two .menu ul li.small-menu .small-menu-inner a {
font-size: 15px;
line-height: 20px;
color: #b5b5b5;
font-weight: 500;
margin-top: 20px;
border-radius: 0;
display: block;
position: relative;
padding-left: 0; }
.header-two .menu ul li.small-menu .small-menu-inner a:before {
display: none; }
.header-two .menu ul li.menu-item-has-children {
padding: 0; }
.header-two .menu ul li.menu-item-has-children:hover > a {
position: relative;
text-decoration: underline; }
.header-two .menu ul li.menu-item-has-children:hover > a::after {
content: "";
clear: both;
display: block;
background: url(../menu-images/polygon-icon.png) 0 0 no-repeat;
width: 26px;
height: 23px;
position: absolute;
top: 33px;
right: 0;
left: 0;
margin: 0 auto; }
.header-two .menu ul li.menu-item-has-children.for-case:hover > a::after {
display: none; }
.header-two .menu ul li.contact-nav a {
font-size: 16px;
background: no-repeat;
border: 0;
justify-content: left;
padding: 0; }
.header-two .menu ul li.contact-nav a:hover {
background: none;
text-decoration: underline;
color: #fff; }
.header-two .menu ul li .menu-mega {
position: relative;
display: none;
background: none;
margin-top: 18px;
padding-left: 0; }
.header-two .menu ul li .menu-mega .without-icon:last-child {
padding-left: 0; }
.header-two .menu ul li .menu-mega.width-menu {
max-width: 100%;
right: 0;
margin-top: 0;
padding-left: 0 !important;
border-radius: 0; }
.header-two .menu ul li .menu-mega .header-menu.for-padding {
padding: 0;
margin: 12px 0 0; }
.header-two .menu ul li .menu-mega .padding-40 {
padding: 0; }
.header-two .menu ul li .menu-mega .padding-40:first-child {
padding-left: 0; }
.header-two .menu ul li .menu-mega .padding-40:last-child {
background: transparent; }
.header-two .menu ul li .menu-mega .container {
box-shadow: none;
background: #1d1c39;
border-radius: 0; }
.header-two .menu ul li .menu-mega .w-14 {
width: 100%;
max-width: 100%;
position: static; }
.header-two .menu ul li .menu-mega .w-900 {
width: 100%;
max-width: 100%;
position: static; }
.header-two .menu ul li .menu-mega .w-900 .flex-3 {
flex-basis: 100%; }
.header-two .menu ul li .menu-mega .detail-list,
.header-two .menu ul li .menu-mega .flex-3 {
padding: 0; }
.header-two .menu ul li .menu-mega .detail-list .head,
.header-two .menu ul li .menu-mega .flex-3 .head {
margin: 0 0 15px;
font-size: 12px;
color: #9f9f9f; }
.header-two .menu ul li .menu-mega .detail-list .head.op-0,
.header-two .menu ul li .menu-mega .flex-3 .head.op-0 {
display: none; }
.header-two .menu ul li .menu-mega .detail-list a,
.header-two .menu ul li .menu-mega .flex-3 a {
font-size: 12px;
padding-left: 0;
color: #b5b5b5;
line-height: 20px;
margin: 0 0 20px; }
.header-two .menu ul li .menu-mega .detail-list a:last-child,
.header-two .menu ul li .menu-mega .flex-3 a:last-child {
margin: 0 0 20px; }
.header-two .menu ul li .menu-mega .detail-list a:before,
.header-two .menu ul li .menu-mega .flex-3 a:before {
display: none; }
.header-two .menu ul li .menu-mega .detail-list a .title,
.header-two .menu ul li .menu-mega .flex-3 a .title {
font-size: 15px;
margin-bottom: 2px;
color: #fff;
font-weight: 500; }
.header-two .menu ul li .menu-mega .detail-list a:hover,
.header-two .menu ul li .menu-mega .flex-3 a:hover {
color: #fff; }
.header-two .menu ul li .menu-mega .detail-list a:hover .title,
.header-two .menu ul li .menu-mega .flex-3 a:hover .title {
color: #fff; }
.header-two .menu ul li .menu-mega .detail-list .title,
.header-two .menu ul li .menu-mega .flex-3 .title {
font-size: 15px;
margin-bottom: 2px;
color: #fff;
font-weight: 500; }
.header-two .menu ul li .menu-mega .width-75 .head {
margin-bottom: 0; }
.header-two .menu ul li .menu-mega .width-75 .head.op-0 {
display: none; }
.header-two .menu ul li .menu-mega .width-75 .width-50,
.header-two .menu ul li .menu-mega .width-75 .width-25 {
margin: 0 0 15px; }
.header-two .menu ul li .menu-mega .width-75 .width-50 a,
.header-two .menu ul li .menu-mega .width-75 .width-25 a {
margin: 15px 0 0;
font-weight: 500; }
.header-two .menu ul li .menu-mega .width-75 .width-50:last-child a:nth-of-type(1) {
margin-top: 0; }
.header-two .menu ul li .menu-mega ::-webkit-scrollbar {
width: 6px;
height: 85px;
border-radius: 5px;
overflow: scroll; }
.header-two .menu ul li .menu-mega ::-webkit-scrollbar-track {
border-radius: 5px; }
.header-two .menu ul li .menu-mega ::-webkit-scrollbar-thumb {
background: #60b741;
border-radius: 10px; }
.header-two .menu ul li .menu-mega ::-webkit-scrollbar-thumb:hover {
background: #ffb81d; }
.header-two .menu ul li .menu-mega.m-active {
display: block;
padding: 0; }
.header-two .menu ul li .menu-mega.width-menu {
padding-left: 0; }
.header-two .menu ul li .menu-mega .left-list {
border: 0;
padding-right: 0; }
.header-two .menu ul li .menu-mega .left-list .list-item {
display: flex;
align-items: center; }
.header-two .menu ul li .menu-mega .left-list a {
color: #fff;
font-weight: 500;
border: 0;
display: inline-block;
font-size: 14px; }
.header-two .menu ul li .menu-mega .left-list a.active, .header-two .menu ul li .menu-mega .left-list a.hover {
background: none; }
.header-two .menu ul li .menu-mega .left-list a.active::after, .header-two .menu ul li .menu-mega .left-list a.hover::after {
display: none; }
.header-two .menu ul li .menu-mega .last-list,
.header-two .menu ul li .menu-mega .padding-l-40 {
padding-left: 0; }
.header-two .menu ul li .menu-mega .header-menu.for-padding,
.header-two .menu ul li .menu-mega .left-list.for-padding,
.header-two .menu ul li .menu-mega .middle-list.for-padding,
.header-two .menu ul li .menu-mega .last-list.for-padding {
padding-top: 0;
padding-bottom: 0; }
.header-two .menu ul li .menu-mega .header-menu a,
.header-two .menu ul li .menu-mega .left-list a,
.header-two .menu ul li .menu-mega .middle-list a,
.header-two .menu ul li .menu-mega .last-list a {
color: #fff;
width: calc(100% - 70px);
font-weight: 500;
display: inline-block; }
.header-two .menu ul li .menu-mega .header-menu.hiremenu .hr-list-item a,
.header-two .menu ul li .menu-mega .left-list.hiremenu .hr-list-item a,
.header-two .menu ul li .menu-mega .middle-list.hiremenu .hr-list-item a,
.header-two .menu ul li .menu-mega .last-list.hiremenu .hr-list-item a {
font-weight: 500 !important;
font-size: 12px !important;
font-weight: 500 !important;
line-height: 15px;
text-transform: uppercase;
color: #42526e; }
.header-two .menu ul li .menu-mega .middle-list .two-col,
.header-two .menu ul li .menu-mega .last-list .two-col {
margin-top: 0; }
.header-two .menu ul li .menu-mega .middle-list .head,
.header-two .menu ul li .menu-mega .last-list .head {
margin-top: 0;
color: #9f9f9f;
font-weight: 500;
font-size: 12px; }
.header-two .menu ul li .menu-mega .middle-list .head.op-0,
.header-two .menu ul li .menu-mega .last-list .head.op-0 {
display: none; }
.header-two .menu ul li .menu-mega .middle-list a,
.header-two .menu ul li .menu-mega .last-list a {
color: #b5b5b5;
font-size: 14px; }
.header-two .menu ul li .menu-mega .middle-list a.active, .header-two .menu ul li .menu-mega .middle-list a:hover,
.header-two .menu ul li .menu-mega .last-list a.active,
.header-two .menu ul li .menu-mega .last-list a:hover {
color: #fff; }
.header-two .menu ul li .menu-mega .middle-list br,
.header-two .menu ul li .menu-mega .last-list br {
display: none; }
.header-two .menu ul li .menu-mega .middle-list .sub-child,
.header-two .menu ul li .menu-mega .last-list .sub-child {
padding-left: 15px; }
.header-two .menu ul li .menu-mega .middle-list .sub-child a,
.header-two .menu ul li .menu-mega .last-list .sub-child a {
display: block;
margin-top: 0; }
.header-two .menu ul li .menu-mega .middle-list .sub-child a:last-child,
.header-two .menu ul li .menu-mega .last-list .sub-child a:last-child {
margin-bottom: 0; }
.header-two .menu ul li .menu-mega .middle-list {
padding: 0; }
.header-two .menu ul li .menu-mega .middle-list:last-child {
padding-left: 0; }
.header-two .menu ul li .menu-mega .middle-list.title-list .head {
margin-top: 0; }
.header-two .menu ul li .menu-mega .middle-list .head {
margin-top: 0;
padding: 8px 0;
color: #b5b5b5; }
.header-two .menu ul li .menu-mega .middle-list .head.op-0 {
display: none; }
.header-two .menu ul li .menu-mega .middle-list a {
padding: 8px 0; }
.header-two .menu ul li .menu-mega .middle-list a:first-child {
margin-top: 0; }
.header-two .menu ul li .menu-mega .last-list a {
font-size: 14px; }
.header-two .menu ul li .menu-mega .last-list .soluton-col {
margin-top: 0;
flex-basis: 100%; }
.header-two .menu ul li .menu-mega .last-list .ind-col {
display: none;
flex-basis: 100%; }
.header-two .menu ul li .menu-mega .hr-list-item {
display: flex;
justify-content: space-between;
align-items: center; }
.header-two .menu ul li .menu-mega .hr-menu-mega {
display: none;
padding-left: 10px; }
.header-two .menu ul li .menu-mega .hr-menu-mega.m-active {
display: block; }
.header-two .menu ul li .menu-mega .container {
padding: 0; }
.header-two .menu ul li .menu-mega .landing-menu .flex-3:nth-of-type(2):not(.without-icon) a:first-of-type,
.header-two .menu ul li .menu-mega .landing-menu .detail-list:nth-of-type(2):not(.without-icon) a:first-of-type {
margin-top: 0; }
.header-two .menu ul li .menu-mega .landing-menu .flex-3:last-child {
background: #1d1c39; }
.header-two .menu ul li a {
padding-right: 0;
border: 0;
color: #fff; }
.header-two .header-menu {
padding-right: 0; }
.header-two .header-menu.width-75 {
display: none;
flex-basis: 100%;
position: fixed;
top: 55px;
left: 0;
background: #1d1c39;
width: 100%;
height: 100%;
padding: 20px 20px 100px !important;
overflow-y: auto; }
.header-two .header-menu.width-75.active {
display: none; }
.header-two .logo {
max-width: 200px; }
.header-two .arrow-btn,
.header-two .hr-arrow-btn {
display: inline-block;
position: relative;
width: 70px;
height: 24px;
background: url(../images/mobile-btn.png) 40px 0 no-repeat;
vertical-align: top;
text-align: right;
float: right; }
.header-two .arrow-btn.rot,
.header-two .hr-arrow-btn.rot {
background-position: 36px -33px; }
.header-two .mob-nav {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #1d1c39;
padding: 20px;
display: none;
overflow-y: auto; }
.header-two .mob-nav.active {
display: block; }
.header-two .menu-list.first ul {
margin-top: 40px; }
.header-two .menu-list.first li {
margin-top: 35px; }
.header-two .menu-list.second {
display: none; }
.header-two .menu-list.second ul {
margin-top: 20px; }
.header-two .menu-list.second.active {
display: block; }
.header-two .menu-list img {
max-width: 148px; }
.header-two .first-inner {
display: none;
margin-left: 50px; }
.header-two .first-inner a {
display: block;
margin-top: 15px;
font-size: 16px;
line-height: 22px;
color: #b5b5b5; }
.header-two .first-inner:active {
display: block; }
.header-two .first-inner.hire-title a {
display: inline-block; }
.header-two .first-inner.hire-title .hire-inner {
display: none;
margin-left: 10px; }
.header-two .first-inner.hire-title .hire-inner a {
display: block;
margin-left: 20px; }
.header-two .first-inner.service-title {
margin-left: 10px; }
.header-two .first-inner.service-title a {
display: inline-block; }
.header-two .inner-list {
display: none;
margin-left: 40px; }
.header-two .inner-list a {
display: block;
margin-top: 20px;
font-size: 16px;
line-height: 20px;
color: #b5b5b5; }
.header-two .inner-list.active {
display: block; }
.header-two .inner-list.service-inner {
margin-left: 20px; }
.header-two .header-top {
display: flex;
justify-content: space-between; }
.header-two .header-top .mobile-logo {
flex-basis: 60%; }
.header-two .bar1,
.header-two .bar2,
.header-two .bar3 {
width: 25px;
height: 2px;
background: #ffffff;
border-radius: 1px;
margin: 6px 0;
transition: all 0.3s ease-in-out; }
.header-two .mback {
font-weight: 500;
font-size: 16px;
line-height: 20px;
color: #ffffff !important;
padding-left: 12px;
position: relative;
display: block;
margin: 10px 0; }
.header-two .mback::before {
content: "";
clear: both;
display: block;
background: url(../images/button-icons-sprite.png) -21px -47px no-repeat;
width: 18px;
height: 20px;
position: absolute;
top: 3px;
left: 0;
margin: 0 auto;
transform: rotate(-180deg); }
.header-two .hamberger-menu {
transition: all 0.3s ease-in-out;
z-index: 999;
height: 100%;
padding: 0 5px;
position: relative; }
.header-two .open-close .bar1 {
transform: rotate(-45deg) translate(-9px, 6px); }
.header-two .open-close .bar2 {
opacity: 0; }
.header-two .open-close .bar3 {
transform: rotate(45deg) translate(-5px, -3px); }
.header-two .landing-menu .w-66 {
flex-basis: 100%;
padding: 0 0 30px; }
.header-two .landing-menu .w-66 .flex-3 {
flex-basis: 100%; }
.header-two .landing-menu .w-66 .flex-3:nth-child(2n) a:first-of-type {
margin-top: 0px !important; }
.header-two .landing-menu .w-66 .flex-1 {
display: none;
flex-basis: 100%;
padding: 0 20px 20px; }
.header-two .landing-menu .w-66 .flex-1 .dis-flex {
justify-content: space-between;
align-items: center;
background: #f6faff;
padding: 36px 20px;
border-radius: 10px; }
.header-two .landing-menu .w-66 .flex-1 .need {
color: #253053;
font-weight: 600;
display: flex;
align-items: center;
position: relative; }
.header-two .landing-menu .w-66 .flex-1 .need img {
position: absolute;
left: 0;
top: auto; }
.header-two .landing-menu .w-66 .flex-1 .need .ndtitle {
padding-left: 50px; }
.header-two .landing-menu .w-66 .flex-1 .btnd a {
color: #fff;
background: #016be3;
padding: 10px 21px;
border-radius: 5px;
line-height: initial;
border: 1.5px solid #016be3;
font-weight: 500;
font-size: 14px; }
.header-two .landing-menu .w-66 .flex-1 .btnd a:hover {
background: transparent;
color: #016be3; }
.header-two .landing-menu.w-70 {
width: 100%;
position: inherit;
right: auto; }
.header-two .landing-menu.w-70 .w-66 {
flex-basis: 100%;
padding: 0; }
.header-two .menu ul li.menu-item-has-children:hover > a::after {
display: none; }
.header-two .menu ul li.small-menu .active-pcat {
font-size: 15px; }
.header-two .menu ul li .menu-mega .hiremenu .last-list a.margin-t-40 {
margin-top: 0; }
#technologies-menu .width-25 .head {
margin: 0; }
#technologies-menu .width-25 a {
margin: 15px 0 0; }
.service-menu-cl .header-two .large .dark-theme-logo {
display: none; }
.service-menu-cl .header-two .large .white-theme-logo {
display: block; }
.service-menu-cl .header-two .menu ul li a {
color: #fff; }
.service-menu-cl .header-two .menu ul li.contact-nav a:hover {
background: none;
border: 0; }
.service-menu-cl .header-two {
background: #05247e; }
.service-menu-cl .header-two:hover {
background: #05247e; }
.header-two .menu ul li.case-stud > a {
font-size: 16px;
color: #fff; }
.header-two .menu ul li.case-stud {
padding: 0; }
.header-two .menu ul li.case-stud:hover > a {
text-decoration: underline; } }
.client-logo-box-section {
padding: 20px 0 54px;
margin-top: 70px; }
.client-logo-box-section .logo-heading {
width: 220px; }
.client-logo-box-section h4 {
font-weight: 600;
font-size: 14px;
line-height: 22px;
text-transform: uppercase;
color: #989EB0; }
.client-logo-box-section .dis-flex {
align-items: center;
margin: 0 !important; }
.client-logo-box-section .logo-box-outer {
flex-basis: calc(100% - 260px);
justify-content: space-between; }
.client-logo-box-section .logo-box {
background: url(../images/header-client-logo-sprite-for-light.svg) 0 0 no-repeat; }
.client-logo-box-section .logo-box.logo1 {
width: 186px;
height: 30px;
background-position: -334px 0; }
.client-logo-box-section .logo-box.logo2 {
width: 78px;
height: 86px;
background-position: -388px -90px; }
.client-logo-box-section .logo-box.logo3 {
width: 134px;
height: 46px;
background-position: -359px -236px; }
.client-logo-box-section .logo-box.logo4 {
width: 137px;
height: 22px;
background-position: -359px -342px; }
.client-logo-box-section .logo-box.logo5 {
width: 99px;
height: 38px;
background-position: -378px -424px; }
.client-logo-box-section .logo-box.logo6 {
width: 144px;
height: 40px;
background-position: -355px -519px; }
.client-logo-box-section .logo-box.logo7 {
width: 164px;
height: 50px;
background-position: -346px -623px; }
.client-logo-box-section .logo-box.logo8 {
width: 172px;
height: 32px;
background-position: -340px -728px; }
@media screen and (max-width: 1760px) {
.client-logo-box-section {
padding: 20px 0 30px; }
.client-logo-box-section .logo-box {
background: url(../images/header-client-logo-sprite-for-light-md.svg) 0 0 no-repeat; }
.client-logo-box-section .logo-box.logo1 {
width: 125px;
height: 22px;
background-position: -162px 0; }
.client-logo-box-section .logo-box.logo2 {
width: 52px;
height: 58px;
background-position: -198px -60px; }
.client-logo-box-section .logo-box.logo3 {
width: 90px;
height: 32px;
background-position: -179px -156px; }
.client-logo-box-section .logo-box.logo4 {
width: 92px;
height: 16px;
background-position: -179px -227px; }
.client-logo-box-section .logo-box.logo5 {
width: 65px;
height: 26px;
background-position: -192px -278px; }
.client-logo-box-section .logo-box.logo6 {
width: 96px;
height: 28px;
background-position: -175px -345px; }
.client-logo-box-section .logo-box.logo7 {
width: 110px;
height: 34px;
background-position: -170px -413px; }
.client-logo-box-section .logo-box.logo8 {
width: 115px;
height: 22px;
background-position: -166px -486px; } }
@media only screen and (max-width: 1320px) {
.client-logo-box-section h4 {
font-size: 12px; } }
@media screen and (max-width: 1200px) {
.client-logo-box-section {
text-align: center; }
.client-logo-box-section .logo-heading {
flex-basis: 100%;
margin-bottom: 10px; }
.client-logo-box-section .logo-box-outer {
flex-basis: 100%;
padding-left: 0;
justify-content: space-evenly; } }
@media screen and (max-width: 767px) {
.client-logo-box-section {
display: none; } }
.faq h2 {
font-weight: 500; }
.faq .faq-accordion-default {
border: 0.927304px solid #dcdcdc;
border-radius: 6px;
padding: 30px 25px 28px 37px;
margin-bottom: 20px; }
.faq .faq-accordion-default .faq-accordion-content-default {
display: block;
opacity: 0.9;
margin-top: 20px;
font-size: 16px;
line-height: 26px;
max-height: 220px;
overflow-y: auto; }
.faq .faq-accordion-default .faq-accordion-content-default ul {
list-style: disc;
padding: 10px 25px; }
.faq .faq-accordion-default .faq-accordion-content-default ul li {
margin-bottom: 10px;
opacity: 0.9; }
.faq .faq-accordion-default .faq-accordion-content-default ul li strong, .faq .faq-accordion-default .faq-accordion-content-default ul li b {
font-size: 16px;
line-height: 22px;
margin-bottom: 15px; }
.faq .faq-accordion-default .faq-accordion-content-default ol {
padding: 25px; }
.faq .faq-accordion-default .faq-accordion-content-default ol li {
margin-bottom: 10px; }
.faq .faq-accordion-default .faq-accordion-content-default p {
margin-bottom: 15px;
opacity: 0.9; }
.faq .faq-accordion-default .faq-accordion-content-default p strong, .faq .faq-accordion-default .faq-accordion-content-default p b {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px; }
.faq .faq-outer {
border: 0.927304px solid #dcdcdc;
border-radius: 6px; }
.faq .faq-outer .faq-accordion-item-outer {
padding: 24px 30px 28px 60px;
border-bottom: 1px solid #dcdcdc; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-toggle {
position: relative;
cursor: pointer; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-toggle::before {
content: "";
clear: both;
display: block;
background: #016be3;
height: 3px;
width: 15px;
border-radius: 4px;
position: absolute;
left: -28px;
top: 11px; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-toggle:after {
content: "";
clear: both;
display: block;
background: #016be3;
height: 15px;
width: 3px;
border-radius: 4px;
position: absolute;
left: -22px;
top: 5px; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-content {
display: none; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-content p {
margin-bottom: 15px;
opacity: 0.9; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-toggle {
color: #016be3; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-toggle::after {
display: none; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content {
display: block;
opacity: 0.9;
padding-top: 20px;
font-size: 18px;
line-height: 140%; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content ul {
list-style: disc;
padding-left: 25px; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content ul li {
margin-bottom: 10px;
font-size: 16px;
color: #666E86;
line-height: 26px;
opacity: 0.9; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content ol {
padding: 25px; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content ol li {
margin-bottom: 10px;
font-size: 16px;
color: #666E86;
line-height: 26px;
opacity: 0.9; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content p, .faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content li {
font-weight: normal; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content p strong, .faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content p p, .faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content li strong, .faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content li p {
font-size: 16px;
line-height: 26px;
margin-bottom: 15px; }
.faq.faq-section .faq-outer .faq-accordion-item-outer:hover .faq-accordion-toggle {
color: #016be3;
cursor: default; }
.faq.faq-section .faq-outer .faq-accordion-item-outer:hover .faq-accordion-toggle::after {
display: none; }
.faq.faq-section .faq-outer .faq-accordion-item-outer:hover .faq-accordion-content {
display: block;
opacity: 0.9;
padding-top: 20px;
font-size: 18px;
line-height: 140%; }
@media screen and (max-width: 767px) {
.faq .faq-outer .faq-accordion-item-outer {
padding: 24px 30px 28px 40px; }
.faq .faq-outer .faq-accordion-item-outer.active .faq-accordion-content {
opacity: 1; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-toggle::before {
top: 13px; }
.faq .faq-outer .faq-accordion-item-outer .faq-accordion-toggle:after {
top: 7px; }
.faq .faq-accordion-default .faq-accordion-content-default {
opacity: 1; } }
.page-id-1051 .tools-developer .card .box-3 h3 {
min-height: 30px; }
.page-id-1579 .tools-developer .hideborder {
text-align: center;
justify-content: center; }
.page-id-1579 .tools-developer .card .box-3 {
min-height: auto; }
.page-id-1579 .tools-developer .flex-3 {
margin-top: 0; }
.tools-developer .flex-1,
.tools-developer .flex-1,
.tools-developer .flex-2,
.tools-developer .flex-3 {
margin-top: 20px; }
.tools-developer .card {
border: 1px solid rgba(212, 224, 237, 0.7);
margin: 0 10px;
border-radius: 8px;
height: 100%; }
.tools-developer .card.no-bg {
background-color: transparent; }
.tools-developer .card .box-3 {
padding: 20px;
min-height: 153px;
transition: all 0.3s ease-in-out; }
.tools-developer .card .box-3:first-child {
border-bottom: 1px solid rgba(212, 224, 237, 0.7); }
.tools-developer .card .box-3 h3 {
margin-bottom: 10px; }
.tools-developer .card .box-3 h3 a {
opacity: 1;
color: #253053; }
.tools-developer .card .box-3 p {
opacity: 0.9; }
.tools-developer .card .box-3 a {
transition: all 0.3s ease-in-out;
opacity: 0.9; }
.tools-developer .card .box-3 a:hover {
color: #016BE3;
text-decoration: underline; }
.tools-developer .flex-1 .box-3 {
min-height: auto; }
.tools-developer.technology-stack .card {
background-color: transparent; }
.tools-developer.technology-stack h3 {
font-size: 18px; }
.tools-developer.fullwidth .flex-2:last-child,
.tools-developer.fullwidth .flex-3:last-child {
flex-basis: 100%; }
.tools-developer .hideborder .card .box-3:first-child {
border: 0; }
.tech-stack-list ul {
margin: 0;
font-size: 16px;
line-height: 19px; }
.tech-stack-list ul li {
display: inline-block;
padding-bottom: 5px;
opacity: 0.9; }
.tech-stack-list ul li::after {
content: "|";
padding: 0px 4px; }
.tech-stack-list ul li:last-child::after {
content: ""; }
.tech-stack-list ul li a {
color: #666E86; }
.tech-stack-list ul a {
color: #666E86; }
@media screen and (max-width: 1280px) {
.service-stack .card .box-3 {
min-height: 180px; } }
@media screen and (max-width: 767px) {
.tools-developer .flex-3:first-child .card {
margin: 0; }
.tools-developer .card {
margin: 0; }
.tools-developer .card .box-3 {
min-height: auto; } }
.tech-stack-v1 .techsec .techrow {
display: flex;
justify-content: space-between;
flex-wrap: wrap; }
.tech-stack-v1 .techsec .techrow .techlist {
flex-basis: 42%; }
.tech-stack-v1 .techsec .techrow .techlist ul {
display: -ms-grid;
display: grid;
grid-gap: 12px;
-ms-grid-columns: 1fr [4];
grid-template-columns: repeat(4, 1fr); }
.tech-stack-v1 .techsec .techrow .techlist ul li {
border: 0.5px solid #e2e2e2;
border-radius: 5px;
padding: 10px;
text-align: center; }
.tech-stack-v1 .techsec .techrow .techlist ul li picture {
width: 49px;
height: 35px;
margin: 0 auto;
display: block; }
.tech-stack-v1 .techsec .techrow .techlist ul li h5 {
font-weight: 400;
font-size: 14px;
color: #010101;
margin: 10px 0 0; }
.tech-stack-v1 .techsec .techrow .techlist ul li a {
width: 12px;
height: 12px;
background: url(../images/anchor-icon.png) center center no-repeat;
border-radius: 100%;
display: flex;
align-items: center;
margin: 10px auto 0;
position: relative;
background-size: 100%; }
.tech-stack-v1 .techsec .techrow .techlist ul li a:hover {
opacity: 0.8; }
.tech-stack-v1 .techsec .techrow .techcontent {
flex-basis: 42%; }
.tech-stack-v1 .techsec .techrow .techcontent h3 {
margin: 0 0 20px; }
.tech-stack-v1 .techsec .techrow:nth-child(2n) {
flex-direction: row-reverse; }
@media screen and (max-width: 1280px) {
.tech-stack-v1 .techsec .techrow .techlist {
flex-basis: 45%; }
.tech-stack-v1 .techsec .techrow .techcontent {
flex-basis: 45%; } }
@media screen and (max-width: 768px) {
.tech-stack-v1 .techsec .techrow .techlist ul {
-ms-grid-columns: 1fr [3];
grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 767px) {
.tech-stack-v1 .techsec .techrow .techlist {
flex-basis: 100%; }
.tech-stack-v1 .techsec .techrow .techcontent {
flex-basis: 100%;
margin: 20px 0 0;
text-align: center; }
.tech-stack-v1 .techsec .techrow .techcontent h3 {
margin: 0 0 10px; } }
.our-blog .blog-card {
background: #ffffff;
border: 1px solid #efefef;
border-radius: 5px;
margin: 0 10px;
height: 100%;
transition: all 0.3s ease-in-out;
overflow: hidden; }
.our-blog .blog-card picture {
padding-top: 60%;
display: block;
position: relative; }
.our-blog .blog-card picture img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
object-position: center;
width: 100%;
height: 100%; }
.our-blog .blog-card:hover {
border: 1px solid #016be3;
box-shadow: 0px 16px 40px rgba(176, 202, 228, 0.2);
border-radius: 5px; }
.our-blog .blog-card:hover img {
transform: scale(1.02); }
.our-blog .blog-card:hover h3 {
text-decoration: underline; }
.our-blog .blog-card a {
height: 100%;
display: block; }
.our-blog .blog-card img {
width: 100%;
transition: all 0.3s ease-in-out; }
.our-blog .blog-card .blog-text {
padding: 20px 30px 57px 30px; }
.our-blog .blog-card .blog-text span {
font-weight: 500;
font-size: 10px;
line-height: 12px;
padding: 3px 6px;
border-radius: 2px; }
.our-blog .blog-card .blog-text h3 {
margin-top: 10px;
transition: all 0.3s ease-in-out; }
.our-blog .flex-3:nth-child(1) .category {
background: rgba(1, 107, 227, 0.16);
color: #016be3; }
.our-blog .flex-3:nth-child(2) .category {
background: rgba(55, 157, 158, 0.16);
color: #379d9e; }
.our-blog .flex-3:nth-child(3) .category {
background: rgba(246, 146, 30, 0.16);
color: #f6921e; }
@media screen and (max-width: 1024px) {
.our-blog .flex-3 {
flex-basis: 50%;
margin-bottom: 15px; } }
@media screen and (max-width: 767px) {
.our-blog .blog-card {
height: auto;
margin: 0; }
.our-blog .blog-card .blog-text {
padding: 20px 20px 30px; }
.our-blog .flex-3 {
flex-basis: 100%; } }
@keyframes fadein {
from {
opacity: 0; }
to {
opacity: 1; } }
.all-industries-section .flex-6 {
flex-basis: 66%; }
.all-industries-section .flex-6 .flex-2 {
padding-right: 0; }
.all-industries-section .flex-6 .lg-img img {
height: 100%;
margin-top: -2px; }
.all-industries-section .flex-6 .flex-1 {
width: 100%; }
.all-industries-section .top-horizontal-img .industry-box {
margin-right: 5px; }
.all-industries-section .top-normal-img .industry-box {
margin-left: 15px; }
.all-industries-section .industry-box {
position: relative;
transition: 0.5s all ease-in-out;
overflow: hidden;
margin-bottom: 20px;
margin-right: 10px;
margin-left: 10px; }
.all-industries-section .industry-box img {
width: 100%;
display: block;
transition: 0.3s all ease-in-out;
min-height: 300px;
height: 332px; }
.all-industries-section .industry-box .profile-text {
position: absolute;
bottom: -100px;
left: 0;
width: 100%;
padding: 1px 30px 40px;
text-align: left;
min-height: 170px;
transition: 0.3s all ease-in-out; }
.all-industries-section .industry-box .profile-text p {
margin-top: 18px;
display: -webkit-box;
max-width: 610px;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden; }
.all-industries-section .industry-box .profile-text p,
.all-industries-section .industry-box .profile-text a {
opacity: 0;
color: #fff;
transition: 0.5s all ease-in-out; }
.all-industries-section .industry-box .profile-text h3 {
color: #fff;
transition: 0.5s all ease-in-out;
position: relative;
display: inline-block; }
.all-industries-section .industry-box .profile-text h3::after {
content: "";
clear: both;
display: block;
background: #fff;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: all 0.6s ease-in-out;
opacity: 0; }
.all-industries-section .industry-box:hover img {
transform: scale(1.1); }
.all-industries-section .industry-box:hover .profile-text {
transition: 0.3s all ease-in-out;
bottom: 0;
min-height: auto; }
.all-industries-section .industry-box:hover .profile-text p,
.all-industries-section .industry-box:hover .profile-text a {
opacity: 1;
animation: fadein 1s; }
.all-industries-section .industry-box:hover .profile-text h3::after {
opacity: 1; }
.all-industries-section .learn-links {
margin-top: 20px; }
.all-industries-section .learn-links a {
position: relative;
padding-right: 32px; }
.all-industries-section .learn-links a::after {
content: "";
background: url(../images/hire/right-white-arrow-md.png) top center no-repeat;
background-size: 100%;
position: absolute;
top: 5px;
right: 0;
width: 24px;
height: 13px;
transition: all 0.3s ease-in-out; }
.all-industries-section .learn-links a:hover::after {
right: -6px; }
.all-industries-section.for-indusry-verticles .industry-box {
margin-bottom: 24px;
margin-top: 5px; }
.all-industries-section .service-custom-software-btn {
margin-top: 50px; }
@media screen and (max-width: 1780px) {
.all-industries-section .industry-box img {
min-height: 300px;
height: 301px; }
.all-industries-section .flex-6 .lg-img img {
height: 100%; } }
@media screen and (max-width: 1600px) {
.all-industries-section .industry-box img {
min-height: 270px;
height: 270px; } }
@media screen and (max-width: 1500px) {
.all-industries-section .industry-box img {
min-height: 261px;
height: 261px; } }
@media screen and (max-width: 1440px) {
.all-industries-section.for-indusry-verticles .industry-box {
margin-bottom: 20px;
margin-top: 0; }
.all-industries-section.for-indusry-verticles .industry-box img {
min-height: 261px;
height: 301px; }
.all-industries-section .flex-6 .lg-img img {
height: 544px; } }
@media screen and (max-width: 1280px) {
.all-industries-section .flex-2.lg-img img {
height: 520px; }
.all-industries-section.for-indusry-verticles .industry-box {
margin-bottom: 15px; }
.all-industries-section .industry-box img {
min-height: 250px;
height: auto; } }
@media screen and (max-width: 1024px) {
.all-industries-section .flex-3 {
flex-basis: 33.33%; }
.all-industries-section .industry-box .profile-text {
bottom: 0;
min-height: auto; } }
@media screen and (max-width: 991px) {
.all-industries-section .flex-6,
.all-industries-section .flex-2,
.all-industries-section .flex-3 {
flex-basis: 100%; }
.all-industries-section .flex-1 .profile-text {
padding: 1px 21px 11px; }
.all-industries-section .industry-box {
margin-left: 0;
margin-right: 0; }
.all-industries-section .industry-box .profile-text p,
.all-industries-section .industry-box .profile-text a {
opacity: 1; }
.all-industries-section .top-normal-img .industry-box {
margin-left: 0;
margin-right: 0; }
.all-industries-section .top-horizontal-img .industry-box {
margin-right: 0;
margin-left: 0; } }
@media screen and (max-width: 767px) {
.glider {
overflow: hidden; }
.all-industries-section .dis-flex {
overflow: hidden; }
.all-industries-section .top-horizontal-img .industry-box {
margin-right: 0; }
.all-industries-section .top-normal-img .industry-box {
margin-left: 0; }
.all-industries-section .industry-box {
margin-right: 0;
margin-left: 0; }
.all-industries-section .industry-box .profile-text {
padding: 0 15px 30px;
max-width: 350px;
bottom: 0;
min-height: auto; }
.all-industries-section .industry-box .profile-text p {
margin-top: 10px;
opacity: 1; }
.all-industries-section .industry-box .profile-text a {
opacity: 1; }
.all-industries-section .industry-box .profile-text .learn-links {
margin-top: 10px; }
.all-industries-section .industry-box:hover .profile-text p, .all-industries-section .industry-box:hover .profile-text a {
animation: none; }
.all-industries-section .industry-box:hover .learn-links a::after {
right: -4px; } }
@media screen and (max-width: 480px) {
.all-industries-section .industry-box img {
max-width: max-content;
width: auto; } }
.case-studies-section .flex-6 {
flex-basis: 66%; }
.case-studies-section .flex-2 {
padding-right: 0; }
.case-studies-section .flex-1 {
width: 100%; }
.case-studies-section .prev-next-btn button {
background: url("../images/hire/left-right-icon.svg") 0 0 no-repeat; }
.case-studies-section .prev-next-btn .glider-prev {
height: 20px;
width: 40px;
background-position: 2px -13px; }
.case-studies-section .prev-next-btn .glider-prev:hover {
height: 20px;
width: 40px;
background-position: -35px -13px; }
.case-studies-section .prev-next-btn .glider-next {
height: 20px;
width: 40px;
background-position: 4px 8px; }
.case-studies-section .prev-next-btn .glider-next:hover {
background-position: -33px 8px;
height: 20px;
width: 40px; }
.case-studies-section .profile-box {
position: relative;
transition: 0.5s all ease-in-out;
overflow: hidden;
margin-bottom: 16px;
margin-right: 10px;
margin-left: 10px; }
.case-studies-section .profile-box img {
width: 100%;
display: block;
transition: 0.5s all ease-in-out; }
.case-studies-section .profile-box:hover img {
transform: scale(1.1); }
.case-studies-section .profile-box:hover .card-details {
display: block;
width: 100%;
padding-left: 15px;
padding-right: 15px;
left: 0; }
.case-studies-section .profile-box .card-details {
position: absolute;
top: 0;
left: -100%;
height: 100%;
text-align: center;
background: rgba(13, 75, 155, 0.82);
z-index: 9;
align-items: center;
right: 0;
overflow: hidden;
transition: all .5s ease 0s;
width: 100%;
padding-top: 40px; }
.case-studies-section .profile-box .card-details h3 {
color: #fff; }
.case-studies-section .profile-box .card-details p {
color: #fff;
padding-top: 17px; }
.case-studies-section .prev-next-btn {
width: 39px;
position: absolute;
bottom: -15px;
left: 47%;
z-index: 9; }
.case-studies-section .prev-next-btn img {
width: 100%; }
.case-studies-section .prev-next-btn .glider-prev::after {
content: "";
position: absolute;
background: #ddd;
width: 2px;
height: 23px;
right: -1px;
top: 4px; }
.case-studies-section .case-study-btn {
margin: 93px 0 0; }
@media screen and (max-width: 1320px) {
.case-studies-section .profile-box .card-details p {
font-size: 14px;
line-height: 20px; } }
@media screen and (max-width: 1024px) {
.case-studies-section .flex-3 {
flex-basis: 33.33%; }
.case-studies-section .profile-box:hover .card-details {
padding-top: 50px; } }
@media screen and (max-width: 991px) {
.case-studies-section .flex-6,
.case-studies-section .flex-2,
.case-studies-section .flex-3 {
flex-basis: 100%; } }
@media screen and (max-width: 767px) {
.case-studies-section .dis-flex {
overflow: hidden; }
.case-studies-section .profile-box {
margin-right: 0;
margin-left: 0; }
.case-studies-section .profile-box img {
min-height: 250px; } }
@media screen and (max-width: 767px) and (orientation: landscape) {
.all-industries-section .industry-box img {
min-height: 250px;
width: 100%;
max-width: 100%; }
.case-studies-section .profile-box img {
min-height: 250px;
width: 100%;
max-width: 100%; } }
.clients-saying .heading p {
width: 75%; }
.clients-saying .iframe-bg {
pointer-events: none; }
.clients-saying iframe {
border: 0;
border: 0;
height: auto;
vertical-align: bottom;
width: 100%;
max-height: 350px; }
.clients-saying iframe.active {
height: 100%;
max-height: unset;
z-index: 1; }
.clients-saying .yt-player {
position: absolute;
top: 0;
left: 0;
z-index: -9; }
.clients-saying .slider-client {
width: 50%;
position: relative; }
.clients-saying .slider-client .client-slider .slide-item {
padding: 0 2px;
position: relative; }
.clients-saying .slider-client .client-slider .slide-item .video-item {
display: none; }
.clients-saying .slider-client .client-slider .slide-item .video-item video {
width: 100%; }
.clients-saying .slider-client .client-slider .slide-item .video-item iframe {
border: 0;
width: 100%; }
.clients-saying .slider-client .client-slider .slide-item .testi-container img {
width: 100%;
vertical-align: bottom; }
.clients-saying .slider-client .client-slider .slide-item video {
vertical-align: bottom; }
.clients-saying .slider-client .client-slider .slide-item .slide-content {
position: absolute;
bottom: 50px;
padding: 0 50px;
z-index: 9; }
.clients-saying .slider-client .client-slider .slide-item .slide-content p {
font-weight: 700;
font-size: 16px;
margin-bottom: 15px;
color: #fff; }
.clients-saying .slider-client .client-slider .slide-item .slide-content span {
font-size: 14px;
line-height: 17px;
color: #fefefe;
opacity: 0.9; }
.clients-saying .slider-client .client-slider .slide-item .slide-content a {
float: right;
background: #f0483e;
color: #fff;
font-size: 10px;
line-height: 12px;
padding: 3px 13px;
display: flex;
align-items: center;
transition: all 0.3s ease-in-out; }
.clients-saying .slider-client .client-slider .slide-item .slide-content a:hover {
background-color: #016be3; }
.clients-saying .slider-client .client-slider .slide-item .slide-content a img {
width: auto;
margin-right: 5px; }
.clients-saying .slider-client .client-slider .play-video .video-item {
display: block; }
.clients-saying .slider-client .client-slider .play-video .testi-container {
display: none; }
.clients-saying .slider-client .client-slider .play-video::after {
display: none; }
.clients-saying .client-logo {
padding-left: 84px;
padding-top: 16px; }
.clients-saying .client-logo .dis-flex {
justify-content: space-between; }
.clients-saying .client-logo .logo-card {
max-width: 175px; }
.clients-saying .client-logo .logo-card picture:nth-child(2) {
display: none; }
.clients-saying .client-logo .logo-card:hover picture:nth-child(1) {
display: none; }
.clients-saying .client-logo .logo-card:hover picture:nth-child(2) {
display: block; }
.clients-saying .glider-prev {
top: 40%;
left: 10px;
opacity: 0.6; }
.clients-saying .glider-prev:hover {
opacity: 1; }
.clients-saying .glider-next {
top: 40%;
right: 10px;
opacity: 0.6; }
.clients-saying .glider-next:hover {
opacity: 1; }
.client-logo .logo-card {
background: url(../images/testimonial-logo-img.svg) 0 0 no-repeat; }
.client-logo .logo-card.logo1 {
width: 210px;
height: 73px;
background-position: 0 0; }
.client-logo .logo-card.logo1:hover {
background-position: -176px 0; }
.client-logo .logo-card.logo2 {
width: 201px;
height: 73px;
background-position: 0px -366px; }
.client-logo .logo-card.logo2:hover {
background-position: -176px -366px; }
.client-logo .logo-card.logo3 {
width: 201px;
height: 73px;
background-position: 0 -748px; }
.client-logo .logo-card.logo3:hover {
background-position: -176px -748px; }
.client-logo .logo-card.logo4 {
width: 201px;
height: 82px;
background-position: 0 -87px; }
.client-logo .logo-card.logo4:hover {
background-position: -176px -87px; }
.client-logo .logo-card.logo5 {
width: 201px;
height: 82px;
background-position: 0 -455px; }
.client-logo .logo-card.logo5:hover {
background-position: -176px -455px; }
.client-logo .logo-card.logo6 {
width: 201px;
height: 82px;
background-position: 0 -835px; }
.client-logo .logo-card.logo6:hover {
background-position: -176px -835px; }
.client-logo .logo-card.logo7 {
width: 201px;
height: 82px;
background-position: 0 -172px; }
.client-logo .logo-card.logo7:hover {
background-position: -176px -172px; }
.client-logo .logo-card.logo8 {
width: 201px;
height: 82px;
background-position: 0 -547px; }
.client-logo .logo-card.logo8:hover {
background-position: -176px -547px; }
.client-logo .logo-card.logo9 {
width: 201px;
height: 82px;
background-position: 0 -928px; }
.client-logo .logo-card.logo9:hover {
background-position: -176px -928px; }
.client-logo .logo-card.logo10 {
width: 201px;
height: 82px;
background-position: 0 -246px; }
.client-logo .logo-card.logo10:hover {
background-position: -176px -250px; }
.client-logo .logo-card.logo11 {
width: 201px;
height: 82px;
background-position: 0 -615px; }
.client-logo .logo-card.logo11:hover {
background-position: -176px -615px; }
.client-logo .logo-card.logo12 {
width: 201px;
height: 82px;
background-position: 0 -1004px; }
.client-logo .logo-card.logo12:hover {
background-position: -176px -1004px; }
@media screen and (max-width: 1600px) {
.clients-saying .client-logo {
padding-left: 42px;
padding-top: 0px; } }
@media screen and (max-width: 991px) {
.clients-saying .client-logo .logo-card.logo9 {
background-position: 0 -918px; }
.clients-saying .client-logo .logo-card.logo9:hover {
background-position: -176px -918px; }
.clients-saying .client-logo .logo-card.logo10 {
background-position: 0 -256px; }
.clients-saying .client-logo .logo-card.logo10:hover {
background-position: -176px -260px; } }
@media screen and (max-width: 767px) {
.clients-saying .heading p {
width: 100%; }
.clients-saying .slider-client {
width: 100%; }
.clients-saying .slider-client .client-slider .slide-item .testi-container iframe {
height: 180px; }
.clients-saying .slider-client .client-slider .slide-item video {
height: 100%; }
.clients-saying .slider-client .client-slider .slide-item::after {
height: 100%; }
.clients-saying .slider-client .client-slider .slide-item .slide-content {
bottom: 10px;
padding: 0 40px; }
.clients-saying .slider-client .client-slider .slide-item .slide-content p {
font-weight: 500;
font-size: 14px;
margin-bottom: 10px; }
.clients-saying .client-logo {
padding-left: 25px;
margin-top: 12px; }
.clients-saying .client-logo .flex-3 {
flex-basis: 50%;
text-align: center; }
.clients-saying .glider-prev {
width: 50px;
top: 40%;
left: -5px; }
.clients-saying .glider-next {
width: 50px;
top: 40%;
right: -5px; } }
@media screen and (min-width: 915px) and (max-width: 1023px) {
.clients-saying .client-logo .dis-flex {
justify-content: center; } }
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
.clients-saying .slider-client {
width: 100%;
flex-basis: 100%; }
.clients-saying .slider-client .slide-item video {
height: 100%; }
.clients-saying .slider-client .slide-item:after {
height: 100% !important; }
.clients-saying .client-logo {
padding-left: 0;
margin-top: 20px;
flex-basis: 100%; }
.clients-saying .client-logo .logo-card {
flex-basis: 25%;
text-align: center; } }
@media screen and (min-width: 1401px) {
.clients-saying .slider-client .client-slider .slide-item video {
height: 100%; }
.clients-saying .slider-client .client-slider .slide-item::after {
height: 100%; } }
.footer {
padding: 40px 0 0 0;
background: #fff; }
.footer .flex-2:first-child .footer-item:last-child {
margin-top: 40px; }
.footer .flex-2:last-child {
padding-left: 140px; }
.footer .footer-item {
margin-bottom: 20px; }
.footer .footer-item h4 {
font-weight: 600;
color: #010101;
margin-bottom: 10px;
font-size: 18px;
line-height: 21px; }
.footer .footer-item ul {
padding-right: 0; }
.footer .footer-item ul li {
display: inline-block;
padding-right: 15px;
position: relative; }
.footer .footer-item ul li:last-child {
padding-right: 0; }
.footer .footer-item ul li a {
font-weight: 400;
font-size: 14px;
color: #737373;
transition: all 0.3s ease-in-out;
line-height: 16px; }
.footer .footer-item ul li a img {
transition: all 0.3s ease-in-out; }
.footer .footer-item ul li a .social-image {
display: block;
opacity: 0.9; }
.footer .footer-item ul li a .social-image-hover {
display: none; }
.footer .footer-item ul li a:hover {
color: #016BE3; }
.footer .footer-item ul li a:hover .social-image-hover {
display: block; }
.footer .footer-item ul li a:hover .social-image {
display: none; }
.footer .footer-item ul li a:hover img {
opacity: 1; }
.footer .footer-item ul li:after {
content: "|";
position: relative;
left: 7px;
top: 1px; }
.footer .footer-item ul li:last-child:after {
display: none; }
.footer .footer-item.social-media {
display: flex;
justify-content: space-between;
align-items: center; }
.footer .footer-item.social-media ul li::after {
display: none; }
.footer .footer-copyright {
background: #021652;
color: #fff;
padding: 10px 0;
margin-top: 20px; }
.footer .footer-copyright .copyright-left p {
font-size: 14px;
line-height: 17px;
color: #fff;
opacity: 0.8; }
.footer .footer-copyright .copyright-left a {
color: #fff; }
.footer .footer-copyright .copyright-right p {
font-weight: 700;
font-size: 12px;
line-height: 20px;
opacity: 0.8;
color: #ffffff; }
.footer .footer-copyright .footer-right .star-outer {
font-size: 12px;
line-height: 20px; }
.footer .footer-copyright .footer-right .star-icon {
background: url(../images/company/footer-icons.png) 0 0 no-repeat;
width: 18px;
height: 15px;
display: inline-block; }
.footer .footer-copyright .footer-right .star-icon:last-child {
margin-right: 10px; }
.footer .footer-copyright .footer-right .star-hover .star-icon {
background-position: -90px -28px;
cursor: pointer; }
.footer .footer-copyright .footer-right .one .star-icon:nth-child(1) {
background-position: 0 0; }
.footer .footer-copyright .footer-right .two .star-icon:nth-child(1), .footer .footer-copyright .footer-right .two .star-icon:nth-child(2) {
background-position: 0 0; }
.footer .footer-copyright .footer-right .three .star-icon:nth-child(1), .footer .footer-copyright .footer-right .three .star-icon:nth-child(2), .footer .footer-copyright .footer-right .three .star-icon:nth-child(3) {
background-position: 0 0; }
.footer .footer-copyright .footer-right .four .star-icon:nth-child(1), .footer .footer-copyright .footer-right .four .star-icon:nth-child(2), .footer .footer-copyright .footer-right .four .star-icon:nth-child(3), .footer .footer-copyright .footer-right .four .star-icon:nth-child(4) {
background-position: 0 0; }
.footer .footer-copyright .footer-right .five .star-icon:nth-child(1), .footer .footer-copyright .footer-right .five .star-icon:nth-child(2), .footer .footer-copyright .footer-right .five .star-icon:nth-child(3), .footer .footer-copyright .footer-right .five .star-icon:nth-child(4), .footer .footer-copyright .footer-right .five .star-icon:nth-child(5) {
background-position: 0 0; }
.footer .footer-copyright .footer-right .rate-us {
border: 1px solid #ffc732;
border-radius: 6px;
padding: 6px 26px;
display: inline-block;
color: #ffc732;
margin-right: 10px;
transition: all 0.3s ease-in-out; }
.footer .footer-copyright .footer-right .rate-us:hover {
border: 1px solid #60ac0b;
color: #60ac0b; }
.footer .footer-copyright .footer-right .client-outer {
margin-top: 12px;
font-size: 12px;
line-height: 20px; }
@media screen and (max-width: 1320px) {
.footer .flex-2:last-child {
padding-left: 80px; } }
@media screen and (max-width: 1200px) {
.footer .flex-2:first-child .footer-item:last-child {
margin-top: 0; }
.footer .flex-2:last-child {
padding-left: 40px; } }
@media screen and (max-width: 767px) {
.footer .flex-2:last-child {
padding-left: 0; }
.footer .footer-item ul {
padding-right: 0px; }
.footer .footer-item.social-media {
display: block; }
.footer .footer-item.social-media ul {
margin-top: 15px; }
.footer .footer-copyright {
padding: 30px 0; }
.footer .footer-copyright .copyright-left {
flex-basis: 100%;
text-align: center; }
.footer .footer-copyright .copyright-right {
flex-basis: 100%;
text-align: center;
margin-top: 10px; }
.footer .footer-copyright .footer-right .star-outer {
font-size: 12px;
line-height: 20px;
margin: 20px 0;
display: block;
text-align: center; }
.footer .footer-copyright .client-outer a {
width: 100%;
max-width: 120px;
margin: 0 auto 20px;
display: block;
text-align: center; } }
@media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
.footer .footer-item.social-media {
display: block; }
.footer .footer-item.social-media h4 {
margin-bottom: 20px; }
.footer .footer-copyright .copyright-left {
width: 47%; } }
.footer-form-section {
position: relative;
background-color: #021652; }
.footer-form-section ::placeholder {
color: rgba(50, 50, 50, 0.5); }
.footer-form-section .left-box {
flex-basis: 40%;
padding-right: 45px;
background: #021652;
color: #fff;
position: relative;
z-index: 1; }
.footer-form-section .left-box p {
color: #DFDFDF;
font-size: 18px;
line-height: 29px; }
.footer-form-section .left-box h2 {
color: #fff;
margin-bottom: 30px; }
.footer-form-section .left-box h3 {
color: #fff;
margin-bottom: 10px; }
.footer-form-section .left-box .profile-outer {
margin-top: 20px; }
.footer-form-section .left-box .profile-pic {
margin-right: 10px;
text-align: center;
color: #fff;
font-size: 14px; }
.footer-form-section .left-box .profile-pic .pic2 {
background-position: -68px 4px; }
.footer-form-section .left-box .profile-pic i {
background: url(../images/hire/acc-prof.png) 2px 4px no-repeat;
width: 60px;
height: 60px;
display: block; }
.footer-form-section .left-box .profile-pic .pic3 {
background-position: -137px 4px; }
.footer-form-section .left-box .profile-pic .pic4 {
background-position: -207px 4px; }
.footer-form-section .left-box .profile-pic span {
display: block;
margin-top: 7px; }
.footer-form-section #ffile-type-error {
color: #FF0000;
font-size: 12px; }
.footer-form-section .list-box {
padding-left: 60px;
position: relative;
padding-top: 25px; }
.footer-form-section .list-box::before {
clear: both;
background: #016BE3;
box-shadow: 0 0 10px rgba(9, 39, 149, 0.25);
color: #fff;
font-size: 18px;
line-height: 21.09px;
border-radius: 50px;
height: 40px;
width: 40px;
display: block;
position: absolute;
left: 0;
top: 20px;
justify-content: center;
display: flex;
align-items: center;
z-index: 1; }
.footer-form-section .side-dash1 p {
padding-bottom: 15px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-form-section .side-dash1::before {
content: "1"; }
.footer-form-section .side-dash1::after {
content: "";
clear: both;
display: block;
height: 100%;
border-left: 0.8px dashed rgba(223, 223, 223, 0.5);
width: 4px;
position: absolute;
top: 20px;
left: 20px;
z-index: 0; }
.footer-form-section .side-dash2::before {
content: "2"; }
.footer-form-section .contact-form-box {
background: #FFFFFF;
border-radius: 15px;
padding: 40px 65px; }
.footer-form-section .right-box {
flex-basis: 60%;
padding-left: 40px;
border-radius: 0 10px 10px 0; }
.footer-form-section .form-text-cont {
flex-basis: 50%;
margin-top: 20px;
position: relative; }
.footer-form-section .form-text-cont:nth-child(2n -1) {
padding-right: 20px; }
.footer-form-section .form-text-cont .dis-flex {
flex-wrap: nowrap;
justify-content: space-between; }
.footer-form-section .input-field {
padding: 18px 30px 18px 15px;
background: transparent;
width: 100%;
font-size: 16px;
line-height: 20px;
border: 0.5px solid #E2E2E2;
border-radius: 5px;
color: #323232;
font-weight: normal;
font-family: 'Noto Sans';
outline: 0;
resize: none; }
.footer-form-section .input-field:focus {
border: 0.5px solid #010101; }
.footer-form-section small {
display: none;
color: #FF0000;
font-size: 12px; }
.footer-form-section .verror small {
display: block; }
.footer-form-section .verror .input-field,
.footer-form-section .verror .user-input {
border-color: #FF0000 !important; }
.footer-form-section .verror.user-input small {
margin-top: 5px; }
.footer-form-section .comment-input {
min-height: 165px;
border: 0;
outline: 0;
width: 100%;
resize: none;
font-size: 16px;
line-height: 20px;
color: #323232;
font-family: 'Noto Sans';
font-weight: normal; }
.footer-form-section .drop-input {
position: relative;
bottom: 0;
left: 0; }
.footer-form-section .drop-box {
text-decoration: none;
padding: 5px 10px;
border: 0.5px solid #fff;
font-size: 12px; }
.footer-form-section .checkout {
flex-basis: 34%;
text-align: right; }
.footer-form-section .checkout .checkout-submit {
background: #60AC0B;
font-weight: 500;
font-size: 18px;
line-height: 22px;
color: #fff;
padding: 14px 24px;
border-radius: 4px;
letter-spacing: 0.05em;
cursor: pointer;
border: none;
transition: all 0.3s ease-in-out; }
.footer-form-section .checkout .checkout-submit:focus, .footer-form-section .checkout .checkout-submit:hover {
background-color: #082eb5; }
.footer-form-section .form-text-cont.width-full {
flex-basis: 100%;
padding-right: 0; }
.footer-form-section .drop-area-box {
display: inline-block;
background: none;
font-weight: 500;
text-decoration: none;
font-size: 12px;
line-height: 15px;
border-radius: 0;
cursor: pointer;
color: #323232; }
.footer-form-section .drop-area-box input {
display: none; }
.footer-form-section .drop-area-box button {
cursor: pointer;
position: relative;
font-weight: 400;
font-size: 12px;
line-height: 15px;
display: inline-block;
border: 0.5px solid #E2E2E2;
padding: 6px 10px;
background: none;
color: #767676; }
.footer-form-section .for-two-col {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
margin-top: 50px; }
.footer-form-section .autocomplete-items {
display: none; }
.footer-form-section .autocomplete-items.has-data {
background: #fff;
display: block;
height: 140px;
overflow-y: auto;
position: absolute;
top: 60px;
left: 0;
width: 100%;
max-width: 280px;
box-shadow: 0px 6px 9px rgba(1, 0, 12, 0.4);
border-radius: 5px;
z-index: 2; }
.footer-form-section .autocomplete-items.has-data div {
color: #444444;
background: #fff;
border-bottom: 1px solid #444444;
padding: 10px;
font-size: 14px;
cursor: pointer;
padding: 15px 20px; }
.footer-form-section .autocomplete-items.has-data div.autocomplete-active, .footer-form-section .autocomplete-items.has-data div:hover {
background-color: rgba(0, 0, 0, 0.05); }
.footer-form-section .gal-loader {
position: relative;
padding: 20px;
margin-bottom: 15px;
display: none; }
.footer-form-section .gal-loader.active {
display: block;
background: rgba(0, 0, 0, 0.1);
margin-top: 30px; }
.footer-form-section .gal-loader.active .loader {
display: block; }
.footer-form-section .gal-loader.show-me {
display: block;
min-height: 100px; }
.footer-form-section .gal-loader .loader {
border: 5px solid #9F9F9F;
border-radius: 50%;
border-top: 5px solid #016BE3;
width: 50px;
height: 50px;
-webkit-animation: spin 2s linear infinite;
animation: spin 2s linear infinite;
margin-bottom: 10px;
margin-right: 10px;
display: inline-block;
position: absolute;
top: 22px;
left: 50%;
display: none; }
.footer-form-section .gallery div {
display: inline-flex;
margin-right: 10px;
vertical-align: baseline;
align-items: flex-start;
position: relative;
transition: all 0.3s ease-in-out; }
.footer-form-section .gallery div button,
.footer-form-section .gallery div a {
text-decoration: none;
background: #FFB81D;
padding: 4px;
border-radius: 50%;
width: 17px;
height: 17px;
vertical-align: middle;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
position: absolute;
right: 4px;
cursor: pointer;
border: 0;
outline: 0; }
.footer-form-section .gallery div button:focus,
.footer-form-section .gallery div a:focus {
background: #f30909; }
.footer-form-section .gallery img {
width: auto;
height: 45px;
margin-right: 10px;
vertical-align: middle; }
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0deg); }
100% {
-webkit-transform: rotate(360deg); } }
@keyframes spin {
0% {
transform: rotate(0deg); }
100% {
transform: rotate(360deg); } }
.footer-form-section .form-quiz-group {
display: flex;
align-items: center;
flex-basis: 66%; }
.footer-form-section .form-quiz-group .quizQ {
border: 1px dashed #C4C4C4;
border-radius: 4px;
padding: 13px 30px;
background: url("../images/quiz-bg.png") 5px center no-repeat;
height: 50px; }
.footer-form-section .form-quiz-group .equal {
margin: 0 15px; }
.footer-form-section .form-quiz-group span {
font-weight: 500;
font-size: 20px;
line-height: 24px;
color: #4A4C55; }
.footer-form-section .form-quiz-group .refreshbtn {
background: url(../images/refresh-icon.png) top center no-repeat;
background-size: 100%;
width: 24px;
height: 21px;
margin-left: 35px;
cursor: pointer;
margin-top: -4px;
transition: all .5s ease 0s;
display: inline-block;
vertical-align: middle; }
.footer-form-section .form-quiz-group .refreshbtn:active {
transform: rotate(360deg); }
.footer-form-section .form-quiz-group .quizAns input {
border: 1px solid #C4C4C4;
border-radius: 4px;
height: 50px;
max-width: 67px;
text-align: center;
padding: 10px 20px; }
.footer-form-section .form-quiz-group .quizAns span {
font-weight: 400;
font-size: 12px;
line-height: 14px;
color: #FF0000; }
.footer-form-section .user-input .pcode-prefix {
position: absolute;
top: 52%;
transform: translateY(-50%);
left: 0;
border: 0;
outline: 0;
width: 100px;
background: none;
padding-left: 44px;
color: #737373; }
.footer-form-section .flag-box {
flex-basis: 26%; }
.footer-form-section .phone-flag-box .user-input:last-child {
flex-basis: 74%;
padding-left: 20px; }
@media screen and (max-width: 1320px) {
.footer-form-section .input-field {
padding: 14px 30px 14px 14px; }
.footer-form-section .form-quiz-group .equal {
margin: 0 5px; }
.footer-form-section .form-quiz-group .refreshbtn {
margin-left: 20px; }
.footer-form-section .form-quiz-group .quizQ {
padding: 13px 20px; } }
@media screen and (max-width: 1200px) {
.footer-form-section .right-box {
padding-left: 0; }
.footer-form-section .contact-form-box {
border-radius: 10px;
padding: 40px 20px; } }
@media screen and (max-width: 991px) {
.footer-form-section .left-box {
flex-basis: 100%;
padding-right: 0; }
.footer-form-section .left-box h2 {
margin-bottom: 30px; }
.footer-form-section .right-box {
flex-basis: 100%;
margin-top: 40px; } }
@media screen and (max-width: 767px) {
.footer-form-section .phone-flag-box .user-input:last-child {
padding-left: 10px; }
.footer-form-section .user-input .pcode-prefix {
top: 25px; }
.footer-form-section .form-text-cont {
flex-basis: 100%; }
.footer-form-section .form-text-cont:nth-child(2n-1) {
padding-right: 0px; }
.footer-form-section .contact-form-box {
padding: 40px 20px; }
.footer-form-section .for-two-col {
margin-top: 30px; }
.footer-form-section .for-two-col .attachment-box {
flex-basis: 100%; }
.footer-form-section .for-two-col .checkout {
flex-basis: 100%;
text-align: left;
margin-top: 40px; }
.footer-form-section .left-box h2 br {
display: none; }
.footer-form-section .left-box .profile-pic img {
max-width: 45px; }
.footer-form-section .side-dash1::after {
left: 15px; }
.footer-form-section .list-box {
padding-left: 45px; }
.footer-form-section .list-box::before {
height: 30px;
width: 30px; }
.footer-form-section .right-box .form-text-cont:first-child {
margin-top: 0; }
.footer-form-section .comment-input {
min-height: 85px; }
.footer-form-section .drop-area-box label::before {
background-position: 4px 6px;
background-size: 70%;
width: 28px;
height: 28px;
top: -5px; }
.footer-form-section .form-quiz-group {
flex-basis: 100%; }
.footer-form-section .form-quiz-group .quizQ {
min-width: 150px;
padding: 12px 20px; }
.footer-form-section .form-quiz-group span {
font-size: 16px; }
.footer-form-section .form-quiz-group .refreshbtn {
margin-left: 10px;
width: 20px; } }
.popup-wrapper {
z-index: 999;
display: none;
position: fixed;
left: 0;
right: 0;
margin: 0 auto;
top: 0;
width: 100%;
height: 100%;
background-color: black;
background-color: rgba(0, 0, 0, 0.7); }
.popup-wrapper .popWrap {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center; }
.popup-wrapper .closeicon {
text-align: right;
display: block;
margin-left: auto;
margin-bottom: 20px;
color: #212121;
background: rgba(218, 218, 218, 0.33) url(../images/pop-close-icon.png) 10px 10px no-repeat;
width: 15px;
height: 18px;
cursor: pointer;
position: absolute;
right: 15px;
top: 10px;
padding: 20px;
border-radius: 50%; }
.popup-wrapper .closeicon:hover {
opacity: 0.8; }
.popup-wrapper .popup-content {
background-color: #fefefe;
padding: 40px 40px 30px;
height: initial;
width: 700px;
position: relative;
border-radius: 10px; }
.popup-wrapper .popup-content .banner-form-section {
width: 100%;
border-radius: 5px;
height: 100%; }
.popup-wrapper .popup-content .banner-form-section .form-content-box {
background: #ffffff; }
.popup-wrapper .popup-content .banner-form-section .banner-form-outer {
padding: 20px 20px; }
.popup-wrapper .popup-content .banner-form-section .banner-form-outer .form-inner.dis-flex {
margin-top: 22px; }
.popup-wrapper .popup-content .banner-form-section .headingsec {
text-align: center; }
.popup-wrapper .popup-content .banner-form-section .headingsec h2 {
color: #253053;
font-size: 25px;
line-height: 1.3;
font-weight: 600; }
.popup-wrapper .popup-content .banner-form-section .headingsec p {
font-weight: 500;
font-size: 14px;
line-height: 20px;
color: #253053;
margin-top: 5px; }
.popup-wrapper .popup-content .banner-form-section small {
display: none; }
.popup-wrapper .popup-content .banner-form-section .verror.drop-box {
border-color: #ff0000; }
.popup-wrapper .popup-content .banner-form-section .verror input {
border-color: #ff0000; }
.popup-wrapper .popup-content .banner-form-section .verror small {
display: block;
margin-top: 5px;
color: #ff0000;
font-size: 12px; }
.popup-wrapper .popup-content .banner-form-section input {
width: 100%;
font-size: 16px;
padding: 0 14px;
height: 50px;
line-height: 15px;
color: #666e86;
border: 1px solid #666e86;
border-radius: 5px;
font-family: "Noto Sans"; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont {
margin-top: 20px;
flex-basis: 50%;
padding: 0 10px; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont:nth-child(1), .popup-wrapper .popup-content .banner-form-section .form-head-cont:nth-child(2) {
margin-top: 0; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont.width-full {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont .user-input {
width: 100%; }
.popup-wrapper .popup-content .banner-form-section .width-full {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .width-full .user-input {
border: 1px solid #666e86;
border-radius: 5px;
padding: 14px; }
.popup-wrapper .popup-content .banner-form-section .width-full .user-input.verror {
border-color: #ff0000; }
.popup-wrapper .popup-content .banner-form-section .form-btn {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .drop-box textarea {
width: 100%;
height: 60px;
border: none;
font-size: 16px;
color: #666e86;
resize: none;
outline: 0;
width: 100%;
font-family: "Noto Sans"; }
.popup-wrapper .popup-content .banner-form-section .drop-box .browse-btn {
background: #fff;
border: 1px solid #f0f1f5;
border-radius: 3px;
cursor: pointer;
padding: 6px 8px;
font-size: 10px;
line-height: 12px;
margin-top: 10px;
color: #666e86;
text-transform: uppercase;
font-family: "Noto Sans";
display: inline-block;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.popup-wrapper .popup-content .banner-form-section .drop-box .browse-hide {
display: none; }
.popup-wrapper .popup-content .banner-form-section .drop-box label {
cursor: pointer; }
.popup-wrapper .popup-content .banner-form-section .cont_country_section {
position: relative; }
.popup-wrapper .popup-content .banner-form-section .autocomplete-items {
display: none; }
.popup-wrapper .popup-content .banner-form-section .autocomplete-items.has-data {
background: #fff;
display: block;
height: 140px;
overflow-y: auto;
position: absolute;
top: 56px;
left: 10px;
width: 100%;
max-width: 230px;
box-shadow: 0px 6px 9px rgba(1, 0, 12, 0.4);
border-radius: 5px;
z-index: 2; }
.popup-wrapper .popup-content .banner-form-section .autocomplete-items.has-data div {
color: #444444;
background: #fff;
border-bottom: 1px solid #444444;
padding: 10px;
font-size: 14px;
cursor: pointer;
padding: 15px 20px; }
.popup-wrapper .popup-content .banner-form-section .autocomplete-items.has-data div.autocomplete-active, .popup-wrapper .popup-content .banner-form-section .autocomplete-items.has-data div:hover {
background-color: rgba(0, 0, 0, 0.05); }
.popup-wrapper .popup-content .banner-form-section .hire-banner-form-btn {
background: #016be3;
border: 1px solid #016be3;
padding: 18px 84px 18px 66px;
color: #ffffff;
text-decoration: none;
border-radius: 5px;
transition: all 0.3s ease-in-out;
font-weight: normal;
margin-top: 30px;
cursor: pointer;
font-size: 18px;
line-height: 16px;
text-transform: capitalize;
font-family: "Noto Sans"; }
.popup-wrapper .popup-content .banner-form-section .hire-banner-form-btn:hover {
background: transparent;
color: #016be3; }
@media screen and (max-width: 1320px) {
.banner-form-section .verror.user-input small {
font-size: 10px; }
.banner-form-section .autocomplete-items.has-data {
max-width: 196px; } }
@media screen and (max-width: 1200px) {
.autocomplete-items.has-data {
max-width: 176px !important; } }
@media screen and (max-width: 1024px) {
.banner-form-section {
width: 100%; }
.autocomplete-items.has-data {
max-width: 381px !important; } }
@media screen and (max-width: 767px) {
.popup-wrapper .closeicon {
text-align: right;
display: block;
margin-left: auto;
margin-bottom: 20px;
color: #212121;
background: rgba(218, 218, 218, 0.33) url(../images/pop-close-icon.png) 10px 10px no-repeat;
width: 15px;
height: 18px;
cursor: pointer;
position: absolute;
right: 15px;
top: 10px;
padding: 20px;
border-radius: 50%; }
.popup-wrapper .popup-content {
padding: 30px 20px;
height: initial;
width: 95%; }
.popup-wrapper .popup-content .banner-form-section .form-content-box {
margin: 25px 0 0; }
.popup-wrapper .popup-content .banner-form-section .banner-form-outer {
padding: 0; }
.popup-wrapper .popup-content .banner-form-section .headingsec {
padding: 0; }
.popup-wrapper .popup-content .banner-form-section .headingsec h2 {
font-size: 22px;
line-height: 1.2; }
.popup-wrapper .popup-content .banner-form-section .verror small {
font-size: 11px; }
.popup-wrapper .popup-content .banner-form-section input {
font-size: 14px;
height: 45px; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont {
margin-top: 15px;
flex-basis: 100%;
padding: 0 10px; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont:nth-child(1), .popup-wrapper .popup-content .banner-form-section .form-head-cont:nth-child(2) {
margin-top: 15px; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont.width-full {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .form-head-cont .user-input {
width: 100%; }
.popup-wrapper .popup-content .banner-form-section .width-full {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .width-full .user-input {
border: 1px solid #666e86;
border-radius: 5px;
padding: 14px; }
.popup-wrapper .popup-content .banner-form-section .width-full .user-input.verror {
border-color: #ff0000; }
.popup-wrapper .popup-content .banner-form-section .form-btn {
flex-basis: 100%; }
.popup-wrapper .popup-content .banner-form-section .drop-box textarea {
font-size: 14px; }
.popup-wrapper .popup-content .banner-form-section .hire-banner-form-btn {
padding: 16px 50px;
margin-top: 30px;
font-size: 16px; }
.popup-wrapper .popup-content .banner-form-section .autocomplete-items.has-data {
max-width: 341px;
top: 69px;
left: 0; } }
.banner-with-form {
background: #1A2649;
padding-bottom: 0; }
.banner-with-form .breadcrumbs {
font-weight: 400;
margin: 0 0 5px; }
.banner-with-form .breadcrumbs.service-breadcrumbs {
color: #ffffff; }
.banner-with-form .breadcrumbs a {
color: rgba(255, 255, 255, 0.5); }
.banner-with-form .breadcrumbs a:after {
background: url(../../assets/images/breadcrumbs-arrow2.png) 0 1px no-repeat;
background-size: 100%;
opacity: 0.6; }
.banner-with-form .breadcrumbs a:hover {
color: #ffffff; }
.banner-with-form .dis-flex {
padding: 40px 0 0; }
.banner-with-form .dis-flex .hire-content {
width: 46%;
position: relative; }
.banner-with-form .dis-flex .hire-content h1 {
color: #ffffff;
margin: 0 0 10px; }
.banner-with-form .dis-flex .hire-content h2 {
font-weight: 500;
font-size: 18px;
color: #ffffff;
margin: 0 0 20px;
line-height: 1.3; }
.banner-with-form .dis-flex .hire-content p {
color: rgba(255, 255, 255, 0.8);
font-size: 18px;
margin: 0 0 15px;
line-height: 29px; }
.banner-with-form .dis-flex .hire-content span {
color: rgba(255, 255, 255, 0.8); }
.banner-with-form .dis-flex .hire-content ul li {
color: rgba(255, 255, 255, 0.8);
font-weight: 400;
font-size: 18px;
position: relative;
margin: 0 0 12px;
padding-left: 20px; }
.banner-with-form .dis-flex .hire-content ul li:before {
content: "";
position: absolute;
left: 0;
top: 8px;
width: 8px;
height: 8px;
background: rgba(255, 255, 255, 0.8);
border-radius: 50%; }
.banner-with-form .dis-flex .hire-form {
position: relative;
flex-basis: 35%; }
.banner-with-form .dis-flex .hire-form .form-wrap {
background: #ffffff;
border-radius: 30px;
padding: 30px 25px;
position: relative; }
.banner-with-form .dis-flex .hire-form .form-wrap h3 {
font-weight: 600;
color: #000;
font-size: 28px;
line-height: 45px; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center {
margin: 20px 0 0;
position: relative; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center:before {
content: "";
display: block;
background: url(../images/hire-shape.png) top center no-repeat;
background-size: 100%;
width: 138px;
height: 150px;
position: absolute;
top: -20px;
left: -190px; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center .yellow-btn {
text-transform: capitalize;
font-weight: 500;
border-radius: 5px;
padding: 14px 50px;
color: #ffffff;
background: #016be3;
border: 1px solid #016be3;
transition: 0.3s ease-in-out; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center .yellow-btn:hover {
background: #fff;
color: #016be3; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center .bk-call {
display: block; }
.banner-with-form .dis-flex .hire-form .form-wrap .use-form {
display: block;
margin: 15px 0 0;
color: #000;
font-size: 14px;
font-weight: 400;
text-decoration: none; }
.banner-with-form .dis-flex .hire-form .form-wrap .use-form:hover {
text-decoration: underline; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list {
position: relative;
margin: 25px 0 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul {
display: flex;
justify-content: center; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li {
position: relative;
padding: 0 22px;
font-size: 12px;
margin: 0 7px;
color: #666666;
line-height: 1.2;
border-right: 1px solid #000; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:last-child {
border: 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:before {
content: "";
clear: both;
display: block;
background: url(../images/list-check.png) top center no-repeat;
background-size: auto;
background-size: 100%;
width: 13px;
height: 13px;
position: absolute;
top: 1px;
left: 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:after {
width: calc(100% - 40px);
content: "";
border-top: 1px dashed #666666;
height: 1px;
position: absolute;
bottom: -3px;
left: 20px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process {
position: relative; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process:before {
background: url(../images/pro-icon.png) top center no-repeat;
width: 14px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info {
width: 315px;
background: #eaf2ff;
border-radius: 10px;
padding: 15px;
position: absolute;
box-shadow: 0px 4px 35px rgba(227, 233, 245, 0.5);
bottom: -150px;
right: -40px;
opacity: 0;
transition: all 0.3s ease-in-out;
visibility: hidden; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info h4 {
font-weight: 500;
font-size: 14px;
color: #000;
margin: 0 0 5px;
position: relative; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info h4:before {
content: "";
clear: both;
display: block;
background: url(../images/ex-arrow.png) top center no-repeat;
background-size: auto;
background-size: 100%;
width: 25px;
height: 25px;
position: absolute;
top: -31px;
right: 30px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info p {
font-size: 10px;
line-height: 26px;
color: #000;
line-height: 16px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process:hover {
cursor: pointer;
color: #016be3; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process:hover .info {
opacity: 1;
visibility: visible; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:first-child .info {
right: auto;
left: 0; }
.banner-with-form .dis-flex .hire-form .badges {
margin: 30px 0 0;
display: flex;
column-gap: 20px;
justify-content: space-between;
align-items: center; }
.banner-with-form .client-logo-box-section {
background: #fff;
padding: 40px 0; }
.banner-with-form .client-logo-box-section .dis-flex {
padding: 0; }
.banner-with-form .client-logo-box-section .dis-flex .logo-heading {
width: 100%;
text-align: center; }
.banner-with-form .client-logo-box-section .dis-flex .logo-heading h4 {
font-weight: 600;
font-size: 16px;
line-height: 22px;
text-transform: uppercase;
color: #333; }
.banner-with-form .client-logo-box-section .dis-flex .logo-heading h4 br {
display: none; }
.banner-with-form .client-logo-box-section .dis-flex .logo-box-outer {
padding: 30px 0 0;
flex-basis: 100%; }
@media only screen and (max-width: 1680px) {
.banner-with-form .dis-flex .hire-content h1 {
font-size: 34px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li {
padding: 0 18px; } }
@media screen and (max-width: 1440px) {
.banner-with-form .dis-flex .hire-content h1 {
font-size: 32px; }
.banner-with-form .dis-flex .hire-form .form-wrap h3 {
font-size: 25px;
line-height: 38px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list {
margin: 20px 0 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li {
padding: 0 16px;
font-size: 11px;
margin: 0 7px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:before {
background-size: 100%;
width: 11px;
height: 11px;
top: 2px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process {
position: relative; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process:before {
background: url(../images/pro-icon.png) top center no-repeat;
width: 11px;
height: 11px;
background-size: 100%; }
.banner-with-form .client-logo-box-section {
padding: 30px 0; }
.banner-with-form .client-logo-box-section .dis-flex .logo-box-outer {
padding: 20px 0 0; } }
@media screen and (max-width: 1320px) {
.banner-with-form .dis-flex .hire-content {
width: 45%; }
.banner-with-form .dis-flex .hire-content h2 {
font-size: 16px;
line-height: 26px; }
.banner-with-form .dis-flex .hire-content p {
font-size: 16px;
line-height: 26px; }
.banner-with-form .dis-flex .hire-content ul li {
font-size: 16px; }
.banner-with-form .dis-flex .hire-form {
flex-basis: 40%; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center {
margin: 15px 0 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center:before {
width: 110px;
height: 95px;
left: -160px; } }
@media screen and (max-width: 1200px) {
.banner-with-form .breadcrumbs {
top: 50px; }
.banner-with-form .dis-flex {
padding: 60px 0 0; }
.banner-with-form .dis-flex .hire-content {
width: 50%; }
.banner-with-form .dis-flex .hire-form {
flex-basis: 40%; }
.banner-with-form .dis-flex .hire-form .form-wrap {
padding: 30px 20px; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center {
margin: 15px 0 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center:before {
width: 100px;
height: 90px;
left: -138px; }
.banner-with-form .dis-flex .hire-form .form-wrap h3 {
font-size: 22px;
line-height: 34px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li {
padding: 0 14px;
font-size: 11px;
margin: 0 4px; } }
@media screen and (max-width: 979px) {
.banner-with-form .breadcrumbs {
top: 50px; }
.banner-with-form .dis-flex {
padding: 60px 0 0; }
.banner-with-form .dis-flex .hire-content {
width: 100%; }
.banner-with-form .dis-flex .hire-content h1 {
margin: 0 0 5px; }
.banner-with-form .dis-flex .hire-form {
flex-basis: 100%;
margin: 20px 0 0; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center .bk-call {
display: inline-block; }
.banner-with-form .dis-flex .hire-form .badges {
margin: 20px 0 0;
justify-content: center; } }
@media screen and (max-width: 767px) {
.banner-with-form {
padding-bottom: 40px;
padding-top: 70px; }
.banner-with-form .breadcrumbs {
top: 60px; }
.banner-with-form .dis-flex {
padding: 70px 0 0; }
.banner-with-form .dis-flex .hire-content h1 {
font-size: 28px;
margin: 0; }
.banner-with-form .dis-flex .hire-content h2 {
margin: 10px 0 15px; }
.banner-with-form .dis-flex .hire-content p {
margin: 0 0 15px; }
.banner-with-form .dis-flex .hire-content ul li {
font-size: 16px;
margin: 0 0 8px;
padding-left: 18px; }
.banner-with-form .dis-flex .hire-content ul li:before {
top: 10px;
width: 7px;
height: 7px; }
.banner-with-form .dis-flex .hire-form .form-wrap {
border-radius: 20px; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center .bk-call {
display: block; }
.banner-with-form .dis-flex .hire-form .form-wrap .btn-center:before {
display: none; }
.banner-with-form .dis-flex .hire-form .form-wrap .use-form {
margin: 10px 0 0;
font-size: 12px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li {
line-height: 1.3;
font-size: 9px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:before {
top: 0px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li:after {
width: calc(100% - 40px);
height: 1px;
left: 20px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process:before {
top: 1px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info {
width: 280px;
padding: 10px;
bottom: -140px;
z-index: 999; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info h4 {
font-size: 12px;
margin: 0 0 4px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info h4:before {
width: 20px;
height: 20px;
top: -23px;
right: 25px; }
.banner-with-form .dis-flex .hire-form .form-wrap .frm-list ul li.process .info p {
font-size: 10px;
line-height: 26px;
color: #000;
line-height: 16px; } }
.why-choose-three-column-section {
counter-reset: section; }
.why-choose-three-column-section .threebox .flex-3 {
padding-right: 10px;
margin-top: 20px;
padding-left: 10px; }
.why-choose-three-column-section .threebox .flex-3.has-anchor {
transition: all 0.3s ease-in-out;
display: inline-block; }
.why-choose-three-column-section .threebox .flex-3.has-anchor:hover .box-3 {
border: 1px solid #016BE3;
box-shadow: 0px 16px 40px rgba(176, 202, 228, 0.2);
border-radius: 5px; }
.why-choose-three-column-section .threebox .box-3 {
height: 100%;
min-height: 250px;
border: 1px solid rgba(212, 224, 237, 0.7);
border-radius: 5px;
padding: 60px 40px;
transition: all 0.3s ease-in-out; }
.why-choose-three-column-section .threebox .box-3 h3 a {
color: #253053; }
.why-choose-three-column-section .threebox .box-3 h3,
.why-choose-three-column-section .threebox .box-3 p {
margin-top: 20px; }
.why-choose-three-column-section .threebox .box-3 p {
opacity: 0.9; }
.why-choose-three-column-section .threebox .box-3 ul li {
position: relative;
padding-left: 20px;
margin-top: 10px;
font-weight: 400;
font-size: 16px;
line-height: 26px; }
.why-choose-three-column-section .threebox .box-3 ul li::before {
content: "";
width: 9px;
height: 9px;
background: #016be3;
position: absolute;
left: 0px;
border-radius: 50%;
top: 5px; }
.why-choose-three-column-section .threebox .top-box .right-heading {
margin-left: 15px;
flex-basis: 76%; }
.why-choose-three-column-section .threebox .top-box .left-icon {
flex-basis: 18%; }
.why-choose-three-column-section .threebox .bottom-txt-box {
margin-top: 20px; }
.why-choose-three-column-section .threebox .a-dotted {
position: relative; }
.why-choose-three-column-section .threebox .a-dotted:after {
content: '';
width: 105px;
height: 1px;
border-bottom: 1px dotted #656565;
position: absolute;
left: 2px;
bottom: 1px; }
.why-choose-three-column-section .threebox .a-dotted sup {
font-size: 10px; }
.why-choose-three-column-section .threebox .a-dotted:hover {
color: #666e86; }
.why-choose-three-column-section.hire-php .threebox .box-3 h3 {
margin-top: 0px; }
.why-choose-three-column-section .points h3 {
position: relative; }
.why-choose-three-column-section .points h3::before {
counter-increment: section;
content: "0" counter(section);
position: absolute;
top: -38px;
opacity: 0.2; }
.why-choose-three-column-section .hire-dedicated-contact-btn {
margin-top: 70px; }
.expertise .flex-2 {
padding: 0 10px;
margin: 20px 0 0; }
.our-process.light-theme .card p {
background: #f6f8fb; }
.our-process.default-white .card p {
background: #fff; }
.our-process .process-img {
position: absolute;
left: 0;
right: 0;
margin-top: 20px; }
.our-process .step-process p {
font-weight: 500;
font-size: 18px;
line-height: 28px;
color: #666E86;
opacity: 0.9; }
.our-process .card {
padding: 80px 30px 0 30px; }
.our-process .process-card {
margin-top: 110px;
padding-top: 30px; }
.our-process .process-card p {
font-weight: 400;
font-size: 16px;
line-height: 26px; }
.our-process .process-card .card-single {
width: 35%;
margin: auto;
padding: 0 30px; }
.our-process .process-card .card-single h3 {
margin-bottom: 10px;
font-weight: 500;
font-size: 20px;
line-height: 23px;
color: #253053;
margin-top: 20px; }
.collaborate-developer {
background-color: #05247E; }
.collaborate-developer .heading h2,
.collaborate-developer .heading p {
color: #fff; }
.collaborate-developer .card {
background: #ffffff;
border: 0.5px solid #e2e2e2;
border-radius: 5px;
margin: 0 10px;
text-align: center;
padding: 50px 10px;
height: 100%;
transition: all 0.3s ease-in-out; }
.collaborate-developer .card h3 {
font-size: 20px; }
.collaborate-developer .card:hover {
border: 0.5px solid #E2E2E2;
box-shadow: 0px 4px 40px rgba(255, 255, 255, 0.36);
border-radius: 5px; }
.collaborate-developer .card:hover span {
border-top: 0.5px solid #9F9F9F;
border-bottom: 0.5px solid #9F9F9F;
opacity: 1; }
.collaborate-developer .card:hover h3 {
color: #010101; }
.collaborate-developer .card:hover span,
.collaborate-developer .card:hover p {
color: #535353; }
.collaborate-developer .card h3 {
margin-bottom: 10px; }
.collaborate-developer .card span {
border-top: 0.5px solid #9f9f9f5e;
border-bottom: 0.5px solid #9f9f9f5e;
padding: 10px;
margin-bottom: 20px;
display: block;
width: 75%;
margin: auto;
font-family: 'Noto Sans';
font-weight: 500;
font-size: 18px;
line-height: 25px;
color: #666E86;
opacity: 0.9; }
.collaborate-developer .card p {
opacity: 0.9;
padding: 10px 0; }
.collaborate-developer .btn-container {
padding-top: 70px; }
.collaborate-developer .btn-container .cmn-btn {
padding: 15px 40px;
background: transparent;
border: 1px solid #ffffff;
border-radius: 5px;
width: auto;
margin: auto; }
.collaborate-developer .btn-container .cmn-btn:hover {
background-color: #60ac0b;
border-color: #60ac0b; }
.get-started .heading p {
margin-bottom: 0 !important; }
.get-started .btn-container {
padding-top: 70px; }
.get-started .btn-container .cmn-btn {
padding: 15px 40px;
background: transparent;
border: 1px solid #ffffff;
border-radius: 5px;
width: auto;
margin: auto; }
.get-started .btn-container .cmn-btn:hover {
background-color: #60ac0b;
border-color: #60ac0b; }
.technology-integration p {
color: #010101; }
.social-media-optimization-section {
counter-reset: my-sec-counter;
background: #05247E; }
.social-media-optimization-section .social h2,
.social-media-optimization-section .social p {
color: #ffffff; }
.social-media-optimization-section .increment {
margin-bottom: 20px;
justify-content: center;
flex-wrap: nowrap; }
.social-media-optimization-section .increment .flex-20 {
flex-basis: 20%;
background: #247DFF;
text-align: center;
padding: 43px 77px 44px 77px;
min-height: 137px;
position: relative; }
.social-media-optimization-section .increment .flex-20:after {
position: absolute;
content: "";
width: 80px;
height: 80px;
right: -54px;
background: url(../images/hire/polygon.png);
background-repeat: no-repeat;
top: 26%; }
.social-media-optimization-section .increment .flex-20 span {
color: #ffffff;
font-size: 38px;
line-height: 47px; }
.social-media-optimization-section .increment .flex-20 span::before {
counter-increment: my-sec-counter;
content: counter(my-sec-counter); }
.social-media-optimization-section .increment .flex-80 {
flex-basis: 80%;
background: white;
padding: 37px;
min-height: 137px;
display: flex;
align-items: center; }
.social-media-optimization-section .increment .flex-80 p {
padding-left: 42px;
font-size: 24px;
line-height: 30px;
color: #444444;
font-weight: 600; }
@media only screen and (max-width: 1600px) {
.hire-main .for-client-logo-box {
height: 80px; }
.why-choose-three-column-section .threebox .box-3 {
padding: 40px 30px; } }
@media screen and (max-width: 1440px) {
.hire-main .for-client-logo-box {
height: 70px; }
.hire-main .hire-content {
padding-right: 10%; }
.threebox h3 {
line-height: 1.4; } }
@media screen and (max-width: 1320px) {
.hire-main .hire-content {
padding-right: 8%; }
.hire-main .hire-content .hire-counter {
padding-left: 10px; }
.collaborate-developer .card {
padding: 40px 10px; }
.why-choose-three-column-section .threebox .box-3 ul li {
font-size: 16px;
line-height: 20px; }
.for-client-logo-box {
height: 57px; } }
@media screen and (max-width: 1200px) {
.hire-main {
padding-bottom: 20px; }
.hire-main .for-client-logo-box {
height: 57px; } }
@media screen and (max-width: 1024px) {
.hire-main .hire-content {
width: 100%;
padding-right: 0; }
.hire-main .hire-content ul {
padding: 5px 0 20px 0; }
.hire-main .hire-content .hire-counter {
margin-top: 20px; }
.hire-main .hire-content .hire-counter div {
font-size: 24px;
line-height: 32px; }
.hire-main .formbox-new {
width: 100%;
margin-top: 30px; }
.hire-main .formbox-new .headingsec h2 {
font-size: 26px;
line-height: 32px; }
.hire-main .formbox-new form {
padding: 30px 25px; }
.our-process .process-img {
margin-top: 0 !important;
width: 80%;
margin: auto; }
.our-process .process-card {
margin-top: 70px;
padding-top: 20px; }
.our-process .card {
padding: 45px 30px 0 30px; }
.collaborate-developer .flex-3 {
flex-basis: 33.33%; }
.collaborate-developer .flex-3 .card span {
width: 100%; }
.collaborate-developer .flex-3 .card h3 {
font-size: 18px;
line-height: 25px; }
.why-choose-three-column-section .threebox .flex-3 {
padding-right: 0;
padding-left: 0; }
.why-choose-three-column-section .threebox .flex-3 .box-3 {
padding: 40px 13px;
margin: 10px !important; }
.hire-main .for-client-logo-box {
height: 118px; } }
@media screen and (max-width: 991px) {
.our-process {
counter-reset: step; }
.our-process .process-img {
display: none; }
.our-process .card {
flex-basis: 100%;
margin-bottom: 14px;
padding: 65px 30px 30px 30px;
position: relative; }
.our-process .card p {
background: transparent; }
.our-process .card::before {
counter-increment: step;
content: "" counter(step);
position: absolute;
top: 25px;
color: #016be3;
left: 0;
right: 0;
border: 1px solid #016be3;
border-radius: 50%;
width: 30px;
height: 30px;
display: flex;
justify-content: center;
align-items: center;
margin: auto; }
.our-process .process-card {
margin-top: 0; }
.our-process .process-card .card-single {
width: 100%; }
.hire-main {
padding-bottom: 40px; }
.hire-main .hire-content .hire-counter:first-child, .hire-main .hire-content .hire-counter:last-child {
padding-left: 10px; }
.hire-main .for-client-logo-box {
height: 103px; } }
@media screen and (max-width: 767px) {
.our-process .card {
padding: 65px 30px 0 30px; }
.our-process .step-process p {
font-size: 16px; }
.hire-main {
padding-top: 100px; }
.hire-main .hire-content {
width: 100%;
padding-right: 0; }
.hire-main .hire-content h2,
.hire-main .hire-content span {
font-size: 16px; }
.hire-main .hire-content p {
font-size: 16px; }
.hire-main .hire-content ul {
padding: 5px 0 0 0; }
.hire-main .hire-content ul li {
font-size: 16px;
margin-bottom: 10px; }
.hire-main .hire-content .inner-content {
margin-top: 15px; }
.hire-main .hire-content .hire-counter {
flex-basis: 50%;
margin-top: 20px; }
.hire-main .hire-content .hire-counter div {
font-size: 24px;
line-height: 32px; }
.hire-main .formbox-new {
width: 100%;
margin-top: 30px; }
.hire-main .formbox-new .headingsec h2 {
font-size: 26px;
line-height: 32px; }
.hire-main .formbox-new form {
padding: 30px 25px; }
.hire-main .for-client-logo-box {
height: 75px; }
.hire-main .dis-flex {
margin-top: 0px; }
.why-choose-three-column-section .threebox .box-3 {
height: auto;
min-height: auto; }
.why-choose-three-column-section .threebox .flex-3 {
padding-right: 0px;
padding-left: 0px; }
.why-choose-three-column-section .threebox .flex-3:first-child {
margin-top: 0; }
.why-choose-three-column-section .threebox .flex-3 .box-3 {
margin: 0 !important; }
.why-choose-three-column-section .hire-dedicated-contact-btn {
margin-top: 30px; }
.expertise .flex-2 {
padding: 0px;
margin: 15px 0 0; }
.collaborate-developer .card {
height: auto;
margin: 10px 0; }
.collaborate-developer .flex-3 {
flex-basis: 100%; }
.collaborate-developer .btn-container {
padding-top: 40px; }
.collaborate-developer .btn-container .cmn-btn {
padding: 10px 30px; }
.get-started .btn-container {
padding-top: 40px; }
.get-started .btn-container .cmn-btn {
padding: 10px 30px; }
.social-media-optimization-section .increment {
flex-wrap: wrap; }
.social-media-optimization-section .increment .flex-20,
.social-media-optimization-section .increment .flex-80 {
flex-basis: 100%; }
.social-media-optimization-section .increment .flex-20 {
padding: 20px;
min-height: auto; }
.social-media-optimization-section .increment .flex-20:after {
display: none; }
.social-media-optimization-section .increment .flex-80 {
padding: 20px; }
.social-media-optimization-section .increment .flex-80 h3 {
padding-left: 0; } }
@media screen and (max-width: 480px) {
.hire-main .for-client-logo-box {
height: 45px; } }
/*# sourceMappingURL=hirepage.min-2.0.css.map */