/* Fonts */

/* @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap'); */

/* @import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap");

@font-face {
  font-family: "glancyrmedium";
  src: url("../webfonts/glancyr-medium-webfont.woff2") format("woff2"),
    url("../webfonts/glancyr-medium-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "glancyrbold";
  src: url("../webfonts/glancyr-bold-webfont.woff2") format("woff2"),
    url("../webfonts/glancyr-bold-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "glancyrregular";
  src: url("../webfonts/glancyr-regular-webfont.woff2") format("woff2"),
    url("../webfonts/glancyr-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "glancyrextra_light";
  src: url("../webfonts/glancyr-extralight-webfont.woff2") format("woff2"),
    url("../webfonts/glancyr-extralight-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "glancyrthin";
  src: url("../webfonts/glancyr-thin-webfont.woff2") format("woff2"),
    url("../webfonts/glancyr-thin-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
} */

@import url("https://fonts.googleapis.com/css2?family=Encode+Sans:wght@100..900&family=Red+Hat+Display:ital,wght@0,300..900;1,300..900&display=swap");

html,
body,
div,
span,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
q,
em,
img,
small,
strong,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend {
  border: 0;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  background: #020b24;
  line-height: 1;
  overflow-x: hidden;
  position: relative;
}

ol,
ul {
  list-style: none;
}

:focus {
  outline: 0;
}

input,
textarea {
  margin: 0;
  outline: 0;
}

textarea {
  overflow: auto;
  resize: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* End Reset */
/* html5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

/* Default Font Styles
______________________*/
body,
input,
select,
textarea {
  font-family: "Red Hat Display", sans-serif;
  font-weight: 400;
  color: #606060;
  line-height: 1.3;
}

.container {
  max-width: 1180px;
}

/* Headings
______________________*/
h1 {
  font-family: "Encode Sans", sans-serif;
  font-size: 64px;
  color: #fff;
  margin-bottom: 15px;
}

h1 span {
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: -1px;
}

.default-btn {
  border: 1px solid;
  border-radius: 8px;
  text-align: center;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  color: #0b1b33;
  padding: 13px 30px 11px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  font-weight: 700;
}

.btn-style702 {
  position: relative;
  border-color: transparent;
  color: #0b1b33;
}

.btn-style702::before,
.btn-style702::after {
  height: 100%;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  content: "";
}

.btn-style702::before {
  width: 100%;
  left: 0;
  border-radius: 8px;
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  z-index: -1;
}

.btn-style702::after {
  width: 0;
  left: 50%;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  transform: translate(-50%, 0);
  z-index: 1;
}

.btn-style702:hover {
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.btn-style702:hover::before {
  transform: scale(0, 1);
}

.btn-style702:hover::after {
  width: 100%;
  border-color: #11c3ba;
  transition-delay: 0.2s;
}

/* Links
______________________*/
a {
  -webkit-transition: 0.1s ease-out 0.1s;
  -moz-transition: 0.1s ease-out 0.1s;
  transition: 0.1s ease-out 0.1s;
}

/* input , textarea , button
______________________*/
input,
textarea,
select {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.075);
  transition:
    border-color 0.15s ease-in-out 0s,
    box-shadow 0.15s ease-in-out 0s;
  color: #000000;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/down-icon.png) no-repeat 96% center / 8px 4px !important;
  background-size: 100% auto;
  cursor: pointer;
  padding: 6px 30px 6px 10px;
  color: #888888;
}

input:focus,
select:focus {
  border-color: #66afe9;
  box-shadow:
    0 1px 1px rgba(0, 0, 0, 0.075) inset,
    0 0 8px rgba(102, 175, 233, 0.6);
}

.navbar-header {
  display: none;
}

.navbar-header .collapse-button {
  background: none;
  border: none;
  height: auto;
  transition: all 450ms ease-out 0s;
  width: auto;
  vertical-align: top;
  padding: 0;
  border-radius: 0;
  cursor: pointer;
}

.navbar-header .collapse-button span {
  display: block;
  width: 30px;
  height: 4px;
  margin-bottom: 5px;
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  border-radius: 2px;
}

.navbar-header .collapse-button span:last-child {
  margin: 0;
}

.navbar-header em {
  display: inline-block;
  font-style: normal;
  margin: 3px 0 0 5px;
  vertical-align: middle;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
}

#header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  padding: 30px 0;
  z-index: 999;
}

#header .logo a {
  display: block;
  position: relative;
}

#header .logo span {
  display: inline-block;
  background: url(../images/mainlogo-icon.png) no-repeat;
  background-size: 100% auto;
  width: 40px;
  height: 40px;
  transition:
    transform 1s ease-in-out,
    margin 1s;
  margin: 0;
}

#header .logo em {
  display: inline-block;
  background: url(../images/logo-2.png) no-repeat;
  background-size: 100% auto;
  width: 110px;
  height: 40px;
  position: absolute;
  left: 0;
  opacity: 0;
  visibility: hidden;
  transition:
    transform 5s ease-in-out,
    margin 1s,
    opacity 0.1s;
  margin-left: -120px;
}

body.loaded #header .logo span {
  display: inline-block;
  background: url(../images/mainlogo-icon.png) no-repeat;
  background-size: 100% auto;
  width: 40px;
  height: 40px;
  margin: 0 0 0 52px;
  transform: rotate(180deg);
  transition:
    transform 1s ease-in-out,
    margin 1s;
}

body.loaded #header .logo em {
  display: inline-block;
  background: url(../images/logo-2.png) no-repeat;
  background-size: 100% auto;
  width: 110px;
  height: 40px;
  position: absolute;
  left: 0;
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}

#header .logo a:hover span {
  transform: rotate(180deg);
  margin-left: 50px;
}

#header .logo a:hover em {
  opacity: 1;
  visibility: visible;
  margin-left: 0;
}

#header li {
  display: inline-block;
  margin-right: 60px;
}

#header li a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  position: relative;
}

body[data-aos-duration="400"] [data-aos] {
  transition-duration: 0.9s;
}

#header li a::after {
  content: "";
  width: 0%;
  height: 2px;
  background: linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  position: absolute;
  left: 0;
  bottom: -7px;
  opacity: 0;
}

#header li a i {
  font-size: 12px;
  display: inline-block;
  margin-left: 4px;
}

#header li:last-child {
  margin: 0;
}

#header li a:hover,
#header li:hover a,
#header li a.active {
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#header li a:hover::after {
  content: "";
  width: 100%;
  opacity: 1;
}

#header .navigation .megamenu {
  opacity: 0;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  position: absolute;
  left: 0;
  top: 75px;
  width: 100%;
  visibility: hidden;
  padding-top: 50px;
  z-index: 999999;
}

#header .navigation .submenu {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    51deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(148, 199, 255, 1) 100%
  );
  border-radius: 10px;
  padding: 30px;
}

#header .navigation > li:hover .megamenu {
  opacity: 1;
  visibility: visible;
  z-index: 99999;
}

#header .menucontent .menuimg {
  margin: 0 30px;
}

#header .menucontent .content-menu h4 {
  font-size: 20px;
  color: #1a1fc3;
  margin-bottom: 20px;
  font-weight: 700;
}

#header .menucontent li {
  display: block;
  margin: 0 0 15px 0;
}

#header .menucontent li a {
  display: block;
  color: #19459c !important;
  text-decoration: none;
  font-size: 16px;
}

#header li:hover .megamenu a {
  background: none !important;
  color: #19459c !important;
  -webkit-text-fill-color: inherit !important;
}

#header .menucontent li a::after {
  display: none;
}

#header .menucontent li a:hover #header .menucontent li:hover a {
  background: none !important;
  border: none !important;
}

#header li:hover .megamenu a:hover {
  color: #0fd0a3 !important;
}

#main-banner {
  height: 100vh;
  background: url(../images/herosec-banner.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-position: right top;
}

#main-banner .maincontent-wrap .mainconent {
  position: relative;
  z-index: 9;
}

#main-banner .maincontent-wrap {
  padding-top: 275px;
  position: relative;
  min-height: 100vh;
}

#main-banner .maincontent-wrap p {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  padding-bottom: 35px;
}

.maincontentright {
  position: absolute;
  right: -25%;
  bottom: 0;
  width: 90%;
}

.maincontentright img {
  display: block;
  width: 100%;
  height: auto;
}

#secondsection-wrap {
  background: #0b1b33 url(../images/fifthsec-bg.png) no-repeat;
  background-size: cover;
  box-shadow: 0 0 28px 16px rgba(0, 0, 0, 0.17);
  position: relative;
  background-attachment: fixed;
}

#main-banner .newssection-wrap .secondleft-content {
  padding: 120px 30px;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  height: 95%;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.secondleft-content span {
  display: block;
  color: #08e970;
  font-size: 12px;
  margin-bottom: 35px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#main-banner .newssection-wrap .secondleft-content span {
  font-size: 11px;
}

.secondleft-content span::before {
  content: "";
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.secondleft-content h2 {
  font-size: 32px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 30px;
  color: #fff;
}

#main-banner .newssection-wrap .secondleft-content h2 {
  font-size: 40px;
  margin-bottom: 15px;
}

.secondleft-content p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 28px;
}

#main-banner .newssection-wrap .secondleft-content p {
  font-size: 18px;
  line-height: 30px;
}

.secondright-content .annoucments-box {
  padding: 25px;
  margin-bottom: 20px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
}

.secondright-content .annouc-imgwrap {
  border-radius: 10px 0 10px 0;
  overflow: hidden;
}

.secondright-content .annouc-imgwrap img {
  display: block;
  width: 100%;
  height: auto;
  transition: 0.3s all;
}

.annoucments-box:hover .annouc-imgwrap img {
  transform: scale(1.2);
  opacity: 0.9;
}

.secondright-content .topinfo {
  margin-bottom: 15px;
  align-items: center;
}

.secondright-content .topinfo span {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 500;
}

.secondright-content .topinfo span i {
  display: inline-block;
  background: url(../images/newspaper-w.png) no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  vertical-align: middle;
  margin-right: 5px;
}

.secondright-content .topinfo em {
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
  font-style: normal;
  font-weight: 500;
}

.annoucments-box p {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  line-height: 22px;
}

#impacthome-section,
#impactinner-section {
  padding: 70px 0;
}

#impacthome-section > .container,
#impactinner-section > .container {
  position: relative;
}

#impacthome-section .impactimg-wrapper,
#impactinner-section .impactimg-wrapper {
  position: relative;
  margin: 0;
  border-radius: 20px;
  padding: 3px;
}

#impacthome-section .impactimg-wrapper::before,
#impactinner-section .impactimg-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  background: linear-gradient(
    190deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
}

#impacthome-section .impactimg-wrapper img,
#impactinner-section .impactimg-wrapper img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  border-radius: 20px;
}

.mainimpact-content {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 40px;
  box-shadow: 0 4px 12px 8px rgba(0, 0, 0, 0.06);
  width: 600px;
  position: absolute;
  left: 20px;
  top: 50%;
  transform: translate(0, -50%);
  min-height: 375px;
}

.mainimpact-content::before {
  content: "";
  background: rgb(25, 69, 156);
  background: linear-gradient(
    90deg,
    rgba(25, 69, 156, 0) 0%,
    rgba(25, 69, 156, 0) 40%,
    rgb(61 80 118) 110%
  );
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  border-radius: 0 10px 10px 0;
}

.mainimpact-content::after {
  content: "";
  background: url(../images/annoucbg.png) no-repeat;
  background-size: 100% auto;
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.mainimpact-content > .homeimpactcontent > span,
#impactinner-section .mainimpact-content > span {
  display: block;
  color: #08e970;
  font-size: 12px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 15px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

.mainimpact-content > .homeimpactcontent > span::before,
#impactinner-section .mainimpact-content > span::before {
  content: "";
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.mainimpact-content h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  font-size: 30px;
  color: #fff;
  margin-bottom: 15px;
}

.mainimpact-content p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 22px;
}

.mainimpact-content a.default-btn {
  margin-top: 30px;
}

.mainimpact-content .impactbot-content {
  margin-right: 30px;
}

.mainimpact-content .impactbot-content:last-child {
  margin: 0;
}

.mainimpact-content .impactbot-content > em {
  display: inline-block;
  background: url(../images/inboxicon-big.png) no-repeat;
  background-size: 100% auto;
  width: 57px;
  height: 56px;
  margin-right: 15px;
}

.mainimpact-content .impactbot-content .imp-content {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

.mainimpact-content .impactbot-content .imp-content i {
  font-style: normal;
}

#impacthome-section .owl-carousel button.owl-dot,
#howwedosec .owl-carousel button.owl-dot,
#impactinner-section .owl-carousel .owl-dot {
  background: #fff;
  width: 15px;
  height: 15px;
  display: inline-block;
  margin: 0 3px;
  border-radius: 50%;
}

#impacthome-section .owl-carousel .owl-dots,
#howwedosec .owl-carousel .owl-dots,
#impactinner-section .owl-carousel .owl-dots {
  text-align: center;
  position: absolute;
  left: 40%;
  bottom: 60px;
}

#impacthome-section .owl-carousel .owl-dots {
  left: 40%;
}

#impactinner-section .owl-carousel .owl-dots {
  left: 5%;
}

#howwedosec .owl-carousel .owl-dots {
  left: auto;
  right: 0;
  bottom: -30px;
}

#impacthome-section .owl-carousel button.owl-dot.active,
#howwedosec .owl-carousel button.owl-dot.active,
#impactinner-section .owl-carousel .owl-dot.active {
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  opacity: 1;
}

#impactinner-section .owl-nav {
  position: absolute;
  left: 43%;
  bottom: 100px;
}

#impactinner-section .owl-nav button {
  font-size: 0;
  margin-right: 10px;
  opacity: 0.6;
}

#impactinner-section .owl-nav button:hover {
  opacity: 1;
}

#impactinner-section .owl-nav .owl-prev {
  background: url(../images/arrow-left.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#impactinner-section .owl-nav .owl-next {
  background: url(../images/arrow-right.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#valuedcustomer-sect {
  padding: 70px 0 50px;
}

#valuedcustomer-sect h2 {
  color: #fff;
  margin-bottom: 12px;
  text-align: center;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

#valuedcustomer-sect h2 span {
  font-weight: 500;
}

#valuedcustomer-sect p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 50px;
  text-align: center;
}

.vclogo-wrap {
  width: 20%;
  height: 150px;
}

#valuedcustomer-sect .vclogo-wrap,
#sliderlogos-sec .vclogo-wrap,
#whatwedotechpartnersec .vclogo-wrap {
  width: 10%;
  height: auto !important;
}

#valuedcustomer-sect .vclogo-wrap.lesswidth,
#sliderlogos-sec .vclogo-wrap.lesswidth,
#whatwedotechpartnersec .vclogo-wrap.lesswidth {
  width: 8%;
}

#valuedcustomer-sect .vc-logos {
  margin-bottom: 60px;
}

#sliderlogos-sec .vc-logos,
#whatwedotechpartnersec .vc-logos {
  margin-bottom: 40px;
}

#whatwedotechpartnersec .vc-logos:last-child {
  margin-bottom: 0;
}

#valuedcustomer-sect .vc-logos:last-child,
#sliderlogos-sec .vc-logos:last-child {
  margin-bottom: 0;
}

#sliderlogos-sec .item,
#whatwedotechpartnersec .item {
  display: flex;
  align-items: center;
  height: 175px;
}

.vclogo-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.vclogo-wrap.greyscale img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#valuedcustomer-sect .vclogo-wrap img,
#sliderlogos-sec .vclogo-wrap img,
#whatwedotechpartnersec .vclogo-wrap img {
  height: auto;
  object-fit: inherit;
}

#fifthsect {
  padding: 50px 0;
}

.gap-6 {
  gap: 6rem !important;
}

#fifthsect .secondleft-content p {
  padding-bottom: 20px;
}

#fifthsect .fifthsecright-content span {
  display: block;
  font-size: 50px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  text-align: left;
  margin-bottom: 10px;
}

#fifthsect .fifthsecright-content span i {
  font-style: normal;
}

#fifthsect .fifthsecright-content span em {
  font-style: normal;
  margin: 10px 0 0 -5px;
  font-size: 50px;
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#fifthsect .fifthsecright-content p {
  font-size: 13px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

.whowearesec {
  padding-bottom: 70x !important;
}

.whowearesec .secondleft-content span {
  margin-bottom: 20px;
}

.whowearesec .secondleft-content h2 {
  font-size: 35px;
  margin-bottom: 15px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

.whowearesec .secondleft-content h2 em {
  font-style: normal;
  font-weight: 500;
}

.whowearesec .fifthsecright-content {
  margin-left: 50px;
}

#whatwedo-sec {
  padding: 50px 0 100px;
}

#whatwedo-sec .container > span {
  display: block;
  color: #08e970;
  font-size: 12px;
  font-family: "glancyrregular";
  margin-bottom: 15px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#whatwedo-sec .container > span::before {
  content: "";
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#whatwedo-sec .container > h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  font-size: 35px;
  color: #fff;
  margin-bottom: 50px;
  line-height: 45px;
}

#whatwedo-sec .container > h2 em {
  font-weight: 500;
  font-style: normal;
}

#whatwedo-sec .servcies-box {
  background: #fff;
  border: 1px solid #f6f6f6;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 20px 70px 20px;
  border-radius: 10px;
  position: relative;
  transition: 0.5s all;
  min-height: 450px;
  height: 100%;
}

#whatwedo-sec .servcies-box em {
  display: block;
  width: 50px;
  height: 50px;
  margin-bottom: 30px;
  position: relative;
}

#whatwedo-sec .servcies-box em::before {
  content: "";
  background: url(../images/lborbit02.png) no-repeat;
  background-size: 100% auto;
  display: block;
  width: 75px;
  height: 75px;
  position: absolute;
  left: 0;
  top: -15px;
  animation: orbit 30s infinite;
}

#whatwedo-sec .servcies-box em img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto 0 15px;
}

#whatwedo-sec .servcies-box h3 {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 40px;
  color: #111;
  min-height: 80px;
}

#whatwedo-sec .servcies-box p {
  font-size: 18px;
  color: #111;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 50px;
}

#whatwedo-sec .servcies-box .rm-btn {
  font-size: 15px;
  color: #000;
  font-weight: 400;
  text-decoration: none;
  position: absolute;
  left: 20px;
  bottom: 20px;
}

#whatwedo-sec .servcies-box .rm-btn::after {
  content: "";
  background: #0b1b33;
  height: 2px;
  width: 42px;
  display: block;
  margin-top: 10px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

#whatwedo-sec .servcies-box:hover .rm-btn::after {
  content: "";
  width: 100%;
  background: #8dc73f;
}

#whatwedo-sec .servcies-box:hover .rm-btn {
  color: #8dc73f;
}

#whatwedo-sec .servcies-box:hover {
  box-shadow: 0 4px 12px 8px rgba(3, 5, 0, 0.07);
  background: #f2f2f2;
}

#sliderlogos-sec {
  padding: 60px 0 20px;
  background: rgba(255, 255, 255, 0.17);
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.17);
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

#sliderlogos-sec .container,
#whatwedotechpartnersec .container {
  position: relative;
  z-index: 9;
}

#sliderlogos-sec::after {
  content: "";
  background: url(../images/secbg-left.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 60%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.3;
}

#sliderlogos-sec::before {
  content: "";
  background: url(../images/secbg-right.png) no-repeat;
  background-size: 100% auto;
  background-position: right center;
  display: block;
  width: 60%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  opacity: 0.3;
}

#sliderlogos-sec h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  font-size: 35px;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
}

#sliderlogos-sec h2 span {
  font-weight: 500;
}

#sliderlogos-sec p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}

#inner-banner {
  height: 95vh;
  padding-top: 275px;
  position: relative;
}

#inner-banner.cybersecurity {
  background: url(../images/cs-banner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.howwedosection {
  background: url(../images/howwebanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.dataanalytics-bg {
  background: url(../images/cs-banner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.enterprise-bgcontent {
  background: url(../images/busapplibanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.carriegrade-bgcontent {
  background: url(../images/cargragebanner.png) no-repeat;
  background-size: 100% auto;
  background-position: right 60%;
}

#inner-banner.datacenter-bg {
  background: url(../images/datacenterbanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.grcbg-content {
  background: url(../images/grcbanner.png) no-repeat;
  background-size: 100% auto;
  background-position: right 60%;
}

#inner-banner.cyberrec-content {
  background: url(../images/cyberrecobanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.ddprotecbg-content {
  background: url(../images/ddsprotbanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.whoweare-content {
  background: url(../images/whowebanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner.impactsec-bg {
  background: url(../images/impactbanner.png) no-repeat;
  background-size: cover;
  background-position: right top;
}

#inner-banner .container {
  position: relative;
  height: 100%;
}

#inner-banner .sectop-img {
  position: absolute;
  right: 50px;
  top: 17%;
  width: 37%;
}

#inner-banner.howwedosection .sectop-img {
  position: absolute;
  right: -350px;
  top: -30px;
  width: 100%;
}

#inner-banner.howwedosection .sectop-img::after {
  content: "";
  background: url(../images/bgglow.png) no-repeat;
}

#inner-banner.datacenter-bg .sectop-img {
  position: absolute;
  right: -20%;
  top: 0;
  width: 80%;
}

#inner-banner.dataanalytics-bg .sectop-img {
  width: 65%;
  top: 10%;
  right: -40px;
}

#inner-banner.cybersecurity .sectop-img {
  width: 44%;
  bottom: 70px;
  right: 0;
  top: auto;
}

#inner-banner.grcbg-content .sectop-img {
  width: 85%;
  bottom: 122px;
  right: 0;
  top: auto;
}

#inner-banner.enterprise-bgcontent .sectop-img {
  width: 77%;
  right: -40px;
  top: 0;
}

#inner-banner.whoweare-content .sectop-img {
  width: 100%;
  right: -400px;
  top: 54%;
  transform: translate(0, -50%);
}

#inner-banner.impactsec-bg .sectop-img {
  width: 78%;
  right: -444px;
  top: auto;
  bottom: 0;
}

#inner-banner .sectop-img img {
  display: block;
  width: 100%;
  height: auto;
}

@keyframes loading {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

#inner-banner .innercontent-wrap h2 {
  font-size: 60px;
  color: #fff;
  margin-bottom: 10px;
  font-family: "Encode Sans", sans-serif;
}

#inner-banner .innercontent-wrap h2 span {
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#inner-banner .innercontent-wrap p {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  padding-bottom: 35px;
}

