*, *::before, *::after {
  box-sizing: border-box;
}

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

.teamInn img {
    border-radius: 8px !important;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  font-family: 'Poppins', sans-serif;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.container { max-width: 1220px; }

.wrapper { overflow: hidden;
  background-color: #fff; width: 100%;
  background-image: url("../imgs/hero-banner.svg");
  background-position: top center;
  background-repeat: no-repeat; position: relative; }

.wrapper.noImg { background-color: #fff; width: 100%;
  background-image: none;
  background-position: top center;
  background-repeat: no-repeat; position: relative; }

.innerPages { background-color: #fff; width: 100%;
background-image: url("../imgs/innPages-bg.jpg");
background-position: top center; min-height: 623px;
background-repeat: no-repeat; position: relative; }


.innerPages::before { background-image: url("../imgs/innerPage-before.svg");
background-position: top;
background-repeat: no-repeat;
background-position: bottom center;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0; height: 251px;
width: 100%; z-index: 1000;
padding: 113px 0;}

.innerPages::after {
background-image: url("../imgs/wave-white-shape.svg");
background-position: bottom center;
background-repeat: no-repeat;
background-repeat: no-repeat;
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%; height: 164px;
padding: 60px 0; z-index: 100;
}

.innHead { padding: 70px 0; text-align: center; position: relative; }
.innHead h1 { word-wrap: break-word;
color: #000;
font-size: 60px;
line-height: 75px;
font-weight: 500;
margin-bottom: 21px; }

.wrap-ovrlay { background-color: #FFFFFF;
opacity: 0.7; position: absolute; left: 0px; top: 0px; width: 100%;
height: 100%;
transition: background 0.3s, border-radius 0.3s, opacity 0.3s;}

header { /*z-index: 1000;*/
position: relative; }

.topHead { padding: 20px 0; width: 100%; border-bottom: 1px solid #E3E8F4; }
.topHead li { padding-left: 24px; }
.topHead li:last-child { padding-left: 59px; }
.topHead li a { text-decoration: none; color: #000; }

.navDiv li a { display: block;
position: relative;
font-weight: 600; text-decoration: none;
font-size: 16px; color: #000;
text-transform: capitalize; }

.navDiv .mainMenu {
padding: 0;
margin: 0;
list-style: none;
position: relative;
}

.navDiv .mainMenu li {
display:inline-block;
position: relative;
z-index: 1000;

}
  
.navDiv .mainMenu li a {
display:block;
font-size:16px;
position: relative;
padding: 32px 23px;
text-decoration:none;
}

  
  
  
  /* Hide Dropdowns by Default */
.navDiv ul .sub-menu {
  position: absolute;
  min-width: 250px;
  text-align: left;
  top: 100%;
  left: 0;
  padding: 0;
  left: 0;
  background: #fff;
  visibility: hidden;
  /* min-width: 190px;*/
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  opacity: 0;
  z-index: -1;
  border: 0;
  -webkit-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  }
    
  /* Display Dropdowns on Hover */
  .navDiv ul li:hover > .sub-menu {
    visibility: visible;
  opacity: 1;
  -webkit-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
  z-index: 9;
  }
    
  /* Fisrt Tier Dropdown */
  .navDiv ul .sub-menu li {
    width: auto;
    float:none;
    display:list-item;
    border-bottom: 1px solid #ccc;
    position: relative;
  }

  .navDiv ul .sub-menu li:last-child { border-bottom: 0; }
  
  /* Second, Third and more Tiers	*/
  .navDiv ul .sub-menu .sub-menu li {
    position: relative;
    top:0; 
    left:0;
  }
  
    
  /* Change this in order to change the Dropdown symbol */
  

  .navDiv ul.sub-menu li {
    display: block;
    margin: 0 0;
    padding: 0px;
    border-bottom: 1px solid #ccc;
  }
  .navDiv ul li.menu-item-has-children > a { position: relative; }
  .navDiv ul li.menu-item-has-children > a:after {
    content: "\f107"; font-family: FontAwesome;
      position: relative;
      margin-left: 6px;
      top: 1px;
      display: inline-block;
      transition: 0.4s;
      transform: rotate(0deg);
      font-size: 16px;
      font-weight: 800;
  }
  .navDiv ul li ul.sub-menu li.menu-item-has-children > a { position: relative; }
  .navDiv ul li ul.sub-menu li.menu-item-has-children > a:after {
    content: "\f105"; font-family: FontAwesome;
      font-size: 20px; position: absolute;
      right: 20px; top: 18px;
      float: right;
  }
  .navDiv ul.sub-menu li:last-child {
    border: none;
  }
  
  .navDiv ul.sub-menu li a {
    position: relative;
    padding-left: 0;
    text-transform: capitalize;
    padding: 20px 20px;
  }

 
  
  .navDiv ul.sub-menu li ul.sub-menu {
    left: 100%;
    right: auto;
    top: 0;
    margin: 0 0;
  }
  
  .navDiv ul.sub-menu li ul.sub-menu li ul {
    left: 100%;
    right: auto;
  }

  .accMenu li a { padding: 10px 0; font-weight: 400; }

  .accordion-item a { color: #212529; text-decoration: none; }


.bottomHead { padding: 15px 0 30px; }

.callLft { height: 45px;
  width: 45px;
  background: #fff;
  border-radius: 100px;
  margin-right: 15px;
  text-align: center;
  line-height: 44px;
  font-size: 21px;
   }

.callLft i { color: #105af2; }

.callRgt span { font-size: 14px; padding-bottom: 5px; display: inline-block;
line-height: 17px; color: #7B7E86; }

.banner { padding-top: 80px; z-index: 100; padding-bottom: 70px;
position: relative; }

.bannerLft h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.bannerLft h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.bannerLft h1 { font-size: 60px;
line-height: 70px; font-weight: 600;
margin-bottom: 30px; }

.bannerLft h1 span { font-weight: 400; color: #105af2; }

.bannerLft p { color: #7B7E86; line-height: 26px; }

.bannerRgt { text-align: right; position: relative; }

.bannerRgt::before {
position: absolute;
content: "";
left: 6%;
bottom: 10%;
width: 480px;
height: 480px;
border: 1px solid #105af2;
border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
will-change: border-radius, transform, opacity;
animation: sliderShape 5s linear infinite;
display: block;
z-index: -1;
-webkit-animation: sliderShape 5s linear infinite;
}
@keyframes sliderShape{
0%,100%{
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
34%{
border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
transform:  translate3d(0,5px,0) rotateZ(0.01deg);
}
50%{
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
67%{
border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
transform: translate3d(0,-3px,0) rotateZ(0.01deg);
}
}
.bannerRgt::after {
position: absolute;
content: "";
left: -5%;
bottom: 15%;
width: 480px;
height: 460px;
border: 1px solid #fff;
border-radius: 62% 47% 82% 35% / 45% 45% 80% 66%;
will-change: border-radius, transform, opacity;
animation: sliderShape2 5s linear infinite;
display: block;
z-index: -1;
-webkit-animation: sliderShape2 5s linear infinite;
}
@keyframes sliderShape2{
0%,100%{
border-radius: 42% 58% 70% 30% / 45% 45% 55% 55%;
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
34%{
border-radius: 70% 30% 46% 54% / 30% 29% 71% 70%;
transform:  translate3d(0,5px,0) rotateZ(0.01deg);
}
50%{
transform: translate3d(0,0,0) rotateZ(0.01deg);
}
67%{
border-radius: 100% 60% 60% 100% / 100% 100% 60% 60% ;
transform: translate3d(0,-3px,0) rotateZ(0.01deg);
}
}

.discoverBtn { font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none;
background: #105af2;
color: #fff; text-decoration: none;
transition: .4s;
border-radius: 30px; }

.playShell { color: #1C1C25;
font-weight: 500; }

.playBtn  { content: "";
height: 56px;
width: 56px;
background: #105af2;
border-radius: 100px; 
margin-right: auto;
display: inline-flex;
font-size: 20px;
justify-content: center;
align-items: center; position: relative;
color: #fff; text-decoration: none;
margin-right: 20px; }

.playBtn:before {
content: "";
position: absolute;
width: 150%;
height: 150%;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation: pulsate1 2s;
animation: pulsate1 2s;
-webkit-animation-direction: forwards;
animation-direction: forwards;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-timing-function: steps;
animation-timing-function: steps;
border-radius: 50%;
border: 1px solid #105af2;
}


@-webkit-keyframes pulsate1 {
0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px #105AF2;
}
100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
}
}

@keyframes pulsate1 {
0% {
    -webkit-transform: scale(0.6);
    transform: scale(0.6);
    opacity: 1;
    box-shadow: inset 0px 0px 25px 3px #105AF2;
}
100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1);
    opacity: 0;
    box-shadow: none;
}
}

.getBtn { display: inline-block; background: #105af2; font-size: 16px; padding: 16px 30px; text-decoration: none;
  font-weight: 600; color: #fff; border-radius: 100px; margin-left: 30px; }

.ourServices { background-color: #fff; width: 100%;
  background-image: url("../imgs/curve-shape.svg");
  background-position: top center;
  background-repeat: no-repeat;
  padding-top: 300px; z-index: 1;
  /*background-size: cover;*/ position: relative; }

.ourServices.innerPage { background: none; padding-top: 100px; }

.ourServices h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative;}

.ourServices h4 span { padding: 20px 20px;}

.ourServices h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.ourServices h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; } 

.ourServices h2 { font-size: 48px; margin-bottom: 23px;
font-weight: 500; }

.ourServices p { color: #7B7E86; line-height: 26px; margin-bottom: 76px; }

.servInn { padding: 40px 40px 25px;
-webkit-transition: .4s;
-moz-transition: .4s;
-ms-transition: .4s; 
-o-transition: .4s;
transition: .4s; width: 31.7%;
margin-bottom: 30px;
min-height: 410px;
border: 1px solid #E3E8F4;
border-radius: 15px;
background: #fff; }

.servInn h3 { margin-bottom: 15px;
font-weight: 500; font-size: 24px;
line-height: 34px; }

.servInn:hover h3 { color: #105af2; }

.successDiv { background-image: url("../imgs/increse-bg.png");
background-position: top right;
position: relative;
background-size: 13% auto; 
background-repeat: no-repeat; }

.success-ovrlay { background-color: transparent;
background-image: radial-gradient(at center right, #4268F0 17%, #4268F000 76%);
opacity: 0.14; height: 100%; padding: 100px 0;
width: 100%; top: 0;
left: 0;
position: absolute;}

.successDiv h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.successDiv h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.successShell { padding-top: 100px; padding-bottom: 100px; }

.successShell h2 { line-height: 58px; font-size: 48px; margin-bottom: 23px;
font-weight: 500; }

.successShell p { padding-right: 50px; color: #7B7E86; line-height: 26px; }
.successShell ul { padding-top: 30px; padding-bottom: 30px; }
.successShell li { font-size: 18px;
line-height: 34px;
color: #000;
list-style: none;
position: relative;
padding-left: 15px; }

.successShell li::before { content: "";
height: 5px;
width: 5px;
position: absolute;
background: #000;
top: 0;
bottom: 0;
left: 0;
margin: auto; }

.successShell a { font-size: 16px;
font-weight: 50033;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none;
background: #105af2;
color: #fff; text-decoration: none;
transition: .4s;
border-radius: 30px; }

.successRgt { text-align: right; position: relative; }

.welcome1 { z-index: 99; position: relative; }
.welcome2 { z-index: 1000; position: absolute; left: -34px;
bottom: -45px; border-radius: 30px;
border: 5px solid #fff; }

.consultDiv { padding: 80px 0; background-image: url("../imgs/consult-bg.jpg");
background-position: 5px;
font-weight: 500; font-size: 24px;
line-height: 34px; position: relative; }

.successDiv { background-image: url("../imgs/increse-bg.png");
background-position: 90% 49%;
position: relative; margin-top: -200px;
background-size: 13% auto; padding: 191px 0 59px;
background-repeat: no-repeat; }

.success-ovrlay { 
background-repeat: no-repeat; }


.consultDiv h4 { font-size: 14px;
line-height: 17px;
font-weight: 600; color: #fff;
margin-bottom: 18px;
text-transform: uppercase; }

.consultDiv h2 { font-size: 48px; font-weight: 500;
color: #FFFFFF; }

.consultRgt { text-align: right; }
.consultRgt a { font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none;
background: #105af2; text-decoration: none;
color: #fff;
transition: .4s;
border-radius: 30px; }

.consultRgt a:hover { background: #000; }

.awesomeIT { padding: 100px 0; position: relative; }
.awesomeIT h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.awesomeIT h4::before { content: "";
  height: 8px;
  width: 8px;
  background: #105af2;
  top: 0;
  position: absolute; 
  bottom: 0;
  margin: auto;
  left: 0;
  border-radius: 2px; } 

.awesomeIT h2 { font-size: 48px;
  line-height: 58px; font-weight: 500;
  margin-bottom: 30px; }

.awesomeIT p { color: #7B7E86; line-height: 26px; }

.bannerRgt { text-align: right; }

.discoverBtn { font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none;
background: #105af2;
color: #fff; text-decoration: none;
transition: .4s;
border-radius: 30px; }

.aweShell { color: #1C1C25;
font-weight: 500;
line-height: 23px; display: inline-block;
margin-bottom: 5px;
color: #105af2; }

.teamMembers { position: relative; padding-bottom: 120px; }
.teamMembers h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative;}

.teamMembers h4 span { padding: 20px 20px;}

.teamMembers h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0; position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.teamMembers h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; } 

.teamMembers h2 { font-size: 48px; margin-bottom: 73px;
font-weight: 500; }

.teamInn { width: 25%; position: relative; }
.teamInn img { width: 100%; }

.teamInn .teamInfo { text-align: center; margin: 20px 32px; padding: 20px 30px; position: absolute; bottom: 0px; left: 0px; 
right: 0px; background: #fff; border-radius: 10px; width: 96%; opacity: 0; margin: 0 auto 20px;
transition: all 0.4s; }

.teamInn:hover .teamInfo { opacity: 1;
width: 79%;
transition: all 0.4s; }

.teamInfo h3 { margin-bottom: 10px; }
.teamInfo h3 a { text-decoration: none; font-size: 22px;
font-weight: 600; color: #000; 
line-height: 28px;
margin-bottom: 3px; }

.teamInfo span { font-size: 16px; color: #105af2; }

.teamInfo ul { padding: 20px 5px 0; margin-top: 20px; border-top: 1px solid #E3E8F4; }
.teamInfo ul li a { width: 37px;
height: 37px;
color: #105af2;
background: #EFF1F5;
font-size: 16px; text-decoration: none;
line-height: 16px;
display: flex;
border-radius: 50%;
transition: all 0.40s linear 0s;
justify-content: center;
align-items: center; }

.newPosts { position: relative; margin-bottom: 100px; }
.newPosts h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative;}

.newPosts h4 span { padding: 20px 20px;}

.newPosts h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.newPosts h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; } 

.newPosts h2 { font-size: 48px; margin-bottom: 73px;
font-weight: 500; }

.postShell { overflow: hidden; width: 49.3%; border: 1px solid #E3E8F4; border-radius: 20px; cursor: pointer; }
.postShell h3 { font-size: 30px;
line-height: 40px; font-weight: 500; }

.postShell p { color: #7B7E86;
line-height: 26px; }

.postInn { padding: 30px 40px; }
.postImg { overflow: hidden; }
.postShell img { opacity: 1; width: 100%; border-radius: 10px; transition: 0.3s all; transform: scale(1); }
.postShell:hover img { opacity: 0.6; transition: 0.3s all; transform: scale(1.1); }

.postInn i { color: #105af2; }
.postInn ul { margin-bottom: 20px; }
newPosts                      .postInn ul li { color: #7B7E86; }
.postInn ul li a { color: #7B7E86; text-decoration: none; }
.postInn ul li a:hover { color: #105af2; }

.postInn h3 { margin-bottom: 20px; }

.postShed { position: absolute;
left: 0px;
right: 0px;
bottom: 0px;
background: #fff;
width: 100%;
height: 10px; }

.postInn .readMore { font-weight: 500;
line-height: 20px;
background: #EFF1F5;
color: #0E59F2; display: inline-block;
padding: 13px 35px; text-decoration: none;
border-radius: 50px;
margin-top: 30px;
transition: .4s; }

.postInn .readMore:hover { background: #000; color: #fff; }

.brandWork { position: relative; padding-bottom: 80px; }
.brandWork h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative;}

.brandWork h4 span { padding: 20px 20px;}

.brandWork h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.brandWork h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; }

.brandWork h2 { font-size: 48px;
line-height: 58px; margin-bottom: 80px;
font-weight: 500;}

.brandWork .row {
border: 1px solid #E3E8F4;
border-radius: 15px;
overflow: hidden;
}

.brandWork .row .brandInn { display: flex;
align-items: center;
justify-content: center;
border: 1px solid #E3E8F4;
margin-right: -12px;
margin-left: -13px;
margin-top: -1px;
padding: 70px 50px;
transition: .4s; }

.brandWork .row .brandInn:hover { transition: .4s; box-shadow: 0px 14px 43px rgba(147, 151, 160, 0.15); }

.brandWork h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.brandWork h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; }
.startWork { background-image: url("../imgs/best-bg.jpg");
background-position: center center;
position: relative; height: 617px;
background-repeat: no-repeat; margin-bottom: 100px; }

.startWork h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.startWork h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.startWork h2 { line-height: 58px; font-size: 48px; margin-bottom: 65px;
font-weight: 500;  }

.startWork h2 span { color: #105af2; }

.startWork p { padding-right: 50px; margin-bottom: 40px; color: #7B7E86; line-height: 26px; }

.getStart {
font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none;
background: #105af2;
color: #fff;
text-decoration: none;
transition: .4s;
border-radius: 30px;
}

.startContainer { max-width: 1672px; margin: 0 auto; position: relative; }

.startRgt { text-align: right; } 

.startImg { right: 0px;
bottom: -23px;
position: relative; }

.custService { padding: 25px 60px;
background: #0E59F2;
position: absolute;
right: 0;
bottom: -22px;
color: #fff; }

.clientTest { background-image: url("../imgs/slider-bg.jpg");
background-position: top center;
position: relative; margin-bottom: 70px; padding: 100px 0;
background-repeat: no-repeat; }

.clientTest h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; color: #fff; }

.clientTest h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.clientInfo { padding: 40px; }

.clientInfo p { color: #7B7E86; line-height: 26px; }
.clientInfo p span { color: #000; text-decoration: underline; }

.clientTest h2 { line-height: 58px; font-size: 48px; margin-bottom: 70px;
font-weight: 500; color: #fff; }

.clientInn { background: #fff; border-radius: 10px; }
.clientInn img { border-radius: 100px; }

.clientCred { padding: 30px 40px;
background: #EFF1F5;
display: flex; border-bottom-right-radius: 10px;
align-items: center; border-bottom-left-radius: 10px; }

.clientProfile h5 { font-weight: 500; margin-bottom: 10px; font-size: 24px; }

.clientProfile span { color: #105af2; }

.clientTest .owl-theme .owl-dots .owl-dot span {
width: 20px;
height: 20px;
margin: 5px 4px;
background: transparent;
display: block;
-webkit-backface-visibility: visible;
transition: opacity .2s ease;
border-radius: 30px;
border: 2px solid #ccc;
}

.clientTest .owl-theme .owl-dots .owl-dot.active span {
border: 2px solid #105af2; position: relative;
}

.clientTest .owl-theme .owl-dots .owl-dot.active span::before {
position: absolute;
left: 4px;
top: 4px;
width: 8px;
height: 8px;
background: #105af2;
content: "";
border-radius: 100px;
}

.clientTest .owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 50px;
}

.quickInn img { border-radius: 15px; object-fit: cover;
} 

.quickInn .quickInfo { position: absolute; left: 0px; bottom: 0px; content: '';
background: #0e59f2d9;
opacity: 0;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
transition: all 0.3s ease 0s; }

.quickInn:hover .quickInfo { opacity: 0.9;
left: 30px;
right: 30px;
top: 30px;
bottom: 30px;
border-radius: 15px; }

.quickInn .quickInfo h5 a { color: #fff; text-decoration: none; font-size: 17px;
font-weight: 600; 
line-height: 18px;
text-transform: uppercase; display: inline-block;
margin-bottom: 10px; }

.quickInn .quickInfo p a { font-weight: 500; font-size: 24px; color: #fff; text-decoration: none; }

.quickLast { position: absolute; bottom: 60px; left: 40px; }

.srchLnes { font-size: 18px;
line-height: 18px;
background: #fff;
border-radius: 100%;
display: flex;
justify-content: center;
height: 55px;
width: 55px;
align-items: center; }


.quickInn .srchLnes { transform: translateX(-50%) scale(0); transition: all 0.5s ease 0s; position: absolute;
margin: 0 auto; top: 40%; bottom: 0; left: 0px; right: 0px; }

.quickInn:hover .srchLnes { transform: translateX(-50%) scale(1); }

.quickInn .quickInfo h5 { transform: translateX(0%) scale(0); transition: all 0.5s ease 0s;  }
.quickInn:hover .quickInfo h5 { transform: translateX(0%) scale(1); } 

.quickInfo h5 a:hover { color: #000;  }
.quickInfo p a:hover { color: #000;  }

.quickInn .quickInfo p { transform: translateX(0%) scale(0); transition: all 0.5s ease 0s; }
.quickInn:hover .quickInfo p { transform: translateX(0%) scale(1); } 



.quickProject { padding: 0 20px; margin-bottom: 120px; }
.quickProject h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.quickProject h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.quickProject h2 { font-size: 48px;
line-height: 58px; font-weight: 500;
margin-bottom: 65px; }

.quickProject .owl-nav { position: absolute;
right: 300px;
top: -155px;
z-index: 100000; }

.quickProject .owl-carousel .owl-nav button { font-weight: 700;

height: unset;
width: 123px;
margin-left: 17px;
border-radius: 100px;
border: transparent; position: relative;
background: #105af2;
color: #fff; 
margin-bottom: 0;
text-transform: uppercase;
  }
.quickProject .owl-carousel .owl-nav button.owl-prev { text-align: left; padding: 14px 30px 14px 20px!important; }
.quickProject .owl-carousel .owl-nav button.owl-prev::before { content: "Prev"; position: absolute; left: 45px; }

.quickProject .owl-carousel .owl-nav button.owl-next { text-align: right; padding: 14px 20px 14px 20px !important;  }
.quickProject .owl-carousel .owl-nav button.owl-next::before { content: "Next"; position: absolute; left: 30px; }

footer { background-image: url("../imgs/foot-bg.jpg");
  background-position: top center;
  position: relative;  padding: 100px 0 0; position: relative;
  /* background-repeat: no-repeat;  */
}

footer h2 { margin-bottom: 23px;
  text-transform: capitalize;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  font-weight: 500; }

  footer p { color: #8A99B4; font-size: 16px; line-height: 26px; }

  footer .socioIcons li a { color: #fff;
    height: 45px;
    width: 45px;
    display: flex; text-decoration: none;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: #15284C;
    margin-top: 25px;
    margin-right: 10px; }

  .footlinks li { margin-bottom: 15px; color: #8A99B4; font-size: 16px; }
  .footlinks li a { color: #8A99B4; font-size: 16px; text-decoration: none; }

  footer .recentImg { width: 69px; height: 60px; object-fit: cover; }
  footer .recentImg img { border-radius: 10px; width: 100%; height: 100%; }

  .recentPost { margin-bottom: 25px; }
  .recentInfo h4 { font-size: 14px;
    line-height: 17px;
    color: #fff;
    font-weight: 300;
    margin-bottom: 8px; }

  .recentInfo a { font-size: 18px; text-decoration: none;
      line-height: 22px; color: #fff;
      font-weight: 500; }

  .topFoot { padding-bottom: 100px; }
  .topFoot .col-3:nth-child(2) .footDetails { padding-left: 70px; }
  .topFoot .col-3:nth-child(3) .footDetails { padding-left: 50px; }

  .bottomFoot { border-top: 1px solid #152B54; }

  .bottomDet h5 { font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 12px; }

  .bottIcons { height: 85px;
    width: 85px;
    min-width: 85px;
    background: #152B54;
    font-size: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    color: #fff;
    margin-right: 25px; }

.bottInfo li { margin-bottom: 11px; color: #8A99B4; font-size: 16px; }


.bottomFoot .col-lg-4 .bottomDet {  padding: 23px; border-right: 1px solid#152B54; }
.bottomFoot .col-lg-4:first-child .bottomDet { padding-left: 0; }
.bottomFoot .col-lg-4:nth-child(2) .bottomDet { padding-left: 30px; }
.bottomFoot .col-lg-4:last-child .bottomDet { border-right: 0; padding-left: 30px; }

.copyRght { padding: 30px 0;
text-align: center;
background: #0B2048;
color: #fff; }

.countLft { padding-right: 20px; width: 134px; }

.countLft img { width: 100%; }

.countInn.forAbout { margin-bottom: 120px; border-bottom: 1px solid #E3E8F4; }

.countRgt span { display: inline-block;
font-weight: 700;
color: #1C1C25; width: 100%; margin-bottom: 10px;
font-size: 44px; }

.countRgt small { font-size: 14px;
line-height: 18px;
color: #7B7E86;
margin-bottom: 0px;
font-weight: 500;
text-transform: uppercase; }


.counterDiv { position: relative;}

.servInn { transition: .4s; }
.servInn:hover {
box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
}

.servInn a i { transition: .4s;  font-size: 22px; transform: rotate(320deg); }


.servInn:hover a i  {
transform: rotate(0deg); transition: .4s; color: #000;
}

.countInn { padding: 100px 0px 90px;
border-top: 1px solid #E3E8F4; }


#scroll {
position:fixed;
right:30px;
bottom:30px;
cursor:pointer;
width:50px;
height:50px;
background: #105af2;
text-indent:-9999px;
display:none;
-webkit-border-radius:60px;
-moz-border-radius:60px;
border-radius:60px
}
#scroll span {
position:absolute;
top:50%;
left:50%;
margin-left:-8px;
margin-top:-12px;
height:0;
width:0;
border:8px solid transparent;
border-bottom-color:#ffffff;
}

.mobileMenu { width: 50px;
height: 50px;
padding: 0;
font-size: 20px;
border: none;
display: none;
border-radius: 5px;
background: #EFF1F5;
color: #105af2; }

.mobileNav { border-right: 3px solid #105af2; display: none; opacity: 0; transition: 0.9s; position: fixed; left: -310px; top: 0px; 
background: #fff; height: 100vh; min-height: 100%; width: 310px; }

.mobileNav.active { left: 0; transition: 0.9s; opacity: 1; z-index: 1000; }

.mobileLogo { padding: 30px 0; text-align: center; background: #eff1f5;  }

.closeNav { text-align: center;
padding: 0!important; line-height: 35px;
padding: 0 !important;
width: 35px; text-decoration: none;
height: 35px; border-radius: 100px; font-size: 20px; background: #fff; color: #000!important; 
position: absolute; right: -19px;
top: 20px; }

.mobileNav #accordionExample {  padding: 40px 34px 0; }

.mobileNav .accordion-item { border-left: 0;
border-right: 0; }

.mobileNav .accordion-item:first-of-type { border-top: 0; }
.mobileNav .accordion-item:last-of-type { border-bottom: 0; }

.mobileNav .accordion-item:first-of-type .accordion-button { border-top-left-radius: 0;
border-top-right-radius: 0; }

.mobileNav .accordion-item:last-of-type .accordion-button { border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }

.mobileNav .accordion-item:last-of-type .accordion-button.collapsed {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.mobileNav .accordion-item:last-of-type .accordion-collapse {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

.mobileNav .accordion-item:first-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0;
}

.mobileNav .accordion-button.noAfter::after { background-image: none!important; content: none; }

.mobileNav .accordion-button::after {
content: "+";
width: 25px; background-image: none;
position: absolute;
right: 2px; top: 11px; line-height: 22px;
height: 25px;  font-size: 20px;
display: inline-block; color: #fff;
text-align: center; border-radius: 100px;
background-color: #105af2;
}
.mobileNav .accordion-button:not(.collapsed)::after {width: 25px;
right: 2px; top: 11px; content: "-"; line-height: 20px;
height: 25px;  position: absolute; font-size: 20px;
border-radius: 100px; background-image: none;
text-align: center; color: #fff;
background-color: #105af2;

}

.menuOverlay { width: 100%;
height: 100%;
left: 0px;
top: 0px;
}

.menuOverlay.active { position: fixed; background: rgba(0,0,0, .7); z-index: 1000; }



.qualityDiv h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.qualityDiv h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.qualityDiv h2 { line-height: 58px; font-size: 48px; margin-bottom: 23px;
font-weight: 500; }

.qualityDiv p { padding-right: 50px; color: #7B7E86; line-height: 26px; }

.qualityinfo { padding: 40px;
box-shadow: 0px 3px 66px rgba(23, 22, 36, 0.07);
border-radius: 15px; }

.bestLft { line-height: 22px;
font-size: 22px;
font-weight: 900;
display: flex;
align-items: center;
color: #0E59F2;
background: #eff1f5;
height: 55px;
width: 55px;
min-width: 55px;
justify-content: center;
border-radius: 50%; }

.bestRgt h3 { font-size: 24px; font-weight: 500; }

.qualBtn a { font-size: 16px;
font-weight: 500;
line-height: 20px;
padding: 18px 40px;
display: inline-flex;
align-items: center;
position: relative;
transition: all .35s;
border: none; text-decoration: none;
background: #0E59F2;
color: #fff;
transition: .4s;
border-radius: 30px; }

.callIcon { height: 50px;
width: 50px;
min-width: 50px;
background: #0E59F2;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
border-radius: 100px;
margin-left: 30px;
margin-right: 10px; }

.callInfo small { font-size: 14px;
line-height: 17px;
font-weight: 500; color: #7B7E86;
margin-bottom: 4px; display: inline-block; }

.callInfo span { font-size: 20px;
line-height: 24px; display: inline-block;
font-weight: 700; width: 100%;
color: #000; }

.peopleTalk { background-image: url("../imgs/people-bg.jpg"); 
background-position: top center;
position: relative;  padding: 100px 0; background-size: cover;
background-repeat: no-repeat; margin-bottom: 90px; }


.qualityDiv h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute; 
bottom: 0;
margin: auto;
left: 0;
border-radius: 2px; } 

.qualityDiv h2 { line-height: 58px; font-size: 48px; margin-bottom: 23px;
font-weight: 500; }

.peopleTalk h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
font-weight: 700; text-transform: uppercase; padding-left: 20px;
letter-spacing: 0.5px; position: relative; }

.peopleTalk h4 span { padding: 0 20px; }

.peopleTalk h4::before { content: "";
height: 8px;
width: 8px;
background: #105af2;
top: 0;
position: absolute;
bottom: 0; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
margin: auto;
right: auto;
border-radius: 2px; }

.peopleTalk h4::after { content: "";
height: 8px;
width: 8px; box-shadow: 0px 3px 11px rgba(14, 89, 242, 0.4);
background: #105af2;
top: 0;
position: absolute;
bottom: 0;
margin: auto;
left: auto;
border-radius: 2px; }

.peopleTalk h2 { line-height: 58px; font-size: 48px; margin-bottom: 70px;
font-weight: 500; }

.peopleTalk .owl-carousel .owl-item img { width: auto!important;  }

.peopleTalk img { margin: 0 auto 40px;  }

.peopleTalk  .peopleImg { width: 24%; }

.peopleTalk h3 { font-size: 36px;
line-height: 45px;
font-weight: 500;
margin-bottom: 23px; }

.peopleTalk p { color: #7B7E86; line-height: 26px; font-size: 16px; }

.peopleShell { max-width: 548px; margin: 0 auto; }

.peopleShell h5 { margin-top: 43px;
font-size: 22px;
line-height: 27px;
color: #000;
font-weight: 500;
margin-bottom: 6px; }

.peopleShell span { color: #7B7E86; font-size: 16px; }
.peopleShell span small { font-size: 16px; color: #105af2; }

.peopleImg { left: 4%; bottom: 0; }

.animOne, .animTwo, .animThree, .animfour {
  position: absolute;
  -webkit-animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
  animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}

.animOne {
  top: 45%;
  right: 17%;
  transform: translate(-50%, 0);
}

.animOne img {
  height: 110px;
  width: 110px;
  border-radius: 100%;
  object-fit: cover;
}

.animTwo {
  top: 17%;
  right: 10%;
}

.animTwo img {
  height: 80px;
  width: 80px;
  border-radius: 100%;
  object-fit: cover;
}

.animThree {
  position: absolute;
  bottom: 10%;
  right: 5%;
}

.animThree img {
  height: 130px;
  width: 130px;
  border-radius: 100%;
  object-fit: cover;
}

.animFour {
  position: absolute;
  top: 10%;
  left: 4%;
}

.animFour img {
  height: 95px;
  width: 95px;
  border-radius: 100%;
  object-fit: cover;
}

.animOne,
.animTwo,
.animThree,
.animFour
{
    position: absolute;
    -webkit-animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
    animation: scale-down-center 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) infinite alternate both;
}

.solProvider { position: relative; margin-bottom: 100px; }
                                                  

.solShell { padding: 32px; box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09); overflow: hidden; width: 100%; border-radius: 20px; cursor: pointer; }
.solShell h3 { font-size: 24px;
line-height: 33px; font-weight: 500; }

.solShell p { color: #7B7E86;
line-height: 26px; }

.solInn { }
.solImg { margin-bottom: 30px; overflow: hidden; border-radius: 20px;}

.solShell img { opacity: 1;
height: 250px;
width: 100%;
border-radius: 10px;
transition: 0.3s all;
transform: scale(1);
object-fit: cover; }
.solShell:hover img { opacity: 0.6; transition: 0.3s all; transform: scale(1.1); }

.solInn i { color: #105af2; }
.solInn ul { margin-bottom: 20px; }
.solInn ul li { color: #7B7E86; }
.solInn ul li a { color: #7B7E86; text-decoration: none; }
.solInn ul li a:hover { color: #105af2; }

.solInn h3 { margin-bottom: 20px; }


.solInn .readMore { font-size: 16px;
  line-height: 20px;
  font-weight: 500; text-decoration: none;
  color: #105af2; }


.worldTech { background-image: url("../imgs/sol-provide-bg.jpg"); 
  background-position: top center; margin-top: 100px;
position: relative;  padding: 100px 0; background-size: cover;
background-repeat: no-repeat; margin-bottom: 90px; }

.worldTech h4 { margin-bottom: 25px; font-family: 'Poppins', sans-serif;
  font-weight: 700; text-transform: uppercase; padding-left: 20px;
  letter-spacing: 0.5px; position: relative; color: #fff; }

.worldTech h4::before { content: "";
    height: 8px;
    width: 8px;
    background: #fff;
    top: 0;
    position: absolute; 
    bottom: 0;
    margin: auto;
    left: 0;
    border-radius: 2px; } 

.worldTech h2 { font-size: 48px;
    line-height: 58px; font-weight: 500;
    margin-bottom: 30px; color: #fff; }

.worldTech p { color: #fff; line-height: 26px; }
.worldShell {
    color: #fff;
    font-weight: 500;
  }

.worldBtn {
    content: "";
    height: 56px;
    width: 56px;
    border-radius: 100px;
    margin-right: auto;
    display: inline-flex;
    font-size: 28px;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
    text-decoration: none;
    margin-right: 20px;
    border: 1px solid #fff;
  }

.qualityDiv { padding-top: 100px; padding-bottom: 110px; }

.awesomeIT.forAbout { padding-top: 0px; }

.accordion-button:not(.collapsed) { background: none; }

.careerCat label { padding-left: 10px; padding-bottom: 12px; }



  /**
   * ----------------------------------------
   * animation scale-down-center
   * ----------------------------------------
   */

@-webkit-keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}
@keyframes scale-down-center {
    0% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
    100% {
        -webkit-transform: scale(0.5);
                transform: scale(0.5);
    }
}

.ITInfo { padding-bottom: 50px; }
.ITInfo h2 {
  color: #1C1C25;
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 500;
  line-height: 37px;
}

.ITInfo p { font-size: 16px; color: #7B7E86; line-height: 26px; }
.ITInfo .servefeat { background: #eff1f5; border-radius: 20px; }
.ITInfo .servefeat img { width: 100%; }
.ITInfo h3 { font-size: 24px;
  font-weight: 500;
  line-height: 30px;
  margin-bottom: 20px;
  color: #000; }

  .featRgt { padding-left: 30px; }

  .ITInfo ul li span { font-size: 12px;
    height: 20px;
    width: 20px;
    border: 1px solid #105af2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #105af2;
    border-radius: 50px;
    margin-right: 10px; }

    .ITInfo ul li { color: #7A7A7A; padding-bottom: 20px; }
 
    .allServe, .workHrs { padding: 40px; margin-bottom: 20px;
      background: #eff1f5;
      border-radius: 15px; }

      .allServe h2, .workHrs h2 { color: #1C1C25;
        font-family: 'Poppins', sans-serif;
        font-size: 24px;
        font-weight: 500; 
        line-height: 37px; }

        .allServe li { border-bottom: 1px solid #E3E8F4; padding-right: 20px; }
        .allServe li:last-child { border-bottom: 0; }
        .allServe li a { color: #878D97; font-size: 16px; text-decoration: none; 
          padding: 20px 0;
          width: 100%;
          position: relative; }

          .ITimg-1, .ITimg-3, .ITimg-4 { width: 100%; }

          .allServe li a:hover { color: #105af2; }

          .workHrs li { line-height: 20px; color: #878D97; padding: 20px; background: #fff; margin-bottom: 20px; border-radius: 15px; }
          .workHrs li:hover { color: #105af2; }

.contactInfo { margin: 70px 0; }
.contactInn { padding: 80px 70px 65px; border: 1px solid #E3E8F4; border-radius: 15px; }
.contactLft { font-size: 22px;
  height: 70px;
  width: 70px;
  background: #eff1f5;
  color: #0E59F2;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  min-width: 70px;
  margin-right: 25px; }

  .contactRgt h2 { font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    color: #1C1C25;
    margin: 0px 0px 13px 0px; }

  .contactRgt li { font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #7B7E86; }

  .contactDetail { padding-left: 18px; min-height: 100px; border-right: 1px solid #E3E8F4; }
  .contactInfo .col-lg-4:last-child .contactDetail { border-right: 0; }

  .contactForm { margin-bottom: 120px; }
  .formInn { background-color: #EFF1F5; border-radius: 20px; padding: 80px; }
  .formInn h2 { line-height: 58px; font-size: 48px; font-weight: 500; margin-bottom: 32px; }
  .formInn h3 { font-size: 24px;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 24px;
    color: #1C1C25; }

  .formInn span { font-size: 12px;
                  height: 20px;
                  width: 20px;
                  border: 1px solid #0E59F2;
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  color: #0E59F2;
                  border-radius: 50px;
                  margin-right: 10px;}

  .formInn p { font-size: 16px;
    font-weight: 400; margin-bottom: 28px;
    line-height: 26px;
    color: #7B7E86;
  }

  .formInn li { float: left; width: 50%; margin-bottom: 20px; color: #7B7E86; }
  .formInn input { color: #7B7E86; border-radius: 10px; padding: 18px 20px; border: 0; }
  .formInn select { color: #7B7E86; border-radius: 10px; width: 100%; padding: 18px 20px; border: 0; background: #fff; }
  .formInn textarea { color: #7B7E86; border-radius: 10px; width: 100%; padding: 18px 20px; border: 0; background: #fff; height: 200px; }
  .formInn button { background: #0E59F2;
    color: #fff;
    font-weight: 500;
    border: none;
    border-radius: 10px;
    transition: .4s;
    width: 100%; padding: 20px 0;
    justify-content: center;
    text-transform: uppercase; }

    .blogDiv { padding-top: 80px; }
    .digiBlog { padding-right: 33px; }

.blogInfo { box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09);
  border-radius: 15px;
  margin-bottom: 50px; }

  .blogInfo img { width: 100%; border-top-left-radius: 15px; border-top-right-radius: 15px; }
  .blogInfo ul { margin-bottom: 20px; }
  .blogInfo ul li i { color: #0E59F2; }

  .blogDes { padding: 30px 40px; }
  .blogDes h2 { line-height: 46px;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 28px; }

    .blogDes p { font-size: 16px;
      font-weight: 400;
      margin-bottom: 28px;
      line-height: 26px;
      color: #7B7E86; }

      .blogDes a { font-weight: 500; text-decoration: none; }

.blogSrch { margin-bottom: 60px;
  padding: 40px;
  border-radius: 15px;
  border: 1px solid #E3E8F4;
  overflow: hidden; }

.blogSrch input { max-width: 100%;
  width: 100%; color: #7B7E86;
  border-radius: 10px;
  max-height: 55px; padding: 20px;
  box-shadow: 0px 7px 24px rgba(0, 0, 0, 0.09);
  border: 1px solid #E3E8F4;
  margin-bottom: 0; }

  .blogSrch button { padding: 10px;
    border-radius: 10px;
    height: 55px;
    width: 55px; background: #0E59F2;
    top: 0; border: 0; color: #fff;
    right: 0; position: absolute;
    display: inline-block; }

.recentBlog { margin-bottom: 60px;
  padding: 40px;
  border-radius: 15px;
  border: 1px solid #E3E8F4; }

  .recentBlog h2 { color: #000;
    font-size: 22px;
    font-weight: 700; margin-bottom: 38px;
    text-transform: capitalize; }

.blogImg { margin-right: 20px;
  width: 80px; overflow: hidden; border-radius: 10px;
  min-width: 80px; }

.blogImg img { object-fit: cover; width: 100%; }

.blogTxt h3 { font-size: 18px;
  line-height: 22px; margin-bottom: 10px;
  font-weight: 500; }

  .blogTxt h3 a { color: #000; text-decoration: none; }

  .blogTxt span { color: #7B7E86;
    font-size: 14px;
    line-height: 17px; }

    .blogList { padding-bottom: 43px; }
    .blogList:last-child { padding-bottom: 0; }

.categoryDiv { margin-bottom: 60px;
  padding: 40px;
  border-radius: 15px;
  border: 1px solid #E3E8F4; }

  .categoryDiv h2 { color: #000;
    font-size: 22px;
    font-weight: 700; margin-bottom: 25px;
    text-transform: capitalize; }

    .categoryDiv li a { font-size: 16px;
      font-weight: 400; text-decoration: none; display: block;
      line-height: 26px; width: 100%; padding: 15px 0;
      border-bottom: 1px solid #E3E8F4;
      color: #7B7E86; }


      .categoryDiv li:last-child a{ border-bottom: 0; padding-bottom: 0; }

      .categoryDiv li a:hover { color: #0E59F2; }

.popularTag { 
  padding: 40px;
  border-radius: 15px;
  border: 1px solid #E3E8F4; }

  .popularTag h2 { color: #000;
    font-size: 22px;
    font-weight: 700; margin-bottom: 34px;
    text-transform: capitalize; }

  .popularTag ul li a { font-size: 13px !important;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 8px; line-height: 26px;
    padding: 5px 16px 3px 16px;
    border-radius: 5px; text-decoration: none;
    margin-bottom: 10px;
    color: #000; 
    font-weight: 500;
    background-color: #fff;
    border: 1px solid hsl(222, 44%, 92%); }

    .popularTag ul li a:hover { background: #0E59F2; color: #fff; }

.techStack { padding: 70px 0 100px; }
.techStack h2 { line-height: 58px;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 32px; }

  .techStack p { font-size: 16px;
    font-weight: 400;
    margin-bottom: 55px;
    line-height: 26px;
    color: #7B7E86; }

    .techStack span { margin-top: 10px; display: block; color: #7B7E86; }

    .techStack .nav-tabs .nav-item { margin: 0 5px 10px 5px; }
    .techStack .nav-tabs .nav-link {
      margin-bottom: 0;
      background: #105af2;
      border: 0;
      color: #fff;
      padding: 15px 20px;
      border-radius: 100px;
      border-top-left-radius: 100px;
      border-top-right-radius: 100px;
    }

    .techStack .tab-content { padding-top: 30px; }

    .techBox { padding: 40px 40px 25px;
      -webkit-transition: .4s;
      -moz-transition: .4s;
      -ms-transition: .4s;
      -o-transition: .4s;
      transition: .4s;
      width: 160px;
      margin: 0 15px 30px 15px;
      border: 1px solid #E3E8F4;
      border-radius: 15px;
      background: #fff; }

    .techBox img { transform: scale(1); transition: .4s; }

    .techBox:hover { box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09); }
    .techBox:hover img { transform: scale(1.2); transition: .4s; }


    .servicesDetail { padding-top: 70px; }

    .btnShell { display: flex; align-items: center; justify-content: start; }
    .playShell, .aweShell { padding-left: 20px; }

    .whyWork { padding-top: 50px; padding-bottom: 100px; }
    .whyWork h2 { line-height: 58px;
      font-size: 48px;
      font-weight: 500;
      margin-bottom: 32px; }

    .whyWork p { font-size: 16px;
      font-weight: 400;
      margin-bottom: 30px;
      line-height: 26px;
      color: #7B7E86; }

    .whyRgt { text-align: right; }

    .discoverPopUp .modal-dialog { max-width: 1013px; }
    .discoverPopUp .modal-content { border-radius: 0; }

    .discoverLft { width: 56%; }
    .discoverLft img { width: 100%; }
    .discoverRgt { width: 44%; }

    .discoverTxt { top: 50px; left: 12%; }
    .discoverLft h2 { font-size: 48px; color: #000; font-weight: 600; margin-bottom: 30px; }
    .discoverLft h2 span { color: #0E59F2; }
    .discoverLft p { font-size: 16px; font-weight: bold; color: #000; line-height: 20px; }

    .discoverRgt h3 { font-size: 30px; font-weight: 500; padding-bottom: 20px; }
    .discoverRgt p { color: #7B7E86; font-size: 16px; }
    .discoverRgt > div { padding-top: 32px; padding-left: 35px; }
    .discoverRgt input, textarea { border-radius: 5px; width: 100%; border: 0; padding: 20px; color: #e6e6e6; }

    .fieldLft { width: 50%; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
    .fieldRgt { width: 50%; border-top: 1px solid #e6e6e6; }
    .fieldCenter { border-top: 1px solid #e6e6e6; }

    .discoverRgt input:focus, .discoverRgt textarea:focus { outline: none; }

    .discoverRgt textarea { height: 212px; resize: none; }

    :focus { outline: none; }

    .sumField { width: 110px !important;
      text-align: center;
      border: 2px solid #e6e6e6 !important;
      margin-left: 15px;
      border-radius: 5px;
      height: 44px !important; }

    .discoverRgt button { position: relative;
      display: block;
      color: #fff;
      cursor: pointer;
      background: #0092ff;
      padding: 17px 60px; border: 0;
      border-radius: 5px; font-weight: 600;
      white-space: nowrap; }

    .popLft { width: 45%; border-right: 2px solid #e6e6e6; }
    .popLft p { font-size: 22px; line-height: 30px; }
    .popRgt { width: 48%; }
    .popRgt img { width: 120px; }

    .careerCat button[type="submit"] { right: 18px; top: 15px; border: 0; background: none; }
    .careerCat button[type="submit"] i { color: #ccc; font-size: 25px; }
    .careerCat input[type="text"] { padding: 20px; color: #ccc; width: 100%; box-shadow: 0px 9px 75px rgba(8, 20, 44, 0.09); border: 0; }

    .careerCat h3 { font-size: 30px; 
      font-weight: 500;
      margin-bottom: 20px; }

    .careerCat p { font-size: 16px;
      font-weight: 400;
      margin-bottom: 20px;
      line-height: 22px;
      color: #7B7E86; }

    .careerCat h4 { font-size: 30px; 
      font-weight: 500;
      margin-bottom: 20px; }

    .accordion-body input[type="checkbox"] { margin-right: 10px; }

    .flower { padding: 30px 20px; position: relative; border-bottom: 1px solid #e6e6e6; }
    .flower i { display: none; }
    .flower:hover i { display: block; position: absolute; top: 30px; right: 0px; }

    .filterDiv h6 { font-size: 30px;
      font-weight: 500;
      margin-bottom: 20px; }


.reviewDiv { padding: 100px 0; }



.reviewInfo { padding: 40px; min-height: 190px; }

.reviewInfo p { color: #7B7E86; line-height: 26px; }
.reviewInfo p span { color: #000; text-decoration: underline; }

.reviewDetail { background: #fff; border-radius: 10px; text-align: left;
  border-style: solid; margin-bottom: 20px;
  border-width: 1px 1px 1px 1px;
  border-color: #E3E8F4; }
.reviewDetail img { border-radius: 100px; }

.reviewCred { padding: 30px 40px;
background: #EFF1F5;
display: flex; border-bottom-right-radius: 10px;
align-items: center; border-bottom-left-radius: 10px; }

.reviewProfile h5 { font-weight: 500; margin-bottom: 10px; font-size: 24px; }

.reviewProfile span { color: #105af2; }


/* responsive CSS */
@media screen and (min-width: 0) and (max-width: 1250px) {

  .banner { padding: 80px 20px 80px; }

  .successDiv {
    padding: 0 20px;
  }

  .welcome1 {
    z-index: 99;
    position: relative;
    width: 100%;
  }

  .welcome2 {
    z-index: 1000;
    position: absolute;
    left: -34px;
    bottom: -45px;
    border-radius: 30px;
    border: 5px solid #fff;
    width: 60%;
  }

  .successShell { padding-top: 37px; }

  .successLft { padding: 0 100px; margin-bottom: 50px; }
  .ourServices { padding: 300px 20px 0; }

  .clientTest { padding: 50px 20px; }

  .awesomeIT { padding: 100px 20px; }

  .awesomeIT img { width: 100%; }

  .quickProject .owl-nav { right: 0; }

  .startWork { padding: 0 20px; }

  .startWork h2 { margin-bottom: 23px; }

  .newPosts { padding: 0 20px; }

  .brandWork { padding: 0 20px 100px; }

  .topFoot { padding: 0px 20px 50px; }
  .bottomFoot { padding: 0px 20px 0px;  }

  .bottomHead {
    padding: 15px 20px 30px;
  }

  .successDiv { margin-top: 0px; }

  .callDiv { display: none!important; }

  .peopleTalk .peopleImg { display: none; }


  .discoverPopUp .modal-dialog {
    max-width: 1013px;
    padding: 0 20px;
  }


}


@media screen and (min-width: 0) and (max-width: 991px) {

.bannerLft { padding: 0 100px; margin-bottom: 30px; }
.playShell { font-size: 0; }

.servInn { width: 48.5%; }

.welcome1 {
  width: 58%;
}

.welcome2 {
  width: 36%; left: 15%;
}

.consultDiv h4 { text-align: center; }
.consultDiv h2 { text-align: center; }

.consultLft { margin-bottom: 30px; }
.consultRgt { text-align: center; }

.aweLft { padding: 0 100px; margin-bottom: 50px; }

.aweRgt { text-align: center; }
.aweRgt img { width: auto; }

.teamInn {
  width: 340px; margin-bottom: 20px;
  position: relative;
}

.quickProject h2 { margin-bottom: 105px; }
.quickProject .owl-nav {
  right: 0;
  left: 0;
  top: -94px;
}

.startWork { padding: 50px 20px 0; background-size: cover; height: auto; }
.startLft { padding: 0 100px; }

.startImg { bottom: 0; }

.custService { bottom: 0; }

.startRgt { text-align: center; }

.postShell {
  width: 522px;
  margin: 0 auto 30px;
}

.postShell img { height: 100%; }


.postShed {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0;
  background: #fff;
  width: 100%;
  height: 25px;
}


footer { background-size: cover; }

.topFoot .footlinks:first-child, .topFoot .footlinks:nth-child(2) { padding-bottom: 30px; }

.bottomFoot .col-lg-4 .bottomDet { padding: 50px 0; border-right: 0; }

.bottomFoot .col-lg-4:nth-child(2) .bottomDet { padding-left: 0px; }
.bottomFoot .col-lg-4:last-child .bottomDet { border-right: 0; padding-left: 0px; padding-top: 0; }

.topLft { text-align: center; margin-bottom: 20px; }
.topRgt { text-align: center; }

.digiBlog { padding-right: 10px; }

.navDiv .mainMenu { display: none!important; }

.mobileMenu { display: block; }
.mobileNav { display: block; }

.qualLft { text-align: center; padding-bottom: 30px; }
.qualRgt { padding: 0 100px; margin: 0 auto; max-width: 816px; }

.worldTech { margin-bottom: 0; }

.counterDiv { padding: 0 20px; }
.countchange { padding-bottom: 30px; }

.featRgt { padding-top: 30px; }

.contactDetail { border-right: 0; margin-bottom: 20px; }
.contactInn { padding: 65px 70px 34px; }
.formField { padding-top: 30px; }

.discoverLft { display: none; }
.discoverRgt {
  width: 100%;
}

.popLft {
  width: 100%;
  border-right: 0;
  text-align: center;
}

.popLft p br { display: none; }

.popRgt { width: 100%; }
.popRgt ul { justify-content: center; }
.popRgt img { width: 80%; }

.reviewMid { max-width: 650px; margin: 0 auto; }


}

@media screen and (min-width: 0) and (max-width: 767px) {

  .bottomFoot .col-lg-4:first-child .bottomDet { padding-left: 0; padding-bottom: 0; }
  .bottomFoot .col-lg-4 .bottomDet { min-height: 0; }

  .socioIcons { padding-bottom: 30px; }

  .aweRgt img { width: 100%; }

  .solShell { max-width: 500px; margin: 0 auto 30px; }
  .solShell img { height: 100%; }

  .contactInn { padding: 65px 10% 34px; margin: 0 auto; }

  .servInn {
    width: 450px; margin: 0 auto 20px; min-height: 100%;
  }

  .fieldLft { width: 100%; border-top: 1px solid #e6e6e6; border-right: 0; }
  .fieldRgt { width: 100%; border-top: 1px solid #e6e6e6; }
  

}


@media screen and (min-width: 0) and (max-width: 575px) {

  .teamInn {
    margin: 0 auto 20px;
  }

  .qualLft img { width: 100%; }
  .qualRgt { padding: 0; margin: 0 auto; max-width: 100%; }

  .banner {
    padding: 80px 20px 80px;
  }

  .bannerLft {
    padding: 0 0px;
  }

  .bannerRgt::before { width: 100%; height: 100%; }
  .bannerRgt img { width: 100%; }

  .ourServices {
    padding: 300px 20px 0;
  }

  .successDiv {
    padding: 0 20px;
  }

  .successLft {
    padding: 0 20px;
  }

  .consultDiv {
    background-position: 0;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .consultDiv h2 {
    line-height: 47px;
  }

  .aweLft {
    padding: 0 20px;
  }

  .clientTest {
    background-size: cover;
  }

  .startLft {
    padding: 0 20px;
  }

  .startImg {
    width: 100%;
  }

  .btnShell { display: block; }
  .playShell, .aweShell { padding-left: 0; padding-top: 20px; width: 100%; }

  .innHead h1 {
    font-size: 40px;
    line-height: 40px;
  }

  .formInn { padding: 80px 40px; }
  .contactInn {
    padding: 65px 4% 34px;
  }

}

.bdRadius{
  border-radius: 50px !important;
}