#whatwedo-secone {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    51deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(148, 199, 255, 1) 100%
  );
  padding: 60px 0 70px;
  position: relative;
  overflow: hidden;
}

#whatwedo-secone::before {
  content: "";
  background: url(../images/cswhitebg-artleft.png) no-repeat left center;
  background-size: 510px 594px;
  position: absolute;
  left: 0;
  top: 0;
  width: 510px;
  height: 594px;
}

#whatwedo-secone::after {
  content: "";
  background: url(../images/cswhitebg-artright.png) no-repeat right center;
  background-size: 510px 594px;
  position: absolute;
  right: 0;
  top: 0;
  width: 510px;
  height: 594px;
}

#whatwedo-secone span {
  display: block;
  color: #8dc73f;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#whatwedo-secone span::before {
  content: "";
  background: #8dc73f;
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#whatwedo-secone h2 {
  font-size: 35px;
  margin-bottom: 40px;
  color: #19459c;
  line-height: 55px;
  font-family: "Encode Sans", sans-serif;
}

#whatwedo-secone .servcies-box h3 {
  font-family: "Encode Sans", sans-serif;
  font-size: 28px;
  margin-bottom: 10px;
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#whatwedo-secone .servcies-box p {
  font-size: 14px;
  color: #19459c;
  font-weight: 400;
  padding: 0 35px 0 0;
}

#whatwedobenefits {
  padding: 80px 0 70px;
}

#whatwedobenefits > .container {
  position: relative;
}

#whatwedobenefits .benefits-img {
  position: sticky;
  left: 0;
  top: 30px;
}

#whatwedobenefits .benefits-img img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

/* #whatwedobenefits .beneftiscontent {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    padding: 50px 40px;
    box-shadow: 0 4px 12px 8px rgba(0, 0, 0, 0.06);
    position: relative;
}

#whatwedobenefits .beneftiscontent::before {
    content: "";
    background: rgb(25, 69, 156);
    background: linear-gradient(90deg, rgba(25, 69, 156, 0) 0%, rgba(25, 69, 156, 0) 40%, rgb(61 80 118) 110%);
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 10px 10px 0;
}

#whatwedobenefits .beneftiscontent::after {
    content: "";
    background: url(../images/annoucbg.png) no-repeat;
    background-size: 100% auto;
    width: 70%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
} */

#whatwedobenefits .beneftiscontent h2 {
  margin-bottom: 40px;
  color: #fff;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
}

#whatwedobenefits .beneftiscontent em {
  background: #8dc73f;
  width: 30px;
  height: 3px;
  border-radius: 5px;
  display: block;
  margin-bottom: 10px;
}

#whatwedobenefits .beneftiscontent h3 {
  font-size: 20px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 15px;
  color: #fff;
  line-height: 32px;
  position: relative;
  z-index: 99;
}

#whatwedobenefits .beneftiscontent ul li {
  color: #fff;
  margin-bottom: 20px;
}

#whatwedobenefits .beneftiscontent ul li:last-child {
  margin-bottom: 0;
}

#whatwedobenefits .beneftiscontent h4 {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: "Encode Sans", sans-serif;
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 25%,
    rgba(0, 177, 255, 1) 50%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#whatwedobenefits .beneftiscontent p {
  font-size: 16px;
  color: #fff;
  font-weight: 300;
  line-height: 24px;
}

#whatwedobenefits .beneftiscontent.otherpageservices li p {
  font-size: 16px;
  color: #fff;
}

#whatwedobenefits .beneftiscontent.otherpageservices > p {
  font-size: 16px;
  color: #fff;
  margin-bottom: 20px;
  position: relative;
  z-index: 99;
  line-height: 24px;
}

#whatwedoofferingssec {
  padding: 30px 0 80px 0;
}

#whatwedoofferingssec h2 {
  color: #fff;
  margin-bottom: 50px;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

#whatwedoofferingssec h2 span {
  font-weight: 400;
}

.howwedo-page #whatwedoofferingssec h2 {
  margin-bottom: 20px;
}

.howwedo-page #whatwedoofferingssec p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 100px 0;
}

.howwedo-page #whatwedo-secone h2 {
  margin-bottom: 60px;
}

.howwedo-page #whatwedoofferingssec .offeringtabs-content span {
  font-size: 35px;
}

#whatwedoofferingssec.howwedo-page {
  background: #fff;
}

#whatwedoofferingssec.howwedo-page .offeringtabs-content p {
  color: #0b1b33;
  text-align: left;
}

#whatwedoofferingssec.howwedo-page .offeringtabs-content ul li {
  color: #0b1b33;
}

#whatwedoofferingssec.howwedo-page h2 {
  color: #0b1b33;
  text-align: center;
  margin-bottom: 15px;
}

#whatwedoofferingssec.howwedo-page h2::after {
  display: none;
}

#whatwedoofferingssec.howwedo-page p {
  color: #0b1b33;
  font-size: 18px;
  font-weight: 400;
  line-height: 34px;
  padding: 0 0 50px 0;
  text-align: center;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox a {
  display: block;
  text-decoration: none;
  padding: 15px;
  background: none;
  border-bottom: 1px solid #1a2b45;
  border-radius: 0;
  border-top: 1px solid #1a2b45;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox {
  margin-bottom: 0;
  position: relative;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox span {
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox b {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  width: 40px;
  height: 40px;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox b img {
  display: block;
  width: 100%;
  height: auto;
}

#whatwedoofferingssec.howwedo-page .offeringtabs .tabbox a .plussign {
  top: 50%;
  transform: translate(0, -50%);
  color: #0b1b33;
}

#whatwedoofferingssec .offeringtabs .tabbox a {
  display: block;
  text-decoration: none;
  padding: 20px 20px 18px 20px;
  background: rgba(255, 255, 255, 0.17);
  border-radius: 15px;
  position: relative;
}

#whatwedoofferingssec .offeringtabs .tabbox a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 1.5px;
  background: linear-gradient(
    180deg,
    rgba(8, 233, 112, 1) 0%,
    rgb(0 48 122) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#whatwedoofferingssec .offeringtabs .tabbox a.active,
#whatwedoofferingssec .offeringtabs .tabbox a:hover {
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
}

#whatwedoofferingssec .offeringtabs {
  margin-right: 30px;
  position: sticky;
  left: 0;
  top: 0;
}

#whatwedoofferingssec .offeringtabs .tabbox {
  margin-bottom: 25px;
  position: relative;
}

#whatwedoofferingssec .offeringtabs .tabbox a .plussign {
  position: absolute;
  right: 20px;
  top: 50%;
  font-size: 16px;
  color: #fff;
  border: 1px solid #08e970;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  transform: translate(0, -50%);
}

#whatwedoofferingssec .offeringtabs .tabbox a.active .plussign {
  border: 1px solid #fff;
}

#whatwedoofferingssec .offeringtabs .tabbox span {
  font-size: 16px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 600;
  padding-bottom: 0;
  color: #fff;
  display: block;
  text-transform: capitalize;
}

#whatwedoofferingssec .offeringtabs .tabbox a.active span {
  color: #19459c;
}

#whatwedoofferingssec .offeringtabs .tabbox h4 {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  color: #fff;
  line-height: 30px;
  display: none;
}

#whatwedoofferingssec .offeringtabs-content {
  display: none;
}

#whatwedoofferingssec .offeringtabs-content span {
  padding-bottom: 20px;
  display: block;
  font-family: "Encode Sans", sans-serif;
  font-size: 30px;
  color: #fff;
}

#whatwedoofferingssec .offeringtabs-content p {
  font-size: 17px;
  color: #fff;
  font-weight: 500;
  line-height: 30px;
  padding-bottom: 15px;
}

#whatwedoofferingssec .offeringtabs-content ul {
  padding-left: 30px;
  padding-bottom: 0;
}

#whatwedoofferingssec .offeringtabs-content ul ul {
  padding-bottom: 0;
}

#whatwedoofferingssec .offeringtabs-content ul li {
  display: list-item;
  list-style-type: disc;
  color: #fff;
  margin-bottom: 15px;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  font-style: italic;
}

#whatwedoofferingssec .offeringtabs-content ul li h4,
#whatwedoofferingssec .offeringtabs-content > h4 {
  font-size: 18px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 10px;
  color: #fff;
}

#whatwedoofferingssec .offeringtabs-content ul li p {
  padding: 0;
  font-size: 18px;
  line-height: 28px;
}

#whatwedotechpartnersec {
  padding: 60px 0 20px;
  background: rgba(255, 255, 255, 0.17);
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.17);
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

#whatwedotechpartnersec::after {
  content: "";
  background: url(../images/secbg-left.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 650px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#whatwedotechpartnersec::before {
  content: "";
  background: url(../images/secbg-right.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 650px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

#whatwedotechpartnersec h2 {
  font-family: "Encode Sans", sans-serif;
  font-size: 35px;
  color: #fff;
  margin-bottom: 15px;
  text-align: center;
  font-weight: 200;
}

#whatwedotechpartnersec h2 span {
  font-weight: 500;
}

#whatwedotechpartnersec p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 20px;
  text-align: center;
}

#whoweare-firstsec {
  padding: 80px 0;
}

#whoweare-firstsec .value-content ul {
  display: flex;
  justify-content: center;
  gap: 50px;
}

#whoweare-firstsec .value-content li {
  text-align: center;
}

#whoweare-firstsec .value-content li i {
  display: block;
  margin: 0 auto 15px;
}

#whoweare-firstsec .value-content li i.inte-icon {
  background: url(../images/valicon1.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
}

#whoweare-firstsec .value-content li i.emp-icon {
  background: url(../images/valicon2.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
}

#whoweare-firstsec .value-content li i.temwo-icon {
  background: url(../images/valicon3.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
}

#whoweare-firstsec .value-content li i.own-icon {
  background: url(../images/valicon4.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
}

#whoweare-firstsec .value-content li i.accou-icon {
  background: url(../images/valicon5.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 100px;
}

#whoweare-firstsec .value-content li span {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  color: #fff;
  display: block;
}

#whoweare-firstsec .firstsec-bot h2 {
  margin-bottom: 40px;
}

#whoweare-firstsec .firstsec-bot h2 span {
  font-weight: 500;
}

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

.firstsec-top span {
  display: block;
  color: #8dc73f;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

.firstsec-top span::before {
  content: "";
  background: #8dc73f;
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

.firstsec-top h2 {
  margin-bottom: 40px;
  font-size: 40px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  color: #fff;
}

.firstsec-top h2 em {
  font-style: normal;
  font-weight: 500;
}

.firstsec-top p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 100px 0;
}

.firstsec-top .firstsec-box {
  background: rgba(255, 255, 255, 0.17);
  border-radius: 15px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
  padding: 30px 20px;
  min-height: 275px;
}

.firstsec-top .firstsec-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 2px;
  background: linear-gradient(
    190deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.firstsec-top .firstsec-box h4 {
  font-size: 30px;
  margin: 0 0 20px 0;
  color: #fff;
  text-transform: capitalize;
  font-family: "Encode Sans", sans-serif;
}

.firstsec-bot p {
  font-size: 18px;
  color: #111;
  font-weight: 400;
  line-height: 34px;
  padding: 30px 0 0 0;
}

.firstsec-top .firstsec-box p {
  padding: 0;
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
}

.firstsec-bot h2 {
  font-size: 40px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  margin-bottom: 120px;
  color: #fff;
}

.firstsec-bot h3 {
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin: 0 0 30px 100px;
  color: #000;
  position: relative;
  z-index: 1;
}

.firstsec-bot h3::after {
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/val1.png) no-repeat;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -85px;
  top: 50%;
  z-index: -1;
  background-size: 100% auto;
  transform: translate(0, -50%);
}

.firstsec-bot h3.secondval::after {
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/val2.png) no-repeat;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -85px;
  top: 50%;
  z-index: -1;
  background-size: 100% auto;
  transform: translate(0, -50%);
}

.firstsec-bot h3.thirdval::after {
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/val3.png) no-repeat;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -85px;
  top: 50%;
  z-index: -1;
  background-size: 100% auto;
  transform: translate(0, -50%);
}

.firstsec-bot h3.thirdval em {
  font-style: normal;
  color: #fff;
}

.firstsec-bot h3.forthval::after {
  content: "";
  width: 75px;
  height: 75px;
  background: url(../images/val4.png) no-repeat;
  display: block;
  border-radius: 50%;
  position: absolute;
  left: -85px;
  top: 50%;
  z-index: -1;
  background-size: 100% auto;
  transform: translate(0, -50%);
}

.whoweare-page #whowearethirdsec {
  padding: 60px 0 50px;
  background: rgba(255, 255, 255, 0.17);
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.17);
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
}

.whoweare-page #whowearethirdsec::before {
  content: "";
  background: url(../images/secbg-right.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 650px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.whoweare-page #whowearethirdsec::after {
  content: "";
  background: url(../images/secbg-left.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 650px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.whoweare-page #whowearethirdsec .container {
  position: relative;
  z-index: 999;
}

.whoweare-page #whowearethirdsec h2 {
  font-size: 40px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
}

#whowearethirdsec p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 24px;
  text-align: left;
}

#whowearethirdsec .container > p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 50px 0;
  text-align: center;
}

#whowearethirdsec span {
  display: block;
  font-size: 70px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 600;
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 25%,
    rgba(0, 177, 255, 1) 43%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  line-height: 1;
  text-align: left;
  margin-bottom: 15px;
}

#whowearethirdsec span i {
  font-style: normal;
}

#whowearethirdsec span em {
  font-style: normal;
  margin: 10px 0 0 -5px;
  font-size: 50px;
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

#whowearethirdsec .row p {
  padding: 0;
}

#teamsec-wrap {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    85deg,
    rgba(255, 255, 255, 1) 50%,
    rgba(148, 199, 255, 1) 100%
  );
  padding: 70px 0;
  position: relative;
}

#teamsec-wrap::after {
  content: "";
  background: url(../images/bgnew.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 500px;
  height: 500px;
  position: absolute;
  right: 0;
  bottom: 0;
}

#teamsec-wrap h2 {
  font-size: 40px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 600;
  margin-bottom: 20px;
  color: #19459c;
}

#teamsec-wrap p {
  font-size: 16px;
  color: #19459c;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 50px 0;
}

#teamsec-wrap .teambox {
  position: relative;
  z-index: 1;
}

#teamsec-wrap .teambox .teamimg img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 10px;
}

#teamsec-wrap .teambox .teamoverlay {
  background: #19459cc4;
  padding: 20px 15px;
  border-radius: 0 0 10px 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 9;
  width: 100%;
}

#teamsec-wrap .teambox .teamoverlay h3 {
  font-size: 16px;
  font-family: "Encode Sans", sans-serif;
  color: #fff;
}

#teamsec-wrap .teambox .teamoverlay span {
  font-size: 12px;
  color: #fff;
  font-weight: 300;
  opacity: 0;
  visibility: hidden;
  margin-top: 15px;
  transition: 0.5s all;
  position: absolute;
  line-height: 1;
}

#teamsec-wrap .teambox:hover .teamoverlay span {
  opacity: 1;
  visibility: visible;
  position: static;
}

#teamsec-wrap .teambox::before {
  content: "";
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  border-radius: 10px;
  position: absolute;
  left: -15px;
  top: -15px;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: 0.5s all;
  opacity: 0;
  visibility: hidden;
}

#teamsec-wrap .teambox:hover::before {
  opacity: 1;
  visibility: visible;
}

#teamsec-wrap .teambox:hover .teamimg img {
  filter: none;
}

#teamsec-wrap .boardmember-wrap {
  margin-bottom: 80px;
}

#teamsec-wrap .boardmember-wrap.teammember-wrap {
  margin: 0;
}

#ourpresence-sec {
  background: #000000;
  padding: 130px 0 100px;
}

#ourpresence-sec h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  font-size: 35px;
  color: #fff;
  margin-bottom: 20px;
}

#ourpresence-sec h2 span {
  font-weight: 500;
}

#ourpresence-sec p {
  font-size: 24px;
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  padding: 0 0 50px 0;
  text-align: center;
}

#ourpresence-sec .contact-box {
  padding: 20px 10px;
}

#ourpresence-sec .contact-box h3 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 600;
  font-size: 19px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #08e970;
}

#ourpresence-sec .contact-box li {
  display: block;
  margin-bottom: 5px;
}

#ourpresence-sec .contact-box li a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#ourpresence-sec .contact-box li a:hover {
  text-decoration: underline;
  color: #08e970;
}

#ourpresence-sec .contact-box a span {
  display: block;
  font-size: 16px;
  font-weight: 400;
}

#awardssection {
  padding: 70px 0 20px 0;
}

#awardssection h2 {
  font-size: 40px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  color: #fff;
  margin-bottom: 20px;
}

#awardssection h2 span {
  font-weight: 500;
}

#awardssection p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding-bottom: 60px;
}

#awardssection .awardsbox {
  background: rgba(255, 255, 255, 0.17);
  border-radius: 10px;
  padding: 20px 15px;
  min-height: 260px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

#awardssection .awardsbox::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 2px;
  background: linear-gradient(
    190deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#awardssection .awardsbox .awardimg {
  width: 70px;
  height: 70px;
  margin-bottom: 30px;
}

#awardssection .awardsbox .awardimg img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

#awardssection .awardsbox h3 {
  font-family: "Encode Sans", sans-serif;
  font-size: 22px;
  color: #fff;
}

#awardssection .awardsbox h4 {
  font-size: 13px;
  font-family: "glancyrregular";
  color: #08e970;
  position: absolute;
  left: 20px;
  top: 40px;
  padding-left: 45px;
}

#awardssection .awardsbox h4::before {
  content: "";
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#awardssection .item {
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
  margin: 0 15px 30px 15px;
  border-radius: 10px;
}

#awardssection .owl-nav button {
  font-size: 0 !important;
  margin-right: 10px;
  opacity: 0.6;
}

#awardssection .owl-nav button span {
  display: none;
}

#awardssection .owl-nav button:hover {
  opacity: 1;
}

#awardssection .owl-nav .owl-prev {
  background: url(../images/arrow-left-b.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#awardssection .owl-nav .owl-next {
  background: url(../images/arrow-right-b.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#awardssection .owl-nav span::before {
  display: none;
}

/* #awardssection .owl-nav {
    display: block;
    position: absolute;
    bottom: -30px;
    right: 0;
} */

#howwedosec {
  background: #fff;
  padding: 70px 0;
}

#howwedosec .seconeimg img {
  display: block;
  width: 100%;
  height: auto;
}

#howwedosec .howwedosecone-content {
  padding-left: 30px;
}

#howwedosec .howwedosecone-content > span {
  display: block;
  color: #8dc73f;
  font-size: 13px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#howwedosec .howwedosecone-content h2 {
  font-size: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  color: #0b1b33;
}

#howwedosec .howwedosecone-content > span::before {
  content: "";
  background: #8dc73f;
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#howwedosec .howwedosecone-content p {
  font-size: 18px;
  color: #000;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 15px 0;
}

#howwedosec .impactbot-content {
  margin-right: 30px;
  padding-top: 30px;
}

#howwedosec .impactbot-content:last-child {
  margin: 0;
}

#howwedosec .impactbot-content > em {
  display: inline-block;
  background: url(../images/inboxicon-big.png) no-repeat;
  background-size: 100% auto;
  width: 57px;
  height: 56px;
  margin-right: 15px;
}

#howwedosec .impactbot-content .imp-content {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 10px;
  color: #000;
}

#howwedosec .impactbot-content .imp-content i {
  font-style: normal;
}

#howwedosec .impactbot-content .imp-content p {
  font-size: 16px;
}

#howwedosectwo {
  padding: 70px 0 0 0;
  background: #0b1b33 url(../images/fifthsec-bg.png) no-repeat;
  background-size: cover;
  position: relative;
}

#howwedosectwo .container {
  position: relative;
  z-index: 9;
}

#howwedosectwo::after {
  content: "";
  background: #8dc73f;
  height: 50px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 20px;
}

#howwedosectwo h2 {
  font-size: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 80px;
  color: #fff;
  text-align: center;
}

#howwedosectwo .container > p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  padding: 0 0 100px 0;
  text-align: center;
}

#howwedosectwo .sectwocontent-box {
  background: #313b4b;
  background-size: 85% auto;
  border-radius: 0 15px 0 15px;
  padding: 20px;
  box-shadow: 0 7px 25px 0 rgba(0, 0, 0, 0.2);
  min-height: 270px;
}

#howwedosectwo .sectwocontent-box h3 {
  font-size: 22px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 0 40px 25px 0;
  color: #fff;
  line-height: 1.6;
}

#howwedosectwo .sectwocontent-box h3::after {
  content: "";
  background: #8dc73f;
  width: 80px;
  height: 3px;
  border-radius: 5px;
  display: block;
  margin-top: 10px;
}

.turnkeycontentwrap .row .col-sm-6 {
  position: relative;
}

.turnkeycontentwrap .row .col-sm-6::after {
  content: "";
  background: url(../images/turnkeyarrow-2.png) no-repeat;
  background-size: 100% auto;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  left: -175px;
  top: 45px;
}

.turnkeycontentwrap .row:nth-child(even) .col-sm-6::after {
  content: "";
  background: url(../images/turnkeyarrow-1.png) no-repeat;
  background-size: 100% auto;
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  left: auto;
  top: 35px;
  right: -140px;
}

.turnkeycontentwrap .row:last-child .col-sm-6::after {
  display: none;
}

.turnkeycontentwrap em.forthicon img {
  position: relative;
  top: -10px;
}

.turnkeycontentwrap em.fifthicon img {
  position: relative;
  top: -10px;
}

#howwedosectwo .sectwocontent-box p {
  font-size: 18px;
  color: #fff;
  font-weight: 300;
  line-height: 30px;
}

#howwedosectwo .howwedo-sectwocontent .row .col-sm-3:nth-child(2) {
  margin-top: -40px;
}

#turnkeysolsection {
  padding: 70px 0 40px;
  position: relative;
}

#turnkeysolsection .container > h2 {
  color: #fff;
  margin-bottom: 20px;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

.turnkeyimgwrap img {
  display: block;
  width: 100%;
  height: auto;
}

#turnkeysolsection .container > h2 span {
  font-weight: 500;
}

#turnkeysolsection .container > p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 40px 0;
}

#turnkeysolsection .turnkeycontentwrap h3 {
  font-size: 40px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  padding: 0 0 10px 0;
  color: #0b1b33;
  line-height: 1.4;
}

#turnkeysolsection .turnkeycontentwrap p {
  font-size: 22px;
  color: #000;
  font-weight: 400;
  line-height: 32px;
  padding: 0;
}

#turnkeysolsection .turnkeycontentwrap .row {
  margin-bottom: 40px;
}

#turnkeysolsection .turnkeycontentwrap .row:nth-child(even) h3 {
  color: #0b1b33;
}

#turnkeysolsection .turnkeycontentwrap .row:nth-child(even) {
  text-align: right;
}

#turnkeysolsection .turnkeycontentwrap .row:last-child {
  margin-bottom: 0;
}

#turnkeysolsection em {
  display: inline-block;
  width: 125px;
  height: 125px;
  margin: 0 30px 0 0;
  position: relative;
}

#turnkeysolsection em::before {
  content: "";
  background: url(../images/lborbit02.png) no-repeat;
  background-size: 100% auto;
  display: block;
  width: 150px;
  height: 150px;
  position: absolute;
  left: -3px;
  top: -26px;
  animation: orbit 30s infinite;
}

#turnkeysolsection .row:nth-child(2) em::before {
  left: -3px;
  top: -24px;
}

#turnkeysolsection em img {
  display: block;
  width: 90%;
  height: auto;
  margin: 0 auto 0 15px;
}

.turnkeycontent {
  display: block;
  width: 100%;
}

#managedserv-section {
  padding: 70px 0 50px;
}

#managedserv-section h2 {
  margin-bottom: 15px;
  color: #fff;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

#managedserv-section h2 span {
  font-weight: 500;
}

#managedserv-section p {
  font-size: 20px;
  color: #fff;
  font-weight: 400;
  line-height: 32px;
  padding: 0 0 70px 0;
}

#managedserv-section .managedtopsec {
  padding-right: 100px;
}

#managedserv-section .managedtopsec p {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  padding-bottom: 0;
  text-align: left;
}

#managedserv-section .managedtopsec p span {
  font-size: 40px;
  font-family: "glancyrregular";
  margin-bottom: 10px;
  color: #fff;
  display: block;
}

.managedtopsec em {
  background: #8dc73f;
  width: 40px;
  height: 5px;
  border-radius: 5px;
  display: block;
  margin-bottom: 30px;
}

#managedserv-section h3 {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 40px;
  color: #fff;
}

#managedserv-section .supportcontent {
  padding-bottom: 30px;
}

#managedserv-section .supportcontent .supporticon {
  width: 75px;
  height: 75px;
  margin-bottom: 10px;
}

#managedserv-section .supportcontent .supporticon img {
  display: block;
  width: 100%;
  height: auto;
}

#managedserv-section .supportcontent h5 {
  font-size: 26px;
  color: #fff;
  font-weight: 300;
  line-height: 32px;
  margin: 20px 0;
}

.managedserv-slider {
  margin-bottom: 50px;
  padding-top: 24px;
}

.managedserv-slider p {
  text-align: left !important;
}

#managedserv-section .managedserv-box {
  background: rgba(255, 255, 255, 0.17);
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07);
  min-height: 320px;
}

#managedserv-section .managedserv-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 2px;
  background: linear-gradient(
    190deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#managedserv-section .managedserv-box .managedserv-logo {
  width: 75px;
  margin: 0;
  height: 75px;
}

#managedserv-section .managedsrv-content {
  padding: 20px 0;
  border-radius: 0 0 20px;
}

#managedserv-section .managedsrv-content p {
  padding: 0;
}

#managedserv-section .managedserv-box .managedserv-logo img {
  display: block;
  width: 100%;
  height: auto;
}

#managedserv-section .managedserv-box h4 {
  font-size: 25px;
  font-family: "Encode Sans", sans-serif;
  margin-bottom: 10px;
  color: #fff;
}

#managedserv-section .managedserv-box p {
  font-size: 14px;
  color: #fff;
  font-weight: 300;
  line-height: 23px;
}

#managedserv-section .owl-nav button {
  font-size: 0 !important;
  margin-right: 10px;
  opacity: 0.6;
}

#managedserv-section .owl-nav button span {
  display: none;
}

#managedserv-section .owl-nav button:hover {
  opacity: 1;
}

#managedserv-section .owl-nav .owl-prev {
  background: url(../images/arrow-left.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#managedserv-section .owl-nav .owl-next {
  background: url(../images/arrow-right.png) no-repeat;
  background-size: 100% auto;
  width: 36px;
  height: 36px;
}

#managedserv-section .owl-nav span::before {
  display: none;
}

#managedserv-section .owl-nav {
  display: block;
  position: absolute;
  top: -50px;
  right: 0;
}

#humancap-section {
  background: #000;
  padding: 70px 0;
}

#humancap-section .container > h2 {
  font-size: 50px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
}

#humancap-section .container > p {
  font-size: 22px;
  color: #fff;
  font-weight: 400;
  line-height: 34px;
  padding: 0 0 50px 0;
  text-align: center;
}

#humancap-section .humancap-img {
  border-radius: 10px;
  overflow: hidden;
  margin-right: 20px;
}

#humancap-section .humancap-img img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

#humancap-section h4 {
  font-size: 20px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  padding-bottom: 15px;
  color: #fff;
}

#humancap-section p {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  line-height: 30px;
  padding: 0;
}

#humancap-section .humanicon {
  width: 75px;
  height: 75px;
  margin-bottom: 20px;
}

#humancap-section .humanicon img {
  display: block;
  width: 100%;
  height: auto;
}

.contactuspage {
  padding: 50px 0 !important;
  text-align: center;
}

.contactuspage h2::after {
  content: "";
  background: #8dc73f;
  width: 95px;
  height: 5px;
  border-radius: 5px;
  display: block;
  margin: 15px auto 0;
}

.contactuspage p {
  padding: 0;
}

.contactuspage .appsolutions-content {
  padding: 30px 0 0 0;
}

.contactuspage .appsolutions-content i {
  font-size: 30px;
  margin-bottom: 25px;
}

.contactuspage .appsolutions-content h3 {
  color: #111517;
  font-size: 20px;
  margin: 0 0 18px 0;
  font-weight: bold;
}

.contactuspage .appsolutions-content p {
  font-size: 17px;
  color: #303030;
  margin: 0 0 10px 0;
  line-height: 28px;
}

.contactuspage .appsolutions-content a {
  color: #8dc73f;
  text-align: center;
}

.contactuspage .firstsec-top {
  padding-bottom: 0;
}

.contactuspage .firstsec-top h2 {
  text-align: left;
  margin: 0;
}

.contactuspage .firstsec-top h2::after {
  content: "";
  background: #8dc73f;
  width: 95px;
  height: 5px;
  border-radius: 5px;
  display: block;
  margin: 10px 0 15px 0;
}

.contactuspage .firstsec-top p {
  text-align: left;
  font-size: 18px;
}

.contactuspage .appsolutions-content {
  text-align: left;
}

.contactuspage input,
.contactuspage textarea {
  display: block;
  width: 100%;
  border: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 20px 10px;
  color: #333;
  font-size: 16px;
  background: none;
  border-bottom: 1px solid #ccc;
}

.contactuspage .default-btn {
  box-shadow: none;
  margin-top: 40px;
}

#footer {
  background: rgb(255, 255, 255);
  background: linear-gradient(
    51deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(148, 199, 255, 1) 100%
  );
  padding: 50px 0 30px;
  position: relative;
  z-index: 9;
}

#footer .footerlogo {
  margin-bottom: 20px;
}

#footer .footerlogo a {
  display: block;
  background: url(../images/inboxfooter-logo.png) no-repeat;
  background-size: 100% auto;
  width: 114px;
  height: 50px;
}

#footer p {
  font-size: 14px;
  color: #19459c;
  font-weight: 400;
  line-height: 22px;
  padding-bottom: 0;
}

#footer h3 {
  font-family: "Encode Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  padding-bottom: 20px;
  color: #19459c;
}

#footer h3::after {
  content: "";
  background: #19459c;
  width: 80px;
  height: 2px;
  border-radius: 5px;
  display: block;
  margin-top: 5px;
}

#footer .phone-detail i {
  display: inline-block;
  margin: 0 15px 0 0;
  font-size: 30px;
  color: #fff;
  vertical-align: middle;
}

#footer .phonecontent {
  display: inline-block;
  vertical-align: middle;
}

#footer .phonecontent h4 {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  padding-bottom: 7px;
}

#footer .phonecontent a {
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  padding-bottom: 0;
  color: #8dc73f;
  text-decoration: none;
}

#footer .phonecontent a:hover {
  text-decoration: underline;
  color: #fff;
}

#footer .footer-bottom {
  border-top: 1px solid #19459c;
  text-align: center;
  margin-top: 30px;
  padding: 20px 0 0 0;
}

#footer .footer-bottom p {
  font-size: 13px;
  color: #19459c;
  font-weight: 400;
  line-height: inherit;
  padding-bottom: 0;
}

#footer .footer-bottom p strong {
  color: #0a1460;
}

#footer li {
  display: block;
  margin-bottom: 6px;
}

#footer li a {
  text-decoration: none;
  font-size: 14px;
  color: #19459c;
  font-weight: 400;
}

#footer li a:hover,
#footer li a.active {
  color: #8dc73f;
  text-decoration: underline;
}

#footer .social li {
  display: inline-block;
  margin: 0 10px 0 0;
}

#footer .social li a {
  display: inline-block;
  font-size: 18px;
  color: #fff;
}

#footer .social li a:hover {
  color: #8dc73f;
}

#footer ul.social {
  margin: 0 0 0 -15px;
  padding: 0;
  display: flex;
}

#footer ul.social li a {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  text-align: center;
  text-decoration: none;
  color: #19459c;
  margin: 0;
  transition: 0.5s;
}

#footer ul.social li a span {
  position: absolute;
  transition: transform 0.5s;
  opacity: 0;
}

#footer ul.social li a span:nth-child(1),
#footer ul.social li a span:nth-child(3) {
  width: 100%;
  height: 2px;
  background: #fff;
}

#footer ul.social li a span:nth-child(1) {
  top: 0;
  left: 0;
  transform-origin: right;
}

#footer ul.social li a:hover span:nth-child(1) {
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s;
  opacity: 1;
}

#footer ul.social li a span:nth-child(3) {
  bottom: 0;
  left: 0;
  transform-origin: left;
}

#footer ul.social li a:hover span:nth-child(3) {
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.5s;
  opacity: 1;
}

#footer ul.social li a span:nth-child(2),
#footer ul.social li a span:nth-child(4) {
  width: 3px;
  height: 100%;
  background: #404040;
}

#footer ul.social li a span:nth-child(2) {
  top: 0;
  left: 0;
  transform: scale(0);
  transform-origin: bottom;
}

#footer ul.social li a:hover span:nth-child(2) {
  transform: scale(1);
  transform-origin: top;
  transition: transform 0.5s;
  opacity: 1;
}

#footer ul.social li a span:nth-child(4) {
  top: 0;
  right: 0;
  transform: scale(0);
  transform-origin: top;
}

#footer ul.social li a:hover span:nth-child(4) {
  transform: scale(1);
  transform-origin: bottom;
  transition: transform 0.5s;
  opacity: 1;
}

#footer ul.social .facebook:hover {
  color: #3b5998;
}

#footer ul.social .facebook:hover span {
  background: #3b5998;
}

#footer ul.social .twitter:hover {
  color: #1da1f2;
}

#footer ul.social .twitter:hover span {
  background: #1da1f2;
}

#footer ul.social .instagram:hover {
  color: #c32aa3;
}

#footer ul.social .instagram:hover span {
  background: #c32aa3;
}

#footer ul.social li a .twitter {
  color: #1da1f2;
}

#footer ul.social li a:hover:nth-child(3) {
  color: #c32aa3;
}

#footer ul.social li a:hover:nth-child(4) {
  color: #dd4b39;
}

.owl-carousel .owl-dots.disabled {
  display: block;
}

#ourpresence-sec {
  background: url(../images/worldbg.png) no-repeat;
  background-size: 60% auto;
  background-position: right 30%;
}

@keyframes orbit {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

.cl {
  clear: both;
  font-size: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
  content: " ";
  display: block;
  font-size: 0;
  line-height: 0;
  visibility: hidden;
  width: 0;
  height: 0;
}

.customermobile-slider {
  display: none;
}

#ourpresence-sec .contactform-contenttop h2 {
  text-align: left;
}

#ourpresence-sec .contactform-contenttop h2::after {
  margin: 15px 0 0 0;
}

#ourpresence-sec .contactform-contenttop p {
  text-align: left;
  font-size: 16px;
  line-height: 1.4;
}

.contactform-contenttop > a {
  color: #fff;
  font-weight: 400;
  font-size: 20px;
  display: block;
  margin-bottom: 20px;
}

.contactform-contenttop > a:last-child {
  margin-bottom: 70px;
}

.contactform-contentbot .botcontent {
  margin-bottom: 40px;
}

.contactform-contentbot h3 {
  font-family: "Encode Sans", sans-serif;
  font-size: 19px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #08e970;
}

.contactform-contentbot a {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 5px;
}

.presence-content {
  position: relative;
  z-index: 9;
}

#ourpresence-sec .contactform-contentbot p {
  display: block;
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  text-align: left;
  padding: 0;
}

.contactform-contentbot > .botcontent {
  padding-top: 40px;
  width: 100%;
}

.contactform-contentbot a:hover,
.contactform-contenttop > a:hover {
  color: #08e970;
  text-decoration: underline;
}

.contactform-wrapper {
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  padding: 30px 25px;
  z-index: 1;
  backdrop-filter: blur(5px);
  margin-top: -35px;
}

.contactform-wrapper::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 1px;
  background: linear-gradient(
    1deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

#ourpresence-sec .contactform h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  font-size: 35px;
  color: #fff;
  margin-bottom: 35px;
}

#ourpresence-sec .contactform h2::after {
  margin: 15px 0 0 0;
}

.contactform input,
.contactform textarea {
  background: none;
  border: 1px solid #fff;
  border-radius: 2px;
  padding: 16px;
  color: #fff;
  font-size: 12px;
  box-shadow: none;
}

.contactform textarea {
  border-radius: 2px;
}

.contactform input:focus,
.contactform textarea:focus {
  border-color: #8dc73f;
}

.contactform .sub-btn {
  border: 1px solid;
  border-radius: 8px;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
  transition: all 0.35s;
  box-sizing: border-box;
  color: #0b1b33;
  padding: 13px 30px 11px;
  text-decoration: none;
  display: inline-block;
  text-transform: uppercase;
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  font-weight: 700;
}

.contactform .sub-btn:hover {
  background: none;
  color: #fff;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form {
  background: #fff;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-wrapper {
  padding: 0;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contenttop
  h2 {
  color: #0b1b33;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contenttop
  p {
  color: #0b1b33;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contenttop
  > a {
  color: #8dc73f;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contentbot
  h3 {
  color: #0b1b33;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contentbot
  a {
  color: #8dc73f;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form .contactform {
  background: #f6f6f6;
}

#ourpresence-sec.homepresence.innercontact-sec.contactpage-form
  .contactform-contentbot
  p {
  color: #0b1b33;
}

/* .mm-content {
    padding: 30px 30px 30px 0;
    border-right: 2px solid #272727;
} */

.mm-content h3 {
  font-size: 20px;
  color: #1a1fc3;
  margin-bottom: 10px;
  font-weight: 700;
}

.mm-img {
  margin-bottom: 20px;
}

.mm-img img {
  display: block;
  width: 100%;
  height: auto;
}

.mm-content p {
  color: #19459c;
  font-size: 14px;
  padding-bottom: 0;
  line-height: 20px;
}

.mobilemenu {
  display: none;
}

#inner-banner.career-content {
  padding-top: 150px;
  padding-bottom: 80px;
}

#inner-banner.career-content span {
  margin-top: 50px;
  display: block;
  color: #08e970;
  font-family: "Encode Sans", sans-serif;
  font-size: 14px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#inner-banner.career-content span::before {
  content: "";
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#inner-banner.career-content h2 {
  font-family: "Encode Sans", sans-serif;
  font-size: 60px;
  color: #fff;
  margin-bottom: 20px;
}

#inner-banner.career-content h2 em {
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-style: normal;
}

#inner-banner.career-content p {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
  padding-bottom: 35px;
}

#inner-banner.career-content .careerbanner-img img {
  display: block;
  width: 100%;
  height: auto;
}

#webelivesec span,
#lifeatinbox-sec span,
#hiringprocsec span {
  display: block;
  color: #8dc73f;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 20px;
  position: relative;
  padding-left: 50px;
  text-transform: uppercase;
}

#webelivesec span::before,
#lifeatinbox-sec span::before,
#hiringprocsec span::before {
  content: "";
  background: #8dc73f;
  width: 40px;
  height: 2px;
  border-radius: 5px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
}

#webelivesec h3,
#lifeatinbox-sec h3,
#hiringprocsec h3 {
  color: #fff;
  margin-bottom: 0;
  font-size: 35px;
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
}

#webelivesec h3 em,
#lifeatinbox-sec h3 em,
#hiringprocsec h3 em {
  font-style: normal;
  font-weight: 500;
}

#lifeatinbox-sec {
  padding-bottom: 50px;
}

#webelivesec p,
#lifeatinbox-sec p,
#hiringprocsec p {
  font-size: 16px;
  color: #fff;
  font-weight: 400;
  line-height: 26px;
  padding: 0;
}

#hiringprocsec p a {
  color: #fff;
  font-weight: 600;
}

#webelivesec .webelivsec-img {
  padding: 80px 40px;
}

#webelivesec .webelivsec-img img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 20px;
}

.lifeatinbox-gallery {
  padding: 60px 0 30px;
}

.lifeatinbox-gallery .inboxgallery-img {
  border: 1px solid #5b5b5b;
  border-radius: 20px;
  overflow: hidden;
}

.lifeatinbox-gallery .inboxgallery-img img {
  display: block;
  width: 100%;
  height: auto;
}

.hiringprocess-content {
  padding: 60px 0 100px;
}

.hiringbox {
  background: rgba(255, 255, 255, 10%);
  border-radius: 20px;
  padding: 30px;
}

.hiringbox .steps {
  padding: 40px;
}

.hiringbox .steps span {
  padding: 12px 40px !important;
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  border-radius: 5px;
  text-align: center;
  color: #fff !important;
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important;
  font-size: 16px !important;
  text-transform: uppercase;
  margin: 0 !important;
}

.hiringbox .steps span::before {
  display: none;
}

.hiringbox .steps .stepshead {
  margin-bottom: 30px;
}

.hiringbox .steps h4 {
  color: #fff;
  font-family: "Encode Sans", sans-serif;
  font-size: 36px;
  margin-bottom: 15px;
}

.hiringbox .steps .stepshead .step1icon {
  background: url(../images/step1-icon.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 45px;
  height: 44px;
}

.hiringbox .steps .stepshead .step2icon {
  background: url(../images/step2-icon.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 44px;
  height: 43px;
}

.hiringbox .steps .stepshead .step3icon {
  background: url(../images/step3-icon.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 45px;
  height: 44px;
}

.hiringbox .steps .stepshead .step4icon {
  background: url(../images/step4-icon.png) no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 46px;
  height: 45px;
}

.hiringform-box {
  background: rgba(255, 255, 255, 10%);
  border-radius: 20px;
  padding: 30px;
}

.hiringform-box h5 {
  color: #8dc73f;
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 24px;
  margin-bottom: 15px;
  text-align: left;
}

.hiringform-box input,
.hiringform-box select {
  border: 1px solid #b6b6b6;
  border-radius: 50px;
  padding: 15px;
  color: #a3a3a3;
  font-size: 14px;
  font-weight: 400;
  background: none;
}

.hiringform button {
  border: none;
  background: none;
  margin: 40px auto 0;
  width: 250px;
  padding: 18px;
  font-size: 18px;
}

.hiringform form {
  text-align: center;
}

#hiringprocsec {
  background: url(../images/bg-bot.png) no-repeat right bottom;
  background-size: 100% auto;
}

.career-page {
  position: relative;
}

.gredient-one {
  background: url(../images/ft.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 1400px;
  width: 700px;
  height: 1300px;
  z-index: -9;
}

.gredient-two {
  background: url(../images/bg-left.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  bottom: 75px;
  width: 500px;
  height: 1150px;
  z-index: -9;
}

.gredient-three {
  background: url(../images/bg-three.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: -100px;
  bottom: 0;
  width: 700px;
  height: 1400px;
  z-index: -9;
  opacity: 0.3;
}

#newsannoucmnetsection {
  padding: 40px 0 60px;
}

.newssection-wrap .secondleft-content {
  background: rgba(255, 255, 255, 0.17);
  border-radius: 15px;
  border: 1px solid rgba(255, 255, 255, 0.1);
  height: 100%;
  padding: 65px 50px;
  position: relative;
}

.newssection-wrap .secondleft-content::after {
  content: "";
  background: url(../images/annoucbg.png) no-repeat;
  background-size: 100% auto;
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.newssection-wrap .secondright-content .newsslider-wrap2 .annoucments-box {
  margin-bottom: 0;
}

.gapbridge-content li span {
  width: 50px;
  height: 50px;
  display: inline-block;
  border: 1px solid #333;
  border-radius: 50px;
  overflow: hidden;
  margin-right: 10px;
  vertical-align: top;
}

.secgapimg-wrapper {
  position: sticky;
  left: 0;
  top: 30px;
}

.gapbridge-content li p {
  display: inline-block;
  vertical-align: top;
}

.gapbridge-content li p strong {
  display: block;
  margin-bottom: 5px;
  font-size: 18px;
  font-family: "Encode Sans", sans-serif;
  background: -webkit-linear-gradient(
    0deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 25%,
    rgba(0, 177, 255, 1) 50%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 600;
}

.gapbridge-content li p i {
  display: block;
  font-style: normal;
}

#impacthome-section {
  position: relative;
  overflow: hidden;
}

.careerpage-impactsect {
  position: relative;
  margin-bottom: 80px;
}

.careerpage-impactsect.careerreverse-row .mainimpact-content {
  left: auto;
  right: 20px;
  z-index: 9;
}

.careerpage-impactsect.careerreverse-row .mainimpact-content::before {
  transform: rotate(180deg);
}

#impactinner-section .careerpage-impactsect.careerreverse-row:last-child {
  margin-bottom: 20px;
}

#whatwedotechpartnersec.grccons-partners .owl-carousel .owl-stage {
  margin: 0 auto;
}

#whatwedotechpartnersec.grccons-partners .item {
  justify-content: center;
}

.career-page #impactinner-section {
  background: none;
}

.bbg-1 {
  background: url(../images/bbg-1.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 110vh;
  width: 1000px;
  height: 2100px;
  z-index: -1;
  opacity: 0.8;
}

.bbg-1.contactpage {
  top: auto;
  bottom: 0;
  width: 1000px;
  height: 1000px;
}

.bbg-2 {
  background: url(../images/bbg-2.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  top: 42%;
  width: 700px;
  height: 1275px;
  z-index: -1;
  opacity: 0.8;
}

.bbg-3 {
  background: url(../images/bbg-3.png) no-repeat;
  background-size: 100% auto;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 1000px;
  height: 2000px;
  z-index: -1;
  opacity: 0.8;
}

/* .greenbg-1 {
    background: url(../images/greenbg-1.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -15%;
    top: 5%;
    width: 1000px;
    height: 2200px;
    z-index: -1;
}

.bluebg-1 {
    background: url(../images/bluebg-1.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -15%;
    top: 5%;
    width: 1000px;
    height: 2200px;
    z-index: -1;
}

.bluebg-2 {
    background: url(../images/bluebg-2.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -5%;
    bottom: 20%;
    width: 1000px;
    height: 2200px;
}

.greenbg-2 {
    background: url(../images/greenbg-2.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -15%;
    bottom: 12%;
    width: 1000px;
    height: 2200px;
}

.bluebg-3 {
    background: url(../images/bluebg-3.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: -5%;
    bottom: 8%;
    width: 950px;
    height: 1600px;
}

.greenbg-3 {
    background: url(../images/greenbg-3.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -15%;
    bottom: 0;
    width: 900px;
    height: 1000px;
} */

.whatwedowrapper {
  display: none;
}

.whatwedocontentwrap {
  display: flex;
  gap: 16px;
  width: 100%;
  max-width: 100vw;
}

.wedocontentcard {
  border-radius: 15px;
  color: #fff;
  flex: 0 0 70vw;
  height: auto;
  overflow: hidden;
  position: relative;
  transition: flex 0.4s;
  flex-basis: 70px;
  min-height: 575px;
  background: rgba(255, 255, 255, 0.17);
}

.wedocontentcard:hover {
  flex-basis: 90px;
}

.wedocontentcard:hover .cardclose span {
  background: rgb(8, 233, 112);
  background: linear-gradient(
    90deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
}

.wedocontentcard.active {
  flex: 1;
}

.wedocontentcard::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 1.5px;
  background: linear-gradient(
    190deg,
    rgba(8, 233, 112, 1) 0%,
    rgba(17, 195, 186, 1) 52%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.wedocontentcard .cardclose {
  cursor: pointer;
  height: 100%;
  padding: 15px;
  position: relative;
  z-index: 99;
}

.wedocontentcard.active .cardclose {
  display: none;
}

.wedocontentcard.active .cardopen {
  display: block;
  height: 100%;
  padding: 40px;
}

.wedocontentcard .cardopen .cardicon,
.wedocontentcard .cardopen h2,
.wedocontentcard .cardopen p,
.wedocontentcard .cardopen a,
.wedocontentcard .cardopen .cardclientwrap {
  width: 400px;
}

#resilience .wedocontentcard .cardopen h2,
#agility .wedocontentcard .cardopen h2,
#resilience .wedocontentcard .cardopen p,
#agility .wedocontentcard .cardopen p,
#resilience .wedocontentcard .cardopen a,
#agility .wedocontentcard .cardopen a,
#resilience .wedocontentcard .cardopen .cardclientwrap,
#agility .wedocontentcard .cardopen .cardclientwrap {
  width: 330px;
}

#agility .wedocontentcard .cardopen h2 {
  margin-bottom: 20px;
}

#agility .wedocontentcard .cardopen ul {
  margin-bottom: 30px;
}

#agility .wedocontentcard .cardopen li {
  display: list-item;
  margin-bottom: 10px;
  font-size: 14px;
  list-style: disc;
  margin: 0 0 8px 20px;
}

.wedocontentcard.active .cardopen .cardicon,
.wedocontentcard.active .cardopen h2,
.wedocontentcard.active .cardopen p,
.wedocontentcard.active .cardopen a,
.wedocontentcard.active .cardopen .cardclientwrap {
  animation: fadeIn 0.7s;
}

.wedocontentcard::after {
  content: "";
  background: url(../images/cardbg.png) no-repeat;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.wedocontentcard.active .cardopen span.servicon-6 {
  background: url(../images/sericonbg.png) no-repeat;
  background-size: 100% auto;
  display: block;
  width: 250px;
  height: 265px;
  position: absolute;
  right: 30px;
  bottom: 30px;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 0.5;
  }

  100% {
    opacity: 1;
  }
}

.wedocontentcard .cardclose em {
  font-family: "glancyrregular";
  font-style: normal;
  color: #08e970;
  font-size: 30px;
  text-align: center;
  display: block;
}

.wedocontentcard .cardclose h4 {
  font-family: "Encode Sans", sans-serif;
  font-style: normal;
  color: #fff;
  font-size: 20px;
  transform: rotate(-90deg);
  transform-origin: right;
  width: 425px;
  position: absolute;
  right: 50%;
  top: 160px;
}

#resilience .wedocontentcard .cardclose h4 {
  top: 125px;
}

#agility .wedocontentcard .cardclose h4 {
  top: 70px;
}

.wedocontentcard .cardclose span {
  position: absolute;
  left: 50%;
  bottom: 20px;
  border: 1px solid #08e970;
  border-radius: 50px;
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 21px;
  transform: translate(-50%, 0);
}

.wedocontentcard .cardclose span i {
  font-size: 12px;
}

.wedocontentcard .cardopen .cardicon {
  width: 45px;
  margin-bottom: 20px;
}

.wedocontentcard .cardopen .cardicon img {
  display: block;
  width: 100%;
  height: auto;
}

.wedocontentcard .cardopen h2 {
  font-family: "Encode Sans", sans-serif;
  font-size: 40px;
  color: #fff;
  margin-bottom: 10px;
}

.wedocontentcard .cardopen p {
  font-size: 14px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 25px;
  line-height: 22px;
}

.wedocontentcard .cardopen .rm-btn {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  text-decoration: none;
  margin-bottom: 40px;
  display: block;
  position: relative;
  z-index: 99;
}

.wedocontentcard .cardopen .rm-btn::after {
  content: "";
  background: #fff;
  height: 2px;
  width: 42px;
  display: block;
  margin-top: 10px;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
}

.wedocontentcard .cardopen .rm-btn:hover::after {
  content: "";
  width: 75px;
  background: #fff;
}

.wedocontentcard .cardopen .cardclientwrap h5 {
  font-size: 18px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
  text-transform: uppercase;
  border-bottom: 1px solid #4c587e;
  padding-bottom: 15px;
  font-family: "Encode Sans", sans-serif;
}

.cardclientwrap .vclogo-wrap {
  width: 22%;
  height: auto !important;
}

#resilience .cardclientwrap .vclogo-wrap {
  width: 25%;
}

#resilience .wedocontentcard .cardopen .cardclientwrap .vc-logos {
  margin-bottom: 0;
}

.cardclientwrap .vclogo-wrap.morewidth {
  width: 25%;
  margin-top: 8px;
}

#whatwedotechpartnersec .vclogo-wrap.morewidth {
  width: 13%;
  margin-top: 10px;
}

.cardclientwrap .vclogo-wrap.lesswidth {
  width: 15%;
}

.wedocontentcard .cardopen .cardclientwrap .vc-logos {
  margin-bottom: 15px;
}

.secgapimg-wrap {
  padding: 2px;
  position: relative;
}

.secimage-wrapper {
  position: sticky;
  left: 0;
}

.secgapimg-wrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  border-radius: 15px;
  padding: 2px;
  background: linear-gradient(
    180deg,
    rgba(8, 233, 112, 1) 0%,
    rgb(0 48 122) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
}

.secgapimg-wrap img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 15px;
}

.secgapimg-wrap.cyber img {
  filter: none;
}

.services-page,
.homepage {
  position: relative;
  z-index: 99;
}

.beneftiscontent ul {
  position: relative;
  z-index: 99;
}

.lefttabswrap .lefttabs {
  margin-bottom: 30px;
}

.lefttabswrap a {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  font-size: 26px;
  background: -webkit-linear-gradient(
    45deg,
    rgba(8, 233, 112, 1) 0%,
    rgb(0 167 240) 40%,
    rgba(0, 177, 255, 1) 100%
  );
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 20px;
  text-decoration: none;
  display: block;
}

.lefttabswrap p {
  font-size: 17px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 22px;
}

.lefttabswrap ul {
  margin-left: 30px;
}

.lefttabswrap li {
  font-size: 15px;
  color: #fff;
  font-weight: 400;
  margin-bottom: 15px;
  line-height: 22px;
  display: list-item;
  list-style: disc;
}

.lefttabswrap .lefttabcontent {
  display: none;
}

.career-page #whowearethirdsec {
  padding: 90px 0;
  background: rgba(255, 255, 255, 0.17);
  position: relative;
  border-top: 1px solid rgba(255, 255, 255, 0.17);
  border-bottom: 1px solid rgba(255, 255, 255, 0.17);
  text-align: center;
}

.career-page #whowearethirdsec::before {
  content: "";
  background: url(../images/secbg-right.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 600px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.career-page #whowearethirdsec::after {
  content: "";
  background: url(../images/secbg-left.png) no-repeat;
  background-size: 100% auto;
  background-position: left center;
  display: block;
  width: 600px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.career-page #whowearethirdsec h2 {
  font-family: "Encode Sans", sans-serif;
  font-size: 35px;
  color: #fff;
  margin-bottom: 40px;
  text-align: center;
}

.career-page #whowearethirdsec .container {
  position: relative;
  z-index: 99;
}

#contactpresence {
  padding: 200px 0 0;
}

#contactpresence h2 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 200;
  font-size: 35px;
  color: #fff;
  margin-bottom: 40px;
}

#contactpresence h2 span {
  font-weight: 500;
}

#contactpresence .presence-content h3 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 600;
  font-size: 19px;
  text-transform: uppercase;
  margin-bottom: 5px;
  color: #08e970;
}

#contactpresence .presence-content li {
  display: block;
  margin-bottom: 10px;
}

#contactpresence .presence-content li a {
  display: block;
  color: #fff;
  text-decoration: none;
}

#contactpresence .presence-content li a span {
  display: block;
  font-size: 16px;
  font-weight: 400;
}

#contactpresence .presence-content .contact-box {
  margin-bottom: 60px;
}

#contactpresence .presence-content li a:hover {
  text-decoration: underline;
  color: #08e970;
}

.mobile-nav {
  display: none;
}

.desktop-nav {
  display: block;
}

#header .mobilecontactbtn {
  display: none;
}

.homemobiletabwrap {
  display: none;
}

.partseclogowrap {
  display: none;
}

#preloaderwrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  z-index: 9999;
}
/* TOP curtain */
#preloaderwrap::before,
#preloaderwrap::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 50%;
  background: #000; /* loader bg */
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

/* TOP */
#preloaderwrap::before {
  top: 0;
  transform: translateY(0);
}

/* BOTTOM */
#preloaderwrap::after {
  bottom: 0;
  transform: translateY(0);
}

.circle {
  background: url(../images/loader.png) no-repeat;
  background-size: 100% auto;
  width: 100px;
  height: 98px;
  animation: spin 2s linear infinite;
  z-index: 99;
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Curtain open */
#preloaderwrap.fade-out::before {
  transform: translateY(-100%);
}

#preloaderwrap.fade-out::after {
  transform: translateY(100%);
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.newofferings.wedocontentcard {
  min-height: 490px;
  border-radius: 0;
  padding: 30px;
  background: #07125e;
  margin-top: 0.625rem;
  transition: all 0.3s ease-in;
}
.newofferings.wedocontentcard::before {
  border-radius: 0;
}
.newofferings.wedocontentcard h4 {
  font-family: "Encode Sans", sans-serif;
  font-weight: 400;
  font-size: 24px;
  color: #fff;
  margin-bottom: 20px;
}
.newofferings.wedocontentcard p {
  font-size: 15px;
  line-height: 26px;
}
.newofferings.wedocontentcard a {
  position: absolute;
  left: 30px;
  bottom: 30px;
  text-decoration: none;
  font-size: 20px;
  background: url(../images/btn-shape.svg) no-repeat;
  background-size: 100% auto;
  width: 60px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9;
}
.newofferings.wedocontentcard a img {
  width: 30px;
  height: 30px;
}

#whatwedo-sec {
  padding: 50px 0 150px;
}

#whatwedo-sec > .container {
  position: relative;
}

.swiper-scrollbar.swiper-scrollbar-horizontal {
  bottom: -82px !important;
  background: #fff;
  width: 80% !important;
}
.swiper-scrollbar-drag {
  top: -3px !important;
  height: 9px !important;
  background: #fff !important;
  border-radius: 0 !important;
  cursor: grab;
}
.swiper-button-next,
.swiper-button-prev {
  left: auto !important;
  right: 0 !important;
  bottom: -100px !important;
  top: auto !important;
  height: 47px !important;
  width: 64px !important;
}
.swiper-button-prev {
  right: 85px !important;
}

.swiper-button-next svg,
.swiper-button-prev svg {
  display: none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: "";
  height: 47px;
  width: 64px;
  background: url(../images/slider_arrow.svg) no-repeat;
  background-size: 100% auto;
}

.swiper-button-prev::after {
  transform: rotate(180deg);
}

.newofferings.wedocontentcard:hover {
  background: #fff;
  min-height: 510px;
  transform: translateY(-12px);
}

.newofferings.wedocontentcard::before,
.newofferings.wedocontentcard:hover::before {
  background: none;
}

.swiper-horizontal {
  height: 515px;
}

.newofferings.wedocontentcard:hover h4,
.newofferings.wedocontentcard:hover p {
  color: #3c2cda;
}

.innerimgwrapper {
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  transform: scale(0);
  transform-origin: bottom left;
  transition: transform 0.3s ease-in;
  height: 253px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 316px;
  overflow: hidden;
}

.newofferings.wedocontentcard:hover .innerimgwrapper {
  opacity: 1;
  transform: scale(1);
}

.innerimgwrapper img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  -webkit-mask-image: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 316 253'%3E%3Cpath d='M-76.94 13C-71.34 4.86-62.1 0-52.22 0H176.22c9.88 0 19.12 4.86 24.72 13l109.38 159.09c7.04 10.24 7.04 23.76 0 34l-109.38 159.09c-5.6 8.14-14.84 13-24.72 13H-52.22c-9.88 0-19.12-4.86-24.72-13L-186.32 206.09c-7.04-10.24-7.04-23.76 0-34L-76.94 13z' fill='white'/%3E%3C/svg%3E");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  -webkit-mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  mask-position: center;
}

/* Responsive */
/* @media (max-width: 1920px) {

    #inner-banner.enterprise-bgcontent .sectop-img {

        width: 100%;

        right: -227px;

        top: auto;

        bottom: 0;

    }

    #inner-banner.datacenter-bg .sectop-img {

        position: absolute;

        right: -20%;

        top: auto;

        width: 100%;

        bottom: 0;

    }

    #inner-banner.cybersecurity .sectop-img {

        width: 44%;

        bottom: auto;

        right: 0;

        top: 17%;

    }

} */

/* @media (max-width: 1600px) {

    #inner-banner.enterprise-bgcontent .sectop-img {

        width: 77%;

        right: -40px;

        top: 0;

    }

    #inner-banner.datacenter-bg .sectop-img {

        position: absolute;

        right: -20%;

        top: 0;

        width: 80%;

    }

    #inner-banner.cybersecurity .sectop-img {

        width: 44%;

        bottom: 70px;

        right: 0;

        top: auto;

    }

} */

/* @media (max-width: 1200px) {

    #header .default-btn {

        padding: 12px 13px;

    }

    .container {

        max-width: 900px;

    }

    .homepage #main-banner .container .maincontent-wrap h1 {

        font-size: 71px;

    }

    .homepage #main-banner .container .maincontent-wrap p {

        font-size: 20px;

    }

    .homepage #secondsection-wrap .container .secondleft-content h2 {

        font-size: 29px;



    }

    .homepage #secondsection-wrap .container .secondleft-content p {

        font-size: 12px;

        line-height: 23px;

        margin-bottom: 8px;



    }

    .homepage #secondsection-wrap .container .secondleft-content span::before {

        width: 23px;

    }

    .homepage #secondsection-wrap .container .secondleft-content span {

        padding-left: 28px;

        font-size: 9px;

    }

    .homepage .annoucments-box p {



        font-size: 14px;



    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo span {

        font-size: 13px;


    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo span i {

        width: 18px;

    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo em {

        font-size: 13px;

    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo {

        margin-bottom: 8px;

    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box p {

        font-size: 14px;

    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo span {

        font-size: 13px;

    }

    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo span i {

        width: 18px;





    }



    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo em {

        font-size: 13px;



    }



    .homepage #secondsection-wrap .container .secondright-content .newsslider-wrap2 .owl-carousel .owl-stage-outer .owl-stage .owl-item .item .annoucments-box .topinfo {

        margin-bottom: 8px;



    }



    .homepage .mainimpact-content h2 {

        font-size: 15px;

        margin-bottom: 10px;



    }



    .homepage .mainimpact-content {

        padding: 35px 26px;

        min-height: 270px;

        width: 425px;

    }



    .homepage .mainimpact-content p {

        font-size: 13px;

        line-height: 21px;

    }



    .homepage #impacthome-section .impactimg-wrapper::before,

    #impactinner-section .impactimg-wrapper::before {



        height: 300px;



    }



    .homepage #impacthome-section .owl-carousel button.owl-dot,

    #howwedosec .owl-carousel button.owl-dot {

        background: #D9D9D9;

        width: 10px;

        height: 10px;

        display: inline-block;

        margin: 0 4px;

        border-radius: 50%;

        opacity: 0.7;

    }



    .homepage #impacthome-section .owl-carousel .owl-dots,

    #howwedosec .owl-carousel .owl-dots {

        bottom: 55px;



    }



    .homepage .mainimpact-content>span {

        font-size: 12px;

        padding-left: 31px;



    }



    .homepage .mainimpact-content>span::before {

        width: 25px;



    }



    .homepage #impacthome-section .default-btn {

        left: 29%;

        font-size: 13px;

        padding: 12px 16px;



    }



    .homepage #impacthome-section .impactimg-wrapper,

    #impactinner-section .impactimg-wrapper {



        margin: 20px 22px 0 0;

    }



    .homepage #fifthsect .fifthsecright-content span {

        font-size: 60px;

    }



    .homepage .secondleft-content p {

        font-size: 13px;

        line-height: 28px;

    }



    .homepage .secondleft-content h2 {

        font-size: 44px;

        margin-bottom: 12px;

    }



    .homepage #fifthsect .fifthsecright-content p {

        font-size: 15px;

        line-height: 30px;

        padding-bottom: 19px;

    }



    .homepage .secondleft-content span::before {

        width: 25px;

    }



    .homepage .secondleft-content span {

        font-size: 12px;

        padding-left: 31px;

    }



    .homepage #whatwedo-sec span::before {

        width: 25px;

    }



    .homepage #whatwedo-sec span {

        font-size: 12px;

        padding-left: 31px;

    }



    .homepage #whatwedo-sec h2 {

        font-size: 40px;

    }



    .homepage #whatwedo-sec .servcies-box h3 {

        font-size: 18px;

    }



    .homepage #whatwedo-sec .servcies-box h3 {

        font-size: 18px;

        font-weight: 700;

        margin-bottom: 10px;

        min-height: 43px;

    }



    .homepage #whatwedo-sec .servcies-box {

        min-height: 434px;

    }



    .homepage #whatwedo-sec .servcies-box p {

        font-size: 14px;

        padding-bottom: 20px;

    }



    .homepage #ourpresence-sec .contact-box a span {

        width: 87%;

        font-size: 10px;

    }



    .homepage #ourpresence-sec .contact-box h3 {

        font-size: 20px;



    }



    .homepage #ourpresence-sec .contact-box {

        padding: 21px 12px;

        min-height: 272px;

    }



    .homepage #ourpresence-sec .contact-box em {

        width: 30px;

    }



    .homepage #ourpresence-sec p {

        font-size: 18px;

    }



    .homepage #whatwedo-secone h2 {

        font-size: 38px;

        font-family: "Roboto", sans-serif;

        font-weight: 700;

        margin-bottom: 40px;

        color: #0B1B33;

    }



    .services-page #whatwedo-secone h2 {

        font-size: 34px;

    }



    .services-page #whatwedo-secone .servcies-box h3 {

        font-size: 34px;

    }



    .services-page #whatwedo-secone .servcies-box p {

        font-size: 15px;

        line-height: 27px;

    }



    .services-page #whatwedo-secone .servcies-box em {



        display: block;

        margin-bottom: 17px;

    }



    .services-page #whatwedobenefits .beneftiscontent h3 {

        font-size: 18px;

        line-height: 27px;



    }



    .services-page #whatwedobenefits .beneftiscontent h2 {

        font-size: 32px;

        margin-bottom: 13px;

    }



    .services-page #whatwedobenefits .beneftiscontent h4 {

        font-size: 14px;

        margin-bottom: 6px;

    }



    .services-page #whatwedobenefits .beneftiscontent p {

        font-size: 14px;

        line-height: 20px;

    }



    .services-page #whatwedoofferingssec h2 {

        font-size: 40px;

    }



    .services-page #whatwedoofferingssec h2::after {

        width: 77px;

    }



    .services-page #whatwedoofferingssec .offeringtabs .tabbox span {

        font-size: 11px;

    }



    .services-page #whatwedoofferingssec .offeringtabs .tabbox a {

        padding: 12px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content p {

        font-size: 13px;

        line-height: 27px;

        padding-bottom: 3px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content ul li {

        display: list-item;

        list-style-type: disc;

        color: #fff;

        margin-bottom: 10px;

        font-size: 13px;

        line-height: 18px;

    }



    .services-page #inner-banner .innercontent-wrap h2 {

        font-family: "Roboto", sans-serif;

        font-size: 51px;

        font-weight: 900;

        color: #fff;

        margin-bottom: 25px;

    }



    .services-page #inner-banner .innercontent-wrap p {

        font-size: 18px;

        color: #fff;

        font-weight: 300;

        line-height: 30px;

        padding-bottom: 30px;

    }



    .services-page #whatwedobenefits .beneftiscontent.otherpageservices li p {

        font-size: 14px;

    }



    .services-page #inner-banner.enterprise-bgcontent .sectop-img {

        width: 77%;

        right: -52px;

        top: 295px;

    }



    .services-page #inner-banner .sectop-img {

        right: -11px;

        top: 29%;

        width: 32%;

    }



    .services-page #inner-banner .innercontent-wrap h2::after {

        width: 136px;

    }



    .howwedo-page #inner-banner .innercontent-wrap h2 {

        font-size: 53px;

    }



    .howwedo-page #inner-banner .innercontent-wrap p {

        font-size: 17px;

        line-height: 27px;

    }



    .howwedo-page #inner-banner .innercontent-wrap h2::after {

        width: 152px;

    }



    .howwedo-page #inner-banner.howwedosection .sectop-img {

        right: -292px;

        top: 151px;

        width: 100%;

    }



    .howwedo-page #whatwedoofferingssec .offeringtabs .tabbox span {

        font-size: 16px;

    }



    .howwedo-page #howwedosectwo h2 {

        font-size: 40px;

    }



    .howwedo-page #howwedosectwo .sectwocontent-box p {

        font-size: 14px;

        line-height: 25px;

    }



    .howwedo-page #howwedosectwo .sectwocontent-box h3 {

        font-size: 14px;

        padding: 0 40px 16px 0;

    }



    .howwedo-page #howwedosectwo .sectwocontent-box {

        padding: 18px;

        min-height: 224px;

    }



    .howwedo-page #turnkeysolsection .container>p {

        font-size: 17px;

    }



    .howwedo-page #turnkeysolsection .turnkeycontentwrap h3 {

        font-size: 32px;

    }



    .howwedo-page #turnkeysolsection .turnkeycontentwrap p {

        font-size: 19px;

    }



    .howwedo-page #managedserv-section .managedtopsec p span {

        font-size: 35px;

    }



    .howwedo-page #managedserv-section .managedtopsec p {

        font-size: 15px;

        line-height: 28px;

    }



    .howwedo-page .managedtopsec em {

        margin-bottom: 19px;

    }



    .howwedo-page #managedserv-section .managedserv-box .managedserv-logo {

        width: 80px;

        height: 79px;

    }



    .howwedo-page #managedserv-section .managedserv-box h4 {

        font-size: 24px;

        margin-bottom: 7px;



    }



    .howwedo-page #managedserv-section .managedserv-box p {

        font-size: 13px;

        line-height: 30px;

    }



    .howwedo-page #managedserv-section .managedserv-box {

        min-height: 450px;

    }



    .howwedo-page #managedserv-section .supportcontent .supporticon {

        width: 65px;

        height: 65px;

    }



    .howwedo-page #managedserv-section .supportcontent h5 {

        font-size: 21px;

    }



    .howwedo-page #managedserv-section p {

        font-size: 19px;

    }



    .howwedo-page #humancap-section .container>p {

        font-size: 21px;

    }



    .howwedo-page #humancap-section h4 {

        font-size: 18px;

        padding-bottom: 3px;

    }



    .howwedo-page #humancap-section p {

        font-size: 12px;

        line-height: 21px;



    }



    .howwedo-page #humancap-section .humanicon {

        width: 45px;

        height: 45px;

        margin-bottom: 8px;

    }



    .howwedo-page .humanicon-mg {

        margin-bottom: 4px !important;

    }



    .whoweare-page .firstsec-top h2 {

        font-size: 33px;

        margin-bottom: 17px;

    }



    .whoweare-page .firstsec-top p {

        font-size: 13px;

        line-height: 26px;

        padding: 0px;

    }



    .whoweare-page .firstsec-bot p {

        font-size: 14px;

        line-height: 26px;

        padding: 26px 0 0 0;

    }



    .whoweare-page #whowearethirdsec p {

        font-size: 15px;

        line-height: 33px;



    }



    .whoweare-page #whowearethirdsec span {



        font-size: 49px;



    }



    .whoweare-page #teamsec-wrap p {

        font-size: 16px;

    }



    .whoweare-page #teamsec-wrap .teambox .teamoverlay h3 {

        font-size: 11px;



    }



    #teamsec-wrap .teambox .teamoverlay {

        padding: 14px 15px;

    }



    .whoweare-page #ourpresence-sec .contact-box a span {

        width: 87%;

        font-size: 10px;

    }



    .whoweare-page #ourpresence-sec .contact-box h3 {

        font-size: 20px;



    }



    .whoweare-page #ourpresence-sec .contact-box {

        padding: 21px 12px;

        min-height: 272px;

    }



    .whoweare-page #ourpresence-sec .contact-box em {

        width: 30px;

    }



    .whoweare-page #ourpresence-sec p {

        font-size: 18px;

    }



    .whoweare-page #inner-banner .innercontent-wrap h2 {

        font-size: 50px;

    }





    .whoweare-page #inner-banner .innercontent-wrap p {

        font-size: 15px;

        line-height: 26px;

    }



    .whoweare-page #inner-banner .innercontent-wrap h2::after {

        width: 158px;

    }



    .impact-page #inner-banner .innercontent-wrap h2 {

        font-size: 50px;

        margin-bottom: 19px;

    }



    .impact-page #inner-banner.impactsec-bg .sectop-img {

        width: 84%;

        right: -444px;



    }



    .impact-page .mainimpact-content h2 {

        font-size: 15px;

        margin-bottom: 10px;



    }



    .impact-page .mainimpact-content {

        padding: 35px 26px;

        min-height: 270px;

        width: 425px;

    }



    .impact-page .mainimpact-content p {

        font-size: 13px;

        line-height: 21px;

    }



    .impact-page .mainimpact-content>span {

        font-size: 12px;

        padding-left: 31px;



    }



    .impact-page .mainimpact-content>span::before {

        width: 25px;



    }



    .impact-page #impactinner-section .owl-nav {

        left: 40%;

        bottom: 38px;

    }



    .impact-page #impactinner-section .owl-nav .owl-prev {

        width: 30px;

        height: 30px;

    }



    .impact-page #impactinner-section .owl-nav .owl-next {

        width: 30px;

        height: 30px;

    }



    .impact-page #awardssection .awardsbox h3 {

        font-size: 13px;

        padding-bottom: 5px;

        min-height: 81px;

    }



    .impact-page #awardssection .awardsbox .awardimg {

        width: 70px;

        height: 70px;

        margin-bottom: 10px;

    }



    .impact-page #awardssection .awardsbox {

        padding: 21px 12px;

        min-height: 238px;

    }



    .contactus-page #ourpresence-sec .contact-box a span {

        width: 87%;

        font-size: 10px;

    }



    .contactus-page #ourpresence-sec .contact-box h3 {

        font-size: 20px;



    }



    .contactus-page #ourpresence-sec .contact-box {

        padding: 21px 12px;

        min-height: 272px;

    }



    .contactus-page #ourpresence-sec .contact-box em {

        width: 30px;

    }



    .contactus-page #ourpresence-sec p {

        font-size: 18px;

    }



    .contactus-page .firstsec-top h2 {

        font-size: 40px;

    }



    .contactuspage .appsolutions-content h3 {

        color: #111517;

        font-size: 18px;

        margin: 0 0 18px 0;

        font-weight: bold;

    }



    .contactuspage .firstsec-top p {

        font-size: 17px;

    }



    #footer p {

        font-size: 11px;

        line-height: 21px;



    }



    #footer h3 {

        font-size: 16px;

    }



    #footer h3::after {

        width: 60px;

    }



    #footer ul.social {

        display: block;

        margin: 0;

    }

} */

/* @media (min-width: 768px) {
    .mobile-nav {
        display: none;
    }

    .desktop-nav {
        display: block;
    }
}


@media (max-width: 1023px) {

    .services-page #inner-banner {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        position: relative;

        height: 60vh;

    }



    .services-page #inner-banner .innercontent-wrap {

        left: 0;

        right: 0;

        top: auto;

        bottom: 0;

        bottom: 20px;

        background: rgba(0, 0, 0, 0.4);

        padding: 20px;

    }



    .services-page #inner-banner .sectop-img {

        width: auto;

        display: flex;

        justify-content: center;

        align-items: end;

        position: relative;

        height: 60vh;

        width: 100%;

        bottom: 0;

        right: 0;

        top: 0;

    }



    .services-page #inner-banner .sectop-img img {

        width: 100%;

    }



    .services-page #inner-banner.enterprise-bgcontent .sectop-img img {

        width: auto;

    }



    .services-page #inner-banner.grcbg-content .sectop-img img {

        position: relative;

        bottom: 20px;

    }



    .services-page #inner-banner h2 {

        font-size: 35px;

        text-align: left;

        margin-bottom: 15px;

    }



    .services-page #inner-banner br,

    .services-page #inner-banner h2 br {

        display: none;

    }



    .services-page #inner-banner p {

        font-size: 16px;

        font-weight: 400;

        text-align: left;

        font-size: 16px;

        line-height: 28px;

        padding-bottom: 0;

    }



    .services-page #inner-banner h2::after {

        content: "";

        display: block;

        background: #8DC73F;

        border-radius: 5px;

        width: 100px;

        height: 6px;

        margin: 2px 0;

    }

    .services-page #whatwedo-secone {

        padding: 20px 0;

    }



    .services-page #whatwedo-secone h2 {

        font-size: 30px;

        margin-bottom: 15px
    }



    .services-page #whatwedo-secone h2 br {

        display: none;

    }



    .services-page #whatwedo-secone .servcies-box {

        padding: 20px;

        background: #f9f9f9;

        border-radius: 10px;

        margin-bottom: 20px;

    }



    .services-page #whatwedo-secone .servcies-box h3 {

        font-size: 25px;

    }



    .services-page #whatwedo-secone .servcies-box p {

        font-size: 16px;

        line-height: 28px;

    }



    .services-page #whatwedo-secone em {

        width: 40px;

        height: 3px;

        margin-bottom: 5px;

    }



    .services-page #whatwedo-secone span {

        font-size: 12px;

        margin-bottom: 10px;

    }



    .services-page #whatwedobenefits {

        padding: 0;

    }



    .services-page #whatwedobenefits .container {

        padding: 0;

    }



    .services-page #whatwedobenefits .row {

        flex-direction: column;

        align-items: center;

        margin: 0;

    }



    .services-page #whatwedobenefits .col-sm-6 {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

    }



    .services-page #whatwedobenefits .benefits-img {

        text-align: center;

        width: 100%;

    }



    .services-page #whatwedobenefits .benefits-img img {

        width: 100%;

        height: auto;

        display: block;

    }



    .services-page #whatwedobenefits .beneftiscontent {

        padding: 0 20px;

    }



    .services-page #whatwedobenefits .beneftiscontent h2 {

        font-size: 22px;

        text-align: left;

        margin-bottom: 15px;

    }



    .services-page #whatwedobenefits .beneftiscontent h3 {

        font-size: 18px;

        margin-bottom: 10px;

    }



    .services-page #whatwedobenefits .beneftiscontent h3 br {

        display: none;

    }



    .services-page #whatwedobenefits .beneftiscontent ul {

        padding: 0;

    }



    .services-page #whatwedobenefits .beneftiscontent ul li {

        margin-bottom: 15px;

    }



    .services-page #whatwedobenefits .beneftiscontent ul li h4 {

        font-size: 16px;

        margin-bottom: 5px;

    }



    .services-page #whatwedobenefits .beneftiscontent ul li p {

        font-size: 15px;

    }



    .desktop-nav {

        display: none;

    }



    .mobile-nav {

        display: block;

    }



    .services-page #whatwedoofferingssec {

        padding: 20px 0;

    }



    .services-page #whatwedoofferingssec .container {

        padding: 0;

    }



    .services-page #whatwedoofferingssec h2 {

        font-size: 30px;

        text-align: left;

        margin: 10px;

    }



    .services-page #whatwedoofferingssec h2::after {

        width: 60px;

        height: 3px;

        border-radius: 5px;

        display: block;

        margin: 5px 0 20px 0;

        display: block;

    }



    .services-page #whatwedoofferingssec .offeringscontentwrap {

        padding: 0 20px;

    }



    .services-page #whatwedoofferingssec .row {

        flex-direction: column;

        align-items: center;

        margin: 0;

    }



    .services-page #whatwedoofferingssec .col-sm-6 {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

    }



    .mobile-offeringtabs {

        display: flex;

        overflow-x: auto;

        white-space: nowrap;

        width: 100vw;

        background: #313B4B;

        padding: 10px;

        position: relative;

        left: -20px;

    }



    .mobile-offeringtabs a {

        display: inline-block;

        padding: 10px 20px;

        background: #313B4B;

        border-radius: 5px;

        text-align: center;

        text-decoration: none;

        color: #fff;

        font-size: 1rem;

        margin-right: 10px;

    }



    .mobile-offeringtabs a.active {

        background: #8DC73F;

        color: #0B1B33;

    }



    .services-page #whatwedoofferingssec .offeringtabs-contentwrap {

        width: 100%;

        margin-top: 10px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content {

        display: none;

        padding: 0;

        border-radius: 5px;

        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

    }



    .services-page #whatwedoofferingssec .offeringtabs-content.active {

        display: block;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content em {

        display: block;

        margin-bottom: 5px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content span {

        display: block;

        font-size: 18px;

        margin: 0;

        padding: 0;

        text-align: left;

        margin-bottom: 10px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content p {

        font-size: 15px;

        padding-bottom: 0px;

        line-height: 28px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content ul {

        padding: 10px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content ul li {

        margin-bottom: 0;

        font-size: 15px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content ul li h4 {

        font-size: 18px;

        margin-bottom: 5px;

    }



    .services-page #whatwedoofferingssec .offeringtabs-content ul li p {

        font-size: 1rem;

        margin-bottom: 5px;

    }



    .services-page #whatwedotechpartnersec {

        padding: 20px 0;

    }



    .services-page #whatwedotechpartnersec .container {

        padding: 0 20px;

    }



    .services-page #whatwedotechpartnersec h2 {

        font-size: 1.5rem;

        text-align: center;

        margin-bottom: 10px;

    }



    .services-page #whatwedotechpartnersec br {

        display: none;

    }



    .services-page #whatwedotechpartnersec p {

        font-size: 1.1rem;

        text-align: center;

        margin-bottom: 0px;

    }



    .services-page #whatwedotechpartnersec .vc-logos .owl-carousel .item {

        display: flex;

        justify-content: center;

        align-items: center;

    }



    .services-page #whatwedotechpartnersec .vc-logos .owl-carousel .item .vclogo-wrap {

        max-width: 80%;

        text-align: center;

    }



    .services-page #whatwedotechpartnersec .vc-logos .owl-carousel .item img {

        width: 100%;

        height: auto;

        max-width: 170px;

        margin: 0 auto;

    }



    .howwedo-page #inner-banner {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

        text-align: center;

        position: relative;

        height: 60vh;

    }



    .howwedo-page #inner-banner .innercontent-wrap {

        left: 0;

        right: 0;

        top: auto;

        bottom: 0;

        bottom: 20px;

        background: rgba(0, 0, 0, 0.4);

        padding: 20px;

    }



    .howwedo-page #inner-banner .sectop-img {

        width: auto;

        display: flex;

        justify-content: center;

        align-items: end;

        position: relative;

        height: 60vh;

        width: 100%;

        bottom: 0;

        right: 0;

        top: 0;

    }



    .howwedo-page #inner-banner .sectop-img img {

        width: 150%;

    }



    .howwedo-page #inner-banner h2 {

        font-size: 35px !important;

        text-align: left;

        margin-bottom: 15px;

    }



    .howwedo-page #inner-banner br {

        display: none;

    }



    .howwedo-page #inner-banner p {

        font-size: 16px;

        font-weight: 400;

        text-align: left;

        font-size: 16px;

        line-height: 28px;

        padding-bottom: 0;

    }



    .howwedo-page #inner-banner h2::after {

        content: "";

        display: block;

        background: #8DC73F;

        border-radius: 5px;

        width: 100px;

        height: 6px;

        margin: 2px 0;

    }



    .howwedo-page #whatwedoofferingssec h2 {

        font-size: 2rem;

    }



    .howwedo-page #whatwedoofferingssec p {

        padding: 0;

        margin-bottom: 20px;

        line-height: 28px;

        font-size: 16px;

    }



    .howwedo-page #whatwedoofferingssec em {

        margin-top: 15px;

        margin-bottom: 5px;

    }



    .howwedo-page #whatwedoofferingssec span {

        padding-bottom: 10px;

    }



    .howwedo-page #whatwedoofferingssec ul li {

        line-height: 1.75;

        margin-bottom: 0;

    }



    .howwedo-page .mobile-offeringtabs {

        left: -12px;

    }



    .howwedo-page #howwedosectwo h2 {

        font-size: 2rem;

        margin-bottom: 20px;

    }



    .howwedo-page #howwedosectwo h3 {

        font-size: 1.5rem;

        line-height: 1.2;

    }



    .howwedo-page #howwedosectwo br {

        display: none;

    }



    .howwedo-page #howwedosectwo .howwedo-sectwocontent .row {

        gap: 20px;

    }



    .howwedo-page #howwedosectwo .sectwocontent-box {

        min-height: 225px;

    }



    #howwedosectwo .howwedo-sectwocontent .row .col-sm-3:nth-child(2) {

        margin-top: 0px;

    }



    .howwedo-page #turnkeysolsection {

        padding: 20px 0;

    }



    .howwedo-page #turnkeysolsection .container {

        padding: 0 20px;

    }



    .howwedo-page #turnkeysolsection h2 {

        font-size: 2rem;

        text-align: center;

        margin: 40px 0 20px 0;

    }



    .howwedo-page #turnkeysolsection br {

        display: none;

    }



    .howwedo-page #turnkeysolsection p {

        font-size: 1rem;

        text-align: center;

        margin-bottom: 20px;

    }



    .howwedo-page #turnkeysolsection .container>p {

        padding: 0;

        margin-bottom: 40px;

    }



    .howwedo-page #turnkeysolsection .turnkeycontentwrap .row {

        display: flex;

        flex-direction: column;

        align-items: center;

        width: 100%;

        margin: 0;

        gap: 20px;

    }



    .howwedo-page #turnkeysolsection .col-sm-6 {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

        display: flex;

        flex-direction: column;

        align-items: center;

    }



    .howwedo-page #turnkeysolsection .turnkeycontent {

        text-align: center;

        width: 100%;

        max-width: 400px;

        margin-bottom: 15px;

    }



    .turnkeycontentwrap .row .col-sm-6::after {

        display: none;

    }



    .turnkeycontentwrap .row:nth-child(even) .col-sm-6::after {

        display: none;

    }



    .howwedo-page #turnkeysolsection .turnkeycontent h3 {

        font-size: 1.5rem;

        padding: 0;

    }



    .howwedo-page #turnkeysolsection .turnkeycontent p {

        font-size: 1rem;

        line-height: 1.5;

    }



    .howwedo-page #managedserv-section {

        padding: 30px 15px;

    }



    .howwedo-page #managedserv-section h2 {

        font-size: 2rem;

    }



    .howwedo-page #managedserv-section p {

        font-size: 1rem;

        line-height: 1.75;

        margin-bottom: 20px;

    }



    .howwedo-page #managedserv-section p span {

        font-size: 2rem;

        line-height: 1;

    }



    .howwedo-page #managedserv-section em {

        margin-bottom: 10px;

    }



    .howwedo-page #managedserv-section h3 {

        font-size: 2rem;

        margin-bottom: 20px;

    }



    .howwedo-page #managedserv-section br {

        display: none;

    }



    .howwedo-page #managedserv-section .supportcontent {

        padding-bottom: 20px;

    }



    .howwedo-page #managedserv-section .supportcontent h5 {

        font-size: 1.5rem;

        margin: 20px 0;

    }



    .howwedo-page #managedserv-section .supportcontent h4 {

        font-size: 2rem;

    }



    .howwedo-page #managedserv-section .managedsrv-content {

        padding: 25px 15px;

    }



    .howwedo-page #managedserv-section .container>p {

        padding-bottom: 0px;

    }



    .howwedo-page #humancap-section h2 {

        font-size: 2rem;

    }



    .howwedo-page #humancap-section p {

        font-size: 1rem;

        line-height: 1.75;

    }



    .howwedo-page #humancap-section .container>p {

        margin-top: 20px;

    }



    .howwedo-page #humancap-section .humancap-img {

        margin-right: 0;

        margin-bottom: 10px;

    }



    .howwedo-page #humancap-section .row {

        margin-bottom: 0 !important;

    }



    .howwedo-page #humancap-section .humanicon img {

        margin-top: 10px;

    }

}


@media (max-width: 1023px) {

    .services-page #inner-banner h2 {

        font-size: 35px !important;

    }

    #header {

        padding: 15px 0 !important;

        z-index: 99 !important;

    }



    .navbar-header {

        display: block !important;

        position: absolute !important;

        right: 5px !important;

        top: 9px !important;

    }



    #header .navigation {

        display: none;

        background: rgba(255, 255, 255, 1) !important;

        border-radius: 5px !important;

        margin-top: 10px !important;

    }



    #header li {

        display: block !important;

        margin: 0 !important;

        position: relative !important;

    }



    #header li a {

        display: block !important;

        color: #333 !important;

        font-size: 16px !important;

        padding: 10px 15px !important;

    }



    .contact-btn {

        display: none !important;

    }



    #header .navigation .submenu {

        background: none !important;

        padding: 0 0 0 25px !important;

        box-shadow: none !important;

        opacity: 1 !important;

        position: static !important;

        width: 100% !important;

        visibility: visible !important;

    }



    #header .logo {

        position: absolute;

        left: 20px;

        top: 20px;

    }



    #header .logo span,

    body.loaded #header .logo span {

        width: 35px !important;

        height: 35px !important;

        margin: 0 !important;

        margin-left: 56px !important;

    }



    #header .logo em,

    body.loaded #header .logo em {

        width: 105px !important;

        height: 35px !important;

        left: 5px !important;

        opacity: 1 !important;

        visibility: visible !important;

        margin-left: 0 !important;

    }



    .container {

        max-width: 100% !important;

    }



    .homepage #main-banner {

        background-position: right bottom !important;

        background-size: 100% auto !important;

        height: 60vh !important;

        background-attachment: inherit !important;

    }



    .homepage .maincontent-wrap {

        left: 20px !important;

        bottom: 20px !important;

        background: rgba(0, 0, 0, 0.4) !important;

        padding: 20px 0 !important;

        border-radius: 20px !important;

    }



    .homepage h1 {

        font-size: 40px !important;

        margin-bottom: 15px !important;

    }



    .homepage #main-banner p {

        font-size: 16px !important;

        line-height: 28px !important;

        padding-bottom: 20px !important;

    }



    .default-btn {

        padding: 10px 20px !important;

        font-size: 12px !important;

        border-radius: 2px !important;

    }



    .homepage #secondsection-wrap {

        padding: 30px 0 0 !important;

        box-shadow: none !important;

    }



    .homepage .secondleft-content span {

        font-size: 10px !important;

        margin-bottom: 10px !important;

    }



    .homepage .secondleft-content h2 {

        font-size: 30px !important;

        margin-bottom: 15px !important;

    }



    .homepage .secondleft-content p {

        font-size: 16px !important;

        line-height: 28px !important;

        margin-bottom: 25px !important;

    }



    .homepage .secondright-content .annoucments-box {

        padding: 20px !important;

    }



    .homepage .secondright-content .annouc-imgwrap {

        border-radius: 5px !important;

        overflow: hidden !important;

        margin: 0 0 25px 0 !important;

        width: 20% !important;

        display: none !important;

    }



    .homepage .secondright-content .topinfo span {

        color: #0B1B33 !important;

        font-size: 14px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 800 !important;

        text-transform: uppercase !important;

    }



    .homepage .secondright-content .topinfo span i {

        width: 18px !important;

        height: 18px !important;

    }



    .homepage .secondright-content .topinfo em {

        color: #0B1B33 !important;

        font-size: 16px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 800 !important;

        text-transform: uppercase !important;

        font-style: normal !important;

    }



    .homepage .annoucments-box p {

        color: #0B1B33 !important;

        font-weight: 500 !important;

        font-size: 16px !important;

        font-family: "Roboto", sans-serif !important;

        line-height: 26px !important;

    }



    .homepage .annoucments-box.second .topinfo span,

    .annoucments-box.second .topinfo em,

    .annoucments-box.second p {

        color: #fff !important;

    }



    .homepage .newsslider-wrap .owl-item {

        background: #fff !important;

    }



    .homepage .secondright-content .newsslider-wrap:first-child {

        background: #fff !important;

    }



    .homepage #impacthome-section,

    .impact-page #impactinner-section {

        padding: 40px 0 !important;

    }



    .homepage .mainimpact-content,

    .impact-page .mainimpact-content {

        width: 100% !important;

        position: static !important;

        transform: inherit !important;

        min-height: inherit !important;

        box-shadow: none !important;

        min-height: inherit !important;

        padding: 20px !important;

    }



    .homepage #impacthome-section .impactimg-wrapper::before,

    .impact-page #impactinner-section .impactimg-wrapper::before {

        display: none !important;

    }



    .homepage #impacthome-section .impactimg-wrapper,

    .impact-page #impactinner-section .impactimg-wrapper {

        margin: 0 !important;

    }



    .homepage .mainimpact-content>span,

    .impact-page .mainimpact-content>span {

        font-size: 11px !important;

    }



    .homepage .mainimpact-content h2,

    .impact-page .mainimpact-content h2 {

        font-size: 20px !important;

        margin-bottom: 10px !important;

    }



    .homepage .mainimpact-content p,

    .impact-page .mainimpact-content p {

        font-size: 14px !important;

        line-height: 24px !important;

        padding-bottom: 10px !important;

    }



    .homepage #impacthome-section .owl-carousel .owl-dots,

    .homepage #howwedosec .owl-carousel .owl-dots,

    .impact-page #impacthome-section .owl-carousel .owl-dots {

        display: none !important;

    }



    .homepage #impacthome-section .default-btn,

    .impact-page #impacthome-section .default-btn {

        position: static !important;

        left: 30% !important;

        bottom: -50px !important;

        box-shadow: none !important;

        border: none !important;

        background: #8DC73F !important;

        color: #fff !important;

    }



    .homepage #impacthome-section .default-btn::before,

    .homepage #impacthome-section .default-btn::after,

    .impact-page #impacthome-section .default-btn::before,

    .impact-page #impacthome-section .default-btn::after {

        display: none !important;

    }



    .impact-page #impactinner-section .owl-nav {

        display: none !important;

    }



    .homepage #valuedcustomer-sect {

        padding: 30px 0 !important;

    }



    .homepage #valuedcustomer-sect h2 {

        font-size: 30px !important;

        margin-bottom: 15px !important;

    }



    .homepage #valuedcustomer-sect p {

        font-size: 16px !important;

        line-height: 28px !important;

        margin-bottom: 25px !important;

    }



    .homepage #fifthsect {

        padding: 40px 0 20px !important;

    }



    p br {

        display: none !important;

    }



    .homepage #fifthsect .secondleft-content p {

        padding-bottom: 0 !important;

    }



    .homepage #fifthsect .secondleft-content {

        margin-bottom: 20px !important;

    }



    .homepage .fifthsecright-content>.row {

        margin-bottom: 0 !important;

    }



    .homepage #fifthsect .fifthsecright-content span {

        font-size: 40px !important;

    }



    .homepage #fifthsect .fifthsecright-content p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 300 !important;

        line-height: 25px !important;

        padding-bottom: 20px !important;

    }



    .homepage #whatwedo-sec {

        padding: 40px 0 20px !important;

    }



    .homepage #whatwedo-sec span {

        display: block !important;

        color: #8DC73F !important;

        font-size: 11px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 700 !important;

        margin-bottom: 10px !important;

        position: relative !important;

        padding-left: 50px !important;

        text-transform: uppercase !important;

    }



    .homepage #whatwedo-sec h2 {

        font-size: 30px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 700 !important;

        margin-bottom: 20px !important;

        color: #0B1B33 !important;

    }



    .homepage #whatwedo-sec .servcies-box {

        background: #fff !important;

        border: 1px solid #F6F6F6 !important;

        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07) !important;

        padding: 30px 20px !important;

        border-radius: 10px !important;

        position: relative !important;

        transition: 0.5s all !important;

        min-height: inherit !important;

        margin-bottom: 20px !important;

    }



    .homepage #whatwedo-sec .servcies-box em {

        display: block !important;

        width: 50px !important;

        height: 50px !important;

        margin-bottom: 10px !important;

        position: relative !important;

    }



    .homepage #whatwedo-sec .servcies-box em::before {

        content: "" !important;

        background: url(../images/lborbit02.png) no-repeat !important;

        background-size: 100% auto !important;

        display: block !important;

        width: 50px !important;

        height: 50px !important;

        position: absolute !important;

        left: 0 !important;

        top: -12px !important;

        animation: orbit 30s infinite !important;

    }



    .homepage #whatwedo-sec .servcies-box em img {

        display: block !important;

        width: 50% !important;

        height: auto !important;

        margin: 0 auto 0 12px !important;

    }



    .homepage #whatwedo-sec .servcies-box h3 {

        font-size: 20px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 700 !important;

        margin-bottom: 15px !important;

        color: #111 !important;

        min-height: inherit !important;

    }



    .homepage #whatwedo-sec .servcies-box p {

        font-size: 15px !important;

        color: #111 !important;

        font-weight: 400 !important;

        line-height: 25px !important;

        padding-bottom: 20px !important;

    }



    .homepage #whatwedo-sec .servcies-box .rm-btn {

        font-size: 12px !important;

        color: #000 !important;

        font-weight: 400 !important;

        text-decoration: none !important;

        position: static !important;

    }



    .homepage #whatwedo-sec .row.mb-5 {

        margin-bottom: 0 !important;

    }



    .homepage #sliderlogos-sec {

        padding: 40px 0 !important;

    }



    .homepage #sliderlogos-sec h2 {

        text-align: center !important;

        font-size: 30px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 500 !important;

        margin: 0 0 15px 0 !important;

        color: #fff !important;

        line-height: 40px !important;

    }



    .homepage #sliderlogos-sec p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 300 !important;

        line-height: 28px !important;

        text-align: center !important;

        margin-bottom: 50px !important;

    }



    .homepage #sliderlogos-sec .vclogo-wrap {

        width: 125px !important;

        margin: 0 auto !important;

    }



    .homepage #ourpresence-sec.homepresence {

        padding: 40px 0 20px !important;

    }



    .homepage #ourpresence-sec p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 400 !important;

        line-height: 30px !important;

        padding: 0 0 20px 0 !important;

        text-align: center !important;

    }



    .homepage #ourpresence-sec h2 {

        font-size: 30px !important;

    }



    .homepage #ourpresence-sec.homepresence .contact-box {

        background: #171717 !important;

        margin-bottom: 30px !important;

        min-height: inherit !important;

        padding: 25px 15px 5px 15px !important;

    }



    .homepage #ourpresence-sec .contact-box h3 {

        margin-bottom: 20px !important;

        font-size: 20px !important;

    }



    .homepage #ourpresence-sec .contact-box li a {

        font-size: 14px !important;

    }



    .homepage .presence-content .row.mb-4 {

        margin-bottom: 0 !important;

    }



    #footer {

        padding: 20px 0 !important;

        text-align: center !important;

    }



    #footer .footerlogo a {

        display: block !important;

        background: url(../images/inboxfooter-logo.png) no-repeat !important;

        background-size: 100% auto !important;

        width: 90px !important;

        height: 30px !important;

    }



    #footer p {

        font-size: 14px !important;

        color: #000 !important;

        font-weight: 400 !important;

        line-height: 24px !important;

        padding-bottom: 20px !important;

    }



    #footer h3 {

        font-size: 17px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 600 !important;

        padding-bottom: 10px !important;

        color: #0b1b33 !important;

    }



    #footer ul {

        padding-bottom: 20px !important;

    }



    #footer li {

        display: inline-block !important;

        margin-bottom: 5px !important;

    }



    #footer li a {

        font-size: 12px !important;

    }



    #footer ul.social li a {

        display: block !important;

        position: relative !important;

        width: 20px !important;

        height: 20px !important;

        line-height: 20px !important;

        font-size: 16px !important;

        text-align: center !important;

        text-decoration: none !important;

        color: #000 !important;

        margin: 0 !important;

        transition: .5s !important;

    }



    #footer .footer-bottom {

        border-top: 1px solid #404040 !important;

        text-align: center !important;

        margin-top: 20px !important;

        padding: 20px 0 0 0 !important;

    }



    #footer .footer-bottom p {

        font-size: 12px !important;

    }



    #footer h3::after {

        margin: 10px auto 0 !important;

    }



    #footer .footerlogo a {

        height: 40px !important;

        margin: 0 auto !important;

    }



    #footer ul.social {

        justify-content: center !important;

    }



    #footer .footerlogo {

        margin-bottom: 10px !important;

    }



    .homepage .customermobile-slider {

        display: block !important;

    }



    .homepage #valuedcustomer-sect .container>.vc-logos {

        display: none !important;

    }



    .homepage .customermobile-slider .vclogo-wrap {

        width: 30% !important;

        margin: 0 auto !important;

    }



    .homepage .customermobile-slider .owl-stage {

        display: flex !important;

        align-items: center !important;

    }



    .impact-page #awardssection {

        padding: 40px 0 0 !important;

    }



    .impact-page #awardssection span {

        margin-bottom: 10px !important;

        font-size: 11px !important;

    }



    .impact-page #awardssection h2 {

        font-size: 30px !important;

    }



    .impact-page #awardssection p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 400 !important;

        line-height: 24px !important;

        border-top: none !important;

        padding: 10px 0 0 0 !important;

    }



    .impact-page #awardssection .awardsbox {

        min-height: inherit !important;

    }



    .impact-page #awardssection .awardsbox h3 {

        font-size: 20px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 600 !important;

        padding-bottom: 30px !important;

        color: #111111 !important;

        min-height: inherit !important;

    }



    .impact-page #awardssection .awardsbox h4 {

        font-size: 21px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 600 !important;

        color: #8DC73F !important;

    }



    .impact-page #awardssection .owl-nav {

        display: none !important;

    }



    #whatwedoofferingssec {

        padding: 30px 0 !important;

    }



    .howwedo-page #whatwedoofferingssec h2 {

        font-size: 30px !important;

        margin-bottom: 10px !important;

    }



    #whatwedoofferingssec .offeringtabs .tabbox span {

        font-size: 16px !important;

    }



    #whatwedoofferingssec.howwedo-page .offeringtabs .tabbox a {

        padding: 10px !important;

    }



    #whatwedoofferingssec .offeringtabs .tabbox a:hover .plussign,

    #whatwedoofferingssec .offeringtabs .tabbox a.active .plussign {

        transform: rotate(90deg) !important;

        margin-top: -12px !important;

    }



    .howwedo-page #whatwedoofferingssec p {

        padding: 0 !important;

        margin-bottom: 10px !important;

        line-height: 24px !important;

        font-size: 14px !important;

    }



    #whatwedoofferingssec .offeringtabs-content span {

        font-size: 18px !important;

    }



    #whatwedoofferingssec .offeringtabs-content ul li {

        font-size: 14px !important;

        line-height: 28px !important;

    }



    #howwedosectwo {

        padding: 40px 0 0 0 !important;

    }



    .howwedo-page #howwedosectwo h2 {

        font-size: 30px !important;

        margin-bottom: 20px !important;

    }



    .howwedo-page #howwedosectwo h3 {

        font-size: 22px !important;

        line-height: 1.2 !important;

    }



    #howwedosectwo .sectwocontent-box p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 300 !important;

        line-height: 26px !important;

    }



    .howwedo-page #turnkeysolsection h2 {

        font-size: 30px !important;

        text-align: center !important;

        margin: 30px 0 10px 0 !important;

    }



    .howwedo-page #turnkeysolsection .container>p {

        padding: 0 !important;

        margin-bottom: 60px !important;

        font-size: 16px !important;

        line-height: 28px !important;

    }



    #turnkeysolsection em {

        display: inline-block !important;

        width: 75px !important;

        height: 75px !important;

        margin: 0 !important;

        position: relative !important;

    }



    #turnkeysolsection em::before {

        content: "" !important;

        background: url(../images/lborbit02.png) no-repeat !important;

        background-size: 100% auto !important;

        display: block !important;

        width: 75px !important;

        height: 75px !important;

        position: absolute !important;

        left: 1px !important;

        top: -18px !important;

        animation: orbit 30s infinite !important;

    }



    #turnkeysolsection em img {

        display: block;

        width: 70% !important;

        height: auto !important;

        margin: 0 auto !important;

    }



    #turnkeysolsection .row:nth-child(2) em::before {

        left: 0px !important;

        top: -13px !important;

    }



    .howwedo-page #turnkeysolsection .col-sm-6 {

        margin-bottom: 10px !important;

    }



    #inner-banner.whoweare-content {

        height: 60vh !important;

    }



    #inner-banner.whoweare-content h2 {

        font-size: 35px !important;

        text-align: left !important;

        margin-bottom: 15px !important;

    }



    #inner-banner.whoweare-content h2::after {

        content: "" !important;

        display: block !important;

        background: #8DC73F !important;

        border-radius: 5px !important;

        width: 100px !important;

        height: 6px !important;

        margin: 2px 0 !important;

    }



    #inner-banner.whoweare-content .innercontent-wrap {

        left: 0 !important;

        right: 0 !important;

        top: auto !important;

        bottom: 0 !important;

        bottom: 20px !important;

        background: rgba(0, 0, 0, 0.4) !important;

        padding: 20px !important;

    }



    #inner-banner.whoweare-content p {

        font-size: 16px !important;

        font-weight: 400 !important;

        text-align: left !important;

        font-size: 16px !important;

        line-height: 28px !important;

        padding-bottom: 0 !important;

    }



    #inner-banner.whoweare-content .sectop-img {

        display: flex !important;

        justify-content: center !important;

        align-items: end !important;

        position: relative !important;

        height: 60vh !important;

        width: 100% !important;

        bottom: 0 !important;

        right: 0 !important;

        top: 0 !important;

        transform: none !important;

    }



    #whoweare-firstsec {

        background: #fff !important;

        padding: 20px 0 !important;

    }



    .firstsec-top span {

        font-size: 12px !important;

        margin-bottom: 10px !important;

    }



    .firstsec-top h2 {

        font-size: 30px !important;

        margin-bottom: 15px !important;

    }



    .firstsec-top p {

        font-size: 16px !important;

        color: #111 !important;

        font-weight: 400 !important;

        line-height: 30px !important;

        padding: 0 0 20px 0 !important;

    }



    .firstsec-top .firstsec-box {

        background: #F7F7F7 !important;

        border-radius: 10px !important;

        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.07) !important;

        padding: 40px 20px !important;

        min-height: inherit !important;

        margin-bottom: 20px !important;

    }



    .firstsec-top {

        padding-bottom: 30px !important;

    }



    .firstsec-bot h2 {

        margin-bottom: 50px !important;

        font-size: 30px !important;

    }



    .firstsec-bot h3 {

        font-size: 20px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 700 !important;

        margin: 0 !important;

        color: #000 !important;

        position: relative !important;

        z-index: 1 !important;

        padding-left: 60px !important;

    }



    .firstsec-bot h3::after,

    .firstsec-bot h3.secondval::after,

    .firstsec-bot h3.thirdval::after,

    .firstsec-bot h3.forthval::after {

        content: "" !important;

        width: 50px !important;

        height: 50px !important;

        background: url(../images/val1.png) no-repeat !important;

        display: block !important;

        border-radius: 50% !important;

        position: absolute !important;

        left: 0 !important;

        top: 50% !important;

        z-index: -1 !important;

        background-size: 100% auto !important;

        transform: translate(0, -50%) !important;

    }



    .firstsec-bot p {

        font-size: 16px !important;

        color: #111 !important;

        font-weight: 400 !important;

        line-height: 28px !important;

        padding: 30px 0 !important;

    }



    #whowearethirdsec {

        padding: 20px 0 !important;

    }



    #whowearethirdsec h2 {

        font-size: 30px !important;

        font-family: "Roboto", sans-serif !important;

        font-weight: 700 !important;

        margin-bottom: 20px !important;

        color: #fff !important;

    }



    #whowearethirdsec p {

        font-size: 18px !important;

        color: #fff !important;

        font-weight: 400 !important;

        line-height: 34px !important;

        padding: 0 0 20px !important;

    }



    #whowearethirdsec span {

        font-size: 40px !important;

    }



    #whowearethirdsec p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 300 !important;

        line-height: 25px !important;

        padding-bottom: 20px !important;

    }



    #teamsec-wrap {

        padding: 30px 0 !important;

    }



    #teamsec-wrap .boardmember-wrap {

        margin-bottom: 40px !important;

    }



    #teamsec-wrap h2 {

        font-size: 30px !important;

        margin-bottom: 20px !important;

    }



    #teamsec-wrap p {

        font-size: 16px !important;

        color: #111 !important;

        font-weight: 400 !important;

        line-height: 30px !important;

        padding: 0 0 20px 0 !important;

        text-align: center !important;

    }



    #teamsec-wrap .teambox {

        position: relative !important;

        z-index: 1 !important;

        margin-bottom: 20px !important;

    }



    #teamsec-wrap .teambox .teamoverlay h3 {

        font-size: 20px !important;

    }



    #teamsec-wrap .teambox .teamoverlay span {

        font-size: 12px !important;

        color: #fff !important;

        font-weight: 300 !important;

        opacity: 1 !important;

        visibility: visible !important;

        margin-top: 10px !important;

        transition: 0.5s all !important;

        position: static !important;

    }



    .boardmember-wrap .mb-5 {

        margin-bottom: 0 !important;

    }



    #teamsec-wrap .boardmember-wrap {

        margin-bottom: 0 !important;

    }



    #ourpresence-sec {

        padding: 40px 0 20px !important;

    }



    #ourpresence-sec h2 {

        font-size: 30px !important;

    }



    #ourpresence-sec p {

        font-size: 16px !important;

        color: #fff !important;

        font-weight: 400 !important;

        line-height: 30px !important;

        padding: 0 0 20px 0 !important;

        text-align: center !important;

    }



    #ourpresence-sec .contact-box {

        background: #171717 !important;

        margin-bottom: 30px !important;

        min-height: inherit !important;

        padding: 25px 15px 5px 15px !important;

    }



    #ourpresence-sec .contact-box h3 {

        margin-bottom: 20px !important;

        font-size: 20px !important;

    }



    #ourpresence-sec .contact-box li a {

        font-size: 14px !important;

    }



    #inner-banner.impactsec-bg .innercontent-wrap h2,

    #inner-banner.contactusbg .innercontent-wrap h2 {

        font-size: 35px !important;

        text-align: left !important;

        margin-bottom: 15px !important;

    }



    #inner-banner.impactsec-bg .innercontent-wrap {

        left: 0 !important;

        right: 0 !important;

        top: auto !important;

        bottom: 0 !important;

        bottom: 20px !important;

        background: rgba(0, 0, 0, 0.4) !important;

        padding: 20px !important;

    }



    #inner-banner.impactsec-bg .innercontent-wrap h2::after,

    #inner-banner.contactusbg .innercontent-wrap h2::after {

        content: "" !important;

        display: block !important;

        background: #8DC73F !important;

        border-radius: 5px !important;

        width: 100px !important;

        height: 6px !important;

        margin: 2px 0 !important;

    }



    #inner-banner.impactsec-bg .innercontent-wrap p,

    #inner-banner.contactusbg .innercontent-wrap p {

        font-size: 16px !important;

        font-weight: 400 !important;

        text-align: left !important;

        font-size: 16px !important;

        line-height: 28px !important;

        padding-bottom: 0 !important;

    }



    #inner-banner.impactsec-bg {

        display: flex !important;

        flex-direction: column !important;

        align-items: center !important;

        justify-content: center !important;

        text-align: center !important;

        position: relative !important;

        height: 60vh !important;

    }



    #inner-banner.impactsec-bg .sectop-img {

        width: auto !important;

        display: flex !important;

        justify-content: center !important;

        align-items: end !important;

        position: relative !important;

        height: 60vh !important;

        width: 100% !important;

        bottom: 0 !important;

        right: 0 !important;

        top: 0 !important;

    }



    #inner-banner.contactusbg .innercontent-wrap {

        left: 0 !important;

        right: 0 !important;

        top: auto !important;

        bottom: 0 !important;

        bottom: 20px !important;

        background: rgba(0, 0, 0, 0.4) !important;

        padding: 20px !important;

    }



    .contactuspage {

        padding: 30px 0 !important;

    }



    .contactuspage .firstsec-top p {

        text-align: left !important;

        font-size: 16px !important;

    }



    .contactuspage .appsolutions-content {

        padding: 0 !important;

    }



    .contactuspage .appsolutions-content p {

        padding: 0 !important;

    }



    .presence-content .row.mb-4 {

        margin-bottom: 0 !important;

    }



    #header .navigation .submenu li a {

        font-size: 13px !important;

        padding: 8px !important;

    }



    #header .navigation {

        z-index: 999;

        position: relative;

        top: 40px;

    }

    .services-page #inner-banner .innercontent-wrap p {
        padding-bottom: 20px;
    }

    .services-page #inner-banner .innercontent-wrap a {
        display: block;
    }

    #whoweare-firstsec .firstsec-bot h2 {
        font-weight: 500;
        margin-bottom: 30px !important;
    }

    #whoweare-firstsec .value-content ul {
        display: block;
        text-align: center;
    }

    #whoweare-firstsec .value-content li {
        margin: 0 0 35px 0;
        display: inline-block;
        width: 32%;
    }

    #whoweare-firstsec .value-content li i {
        margin: 0 auto 5px;
        width: 50px !important;
        height: 50px !important;
    }

    #whoweare-firstsec .value-content li span {
        font-size: 15px;
    }

    .contactform-wrapper {
        padding-top: 0;
    }

    #ourpresence-sec .contactform-contenttop p {
        text-align: left !important;
    }

    .contactform-contenttop>a {
        font-size: 16px;
    }

    .contactform-contenttop>a:last-child {
        margin-bottom: 40px;
    }

    .botcontentwrap {
        display: block !important;
    }

    .contactform-contentbot .botcontent {
        width: 100%;
        margin-bottom: 40px;
    }

    .contactform-contentbot h3 {
        font-size: 20px;
        font-family: "Roboto", sans-serif;
        font-weight: 700;
        margin-bottom: 20px;
        color: #fff;
    }

    .contactform-contentbot a {
        color: #fff;
        font-weight: 400;
        font-size: 16px;
        display: block;
        margin-bottom: 10px;
    }

    .contactform-contentbot>.botcontent {
        padding-top: 0;
        width: 100%;
    }

    #ourpresence-sec .contactform-contentbot p {
        text-align: left !important;
        padding: 0 !important;
    }

    .contactform {
        background: #fff;
        border-radius: 9px;
        box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.25);
        padding: 20px;
    }

    .contactform .row.mb-4 {
        margin-bottom: 0 !important;
    }

    .contactform input,
    .contactform textarea {
        background: #fff;
        border: 1px solid #CCCCCC;
        border-radius: 50px;
        padding: 14px;
        color: #A3A3A3;
        font-size: 12px;
        box-shadow: none;
        margin-bottom: 15px;
    }

    .contactform textarea {
        border-radius: 10px;
    }

    .contactform .sub-btn {
        background: #8DC73F;
        border: 1px solid #8DC73F;
        border-radius: 50px;
        padding: 14px;
        color: #0B1B33;
        font-size: 13px;
        font-weight: bold;
        text-align: center;
        font-family: "Roboto", sans-serif;
        text-transform: uppercase;
        display: block;
        width: 100%;
    }

    #ourpresence-sec.homepresence.innercontact-sec .contactform-wrapper {
        padding-top: 0;
    }

    #ourpresence-sec.homepresence.innercontact-sec.contactpage-form .contactform-contenttop p {
        color: #0B1B33 !important;
    }

    #ourpresence-sec.homepresence.innercontact-sec.contactpage-form .contactform-contentbot p {
        color: #0B1B33 !important;
    }

    #header .navigation .megamenu {
        display: none;
    }

    .mobilemenu {
        display: block;
    }

    #header .navigation .mobilemenu li a {
        font-size: 13px !important;
        padding: 8px !important;
        font-weight: 400;
    }

    #header .navigation .mobilemenu li a.active,
    #header li a.active {
        color: #8DC73F !important;
    }

    #header .navigation .mobilemenu {
        padding: 0 0 5px 25px !important;
    }

    #header .navigation .mobilemenu li em {
        font-style: normal;
    }

    #inner-banner.career-content {
        padding-top: 90px;
        padding-bottom: 40px;
        height: auto;
    }

    #inner-banner.career-content span {
        margin-top: 40px;
        display: block;
        color: #8DC73F;
        font-family: "Space Grotesk", sans-serif;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 14px;
        position: relative;
        padding-left: 50px;
        text-transform: uppercase;
    }

    #inner-banner.career-content h2 {
        color: #fff;
        font-family: "Space Grotesk", sans-serif;
        font-weight: 600;
        font-size: 35px;
        margin-bottom: 15px;
    }

    #inner-banner.career-content p {
        font-size: 16px;
        color: #fff;
        font-weight: 300;
        line-height: 28px;
        padding: 0 0 20px 0;
    }

    #inner-banner.career-content a.default-btn {
        display: block;
        background: #8DC73F;
        border-color: #8DC73F;
    }

    #inner-banner.career-content .careerbanner-img {
        width: 70%;
        margin: 30px auto;
    }

    #webelivesec span,
    #lifeatinbox-sec span,
    #hiringprocsec span {
        display: block;
        color: #8DC73F;
        font-family: "Space Grotesk", sans-serif;
        font-weight: 600;
        font-size: 12px;
        margin-bottom: 14px;
        position: relative;
        padding-left: 50px;
        text-transform: uppercase;
    }

    #webelivesec h3,
    #lifeatinbox-sec h3,
    #hiringprocsec h3 {
        color: #fff;
        font-family: "Space Grotesk", sans-serif;
        font-weight: 600;
        font-size: 30px;
        margin-bottom: 15px;
    }

    #webelivesec h3 br,
    #lifeatinbox-sec h3 br,
    #hiringprocsec h3 br {
        display: none;
    }

    #webelivesec p,
    #lifeatinbox-sec p,
    #hiringprocsec p {
        font-size: 15px;
        color: #fff;
        font-weight: 300;
        line-height: 27px;
        padding: 0;
    }

    #webelivesec .webelivsec-img {
        padding: 30px 0 60px;
    }

    #webelivesec .webelivsec-img img {
        border-radius: 5px;
    }

    .lifeatinbox-gallery {
        padding: 40px 20px 60px;
    }

    .lifeatinbox-gallery .inboxgallery-img {
        border-radius: 10px;
    }

    .gredient-one,
    .gredient-two,
    .gredient-three {
        display: none;
    }

    .hiringbox {
        border-radius: 5px;
        padding: 20px;
        margin-bottom: 30px;
    }

    .hiringbox .steps span {
        font-size: 12px !important;
        border-radius: 3px;
        padding: 12px 30px !important;
    }

    .hiringbox .steps .stepshead .step1icon {
        width: 35px;
        height: 34px;
    }

    .hiringbox .steps h4 {
        font-size: 27px;
    }

    .hiringprocess-content {
        padding: 40px 0 30px;
    }

    .hiringform-box {
        border-radius: 5px;
        padding: 20px;
    }

    .hiringform-box h5 {
        font-size: 20px;
    }

    .hiringform-box .row.mb-4 {
        margin-bottom: 0 !important;
    }

    .hiringform-box .col-sm-6,
    .hiringform-box .col-sm-12 {
        margin-bottom: 15px !important;
    }

    .col-sm-6 .hiringform-box {
        margin-bottom: 1.5rem !important;
    }

    .col-sm-6:last-child .hiringform-box {
        margin-bottom: 0 !important;
    }

    .hiringform button {
        width: 100%;
    }

    .contactus-page #ourpresence-sec .contact-box a span,
    .whoweare-page #ourpresence-sec .contact-box a span {
        font-size: 14px;
    }

    .hiringbox .steps {
        padding: 0 0 40px 0;
    }

    .hiringbox .row:last-child .col-sm-6:last-child .steps {
        padding: 0;
    }

    .hiringbox .steps .stepshead em {
        display: none !important;
    }

    .hiringbox .steps .stepshead {
        margin-bottom: 15px;
    }

    #header li a::after {
        display: none;
    }

    .gapbridge-content li {
        text-align: center;
    }

    .gapbridge-content li span {
        display: block;
        margin: 0 auto 10px;
    }

    .gapbridge-content li p strong {
        font-size: 17px;
    }

    .gapbridgecontent-heading h2 {
        text-align: center !important;
    }

    .careerpage-impactsect {
        margin-bottom: 30px;
    }

    #impactinner-section .careerpage-impactsect .impactimg-wrapper {
        margin: 0;
    }

    .careerpage-impactsect .mainimpact-content {
        padding: 20px 20px;
        box-shadow: none;
        width: 94%;
        position: static;
        transform: inherit;
        min-height: inherit;
        margin: 0 auto;
        border-radius: 0;
    }

    .careerpage-impactsect .mainimpact-content h2 {
        font-size: 25px;
        margin-bottom: 15px;
    }

    .careerpage-impactsect .mainimpact-content p {
        font-size: 15px;
        line-height: 26px;
        padding-bottom: 0;
    }

    .career-page #impactinner-section {
        padding: 0 0 40px 0;
    }

    .mainimpact-content::before {
        display: none;
    }

    .careerpage-impactsect.careerreverse-row .row {
        flex-direction: column-reverse;
    }

} */

@media (max-width: 800px) {
  #header {
    padding: 20px 0;
  }

  #header .logo a {
    display: inline-block;
  }

  #header .logo span {
    width: 35px;
    height: 35px;
    transition: inherit;
    margin: 0 0 0 53px;
  }

  #header .logo em {
    width: 100px;
    height: 35px;
    position: absolute;
    left: 5px;
    opacity: 1;
    visibility: visible;
    transition: inherit;
    margin-left: 0;
    top: 0;
  }

  .navbar-header {
    display: block;
    position: absolute;
    right: 15px;
    top: 26px;
  }

  .navigation-wrap .navigation {
    display: none;
    background: rgb(45 52 73);
    border-radius: 5px;
    padding: 15px;
    position: relative;
    top: 12px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.2);
    border: 1px solid #4e597f;
  }

  .mobilemenu {
    display: none;
    background: #272d41;
    border-radius: 5px;
    padding: 15px;
  }

  .mobilemenu a {
    font-size: 13px !important;
  }

  #header li {
    display: block;
    margin: 0 0 10px 0;
  }

  #header li a {
    font-size: 15px;
    padding: 5px 0;
  }

  #header li a.menulist {
    color: #fff !important;
    background: none !important;
    -webkit-text-fill-color: inherit !important;
  }

  #header li a.menulist.active {
    color: #08e970 !important;
  }

  #header li a::after {
    display: none;
  }

  #header li a i {
    position: absolute;
    right: 0;
    top: 7px;
  }

  #header li a:hover,
  #header li a:focus {
    background: none;
    color: #fff;
    -webkit-text-fill-color: inherit;
  }

  #header li .mobilemenu a:hover,
  #header li:hover .mobilemenu a,
  #header li .mobilemenu a.active {
    background: none;
    color: #fff;
    -webkit-text-fill-color: inherit;
  }

  #header li .mobilemenu a.active {
    color: #02b0f6;
  }

  #header .navigation .megamenu {
    display: none;
  }

  #main-banner {
    height: 60vh;
  }

  #main-banner .maincontent-wrap {
    min-height: inherit;
    padding-top: 0;
    top: 175px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
  }

  h1 {
    font-size: 38px;
    margin-bottom: 12px;
  }

  #main-banner .maincontent-wrap p {
    font-size: 15px;
    line-height: 25px;
    padding-bottom: 20px;
  }

  .maincontent-wrap .default-btn {
    display: block;
  }

  #header .contact-btn a {
    display: none;
  }

  #header .mobilecontactbtn {
    display: block;
  }

  .navigation .mobilemenu h4 {
    color: #08e970;
    margin-bottom: 10px;
  }

  .navigation .mobilemenu ul {
    border-bottom: 1px solid #4e597f;
    margin-bottom: 20px;
    padding-bottom: 10px;
  }

  .navigation .mobilemenu ul:last-child {
    border: none;
    margin: 0;
    padding: 0;
  }

  .newssection-wrap .secondleft-content {
    border-radius: 5px;
    height: auto;
    padding: 20px;
    margin-bottom: 15px;
  }

  .secondleft-content span {
    font-size: 10px;
    margin-bottom: 15px;
    padding-left: 30px;
  }

  .secondleft-content span::before {
    content: "";
    width: 25px;
  }

  .secondleft-content h2 {
    font-size: 24px;
    margin-bottom: 15px;
  }

  .secondleft-content p {
    font-size: 14px;
    line-height: 24px;
  }

  .secondright-content .annoucments-box {
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 5px;
    min-height: 130px;
  }

  .secondright-content .topinfo span {
    font-size: 10px;
  }

  .secondright-content .topinfo span i {
    width: 15px;
    height: 15px;
  }

  .secondright-content .topinfo em {
    font-size: 10px;
  }

  .annoucments-box p {
    font-size: 12px;
    line-height: 20px;
  }

  #newsannoucmnetsection {
    padding: 15px 0 0;
  }

  #fifthsect {
    padding: 50px 0 30px;
  }

  #fifthsect .secondleft-content {
    padding-bottom: 25px;
    text-align: center;
  }

  .whowearesec .secondleft-content h2 {
    font-size: 28px;
    margin-bottom: 15px;
  }

  #fifthsect .secondleft-content p br {
    display: none;
  }

  #fifthsect .secondleft-content .default-btn {
    display: block;
  }

  .whowearesec .fifthsecright-content {
    margin-left: 0;
  }

  .whowearesec .fifthsecright-content .mb-5 {
    margin-bottom: 15px !important;
  }

  #fifthsect .fifthsecright-content span {
    font-size: 30px;
    text-align: center;
  }

  #fifthsect .fifthsecright-content span em {
    font-size: 45px;
  }

  #fifthsect .fifthsecright-content p {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
  }

  #impacthome-section,
  #impactinner-section {
    padding: 40px 0;
  }

  #impacthome-section .impactimg-wrapper,
  #impactinner-section .impactimg-wrapper {
    border-radius: 5px;
    padding: 2px;
  }

  #impacthome-section .impactimg-wrapper::before,
  #impactinner-section .impactimg-wrapper::before {
    border-radius: 5px;
  }

  #impacthome-section .impactimg-wrapper img,
  #impactinner-section .impactimg-wrapper img {
    border-radius: 5px;
  }

  .mainimpact-content {
    border-radius: 5px;
    padding: 20px 20px 0;
    width: 100%;
    position: static;
    transform: inherit;
    min-height: inherit;
    background: none;
    border: none;
    box-shadow: none;
  }

  #impacthome-section .owl-carousel .owl-dots {
    display: none;
  }

  .mainimpact-content::before,
  .mainimpact-content::after {
    display: none;
  }

  .mainimpact-content > .homeimpactcontent > span,
  #impactinner-section .mainimpact-content > span {
    font-size: 10px;
    padding-left: 38px;
  }

  .mainimpact-content > .homeimpactcontent > span::before,
  #impactinner-section .mainimpact-content > span::before {
    content: "";
    width: 30px;
  }

  .mainimpact-content h2 {
    font-size: 20px;
    margin-bottom: 25px;
  }

  .mainimpact-content p {
    font-size: 14px;
    line-height: 22px;
    min-height: 200px;
  }

  .mainimpact-content a.default-btn {
    margin-top: 20px;
    display: block;
  }

  #valuedcustomer-sect {
    padding: 10px 0 30px;
  }

  #valuedcustomer-sect h2 {
    margin-bottom: 8px;
    font-size: 28px;
  }

  #valuedcustomer-sect p {
    font-size: 13px;
    margin-bottom: 35px;
  }

  .agilitylogowrap {
    display: none;
  }

  .customermobile-slider {
    display: block;
  }

  #valuedcustomer-sect .vclogo-wrap {
    width: 28%;
    height: auto !important;
    margin: 0 auto !important;
  }

  #whatwedo-sec {
    padding: 20px 0 0;
  }

  #whatwedo-sec .container > h2 {
    font-size: 28px;
    margin-bottom: 25px;
    line-height: 34px;
    text-align: center;
  }

  #whatwedo-sec .container > h2 br {
    display: none;
  }

  .lefttabswrap a {
    text-align: center;
    font-size: 24px;
    margin-bottom: 10px;
    display: block;
  }

  .lefttabswrap p {
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 20px;
    text-align: center;
  }

  .whatwedocontentwrap {
    display: block;
    gap: 0;
  }

  .wedocontentcard {
    border-radius: 5px;
    transition: inherit;
    min-height: inherit;
  }

  .wedocontentcard::before {
    border-radius: 5px;
  }

  .wedocontentcard .cardclose {
    display: none;
  }

  .wedocontentcard .cardopen {
    padding: 25px !important;
    text-align: center;
    min-height: 440px;
  }

  .wedocontentcard .cardopen .cardicon {
    width: 35px !important;
    margin: 0 auto 20px;
  }

  .wedocontentcard .cardopen h2 {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .wedocontentcard .cardopen h2 br {
    display: none;
  }

  .wedocontentcard .cardopen p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 22px;
  }

  .wedocontentcard .cardopen .rm-btn {
    font-size: 12px;
    margin-bottom: 25px;
  }

  .wedocontentcard .cardopen .rm-btn::after {
    display: none;
  }

  .wedocontentcard .cardopen .cardclientwrap h5 {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .wedocontentcard .cardopen .cardclientwrap .vc-logos {
    margin-bottom: 0;
  }

  .cardclientwrap .vclogo-wrap {
    width: 18%;
    height: auto !important;
  }

  .cardclientwrap .vclogo-wrap.lesswidth {
    width: 12%;
  }

  .wedocontentcard .cardopen .cardicon,
  .wedocontentcard .cardopen h2,
  .wedocontentcard .cardopen p,
  .wedocontentcard .cardopen a,
  .wedocontentcard .cardopen .cardclientwrap {
    width: 100%;
  }

  .homemobiletabwrap {
    display: block;
  }

  .lefttabswrap .lefttabcontent {
    display: block !important;
  }

  .homemdesktoptabwrap {
    display: none;
  }

  .lefttabswrap ul {
    margin-left: 0;
    margin-bottom: 25px;
  }

  .lefttabswrap li {
    font-size: 13px;
    margin-bottom: 10px;
    line-height: 20px;
    display: block;
  }

  #sliderlogos-sec {
    padding: 30px 0 10px;
  }

  #sliderlogos-sec h2 {
    font-size: 28px;
    margin-bottom: 10px;
    text-align: center;
  }

  #sliderlogos-sec p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  #sliderlogos-sec p br {
    display: none;
  }

  .partseclogowrap {
    display: block;
  }

  .partseclogowrapdesk {
    display: none;
  }

  #sliderlogos-sec .item,
  #whatwedotechpartnersec .item {
    display: block;
    height: auto;
  }

  #sliderlogos-sec .vclogo-wrap,
  #whatwedotechpartnersec .vclogo-wrap {
    width: 30%;
    height: auto !important;
    margin: 0 auto;
  }

  #ourpresence-sec {
    padding: 30px 0;
    background-size: 100% auto;
    background-position: right bottom;
    text-align: center;
  }

  #ourpresence-sec h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }

  #ourpresence-sec .contact-box {
    padding: 20px 10px 0;
  }

  #ourpresence-sec .contact-box h3 {
    font-size: 16px;
  }

  #ourpresence-sec .contact-box a span {
    font-size: 14px;
  }

  .contactform-wrapper {
    border-radius: 5px;
    padding: 20px;
    margin-top: 30px;
  }

  .contactform-wrapper::before {
    border-radius: 5px;
  }

  #ourpresence-sec .contactform h2 {
    font-size: 24px;
    margin-bottom: 22px;
  }

  .contactform input,
  .contactform textarea {
    border-radius: 2px;
    padding: 14px;
    font-size: 12px;
  }

  .contactform .sub-btn {
    display: block;
    width: 100%;
    border-radius: 5px;
  }

  #footer {
    padding: 20px 0 10px;
    text-align: center;
  }

  #footer .footerlogo {
    margin-bottom: 15px;
  }

  #footer .footerlogo a {
    width: 90px;
    height: 40px;
    margin: 0 auto;
  }

  #footer p {
    font-size: 13px;
    line-height: 20px;
    padding-bottom: 20px;
  }

  #footer h3 {
    font-size: 15px;
    padding-bottom: 0;
  }

  #footer h3::after {
    content: "";
    margin: 5px auto;
  }

  #footer ul {
    margin-bottom: 25px;
  }

  #footer li {
    margin-bottom: 2px;
  }

  #footer li a {
    font-size: 12px;
  }

  #footer ul.social {
    margin: 0;
    padding: 0;
    display: block;
  }

  #footer ul.social li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
  }

  #footer .footer-bottom {
    margin-top: 15px;
    padding: 10px 0 0 0;
  }

  #footer .footer-bottom p {
    font-size: 11px;
  }

  #inner-banner {
    height: 60vh;
    padding-top: 0;
  }

  #inner-banner .innercontent-wrap {
    width: 95%;
    min-height: inherit;
    bottom: 15px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
  }

  #inner-banner .innercontent-wrap h2 {
    font-size: 34px;
    margin-bottom: 5px;
  }

  #inner-banner .innercontent-wrap h2 br {
    display: none;
  }

  #inner-banner .innercontent-wrap p {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 10px;
  }

  #inner-banner .innercontent-wrap p br {
    display: none;
  }

  #inner-banner .default-btn {
    display: block;
  }

  #whatwedo-secone {
    padding: 30px 0 0;
  }

  #whatwedo-secone::before,
  #whatwedo-secone::after {
    display: none;
  }

  #whatwedo-secone h2 {
    font-size: 28px;
    margin-bottom: 20px;
    line-height: 36px;
    text-align: center;
  }

  #whatwedo-secone h2 br {
    display: none;
  }

  #whatwedo-secone .servcies-box {
    margin-bottom: 30px;
    text-align: center;
  }

  #whatwedo-secone .servcies-box h3 {
    font-size: 20px;
    margin-bottom: 5px;
  }

  #whatwedo-secone .servcies-box h3 br {
    display: none;
  }

  #whatwedo-secone .servcies-box p {
    font-size: 13px;
    padding: 0;
  }

  #whatwedobenefits {
    padding: 30px 0 20px;
  }

  #whatwedobenefits .beneftiscontent h2 {
    margin-bottom: 15px;
    font-size: 28px;
    text-align: center;
  }

  .beneftiscontent ul {
    text-align: center;
    padding-bottom: 40px;
  }

  #whatwedobenefits .beneftiscontent ul li {
    margin-bottom: 10px;
  }

  #whatwedobenefits .beneftiscontent.otherpageservices li p {
    font-size: 14px;
  }

  .secgapimg-wrapper {
    position: static;
  }

  .secgapimg-wrap::before {
    content: "";
    border-radius: 5px;
  }

  .secgapimg-wrap img {
    border-radius: 5px;
  }

  #whatwedoofferingssec {
    padding: 20px 0;
  }

  #whatwedoofferingssec h2 {
    margin-bottom: 25px;
    font-size: 28px;
  }

  .mobile-nav {
    display: block;
    padding: 0;
  }

  .desktop-nav {
    display: none;
  }

  .mobile-offeringtabs {
    display: flex;
    overflow-x: auto;
    white-space: nowrap;
    width: 100vw;
    background: #313b4b;
    padding: 8px;
    position: relative;
    left: 0;
  }

  .mobile-offeringtabs a {
    display: inline-block;
    padding: 8px 15px;
    background: #313b4b;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    margin-right: 5px;
  }

  .mobile-offeringtabs a.active {
    background: rgb(8, 233, 112);
    background: linear-gradient(
      90deg,
      rgba(8, 233, 112, 1) 0%,
      rgba(17, 195, 186, 1) 52%,
      rgba(0, 177, 255, 1) 100%
    );
    color: #0b1b33;
  }

  #whatwedoofferingssec .offeringtabs-content ul li h4,
  #whatwedoofferingssec .offeringtabs-content > h4 {
    font-size: 16px;
    margin-bottom: 10px;
  }

  #whatwedoofferingssec .offeringtabs-content p {
    font-size: 14px;
    line-height: 25px;
    padding-bottom: 15px;
  }

  #whatwedoofferingssec .offeringtabs-content ul {
    padding-left: 30px;
    padding-bottom: 10px;
  }

  #whatwedoofferingssec .offeringtabs-content ul li {
    margin-bottom: 15px;
    font-size: 14px;
    line-height: 20px;
  }

  #ourpresence-sec .contactform-contenttop h2 {
    text-align: center;
  }

  #ourpresence-sec .contactform-contenttop p {
    text-align: center;
    font-size: 13px;
    line-height: 1;
    padding-bottom: 30px;
  }

  .contactform-contentbot .botcontent {
    margin-bottom: 30px;
  }

  .contactform-contentbot .botcontent:last-child {
    margin-bottom: 0;
  }

  .contactform-contentbot h3 {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .contactform-contentbot a {
    font-size: 14px;
    margin-bottom: 5px;
  }

  #whatwedotechpartnersec {
    padding: 30px 0 20px;
  }

  #whatwedotechpartnersec::before,
  #whatwedotechpartnersec::after {
    content: "";
    width: 60%;
    opacity: 0.3;
  }

  #whatwedotechpartnersec h2 {
    font-size: 28px;
    margin-bottom: 10px;
    text-align: center;
  }

  #whatwedotechpartnersec p {
    font-size: 14px;
    margin-bottom: 20px;
    text-align: center;
  }

  #whatwedotechpartnersec p br {
    display: none;
  }

  #ourpresence-sec .contactform-contentbot p {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
  }

  #whatwedobenefits .beneftiscontent h3 {
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 30px;
    text-align: center;
  }

  #whatwedobenefits .beneftiscontent h3 br {
    display: none;
  }

  #whatwedobenefits .beneftiscontent h4 {
    margin-bottom: 5px;
    font-size: 16px;
    text-align: center;
  }

  #whatwedobenefits .beneftiscontent p {
    font-size: 14px;
    line-height: 22px;
    padding-bottom: 10px;
  }

  #inner-banner.carriegrade-bgcontent {
    background-size: 200% auto;
  }

  #whatwedoofferingssec .offeringtabs-content ul li p {
    font-size: 14px;
    line-height: 24px;
  }

  #inner-banner.grcbg-content {
    background-size: 200% auto;
    background-position: 70% top;
  }

  #whatwedobenefits .beneftiscontent.otherpageservices > p {
    font-size: 14px;
    margin-bottom: 15px;
    line-height: 24px;
    text-align: center;
  }

  #inner-banner.cyberrec-content {
    background-position: 90% top;
  }

  #inner-banner.howwedosection {
    background-position: 65% top;
  }

  .howwedo-page #whatwedoofferingssec h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 25px;
    margin-top: 15px;
  }

  .howwedo-page #whatwedoofferingssec > .container > p {
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding: 0 0 30px;
    text-align: center;
  }

  .howwedo-page #whatwedoofferingssec .offeringtabs-content {
    padding: 20px 0;
  }

  .howwedo-page #whatwedoofferingssec .offeringtabs-content span {
    font-size: 24px;
    padding-bottom: 0;
  }

  .howwedo-page #whatwedo-secone h2 {
    margin-bottom: 20px;
  }

  #turnkeysolsection {
    padding: 30px 0 0;
    text-align: center;
  }

  #turnkeysolsection .container > h2 {
    margin-bottom: 15px;
    font-size: 28px;
  }

  #turnkeysolsection .container > p {
    font-size: 14px;
    line-height: 24px;
    padding: 0 0 15px 0;
  }

  #managedserv-section {
    padding: 30px 0 0;
    text-align: center;
  }

  #managedserv-section h2 {
    margin-bottom: 15px;
    font-size: 28px;
  }

  #managedserv-section p {
    font-size: 14px;
    line-height: 26px;
    padding: 0 0 20px;
  }

  .managedserv-slider {
    margin-bottom: 20px;
    padding-top: 0;
  }

  #managedserv-section .managedserv-box {
    min-height: inherit;
  }

  #managedserv-section .managedserv-box .managedserv-logo {
    margin: 0 auto;
  }

  #managedserv-section .managedsrv-content {
    padding: 20px 0 10px;
    border-radius: 0;
  }

  #managedserv-section .managedserv-box h4 {
    font-size: 22px;
    margin-bottom: 10px;
  }

  #managedserv-section .managedserv-box p {
    font-size: 12px;
    line-height: 20px;
    text-align: center !important;
  }

  #managedserv-section .owl-nav {
    display: none;
  }

  #managedserv-section .managedserv-box::before {
    content: "";
    border-radius: 5px;
  }

  .firstsec-top .firstsec-box {
    position: relative;
  }

  #whoweare-firstsec {
    padding: 30px 0 0;
  }

  .firstsec-top {
    padding-bottom: 30px;
  }

  .firstsec-top h2 {
    margin-bottom: 26px;
    font-size: 28px;
    text-align: center;
    line-height: 38px;
  }

  .firstsec-top h2 br {
    display: none;
  }

  .firstsec-top p {
    font-size: 16px;
    line-height: 26px;
    padding: 0 0 30px 0;
    text-align: center;
  }

  .firstsec-top .firstsec-box {
    border-radius: 5px;
    padding: 25px 15px;
    min-height: inherit;
    margin-bottom: 30px;
    text-align: center;
  }

  .firstsec-top .firstsec-box::before {
    content: "";
    border-radius: 5px;
  }

  .firstsec-top .firstsec-box h4 {
    font-size: 24px;
    margin: 0 0 10px 0;
  }

  .firstsec-top .firstsec-box p {
    padding: 0;
    font-size: 14px;
    line-height: 28px;
  }

  .firstsec-top {
    padding-bottom: 10px;
  }

  #whoweare-firstsec .firstsec-bot h2 {
    margin-bottom: 30px;
  }

  .firstsec-bot h2 {
    font-size: 28px;
    text-align: center;
  }

  #whoweare-firstsec .value-content li i {
    width: 50px !important;
    height: 50px !important;
    margin: 0 auto 10px;
  }

  #whoweare-firstsec .value-content li span {
    font-size: 12px;
    margin: 0;
  }

  #whoweare-firstsec .value-content ul {
    display: block;
    text-align: center;
  }

  #whoweare-firstsec .value-content li {
    text-align: center;
    display: inline-block;
    width: 25%;
    margin: 0 0 25px 0;
  }

  .whoweare-page #whowearethirdsec {
    padding: 30px 0;
  }

  .whoweare-page #whowearethirdsec::before,
  .whoweare-page #whowearethirdsec::after {
    width: 60%;
    opacity: 0.3;
  }

  .whoweare-page #whowearethirdsec h2 {
    font-size: 28px;
    margin-bottom: 5px;
    text-align: center;
  }

  #whowearethirdsec .container > p {
    font-size: 13px;
    line-height: 22px;
    padding: 0 0 20px 0;
    text-align: center;
  }

  #whowearethirdsec .container > p br {
    display: none;
  }

  #whowearethirdsec span {
    font-size: 35px;
    text-align: center;
  }

  #whowearethirdsec span em {
    margin: 10px 0 0 -5px;
    font-size: 55px;
  }

  #whowearethirdsec p {
    font-size: 14px;
    line-height: 22px;
    text-align: center;
  }

  #teamsec-wrap {
    padding: 30px 0 0;
  }

  #teamsec-wrap .boardmember-wrap {
    margin-bottom: 0;
  }

  #teamsec-wrap h2 {
    font-size: 28px;
    margin-bottom: 5px;
    text-align: center;
  }

  #teamsec-wrap p {
    font-size: 14px;
    line-height: 20px;
    padding: 0 0 20px 0;
    text-align: center;
  }

  #teamsec-wrap p br {
    display: none;
  }

  #teamsec-wrap .boardmember-wrap .mb-5 {
    margin-bottom: 0 !important;
  }

  #teamsec-wrap .teambox {
    margin-bottom: 30px;
  }

  #teamsec-wrap .teambox .teamoverlay {
    text-align: center;
    padding: 20px 15px;
  }

  #teamsec-wrap .teambox::before {
    display: none;
  }

  #teamsec-wrap .teambox .teamoverlay span {
    opacity: 1;
    visibility: visible;
    position: static;
  }

  #impactinner-section {
    padding: 10px 0 0;
  }

  #impactinner-section .owl-carousel .owl-dots {
    display: none;
  }

  #impactinner-section .mainimpact-content p {
    min-height: inherit;
  }

  #awardssection {
    padding: 30px 0 0;
  }

  #awardssection h2 {
    font-size: 28px;
    margin-bottom: 15px;
    text-align: center;
  }

  #awardssection p {
    font-size: 14px;
    line-height: 26px;
    padding-bottom: 30px;
    text-align: center;
  }

  #awardssection p br {
    display: none;
  }

  #awardssection .item {
    margin: 0 10px 15px 10px;
    border-radius: 5px;
    text-align: center;
  }

  #awardssection .awardsbox {
    border-radius: 5px;
    padding: 20px 15px 40px;
    min-height: inherit;
  }

  #awardssection .awardsbox::before {
    content: "";
    border-radius: 5px;
  }

  #awardssection .awardsbox .awardimg {
    width: 50px;
    height: 50px;
    margin-bottom: 30px;
  }

  #awardssection .awardsbox h3 {
    font-size: 18px;
    width: 100%;
    line-height: 26px;
  }

  #awardssection .awardsbox h4 {
    font-size: 13px;
    top: 35px;
    padding-left: 35px;
  }

  #awardssection .awardsbox h4::before {
    content: "";
    width: 30px;
    border-radius: 5px;
  }

  .homeimpactcontent {
    border: 1px solid #009688;
    padding: 20px;
    border-radius: 5px;
  }

  #inner-banner.career-content {
    padding-top: 0;
    padding-bottom: 60px;
    height: auto;
  }

  .careerpage-bannercontent {
    width: 100%;
    min-height: inherit;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 20px;
    position: relative;
    z-index: 9;
    margin-top: 125px;
    margin-bottom: 30px;
  }

  #inner-banner.career-content span {
    margin-top: 0;
    font-size: 10px;
    margin-bottom: 10px;
    padding-left: 40px;
  }

  #inner-banner.career-content span::before {
    width: 30px;
  }

  #inner-banner.career-content h2 {
    font-size: 32px;
    margin-bottom: 10px;
  }

  #inner-banner.career-content p {
    font-size: 15px;
    line-height: 22px;
    padding-bottom: 30px;
  }

  .careerbanner-img {
    width: 75%;
    margin: 0 auto;
  }

  #webelivesec h3 br,
  #lifeatinbox-sec h3 br,
  #hiringprocsec h3 br {
    display: none;
  }

  #webelivesec h3,
  #lifeatinbox-sec h3,
  #hiringprocsec h3 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 30px;
  }

  #webelivesec p,
  #lifeatinbox-sec p,
  #hiringprocsec p {
    text-align: center;
  }

  .lifeatinbox-gallery {
    padding: 25px 0 10px;
  }

  .lifeatinbox-gallery .inboxgallery-img {
    border-radius: 5px;
  }

  #webelivesec .webelivsec-img {
    padding: 25px 0 60px;
  }

  #webelivesec .webelivsec-img img {
    border-radius: 5px;
  }

  .hiringprocess-content {
    padding: 20px 0 30px;
  }

  .hiringbox {
    border-radius: 5px;
    padding: 0;
  }

  .hiringbox .steps {
    padding: 20px 15px;
    border-bottom: 1px solid #273047;
  }

  .hiringbox .steps .stepshead {
    margin-bottom: 25px;
    flex-direction: column;
  }

  .hiringbox .steps span {
    padding: 12px 25px !important;
    border-radius: 0;
    text-align: center;
    font-size: 14px !important;
    margin-bottom: 25px !important;
  }

  .hiringbox .steps .stepshead .step1icon,
  .hiringbox .steps .stepshead .step2icon,
  .hiringbox .steps .stepshead .step3icon,
  .hiringbox .steps .stepshead .step4icon {
    width: 40px;
    height: 40px;
    margin: 0 auto;
  }

  .hiringbox .steps h4 {
    font-size: 28px;
    margin-bottom: 10px;
    text-align: center;
  }

  #hiringprocsec p {
    font-size: 15px;
    line-height: 26px;
    padding: 0;
  }

  .default-btn {
    border-radius: 2px;
    font-size: 13px;
    padding: 14px 20px 10px;
  }

  .career-page #whowearethirdsec {
    padding: 30px 0;
  }

  .career-page #whowearethirdsec::before,
  .career-page #whowearethirdsec::after {
    width: 60%;
    opacity: 0.3;
  }

  .career-page #whowearethirdsec h2 {
    font-size: 22px;
    margin-bottom: 20px;
    text-align: center;
  }

  .career-page #whowearethirdsec .default-btn {
    font-size: 12px;
    padding: 14px 20px 10px;
    display: block;
  }

  #contactpresence {
    padding: 110px 0 0;
  }

  #contactpresence h2 {
    font-size: 28px;
    margin-bottom: 30px;
  }

  .presence-content {
    text-align: center;
  }

  #contactpresence .presence-content .contact-box {
    margin-bottom: 30px;
  }

  .contactus-page .contactform-contenttop {
    border-top: 1px solid #4caf50;
    padding-top: 30px;
  }

  .btn-style702::before {
    border-radius: 2px;
  }

  .bbg-1,
  .bbg-2,
  .bbg-3 {
    display: none;
  }
}

@media (max-width: 400px) {
  #main-banner .maincontent-wrap {
    top: 135px;
  }

  .secondright-content .annoucments-box {
    min-height: 151px;
  }
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
  background: #8dc73f !important;

  border-color: #8dc73f !important;

  box-shadow: none !important;
}