html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "Inter", sans-serif;
  /* background: #083d67 !important; */
  overflow-x: hidden;
}

img {
  max-width: 100%;
}

main {
  background: #fff;
}

.padding {
  padding: 0 !important;
}

.copyrightdiv {
  width: 100%;
  background: #0e2e51;
  margin-top: 4.5%;
}

.svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.navbar-brand {
  outline: none;
}

/* .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
  opacity: 0.1;
}

.circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
  opacity: 0.1;
} */

.cstmRow {
  width: 95% !important;
  margin: 0 auto !important;
}

.creative-img-slide .carousel-control-next {
  right: 0%;
  opacity: 1;
  bottom: 2%;
}

.creative-img-slide .carousel-control-prev {
  left: -15%;
  opacity: 1;
  bottom: 17%;
}

.creative-img-slide
  .owl-item.active
  + .owl-item.active
  + .owl-item.active
  img:last-child {
  opacity: 0.2;
}

.creative-img-slide .owl-dots {
  display: none;
}

.boxShadow {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.commonStyle {
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.wordStyle {
  word-spacing: 0px;
  letter-spacing: 0px;
  padding-left: 4%;
}

.navbar {
  transition: 0.6s ease !important;
}

.header.active {
  transition: 0.5s all ease-in-out;
}

.header {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0;
  z-index: 10000;
  transition: all 0.2s ease-in-out;
  height: auto;
  background-color: transparent;
  text-align: center;
  line-height: 40px;
}

.header.active {
  background: rgba(255, 255, 255, 0.98) !important;
  padding-bottom: 0;
  box-shadow: 1px 1px 10px #d4d4d4;
}

/* .container-top.home-page {
  margin-top: -13% !important;
} */

.container-top {
  margin-top: -10%;
  padding-top: 16%;
}

.header.active .openbtn {
  color: #333333;
  border: 1px solid #333333;
}

.header.active a .applybtn span {
  color: #fff !important;
}

.header .openbtn {
  padding: 7px 20px;
  margin-left: 7px;
  outline: none;
}

/* *CSS ENFD FOR FIXED HEADER*/
.parallax {
  background-image: url("img_parallax.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-top.parallax {
  background: url("../img/digital-transformation-bg.jpg") no-repeat center 0%;
  background-size: cover;
  padding-bottom: 40px;
  background-attachment: fixed;
  background-position: bottom center;
  background-repeat: no-repeat;
  overflow: hidden;
}

div#bannerTextSlide {
  min-height: 500px;
}

.container-top .row {
  width: 100%;
}

.Logo-1 {
  object-fit: contain;
  margin-top: -80px;
  margin-left: 0%;
}

.logocol {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 99;
}

.navbar-expand-md {
  padding-top: 1% !important;
}

.container-top .row .col-md-4:nth-of-type(3) {
  text-align: end;
}

a.mobile_icon {
  background-color: rgba(255, 255, 255, 0.25);
  padding: 7px 19px;
  text-align: center;
  display: none;
  color: #fff;
  font-size: 1.7em;
}

.header.active a.mobile_icon {
  border: 1px solid #333333;
  color: #5e5e5e;
}

button.applybtn {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #8bc53f;
  font-size: 0.9em;
  padding: 1% 0px;
  min-width: 130px;
  height: 43px;
  transition: all 50ms;
  cursor: pointer;
  margin: 0 5px;
  border: 0;
  border-radius: 10px;
  transition: all 0.3s ease;
}

button.applybtn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  font-weight: 600;
}

button.applybtn span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  font-size: 1.8em;
  line-height: 0.7;
}

button.applybtn:hover span {
  padding-right: 25px;
}

button.applybtn:hover span:after {
  opacity: 1;
  right: 5px;
  top: 1px;
}

button.btn.applybtn:hover {
  color: #fff;
}

.navBox_Shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.container-top .navbar-expand-md .navbar-toggler {
  display: block !important;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 0;
  width: 48px;
  height: 48px;
}

.navbar-toggler-icon {
  color: black;
}

.container-top .pdiv p {
  color: white;
}

.container-top .pdiv h1 {
  font-weight: 600;
}

.container-top .pdiv p:nth-of-type(1) {
  font-family: Inter;
  font-size: 1.5vw;
  font-weight: 500;
  line-height: 1.38;
  color: #ffffff;
  padding-left: 0;
}

.container-top .pdiv p:nth-of-type(2) {
  display: none;
}

.container-top .pdiv p.p2 span {
  color: #a0f32f !important;
  padding: 0 1.3%;
  font-family: Inter Bold !important;
}

.container-top .greenemptydiv {
  text-align: center;
  padding-bottom: 3%;
}

.container-top .greenemptydiv button {
  width: 26%;
  padding: 2%;
  margin-right: 3%;
  background: #8bc53f;
  border: none;
  margin: auto;
}

.container-bottom .div1 {
  text-align: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 15%;
}

.container-bottom .div1 .shortRow {
  width: 70%;
  display: flex;
  flex-direction: row;
  align-self: center;
  margin-top: -6%;
}

.container-bottom .div1 .shortRow .greencol {
  background: #8bc53f;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7% 2%;
}

.certifications_home .certificate_block {
  background: #8bc53f;
  padding: 6.5% 6%;
}

.certifications_home .certificate_block p {
  border: 0;
  font-family: Inter;
  font-size: 1.6em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.18;
  letter-spacing: normal;
  color: #ffffff;
  padding: 4% 0;
  margin: 0;
}

.container-bottom .div1 .shortRow .whitecol {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.container-bottom .div1 .shortRow .whitecol img:nth-of-type(1) {
  width: 26%;
  margin-right: 6%;
  margin-left: 0%;
}

.container-bottom .div1 .shortRow .whitecol img:nth-of-type(2) {
  width: 32%;
  margin-right: 6%;
}

.container-bottom .div1 .shortRow .whitecol img:nth-of-type(3) {
  width: 15%;
}

.happy .col-L h3 {
  font-family: Inter;
  font-size: 6.7vw;
  font-weight: bold;
  margin-left: 43%;
  white-space: nowrap;
  margin-bottom: 24%;
  opacity: 0.6;
  color: rgba(229, 229, 229, 0.75);
}

.happy .col-R .happyDivtop .happyp1 {
  font-family: Inter Semi Bold;
  font-size: 1.7em;
  line-height: 0.6;
  color: #333333;
  z-index: 4;
  position: relative;
  margin-bottom: 0.3rem;
}

.happyDivtop {
  padding-left: 5%;
}

.happyDivtop dt {
  font-size: 2.1em;
  line-height: 1.6;
  font-family: Inter Bold;
}

.happy .col-R .happyDivtop .happyp2 {
  white-space: pre-line;
  font-family: Inter Regular;
  font-size: 1.15em;
  line-height: 1.7;
  color: #616161;
  margin-bottom: 10%;
}

.happy .col-R .happyGreenDiv {
  color: white;
  width: 87%;
  margin-top: 17.5%;
  background: #8bc53f;
  display: flex;
  align-items: flex-end;
  padding: 2% 0 0% 2%;
  z-index: 1;
  margin-left: -34%;
  flex-direction: column;
}

.happy .col-R .happyGreenDiv .threeboxdiv {
  width: 120%;
  z-index: 3;
  margin-right: -27%;
}

.happy .col-R .happyGreenDiv .threeboxdiv h4 {
  font-size: 2.5em;
  font-weight: bold;
  text-align: start;
  width: 100%;
  padding-left: 2.5rem;
}

.happy .col-L {
  background: url(../img/hello1.png) no-repeat 54% top;
  background-size: 82% 93%;
  z-index: 2;
  display: flex;
  align-items: center;
  width: auto;
}

.threeboxdiv div {
  background: white;
  color: #333333;
  padding: 4% 2%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.happy .col-R .happyGreenDiv .happytenp {
  margin-top: 4%;
  margin-right: 9%;
  margin-bottom: 6%;
  white-space: nowrap;
  font-family: Inter;
  font-size: 1.8em;
}

.happy .col-R .happyGreenDiv .happytenp .happytenspan {
  font-size: 1.875em;
  font-weight: bold;
  font-family: Inter;
  margin-right: 5%;
}

.threeboxdiv div p {
  width: 100%;
  white-space: nowrap;
  margin-bottom: 0;
  font-family: Inter Regular;
  padding-left: 2.5rem;
  font-size: 1em;
  color: #333333;
}

.div3 {
  margin-top: 20rem;
  background: url(../img/Maskimage.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 0 0 8rem;
}

.div3 .div31 {
  margin: auto;
}

.div3 h3 {
  position: absolute;
  font-family: Inter;
  font-size: 6.7vw;
  font-weight: bold;
  color: rgba(229, 229, 229, 0.75);
  right: 21.5%;
  left: 44%;
  white-space: nowrap;
  margin-top: -6.7%;
}

.div3 .div31 h3 {
  color: rgba(255, 255, 255, 0.15);
  font-family: Inter;
  font-weight: bold;
  font-size: 9.6em;
  margin: 0;
}

.div3 .div32 .excellent_section_style {
  margin: auto;
}

.div3 .div32 .col1 {
  padding: 5% 8% 0% 11%;
  font-family: Inter;
}

.excellence_section .excellence_block1 {
  background: #8bc53f;
  padding: 5rem 3.9rem 4rem;
  margin: -6rem 4.5rem 0 0;
}

.excellence_section .excellence_block1 p {
  color: #ffffff;
  line-height: 48px;
  font-family: Inter Regular;
  font-size: 2em;
}

.excellence_section .excellence_block1 p:nth-of-type(2) {
  color: #ffffff;
  font-family: Inter Regular;
  font-size: 2em;
  line-height: 52px;
}

.excellence_section .excellence_block1 h1 {
  font-family: Inter Semi Bold;
  font-size: 3.2vw;
  margin: 2rem 0 1rem;
  color: #fff;
}

.excellence_section .excellence_block2 {
  background: rgba(140, 196, 64, 0.35);
  padding: 5rem 3.9rem 2rem;
  margin: -5rem 4.5rem 0 0;
}

.excellence_section .excellence_block2 p {
  color: #ffffff;
  font-size: 1.25em;
  line-height: 1.7;
  color: #ffffff;
  padding-top: 3rem;
}

.div3 .div32 .maindiv3p {
  font-family: Inter;
  font-size: 1.2em;
  line-height: 1.5;
  color: #ffffff;
  margin-top: -38%;
}

.div3 .div32 .maindiv3p .div3p1 {
  line-height: 48px;
  font-family: Inter;
  font-size: 1.7em;
}

.div3 .div32 .maindiv3p .div3p2 {
  font-family: Inter Semi Bold;
  font-size: 2.8em;
  margin-bottom: 0;
}

.div3 .div32 .maindiv3p .div3p3 {
  font-family: Inter Regular;
  font-size: 2em;
  line-height: 52px;
}

.div3 .div32 .div3p4 {
  font-family: Inter;
  font-size: 1.25em;
  line-height: 1.7;
  color: #ffffff;
  padding-top: 30%;
}

.browse_btn {
  text-align: center;
  padding-top: 5rem;
  padding-right: 4.5rem !important;
}

.div3 .div32 .development_section {
  padding-top: 5rem;
  padding-left: 0;
}

.div3 .div32 .development_section .development_section_Web {
  display: block;
}

.div3 .div32 .development_section .development_section_Mobile {
  display: none;
}

button.browseServiceBtn {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #000000;
  font-weight: 500;
  background-color: #8bc53f;
  font-size: 1em;
  padding: 15px 12px;
  width: 257px;
  height: 72px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.browse_btn button.browseServiceBtn.browseServiceBtnMobile {
  display: none;
}

button.browseServiceBtn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.browseServiceBtn span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

button.browseServiceBtn:hover span {
  padding-right: 25px;
}

button.browseServiceBtn:hover span:after {
  opacity: 1;
  right: 0;
}

.div3 .div32 .row .col {
  padding: 0;
  height: 260px;
}

.div3 .div32 .row .col .card {
  background: white;
  align-items: center;
  height: 95%;
  border: none;
  border-radius: 0;
  margin: 0.5rem;
}

.div3 .div32 .row .col .card .default {
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 20% 0 8%;
  display: block !important;
  text-align: center;
}

.div3 .div32 .row .col .card .default h5 {
  font-weight: bold;
  font-family: Inter;
  font-size: 1.125em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #004279;
  padding-top: 20%;
}

.div3 .div32 .row .col .card .default p {
  font-size: 0.7em !important;
  color: #004279;
  line-height: 1.83;
  margin-bottom: 0;
  font-family: Inter Regular;
}

.div3 .div32 .row .col .card .hoverdiv {
  height: 100%;
  width: 100%;
  display: none;
  background: #ed187e;
  color: white;
  padding: 3% 4%;
  font-family: Inter Medium;
}

.div3 .div32 .row .col .card .hoverdiv h5 {
  font-family: Inter Bold;
  font-size: 0.87em;
  line-height: 1.18;
  color: #ffffff;
  font-weight: bold;
  padding: 5% 0 0 5%;
}

.div3 .div32 .row .col .card .hoverdiv .hoverp1,
.div3 .div32 .row .col .card .hoverdiv a {
  font-family: Inter;
  font-size: 0.8em;
  font-weight: 500;
  line-height: 1.18;
  color: #ffffff;
  padding: 0 3%;
}

.div3 .div32 .row .col .card .hoverdiv .hoverp1 {
  margin-bottom: 5%;
  height: 71%;
  overflow-y: hidden;
  font-size: 14px;
  line-height: 1.7;
  font-family: Inter;
  font-weight: normal;
  padding: 5%;
}

.div3 .div32 .row .col .card .hoverdiv a {
  float: right;
  margin-bottom: 0 !important;
}

/* *CSS for comment div*/

.commentdiv {
  background: url(../img/newAssets/happy-client1.png) no-repeat,
    url(../img/comment1.jpg) no-repeat;
  margin-top: 6%;
  background-position: 78% 30px, 84% 130px;
  background-size: 465px 298px, 100% 90%;
  padding-top: 10%;
  height: 600px;
  position: relative;
}

/* .commentdiv .commentdivInner {
  margin-left: 16%;
} */

.commentdiv .commentdivInner h3 {
  margin-top: -10.1%;
  font-family: Inter Bold;
  font-size: 6.6vw;
  color: #dedede;
}

.commentdiv .commentdivInner .happyTextStyle {
  margin-top: -10.2%;
  font-family: Inter Bold;
  font-size: 6.6vw;
  color: rgba(242, 242, 242, 0.2);
}

.commentdiv .commentdivInner .cmntP1 {
  font-family: Inter Regular;
  font-size: 2em;
  line-height: 1.5;
  color: #ffffff;
  margin-top: 6%;
  margin-bottom: 0%;
}

.commentdiv .commentdivInner .cmntPSpan {
  font-size: 3em;
  font-weight: 600;
  line-height: 1.33;
  font-family: Inter Semi Bold;
  color: #ffffff;
  margin-bottom: 2%;
  display: block;
}

.commentdiv .commentdivInner .cmntP2 {
  width: 30%;
  font-family: Inter Regular;
  font-size: 1.2em;
  line-height: 1.7;
  color: #ffffff;
}

.commentdiv .commentdivInner .cmntP2 span {
  display: block;
  color: #8bc53f;
}

.commentdiv .commentSlider {
  margin-top: 7%;
}

.commentdiv .owl-carousel .owl-item {
  height: 275px !important;
}

.commentdiv .owl-dots {
  display: none;
}

.commentdiv .commentBoxStyle {
  width: auto;
  height: 250px;
}

.commentdiv .commentdivInner .commentBox {
  background: transparent;
  margin-bottom: 2%;
  margin-right: auto;
  margin-top: 5%;
}

.commentdiv .commentdivInner .commentPerson {
  margin-right: auto;
}

.commentdiv .commentdivInner .commentBox .col {
  flex-basis: auto;
}

.commentdiv .commentdivInner .commentBox .divimg1 .text p,
.commentdiv .commentdivInner .commentBox .divimg2 .text p,
.commentdiv .commentdivInner .commentBox .divimg3 .text p {
  color: #ffffff;
  margin: 0;
  font-size: 0.8em;
  font-family: Inter Semi Bold;
  line-height: 1.75;
}

.commentdiv .commentdivInner .commentBox .divimg1 .text p:nth-of-type(2),
.commentdiv .commentdivInner .commentBox .divimg1 .text p:nth-of-type(3) {
  font-family: Inter Regular !important;
  font-size: 0.75em !important;
}

.commentdiv .commentdivInner .commentBox .divimg1 .mycell.img,
.commentdiv .commentdivInner .commentBox .divimg2 .mycell.img,
.commentdiv .commentdivInner .commentBox .divimg3 .mycell.img {
  width: 20%;
  margin-right: 5% !important;
  text-align: center;
}

.commentdiv .commentdivInner .commentBox .divimg1 .img p {
  background: #ffffff;
  padding: 2px;
  border-radius: 50px;
}

.commentdiv .commentdivInner .commentBox .divimg1 .img img,
.commentdiv .commentdivInner .commentBox .divimg2 .img img,
.commentdiv .commentdivInner .commentBox .divimg3 .img img {
  width: 100%;
}

.commentdiv .commentBox .col {
  padding: 0.5;
  padding-right: 1%;
  padding-left: 0;
}

.commentdiv .commentdivInner .commentBox .divimg1 {
  height: 25%;
}

.commentdiv .commentBox .commentBox1,
.commentdiv .commentBox .commentBox2,
.commentdiv .commentBox .commentBox3 {
  letter-spacing: normal;
  font-family: Inter Regular;
  font-size: 1.05em;
  line-height: 24px;
  color: #000000;
  position: relative;
  background: white;
  border-radius: 0.4rem;
  padding: 10% 5% 2%;
  border-bottom: 5px solid #8bc53f;
  height: 75%;
  min-height: 75%;
  border-radius: 0;
  padding-left: 7%;
}

.commentdiv .commentBox .commentBox1 .comment {
  overflow-y: auto;
  height: 95%;
  cursor: pointer;
}

.commentdiv .commentBox .commentBox1 .fa,
.commentdiv .commentBox .commentBox2 .fa,
.commentdiv .commentBox .commentBox3 .fa {
  color: #8bc53f;
  position: absolute;
  top: -3%;
  font-size: 1.7em;
  left: 10%;
}

.commentdiv .commentBox .commentBox1:after,
.commentdiv .commentBox .commentBox2:after,
.commentdiv .commentBox .commentBox3:after {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 38px;
  right: auto;
  top: auto;
  bottom: -20px;
  border: 12px solid;
  border-color: lightyellow transparent transparent lightyellow;
}

.commentdiv .commentBox .commentBox1:before,
.commentdiv .commentBox .commentBox2:before,
.commentdiv .commentBox .commentBox3:before {
  content: " ";
  position: absolute;
  width: 0;
  height: 0;
  left: 38px;
  right: auto;
  top: auto;
  bottom: -28px;
  border: 14px solid;
  border-color: #8cc43e transparent transparent #8bc53f;
}

.mytable {
  display: flex;
  width: 100%;
  margin-top: 10%;
}

.mycell {
  display: table-cell;
}

/* *OurWork*/

.cstmRowBackground {
  background-color: #f6f6f6;
  padding: 10% 0 5%;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.cstmRowCol1 {
  text-align: center;
  margin-bottom: 0%;
}

.firstDivContent {
  font-family: Inter Medium;
  font-size: 3.6vw;
  line-height: 1.5;
  color: #333333;
}

.firstDivContentSpan {
  font-family: Inter Bold;
}

.firstDivPara {
  font-size: 3.6em;
  font-weight: 600;
  line-height: 1.2;
  color: #2083d2;
}

.firstDivHeight {
  font-family: Inter Medium;
  font-size: 1.1em;
  line-height: 1.7;
  color: #616161;
}

.cstmRowCol2Headding2 {
  margin-bottom: -5.7%;
  font-family: Inter Bold;
  text-align: center;
  font-size: 10.55vw;
  color: rgba(32, 131, 210, 0.1);
}

.secondDivImage1 {
  width: 390px;
  height: 327px;
  float: left;
  margin: 0.6%;
  background: #fff;
  padding: 1%;
  box-shadow: 0px 3px 7px -3px #909090;
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.secondDivImage1:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.creative_slider .carousel-item.itemStyle img:nth-of-type(3) {
  filter: blur(2.5px) !important;
  -webkit-filter: blur(2.5px) !important;
  width: 250px;
  height: 327px;
  margin: 0.6%;
  background: #fff;
  padding: 1%;
  box-shadow: 0px 3px 7px -3px #909090;
  opacity: 0.8;
}

.creative_slider .cstmCarouselItemshadow {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}

.creative-img-slide {
  width: 80%;
  margin-left: 20%;
  margin-top: 2%;
}

.carousel-control-next {
  right: 5%;
  opacity: 1;
}

.carousel-control-prev {
  left: 5%;
  opacity: 1;
}

.secondDivImage2 {
  width: 30%;
  height: 50%;
  margin: 5%;
}

.itemStyle {
  padding-left: 20.7%;
}

.carousel-control-prev-icon {
  background: url(../img/leftArrow.png) no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
}

.carousel-control-next-icon {
  background: url("../img/rightArrow.png") no-repeat;
  background-size: 100% 100%;
  width: 48px;
  height: 48px;
}

.divButton {
  text-align: center;
  margin: 1% 0;
  padding-right: 20%;
}

button.btndivButton {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 15px 12px;
  width: 257px;
  height: 59px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  border: 0;
  border-radius: 4px;
}

button.btndivButton span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.btndivButton span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

button.btndivButton:hover span {
  padding-right: 25px;
}

button.btndivButton:hover span:after {
  opacity: 1;
  right: 0;
}

.btndivButton:focus {
  outline: none;
}

/* *thirdDiv customer logo slider*/

.thirdDiv {
  background-color: #ffffff;
  text-align: center;
}

.thirdDivHeading {
  font-family: Inter Semi Bold;
  font-size: 2.7vw;
  line-height: 1.5;
  color: #333333;
  margin-top: 8%;
  margin-top: 16%;
}

.thirdDivPara {
  font-family: Inter Semi Bold;
  font-size: 2.7vw;
  line-height: 1;
  color: #333333;
  color: #2083d2;
}

.thirdDivh6 {
  font-family: Inter Regular;
  font-size: 1.3em;
  line-height: 2.11;
  color: #333333;
  padding: 0 1%;
}

section.customer-logos.slider.wow.slideInRight {
  text-align: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  margin-top: 6%;
  padding-bottom: 2%;
}

@-moz-document url-prefix() {
  section.customer-logos.slider.wow.slideInRight {
    display: block ruby;
    scrollbar-width: thin;
    scrollbar-color: #efefef white;
  }
}

.customer-logos .cstmerLogoImg {
  width: 95%;
  margin-right: 3%;
}

.customer-logos img:last-child {
  margin-right: 0;
}

.customer-logos::-webkit-scrollbar {
  width: 0px;
  height: 5px;
  background: transparent;
}

.customer-logos::-webkit-scrollbar-thumb {
  background: #efefef;
  border-radius: 10px;
}

/* *css for indexpartnerDiv*/

.indexpartnerDiv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: url("../img/Partnerimage.png") no-repeat center top;
  padding-top: 23%;
  background-size: 100%;
  width: 84%;
  margin: 10% 8% 0%;
}

.indexpartnerDiv .indexprtnrinnerdiv1 {
  width: 28%;
  height: 10vw;
  margin-bottom: -2%;
}

.indexpartnerDiv .indexprtnrinnerdiv1 .partners {
  font-family: Inter Semi Bold;
  font-weight: 600;
  color: #333333;
  font-size: 1.1em;
  padding: 0;
  background-color: #f2f2f2;
}

.indexpartnerDiv .indexprtnrinnerdiv1 div .activeCls {
  background-color: #8bc53f;
  color: #ffffff !important;
}

.indexpartnerDiv .indexprtnrinnerdiv1 .partners button {
  width: 100%;
  height: 100%;
  padding: 46% 2% 0%;
  border: none;
  outline: none;
  font-size: 1.1em;
  color: #333333;
}

.indexpartnerDiv .indexprtnrinnerdiv1 .directories {
  font-family: Inter Medium;
  font-weight: 500;
  color: #333333;
  background-color: #f2f2f2;
  font-size: 1.1em;
  padding: 0;
}

.indexpartnerDiv .indexprtnrinnerdiv1 .directories button {
  width: 100%;
  height: 100%;
  padding: 46% 2% 0%;
  border: none;
  outline: none;
  font-size: 1.1em;
  color: #333333;
}

.indexpartnerDiv .indexprtnrinnerdiv2 {
  background-color: #ffffff;
  padding: 7% 4% 5%;
  width: 78% !important;
  margin: 0 11% !important;
}

.indexpartnerDiv .indexprtnrinnerdiv2 .partnerP1 {
  font-family: Inter Medium;
  font-size: 1.8vw;
  font-weight: 500;
  color: #333333;
}

.indexpartnerDiv .indexprtnrinnerdiv2 .partnerP2 {
  font-family: Inter Medium;
  font-size: 1.1em;
  font-weight: 500;
  color: #616161;
}

.indexpartnerDiv .indexprtnrinnerdiv2 img {
  margin-right: 4%;
}

.indexpartnerDiv .imgdiv {
  padding: 6% 0;
}

/* *css for last section div*/

.lastSectionDiv {
  background: #004279;
  background-size: 100% 84%;
}

.footer-contact-section {
  margin-top: 20%;
}

.IndexContactImg {
  width: 100%;
}

.lastSectionDiv {
  z-index: 9999 !important;
}

.myForm {
  display: flex;
  flex-direction: column;
  width: 65%;
  margin-right: 12%;
  background-color: #ffffff;
  padding: 2% 6% 12% 6%;
  margin-bottom: -3%;
  margin-top: -10%;
  position: absolute;
  z-index: 999;
}

.lastSectionDiv .myForm .Contact-Us {
  font-family: Inter Medium;
  font-size: 1.5em;
  line-height: 1.53;
  color: #333333;
  margin-top: 6%;
  margin-bottom: 3%;
}

.lastSectionDiv .myForm .pshare {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.53;
  color: #616161;
  margin-bottom: 7%;
}

.lastSectionDiv .myForm .checkboxmsg {
  width: 20px;
  height: 19px;
  border: solid 2px #333333;
  background-color: #ffffff;
  margin-right: 4%;
  font-family: Inter Regular;
}

.lastSectionDiv .myForm .checkboxLabel {
  font-size: 0.9em;
  display: flex;
  margin-top: 4%;
}

.lastSectionDiv .myForm .captchadiv {
  border: solid 1px #dddddd;
  background-color: #f2f2f2;
  width: 70%;
  padding: 5% 1% 2.5%;
  margin-top: 0%;
  margin-bottom: 17%;
  font-family: Inter Regular;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.lastSectionDiv .myForm .captchaLabel {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.lastSectionDiv .myForm .captchadiv input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.lastSectionDiv .myForm .captchadiv .captchamsg {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: solid 2px #333333;
  background-color: #ffffff;
  font-family: Inter Regular;
  border-radius: 5px;
  outline: none;
}

.lastSectionDiv .myForm .captchadiv input:checked ~ .captchamsg {
  background-color: #2196f3;
  border-color: #2196f3;
}

.lastSectionDiv .myForm .captchadiv .captchamsg:after {
  content: "";
  position: absolute;
  display: none;
}

.lastSectionDiv .myForm .captchadiv input:checked ~ .captchamsg:after {
  display: block;
}

.lastSectionDiv .myForm .captchadiv .captchamsg:after {
  left: 9px;
  top: 3px;
  width: 6px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.lastSectionDiv button.clear {
  background: transparent;
  border: 0;
  position: relative;
}

.lastSectionDiv .myForm .row {
  margin-bottom: 2%;
}

.lastSectionDiv .myForm .row div {
  padding-right: 0;
}

.lastSectionDiv .myForm .frminput {
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.13;
  color: rgba(51, 51, 51, 0.5);
  color: #33333394;
  border: solid 1px #dddddd;
  background-color: #f2f2f2;
  margin-bottom: 2.5%;
  padding: 3% 4%;
  width: 100%;
  resize: none;
}

.lastSectionDiv .myForm .frminput::placeholder {
  font-family: Inter Regular;
  font-size: 0.9em;
  color: #33333394;
}

.lastSectionDiv .myForm .btn-submit_green {
  background-color: #2083d2;
  color: white;
  padding: 3% 0;
  border: 0;
  text-transform: capitalize;
}

.myForm .form-group {
  display: block;
  margin-bottom: 0rem;
  padding-top: 1.2rem;
}

.myForm .form-group input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  cursor: pointer;
}

.myForm .form-group label {
  position: relative;
  cursor: pointer;
}

.myForm .form-group label:before {
  content: "";
  -webkit-appearance: none;
  background-color: #fff;
  border: 2px solid #333333;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),
    inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
  padding: 10px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 5px;
}

.myForm .form-group input:checked + label:after {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 9px;
  width: 6px;
  height: 14px;
  border: solid #004279;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.chkbox {
  padding: 3% 0;
  font-size: 0.9em;
}

.contactUsSection button.clear {
  background: transparent;
  border: 0;
  position: relative;
}

.filesId {
  display: none;
  margin-left: 0%;
  margin-top: 5%;
}

.customCheckbox {
  display: block;
  position: relative;
  padding-left: 10%;
  margin-bottom: 2%;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.53;
  color: #616161;
}

.customCheckbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 22px;
  width: 22px;
  background-color: #fff;
  border: 2px solid;
  outline: none;
}

.customCheckbox:hover input ~ .checkmark {
  background-color: #fff;
}

.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

.customCheckbox input:checked ~ .checkmark:after {
  display: block;
}

.customCheckbox .checkmark:after {
  left: 7px;
  top: 1px;
  width: 6px;
  height: 13px;
  border: solid #000;
  border-width: 0 2px 2px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* *footer css*/

.page-footer {
  clear: both;
  background-color: #083d67;
  color: #e5e5e5;
  font-family: Inter;
  padding-top: 4.5%;
  border-top: 5px solid #8bc53f;
}

.page-footer .row .mx-auto {
  font-family: Inter;
  font-size: 1em;
  font-weight: 500;
  line-height: 2.22;
  color: #e5e5e5;
}

.page-footer .row .mx-auto h5 {
  font-size: 1.1em;
  font-family: Inter Semi Bold;
  outline: none;
}

.page-footer .row .mx-auto h5.text-uppercase {
  text-transform: none !important;
}

.page-footer ul li a {
  color: #e5e5e5;
  font-family: Inter;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  outline: none;
  font-size: 0.8rem;
}

.page-footer ul li {
  margin-bottom: 0;
  line-height: 2.22;
  color: #e5e5e5;
  font-family: Inter;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  outline: none;
  font-size: 0.8rem;
}

.page-footer .addressdiv img {
  width: 8.5%;
  padding-right: 1.5%;
}

.page-footer .addressdiv p {
  font-family: Inter;
  font-size: 0.8em;
}

.page-footer .addressdiv p a {
  font-family: Inter;
  font-size: 1em;
  color: #e5e5e5;
}

.page-footer .addressdiv p a:hover {
  font-family: Inter;
  font-size: 1em;
  color: #fff;
  text-decoration: underline !important;
}

.page-footer .addressdiv strong {
  font-size: 1.1em;
}

p#FooterDIV5 span {
  font-size: 14px;
}

.page-footer .lastHr {
  width: 100%;
  border-bottom: 1px solid #e5e5e5;
}

.page-footer .copyrightdiv .footer-copyright {
  font-family: Inter;
  font-size: 0.8em;
  font-weight: normal;
  color: #ffffff;
}

.page-footer .copyrightdiv .footer-copyright a {
  font-family: Inter;
  color: #ffffff;
}

.page-footer .copyrightdiv ul li a {
  white-space: nowrap;
  font-family: Inter;
}

.page-footer .copyrightdiv .col ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: start;
  height: 100%;
  font-family: Inter;
  font-size: 0.8em;
  font-weight: 500;
  color: #ffffff;
  flex-wrap: wrap;
  margin-top: 0px;
}

.page-footer .copyrightdiv .col ul li {
  margin-left: 5px;
}

.footer_nav ul {
  margin-bottom: 0;
}

.page-footer .copyrightdiv .col:nth-of-type(3) {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  padding-right: 0;
}

.page-footer .copyrightdiv a.foo-social {
  margin: 12px 5px;
  width: 38px;
}

.page-footer .copyrightdiv .fb:hover {
  background: url(../img/fb-foo-green.png) no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.page-footer .fa {
  display: none;
}

.page-footer .addressdivDiv {
  display: block;
}

.row.leftMenuRow {
  padding-left: 4%;
}

.row.leftMenuRow1 {
  padding-left: 4%;
}

.sidepanel {
  width: 0;
  position: fixed;
  z-index: 1;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #0a0e37;
  overflow-x: hidden;
  padding-top: 60px;
}

.Developmentprocess span u a {
  font-size: 1em;
  padding: 0;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.11;
  letter-spacing: normal;
  color: #ffffff;
  font-family: Inter;
}

.Developmentprocess span u a:hover {
  padding: 0 !important;
  font-size: 1em !important;
  background: transparent !important;
  box-shadow: none !important;
}

.sidepanel a {
  padding: 8px 8px 0px 32px;
  text-decoration: none;
  font-size: 1.5em;
  color: #818181;
  transition: 0.3s;
  line-height: 2.2;
  font-weight: normal;
  font-family: Inter;
  outline: none;
  display: block;
}

.leftMenuRowCol1 a {
  display: block;
  width: 96%;
}

.sidepanel a:hover {
  color: #f1f1f1;
  text-decoration: none;
}

.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
}

.openbtn {
  font-size: 20px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.25);
  color: white;
  padding: 13px 20px;
  border: none;
}

.openbtn:hover {
  background-color: rgba(199, 197, 197, 0.25);
}

#mySidepanel {
  z-index: 6;
  padding-top: 1%;
  overflow-y: hidden;
}

.leftMenuRowTop {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.leftMenuRow {
  margin-top: 2%;
}

.leftMenuRow1 {
  margin-top: 2%;
}

.leftMenuRow1 {
  display: none;
}

.sideNavLi {
  color: #ffffff !important;
  box-shadow: inset 8px 0 0 0 rgba(255, 255, 255, 0.1);
  margin-bottom: 2%;
  font-family: Inter !important;
}

.sidepanel a:hover {
  box-shadow: inset 8px 0 0 0 #2083d2;
  background-color: rgba(32, 131, 210, 0.5);
  color: #ffffff;
}

.sidepanel a.navbar-brand:hover {
  background: transparent;
  box-shadow: none;
}

.sidepanel a.active {
  box-shadow: inset 8px 0 0 0 #2083d2;
  background-color: rgba(32, 131, 210, 0.5);
  color: #ffffff;
}

.col8contentfirstDiv {
  padding-bottom: 3%;
}

.col8contentsecondDiv {
  margin-top: 2%;
}

.imgage1 {
  width: 100%;
}

.col8contentSecondRow {
  width: auto !important;
  margin-right: 0 !important;
}

.Developmentprocess {
  max-inline-size: max-content;
}

.col8contentcontent {
  width: 100%;
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.57;
  margin-bottom: 0;
  color: #ffffff;
}

.underline {
  font-family: Inter regular;
  font-size: 1.1em;
  line-height: 2.11;
  color: #ffffff;
}

.Model {
  padding-right: 0 !important;
}

nav.navbar.navbar-expand-md.header.active .Logo-1 {
  display: none;
}

nav.navbar.navbar-expand-md.header .Logo-stycky {
  display: none;
}

nav.navbar.navbar-expand-md.pl-0.pr-0.header.active .Logo-stycky {
  display: block;
}

.header.active img.Logo-stycky {
  width: 65%;
}

img.Logo-1.logo_nav {
  display: block !important;
  margin-left: 0 !important;
  margin-top: -50%;
}

.header.active img.Logo-1.logo_nav {
  display: block !important;
  margin-left: 0 !important;
}

ul.mobileapp_nav,
ul.analytics_nav,
.webdevelopment_nav {
  padding-left: 0;
  list-style: none;
}

small.small {
  font-size: 11px;
  font-weight: normal;
}

ul.mobileapp_nav li span a,
ul.analytics_nav li span a,
ul.webdevelopment_nav li span a {
  padding: 0;
  font-family: Inter;
  line-height: 2.3;
}

ul.mobileapp_nav li span a,
ul.analytics_nav li span a {
  padding: 0;
  font-size: 0.8em;
  color: rgba(255, 255, 255, 0.75);
  font-family: Inter;
  line-height: 2.3;
  font-weight: normal;
}

ul.mobileapp_nav,
ul.analytics_nav {
  border-left: 1px solid;
  border-color: rgba(255, 255, 255, 0.75);
}

img.imgage-arow {
  margin-top: -3px;
  margin-right: 8px;
}

ul.mobileapp_nav li span a:hover,
ul.analytics_nav li span a:hover,
ul.webdevelopment_nav li span a:hover {
  box-shadow: none;
  background-color: transparent;
}

ul.webdevelopment_nav li span a {
  color: #fff;
  font-size: 0.8em;
  line-height: 2;
}

/* nav css end */

/* *START CSS FOR BLOG PAGE*/
.container-blog.parallax {
  background: #163c70;
  padding-bottom: 6.5%;
  background-attachment: fixed;
}

.blog .container-blog .svg1 .circle1,
.blog .container-blog .svg1 .circle2 {
  stroke: #48312a;
}

.container-blog .blogpdiv {
  width: 90%;
  margin: 0 auto 0%;
}

.blog .container-blog .blogpdiv .blogpdivL {
  padding-left: 0.5%;
  padding-right: 1%;
}

.blog .container-blog .blogpdiv .blogpdivL .blogH {
  font-family: Inter Semi Bold;
  color: #ffffff;
  font-size: 2.1em;
  width: 100%;
  line-height: 1.5;
}

.blog .container-blog .blogpdiv .blogpdivL .blogP {
  font-family: Inter Regular;
  font-size: 18px;
  line-height: 1.64;
  color: #ffffff;
  width: 100%;
  font-weight: 500;
}

.blog .container-blog .blogpdiv .blogpdivR {
  padding-right: 0;
}

.blog .container-blog .blogpdiv .blogpdivR img {
  margin-top: -4%;
  width: 42%;
}

.blog .container-blog .blogpdiv .blogpdivR img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* *CSS FOR blogdivTxt*/

.blog .blogdivTxt {
  margin-top: -4.5% !important;
  background: #ffffff;
  padding: 2% 1%;
}

.blogdivTxt .blogdivP1 {
  font-size: 1em;
  font-family: Inter Regular;
  line-height: 1.75;
  color: #616161;
}

/* *css for blogRightDrawer*/

.blog .blogRightDrawer {
  display: none;
}

/* *Css for blogfeatur */

.blog .blogfeatur {
  margin-top: 7% !important;
  margin-right: 12% !important;
  width: 75% !important;
}

.blog .blognewStruct .blogfeatur {
  margin-top: 7% !important;
  margin-right: 0% !important;
  width: 100% !important;
}

.blogfeatur .blogfeaturH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.5%;
}

.blogfeatur .blogfeaturrow .featurCol1 {
  padding-right: 3%;
}

.blogfeatur .blogfeaturrow .featurCol1 img {
  width: 100%;
  transition: 0.6s all;
}

.blogfeatur .blogfeaturrow .featurCol1 img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.blogfeatur .blogfeaturrow .featurCol2 .featurCol2P1 {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 1.67;
  color: #000000;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurCol2P2 {
  font-family: Inter Regular;
  font-size: 1em;
  color: #616161;
  line-height: 1.75;
  margin-bottom: 4%;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurecol2btn {
  background: #2083d2;
  padding: 0% 8%;
  color: #ffffff;
  font-size: 1em;
  border: none;
  font-family: Inter Medium;
  height: 40px;
  outline: none;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurecol2btn span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurecol2btn span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurecol2btn:hover span {
  padding-right: 25px;
}

.blogfeatur .blogfeaturrow .featurCol2 .featurecol2btn:hover span:after {
  opacity: 1;
  right: 0;
}

.blogfeatur .blogfeaturrow .featurCol2 {
  padding-left: 0%;
  padding-right: 0%;
}

.blognewStruct .blogfeatur .blogfeaturrow .featurCol3 {
  margin-top: -4%;
  padding-left: 15%;
}

.blogfeatur .blogfeaturrow .featurCol3 {
  margin-top: -4%;
  padding-left: 5%;
}

.blogfeatur .blogfeaturrow .featurCol3 input {
  background: url(../img/search.png) no-repeat;
  background-position: 95%;
  background-size: 6%;
  width: 100%;
  font-size: 1em;
  font-family: "Inter Regular";
  color: #333333;
  padding: 1% 7%;
  height: 48px;
  border: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}

.blogfeatur .blogfeaturrow .featurCol3 input::placeholder {
  font-size: 1em;
  font-family: Inter Regular;
  color: #333333;
}

.blogfeatur .blogfeaturrow .featurCol3 .featurCol3H {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 8% 0;
  color: #333333;
}

.blogfeatur .blogfeaturrow .featurCol3 p {
  color: #257bc0;
  margin-bottom: 5%;
}

.blogfeatur .blogfeaturrow .featurCol3 p a {
  font-family: Inter Regular;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  color: #257bc0;
}

/* *Css for bloglatest */

.blog .bloglatest {
  width: 75% !important;
  margin-right: 11% !important;
}

.blog .blognewStruct .bloglatest {
  margin-top: 7% !important;
  margin-right: 0% !important;
  width: 100% !important;
}

.bloglatest .bloglatestH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.5%;
}

.blog .bloglatest .bloglatestrow .bloglatestcol1,
.bloglatestcol2 {
  padding-right: 0;
}

.blog .bloglatest .bloglatestrow .bloglatestcol3 {
  padding-left: 5%;
}

.blognewStruct .bloglatest .bloglatestrow .bloglatestcol3 {
  padding-left: 15%;
}

.bloglatest .bloglatestrow .bloglatestcol1 .card,
.bloglatestcol2 .card {
  border: none;
}

.bloglatest .bloglatestrow .bloglatestcol1 .card img,
.bloglatestcol2 .card img {
  width: 100%;
  transition: 0.5s all;
  height: 270px;
}

.bloglatest .bloglatestrow .bloglatestcol1 .card img:hover,
.bloglatestcol2 .card img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.bloglatest .bloglatestrow .bloglatestcol1 .card p:nth-of-type(1),
.bloglatestcol2 .card p:nth-of-type(1) {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 1.67;
  color: #000000;
  margin: 3% 0;
}

.bloglatest .bloglatestrow .bloglatestcol1 .card p:nth-of-type(2),
.bloglatestcol2 .card p:nth-of-type(2) {
  font-family: Inter Regular;
  font-size: 1em;
  color: #616161;
}

.bloglatest .bloglatestrow .bloglatestcol1 .card p:nth-of-type(3),
.bloglatestcol2 .card p:nth-of-type(3) {
  font-family: Inter Regular;
  font-size: 0.87em;
  color: rgba(51, 51, 51, 0.5);
}

.bloglatest .bloglatestrow .bloglatestcol3 .col3ul1 {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 3% 0;
  list-style-type: none;
  line-height: 1.5;
  color: #333333;
  margin: -13% 0 10%;
  padding-left: 0;
}

.bloglatest .bloglatestrow .bloglatestcol3 .col3ul1 li,
.col3ul2 li {
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.5;
  color: #257bc0;
  margin: 3% 0 0;
}

.bloglatest .bloglatestrow .bloglatestcol3 .col3ul1 li a,
.col3ul2 li a {
  color: #257bc0;
}

.bloglatest .bloglatestrow .bloglatestcol3 .col3ul1 li span {
  background-color: rgba(37, 123, 192, 0.36);
  padding: 1% 3%;
  margin-left: 5%;
  color: #333;
  font-size: 1em;
}

.bloglatest .bloglatestrow .bloglatestcol3 .col3ul2 {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 3% 0;
  list-style-type: none;
  line-height: 1.5;
  color: #333333;
  padding-left: 0;
}

.blog .linediv {
  margin-top: 0;
}

.cstmRowCareer {
  width: 96% !important;
  margin: 0px auto !important;
}

.container-career {
  background-color: #1976d2;
  background-attachment: fixed;
  padding-bottom: 8%;
}

.career .container-career .circle1,
.career .container-career .circle2 {
  stroke: #0e67c0;
}

.container-career .Careerpdiv {
  width: 90%;
  margin: 1.5% auto 0%;
}

.career .container-career .Careerpdiv .CareerpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.career .container-career .Careerpdiv .CareerpdivR img {
  margin-top: -6%;
  width: 40%;
  padding-bottom: 15px;
}

.career .container-career .Careerpdiv .CareerpdivR img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.career .container-career .Careerpdiv .Careerp1 {
  font-family: Inter Bold;
  color: #ffffff;
  font-size: 35px;
  line-height: 1.5;
}

.container-career .Careerpdiv .careerp2 {
  font-family: Inter Regular;
  font-size: 20px;
  line-height: 1.67;
  color: #ffffff;
  margin-top: -1%;
  margin-bottom: 0;
}

/* *CSS FOR whyTriTxt*/

.career .whyTriTxt {
  margin-top: -9% !important;
  background: #ffffff;
  padding: 3% 2%;
}

.career .whyTriTxt .whyTriH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.career .whyTriTxt .whytriP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 2%;
}

.whyTriTxt .whytriP2 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 0.5rem;
}

/* *Css for careerWrkCulture */

.bkgrnd-clr-dv-whyTriTxt-careerWrkCulture {
  background-color: rgba(25, 118, 210, 0.05);
}

.careerWrkCulture {
  margin-top: 3%;
  padding-bottom: 3%;
  padding-top: 2%;
}

.career .careerWrkCulture .careerWrkCultureRColL img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.career .careerWrkCulture .wrkcolRH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 5%;
}

.career .careerWrkCulture .wrkcolRP1 {
  margin-bottom: 5%;
}

.career .careerWrkCulture .wrkcolRP1,
.career .careerWrkCulture .wrkcolRP2 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.careerWrkCultureCstm {
  margin: 0;
}

/* *Css for careerOpportunities */

.careerOpportunities {
  margin-top: 2% !important;
}

.career .careerOpportunities .blockDiv {
  display: block;
  -webkit-animation: fadeInDown 0.3s ease-out;
  -moz-animation: fadeInDown 0.3s ease-out;
  animation-duration: 1200ms;
  animation-delay: 0ms;
}

.career .careerOpportunities .noneDiv {
  display: none;
  height: 0;
}

.careerOpportunities .opportunitiesH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 0;
}

.careerOpportunities .opportunitiesdiv {
  margin-top: 1%;
}

.careerOpportunities .opportunitiesdiv .netul,
.uiul,
.phpul,
.hybridul {
  margin: 0;
  border: 1px solid #c4c4c4;
  list-style: none;
  font-family: Inter Regular;
  font-size: 18px;
  line-height: 1.67;
  color: #000;
  padding: 9px 20px;
}

.careerOpportunities .opportunitiesdiv .uiul,
.careerOpportunities .phpul,
.careerOpportunities .hybridul {
  border-top: none;
}

.careerOpportunities .opportunitiesdiv .headingul li {
  margin: 0;
}

.careerOpportunities .opportunitiesdiv .headingul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.careerOpportunities .opportunitiesdiv .netul .netli,
.uiul .uili,
.phpul .phpli,
.hybridul .hybridli {
  list-style-type: none;
  padding: 0;
}

.careerOpportunities .opportunitiesdiv .netul .netli .careerapplyform form,
.uiul .uili .careerapplyform form,
.phpul .phpli .careerapplyform form,
.hybridul .hybridli .careerapplyform form {
  display: flex;
  flex-direction: column;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .careerapplyform
  form
  textarea,
.uiul .uili .careerapplyform form textarea,
.phpul .phpli .careerapplyform form textarea,
.hybridul .hybridli .careerapplyform form textarea {
  margin: 1.5% 0 0;
  font-size: 0.8em;
  border: 1px solid #ccc;
  padding: 1% 2%;
  height: 100px;
}

.careerOpportunities
  .opportunitiesdiv
  .careerapplyform
  button.btnCommon.send-cv {
  font-size: 0.8em;
  padding: 0.8% 0;
  border: none;
  width: 25%;
  margin: 1.5% 0 0;
  background: #2083d2;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .careerapplyform
  form
  input[type="file" i],
.uiul .uili .careerapplyform form input[type="file" i],
.phpul .phpli .careerapplyform form input[type="file" i],
.hybridul .hybridli .careerapplyform form input[type="file" i] {
  font-size: 0.8em;
}

.careerOpportunities .opportunitiesdiv .netul span .fa,
.uiul span .fa,
.phpul span .fa,
.hybridul span .fa {
  float: right;
  margin-top: 6px;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .locationul,
.uiul .uili .uilidiv .locationul,
.phpul .phpli .phplidiv .locationul,
.hybridul .hybridli .hybridlidiv .locationul {
  display: flex;
  padding-left: 0;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .locationul li,
.uiul .uili .uilidiv .locationul li,
.phpul .phpli .phplidiv .locationul li,
.hybridul .hybridli .hybridlidiv .locationul li {
  width: 76%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-size: 0.65em;
  margin: 1% 0 0;
  color: #616161;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .locationul li,
.uiul .uili .uilidiv .locationul li p,
.phpul .phpli .phplidiv .locationul li,
.hybridul .hybridli .hybridlidiv .locationul li {
  font-weight: 600;
  color: #222;
  font-size: 15px;
  padding-top: 1px;
  margin-bottom: 0 !important;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .netaboutul,
.uiul .uili .uilidiv .uiaboutul,
.phpul .phpli .phplidiv .phpaboutul,
.hybridul .hybridli .hybridlidiv .hybridaboutul {
  font-family: Inter Medium;
  line-height: 1.5;
  color: #0b66ade6;
  list-style: none;
  font-size: 17px;
  padding-left: 0;
  margin-top: 1%;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .netaboutul
  .netaboutli,
.uiul .uili .uilidiv .uiaboutul .uiaboutli,
.phpul .phpli .phplidiv .phpaboutul .phpaboutli,
.hybridul .hybridli .hybridlidiv .hybridaboutul .hybridaboutli {
  font-family: Inter Regular;
  font-size: 15px;
  line-height: 1.5;
  color: #222;
  padding: 1% 0;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .netresponul,
.uiul .uili .uilidiv .uiresponul,
.phpul .phpli .phplidiv .phpresponul,
.hybridul .hybridli .hybridlidiv .hybridresponul {
  font-family: Inter Medium;
  font-size: 17px;
  line-height: 1.5;
  color: #0b66ade6;
  list-style: none;
  padding-left: 0;
  padding-top: 6px;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .netresponul
  li:first-child,
.uiul .uili .uilidiv .uiresponul li:first-child,
.phpul .phpli .phplidiv .phpresponul li:first-child,
.hybridul .hybridli .hybridlidiv .hybridresponul li:first-child {
  padding-top: 11px;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .netresponul li,
.uiul .uili .uilidiv .uiresponul li,
.phpul .phpli .phplidiv .phpresponul li,
.hybridul .hybridli .hybridlidiv .hybridresponul li {
  font-family: Inter Regular;
  font-size: 15px;
  line-height: 1.75;
  color: #222;
  padding: 0;
  display: flex;
  flex-direction: row;
  padding-bottom: 12px;
  /* padding-left: 11px; */
  list-style: disc !important;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .netresponul
  li
  p,
.careerOpportunities .uiul .uili .uilidiv .uiresponul li p,
.careerOpportunities .phpul .phpli .phplidiv .phpresponul li p,
.careerOpportunities .hybridul .hybridli .hybridlidiv .hybridresponul li p {
  margin: 0;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .netresponul
  li
  .fa,
.careerOpportunities .uiul .uili .uilidiv .uiresponul li .fa,
.careerOpportunities .phpul .phpli .phplidiv .phpresponul li .fa,
.careerOpportunities .hybridul .hybridli .hybridlidiv .hybridresponul li .fa {
  font-size: 0.6em;
  width: 3%;
  margin-top: 0.8%;
  color: #616161;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .btngreen,
.uiul .uili .uilidiv .btngreen,
.phpul .phpli .phplidiv .btngreen,
.hybridul .hybridli .hybridlidiv .btngreen {
  color: white;
  background-color: #2083d2;
  font-size: 0.9em;
  padding: 8px 0;
  border: none;
  width: 16%;
  margin: 1% 0;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv button:focus {
  outline: none;
}

.careerOpportunities .uiul .uili .uilidiv button:focus {
  outline: none;
}

.careerOpportunities .phpul .phpli .phplidiv button:focus {
  outline: none;
}

.careerOpportunities .hybridul .hybridli .hybridlidiv button:focus {
  outline: none;
}

.careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .btngreen span,
.uiul .uili .uilidiv .btngreen span,
.phpul .phpli .phplidiv .btngreen span,
.hybridul .hybridli .hybridlidiv .btngreen span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .btngreen
  span:after,
.uiul .uili .uilidiv .btngreen span:after,
.phpul .phpli .phplidiv .btngreen span:after,
.hybridul .hybridli .hybridlidiv .btngreen span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.9;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .btngreen:hover
  span,
.uiul .uili .uilidiv .btngreen:hover span,
.phpul .phpli .phplidiv .btngreen:hover span,
.hybridul .hybridli .hybridlidiv .btngreen:hover span {
  padding-right: 25px;
}

.careerOpportunities
  .opportunitiesdiv
  .netul
  .netli
  .netlidiv
  .btngreen:hover
  span:after,
.uiul .uili .uilidiv .btngreen:hover span:after,
.phpul .phpli .phplidiv .btngreen:hover span:after,
.hybridul .hybridli .hybridlidiv .btngreen:hover span:after {
  opacity: 1;
  right: 0;
}

/* *END CSS FOR CAREER PAGE*/

/* *Start CSS FOR Engagement PAGE*/

.engagementSection .engagenmentContainer-top {
  background: linear-gradient(#7a24c77a, #ffc700);
  color: #ffffff;
  padding-bottom: 7%;
  background-attachment: fixed;
}

.engagementSection .circle1,
.engagementSection .circle2 {
  stroke: #581e9f !important;
}

.engagementSection .engagenmentContainer-top .engagnmentpdiv {
  width: 90%;
  margin: 2% auto;
}

.engagementSection .engagenmentContainer-top .engagnmentpdiv .engagepdivL {
  padding: 0;
}

.engagementSection .engagenmentContainer-top .engagnmentpdiv .engagepdivR {
  padding: 0;
}

.engagementSection .engagenmentContainer-top .engagnmentpdiv .engagepdivR img {
  margin-top: -10%;
  transition: 0.5s ease-in-out all;
}

.engagementSection .engagnmentpdiv .engagepdivR:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
  transition: 0.5s all;
}

.engagementSection .engagenmentContainer-top .engagnmentpdiv .col-md-6 img {
  margin-top: -7%;
}

.engagementSection .engagenmentContainer-top .engagnmentpdivH {
  font-family: Inter Bold;
  font-size: 2.2em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 0%;
  padding: 0;
}

.engagementSection .engagenmentContainer-top .engagnmentpdivP {
  line-height: 1.67;
  color: #ffffff;
  padding: 0;
  font-family: Inter;
  font-size: 22px;
  font-weight: 500;
}

/* *engagementMainDiv1*/

.engagementSection .engagementMainDiv1 {
  margin-top: -7% !important;
  background: #ffffff;
  padding: 3% 2%;
}

.engagementSection .engagementMainDiv1Para {
  color: #333333;
  margin-bottom: 0.5rem;
  font-weight: normal;
  font-family: Inter Regular;
  font-size: 1.35em;
  line-height: 1.67;
  padding: 0;
}

.engagementSection .engagementMainDiv2Heading {
  margin-top: 3%;
}

.engagementSection .engagementMainDiv2Headingpara {
  margin: 0% auto;
  width: 90%;
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.engagementSection .engagementColrow {
  margin-top: 3% !important;
}

.engagementSection .engagementColrow div:nth-of-type(2) {
  padding-left: 4%;
}

.engagementSection .engagementColrow .colImgTag {
  text-align: center;
  height: 126px;
  padding: 4%;
  background-color: #4a148c;
  margin-top: 0.5%;
}

.engagementSection .FixedTimePriceImg {
  background: url(../img/FixedTimePrice.svg) no-repeat center;
}

.engagementSection .TimeMaterialImg {
  background: url(../img/TimeMaterial.svg) no-repeat center;
}

.engagementSection .DedicatedTeamsImg {
  background: url(../img/DedicatedTeams.svg) no-repeat center;
}

.engagementSection .DistributedTeamsImg {
  background: url(../img/DistributedTeams.svg) no-repeat center;
}

.engagementSection .engagementColrow .fixedTime {
  font-family: Inter Medium;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.67;
  color: #2a7abf;
}

.engagementSection .engagementColrow .fixedPrice {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *OurWide*/

.engagementSection .OurWideDiv {
  margin-top: 13%;
  background: url(../img/BGSolutions.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  padding: 6% 0% 10%;
  margin-bottom: 4%;
}

.engagementSection .cstmRowEngagement {
  margin-left: 15%;
}

/*OurWideDiv1*/
.engagementSection .OurWide {
  background: #2083d2;
  margin-top: -15%;
  padding: 14% 4.9rem 3% 3%;
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.1);
}

.engagementSection .OurWideh3 {
  font-size: 1.9em;
  font-family: Inter Semi Bold;
  line-height: 1.63;
  color: #ffffff;
  width: 95%;
}

/*OurWideDiv2*/

.engagementSection .OurWideDiv .OurWideDiv2 #OurWideDiv2TabMobile {
  display: none;
}

.engagementSection .OurWideDiv .OurWideDiv2 .col1 {
  padding: 0;
  margin-top: 6%;
}

.engagementSection .OnlineFood {
  display: table;
  width: 96%;
  background: white;
  padding: 0;
  margin-bottom: 8.8%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: solid 1px #ffffff;
  color: #333333;
  transition: all 0.2s ease-in-out;
}

.engagementSection .OnlineFood:last-child {
  margin-bottom: 0px;
}

.engagementSection .OnlineFood div {
  display: inline-block;
  vertical-align: middle;
}

.engagementSection .OnlineFood div:nth-of-type(1) {
  width: 19%;
  padding: 4% 0;
  background-color: #fff;
  border: solid 1px #ffffff;
}

.engagementSection .OnlineFoodimg {
  margin: 0 22%;
}

.engagementSection .OnlineFood div:nth-of-type(2) {
  width: 78%;
  border: solid 1px #ffffff;
  background-color: #fff;
}

.engagementSection .OnlineFood div:nth-of-type(3) {
  display: none;
}

.engagementSection .custmOnlineFoodHeaddingFontPadding {
  margin-bottom: 0;
  text-align: left;
  padding-left: 0%;
}

.engagementSection .OnlineFoodHeadding {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333;
}

.engagementSection .OnlineFood.tablinks.active {
  background: #fff;
  color: #333333 !important;
  position: static;
  width: 100%;
  scroll-behavior: smooth;
}

.engagementSection .OnlineFood.tablinks.active div:nth-of-type(1) {
  background: #fff;
}

.engagementSection .OnlineFood.tablinks.active div:nth-of-type(2) {
  background: #fff;
}

.engagementSection .OnlineFood.tablinks.active div:nth-of-type(3) {
  background: #fff;
  display: none;
}

.engagementSection .orderingSolution {
  margin-top: 6%;
}

.engagementSection .orderingSolutionRow {
  background-color: #ffffff;
  width: 80%;
  padding-bottom: 0%;
  margin-left: -17px;
  height: 100%;
}

.engagementSection .orderingSolutionRowDiv {
  width: 86%;
  margin-left: 7%;
  margin-right: 7%;
  padding: 3% 0;
  min-height: 48.1rem;
}

.engagementSection .orderingSolutionRowDivHadding {
  font-family: Inter Medium;
  font-size: 1.3em;
  line-height: 1.8;
  color: #000000;
  margin-top: 8%;
  margin-bottom: 7%;
}

.engagementSection .orderingSolutionRowDivPara {
  font-size: 1.1em;
  font-family: Inter Regular;
  line-height: 1.9;
  margin-bottom: 2%;
  color: #616161;
}

.engagementSection .orderingSolutionRowDivHadding1 {
  font-family: Inter Semi Bold;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.8;
  color: #616161;
}

.engagementSection .OrderList {
  font-size: 1em;
  font-family: Inter Regular;
  line-height: 1.75;
  padding-left: 7%;
  color: #616161;
  padding-right: 7%;
}

.bottom-visit {
  padding-top: 150px;
}

/*mediaQuery*/
@media only screen and (max-width: 768px) {
  .engagementSection .engagementColrow .colImgTag {
    width: 25%;
    background-size: 78%;
  }

  .engagementSection .engagementColrow div:nth-of-type(2) {
    width: 75%;
  }

  .housepital-Detial
    .container-housepital-details
    .housepital-top-content
    .housepital-top-contentL
    .housepital-top-contentH {
    font-size: 1.4em !important;
  }

  .housepital-Detial .housepital-black h4 {
    font-size: 0.725em !important;
  }

  .housepital-Detial .brif-summary h4 {
    line-height: 0px !important;
    margin-top: 60px !important;
  }

  .housepital-Detial .brif-summary .aboutH {
    font-size: 16px !important;
    line-height: 30px !important;
    margin-top: 33px !important;
    padding-left: 20px !important;
  }

  .housepital-Detial .brif-summary .aboutH h4 {
    margin-top: 60px !important;
  }

  .housepital-Detial .housepital-patientexp h3 {
    font-size: 24px !important;
    text-align: left !important;
  }

  .housepital-Detial .housepital-patientexp p {
    font-size: 16px !important;
    line-height: 30px !important;
    padding: 0px 0px !important;
    text-align: left !important;
  }

  .housepital-Detial .housepital-challenge .Heading4 {
    text-align: left !important;
    line-height: 30px !important;
    padding: 0px 20px !important;
  }

  .housepital-Detial .housepital-process .headingGoal {
    font-size: 1.38em !important;
  }

  .housepital-Detial
    .container-housepital-details
    .housepital-top-content
    .housepital-top-contentL
    .housepital-whitebox {
    width: unset !important;
  }

  .housepital-Detial
    .container-housepital-details
    .housepital-top-content
    .housepital-top-contentL {
    text-align: center !important;
  }

  .housepital-login-image-mob {
    margin-top: 20px;
  }

  .housepital-Detial .housepital-challenge .cstmRowCareerTwo {
    width: 95% !important;
    margin: auto !important;
  }

  .housepital-Detial .housepital-challenge p {
    font-size: 16px !important;
    line-height: 30px !important;
  }

  .housepital-Detial .goal .headingGoal {
    font-size: 1.48em !important;
    line-height: 0.2 !important;
    margin-top: 13% !important;
  }

  .housepital-Detial .housepital-result .headingGoal {
    font-size: 1.38em !important;
    line-height: 0.4 !important;
  }

  .housepital-Detial .housepital-techSol .headingGoal {
    font-size: 1.38em !important;
  }
}

@media only screen and (width: 1024px) {
  .engagementSection .engagementColrow .colImgTag {
    background-size: 70%;
  }
}

/* *END CSS FOR Engagement PAGE*/

/*ContactUs Start*/

.contactUsSection .ContactUsContainer-top .svg1 .circle1,
.contactUsSection .ContactUsContainer-top .svg1 .circle2 {
  stroke: #364045;
}

.ContactUsContainer-top {
  background-color: #263238;
  padding-bottom: 10.5%;
  background-attachment: fixed;
  color: #ffffff;
}

/* .contactUsSection .openbtn {
    font-size: 1.4em;
    cursor: pointer;
    border: none;
    color: #fff;
    background-color:rgba(255, 255, 255, 0.25);
} */

.contactUsSection .applybtn {
  border-radius: 0px;
  font-family: Inter Medium;
  font-weight: 500;
  /* background-color: rgba(255, 255, 255, 0.75); */
  font-size: 0.9em;
  padding: 1% 0%;
  transition: all 50ms;
  cursor: pointer;
  margin: 5px;
  border: 0;
  border-radius: 10px;
  /* color: #333333; */
}

.ContactUsContainer-top .pdiv {
  background: none !important;
}

.ContactUs .ContactUsHeaddingImage img {
  /* margin-top: -5%; */
  height: fit-content;
  max-width: 350px;
}

.contactUsSection .ContactUs {
  width: 69% !important;
  margin: 0 13% 0 18% !important;
  position: relative;
  z-index: 1;
  top: 100px;
}

.contactUsSection .ContactUsHeaddingCol7 {
  padding: 0%;
}

.contactUsSection .ContactUsHeaddingImage {
  padding: 0%;
  text-align: center;
}

.contactUsSection .ContactUsHeadding {
  font-family: Inter Bold;
  font-size: 2.5em;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  padding-top: 6%;
}

.contactUsSection .ContactUsHeaddingPara {
  font-size: 1.2em;
  font-family: Inter;
  line-height: 1.7;
  margin-top: 0%;
  color: #ffffff;
  padding-left: 4px;
}

.contactUsSection .FollowUS {
  border: 1px solid #e5e5e5;
  width: 75%;
  padding: 3% 5%;
  border-top: none !important;
  margin: auto;
}

.contactUsSection .FollowUSHeadding {
  font-family: Inter Medium;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.8;
  color: #333333;
}

.contct-icons {
  background: #f2f2f2;
  height: 50px;
  width: 50px;
  border-radius: 50px;
  text-align: center;
  padding: 14px 14px;
  color: #2083d2;
  font-size: 1.6em;
  margin-right: 2rem;
}

.contactUsSection .CustomerImage1 {
  margin-right: 9%;
}

img.CustomerImage {
  margin-right: 1rem;
}

.contactUsSection .Corporate {
  text-align: left;
  padding-left: 4%;
}

.contactUsSection .global {
  margin: 2% 0;
}

.contactUsSection .contactUSCol1Headding {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  font-weight: 600;
  line-height: 1.67;
  color: #333333;
  margin: 8% auto 3%;
  width: 75%;
}

/* *css for last section div*/

.contactUsSection .contactUsLastSectionDiv {
  display: flex;
  justify-content: flex-end;
  margin-top: 0;
}

.contactUsSection .col1ContctUs {
  padding-left: 0;
  margin-top: 9%;
  padding-bottom: 50px;
}

.contactUsSection .col2ContctUs {
  margin-bottom: 10%;
}

.contactUsSection .col1ContctUsSupport {
  border: 1px solid #e5e5e5;
}

.contactUsSection .col1ContctUsSupport {
  width: 75%;
  padding: 3% 2%;
  margin: auto;
}

.contactUsSection .col1ContctUsCustomerSupport {
  font-family: Inter Medium;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.8;
  color: #333333;
}

.contactUsSection .Phonetext {
  display: table;
  margin: 4% 0;
  width: 100%;
}

.contactUsSection .Phonetext .customerNumber {
  color: #333333;
  font-family: Inter Regular;
  font-size: 1em;
}

.contactUsSection .Phonetext1 {
  padding: 0% 4%;
}

.Address .customerNumber.Corporate {
  vertical-align: top;
}

.contactUsSection .customerNumber {
  display: table-cell;
  line-height: 1.6;
  /* width: 90%; */
}

.contactUsSection .CorporateHeadding {
  font-family: Inter Semi Bold;
  line-height: 23px;
  color: #333333;
  font-size: 1em;
  margin-bottom: 0%;
}

.contactUsSection .Addresses {
  font-size: 0.9em;
  font-family: Inter Regular;
  color: #616161;
}

.custmcustomerNumber {
  font-size: 1.1em !important;
}

.contactUsSection .myForm {
  display: flex;
  flex-direction: column;
  width: 87%;
  margin-top: -7%;
  margin-left: -2.5%;
  background-color: #ffffff;
  padding: 2% 6% 7% 6%;
  height: 1173px;
}

.contactUsSection .contactUsLastSectionDiv .myForm .Contact-Us {
  font-family: Inter Medium;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.53;
  color: #333333;
  margin-bottom: 3%;
  margin-top: 9%;
}

.contactUsLastSectionDiv .myForm .pshare {
  font-family: Inter Regular;
  font-size: 1.15em;
  line-height: 1.53;
  color: #616161;
  margin-bottom: 6%;
  margin-top: 3%;
}

.contactUsLastSectionDiv .myForm .checkboxmsg {
  width: 20px;
  height: 19px;
  border: solid 2px #333333;
  background-color: #ffffff;
  margin-right: 4%;
  font-family: Inter Regular;
}

.contactUsSection .contactUsLastSectionDiv .myForm .checkboxLabel {
  font-size: 0.9em;
  display: flex;
  margin-top: 4%;
  font-family: Inter Regular;
  line-height: 1.53;
  color: #333333;
}

.contactUsSection .contactUsLastSectionDiv .myForm .captchadiv {
  border: solid 1px #dddddd;
  background-color: #f2f2f2;
  color: rgba(51, 51, 51, 0.5);
  width: 70%;
  padding: 7% 1% 4%;
  margin-top: 1%;
  margin-bottom: 4%;
  font-size: 1.2em;
  border: solid 1px #dddddd;
  color: rgba(51, 51, 51, 0.5);
  font-family: Inter Regular;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contactUsSection .contactUsLastSectionDiv .myForm .captchadiv .captchaLabel {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.contactUsSection .contactUsLastSectionDiv .myForm .captchadiv input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.contactUsSection .contactUsLastSectionDiv .myForm .captchadiv .captchamsg {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  border: solid 2px #333333;
  background-color: #ffffff;
  font-family: Inter Regular;
  border-radius: 5px;
  outline: none;
}

.contactUsSection
  .contactUsLastSectionDiv
  .myForm
  .captchadiv
  input:checked
  ~ .captchamsg {
  background-color: #2196f3;
  border-color: #2196f3;
}

.contactUsSection
  .contactUsLastSectionDiv
  .myForm
  .captchadiv
  .captchamsg:after {
  content: "";
  position: absolute;
  display: none;
}

.contactUsSection
  .contactUsLastSectionDiv
  .myForm
  .captchadiv
  input:checked
  ~ .captchamsg:after {
  display: block;
}

.contactUsSection
  .contactUsLastSectionDiv
  .myForm
  .captchadiv
  .captchamsg:after {
  left: 9px;
  top: 3px;
  width: 6px;
  height: 14px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.contactUsSection .contactUsLastSectionDiv .myForm .row {
  margin-bottom: 2%;
}

.contactUsSection .contactUsLastSectionDiv .myForm .row div {
  padding-right: 0;
}

.contactUsSection .contactUsLastSectionDiv .myForm .frminput {
  font-family: Inter Regular;
  font-size: 0.95em;
  font-weight: bold;
  line-height: 1.13;
  color: #000000;
  border: solid 1px #dddddd;
  background-color: #f2f2f2;
  margin-bottom: 3.7%;
  padding: 2.5% 4%;
  width: 100%;
  resize: none;
  outline: none;
}

.contactUsSection .contactUsLastSectionDiv .myForm textarea.frminput {
  max-height: 9rem;
}

.contactUsSection .contactUsLastSectionDiv .myForm .frminput::placeholder {
  font-size: 0.8em;
  color: rgba(51, 51, 51, 0.5);
}

.contactUsSection .contactUsLastSectionDiv .myForm .frmSelectInput {
  font-family: Inter Regular;
  font-size: 0.9em;
  border: 1px solid #f3f3f3;
  margin-bottom: 3.7%;
  padding: 2.5% 3%;
  width: 100%;
  margin-bottom: 4%;
  color: rgba(51, 51, 51, 0.5);
  overflow: -moz-hidden-unscrollable;
  background: url(../img/drop-down.png) no-repeat right #f2f2f2;
  -webkit-appearance: none;
  outline: none;
}

.contactUsSection .contactUsLastSectionDiv .myForm .btn-submit_green {
  background-color: #2083d2;
  color: white;
  padding: 3% 0;
  border: 0;
  text-transform: capitalize;
  margin-top: 5%;
  height: 56px;
}

/* Contact Us Page end* */

@media only screen and (max-width: 414px) {
  /*media query for container-career*/
  .container-career .Careerpdiv .Careerp1 {
    font-size: 1.6em !important;
    width: 100%;
  }

  .container-career .Careerpdiv .careerp2 {
    width: 100%;
  }

  .career .careerWrkCulture .row {
    width: 100%;
    margin-right: 0;
  }

  .career .careerWrkCulture .row .col-md-6 {
    padding: 0 5%;
  }

  /*media query for careerOpportunities*/
  .careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .locationul,
  .uiul .uili .uilidiv .locationul,
  .phpul .phpli .phplidiv .locationul,
  .hybridul .hybridli .hybridlidiv .locationul {
    flex-direction: column;
  }

  .careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .locationul li,
  .uiul .uili .uilidiv .locationul li,
  .phpul .phpli .phplidiv .locationul li,
  .hybridul .hybridli .hybridlidiv .locationul li {
    width: 100%;
    justify-content: flex-start;
  }

  .careerOpportunities .opportunitiesdiv .netul .netli .netlidiv .btngreen,
  .uiul .uili .uilidiv .btngreen,
  .phpul .phpli .phplidiv .btngreen,
  .hybridul .hybridli .hybridlidiv .btngreen {
    width: 50%;
  }

  .careerOpportunities
    .opportunitiesdiv
    .careerapplyform
    form
    input[type="submit"] {
    width: 50%;
  }

  /*media query for careerlast*/
  .careerlast div p {
    padding: 0;
  }

  .careerlast div .btnQuote {
    width: 100%;
    padding: 5% 0;
  }

  .blogfeatur .blogfeaturrow .featurCol3 {
    margin-top: 4%;
  }

  .bloglatest .bloglatestrow .bloglatestcol3 .col3ul1 {
    margin-top: 0;
  }
}

/* *CSS linediv*/

.linediv {
  width: 100%;
  margin: 5% 0 3%;
  border-top: 1px solid #c4c4c4;
}

/* *CSS FOR careerlast*/

.careerlast div p {
  font-family: Inter Regular;
  font-size: 1.4em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0% 10% 0%;
}

.engagement-btn {
  width: 33% !important;
  height: 72px;
}

button.btnQuote.portfolios {
  width: 43% !important;
  height: 60px;
}

.careerlast div .btnQuote {
  width: 30%;
  background-color: #2083d2;
  font-family: Inter;
  padding: 1.5%;
  color: #ffffff;
  font-weight: 500;
  border: none;
  outline: none;
  /* height: 56px; */
  margin: 7px 0 54px;
}

@media only screen and (max-width: 414px) {
  /* *media query for container top*/
  .container-top .pdiv p:nth-of-type(1) {
    font-size: 1.4em;
  }

  .container-top .pdiv p:nth-of-type(2) {
    font-size: 0.7em;
    width: 85%;
  }
}

button.btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 15px 12px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

button.btnQuote span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.btnQuote span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

button.btnQuote:hover span {
  padding-right: 25px;
}

button.btnQuote:hover span:after {
  opacity: 1;
  right: 0;
}

/* *end Media query formobile page*/

/* *CSS END FOR MOBILE*/

/* *CSS Start FOR hybridV2*/

.hybrid .container-hybrid-div {
  background: #004d40;
  color: #ffffff;
  padding-bottom: 2.5%;
  background-attachment: fixed;
}

.hybrid .container-hybrid-div .svg1 .circle1,
.hybrid .container-hybrid-div .svg1 .circle2 {
  stroke: #005f4f;
}

.hybrid .container-hybrid-div .hybridApp {
  width: 90%;
  margin: 0% auto;
  padding-bottom: 132px;
  padding-top: 40px;
}

.hybrid .container-hybrid-div .hybridApp .hybridpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.hybrid .container-hybrid-div .hybridAppH {
  padding: 0;
  font-family: Inter Semi Bold;
  font-size: 2.1em;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 2%;
  margin-top: 1.2%;
}

.hybrid .container-hybrid-div .hybridAppP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.67;
  color: #ffffff;
  padding: 0;
  margin-bottom: 1%;
}

.hybrid .container-hybrid-div .HybridOutrel {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.07;
  color: #ffffff;
  list-style: none;
  padding: 0;
}

.hybrid .container-hybrid-div .HybridOutrel li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.hybrid ul.HybridOutrel li span {
  margin-right: 4%;
  vertical-align: sub;
  color: #ffee57;
  font-size: 20px;
}

.hybrid .container-hybrid-div .hybridApp .hybridpdivR {
  padding: 0;
}

.hybrid .container-hybrid-div .hybridApp .hybridpdivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hybrid .container-hybrid-div .hybridApp .hybridpdivR img {
  width: 46%;
  margin-top: -6%;
  padding-bottom: 11px;
}

.hybrid .ecommecep3 ul li {
  font-family: Inter Medium;
  font-size: 1.2em;
  line-height: 1.67;
  color: #ffffff;
  margin-left: 47%;
  width: 50%;
  padding: 0;
  list-style-type: none;
  font-weight: 500;
}

.hybrid ul.ecommecep3 {
  margin-left: 34%;
  width: 62%;
  color: #fff;
  list-style: none;
}

.hybrid ul.ecommecep3 span {
  margin-right: 3%;
  vertical-align: middle;
}

/*css for HybridappDevlop*/

.hybrid .hybridblackdiv {
  background: #ffffff;
  padding-top: 1%;
  padding-bottom: 2.5%;
}

.hybrid .hybridblackdiv .container.containerBox {
  width: 90%;
  margin: auto;
  background: #fff;
  max-width: none !important;
  border-radius: 5px;
}

.hybrid .hybridblackdiv .hybridDevlopTxt {
  margin-top: -10%;
  padding: 1.5% 0.8%;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.hybridDevlopTxtTopColRInner img {
  margin-top: -24px;
}

.hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneL {
  /* padding-top: 5%; */
  padding-left: 0;
  padding-right: 0;
  text-align: center;
}

.hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneL img {
  width: 520px;
}

.hybrid
  .hybridappDevlopTxtPhone
  .RowHybridDevPhone
  .RowHybridDevPhoneL
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.hybrid
  .hybridblackdiv
  .hybridDevlopTxt
  .hybridDevlopTxtTop
  .hybridDevlopTxtTopColR
  .hybridDevlopTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

.hybrid .hybridappDevlopTxtPhone {
  width: 76% !important;
  margin: 2% 15% 0 8%;
}

.hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneR {
  padding-right: 0%;
}

.hybrid
  .hybridappDevlopTxtPhone
  .RowHybridDevPhone
  .RowHybridDevPhoneR
  .RowHybridDevPhoneRH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 2%;
}

.hybrid
  .hybridappDevlopTxtPhone
  .RowHybridDevPhone
  .RowHybridDevPhoneR
  .RowHybridDevPhoneRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* .hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneR .RowHybridDevPhoneRPStle {
  margin-bottom: 6%;
} */

.hybrid
  .hybridappDevlopTxtPhone
  .RowHybridDevPhone
  .RowHybridDevPhoneR
  .RowiosDevPhoneRH {
  font-family: Inter Medium;
  font-size: 25px;
  line-height: 1.63;
  color: #333333;
  padding-top: 12px;
}

.hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneR ul li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 1%;
}

.hybrid .hybridappDevlopTxtPhone .RowHybridDevPhone .RowHybridDevPhoneR ul {
  padding: 0;
}

.hybrid
  .hybridappDevlopTxtPhone
  .RowHybridDevPhone
  .RowHybridDevPhoneR
  ul
  li
  p {
  font-family: Inter Semi Bold;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #333333;
  line-height: 1.75;
}

/* *CSS FOR blogdivTxt*/

.hybrid .blogdivTxt {
  margin-top: -9% !important;
  background: #ffffff;
  padding: 3% 3%;
}

.hybrid .blogdivTxt .blogdivP1 {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 2.11;
  color: #333333;
  margin-bottom: 0;
}

/* *end blog div*/

/* *css for hybridgreendiv*/

.hybrid .hybridgreendiv {
  margin: 0;
}

.hybrid .hybridgreendiv .hybridgreenL {
  background: #0f80cc;
  padding-top: 6%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.hybrid .hybridgreendiv .hybridgreenL img {
  width: 86%;
  margin-right: -20%;
  margin-top: 15%;
  transition: 0.5s all;
}

.hybrid .hybridgreendiv .hybridgreenL img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hybrid .hybridgreendiv .hybridgreenR {
  padding-top: 12%;
}

.hybrid .hybridgreendiv .hybridgreenR ul {
  font-family: Inter Medium;
  font-size: 32px;
  line-height: 1.63;
  color: #333333;
  list-style-type: none;
  margin-bottom: 8%;
  margin-left: 20%;
}

.hybrid .hybridgreendiv .hybridgreenR ul li:nth-of-type(1) {
  margin-top: 4%;
}

.hybrid .hybridgreendiv .hybridgreenR ul li {
  font-family: Inter;
  font-size: 20px !important;
  line-height: 1.8;
  color: #333333;
}

.hybrid .hybridgreenR span.material-icons {
  font-size: 1.2em;
  vertical-align: sub;
  margin-right: 3%;
}

/* *css for hybridtechdiv*/

.hybrid .hybridtecWholeDiv {
  background-color: #f6f6f6;
}

.hybrid .hybridtechdiv {
  padding: 5% 0 8%;
}

.hybrid .hybridtechdiv .hybridtechH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
}

.hybrid .hybridtechdiv .hybridtechP {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 2.11;
  color: #333333;
  padding: 0 0%;
}

.hybrid .hybridtechdiv .row1 {
  margin: 4% 0;
}

.hybrid .hybridtechdiv .row2 {
  margin: 0% 6%;
}

.hybrid .row.row1 img {
  text-align: center;
  margin: 0px auto;
  transition: 0.5s all;
}

.hybrid .row.row1.hybrid_block {
  margin-top: 10%;
  margin-bottom: 0%;
}

.hybrid .hybridtechdiv .row1 div,
.hybrid .hybridtechdiv .row2 div {
  margin: auto;
}

.hybrid .hybridtechdiv .row1 div:nth-of-type(1) img,
.hybrid .hybridtechdiv .row1 div:nth-of-type(2) img,
.hybrid .hybridtechdiv .row2 div:nth-of-type(5) img {
  width: 100%;
}

.hybrid .hybridtechdiv .row1 div:nth-of-type(3) img {
  width: 50%;
}

.hybrid .hybridtechdiv .row1 div:nth-of-type(4) img {
  width: 54%;
}

.hybrid .hybridtechdiv .row1 div:nth-of-type(4) .css3Img {
  width: 40% !important;
}

/* *css for hybridcasestydiv*/

.hybrid .hybridcasestydiv {
  background: #f4faff;
  padding: 2% 0 0%;
}

.hybrid .hybridcasestydiv .hybridcasestytxt .hybridcasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 0%;
}

.hybrid .hybridcasestydiv .hybridcasestytxt .hybridcasestyHSpan {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 2%;
}

.hybrid .hybridcasestydiv .hybridcasestytxt .hybridcasestyP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.hybrid .hybridcasestydiv .hybridcasestytxt .hybridcasestyP2 {
  font-family: Inter Bold;
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  margin-top: 2%;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolL,
.scrollcolR {
  padding: 0;
  background: #ccc;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolR {
  background: #817266;
  text-align: center;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolL img {
  width: 75%;
  margin: 45% 0 2% 13%;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolR img {
  margin-top: 23%;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolL .scrollcolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 60% 0% 4% 0%;
  padding: 0% 6% 0 10%;
}

.hybrid .hybridcasestydiv .cstmRowCareer .scrollcolL .scrollcolLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 0% 5% 10% 5%;
  padding: 0% 6%;
}

.hybrid .hybridcasestydiv .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 11%;
}

/*indicators*/

#hybridCarousel {
  position: relative;
}

.hybrid .hybridcasestydiv .carousel-indicators {
  bottom: -10%;
}

.hybrid .carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #263238;
  border: none;
}

.hybrid .carousel-indicators li.active {
  background: #2083d2;
}

/* *css for hybridmoreservice*/

.hybrid .hybridmoreservice {
  background: #263238;
  padding: 5% 0;
  margin-bottom: 4%;
  margin-top: 180px;
}

.hybrid .hybridmoreservice .hybridsercolL .hybridsercolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 0 0 2%;
  font-weight: 600;
}

.hybrid .hybridmoreservice .hybridsercolL .hybridsercolLP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
  padding-right: 23%;
  font-weight: normal;
}

.hybridsercolLP a {
  color: #fff;
  text-decoration: underline;
}

.hybridsercolLP a:hover {
  text-decoration: none;
  color: #00feff;
}

.hybrid .hybridmoreservice .hybridsercolR .hybridsercolRInner {
  background-color: #f6f6f6;
  padding: 3.2% 2.9% 6%;
  margin-top: -37%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.hybrid .hybridmoreservice .hybridsercolR .imgeclass {
  background: url(../img/illustration\ web_sm.png), url(../img/hybg.png);
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.hybrid .hybridmoreservice .hybridsercolR .imgeclassHeadding {
  font-family: Inter;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.33;
  color: #ffffff;
  width: 92%;
  margin: auto;
  padding-bottom: 5%;
  padding-right: 48%;
}

.hybrid .hybridmoreservice .hybridsercolR img {
  width: 100%;
  transition: 0.5s all;
}

.hybrid .hybridmoreservice .hybridsercolR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hybrid .hybridmoreservice .hybridsercolR .hybridservicecolRH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  padding: 4% 5% 2%;
}

.hybrid .hybridmoreservice .hybridsercolR .hybridservicecolRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  padding: 0 6%;
}

.hybrid .hybridmoreservice .hybridsercolR .hybridservicecolRA {
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.5;
  color: #2083d2;
  padding: 0 5%;
}

.hybrid .hybridmoreservice .hybridsercolRInner a:hover {
  color: #2083d2;
  text-decoration: underline !important;
}

/* * hybrid careerlast page*/
.hybrid .careerlast div p {
  font-family: Inter Regular;
  font-size: 1.4em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0% 10% 0%;
}

.hybrid .careerlast div .btnQuote {
  width: 29%;
  background-color: #2083d2;
  font-family: Inter;
  padding: 1.5%;
  color: #ffffff;
  font-weight: 500;
  margin: 1% 0 5%;
  border: none;
  outline: none;
  /* height: 56px; */
}

/* **end hybrid Page** */

/* *CSS Start For E-Learning*/

.eLernings .learning-Top {
  background-color: #1a237e;
  color: #ffffff;
  padding-bottom: 12%;
  background-attachment: fixed;
}

/* *E Learning*/

/* *E Learning*/

.eLernings .learning-Top .e-lerningbanner img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.eLernings .learning-Top {
  margin-top: -1% !important;
  background: #1a237e;
}

.eLernings .learning-Top .row {
  width: 100%;
}

.eLernings .Learning-logo {
  width: 165px;
  height: 129px;
  object-fit: contain;
  margin-top: -47%;
  margin-left: 18%;
}

.eLernings .learningCol {
  display: flex;
  align-items: center;
  justify-content: center;
}

.eLernings .learning-Top .row .col-md-4:nth-of-type(3) {
  text-align: end;
}

.eLernings .learning-Top .navbar-expand-md .navbar-toggler {
  display: block !important;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  border-radius: 0;
  width: 48px;
  height: 48px;
}

.eLernings .navbar-toggler-icon {
  color: black;
}

.eLernings .learning-Top .ExpandingDiv {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  padding-bottom: 5%;
}

.eLernings .learning-Top .ExpandingDiv p {
  color: white;
}

.eLernings .learning-Top .ExpandingDiv .Expanding {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  padding: 0.3% 0%;
  color: #ffffff;
  margin-top: 2.6%;
  width: 100%;
  line-height: 1.2;
}

.eLernings .learning-Top .ExpandingDiv .Expanding::first-line {
  font-weight: bold;
}

.eLernings .learning-Top .ExpandingDiv .Empower {
  font-family: Inter Medium;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.38;
  color: #ffffff;
  width: 100%;
  padding: 0.3% 0%;
}

.eLernings .learning-Top .ExpandingDiv .withtriazine {
  font-family: Inter Medium;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.38;
  color: #ffffff;
  width: 100%;
  padding: 0.3% 0%;
}

.eLernings .learning-Top .ExpandingDiv .p2 span {
  color: #a0f32f;
  font-weight: bold;
  font-family: Inter Semi Bold;
}

.eLernings .learning-Top .greenemptydiv {
  text-align: center;
  padding-bottom: 3%;
}

.eLernings .learning-Top .greenemptydiv button {
  width: 26%;
  padding: 2%;
  margin-right: 3%;
  background: #8bc53f;
  border: none;
  margin: auto;
}

.eLernings .Expanding {
  padding-left: 42%;
}

.eLernings .learning-Top .svg1 .circle1,
.eLernings .learning-Top .svg1 .circle2 {
  stroke: #0f1658;
}

.eLernings .ElearnigSoltion {
  background-color: rgba(26, 35, 126, 0.05);
}

.eLernings .androidappDevlopTxtTop {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  margin-top: -12%;
  padding: 1% 0% 2% 3%;
}

.eLernings .androidappDevlopTxtTop .androdappDevlopTopTxtP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  margin-bottom: 3%;
  font-weight: 400;
  border-radius: 4px;
}

.eLernings .androidappDevlopTxtTop .iosappDevlopTxtTopColRInner {
  border-left: 1px solid #e5e5e5;
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.eLernings .androidappDevlopTxtTop .androidDevlopTxtTopColR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.eLernings
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.eLernings
  .androidappDevlopTxtTop
  .iosappDevlopTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.eLernings
  .androidappDevlopTxtTop
  .iosappDevlopTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.eLernings
  .androidappDevlopTxtTop
  .iosappDevlopTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

.eLernings .androidDevlopTxtTopColR .iosappDevlopTxtTopColRInner button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

button:focus {
  outline: 0px dotted;
  outline: 0px auto -webkit-focus-ring-color;
}

.eLernings .androidDevlopTxtTopColR .iosappDevlopTxtTopColRInner button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
}

.eLernings .ElearnigSoltion1Headding {
  margin-top: 26%;
  margin-bottom: 10%;
  font-family: Inter Semi Bold;
  font-size: 1.3em;
  line-height: 1.67;
  color: #ffffff;
}

.eLernings .ElearnigSoltion1Headdingpara1 {
  line-height: 2.11;
  color: #ffffff;
  padding-right: 5%;
  font-family: Inter;
  line-height: 2.11;
}

.eLernings .ElearnigSoltion1 .ElearnigSoltion1Div img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.eLernings p.ElearnigSoltion1Headdingpara1 {
  font-family: Inter Medium;
  font-size: 1.6em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 6%;
}

.eLernings .ElearnigSoltion1Headdingpara1Span {
  font-family: Inter Regular;
  font-size: 0.9em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
}

.eLernings .expertise {
  margin-top: 8%;
  font-size: 0.9em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
  font-family: Inter Regular;
  padding-right: 1%;
}

.eLernings .ElearnigSoltion2 {
  margin-top: 9%;
  margin-bottom: 7%;
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.71;
  padding-left: 6%;
}

/* great Learning Div */

.eLernings .greatLearningDivInner {
  text-align: center;
  margin: 0;
  margin-top: 5%;
}

.eLernings .greatLearningDivHeadding {
  width: 100%;
  text-align: center;
  font-family: Inter Semi Bold;
  font-size: 3.2em;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 0 !important;
}

.eLernings .greatLearningDivSpan {
  text-align: center;
  font-size: 1em;
  width: 70%;
  font-family: Inter regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  color: #616161;
  margin: 0% 15% 2% 15%;
}

.eLernings .greatLearningDivImge {
  width: 90%;
  margin-left: 5%;
  margin-right: 5%;
  transition: all 0.3s ease-in-out;
}

.eLernings .greatLearningDivImge {
  background: url(../img/greatLearning.png) no-repeat center;
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;
  padding-top: 30%;
  /* margin-top: 5%; */
}

.eLernings .greatLearningDivImge .greatLearningDivImgetxt {
  background: #000000;
  width: 57%;
  padding: 2.8% 3%;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .greatLearningDivImgetxtH {
  font-family: Inter Medium;
  font-size: 1.8em;
  line-height: 1.63;
  color: #ffffff;
  font-size: 1.8em;
  margin-bottom: 4%;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .greatLearningDivImgetxtP {
  font-family: Inter Regular;
  font-size: 1.05em;
  line-height: 2;
  color: #ffffff;
  margin-bottom: 14%;
}

.eLernings .greatLearningDivImge .greatLearningDivImgetxt .carousel-indicators {
  bottom: -7% !important;
  width: 30%;
  left: 10% !important;
  background: transparent !important;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-indicators
  li {
  width: 9px;
  height: 9px;
  border-radius: 50px;
  background: #3c5a6d;
  border: none;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-indicators
  li.active {
  background: #fff;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-control-prev {
  bottom: -90%;
  left: 85%;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-control-next {
  right: -9%;
  bottom: -90%;
}

.eLernings .greatLearningDiv .greatLearningDivInner .col-L img {
  width: 80%;
}

.eLernings .greatLearningDivImgetxt .carousel-control-next,
.carousel-control-prev {
  top: 83% !important;
  left: 16%;
}

.eLernings .caseStudy {
  background-color: #f4f4f9;
  margin-top: 10%;
  padding: 2% 1% 0% 2%;
}

.eLernings .caseStudyInnerHeadding {
  font-family: Inter Semi Bold;
  font-size: 3.1em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333333;
  text-align: center;
}

.eLernings .LatestLearning {
  font-size: 1.5em;
  font-family: Inter Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  text-align: center;
}

.eLernings .caseStudyInnerPara {
  font-family: Inter Regular;
  font-size: 1.1em;
  width: 85%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.11;
  letter-spacing: normal;
  color: #333333;
  padding: 0% 5%;
  margin: 1% auto;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolR {
  background: #817266 !important;
  text-align: center;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-domio-2 {
  background: #1a639e !important;
  text-align: center;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33 !important;
  text-align: center;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67 !important;
  text-align: center;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolL img {
  width: 50%;
  margin: 70% 0 2% -40%;
}

.eLernings .caseStudy .greatLearningDivInner .lerning_slideimg {
  margin-top: 30%;
  transition: 0.5s all;
  margin-top: 14%;
  width: 40vw;
  text-align: center;
}

.eLernings .caseStudy .greatLearningDivInner .scrollcolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 78% 0% 4% 4%;
  text-align: left;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolL .scrollcolLP1,
.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolL .scrollcolLP2 {
  font-family: Inter Regular;
  font-size: 0.95em;
  line-height: 1.5;
  color: #ffffff;
  margin: 4% 10% 10% 5%;
  text-align: initial;
}

.eLernings .caseStudy .caseStudyInner .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 5%;
  float: left;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolR img {
  margin-top: 20%;
}

.eLernings .caseStudy .caseStudyInner .cstmRowCareer .scrollcolR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.eLernings .caseStudy .caseStudyInner .carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50px;
  background: #ccc;
  border: none;
}

.eLernings .caseStudy .caseStudyInner .carousel-indicators li.active {
  background: blue;
}

.eLernings .caseStudyInnerText {
  font-family: Inter Bold;
  font-size: 8.2em;
  font-weight: bold;
  margin-bottom: -2%;
  margin-top: -3%;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: rgba(32, 131, 210, 0.1);
  text-align: center;
}

.eLernings .DivLearning div p {
  font-family: Inter Regular;
  font-size: 1.4em;
  line-height: 1.67;
  color: #333333;
  padding: 0 22%;
  margin-top: 6%;
}

.eLernings .DivLearning div .buttonDivLearning {
  width: 30%;
  background-color: #2083d2;
  font-family: Inter Medium;
  padding: 1.5%;
  color: #ffffff;
  margin: 1% 0 5%;
  border: none;
  outline: none;
}

.eLernings .DivLearning div button.buttonDivLearning span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.eLernings .DivLearning div button.buttonDivLearning span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

.eLernings .DivLearning div button.buttonDivLearning:hover span {
  padding-right: 25px;
}

.eLernings .DivLearning div button.buttonDivLearning:hover span:after {
  opacity: 1;
  right: 0;
}

.eLernings .carousel-inner {
  margin-top: 2%;
}

/* *Learning Bottom*/

.eLernings .learning-Bottom {
  margin-top: -10%;
  margin-bottom: -3.3%;
}

.eLernings .learning-Bottom .learning-BottomDiv1 {
  margin-top: -14%;
}

.eLernings .learning-Bottom .learning-BottomDiv1 .shortRow {
  width: 70%;
  display: flex;
  flex-direction: row;
  align-self: center;
  margin-top: -6%;
}

.eLernings .learning-Bottom .learning-BottomDiv1 .shortRow .whitecol {
  background: white;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
}

.eLernings
  .learning-Bottom
  .learning-BottomDiv1
  .shortRow
  .whitecol
  img:nth-of-type(1) {
  width: 16%;
  margin-right: 6%;
}

.eLernings
  .learning-Bottom
  .learning-BottomDiv1
  .shortRow
  .whitecol
  img:nth-of-type(2) {
  width: 37%;
  margin-right: 6%;
}

.eLernings
  .learning-Bottom
  .learning-BottomDiv1
  .shortRow
  .whitecol
  img:nth-of-type(3) {
  width: 24%;
}

.eLernings .carousel-indicators {
  bottom: -50px;
  background-color: #f4f4f9;
}

.eLernings .carousel-indicators .active {
  background-color: #2083d2;
}

.eLernings .circle1,
.eLernings .circle2 {
  stroke: #3f4b52;
}

.eLernings .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.eLernings .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.eLernings .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

/* *Media Query for elearning  */

@media screen and (device-width: 360px) and (device-height: 640px) {
  .ElearnigSoltion1 {
    padding: 0;
    text-align: center;
  }

  .ElearnigSoltion2 {
    text-align: center;
    padding: 0 6%;
  }

  .greatLearningDivImge {
    width: 96%;
    margin: 4% 2%;
  }

  .LearningButtonDivfirstDivHeight {
    margin: 7% 2%;
  }

  .LearningButtonDivButton {
    margin: 10%;
  }

  .LearningButtonDivbtndivButton {
    padding: 6% 15%;
  }

  .learning-Top .ExpandingDiv .Empower {
    width: 84%;
  }

  .ElearnigSoltion1Headdingpara1 {
    padding: 5%;
  }

  .learning-Bottom {
    margin-top: -30%;
  }

  .learning-Bottom .learning-BottomDiv1 {
    font-size: 0.8em;
  }

  .learning-Top {
    margin-bottom: -35%;
    padding-bottom: 35%;
  }

  .ElearnigSoltion {
    margin-top: -29.7%;
  }
}

/*  CSS END For E-Learning  */

/* *CSS Start FOR E-commerce*/

.e_commerce .container-e_commerce-div {
  background: #2c4552;
  color: #ffffff;
  padding-bottom: 12%;
  background-attachment: fixed;
}

section.e_commerce {
  background: #fff;
}

.e_commerce .container-e_commerce-div .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.e_commerce .container-e_commerce-div .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.e_commerce .container-e_commerce-div .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.e_commerce .circle1,
.e_commerce .circle2 {
  stroke: #86868661;
}

.e_commerce .ecombanner_img .img-banner {
  width: 75%;
  margin-top: -5%;
}

.e_commerce .ecombanner_img .img-banner:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.e_commerce .container-e_commerce-div .ecommecepdiv .ecommecep1 {
  font-family: Inter Semi Bold;
  line-height: 1.25;
  color: #ffffff;
  margin-left: 22%;
  width: 100%;
  margin-top: 15%;
  padding: 0;
  font-size: 2.2em;
  font-weight: 600;
}

.e_commerce .container-e_commerce-div .ecommecepdiv .ecommecep2 {
  font-family: Inter;
  font-size: 1em;
  line-height: 2.11;
  color: #ffffff;
  margin-left: 22%;
  width: 100%;
  padding: 0;
  font-weight: normal;
}

.e_commerce .ecommecepdiv .ecommecep3 li {
  font-size: 1.1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0;
  list-style-type: none;
  font-weight: 500;
  letter-spacing: normal;
  font-stretch: normal;
}

.e_commerce .ecommecepdiv ul.text-left.ecommecep3 {
  margin-left: 12%;
}

.e_commerce .ecommecepdiv .ecommecep3 span.material-icons {
  font-size: 1.2em;
  vertical-align: sub;
  margin-right: 1%;
  padding-left: 1%;
  color: #06aaf5;
}

/*css for ecommerceblackdiv*/

.e_commerce .ecommerceblackdiv {
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 1%;
  padding-bottom: 7%;
}

.e_commerce .ecommerceblackdiv .blogdivTxt .blackblog .blackblogcloR .fa {
  font-size: 5em;
  color: #b9c5c6;
}

.e_commerce .ecommerceblackdiv .blogdivTxt .blackblog .blackblogcloR button {
  background-color: #2083d2;
  line-height: 1.5;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter Medium;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
  width: 80%;
  margin-bottom: 0%;
}

/* *CSS FOR blogdivTxt*/

.e_commerce .blogdivTxt {
  margin-top: -10.1% !important;
  background: #ffffff;
  padding: 3% 0% 3% 3%;
  margin-left: 8.4%;
  margin-right: 8.4%;
}

.e_commerce .blogdivTxt .blogdivP1,
.blockdivpp2 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  margin-bottom: 0%;
  letter-spacing: normal;
}

.e_commerce .blackblogcloR .expert_talk {
  border-left: 1px solid #e5e5e5;
  width: 100%;
  margin-top: 8%;
}

/* *end blog div*/

.e_commerce .ecommerceblackdiv .ecomrce_blacktxt {
  margin-top: 5% !important;
}

.e_commerce .ecommerceblackdiv .ecomrce_blacktxt .blackcolLH {
  font-size: 1.4em;
  color: #ffffff;
  font-family: Inter Semi Bold;
  margin-bottom: 7%;
  font-weight: 600;
  line-height: 1.67;
  letter-spacing: normal;
}

.e_commerce .ecommerceblackdiv .ecomrce_blacktxt .blackcolLP,
.blackcoL12,
.blackcolRP1,
.blackcolRP2 {
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  font-family: Inter Regular;
}

.e_commerce .ecommerceblackdiv .ecomrce_blacktxt .blackcolRP1 {
  margin-top: 15%;
}

/* *css for commercegreendiv*/

.e_commerce .commercegreendiv {
  margin: 0;
  background: #ffffff;
  margin-bottom: 5%;
}

.e_commerce .commercegreendiv .ecomegreenL img.img-fluid {
  width: 80%;
  margin-top: 15%;
}

.e_commerce .commercegreendiv .ecomegreenL img.img-fluid:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.e_commerce .commercegreendiv .commrce-greenR {
  padding-top: 0%;
  margin-left: -5%;
}

.e_commerce .commrce-greenR .cstmRowCareer .blackcolLH {
  font-family: Inter Medium;
  font-size: 2em;
  font-weight: 500;
  line-height: 1.63;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 3%;
}

.e_commerce .commercegreendiv .commrce-greenR ul {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  list-style-type: none;
  margin: 6% 0% 8% 9%;
  font-weight: 500;
  letter-spacing: normal;
}

.e_commerce .commercegreendiv .commrce-greenR ul li:nth-of-type(1) {
  margin-top: 4%;
}

.e_commerce .commercegreendiv .commrce-greenR ul li {
  font-family: Inter Regular;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #333333;
}

.e_commerce .commercegreendiv .img-right {
  padding-right: 3%;
}

.e_commerce .commrce-greenR span.material-icons {
  font-size: 1.2em;
  vertical-align: sub;
  margin-right: 3%;
}

/* *css for e_commercetechdiv*/

.e_commerce .e_commercetecWholeDiv {
  background-color: #f6f6f6;
  margin-top: 10%;
}

.e_commerce .e_commtechdiv {
  padding: 7% 0;
}

.e_commerce .e_commtechdiv .commercetechH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-weight: 600;
  letter-spacing: normal;
}

.e_commerce .e_commtechdiv .coomrcetechP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #333333;
  padding: 1% 7%;
  font-weight: normal;
  letter-spacing: normal;
}

.e_commerce .e_commtechdiv .row1 {
  margin: 4% 0;
}

.e_commerce .e_commtechdiv .row.row1 img {
  text-align: center;
  margin: 0px auto;
}

.e_commerce .e_commtechdiv .row.row1.hybrid_block {
  margin-top: 3%;
  margin-bottom: 3%;
}

.e_commerce .e_commtechdiv .row1 div,
.e_commerce .e_commtechdiv .row2 div {
  margin: auto;
}

.e_commerce .e_commtechdiv .row1 div:nth-of-type(2) img,
.e_commerce .e_commtechdiv .row1 div:nth-of-type(5) img,
.e_commerce .e_commtechdiv .row1 div:nth-of-type(6) img,
.e_commerce .e_commtechdiv .row2 div:nth-of-type(2) img {
  width: 70%;
}

.e_commerce .e_commtechdiv .row2 div:nth-of-type(3) img {
  width: 55%;
}

/* *css for e-commercasestydiv*/

.e_commerce .e-commercasestydiv {
  background: #f4faff;
  padding: 6% 0 15%;
}

.e_commerce .e-commercasestydiv .hybridcasestytxt .hybridcasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-weight: normal;
  letter-spacing: normal;
  font-weight: 600;
  margin-bottom: 0%;
}

.e_commerce .e-commercasestydiv .hybridcasestytxt .ecomrcestudi {
  font-size: 1.5em;
  font-family: Inter Regular;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 1.5%;
}

.e_commerce .e-commercasestydiv .hybridcasestytxt .hybridcasestyP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.78;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 0%;
}

.e_commerce .e-commercasestydiv .hybridcasestytxt .hybridcasestyP2 {
  font-family: Inter Bold;
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  margin-top: -3%;
  font-weight: bold;
  letter-spacing: normal;
  margin-bottom: -5%;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolL,
.scrollcolR {
  padding: 0;
  background: #ccc;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolR {
  background: #817266 !important;
  padding-top: 15%;
  text-align: center;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-domio-2 {
  background: #1a639e !important;
  text-align: center;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33 !important;
  text-align: center;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67 !important;
  text-align: center;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolR img {
  transition: 0.5s all;
  margin-top: 1%;
  text-align: center;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolL img {
  width: 75%;
  margin: 45% 0 2% 13%;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolL .scrollcolLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 0% 5% 10% 5%;
  padding: 0% 6%;
  font-weight: normal;
  letter-spacing: normal;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 11%;
}

.e_commerce .e-commercasestydiv .cstmRowCareer .scrollcolL .scrollheadH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 60% 0% 4% 0%;
  padding: 0% 6% 0 10%;
}

/*indicators*/

#e_commerceCarousel {
  position: relative;
  transition: transform 0.5s ease-in-out;
  display: block;
  transform: scale(1);
}

.e_commerce .e-commercasestydiv .carousel-indicators {
  bottom: -10%;
}

.carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ccc;
  border: none;
}

.carousel-indicators li.active {
  background: #2083d2;
}

/*careerlast*/

.e_commerce .cstmRowCareercontnt {
  width: 70% !important;
  margin: 0 15% !important;
}

.e_commerce button.btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 1.5%;
  width: 30%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1% 0 5%;
  border: 0;
}

.e_commerce button.btnQuote span {
  font-family: Inter;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: normal;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.e_commerce button.btnQuote span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

.e_commerce button.btnQuote:hover span {
  padding-right: 25px;
}

.e_commerce button.btnQuote:hover span:after {
  opacity: 1;
  right: 0;
}

.e_commerce .careerlasdata div p {
  font-family: Inter;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0 10%;
  padding-top: 4%;
  transition: all 0.4s;
  display: block;
  transform: scale(1);
}

/* *CSS Start FOR WEB DEVELOPMENT PAGE*/

.Web .container-Web-Div {
  /* background: #263238; */
  color: #ffffff;
  padding-bottom: 8.5%;
  background-attachment: fixed;
  background: linear-gradient(#79ed08d6, rgb(18 130 236));
}

.Web .circle1,
.Web .circle2 {
  stroke: #3b4c55;
}

.Web .container-Web-Div .webpdiv {
  width: 96%;
  margin: auto;
  align-items: center;
}

.Web .container-Web-Div .webpdiv .webpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.Web .container-Web-Div .webpdiv .webpdivR {
  padding: 0;
}

.Web .container-Web-Div .webpdiv .webpdivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.Web .container-Web-Div .webpdiv .col-md-6 img {
  width: 100%;
  margin-top: -10%;
}

.Web .container-Web-Div .webpdivH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 1%;
  padding: 0;
  margin-bottom: 2%;
}

.Web .container-Web-Div .webpdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.67;
  color: #ffffff;
  padding: 0;
}

.Mobile-Div-bg {
  background: #033fa5 !important;
}

/*css for webappDevlop*/

.Web .webappDevlop .container.containerBox {
  width: 96%;
  /* margin-left: 5%;
  margin-right: 5%; */
  margin-top: 11%;
  background: #ffffff;
  z-index: 2;
  position: relative;
  border-radius: 4px;
}

.Web .webappDevlop .webappDevlopTxt {
  margin-top: -16.1%;
  padding: 20px;
}

.Web .webappDevlop .webappDevlopTxt .webAppDevTopCol {
  padding-left: 0;
}

.Web .webappDevlop .webappDevlopTxt .webAppDevTopCol .webappDevlopTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #000;
}

.Web .webappDevlop .webappDevlopTxt .webappDevlopTxtTop .webappDevlopTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #000;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneL img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.Web
  .webappDevlop
  .webappDevlopTxt
  .webappDevlopTxtTop
  .webappDevlopTxtTopColR
  .webappDevlopTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

.Web .webappDevlopTxtPhone {
  width: 98%;
  margin: 0px auto;
}

h3.RowWebDevPhoneRH.pb-4 {
  font-size: 1.7rem;
  line-height: 1.4;
}

.webappDevlopTxtPhone.mt-5 p {
  line-height: 2;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneR .RowWebDevPhoneRH {
  font-family: "Inter Bold";
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.Web .webappDevlopTxtPhone .RowWebDevPhoneRP span {
  font-weight: bold;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneR .RowWebDevPhoneRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #000;
}

.Web
  .webappDevlopTxtPhone
  .RowWebDevPhone
  .RowWebDevPhoneR
  .RowWebDevPhoneRPStle {
  margin-bottom: 6%;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneR ul li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 1%;
  align-items: flex-start;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneR ul {
  padding: 0;
}

.Web .webappDevlopTxtPhone .RowWebDevPhone .RowWebDevPhoneR ul li p {
  font-family: "Inter semi bold";
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #616161;
  line-height: 1.75;
  width: 90%;
}

/* *css for Web Technology*/
.Web .WebTechnologyWholeDiv {
  background-color: #fff;
  padding-top: 30px;
  padding-bottom: 30px;
}

.Web .WebTechnologyDiv .WebTechnologyHeadding {
  font-family: Inter Semi Bold;
  font-size: 2.3em;
  line-height: 1.5;
  color: #333333;
}

.Web .WebTechnologyDiv .WebTechnologyPara {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.75;
  color: #333333;
  padding: 0 5%;
}

.Web .WebTechnologyDiv .nav-pills .nav-link.active {
  background-color: transparent;
  color: #333333;
  font-weight: 500;
  font-size: 16px;
  border-bottom: 3px solid #2083d2;
  background-color: #f6f6f6;
  border-radius: 0px;
  margin-bottom: -1%;
}

.Web .WebTechnologyDiv nav.navbar.justify-content-center {
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 0%;
}

.Web .WebTechnologyDiv .container_toggle .nav-item a {
  color: rgba(0, 0, 0, 0.5);
}

.Web .WebTechnologyDiv .container_toggle .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.Web .WebTechnologyDiv .ullist {
  border-bottom: 1px solid #dedede;
  margin-bottom: 2%;
  margin-top: 2%;
}

/* * End Web Technology */

/* * Our Development Process */

.Web .ourProcessBG {
  background: linear-gradient(#270d45, rgb(157 157 157)) !important;
}

.Web .ourProcess {
  padding: 3% 0%;
}

.Web .ourProcess .ourProcessHeadding {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.5;
  color: #ffffff;
}

.Web .ourProcess .ourProcessPara {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  padding: 0 7%;
  color: #ffffff;
}

.Web .ourProcess .ourProcessImge {
  margin-top: 4%;
  max-width: 370px;
}

.Web .ourProcess .devProcessSteps:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.Web .ourProcessBG .devProcessSteps {
  position: relative;
  transition: 0.5s all;
}

.Web .ourProcessBG .devProcessSteps .Steps {
  color: #ffffff;
  font-family: Inter Medium;
  font-size: 1.12em;
  position: absolute;
}

.Web .ourProcessBG .devProcessSteps .secondStep {
  top: 6.5%;
  left: 46%;
}

.Web .ourProcessBG .devProcessSteps .thirdStep {
  top: 24%;
  right: 35%;
}

.Web .ourProcessBG .devProcessSteps .fourthStep {
  bottom: 42%;
  right: 32%;
}

.Web .ourProcessBG .devProcessSteps .fivethStep {
  bottom: 11%;
  right: 34%;
}

.Web .ourProcessBG .devProcessSteps .sixthStep {
  bottom: 5%;
  left: 39%;
}

.Web .ourProcessBG .devProcessSteps .seventhStep {
  bottom: 27%;
  left: 34%;
}

/* *End of Our Process*/

/* *Our Development Service* */

.Web .DevelopmentServiceWholeDiv {
  padding-bottom: 18%;
}

.Web .DevelopmentServiceDiv {
  padding: 8% 0 2%;
}

.Web .DevelopmentServiceHeadding {
  font-family: Inter Semi Bold;
  font-size: 2.6em;
  line-height: 1.5;
  color: #333333;
}

.Web .DevelopmentServicePara {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.75;
  color: #616161;
  padding: 0 7%;
}

.Web .DevelopmentServiceWholeDiv .containerDiv {
  margin-left: 8%;
  margin-right: 8%;
  width: 72%;
  margin: 0 auto;
}

.Web .DevelopmentServiceWholeDiv .containerDiv .containerDivRow {
  margin-top: 4%;
}

.Web .DevelopmentServiceWholeDiv .containerDiv .containerDivCol {
  padding-right: 4%;
  padding-left: 4%;
}

.Web .serviceRow {
  display: inline-flex;
}

.Web .serviceRowColLeftHeadding,
.Web .serviceRowColRightHeadding,
.Web .E-comColLeftHeadding,
.Web .E-comColRightHeadding,
.Web .serviceRowColRightHeadding,
.Web .openSourceColRightHeadding {
  font-family: Inter Bold;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.67;
  color: #257bc0;
  margin-top: 8%;
}

.Web .serviceRowColLeftPara,
.Web .serviceRowColRightPara,
.Web .E-comColLeftPara,
.Web .E-comColRightPara,
.Web .serviceRowColLeftPara,
.Web .openSourceColRightPara {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #000;
  font-weight: 400;
}

.Web .webmoreservice {
  background: #080303;
  padding: 5% 0;
  margin-bottom: 33px;
}

.Web .metermoreservice {
  margin-bottom: 0 !important;
  padding: 5% 0;
}

.Web .housemoreservice {
  margin-bottom: 0 !important;
  padding: 5% 0;
}

.e-lerningbanner {
  margin-top: -80px !important;
}

.Web .webmoreservice .webmoresercolL .webmoresercolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 0 0 2%;
  font-weight: 600;
}

.Web .webmoreservice .webmoresercolL .webmoresercolLP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
  padding-right: 23%;
  font-weight: normal;
}

.webmoresercolLP a {
  color: #fff;
  text-decoration: underline;
}

.webmoresercolLP a:hover {
  text-decoration: none;
  color: #00feff;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner {
  background-color: #f6f6f6;
  padding: 3.2% 2.9% 6%;
  margin-top: -37%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclass {
  background: url(../img/illustration\ JS.png),
    url(../img/background_jsFramewrk.png);
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassHeadding {
  font-family: Inter;
  font-size: 1.125em;
  font-weight: 500;
  line-height: 1.33;
  color: #ffffff;
  width: 92%;
  margin: auto;
  padding-bottom: 5%;
  padding-right: 45%;
}

.Web .webmoreservice .webmoresercolR .ImgBackgrndColorH3 {
  color: #ffffff;
  font-family: Inter Medium;
  font-size: 1em;
  line-height: 1.33;
  padding-top: 44%;
  padding-left: 8%;
}

.Web .webmoreservice .webmoresercolR img {
  padding-top: 15%;
  padding-bottom: 15%;
}

.Web .webmoreservice .webmoresercolR .ImgBackgrndColor {
  background: #880e4f;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  padding: 4% 5% 2%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  padding: 0 5%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRA {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #2083d2;
  padding: 0 5%;
}

/* *start Media query for web development page*/

@media screen and (device-width: 360px) and (device-height: 640px) {
  .Web .ourProcessImge {
    width: 100%;
  }
}

@media only screen and (max-width: 414px) {
  /* *Media .WebTechnologyDiv*/
  .Web .WebTechnologyDiv.cstmRowCareer {
    width: 68% !important;
    margin: 0 14% !important;
  }

  /* *Media Our Development Process*/
  .Web .ourProcessBG.cstmRowCareer {
    width: 68% !important;
    margin: 0 14% !important;
  }
}

@media only screen and (max-width: 768px) {
  .Web .WebTechnologyWholeDiv .cstmRowCareer {
    width: 100% !important;
    margin: 0 !important;
  }

  .Web .processBorderStyleLeft {
    border-left: none;
    padding: 8% 0% 8% 0%;
  }

  .Web .processBorderStyleRight {
    border-right: none;
  }
}

@media only screen and (max-width: 1064px) {
  .Web .WebTechnologyWholeDiv .cstmRowCareer {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media only screen and (max-width: 775px) {
  .Web .WebTechnologyDiv .ullist {
    padding: 0 !important;
  }

  .Web .WebTechnologyDiv nav.navbar.justify-content-center {
    padding: 0 !important;
  }

  .Web .WebTechnologyDiv nav.navbar li:nth-of-type(1) {
    width: 27%;
    word-break: normal;
    text-align: center;
  }

  .Web .WebTechnologyDiv .nav-pills .nav-link {
    padding: 4px !important;
    font-size: 14px;
  }

  .Web .WebTechnologyDiv .nav-pills .nav-link.active {
    padding: 4px !important;
    font-size: 14px;
  }

  .Web .WebTechnologyDiv nav.navbar li:nth-of-type(2) {
    width: 20%;
    word-break: normal;
    text-align: center;
  }

  .Web .WebTechnologyDiv nav.navbar li:nth-of-type(3) {
    width: 21%;
    word-break: normal;
    text-align: center;
  }

  .Web .WebTechnologyDiv nav.navbar li:nth-of-type(4) {
    width: 19%;
    word-break: normal;
    text-align: center;
  }

  .Web .WebTechnologyDiv nav.navbar li:nth-of-type(5) {
    width: 13%;
    word-break: normal;
    text-align: center;
  }
}

ul.nav.nav-pills.webpills li {
  margin-bottom: 0;
}

/* *END CSS WEB DEVELOPMENT PAGE* */

/*About Us Page start CSS*/

.aboutus_section .container-top.parallax {
  /* background: #4051b5; */
  /* background: url('../img/aboutus-triazine.jpeg') bottom center no-repeat; */
  color: #ffffff;
  padding-bottom: 10%;
  background-size: cover;
}

.aboutus_section .container-top.parallax .svg1 .circle1,
.aboutus_section .container-top.parallax .svg1 .circle2 {
  stroke: #485bc6;
}

.abouBgImg {
  background: url("../img/wearetriazineFull.png") top right no-repeat;
}

.aboutus_section .about_content {
  background: #f6f6f6;
  padding-top: 0%;
}

.aboutus_section .container.containerText {
  width: 85%;
  margin-left: 15%;
  margin-top: 0%;
}

.aboutus_section .header_texts.text-center {
  width: 70%;
  margin: auto;
}

.aboutus_section .header_text .header_textL .header_textLH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 12%;
  font-weight: 600;
  margin-bottom: 3%;
}

.aboutus_section .containerText .header_text .header_textR {
  margin-top: -1%;
}

.aboutus_section .header_text .header_textL .header_textLP {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.25;
  color: #ffffff;
  text-shadow: 2px 2px 40px #000;
}

.aboutus_section .header_text.text-center {
  width: 72%;
  margin: auto;
}

.aboutus_section .header_text .header_textL .header_textLP span {
  font-family: Inter Bold;
  color: #ffee57;
}

.aboutus_section .header_text span {
  font-family: Inter Semi Bold;
  color: #ffee57;
}

.aboutus_section .header_text .header_textR img {
  margin-left: 5%;
  margin-top: -7%;
  width: 100%;
}

.aboutus_section .header_textL {
  padding: 0;
}

.aboutus_section .header_textR.wow.fadeInDown.animated {
  text-align: right;
}

.aboutus_section .header_text .header_textR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.aboutus_section .bg_green {
  background: #8bc53f;
}

.aboutus_section .bg_white {
  background: #ffffff;
}

.aboutus_section .whoweare_block {
  top: -10rem;
  margin-bottom: 12%;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffffff;
  width: 70%;
  margin: 0px auto;
  position: relative;
  z-index: 1;
}

.aboutus_section .about_content h1.Who-we-are {
  font-family: Inter Bold;
  font-size: 41px;
  color: #ffffff;
  padding: 12% 0%;
  text-align: center;
  font-weight: bold;
  line-height: 44px;
}

.aboutus_section .about_content .Who-we-are-text {
  font-family: Inter;
  font-size: 1em;
  line-height: inherit;
  color: #616161;
  padding: 4% 5% 0%;
  margin-bottom: 0;
}

.aboutus_section .about_content .head_quater_block {
  position: relative;
  margin: -130px auto;
  width: 98%;
  padding-bottom: 50px;
}

.aboutus_section .about_content .head_quater_block .head_quater_blockR {
  /* padding-top: 12%; */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.aboutus_section .about_content .head_quater_block .Headquarters {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  padding: 0 0 1%;
}

.aboutus_section
  .about_content
  .head_quater_block
  .head_quater_blockL
  .HeadquarteredP1 {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.78;
  color: #616161;
  width: 93%;
}

.aboutus_section
  .about_content
  .head_quater_block
  .head_quater_blockL
  .HeadquarteredP1
  span {
  font-family: Inter Semi Bold;
  line-height: 2;
  color: #2083d2;
}

.aboutus_section
  .about_content
  .head_quater_block
  .head_quater_blockL
  .HeadquarteredP1
  b {
  font-family: Inter Semi Bold;
  line-height: 2;
  color: #616161;
}

/* img hover css */

.aboutus_section .zoom-effect-container {
  float: left;
  position: relative;
  width: 100%;
  /* min-height: 300px; */
  margin: 0 auto;
  overflow: hidden;
}

.aboutus_section .image-card img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}

.aboutus_section .vision_section .zoom-effect-container {
  width: 107%;
}

/* img hover css end */

.aboutus_section .about_content .head_quater_block img {
  width: 90%;
  margin-top: 2%;
  position: relative;
}

.aboutus_section .about_content .CMMi-Level-3 {
  padding: 5% 8% 3%;
  text-align: center;
}

.aboutus_section .about_content .CMMi-Level-3 p {
  text-align: center;
  line-height: 1.78;
  color: #333333;
  font-size: 1.1em;
  font-family: Inter Regular;
  margin-top: 2%;
  margin-bottom: 1%;
}

.aboutus_section .about_content .CMMi-Level-text {
  font-family: Inter Regular;
  font-size: 1.19em !important;
  line-height: 1.78;
  color: #333333;
  padding-bottom: 2rem;
}

.aboutus_section .about_content .CMMi-Level-text b {
  font-family: Inter Semi Bold;
}

.aboutus_section .about_content .CMMi-Level-3 .media.services-wrap {
  border: 1px solid #e5e5e5;
  background: #fff;
  text-align: center;
  width: 70%;
  min-height: 121px;
}

.aboutus_section .about_content .CMMi-Level-3 .media.services-wrap .img_block {
  margin: 0px auto;
  min-height: 110px;
  display: flex;
  align-items: center;
}

/* Product development css */

.aboutus_section .product_development {
  padding: 10% 0 5%;
}

.aboutus_section .product_development .development_title {
  font-family: Inter;
  font-size: 3em;
  font-weight: 600;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333333;
}

.aboutus_section .product_development .development_descrip {
  text-align: center;
  padding: 1% 20%;
  font-family: Inter;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #333333;
}

.aboutus_section .product_development .shadowtext {
  font-family: Inter;
  font-size: 6.25em;
  font-weight: bold;
  color: #f2f2f2;
  margin-bottom: -2%;
}

/* Style tab links */

/* *product-blk-section*/

.aboutus_section .Union {
  height: 350px;
  border: solid 1px var(--white);
  background-color: #4086ef;
  margin-top: 2.5rem;
}

.aboutus_section .productdev-blk {
  background-color: #ffffff;
}

.aboutus_section .productdev-blk .prddevplop h3 {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.aboutus_section .productdev-blk .prddevplop p {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
}

.aboutus_section .productdev-blk .prddevplop .shadowtext {
  font-family: Inter Bold;
  font-size: 6.25em;
  color: #f2f2f2;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-top: -1%;
}

.aboutus_section .productdev-blk .wework .strategy_icon {
  background-color: #f29d2f;
  cursor: pointer;
  position: relative;
}

.aboutus_section .wework .strategy_icon:hover a.nav-link {
  color: #f29d2f;
  cursor: pointer;
}

.aboutus_section
  .productdev-blk
  .wework
  span.strategy_arrow
  i.fa.fa-arrow-right {
  float: right;
  position: absolute;
  margin: 33% 8%;
  color: #f29d2f;
  font-size: 25px;
  top: 0px;
  left: 135px;
}

.aboutus_section .productdev-blk .wework .plan_icon {
  background-color: #50bda1;
  cursor: pointer;
  position: relative;
}

.aboutus_section .productdev-blk .wework span.plan_arrow i.fa.fa-arrow-right {
  float: right;
  position: absolute;
  margin: 33% 10%;
  color: #50bda1;
  font-size: 25px;
}

.aboutus_section .productdev-blk .wework .design_icon {
  background-color: #4086ef;
  cursor: pointer;
  position: relative;
}

.aboutus_section .productdev-blk .wework span.design_arrow i.fa.fa-arrow-right {
  float: right;
  position: absolute;
  margin: 33% 7%;
  color: #4086ef;
  font-size: 25px;
  top: 0px;
  left: 135px;
}

.aboutus_section .productdev-blk .wework .development_icon {
  background-color: #9959da;
  cursor: pointer;
  margin: 0px auto;
  position: relative;
}

.aboutus_section .productdev-blk .wework span.devlop_arrow i.fa.fa-arrow-right {
  float: right;
  position: absolute;
  margin: 33% 7%;
  color: #4086ef;
  font-size: 25px;
  top: 0px;
  left: 135px;
}

.aboutus_section .productdev-blk .wework .test_icon {
  background-color: #ff2e63;
  cursor: pointer;
  position: relative;
}

.aboutus_section .productdev-blk .wework span.test_arrow i.fa.fa-arrow-right {
  float: right;
  position: absolute;
  margin: 33% 9%;
  color: #ff2e63;
  font-size: 25px;
  top: 0px;
  left: 135px;
}

.aboutus_section .productdev-blk .wework .launch_icon {
  background-color: #0098d9;
  cursor: pointer;
  position: relative;
}

.aboutus_section .productdevRow {
  width: 94%;
  margin: auto;
  text-align: center;
}

.aboutus_section .wework .strategy_icon h4 {
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.9;
  color: #333333;
}

.aboutus_section .productdev-blk li.nav-item.wework {
  text-align: center;
}

.aboutus_section .productdev-blk li.nav-item.wework a {
  font-family: Inter Semi Bold;
  font-size: 1.25em;
  font-weight: 600;
  line-height: 1.9;
  color: #333333;
  padding-left: 0px;
  padding-right: 0px;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-1:hover
  a {
  color: #f29d2f;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-2:hover
  a {
  color: #50bda1;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-3:hover
  a {
  color: #4086ef;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-4:hover
  a {
  color: #9959da;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-5:hover
  a {
  color: #ff2e63;
}

.aboutus_section
  .productdevRow
  .nav-item.wework.tabproductdevlist.hover-6:hover
  a {
  color: #0098d9;
}

.aboutus_section .nav-pills .nav-link.active {
  background-color: #ffffff;
  color: #333333;
}

.aboutus_section .productdev-blk .wework .strategy_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .plan_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .design_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .development_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .test_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .launch_icon img {
  height: 50px;
  object-fit: contain;
  margin: 31% 31%;
}

.aboutus_section .productdev-blk .wework .text-content {
  font-family: Inter;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: normal;
  color: #333333;
  margin-top: 7%;
}

.aboutus_section .productdev-blk div#strategy,
.productdev-blk div#plan,
.productdev-blk div#design,
.aboutus_section .productdev-blk div#development,
.productdev-blk div#test,
.productdev-blk div#launch {
  margin-top: 5%;
  margin-bottom: 8%;
  position: relative;
  box-sizing: border-box;
  font-size: 16px;
}

.aboutus_section .productdev-blk .nav_pills_content h5 {
  color: #ffffff;
  font-size: 2.1em;
  line-height: 1.67;
  font-family: Inter Medium;
  padding: 0% 0%;
  margin-bottom: 1%;
}

.aboutus_section .productdev-blk .nav_pills_content p {
  color: #ffffff;
  font-size: 1em;
  line-height: 1.75;
  font-family: Inter Medium;
  padding: 0% 0%;
}

.aboutus_section .Union .nav_pills_content {
  width: 90%;
  margin: auto;
}

#DevelopmentCycle .nav-item {
  width: 120px;
}

.aboutus_section .productdev-blk div#strategy:after {
  position: absolute;
  width: 24px;
  height: 24px;
  border-bottom: 0px solid #f29d2f;
  border-top: 1px solid #f29d2f;
  border-left: 1px solid #f29d2f;
  border-right: 0px solid #f29d2f;
  top: -62%;
  left: 2%;
  content: "";
  transform: rotate(45deg);
  background-color: #f29d2f;
}

.aboutus_section .productdev-blk div#plan:after {
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom: 0px solid #50bda1;
  border-top: 1px solid #50bda1;
  border-left: 1px solid #50bda1;
  border-right: 0px solid #50bda1;
  top: -93px;
  left: 21%;
  content: "";
  transform: rotate(45deg);
  background-color: #50bda1;
}

.aboutus_section .productdev-blk div#design:after {
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom: 0px solid #4086ef;
  border-top: 1px solid #4086ef;
  border-left: 1px solid #4086ef;
  border-right: 0px solid #4086ef;
  top: -93px;
  left: 40%;
  content: "";
  transform: rotate(45deg);
  background-color: #4086ef;
}

.aboutus_section .productdev-blk div#development:after {
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom: 0px solid #9959da;
  border-top: 1px solid #9959da;
  border-left: 1px solid #9959da;
  border-right: 0px solid #9959da;
  top: -93px;
  left: 59%;
  content: "";
  transform: rotate(45deg);
  background-color: #9959da;
}

.aboutus_section .productdev-blk div#test:after {
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom: 0px solid #ff2e63;
  border-top: 1px solid #ff2e63;
  border-left: 1px solid #ff2e63;
  border-right: 0px solid #ff2e63;
  top: -93px;
  right: 21%;
  content: "";
  transform: rotate(45deg);
  background-color: #ff2e63;
}

.aboutus_section .productdev-blk div#launch:after {
  position: absolute;
  width: 30px;
  height: 30px;
  border-bottom: 0px solid #0098d9;
  border-top: 1px solid #0098d9;
  border-left: 1px solid #0098d9;
  border-right: 0px solid #0098d9;
  top: -93px;
  right: 2%;
  content: "";
  transform: rotate(45deg);
  background-color: #0098d9;
}

/*order_content-*/

.aboutus_section .technologies_blk {
  padding-top: 2%;
  padding-bottom: 2%;
  background: #f6f6f6;
}

.aboutus_section ul.nav.nav-pills.portfol_pills li {
  margin-bottom: 0;
}

.aboutus_section .technologies_blk .nav-pills .nav-link.active {
  background-color: transparent;
  color: #333333;
  box-shadow: 0 4px 0 0 #2083d2;
  border-radius: 0;
  transition: 0.3s all ease-in-out;
  font-family: Inter Regular;
  outline: none;
}

.aboutus_section .container.tab-pane {
  overflow: hidden;
}

.aboutus_section .tech_icon {
  margin: auto 0;
}

.aboutus_section .header .openbtn {
  padding: 7px 20px;
  margin-left: 0px;
}

.aboutus_section .technologies_blk .cms_navbar {
  border-bottom: 1px solid #dedede;
  padding: 0% 0 0% 0;
  margin-bottom: 2%;
}

.aboutus_section div#mobile img,
.aboutus_section div#frontend img,
.aboutus_section div#database img {
  max-width: 100%;
  margin: 0.5rem;
}

.aboutus_section .technologies_blk .cms_navbar .nav-link {
  display: block;
  padding: 0.8rem 0.1rem;
  font-family: Inter Regular;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: normal;
  margin: 0.2rem 1rem;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  outline: none;
}

.aboutus_section .technologies_blk .cms_navbar {
}

.aboutus_section .Technologies-that-we-used {
  font-family: Inter Semi Bold;
  font-size: 35px;
  line-height: 1.5;
  font-stretch: normal;
  font-style: normal;
  color: #333333;
}

.aboutus_section .technologies_blk .tab-content .tab-pane .rowImg1 {
  padding-top: 2%;
  padding-bottom: 2%;
}

.aboutus_section .Technology-is-our-backbone-because-we-understand-t {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
  padding: 0% 5%;
}

/* ******Vision section******* */

.aboutus_section .vision_section {
  background-color: #ffffff;
}

.aboutus_section .inner_vision {
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.1);
  background-color: #257bc0;
}

.aboutus_section .vision_section .Our-Vision {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #ffffff;
  padding: 2% 0%;
  padding-left: 13%;
}

.aboutus_section .vision_section .We-are-one {
  font-family: Inter Medium;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding-left: 13%;
}

.aboutus_section .vision_section .We-are-one span {
  font-size: 4em;
  line-height: 0.92;
}

.aboutus_section .vision_section .vision_block2 img {
  min-height: 337px;
}

/* ******Mision section******* */

.aboutus_section .inner_mission {
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.1);
  background-color: #8bc53f;
}

.aboutus_section .mission_section .Our-Vision {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #ffffff;
  padding: 2% 0%;
  padding-left: 0;
}

.aboutus_section .mission_section .We-are-one {
  font-family: Inter Medium;
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  padding-left: 0;
  padding-bottom: 15px;
}

.aboutus_section .mission_section .mission_block2 img {
  min-height: 337px;
  margin-left: 0.1rem;
}

/* *OurWide*/

.aboutus_section .OurWideDiv {
  margin-top: 13%;
  background: url(../img/image_BGSolutions.svg);
  background-repeat: no-repeat;
  padding: 6% 0% 7%;
  margin-bottom: 0;
  background-size: cover;
}

.aboutus_section .cstmRowEngagement {
  margin-left: 16%;
}

/*OurWideDiv1*/

.aboutus_section .OurWide {
  background: #8bc53f;
  margin-top: -15%;
  padding: 14% 2% 3% 3%;
  box-shadow: 0 4px 100px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 6%;
}

.aboutus_section .OurWideh3 {
  font-size: 2em;
  font-family: Inter Semi Bold;
  line-height: 1.6;
  color: #ffffff !important;
}

/*OurWideDiv2*/

.aboutus_section .OurWideDiv .OurWideDiv2 .col1 {
  padding: 0;
}

.aboutus_section .OnlineFood {
  display: table;
  width: 96%;
  background: white;
  padding: 0;
  margin-bottom: 8.8%;
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: solid 1px #ffffff;
  color: #333333;
  transition: all 0.2s ease-in-out;
}

.aboutus_section .OnlineFood:last-child {
  margin-bottom: 0px;
}

.aboutus_section .OnlineFood div {
  display: table-cell;
  vertical-align: middle;
}

.aboutus_section .OnlineFood div:nth-of-type(1) {
  width: 19%;
  padding: 4% 0;
}

.aboutus_section .OnlineFoodimg {
  margin: 0 22%;
}

.aboutus_section .OnlineFood div:nth-of-type(2) {
  width: 78%;
}

.aboutus_section .custmOnlineFoodHeaddingFontPadding {
  margin-bottom: 0;
  text-align: left;
  padding-left: 6%;
}

.aboutus_section .OnlineFoodHeadding {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 1.8;
}

.aboutus_section .OnlineFood.tabSolLinks.active {
  background: #ffffff;
  color: #333333 !important;
  position: static;
  width: 100%;
  scroll-behavior: smooth;
}

.aboutus_section .orderingSolutionRow {
  background-color: #ffffff;
  padding-bottom: 35.5%;
  width: 80%;
  height: 100%;
  margin-left: -17px;
}

.aboutus_section .orderingSolutionRowDiv {
  width: 86%;
  margin-left: 10%;
  margin-right: 0%;
  padding: 1% 0 0%;
}

.aboutus_section .orderingSolutionRowDivHadding {
  font-family: Inter Medium;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.8;
  color: #000000;
  margin-top: 7%;
  margin-bottom: 7%;
}

.aboutus_section .orderingSolutionRowDivPara {
  font-size: 1em;
  font-family: Inter Regular;
  line-height: 1.75;
  margin-bottom: 2%;
  color: #616161;
}

.aboutus_section .orderingSolutionRowDivHadding1 {
  font-family: Inter Semi Bold;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.8;
  color: #616161;
}

.aboutus_section .OrderList {
  font-size: 1em;
  font-family: Inter Regular;
  line-height: 1.75;
  padding-left: 7%;
  color: #616161;
}

/* Team member section */

.aboutus_section .Ourleadership_team {
  background: #f6f6f6;
  padding: 37px 0 50px 0;
}

.aboutus_section .Our-Leadership-Title {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 20px 0 1% 0 !important;
}

.aboutus_section .member_block {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.aboutus_section .member_block img {
  vertical-align: middle;
}

.aboutus_section .member_block .content.title_block1 {
  position: absolute;
  bottom: 0;
  color: #fff;
  right: 0px;
  width: 100%;
  padding: 5px 0px 0px;
  text-align: center;
  background: #fff;
  box-shadow: 19px 1px 52px #585858;
  border: 1px solid #ededed;
}

.aboutus_section .member_block .content.title_block2 {
  position: absolute;
  bottom: 0;
  color: #fff;
  right: 0%;
  width: 100%;
  padding: 5px 0px 0px;
  text-align: center;
  background: #fff;
  box-shadow: 19px 1px 52px #585858;
  border: 1px solid #ededed;
}

.aboutus_section .overlay-shade {
  width: 225px;
  /* height: 299.8px; */
  background-image: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.75),
    rgba(196, 196, 196, 0)
  );
}

.aboutus_section .ourteam_direct {
  margin-bottom: 2rem;
}

.aboutus_section .ourteam_direct img {
  width: 100%;
}

.aboutus_section .ourteam_direct .content.title_block {
  position: absolute;
  bottom: 0;
  color: #000;
  right: 0%;
  width: 100%;
  padding: 4px 0px 0px;
  text-align: center;
  background-color: #fff;
  box-shadow: 19px 1px 52px #585858;
  border: 1px solid #ededed;
}

.aboutus_section .zoom-effect-container:hover .image-card img {
  mix-blend-mode: normal;
}

.aboutus_section .OurWideDiv .OurWideDiv2 #OurWideDiv2TabMobileview {
  display: none;
}

/* get freequote_contant */

.aboutus_section .getfree_quote .freequote_contant p {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.aboutus_section .freequote_contant {
  padding: 5% 18% 0%;
}

.aboutus_section .getfree_quote .getButton .getquteButton {
  width: 30%;
  background-color: #2083d2;
  font-family: Inter Medium;
  padding: 2.1% 1.5%;
  color: #ffffff;
  margin: 1% 0 5%;
  border: none;
  outline: none;
  font-size: 1em;
}

.aboutus_section section.getfree_quote {
}

/*End About Us Page CSS*/

/* *CSS START FOR PORTFOLIO DETAILS*/

.container-port-details {
  background: #ef7f1a;
  background-attachment: fixed;
  padding-bottom: 6%;
}

.container-port-details {
  background-attachment: fixed;
  padding-bottom: 6%;
  background: linear-gradient(#00668dc9, #000000);
}

.portfolio-details .container-port-details .svg1 .circle1,
.portfolio-details .container-port-details .svg1 .circle2 {
  stroke: #3f4b52;
}

.portfolio-details .container-port-details .folio-top-content {
  width: 90%;
  margin: auto;
}

.portfolio-details
  .container-port-details
  .folio-top-content
  .folio-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
  padding-top: 0%;
}

/* .portfolio-details .container-port-details .folio-top-content .folio-top-contentL .whitebox {
    width: 116px;
    height: 116px;
    border-radius: 10px;
    background-color: #ffffff;
} */

.whitebox {
  width: 116px;
  height: 116px;
  border-radius: 10px;
  background-color: #ffffff;
}

.portfolio-details
  .container-port-details
  .folio-top-content
  .folio-top-contentL
  .folio-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 2.1em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 2%;
  margin-bottom: 0;
}

.portfolio-details
  .container-port-details
  .folio-top-content
  .folio-top-contentL
  .folio-top-contentP {
  font-family: Inter;
  font-size: 20px;
  line-height: 1.8;
  color: #ffffff;
  font-weight: 500;
}

.portfolio-details
  .container-port-details
  .folio-top-content
  .folio-top-contentR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.portfolio-details .Portf-yellodivDiv {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffd00e;
  padding: 1.5% 2%;
  margin-top: -6% !important;
  position: relative;
  z-index: 9;
  border-radius: 10px;
  align-items: center;
}

.portfolio-details .Portf-yellodivDiv .Portf-yellodivDivL .Portf-yellodivDivLP {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 27px;
  color: #333333;
  font-weight: 500;
}

.portfolio-details .Portf-yellodivDiv .Portf-yellodivDivL .Portf-yellodivDivLH {
  font-family: Inter Medium;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 0.4%;
}

.portfolio-details .Portf-yellodivDiv .Portf-yellodivDivR {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.portfolio-details .Portf-yellodivDiv .Portf-yellodivDivR img {
  width: 140px;
  height: 44px;
}

.portfolio-details .Portf-yellodivDiv .Portf-yellodivDivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for projOverview*/

.portfolio-details .projOverview {
  margin-top: 2% !important;
  padding: 0 12px;
}

.portfolio-details .projOverview .projOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.portfolio-details .projOverview .projOverviewP {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.5;
  color: #222;
  margin-bottom: 1%;
  font-weight: 400;
}

/* *Css for cstmGets*/
.portfolio-details .cstmGets {
  margin-top: 2.5% !important;
}

.portfolio-details .cstmGets .cstmGetsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 2.9%;
}

.portfolio-details .cstmGets .cstmGetsRow .cstmGetsCol .cstmGetsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.portfolio-details .cstmGets .cstmGetsRow .cstmGetsCol {
  display: flex;
  flex-direction: row;
}

.portfolio-details .cstmGets .cstmGetsRow .cstmGetsCol .doneicon {
  width: 6%;
}

.portfolio-details
  .cstmGets
  .cstmGetsRow
  .cstmGetsCol
  .doneicon
  .material-icons {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.4em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for wtwedid*/
.portfolio-details .wtwedid {
  margin-top: 2.5% !important;
}

.portfolio-details .wtwedid .wtwedidH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.portfolio-details .wtwedid .wtwedidRow .wtwedidcol .wtwedidcolP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.portfolio-details .wtwedid .wtwedidRow .wtwedidcol {
  display: flex;
  flex-direction: row;
}

.portfolio-details .wtwedid .wtwedidRow .wtwedidcol .doneicon {
  width: 6%;
}

.portfolio-details .wtwedid .wtwedidRow .wtwedidcol .doneicon .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for results*/
.portfolio-details .Pdetailresult {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 4% !important;
  padding: 2.5% 0% 3%;
  background: rgba(38, 50, 56, 0.05);
}

.portfolio-details .Pdetailresult .row {
  margin-top: 5%;
}

.portfolio-details .Pdetailresult .PdetailresultH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.portfolio-details .Pdetailresult .PdetailresultP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-top: 3.5%;
}

.portfolio-details .Pdetailresult .row .PdetailresultColL .PdetailresultUL {
  padding: 0;
}

.portfolio-details .Pdetailresult .row .PdetailresultColL .PdetailresultUL li {
  display: flex;
  flex-direction: row;
  margin-bottom: 2.5%;
}

.portfolio-details
  .Pdetailresult
  .row
  .PdetailresultColL
  .PdetailresultUL
  li
  i.fa {
  color: #fff;
  width: 28px;
  font-size: 1.4em;
  border-radius: 4px;
  background-color: #616161;
  height: 28px;
  margin-right: 3.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.portfolio-details
  .Pdetailresult
  .row
  .PdetailresultColL
  .PdetailresultUL
  li
  p {
  width: 92%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 1%;
}

.portfolio-details .Pdetailresult .row .PdetailresultColR {
  text-align: right;
}

.portfolio-details .Pdetailresult .row .PdetailresultColR img {
  width: 52%;
  margin-top: 2.5%;
  transition: 0.5s all ease;
}

.portfolio-details .Pdetailresult .row .PdetailresultColR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for mobileImage*/
.portfolio-details .mobileImage {
  margin-top: 3% !important;
  text-align: center;
  /* margin-bottom: 3% !important; */
}

.portfolio-details .mobileImage img {
  width: 50%;
}

.portfolio-details .mobileImage img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for technologydiv*/
.portfolio-details .technologydiv {
  background-color: #f4faff;
  padding-top: 5%;
  margin-top: 0%;
}

.portfolio-details .technologydiv .technologydivH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.portfolio-details .technologydiv .technologydivRow {
  padding-top: 3%;
  padding-bottom: 10%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.portfolio-details .technologydiv .technologydivRow .col-md-2 {
  margin: auto;
}

/* *START CSS FOR Portfolio PAGE*/
.Portfolio .container-portfolio {
  background: linear-gradient(#166567e3, rgb(0 126 255 / 98%));
  padding-bottom: 7%;
  background-attachment: fixed;
  color: #ffffff;
}

.Portfolio .container-portfolio .svg1 .circle1,
.Portfolio .container-portfolio .svg1 .circle2 {
  stroke: #3f4b52;
}

.Portfolio .container-portfolio .portDiv {
  width: 72%;
  margin: auto;
  align-items: center;
}

.Portfolio .container-portfolio .portDiv .portDiv1 {
  font-family: Inter Semi Bold;
  color: #ffffff;
  font-size: 2.1em;
  width: 100%;
  line-height: 1.33;
}

.Portfolio .container-portfolio .portDiv .portDiv2 {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 30px;
  color: #ffffff;
  padding-right: 20%;
}

.portDiv .portDivCol1 {
  padding: 0%;
  /* margin-top: 15%; */
}

.Portfolio {
  background: #f6f6f6;
}

.Portfolio .portDivCol2 {
  padding: 0%;
  text-align: center;
}

.Portfolio .portDivCol2 img {
  width: 55%;
}

.Portfolio .portDivCol2 img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.Portfolio .portofolioTxt {
  margin-top: -4% !important;
  background: #ffffff;
  padding: 2% 1%;
  width: 70%;
  margin: auto;
}

.Portfolio .portofolioTxt .portofolioTxt1 {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 2.11;
  color: #333333;
  margin-bottom: 0;
  padding-right: 3%;
}

.Portfolio .MainRow {
  margin-top: 2%;
  width: -webkit-fill-available;
}

.Portfolio .pl-2 {
  padding-left: 0% !important;
}

.Portfolio .MainRow > .MainColoum {
  padding: 0.5%;
  margin-bottom: 5px;
}

.Portfolio .MainColoum {
  float: left;
  width: 33.33%;
  display: none;
}

.Portfolio .MainRow:after {
  content: "";
  display: table;
  clear: both;
}

.Portfolio .MainContaint {
  position: relative;
  width: 100%;
}

.Portfolio .MainContaint .pWithImg {
  font-family: Inter Medium;
  font-size: 0.92em;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  margin: 0;
  padding: 2.2% 3%;
  line-height: 1.67;
  left: 0;
  right: 0;
}

.Portfolio .MainContaint .pWithImg span {
  font-size: 0.8em;
  line-height: 1.57;
}

.Portfolio .image {
  display: block;
  width: 100%;
  height: auto;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 0px !important;
  border: 1px solid #ddd9d9;
}

.Portfolio .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #ff2e63; */
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
  /*background: rgb(255 41 91 / 86%); 14-6*/
  background: rgb(35 122 191 / 95%);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.Portfolio .MainContaint:hover .overlay {
  height: 100%;
}

.Portfolio .headClass {
  font-family: Inter Medium;
  font-size: 20px;
  line-height: 28px;
  color: #ffffff;
  padding: 3% 3% 5px;
  /* margin-top: 3%; */
}

.Portfolio .behind {
  font-family: Inter;
  font-size: 14px;
  line-height: 27px;
  padding: 2.7%;
  padding-top: 0;
  color: #ffffff;
  margin-top: 0%;
  margin-bottom: 0%;
  overflow: hidden;
  /* height: 5.2rem;
  text-overflow: ellipsis; */
}

.Portfolio .Detail {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 3.3;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 0% 12%;
  margin-left: 2.5%;
  float: left;
  margin-top: 3% !important;
  position: absolute;
  /*14-6*/
  bottom: 1rem;
  background: #dd2651;
}

.Portfolio .show {
  display: block;
}

/* Style the buttons */

.Portfolio .Gallery .butn.active {
  background-color: #2083d2;
  color: white;
  border: 1px solid #2083d2;
  outline: none;
}

.Portfolio .aggregatorDiv {
  background-color: #2083d2;
  padding: 4%;
}

.Portfolio .aggregatorDiv.igl {
  background-color: #b59d33;
  padding: 4%;
}

.aggregatorDiv.Greentip {
  background-color: #109e49;
  padding: 4%;
}

ul.hellotax_web {
  color: #fff;
  padding-bottom: 2%;
}

.Portfolio .where2go {
  width: 100%;
}

.Portfolio .aggre .MainColoum.forAll .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/where2go_highlight.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  cursor: pointer;
}

.Portfolio .aggre.heighlighetedMob,
.Portfolio .aggre.heighlighetedWeb {
  margin: 0;
}

.Portfolio .aggre.heighlighetedMob .MainColoum.forAll .row,
.Portfolio .aggre.heighlighetedWeb .MainColoum.forAll .row {
  margin-bottom: 2%;
}

.Portfolio .aggre.heighlighetedMob .MainColoum.forAll .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/igl_highlight.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.Portfolio .aggre.heighlighetedMob .MainColoum.col-md-12,
.Portfolio .aggre.heighlighetedWeb .MainColoum.col-md-12 {
  width: 100%;
}

.Portfolio .aggre.heighlighetedWeb .MainColoum.forAll .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/greentip_highlight.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.Portfolio .aggre .MainColoum.webapp .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/greentip_highlight.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
  cursor: pointer;
}

.Portfolio .aggre .MainColoum.hybrid .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/gallery-image-4.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.Portfolio .aggre .MainColoum.native .aggregatorWhere2Go {
  padding: 0;
  background: url("../img/igl_highlight.png") no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.Portfolio .aggre {
  padding: 0% 0.5%;
}

.Portfolio .aggregatorPara {
  font-family: Inter Medium;
  font-size: 1.4em;
  line-height: 1.67;
  color: #ffffff;
}

.Portfolio .aggregatorParaOne {
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.75;
  margin-top: 5%;
  color: #ffffff;
  margin-bottom: 8%;
}

.Portfolio .aggregatorimgDiv {
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}

.Portfolio .careerlast div .btnQuote {
  width: 23% !important;
  background-color: #2083d2;
  font-family: Inter;
  padding: 1.5%;
  color: #ffffff;
  font-weight: 500;
  margin: 1% 0 5%;
  border: none;
  outline: none;
  height: 56px;
}

.Portfolio .careerlast {
  padding-bottom: 18% !important;
}

.portfoliofooterContact {
  margin-top: 0 !important;
}

/* *end CSS FOR Portofolio PAGE*/

/* ******cssAll*/

.page-footer ul li a:hover {
  text-decoration: none;
}

a:hover {
  text-decoration: none !important;
}

ul li {
  margin-bottom: 0px;
}

.cool-link {
  display: inline-block;
  text-decoration: none;
}

.cool-link::after {
  content: "";
  display: block;
  width: 0;
  height: 1px;
  background: #f2f2f2;
  transition: width 0.3s;
}

/* .cool-link:hover::after {
    width: 100%;
} */

/* new css for excellence_block */

.overlayMainDiv {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ed187e;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.8s ease;
}

.excellenceHoverDiv:hover .overlayMainDiv {
  height: 100%;
}

button.btnCommon {
  border-radius: 0px;
  font-family: Inter;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 1.5%;
  width: 100%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1% 0 5%;
  border: 0;
}

button.btnCommon span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

button.btnCommon span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

button.btnCommon:hover span {
  padding-right: 25px;
}

button.btnCommon:hover span:after {
  opacity: 1;
  right: 0;
}

img {
  transition: 0.5s all;
}

/* *START CSS FOR IOSMOBILE */

section.iosmobile {
  background: #fff;
}

.iosmobile .container-iosmobile-div {
  background: #212121;
  color: #ffffff;
  padding-bottom: 8.5%;
  background-attachment: fixed;
}

.iosmobile .container-iosmobile-div .iospdiv {
  width: 90%;
  margin: auto;
  margin-top: 2%;
  margin-bottom: 3%;
}

.iosmobile .container-iosmobile-div .iospdiv .iospdivL {
  padding: 0;
}

.iosmobile .text-right.iospdivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.iosmobile .container-iosmobile-div .iospdiv .iospdivR {
  padding: 0;
}

.iosmobile .container-iosmobile-div .iospdiv .iospdivR img {
  width: 47%;
  margin-top: -5%;
}

.iosmobile .container-iosmobile-div .iospdivH {
  padding: 0;
  font-family: Inter Semi Bold;
  font-size: 35px;
  line-height: 1.25;
  color: #ffffff;
  margin-bottom: 1%;
  margin-top: 0%;
}

.iosmobile .container-iosmobile-div .iospdivH span {
  color: #ffee57;
}

.iosmobile .container-iosmobile-div .iospdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.67;
  color: #ffffff;
  padding: 0;
  margin-bottom: 2%;
}

.iosmobile .container-iosmobile-div .outerul {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.67;
  color: #ffffff;
  list-style: none;
  padding: 0;
}

.iosmobile .container-iosmobile-div .outerul li {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.iosmobile .container-iosmobile-div .outerul li .material-icons {
  color: #ffee57;
  margin-right: 3%;
}

/*css for iosappDevlop*/
.iosmobile .iosappDevlop {
  background: #ffffff;
  padding-top: 1%;
  padding-bottom: 4.5%;
}

.iosmobile .iosappDevlop .container.containerBox {
  width: 90%;
  margin: auto;
  background: #ffffff;
  position: relative;
  border-radius: 5px;
}

.iosmobile .iosappDevlop .iosappDevlopTxt {
  margin-top: -12.1%;
  padding: 0px 15px 25px;
}

.col-md-9.iosappDevlopTxtTopColL {
  padding-top: 30px;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneL {
  padding-top: 5%;
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneL img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneL img {
  padding-top: 7%;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.iosmobile
  .iosappDevlop
  .iosappDevlopTxt
  .iosappDevlopTxtTop
  .iosappDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

.iosmobile .iosappDevlopTxtPhone {
  margin-top: 2% !important;
  width: 90%;
  margin: auto;
}

.iosmobile
  .iosappDevlopTxtPhone
  .RowiosDevPhone
  .RowiosDevPhoneR
  .RowiosDevPhoneRH {
  font-family: Inter Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 2%;
}

.iosmobile
  .iosappDevlopTxtPhone
  .RowiosDevPhone
  .RowiosDevPhoneR
  .RowiosDevPhoneRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 6%;
}

.iosmobile
  .iosappDevlopTxtPhone
  .RowiosDevPhone
  .RowiosDevPhoneR
  .RowiosDevPhoneRPStle {
  margin-bottom: 6%;
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneR ul li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 1%;
  align-items: flex-start;
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneR ul {
  padding: 0;
}

.iosmobile .iosappDevlopTxtPhone .RowiosDevPhone .RowiosDevPhoneR ul li p {
  font-family: Inter Semi Bold;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #333333;
  line-height: 2.05;
  width: 90%;
}

/* * cssfor ioswhychooseus*/
.iosmobile .ioswhychooseus {
  background: #f6f6f6;
  padding-top: 2%;
  padding-bottom: 1%;
}

.iosmobile .ioswhychooseus .whychooseusHtop {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-weight: 600;
}

.iosmobile .ioswhychooseus .whychooseusPtop {
  line-height: 1.75;
  font-family: Inter Regular;
  font-size: 1.1em;
  color: #616161;
}

.iosmobile .ioswhychooseus .whychooserowimg {
  margin-top: 2% !important;
  margin-bottom: 2% !important;
}

.iosmobile .ioswhychooseus .whychooserowimg .card img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.iosmobile .ioswhychooseus .whychooserowimg .card {
  border: none;
  background: transparent;
  align-items: start;
}

.iosmobile .ioswhychooseus .whychooserowimg .card .whychoosetxtH {
  font-family: Inter Bold;
  font-size: 1.25em;
  line-height: 1.8;
  color: #8bc53f;
  margin-top: 8%;
}

.iosmobile .ioswhychooseus .whychooserowimg .card .whychoosetxtP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  text-align: start;
}

/* *css for iostechlogodiv*/

.iosmobile .iostechlogodiv {
  padding: 2% 0 0%;
}

.iosmobile .iostechlogodiv .iostechlogoH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
}

.iosmobile .iostechlogodiv .iostechlogoP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 1.78;
  color: #333333;
  padding: 0 0rem 0%;
  font-weight: normal;
  width: 80%;
  margin: auto;
}

.iosmobile .iostechlogodiv .row1 .img1 {
  width: 50%;
}

.iosmobile .iostechlogodiv .row1 .img2 {
  width: 100%;
}

.iosmobile .iostechlogodiv .row1 .img3 {
  width: 74%;
}

.iosmobile .iostechlogodiv .row1 .img4 {
  width: 57%;
}

.iosmobile .iostechlogodiv .row1 .img5 {
  width: 40%;
}

.iosmobile .iostechlogodiv .row1 .img6 {
  width: 45%;
}

.iosmobile .iostechlogodiv .row2 .img7 {
  width: 45%;
}

.iosmobile .iostechlogodiv .row2 .img8 {
  width: 55%;
}

.iosmobile .iostechlogodiv .row2 .img9 {
  width: 45%;
}

.iosmobile .iostechlogodiv .row1 {
  margin: 4% auto;
}

.iosmobile .iostechlogodiv .row1 div,
.iosmobile .iostechlogodiv .row2 div {
  margin: auto;
}

.iosmobile .ioscasestydiv {
  background: #f4faff;
  padding: 1% 0 0%;
  margin-top: 2%;
}

.iosmobile .ioscasestydiv .ioscasestytxt .ioscasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.67;
  color: #333333;
  margin: 0;
}

.iosmobile .ioscasestydiv .ioscasestytxt .ioscasestyH1 {
  font-family: Inter Regular;
  font-size: 1.2em;
  line-height: 1.5;
  color: #333333;
  margin-top: -1%;
}

.iosmobile .ioscasestydiv .ioscasestytxt .ioscasestyP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  width: 70%;
  margin: auto;
}

#iosCarousel .carousel-inner {
  margin-top: 0.5%;
  margin-left: 15px;
  margin-right: 15px;
}

.iosmobile .ioscasestydiv .ioscasestytxt .ioscasestyP2 {
  font-family: Inter Bold;
  font-size: 6.5vw;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolL,
.ioscasestydiv .scrollcolR,
.ioscasestydiv .scrollcolM {
  padding: 0;
  background: #1a639e;
  text-align: center;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolL {
  background: #2083d2 !important;
  color: white;
  z-index: 9;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolL .scrollcolLH {
  font-family: Inter Semi Bold;
  font-size: 1.9em;
  line-height: 1.63;
  color: #ffffff;
  margin: 60% 5% 2% 10%;
  text-align: left;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolM img {
  transition: 0.5s all;
  margin-top: 20%;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolM .iosContentHeadding {
  display: table-column-group;
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolR img {
  margin-top: 10%;
  width: 100%;
  height: 100%;
  transition: 0.5s all;
}

.iosmobile .ioscasestydiv .cstmRowCareer img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.iosmobile .ioscasestydiv .cstmRowCareer .scrollcolL .scrollcolLP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 5% 5% 10% 10%;
  text-align: left;
}

.iosmobile .ioscasestydiv .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 10%;
  float: left;
}

.iosmobile .ioscasestydiv .carousel-indicators {
  bottom: -13%;
}

.iosmobile .ioscasestydiv .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e5e5e5;
  border: none;
}

.iosmobile .ioscasestydiv .carousel-indicators li.active {
  background: #2083d2;
}

.iosmobile .iosmoreservice {
  background: #38740e;
  padding: 5% 0;
  margin-bottom: 4%;
  margin-top: 170px;
}

.iosmobile .iosmoreservice .iosmoresercolL .iosmoresercolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 0 0 2%;
  font-weight: 600;
}

.iosmobile .iosmoreservice .iosmoresercolL .iosmoresercolLP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
  padding-right: 23%;
  font-weight: normal;
}

.iosmoresercolLP a {
  color: #fff;
  text-decoration: underline;
}

.iosmoresercolLP a:hover {
  text-decoration: none;
  color: #00feff;
}

.iosmobile .iosmoreservice .iosmoresercolR .iosmoresercolRInner {
  background-color: #f6f6f6;
  padding: 2.3% 2.3% 6%;
  margin-top: -37%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.iosmobile .iosmoreservice .iosmoresercolR .iosimageclass {
  background: url(../img/illustration\ android_sm.svg),
    url(../img/image\ about\ us.svg);
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 28%;
}

.iosmobile .iosmoreservice .iosmoresercolR .iosimageclasshedding {
  font-family: Inter Medium;
  font-size: 1.2em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #ffffff;
  width: 92%;
  margin: auto;
  padding-bottom: 5%;
  padding-right: 44%;
}

.iosmobile .iosmoreservice .iosmoresercolR img {
  width: 100%;
}

.iosmobile .iosmoreservice .iosmoresercolR .iosmoresercolRH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  padding: 4% 5% 2%;
}

.iosmobile .iosmoreservice .iosmoresercolR .iosmoresercolRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  padding: 0 5%;
}

.iosmobile .iosmoreservice .iosmoresercolR .iosmoresercolRA {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #2083d2;
  padding: 0 5%;
}

.iosmobile .circle1,
.iosmobile .circle2 {
  stroke: #86868661;
}

/* *Start CSS FoR Android-Development */

.jsframework .container-top.containerjsframe {
  background: #880e4f;
  color: #ffffff;
  padding-bottom: 12%;
  background-attachment: fixed;
}

.jsframework .container-top.containerjsframe .circle1,
.jsframework .container-top.containerjsframe .circle2 {
  stroke: #99155b;
}

section.androiddevlop {
  background: #fff;
}

.androiddevlop .container-androidevlop-div {
  background: #38740e;
  color: #ffffff;
  padding-bottom: 12%;
  background-attachment: fixed;
}

.androiddevlop .container-androidevlop-div .androidiv {
  width: 90%;
  margin: auto;
  padding-top: 30px;
}

.androiddevlop .container-androidevlop-div .androidiv .androidpdivL {
  padding: 0;
  margin-bottom: 0%;
}

/* .androiddevlop .container-androidevlop-div .androidiv .androidpdivL {
  padding-top: 7%;
} */

.androiddevlop .container-androidevlop-div .androidiv .col-md-6 img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.androiddevlop .container-androidevlop-div .andtabdivH {
  font-family: Inter Semi Bold;
  font-size: 30px;
  line-height: 1.25;
  color: #ffffff;
  padding: 0;
  margin-bottom: 1%;
}

.androiddevlop .container-androidevlop-div .andtabdivH span {
  color: #ffee57;
}

.androiddevlop .container-androidevlop-div .andrpdivP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 1.67;
  color: #ffffff;
  font-weight: 500;
  padding: 0;
}

.androiddevlop .container-androidevlop-div .outerullist {
  font-family: Inter;
  font-size: 1.125em;
  color: #ffffff;
  list-style: none;
  line-height: 1;
  padding: 0;
  padding-left: 4%;
}

.androiddevlop .container-androidevlop-div .outerullist li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.androiddevlop .container-androidevlop-div .outerullist li .material-icons {
  color: #ffee57;
  margin-right: 4%;
  vertical-align: sub;
  margin-left: -4%;
}

.androiddevlop .androidappDevlop {
  background: #ffffff;
  padding-top: 1%;
  padding-bottom: 2.5%;
}

.androiddevlop .androidappDevlop .container.containerBox {
  width: 90%;
  margin: auto;
  background: #ffffff;
  border-radius: 5px;
}

.androiddevlop .androidappDevlop .androidappDevloptext {
  margin-top: -12%;
  padding: 1%;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androdappDevlopTopTxtP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  margin-bottom: 2%;
}

.androiddevlop .androidappDevlop .androwDevlop .androwDevPhoneL {
  padding-top: 5%;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR {
  display: flex;
  align-items: center;
  justify-content: center;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
  margin-top: -16px;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
  color: #ffffff;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.androiddevlop
  .androidappDevlop
  .androidappDevloptext
  .androidappDevlopTxtTop
  .androidDevlopTxtTopColR
  .iosappDevlopTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

.androiddevlop .androidappDevlopblk {
  margin-top: 2% !important;
  padding-left: 1%;
  padding-right: 1%;
}

/* .androiddevlop .androidappDevlopblk .RowandoidDevblock .RowandDevPhoneL img {
  margin-top: 18%;
} */

.androiddevlop
  .androidappDevlopblk
  .RowandoidDevblock
  .RowandDevPhoneL
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.androiddevlop
  .androidappDevlopblk
  .RowandoidDevblock
  .RowandDevPhonsR
  .RowanddroidsDevheadRH {
  font-family: Inter Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.androiddevlop
  .androidappDevlopblk
  .RowandoidDevblock
  .RowandDevPhonsR
  .RowanddroidsDevheadRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-top: 1%;
}

.androiddevlop
  .androidappDevlopblk
  .RowandoidDevblock
  .RowandDevPhonsR
  .RowanddroidsDevheadRPStyle {
  margin-bottom: 3%;
}

.androiddevlop .androidappDevlopblk .RowandoidDevblock .RowandDevPhonsR ul li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 1%;
  align-items: flex-start;
}

.androiddevlop .androidappDevlopblk .RowandoidDevblock .RowandDevPhonsR ul {
  padding: 0;
}

.androiddevlop
  .androidappDevlopblk
  .RowandoidDevblock
  .RowandDevPhonsR
  ul
  li
  p {
  font-family: Inter Semi Bold;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #333333;
  line-height: 1.75;
  width: 90%;
}

/* * cssfor Androidwhychooseus*/
.androiddevlop .andiodwhychooseublk {
  background: #f6f6f6;
  padding-top: 30px;
}

.androiddevlop .andiodwhychooseublk .whychooseusHtoptext {
  font-family: Inter Semi Bold;
  font-size: 32px;
  line-height: 1.5;
  color: #333333;
  font-weight: 600;
}

.androiddevlop .andiodwhychooseublk .whychooseusPtoptxt {
  line-height: 1.75;
  font-family: Inter Regular;
  font-size: 1.1em;
  color: #616161;
}

.androiddevlop .andiodwhychooseublk .whychooserowtxtdata {
  margin-top: 2.3% !important;
  /* margin-bottom: 6% !important; */
  padding-bottom: 25px;
}

.androiddevlop .andiodwhychooseublk .whychooserowtxtdata .card {
  border: none;
  background: transparent;
  align-items: flex-start;
}

.androiddevlop .andiodwhychooseublk .whychooserowtxtdata .card .whychoosetxtH {
  font-family: Inter Bold;
  font-size: 1.25em;
  line-height: 1.8;
  color: #8bc53f;
  margin-top: 6%;
  text-align: left;
}

.androiddevlop .andiodwhychooseublk .whychooserowtxtdata .card .whychoosetxtP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  padding: 0% 10% 0 0;
  text-align: left;
  width: 100%;
}

/* *css for Android-techlogo-div*/

.androiddevlop .androidtechlogodivBlock {
  padding: 11% 0 8%;
  overflow: hidden;
}

.androiddevlop .androidtechlogodivBlock .anddtechlogoHeader {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  padding: 0 4%;
}

.androiddevlop .androidtechlogodivBlock .anddtechlogoPtext {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.75;
  color: #333333;
  padding: 0.5rem 0%;
  font-weight: normal;
}

.androiddevlop .androidtechlogodivBlock .row1 .img1 {
  width: 65%;
}

.androiddevlop .androidtechlogodivBlock .row1 .img2 {
  width: 90%;
}

.androiddevlop .androidtechlogodivBlock .row1 .img3 {
  width: 77%;
}

.androiddevlop .androidtechlogodivBlock .row1 .img4 {
  width: 55%;
}

.iosmobile .androidtechlogodivBlock .row1 .img5 {
  width: 100%;
}

.androiddevlop .androidtechlogodivBlock .row1 .img6 {
  width: 35%;
}

.androiddevlop .androidtechlogodivBlock .row2 .img7 {
  width: 35%;
}

.androiddevlop .androidtechlogodivBlock .row2 .img8 {
  width: 51%;
}

.androiddevlop .androidtechlogodivBlock .row2 .img9 {
  width: 35%;
}

.androiddevlop .androidtechlogodivBlock .row1 {
  margin: 3.5% 0;
}

.androiddevlop .androidtechlogodivBlock .row1 div,
.androiddevlop .androidtechlogodivBlock .row2 div {
  margin: auto;
}

/* *css for Android-casesty-div*/

.androiddevlop .anndroidcasestydblk {
  background: #f4faff;
  padding: 1.5% 0 0%;
  margin-top: 1%;
}

.androiddevlop .anndroidcasestydblk .andrroicasestytxxt .andcasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.67;
  color: #333333;
  margin: 0;
}

.androiddevlop .anndroidcasestydblk .andrroicasestytxxt .andcasestyH1 {
  font-family: Inter;
  font-size: 1.4em;
  line-height: 1.5;
  color: #333333;
}

.androiddevlop .anndroidcasestydblk .andrroicasestytxxt .andcasestyP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  width: 97%;
  margin: 0 1.5%;
}

.androiddevlop .anndroidcasestydblk .andrroicasestytxxt .andcasestyP2 {
  font-family: Inter Bold;
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  margin-top: 0%;
  margin-bottom: 1.5%;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolL,
.anndroidcasestydblk .scrollcolR,
.anndroidcasestydblk .scrollcolM {
  padding: 0;
  background: #24bb67;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolRRR {
  padding: 0;
  background: #24bb67;
  text-align: center;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolL {
  background: #3ddc84 !important;
  color: white;
  z-index: 9;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolL .scrollcolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.65;
  color: #fff;
  margin: 50% 5% 2% 10%;
  text-align: left;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolM img {
  margin-left: -15%;
  margin-top: -13%;
  width: 100%;
  height: 100%;
  transition: 0.5s all;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolRRR img {
  transition: 0.5s all;
  margin-top: 14%;
  text-align: center;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .scrollcolL .scrollcolLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #fff;
  margin: 4% 5% 10% 10%;
  text-align: left;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 10%;
}

#andridCarousel {
  position: relative;
}

.androiddevlop .anndroidcasestydblk .carousel-indicators {
  bottom: -15%;
}

.androiddevlop .anndroidcasestydblk .carousel-indicators li {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #e5e5e5;
  border: none;
}

.androiddevlop .anndroidcasestydblk .carousel-indicators li.active {
  background: #2083d2;
}

.androiddevlop .andmoreservicedata {
  background: #004d40;
  padding: 5% 0;
  margin-bottom: 4%;
  margin-top: 10%;
}

.androiddevlop .andmoreservicedata .andromoresercolL .andrmoresercolLH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin: 0 0 2%;
  font-weight: 600;
}

.androiddevlop .andmoreservicedata .andromoresercolL .andrmoresercolLP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
  padding-right: 23%;
  font-weight: normal;
}

.andrmoresercolLP a {
  color: #fff;
  text-decoration: underline;
}

.andrmoresercolLP a:hover {
  text-decoration: none;
  color: #00feff;
}

.androiddevlop .andmoreservicedata .anddrmoresercolRInner .serviceimg {
  background-color: #004d40;
  height: auto;
}

.androiddevlop .andmoreservicedata .anddrmoresercolRInner .serviceimg img {
  float: right;
  padding: 0%;
  transition: 0.5s all ease;
  width: 40%;
}

.androiddevlop
  .andmoreservicedata
  .anddrmoresercolRInner
  .serviceimg
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.androiddevlop
  .andmoreservicedata
  .anddrmoresercolRInner
  .serviceimg
  .androidmoreheader {
  color: #ffffff;
  font-family: Inter Medium;
  padding: 26% 23% 2% 2%;
  font-size: 1.125em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
}

.androiddevlop .andmoreservicedata .andrmoresercolR .anddrmoresercolRInner {
  background-color: #f6f6f6;
  padding: 2.3% 2.3% 6%;
  margin-top: -37%;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.25);
}

.androiddevlop .andmoreservicedata .andrmoresercolR img {
  transition: 0.5s all ease;
}

.androiddevlop .andmoreservicedata .andrmoresercolR .andmoresercolRH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  padding: 4% 5% 2%;
}

.androiddevlop .andmoreservicedata .andrmoresercolR .andmoresercolRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  padding: 0 5%;
}

.androiddevlop .andmoreservicedata .andrmoresercolR .andmoresercolRA {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #2083d2;
  padding: 0 5%;
}

.androiddevlop .circle1,
.androiddevlop .circle2 {
  stroke: #31650d;
}

/* *END CSS FOR IOSMOBILE */
.androiddevlop .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.androiddevlop .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.androiddevlop .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

/*Start css for jsFramwork*/
/* section.jsframwork {
  background-color: rgba(136, 14, 79, 0.05);
} */

.jsframwork .container-jsframwork-div {
  background: linear-gradient(#722754ba, #0907ff08);
  background-attachment: fixed;
  padding-bottom: 9%;
}

.jsframwork .container-jsframwork-div .svg1 .circle1,
.jsframwork .container-jsframwork-div .svg1 .circle2 {
  stroke: #99155b;
}

.jsframwork .container-jsframwork-div .jspdiv {
  width: 90%;
  margin: 50px auto 0;
}

.jsframwork .container-jsframwork-div .jspdiv .jspdivL {
  padding: 0;
  padding-left: 0.5%;
  padding-top: 0%;
}

.jsframwork .container-jsframwork-div .jspdiv .jspdivL .jspdivH {
  font-family: Inter Semi Bold;
  font-size: 2.1em;
  line-height: 1.25;
  color: #ffffff;
}

.jsframwork .container-jsframwork-div .jspdiv .jspdivL .jspdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
}

.jsframwork .container-jsframwork-div .jspdiv .jspdivR img {
  margin-top: -9%;
  width: 340px;
}

.jsframwork .container-jsframwork-div .jspdiv .jspdivR img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.jsframwork .jstalk2Xprt {
  background: #ffffff;
  padding: 2% 2.5% 1%;
  margin-top: -7% !important;
  border-radius: 5px;
}

.jsframwork .jstalk2XprtTxtTop .jstalk2XprtTxtTopColL .jstalk2XprtTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
  /* height: 40px; */
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.jsframwork
  .jstalk2Xprt
  .jstalk2XprtTxtTop
  .jstalk2XprtTxtTopColR
  .jstalk2XprtTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

/* *CSS FOR framworkUse*/

.jsframwork .framworkUse {
  padding-top: 30px;
  margin: 0 auto;
  width: 90%;
}

.jsframwork .framworkUse .framworkUseH {
  font-family: Inter Semi Bold;
  font-size: 32px;
  line-height: 1.5;
  color: #333333;
  margin-top: 1.2%;
}

.jsframwork .framworkUse .framworkUseInner {
  /* background: #ffffff; */
}

.jsframwork .framworkUse .framworkUseInner .framworkUseInnerCol {
  padding: 1% 1% 3%;
}

.jsframwork .framworkUse .framworkUseInner .framworkUseInnerCol:nth-of-type(2),
.jsframwork .framworkUse .framworkUseInner .framworkUseInnerCol:nth-of-type(3) {
  border-left: none;
}

.jsframwork .framworkUse .framworkUseInner .framworkUseInnerCol img {
  width: 33%;
  background: #fff;
  padding: 8%;
  border-radius: 10px;
}

.jsframwork
  .framworkUse
  .framworkUseInner
  .framworkUseInnerCol
  .framworkUseInnerColH {
  font-family: Inter Semi Bold;
  font-size: 20px;
  line-height: 1.67;
  color: #000000;
  margin-top: 0%;
  margin-bottom: 0%;
}

.jsframwork
  .framworkUse
  .framworkUseInner
  .framworkUseInnerCol
  .framworkUseInnerColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *css for choosejsFramwork*/

.jsframwork .choosejsFramwork {
  margin-top: 5%;
  background: #ffffff;
  padding: 6% 5.4% 10%;
}

.jsframwork .choosejsFramwork .choosejsFramworkH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.jsframwork .choosejsFramwork .choosejsFramworkRow1,
.jsframwork .choosejsFramwork .choosejsFramworkRow2,
.jsframwork .choosejsFramwork .choosejsFramworkRow3 {
  margin-top: 6%;
}

.jsframwork .choosejsFramwork .choosejsFramworkCol img {
  width: 12.5%;
}

.jsframwork .choosejsFramwork .choosejsFramworkCol .choosejsFramworkColH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin: 6% 0 6%;
}

.jsframwork .choosejsFramwork .choosejsFramworkCol .choosejsFramworkColP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
}

/* *css for hireJSDev*/

.jsframwork .hireJSDev {
  margin-top: 2%;
  padding-bottom: 5%;
}

.jsframwork .hireJSDev .hireJSDevH {
  font-family: Inter Semi Bold;
  font-size: 32px;
  font-weight: 600;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 1%;
}

.jsframwork .hireJSDev .carousel-inner .carousel-item .hireJSDevSlide {
  background: #222;
  padding: 2% 15% 1%;
  box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #e6e6e6;
  text-align: center;
}

.jsframwork
  .hireJSDev
  .carousel-inner
  .carousel-item
  .hireJSDevSlide
  .hireJSDevSlideH {
  font-family: Inter Semi Bold;
  font-size: 32px;
  line-height: 1.67;
  color: #ffffff;
  margin-bottom: 2%;
}

.jsframwork
  .hireJSDev
  .carousel-inner
  .carousel-item
  .hireJSDevSlide
  .hireJSDevSlideP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
}

.jsframwork
  .hireJSDev
  .carousel-inner
  .carousel-item
  .hireJSDevSlide
  .hireJSDevSlideP
  a {
  color: #ffffff;
}

.jsframwork
  .hireJSDev
  .carousel-inner
  .carousel-item
  .hireJSDevSlide
  .hireJSDevSlideP
  a:hover {
  color: #ffffff;
}

.jsframwork
  .hireJSDev
  .carousel-inner
  .carousel-item
  .hireJSDevSlide
  .hireJSDevSlideP:nth-of-type(1) {
  margin-bottom: 1.5%;
}

.jsframwork .hireJSDev #jsFrmCarousel .carousel-indicators {
  bottom: -42px;
  background-color: transparent;
}

.jsframwork .hireJSDev #jsFrmCarousel .left {
  background: #880e4f;
  left: 8%;
  top: 50%;
  position: absolute;
}

.jsframwork .hireJSDev #jsFrmCarousel .right {
  background: #880e4f;
  right: 8%;
  top: 50%;
  position: absolute;
}

.jsframwork .hireJSDev #jsFrmCarousel .carousel-indicators li {
  width: 11px;
  height: 11px;
  border-radius: 50px;
  background: #616161;
  border: none;
}

.jsframwork .hireJSDev #jsFrmCarousel .carousel-indicators li.active {
  background: #116db3;
}

/*css for jslastquote*/

.jsframwork .jslastquote {
  background: #ffffff;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.25);
}

.jsframwork .jslastquote .jslastquoteInner {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.jsframwork .jslastquote .jslastquoteInner p {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  padding-top: 4%;
}

.jsframwork .jslastquote .jslastquoteInner .btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 15px 12px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  border: none;
  margin: 2% 0% 5%;
}

/*End css for jsFramwork*/

/*Start css for Our product*/

/* section.ourProduct {
  background-color: rgba(136, 14, 79, 0.05);
} */

.ourProduct .container-ourProduct-div {
  background: #4527a0;
  background-attachment: fixed;
  padding-bottom: 3%;
}

.ourProduct .container-ourProduct-div .svg1 .circle1,
.ourProduct .container-ourProduct-div .svg1 .circle2 {
  stroke: #5231b9;
}

.ourProduct .container-ourProduct-div .ourProductpdiv {
  width: 72%;
  margin-left: 14%;
  margin-top: 1.3%;
  align-items: center;
}

.ourProduct .container-ourProduct-div .ourProductpdiv .ourProductpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.ourProduct
  .container-ourProduct-div
  .ourProductpdiv
  .ourProductpdivL
  .ourProductpdivH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  padding: 0;
  color: #ffffff;
}

.ourProduct
  .container-ourProduct-div
  .ourProductpdiv
  .ourProductpdivL
  .ourProductpdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

.ourProduct .container-ourProduct-div .ourProductpdiv .ourProductpdivR img {
  width: 70%;
  margin-top: -6%;
  margin-left: -15%;
}

.ourProduct
  .container-ourProduct-div
  .ourProductpdiv
  .ourProductpdivR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/* *css for Producttalk2Xprt*/

.ourProduct .Producttalk2Xprt {
  background: #ffffff;
  padding: 3% 2.5% 3%;
  margin-top: -7% !important;
  position: relative;
}

.ourProduct
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColL
  .Producttalk2XprtTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
  height: 40px;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.ourProduct
  .Producttalk2Xprt
  .Producttalk2XprtTxtTop
  .Producttalk2XprtTxtTopColR
  .Producttalk2XprtTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

/* *CSS For platformScreen*/

.ourProduct .platformScreen .platformScreenRow {
  margin-top: 1.5%;
}

.ourProduct .platformScreen .platformScreenRow .col-md-6.platformScreenCol {
}

.ourProduct .platformScreen .platformScreenRow .platformScreenCol img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.ourProduct .platformScreen .platformScreenColHH {
  font-size: 30px;
  line-height: inherit;
  font-weight: bold;
  color: #333;
  line-height: 38px;
}

.ourProduct
  .platformScreen
  .platformScreenRow
  .platformScreenCol
  .platformScreenColP {
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
  padding: 0 5px;
}

.ourProduct
  .platformScreen
  .platformScreenRow
  .platformScreenCol
  .platformScreenColP
  b {
  font-family: Inter Semi Bold;
}

/* *css for appFeature*/
.ourProduct .appFeature {
  margin-top: 3.5%;
  background: #ffffff;
  padding: 1% 0 5%;
}

.ourProduct .appFeature .appFeatureH {
  font-family: Inter Semi Bold;
  font-size: 32px;
  line-height: 1.5;
  color: #333333;
  margin-bottom: 1%;
}

.ourProduct .appFeature .appFeatureRow1,
.ourProduct .appFeature .appFeatureRow2 {
  margin-top: 2% !important;
}

.ourProduct .appFeature .appFeatureCol img {
  width: 50px;
  margin-top: 20px;
}

.ourProduct .appFeature .appFeatureCol .appFeatureH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin: 4% 0 3%;
}

.ourProduct .appFeature .appFeatureCol .appFeatureP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.75;
  color: #000;
  margin-top: 3%;
}

.ourProduct .appFeature .appFeatureCol .appFeatureP b {
  font-family: Inter Semi Bold;
  line-height: 1.67;
}

/*css for productlastquote*/

.ourProduct .productlastquote {
  background: #4427a0;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.25);
  margin-top: -60px;
}

.ourProduct .productlastquote .productlastquoteInner {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.ourProduct .productlastquote .productlastquoteInner p {
  font-family: Inter Regular;
  font-size: 32px;
  line-height: 1.67;
  color: #ffffff;
  padding-top: 5%;
  margin-bottom: 0;
}

.ourProduct .productlastquote .productlastquoteInner .btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 22px 12px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  border: none;
  margin: 2% 0% 5%;
  outline: none;
}

/*End css for ourproduct*/

/*start css for appAnalytics*/

.appAnalytics .container-appAnalytics-div {
  background: #02589c;
  background-attachment: fixed;
  padding-bottom: 0%;
}

.appAnalytics .container-appAnalytics-div .svg1 .circle1,
.appAnalytics .container-appAnalytics-div .svg1 .circle2 {
  stroke: #0d6ab4;
}

.appAnalytics .container-appAnalytics-div .appAnalyticspdiv {
  width: 90%;
  margin: 0 auto;
  padding-bottom: 80px;
}

.appAnalytics .container-appAnalytics-div .appAnalyticspdiv .appAnalyticspdivL {
  padding: 0;
  margin-top: -100px;
}

.appAnalytics
  .container-appAnalytics-div
  .appAnalyticspdiv
  .appAnalyticspdivL
  .appAnalyticspdivH {
  font-family: Inter Semi Bold;
  font-size: 2.2em;
  line-height: 1.25;
  padding: 0;
  color: #ffffff;
}

.appAnalytics
  .container-appAnalytics-div
  .appAnalyticspdiv
  .appAnalyticspdivL
  .appAnalyticspdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
  white-space: nowrap;
}

.appAnalytics
  .container-appAnalytics-div
  .appAnalyticspdiv
  .appAnalyticspdivR
  img {
  margin-top: 0%;
  max-width: 100%;
  padding-bottom: 19%;
  width: 38%;
}

.appAnalytics
  .container-appAnalytics-div
  .appAnalyticspdiv
  .appAnalyticspdivR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/* *css for Analyticstalk2Xprt*/

.appAnalytics .Analyticstalk2Xprt {
  background: #ffffff;
  padding: 1% 2.5% 1%;
  margin-top: -10% !important;
  position: relative;
  border-radius: 5px;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTopColL
  .Analyticstalk2XprtTxtTopP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner {
  background-image: url("../img/divider.png");
  width: 100%;
  background-repeat: no-repeat;
  background-position: left;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner
  button {
  background-color: #2083d2;
  line-height: 0;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter Medium;
  border: none;
  padding: 4% 7%;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner
  button
  span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
  line-height: 1.3;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner
  button
  span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.7;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner
  button:hover
  span {
  padding-right: 25px;
}

.appAnalytics
  .Analyticstalk2Xprt
  .Analyticstalk2XprtTxtTop
  .Analyticstalk2XprtTxtTopColR
  .Analyticstalk2XprtTxtTopColRInner
  button:hover
  span:after {
  opacity: 1;
  right: 0;
}

/* *AppIntegration*/

.appAnalytics .AppIntegration {
  margin-top: 3.3% !important;
}

.appAnalytics .AppIntegration .AppIntegrationRow .AppIntegrationColL img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.appAnalytics .AppIntegration .AppIntegrationRow .AppIntegrationColR {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.appAnalytics
  .AppIntegration
  .AppIntegrationRow
  .AppIntegrationColR
  .AppIntegrationColH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 1%;
}

.appAnalytics
  .AppIntegration
  .AppIntegrationRow
  .AppIntegrationColR
  .AppIntegrationColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 5%;
}

/* *css for weOffer*/
.appAnalytics .weOffer {
  margin-top: 2%;
  background: #ffffff;
  padding: 0% 0 2%;
}

.appAnalytics .weOffer .weOfferH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.63;
  color: #333333;
}

.appAnalytics .weOffer .weOfferRow1,
.appAnalytics .weOffer .weOfferRow2 {
  margin-top: 1.2% !important;
}

.appAnalytics .weOffer .weOfferCol img {
  width: 11%;
}

.appAnalytics .weOffer .weOfferCol .weOfferColH {
  font-family: "Inter Bold";
  font-size: 1.25em;
  line-height: 1.8;
  color: #2a7abf;
  margin: 4% 0 3%;
}

.appAnalytics .weOffer .weOfferCol .weOfferColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #000;
}

/* *ourSpecialist*/
.appAnalytics .ourSpecialist {
  background: #2c4552;
  padding-top: 1.2%;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol .ourSpecialistColH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  text-align: center;
  padding-bottom: 5px;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol .ourSpecialistColUl {
  list-style: none;
  padding: 0;
  margin-top: 1%;
  display: inline-block;
  width: 33%;
  vertical-align: top;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol .ourSpecialistColUl li {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding-bottom: 18px;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol .ourSpecialistColUl li img {
  margin-top: 1%;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.appAnalytics .ourSpecialistRow .ourSpecialistCol .ourSpecialistColUl li p {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #ffffff;
  margin-left: 3%;
  margin-bottom: 0;
}

/*css for productlastquote*/

.appAnalytics .analyticslastquote {
  background: #ffffff;
  box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.25);
  margin-top: 0%;
}

.appAnalytics .analyticslastquote .analyticslastquoteInner {
  width: 60%;
  margin-left: 20%;
  margin-right: 20%;
}

.appAnalytics .analyticslastquote .analyticslastquoteInner p {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  padding-top: 5%;
}

.appAnalytics .analyticslastquote .analyticslastquoteInner .btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 15px 12px;
  width: 300px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
  border: none;
  margin: 2% 0% 5%;
}

/*End css for appAnalytics*/

/* *start css for Quality Assurance*/

.QAssurance .container-QAssurance-div {
  background: #897a9d;
  background-attachment: fixed;
  padding-bottom: 6%;
}

.QAssurance .container-QAssurance-div .svg1 .circle1,
.QAssurance .container-QAssurance-div .svg1 .circle2 {
  stroke: #581e9f;
}

.QAssurance .container-QAssurance-div .QAssurancepdiv {
  width: 90%;
  margin: auto;
}

.QAssurance .container-QAssurance-div .QAssurancepdiv img {
  width: 45%;
}

.QAssurance .container-QAssurance-div .QAssurancepdiv .QAssurancepdivL {
  padding: 0;
  padding-left: 0.5%;
}

.QAssurance .QAssurancepdivR img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.QAssurance
  .container-QAssurance-div
  .QAssurancepdiv
  .QAssurancepdivL
  .QAssurancepdivH {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  padding: 5% 0 0;
  color: #ffffff;
}

.QAssurance
  .container-QAssurance-div
  .QAssurancepdiv
  .QAssurancepdivL
  .QAssurancepdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 1% 0 0 0;
}

/* *QATesting*/
.QATesting {
  padding-bottom: 1%;
}

.QAssurance {
  background: rgba(73, 20, 139, 0.05);
}

.QAssurance .Analyticstalk2Xprt {
  background: #ffffff;
  padding: 23px 26px 13px;
  margin-top: -4% !important;
  position: relative;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.QAssurance .QATestingH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin-bottom: 10px;
}

.QAssurance .QATestingP {
  font-family: Inter;
  font-size: 1em;
  line-height: 24px;
  color: #616161;
  padding: 0;
}

.QAssurance .QATesting .QATestingRow {
  padding-top: 30px;
  margin: auto;
  width: 90%;
}

.QAssurance .QATestingRow .QATestingColL .QATestingColLBox {
  width: 90%;
  height: 100%;
  background: #c4c4c4;
}

.QAssurance .QATestingRow .QATestingColR .QATestingColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  padding-bottom: 10px;
}

.QAssurance .QATestingRow .QATestingColR .QATestingColRP:nth-of-type(1) {
  font-family: Inter Medium;
  font-size: 22px;
  line-height: 1.67;
  color: #333333;
  padding-bottom: 12px;
}

/* *css for QAService*/
.QAssurance .QAService_section {
  background: #a9a0b51f;
}

.QAssurance .QAService {
  padding: 2% 0%;
  width: 90%;
  margin: 0px auto;
}

.QAssurance .QAService .QAServiceH {
  font-family: Inter Semi Bold;
  line-height: 1.5;
  font-size: 32px;
  color: #333333;
  padding: 0 12%;
}

.QAssurance .QAService .QAServiceP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
}

.QAssurance .QAService .QAServiceRow1,
.QAssurance .QAService .QAServiceRow2 {
  margin-top: 2%;
}

.QAssurance .QAService .QAServiceCol img {
  width: 12.5%;
}

.QAssurance .QAService .QAServiceCol .QAServiceColH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin: 1% 0 1%;
}

.QAssurance .QAService .QAServiceCol .QAServiceColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/*CSS For QAConsultation*/

.QAssurance .QAConsultation {
  background: #263238;
}

.QAssurance .QAConsultation .QAConsultationH {
  font-family: Inter;
  font-size: 28px;
  font-weight: 600;
  line-height: 1.65;
  color: #fff;
}

.QAssurance .QAConsultation .QAConsultationP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.75;
  color: #fff;
  padding: 0% 1% 0 0;
}

.QAssurance .QAConsultation .QAConsultationRow {
  margin-top: 9%;
  padding-bottom: 3%;
  padding-left: 2%;
}

.QAssurance .QAConsultation .QAConsultationRow .QAConsultationColP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1;
  color: #fff;
  margin-top: 6%;
  padding-bottom: 0%;
}

.QAssurance p.QAConsultationColP span {
  vertical-align: sub;
  font-size: 1.3em;
  margin-right: 5%;
}

/* * css for QAMantra*/
.QAssurance .QAMantra {
  background-color: #fff;
  padding-top: 1.2%;
  padding-bottom: 2%;
}

.QAssurance .QAMantraH {
  font-family: Inter;
  font-weight: 600;
  line-height: 1.5;
  font-size: 32px;
  color: #333;
}

.QAssurance .QAMantraP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.67;
  color: #616161;
  padding-bottom: 1%;
}

.QAssurance .QAMantra .QAMantraUl {
  margin-top: 5%;
}

.QAssurance .QAMantra .QAMantraUl li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 3%;
}

ul.QAMantraUl.Quality-chk li span {
  vertical-align: sub;
  font-size: 24px;
  color: #fff;
}

.QAssurance .QAMantra .QAMantraUl li p {
  font-family: Inter;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #fff;
  line-height: 1.75;
}

/* .QAssurance .QAMantra .QAServiceCol12 {
  margin-top: 2%;
} */

.QAssurance .QAMantra .QAServiceCol12 .QAServiceCol4 .QAMantraColH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin: 6% 0 1%;
}

.QAssurance .QAMantra .QAServiceCol12 .QAServiceCol4 .QAMantraColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *css for QAtechlogodiv*/
.QAssurance .QAtechlogodiv {
  padding: 0% 2% 1.4%;
}

.QAssurance .QAtechlogodiv .QAtechlogoH {
  font-family: Inter Semi Bold;
  font-size: 32px;
  line-height: 1.5;
  color: #333333;
}

.QAssurance .QAtechlogodiv .QAtechlogoP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 1.75;
  color: #333333;
  padding: 0 1rem 0%;
}

.QAssurance .QAtechlogodiv .row1 .img1 {
  width: 50%;
}

.QAssurance .QAtechlogodiv .row1 .img2 {
  width: 100%;
}

.QAssurance .QAtechlogodiv .row1 .img3 {
  width: 74%;
}

.QAssurance .QAtechlogodiv .row1 .img4 {
  width: 57%;
}

.QAssurance .QAtechlogodiv .row1 .img5 {
  width: 40%;
}

.QAssurance .QAtechlogodiv .row1 .img6 {
  width: 45%;
}

.QAssurance .QAtechlogodiv .row2 .img7 {
  width: 45%;
}

.QAssurance .QAtechlogodiv .row2 .img8 {
  width: 55%;
}

.QAssurance .QAtechlogodiv .row2 .img9 {
  width: 45%;
}

.QAssurance .QAtechlogodiv .row1 {
  margin: 4% 0;
}

.QAssurance .QAtechlogodiv .row2 {
  margin: 0% 1%;
}

.QAssurance .QAtechlogodiv .row1 div,
.QAssurance .QAtechlogodiv .row2 div {
  margin: auto;
}

.QAssurance .QAtechlogodiv .row2 div.col-md-2 {
  text-align: left;
  padding-left: 0;
}

/* *End css for Quality Assurance*/

/*Start CSS IoT-Internet-Things*/

.iot_internetthings .iotSolution {
  width: 90%;
  margin: auto;
  margin-top: 2.5%;
}

.iot_internetthings .container-iot_internet-div {
  background-color: #4781af;
  color: #ffffff;
  padding-bottom: 4%;
  background-attachment: fixed;
}

.iot_internetthings .container-iot_internet-div .ecombanner_img {
  /* margin: -8% 0% 8% -3%; */
}

.iot_internetthings .container-iot_internet-div .ecommecepdiv {
  padding: 0%;
}

.iot_internetthings .container-iot_internet-div .ecommecepdiv .ecommecep1 {
  line-height: 1.25;
  color: #ffffff;
  margin-left: 0%;
  margin-top: 0%;
  padding: 0;
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  font-weight: 600;
}

.iot_internetthings .ecombanner_img img {
  margin-top: -8%;
  width: 48%;
  margin-bottom: 10%;
  margin-left: 40px;
}

.iot_internetthings .ecombanner_img img:hover {
  transform: scale(1.03);
  transition: 0.8s ease;
}

.iot_internetthings .container-iot_internet-div .ecommecepdiv .ecommecep2 {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  margin-left: 0%;
  width: 100%;
  padding: 0;
  font-weight: normal;
}

.iot_internetthings .Iottalk2Xprt {
  /* background: rgba(1, 87, 155, 0.05); */
  padding-bottom: 3%;
}

.iot_internetthings .row.Analyticstalk {
  background: #fff;
  width: 90%;
  margin: 0 auto;
  margin-top: -5%;
  padding: 15px 12px 0;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.iot_internetthings .Iottalk2Xprt .Iottalk2Xprt_title {
  font-family: Inter Medium;
  font-size: 1.25em;
  font-weight: 500;
  line-height: 1.8;
  color: #333333;
  padding-right: 15%;
}

.iot_internetthings p.Analyticstalk2XprtTxtTopP1 {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.75;
  color: #616161;
}

/*css for IoT-blackdiv*/

.iot_internetthings .iot_internetblackdiv {
  background-color: #fff;
  padding-top: 1%;
  padding-bottom: 2%;
}

.iot_internetthings .iot_internetblackdiv .blackblogclol {
}

.cstmRowCareers.blogdivTxt {
  width: 70%;
  margin: 0 auto;
}

.iot_internetthings
  .iot_internetblackdiv
  .blogdivTxt
  .blackblog
  .iotsoluction
  h1.in_title {
  font-family: Inter Semi Bold;
  color: #333333;
  font-size: 32px;
  line-height: 1.29;
  margin-top: 2.1%;
  padding-left: 11%;
  padding-right: 11%;
  text-align: center;
}

.iot_internetthings .framworkUse {
  padding: 1% 3% 0%;
}

.iot_internetthings .framworkUse .choosejsFramworkCol img {
  margin-bottom: 2.5%;
}

.iot_internetthings .framworkUse h4.choosejsFramworkColH {
  margin-bottom: 4%;
  font-size: 1.2em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: normal;
  color: #333333;
  font-family: Inter Medium;
}

.iot_internetthings .choosejsFramworkColP {
  font-family: Inter Regular;
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
}

/* *end blog div*/

/* *Industri-Serve*/
.iot_internetthings .iot-internetindustWholeDiv {
  background-color: #263238;
  padding: 2% 0 4%;
  /* margin-top: 5%; */
}

.iot_internetthings .iot-internetindustWholeDiv .iot-ttechH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.4;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.iot_internetthings .iot-internetindustWholeDiv .iot_nettechP {
  font-family: Inter Regular;
  font-size: 1.4em;
  line-height: 18px;
  color: #fff;
  padding: 0 7%;
  margin-bottom: 30px;
  text-align: center;
}

.iot_internetthings .iot-internetindustWholeDiv .card {
  background: #263238;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 0;
  margin: 0.5rem;
  border: 1px solid #636363;
  border-bottom: 0;
  border-left: 0;
  border-color: #636363 !important;
  min-height: 156px;
}

.iot-internetindustWholeDiv .eduction_div {
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 20% 0 8%;
  display: block !important;
  text-align: center;
}

.iot-internetindustWholeDiv .hybrid_blockwowcard_web {
  display: block;
}

.iot-internetindustWholeDiv .hybrid_blockwowcard_Mobile {
  display: none;
}

.iot-internetindustWholeDiv .overlayMainDiv:hover {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #ed187e;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.8s ease;
  color: #ffffff;
}

.iot-internetindustWholeDiv .card:hover .overlayMainDiv {
  height: 100%;
}

.iot-internetindustWholeDiv .card {
  background: white;
  align-items: center;
  height: 95%;
  border: none;
  border-radius: 0;
  margin: 0.5rem;
}

.iot-internetindustWholeDiv .card .default {
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 7% 0 0% 0%;
  display: block !important;
  text-align: center;
}

.iot-internetindustWholeDiv .card .default h5 {
  font-family: Inter Semi Bold;
  font-size: 1.125em;
  line-height: 1.33;
  color: #fff;
  padding-top: 7%;
}

.iot-internetindustWholeDiv .card .hoverdiv {
  height: 100%;
  width: 100%;
  background: #fff;
  color: #333;
  padding: 0% 5%;
  font-family: Inter Medium;
}

.iot-internetindustWholeDiv .card .hoverdiv h5 {
  float: left;
  padding: 5% 0 0 0%;
}

.iot-internetindustWholeDiv .card .hoverdiv .hoverp1 {
  margin-bottom: 5%;
  height: 75%;
  overflow-y: hidden;
  font-size: 14px;
  line-height: 1.7;
  font-family: Inter;
  font-weight: normal;
  padding: 0%;
  float: left;
}

.iot_internetthings .iot-internetindustWholeDiv .service-boxs .icon-box {
  font-size: 0.9em;
  font-family: Inter semi bold;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  margin-bottom: 8%;
}

.iot_internetthings
  .iot-internetindustWholeDiv
  .service-boxs
  .icon-textes
  .ser-texts {
  font-size: 0.9em;
  font-family: Inter Medium;
}

.iot_internetthings .iot-internetindustWholeDiv .ser-text {
  font-size: 1.1em;
  font-family: Inter Semi Bold;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #004279;
  padding-top: 10%;
  padding-bottom: 0%;
}

.iot_internetthings .iot-internetindustWholeDiv .row.cstmRowCareerss {
  margin-top: 0%;
}

/* *CaseStudydiv*/

.iot_internetthings .iot_internetcasestydiv {
  background-color: #ffffff;
  padding: 1.3% 0 0%;
}

.iot_internetthings .iot-internetindustWholeDiv .scrollrow .scrollcolR:hover {
  transform: scale(1.1);
  transition: 0.8s ease;
}

.iot_internetthings
  .iot_internetcasestydiv
  .internetingcasestytxt
  .internetcasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-weight: 600;
  margin-bottom: 0%;
}

.iot_internetthings
  .iot_internetcasestydiv
  .internetingcasestytxt
  .iottxtcestudi {
  font-family: Inter Regular;
  font-size: 1.4em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 2%;
}

.iot_internetthings
  .iot_internetcasestydiv
  .internetingcasestytxt
  .iott-casestyP1 {
  font-size: 1em;
  font-family: Inter Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #616161;
  margin-bottom: 3%;
}

.iot_internetthings
  .iot_internetcasestydiv
  .internetingcasestytxt
  .iot_casestyPP2 {
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  margin: -3% 0%;
  font-family: Inter Bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .scrollcolR {
  background: #817266 !important;
  text-align: center;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-domio-2 {
  background: #1a639e !important;
  text-align: center;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33 !important;
  text-align: center;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67 !important;
  text-align: center;
}

.iot_internetthings
  .iot_internetcasestydiv
  .cstmRowCareer
  .scrollcolL
  .scrollheadH {
  font-family: Inter Semi Bold;
  font-size: 1.8em;
  line-height: 1.63;
  color: #ffffff;
  margin: 60% 0% 0% 11%;
}

.iot_internetthings
  .iot_internetcasestydiv
  .cstmRowCareer
  .scrollcolL
  .scrollcolLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 0% 10% 10% 12%;
  text-align: initial;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 11%;
}

.iot_internetthings .iot_internetcasestydiv .cstmRowCareer .scrollcolR:hover {
  transform: scale(1.02);
  transition: 1s ease;
}

.iot_internetthings .iot_internetcasestydiv .carousel-indicators {
  background-color: #ffffff;
  margin-bottom: -3%;
}

.scrollcolRImageText {
  display: none;
}

.iot_internetthings p.card-text {
  font-family: Inter;
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #333333;
}

/*careerlast*/

.iot_internetthings .cstmRowCareercontnt {
  width: 70% !important;
  margin: 0 15% !important;
}

.iot_internetthings button.btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 1.5%;
  width: 30%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1% 0 5%;
  border: 0;
}

.iot_internetthings .tradingRow .scrollcolR {
  padding-top: 0;
}

.iot_internetthings .scrollcolR {
  background-color: #ed5375;
  padding-top: 10%;
}

.iot_internetthings .scrollcolR img {
  transition: 0.5s all;
  text-align: center;
}

.iot_internetthings .tradingRow .scrollcolR img {
  float: left;
  margin-left: 8%;
  padding-top: 15%;
}

.iot_internetthings button.btnQuote span {
  font-family: Inter;
  font-size: 1em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.iot_internetthings button.btnQuote span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

.iot_internetthings button.btnQuote:hover span {
  padding-right: 25px;
}

.iot_internetthings button.btnQuote:hover span:after {
  opacity: 1;
  right: 0;
}

.iot_internetthings .careerlasdata div p {
  font-family: Inter;
  font-size: 1.5em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0 10%;
  padding-top: 4%;
  transition: all 0.4s;
  display: block;
  transform: scale(1);
}

.iot_internetthings .circle1,
.iot_internetthings .circle2 {
  stroke: #0c64a9;
}

.iot_internetthings .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  opacity: 0.1;
}

.iot_internetthings .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
  opacity: 0.1;
}

.iot_internetthings .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

/*Start css for food&Restaurant*/

.foodRestaurant .container-foodRestaurant-div {
  background: linear-gradient(#a32d00, #ff9303);
  background-attachment: fixed;
  padding-bottom: 10%;
}

.foodRestaurant .container-foodRestaurant-div .svg1 .circle1,
.foodRestaurant .container-foodRestaurant-div .svg1 .circle2 {
  stroke: #dc4700;
}

.foodRestaurant .container-foodRestaurant-div .foodRestaurantpdiv {
  width: 90%;
  margin: 0% auto;
}

.foodRestaurant
  .container-foodRestaurant-div
  .foodRestaurantpdiv
  .foodRestaurantpdivL {
  padding: 0;
  padding-left: 0.5%;
  padding-top: 7%;
}

.foodRestaurant
  .container-foodRestaurant-div
  .foodRestaurantpdiv
  .foodRestaurantpdivL
  .foodRestaurantpdivH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  padding: 0;
  color: #ffffff;
}

.foodRestaurant
  .container-foodRestaurant-div
  .foodRestaurantpdiv
  .foodRestaurantpdivL
  .foodRestaurantpdivP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

.foodRestaurant
  .container-foodRestaurant-div
  .foodRestaurantpdiv
  .foodRestaurantpdivR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/* *foodParadiv*/

.foodRestaurant .foodParadiv {
  background: #fff;
  padding: 2%;
  width: 90%;
  margin: -10% auto 0% auto;
}

.foodRestaurant p.foodParadivColP {
  font-family: Inter;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #616161;
}

.foodRestaurant .foodParadiv .foodParadivRow .foodParadivCol {
  padding: 0;
}

.foodRestaurant .foodParadiv .foodParadivRow .foodParadivCol .foodParadivColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  padding-bottom: 1%;
}

/* *Foodwhtweoffer*/

.foodRestaurant .Foodwhtweoffer {
  padding-top: 3%;
  padding-bottom: 13%;
}

.foodRestaurant .Foodwhtweoffer .FoodwhtweofferH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.04;
  color: #333333;
  text-align: center;
  margin-bottom: 2%;
}

.foodRestaurant .Foodwhtweoffer .FoodwhtweofferP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
  text-align: center;
  width: 90%;
}

.foodRestaurant .FoodwhtweofferRow {
  margin-top: 5%;
}

.foodRestaurant .FoodwhtweofferRow .FoodwhtweofferRowColR {
  padding: 0;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 3%;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 7%;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRul
  p {
  margin: 0;
  width: 90%;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRul
  li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.foodRestaurant
  .FoodwhtweofferRow
  .FoodwhtweofferRowColR
  .FoodwhtweofferRowColRul
  li
  img {
  padding-right: 5%;
  margin-top: 0.5%;
}

/* *foodcasestudy*/

.foodRestaurant .foodcasestudy {
  background: #ffd00e;
  padding-top: 4%;
}

.foodRestaurant
  .foodcasestudy
  .foodcasestudyRow
  .foodcasestudyRowL
  .foodcasestudyRowLH1 {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  margin: 0;
}

.foodRestaurant
  .foodcasestudy
  .foodcasestudyRow
  .foodcasestudyRowL
  .foodcasestudyRowLH2 {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.42;
  color: #333333;
  margin-bottom: 7%;
  margin-top: -2%;
}

.foodRestaurant
  .foodcasestudy
  .foodcasestudyRow
  .foodcasestudyRowL
  .foodcasestudyRowLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  margin-bottom: 8%;
  width: 90%;
}

.foodRestaurant .foodcasestudy .foodcasestudyRow .foodcasestudyRowR img {
  position: absolute;
  bottom: 0;
  max-width: 107%;
}

/* *foodbusinschallng*/

.foodRestaurant .foodbusinschallng {
  margin-top: 8% !important;
}

.foodRestaurant .foodbusinschallng .foodbusinschallngH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.foodRestaurant .foodbusinschallng .foodbusinschallngUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foodRestaurant .foodbusinschallng .foodbusinschallngUL li {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.foodRestaurant .foodbusinschallng .foodbusinschallngUL li p {
  margin: 0;
  width: 90%;
}

.foodRestaurant .foodbusinschallng .foodbusinschallngUL img {
  padding-right: 2.6%;
  margin-top: 0.5%;
}

/* *foodwtwedid*/

.foodRestaurant .foodwtwedid {
  margin-top: 5% !important;
}

.foodRestaurant .foodwtwedid .foodwtwedidH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.foodRestaurant .foodwtwedid .foodwtwedidUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foodRestaurant .foodwtwedid .foodwtwedidUL li {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.foodRestaurant .foodwtwedid .foodwtwedidUL li p {
  margin: 0;
  width: 90%;
}

.foodRestaurant .foodwtwedid .foodwtwedidUL img {
  padding-right: 2.6%;
  margin-top: 0.5%;
}

/* *foodOutcomes*/

.foodRestaurant .foodOutcomes {
  margin-top: 6%;
  margin-bottom: 6%;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowL
  .foodOutcomesRowLH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 3.8%;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowL
  .foodOutcomesRowLUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowL
  .foodOutcomesRowLUL
  li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowL
  .foodOutcomesRowLUL
  li
  p {
  margin: 0;
  width: 90%;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowL
  .foodOutcomesRowLUL
  img {
  padding-right: 5%;
  margin-top: 0.5%;
}

.foodRestaurant .foodOutcomes .foodOutcomesRow .foodOutcomesRowR {
  display: flex;
  justify-content: flex-end;
}

.foodRestaurant .foodOutcomes .foodOutcomesRow .foodOutcomesRowR img {
  width: 54.6%;
  height: 482px;
}

.foodRestaurant
  .foodOutcomes
  .foodOutcomesRow
  .foodOutcomesRowR
  img:nth-of-type(2) {
  margin-left: -20%;
  margin-top: 3.5%;
}

/*css for technologydiv*/

.foodRestaurant .technologydiv {
  background-color: #f4faff;
  padding-top: 5%;
}

.foodRestaurant .technologydiv .technologydivH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.foodRestaurant .technologydiv .technologydivRow {
  padding-top: 3%;
  padding-bottom: 6%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.foodRestaurant .technologydiv .technologydivRow .col-md-2 {
  margin: auto;
}

/*End css for food&Restaurant*/

/* CSS FOR softwareConsulting Start*/

.swConsulting .container-swConsulting {
  background: linear-gradient(#2e348dd1, rgb(139 141 189 / 52%));
  background-attachment: fixed;
  padding-bottom: 8%;
}

.swConsulting .container-swConsulting .circle1,
.swConsulting .container-swConsulting .circle2 {
  stroke: #2e3792;
}

.swConsulting .container-swConsulting .swConsultingpdiv {
  width: 90%;
  margin: 2% auto;
  align-items: center;
}

.swConsulting .container-swConsulting .swConsultingpdiv .swConsultingpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.swConsulting .container-swConsulting .swConsultingpdiv .swConsultingpdivR img {
  margin-top: -8%;
  width: 50%;
}

.swConsulting
  .container-swConsulting
  .swConsultingpdiv
  .swConsultingpdivR
  img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.swConsulting .container-swConsulting .swConsultingpdiv .swConsultingp1 {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  padding: 0% 0 0;
  color: #ffffff;
}

.swConsulting .container-swConsulting .swConsultingpdiv .swConsultingp2 {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

/* *CSS FOR swConDivTxt*/

.swConsulting .swConsultingMainDivBg {
  background-color: rgba(26, 35, 126, 0.05);
}

.swConsulting .swConDivTxt {
  margin-top: -9% !important;
  background: #ffffff;
  padding: 3% 2%;
  font-weight: 600;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}

.swConsulting .swConDivTxt .swConDivP1 {
  font-family: Inter Regular;
  font-size: 1.2em;
  line-height: 1.75;
  color: #333333;
}

/* *swConsultingDiv*/
.swConsulting .swConsultingMainDiv {
  padding-bottom: 0%;
}

.swConsulting .swConsultingMainDiv .swConsultingDivRow {
  padding-top: 2%;
}

.swConsulting .swConsultingMainDiv .swConsultingDivRow .swConsultingDivColR {
  padding: 0;
}

.swConsulting .swConsultingDivRow .swConsultingDivColR .swConsultingDivColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *css for swConsultingService*/

.swConsulting .swConsultingService_section {
  background: #ffffff;
}

.swConsulting .swConsultingService {
  padding: 7% 0%;
  width: 90%;
  margin: 0px auto;
}

.swConsulting .swConsultingService .swConsultingServiceH {
  font-family: Inter Semi Bold;
  line-height: 1.29;
  font-size: 3em;
  color: #333333;
}

.swConsulting .swConsultingService .swConsultingServiceP {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 1.78;
  color: #616161;
  padding: 0 7%;
}

.swConsulting .swConsultingService .swConsultingServiceRow1,
.swConsulting .swConsultingService .swConsultingServiceRow2 {
  margin-top: 6%;
}

.swConsulting .swConsultingService .swConsultingServiceCol img {
  width: 12.5%;
}

.swConsulting
  .swConsultingService
  .swConsultingServiceCol
  .swConsultingServiceColH {
  font-family: Inter Bold;
  font-size: 1.25em;
  line-height: 1.5;
  color: #2a7abf;
  margin: 6% 0 6%;
}

.swConsulting
  .swConsultingService
  .swConsultingServiceCol
  .swConsultingServiceColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/*CSS For whyTriazinesoft*/

.swConsulting .whyTriazinesoft {
  background: #263238;
  padding-top: 5%;
  padding-bottom: 7%;
}

.swConsulting .whyTriazinesoft .whyTriazinesoftH {
  font-family: Inter;
  font-weight: 600;
  line-height: 1.5;
  font-size: 3em;
  color: #fff;
}

.swConsulting .whyTriazinesoft .whyTriazinesoftP {
  font-family: Inter Regular;
  font-size: 1.2em;
  line-height: 1.67;
  color: #fff;
  padding-bottom: 1%;
}

.swConsulting .whyTriazinesoft .whyTriazinesoftUl {
  margin-top: 5%;
}

.swConsulting .whyTriazinesoft .whyTriazinesoftUl li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 3%;
}

.swConsulting .whyTriazinesoft ul.whyTriazinesoftUl.Quality-chk li span {
  vertical-align: sub;
  font-size: 24px;
  color: #fff;
}

.swConsulting .whyTriazinesoft .whyTriazinesoftUl li p {
  font-family: Inter;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #fff;
  line-height: 1.75;
}

/* *swMaintainceServce*/

.swConsulting .swMaintainceServce {
  background-color: #45565f;
  padding-top: 7%;
  padding-bottom: 7%;
}

.swConsulting .swMaintainceServce .swMaintainceServceH {
  font-family: Inter;
  font-weight: 600;
  line-height: 1.5;
  font-size: 2.5em;
  color: #fff;
}

.swConsulting .swMaintainceServce .swMaintainceServceP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.67;
  color: #fff;
  padding-bottom: 1%;
}

.swConsulting .swMaintainceServce .headingServceMaintainence {
  line-height: 1.67;
  font-size: 1.2em;
  color: #ffffff;
  font-family: Inter Bold;
  margin-bottom: 6%;
}

.swConsulting .swMaintainceServce .swMaintainceServceUl {
  margin-top: 5%;
}

.swConsulting .swMaintainceServce .swMaintainceServceUl li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 3%;
}

.swConsulting .swMaintainceServce ul.swMaintainceServceUl.Quality-chk li span {
  vertical-align: sub;
  font-size: 24px;
  color: #fff;
}

.swConsulting .swMaintainceServce .swMaintainceServceUl li p {
  font-family: Inter;
  margin-left: 5%;
  margin-bottom: 0;
  font-size: 1em;
  color: #fff;
  line-height: 1.75;
}

/* *css for swConsultingtechdiv*/

.swConsulting .swConsultingtechdiv {
  padding: 5% 0 8%;
  background-color: #f6f6f6;
}

.swConsulting .swConsultingtechdiv .swConsultingtechH {
  font-family: Inter Semi Bold;
  font-size: 2.8em;
  line-height: 1.5;
  color: #333333;
}

.swConsulting .swConsultingtechdiv .swConsultingtechP {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 1.75;
  color: #333333;
  padding: 0 1rem 4%;
}

.swConsulting .swConsultingtechdiv .row.row3 img {
  text-align: center;
}

.swConsulting .swConsultingtechdiv .row1:nth-of-type(5) {
  width: 47%;
}

.swConsulting .swConsultingtechdiv .row2 {
  margin-top: 4%;
  margin-bottom: 4%;
}

.swConsulting .swConsultingtechdiv .row2 div .img7 {
  margin-top: 7%;
}

.swConsulting .swConsultingtechdiv .row2 div .img8 {
  margin-top: 10%;
}

.swConsulting .swConsultingtechdiv .row2 div .img9 {
  margin-top: 7%;
}

.swConsulting .swConsultingtechdiv .row3 div .img10 {
  width: 22%;
}

.swConsulting .swConsultingtechdiv .row3 div .img11 {
  width: 24%;
}

.swConsulting .swConsultingtechdiv .row3 div .img12 {
  width: 24%;
}

/* *End css for software Consulting*/

/* CSS FOR SAP Implementation Start*/

.SAP .container-SAP {
  background: linear-gradient(#1782bf, rgb(8 127 194 / 0%));
  background-attachment: fixed;
  padding-bottom: 6.5%;
}

.SAP .container-SAP .circle1,
.SAP .container-SAP .circle2 {
  stroke: #007ec7;
}

.SAP .container-SAP .SAPpdiv {
  width: 90%;
  margin: 2% auto;
  padding-bottom: 2%;
}

.SAP .container-SAP .SAPpdiv .SAPpdivL {
  padding: 0;
  padding-left: 0.5%;
}

.SAP .container-SAP .SAPpdiv .SAPpdivR img {
  margin-top: -8%;
  width: 50%;
}

.SAP .container-SAP .SAPpdiv .SAPpdivR img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.SAP .container-SAP .SAPpdiv .SAPp1 {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  padding: 0% 0 0;
  color: #ffffff;
}

.SAP .container-SAP .SAPpdiv .SAPp2 {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

/* *CSS FOR SAPDivTxt*/

.SAP .SAPMainDivBg {
  background-color: rgba(26, 35, 126, 0.05);
}

.SAP .SAPDivTxt {
  margin-top: -8% !important;
  background: #ffffff;
  padding: 2.5% 2%;
}

.SAP .SAPDivTxt .SAPDivP1 {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  font-weight: 500;
}

/* *swConsultingDiv*/

.SAP .SAPMainDiv {
  padding-bottom: 3%;
}

.SAP .SAPMainDiv .SAPDivRow {
  padding-top: 4%;
}

.SAP .SAPMainDiv .SAPDivRow .SAPDivColR {
  padding: 0;
}

.SAP .SAPDivRow .SAPDivColR .SAPDivColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *css for swConsultingService*/

.SAP .SAPObjective_section {
  background: #ffffff;
}

.SAP .SAPObjective {
  padding: 5% 0%;
  width: 90%;
  margin: 0px auto;
}

.SAP .SAPObjective .SAPObjectiveH {
  font-family: Inter Semi Bold;
  line-height: 1.29;
  font-size: 3em;
  color: #333333;
}

.SAP .SAPObjective .SAPObjectiveP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
}

.SAP .SAPObjective .SAPObjectiveRow1,
.SAP .SAPObjective .SAPObjectiveRow2 {
  margin-top: 6%;
}

.SAP .SAPObjective .SAPObjectiveCol img {
  width: 12.5%;
}

.SAP .SAPObjective .SAPObjectiveCol .SAPObjectiveColH {
  font-family: "Inter Bold";
  font-size: 1.25em;
  line-height: 1.5;
  color: #2a7abf;
  margin: 6% 0 5%;
}

.SAP .SAPObjective .SAPObjectiveCol .SAPObjectiveColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *SAPPhaseWise*/

.SAP .SAPPhaseWise {
  background: #263238;
}

.SAP .SAPPhaseWise .SAPPhaseWiseRow {
  padding-top: 5%;
  padding-bottom: 4%;
}

.SAP .SAPPhaseWise .SAPPhaseWiseRow .SAPPhaseWiseCol1H {
  font-family: Inter Medium;
  font-size: 3em;
  line-height: 1.5;
  color: #fff;
}

.SAP .SAPPhaseWise .SAPPhaseWiseRow .SAPPhaseWiseCol1P {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #fff;
  padding: 4% 4% 0 0;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl {
  margin-top: 5%;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl li {
  display: flex;
  flex-direction: row;
  font-family: Inter Regular;
  margin-bottom: 6%;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl li .boxDiv {
  width: 15%;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl li .boxDiv2 {
  width: 85%;
}

.SAP .SAPPhaseWise ul.SAPPhaseWiseUl.Quality-chk li span {
  width: 35px;
  height: 35px;
  background: #768892;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl li h4 {
  font-family: Inter Medium;
  margin-left: 3%;
  font-size: 1.25em;
  color: #fff;
  line-height: 1.9;
}

.SAP .SAPPhaseWise .SAPPhaseWiseUl li p {
  font-family: Inter Regular;
  margin-left: 3%;
  margin-bottom: 0;
  font-size: 1em;
  color: #fff;
  line-height: 1.75;
}

/* *SAPInstallation*/

.SAP .SAPInstallation {
  margin-top: 8.3% !important;
  padding-bottom: 4.5%;
}

.SAP .SAPInstallation .SAPInstallationRow .SAPInstallationColL img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.SAP .SAPInstallation .SAPInstallationRow .SAPInstallationColR {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.SAP
  .SAPInstallation
  .SAPInstallationRow
  .SAPInstallationColR
  .SAPInstallationColH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 4%;
}

.SAP
  .SAPInstallation
  .SAPInstallationRow
  .SAPInstallationColR
  .SAPInstallationColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 5%;
}

/* *SAP Implementation End*/

/* *Abhishek CSS Start FOR E-Governance*/

.e_governance .container-e_governance-div {
  background: #01579b;
  color: #ffffff;
  padding-bottom: 12%;
  background-attachment: fixed;
}

section.e_governance {
  background: #fff;
}

.e_governance .container-e_governance-div .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.e_governance .container-e_governance-div .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.e_governance .container-e_governance-div .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.e_governance .circle1,
.e_governance .circle2 {
  stroke: #004d91;
}

.e_governance .governancebanner_img .img-egovernabanner {
  width: 75%;
  margin-top: -5%;
}

.e_governance .governancebanner_img .img-egovernabanner:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.e_governance
  .container-e_governance-div
  .eGovernance_bannertext
  .eGovernancpdiv
  .eGovernce1 {
  font-family: Inter Semi Bold;
  line-height: 1.25;
  color: #ffffff;
  margin-left: 22%;
  width: 100%;
  margin-top: 24%;
  padding: 0;
  font-size: 2.4em;
  font-weight: 600;
}

.e_governance
  .container-e_governance-div
  .eGovernance_bannertext
  .eGovernancpdiv
  .eGovernce2 {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  margin-left: 22%;
  width: 100%;
  padding: 0;
  font-weight: normal;
}

/*css for ecommerceblackdiv*/

.e_governance .egovernanceblackdiv {
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 1%;
  padding-bottom: 7%;
}

.e_governance .egovernanceblackdiv .blogdivTxt .blackblog .blackblogcloR .fa {
  font-size: 5em;
  color: #b9c5c6;
}

.e_governance
  .egovernanceblackdiv
  .blogdivTxt
  .blackblog
  .blackblogcloR
  button {
  background-color: #2083d2;
  line-height: 1.5;
  color: #ffffff;
  font-size: 1em;
  font-family: Inter Medium;
  border: none;
  padding: 4% 9%;
  font-weight: 500;
  width: 80%;
  margin-bottom: 0%;
}

/* *CSS FOR blogdivTxt*/

.e_governance .egovernanceblackdiv .blogdivTxt {
  margin-top: -10.1% !important;
  background: #ffffff;
  padding: 3% 0% 3% 3%;
  margin-left: 8.4%;
  margin-right: 8.4%;
}

.e_governance .egovernanceblackdiv .blogdivTxt .blogdivP1,
.e_governance .egovernanceblackdiv .blogdivTxt .blockdivpp2 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  margin-bottom: 0%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.e_governance .egovernanceblackdiv .blackblogcloR .talkTo_expert {
  border-left: 1px solid #e5e5e5;
  width: 100%;
  margin-top: 8%;
}

/* *end blog div*/

/* *css for governancegreendiv*/

.e_governance .eGoverngreendiv {
  margin: 0;
  background: #ffffff;
  margin-bottom: 5%;
}

.e_governance .eGoverngreendiv .eGovegreenL img.img-fluid {
  margin-top: 10%;
}

.e_governance .eGoverngreendiv .eGovegreenL img.img-fluid:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.e_governance .eGoverngreendiv .govern-greenR {
  padding-top: 0%;
  margin-left: -5%;
}

.e_governance .eGoverngreendiv .govern-greenR .cstmRowCareer .blackcolLH {
  font-family: Inter Medium;
  font-size: 2em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: normal;
  color: #333333;
  margin: 0% 5% 3% 0%;
}

.e_governance .eGoverngreendiv .govern-greenR .cstmRowCareer .blackcolLP,
.e_governance .eGoverngreendiv .govern-greenR .cstmRowCareer .blackcoL12 {
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  font-family: Inter Regular;
}

.e_governance .eGoverngreendiv .govern-greenR ul {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  list-style-type: none;
  margin: 6% 0% 8% 9%;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.e_governance .eGoverngreendiv .govern-greenR ul li:nth-of-type(1) {
  margin-top: 4%;
}

.e_governance .eGoverngreendiv .govern-greenR ul li {
  font-family: Inter Regular;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #333333;
}

.e_governance .eGoverngreendiv .img-right {
  padding-right: 3%;
}

.e_governance .eGoverngreendiv .govern-greenR span.material-icons {
  font-size: 1.2em;
  vertical-align: sub;
  margin-right: 3%;
}

/* *css for e-Governancecasestydiv*/

.e_governance .e-governancecasestydiv {
  background: #f4faff;
  padding: 6% 0 15%;
}

.e_governance .e-governancecasestydiv .governccasestytxt .e_GovercasestyH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.5;
  color: #333333;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-weight: 600;
  margin-bottom: 0%;
}

.e_governance .e-governancecasestydiv .governccasestytxt .egoverrstudi {
  font-size: 1.5em;
  font-family: Inter Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 1.5%;
}

.e_governance .e-governancecasestydiv .governccasestytxt .casestyP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.78;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 0%;
}

.e_governance .e-governancecasestydiv .governccasestytxt .casestyP2 {
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  margin-top: -3%;
  font-family: Inter Bold;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  margin-bottom: -2%;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolL,
.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolR {
  padding: 0;
  background: #ccc;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolR {
  background: #817266 !important;
  padding-top: 15%;
  text-align: center;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-domio-2 {
  background: #1a639e !important;
  text-align: center;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33 !important;
  text-align: center;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67 !important;
  text-align: center;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolR img {
  transition: 0.5s all;
  margin-top: 1%;
  text-align: center;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolL img {
  width: 75%;
  margin: 45% 0 2% 13%;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolL .scrollcolLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 0% 5% 10% 5%;
  padding: 0% 5%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 10%;
}

.e_governance .e-governancecasestydiv .cstmRowCareer .scrollcolL .scrollheadH {
  font-family: Inter Semi Bold;
  font-size: 1.8em;
  line-height: 1.63;
  color: #ffffff;
  margin: 70% 0% 4% 0%;
  padding: 0% 9%;
}

/*indicators*/

#governanceCarousel {
  position: relative;
  transition: transform 0.5s ease-in-out;
  display: block;
  transform: scale(1);
}

.e_governance .e-governancecasestydiv .carousel-indicators {
  bottom: -10%;
}

.carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: none;
  border: 2px solid #fff;
}

.carousel-indicators li.active {
  background: #fff;
}

.container-top.parallax .carousel-indicators {
  bottom: -40px;
}

/*careerlast*/

.e_governance .cstmRowCareercontnt {
  width: 70% !important;
  margin: 0 15% !important;
}

.e_governance button.btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 1.5%;
  width: 30%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1% 0 5%;
  border: 0;
}

.e_governance button.btnQuote span {
  font-family: Inter;
  font-size: 1em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.e_governance button.btnQuote span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

.e_governance button.btnQuote:hover span {
  padding-right: 25px;
}

.e_governance button.btnQuote:hover span:after {
  opacity: 1;
  right: 0;
}

.e_governance .careerlasdata div p {
  font-family: Inter;
  font-size: 1.5em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0 10%;
  padding-top: 4%;
  transition: all 0.4s;
  display: block;
  transform: scale(1);
}

/* ******css end E-Governance*/

/*Start CSS Cloud Hosting*/

.cloudComputings .Cloud_computing {
  width: 70%;
  margin: auto;
  margin-top: 1%;
}

.cloudComputings .container-cloud-computing-div {
  background: linear-gradient(#064098d9, rgb(55 147 187 / 58%)) !important;
  padding-bottom: 4%;
  background-attachment: fixed;
}

.cloudComputings .container-cloud-computing-div .ecombanner_img {
  margin: -8% 0% 4% 0%;
}

.cloudComputings .container-cloud-computing-div .Cloud_computing_text_Powering {
  margin-top: -60px;
}

.cloudComputings
  .container-cloud-computing-div
  .Cloud_computing_text_Powering
  .Cloud_computing_text_Powering1 {
  line-height: 1.25;
  color: #ffffff;
  margin-left: 0%;
  padding: 0;
  font-family: Inter;
  font-size: 2.3em;
  font-weight: 600;
}

.cloudComputings .Cloud_computing_text_img img {
  margin-top: 15%;
  width: 46%;
  padding-bottom: 25px;
}

.cloudComputings .Cloud_computing_text_img img:hover {
  transform: scale(1.03);
  transition: 0.8s ease;
}

.cloudComputings .container-cloud-computing-div .ecommecepdiv .ecommecep2 {
  font-family: Inter;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  margin-left: 0%;
  width: 100%;
  padding: 0;
  font-weight: normal;
}

.cloudComputings .Cloud_computing_half_div {
  background: rgba(1, 87, 155, 0.05);
  padding-bottom: 5%;
}

.cloudComputings .row.Cloud_computing_half_div1 {
  background: #fff;
  margin-top: -7.1%;
  padding: 3.6% 0% 3.2% 3.6%;
  margin-left: auto;
  margin-right: auto;
}

.cloudComputings .Cloud_computing_half_div .Cloud_computing_half_div_title {
  font-family: Inter Medium;
  font-size: 1.2em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
}

.cloudComputings .cloud_Endev_main .cloud_Endev {
  font-family: Inter Medium;
  font-size: 1em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
}

.cloudComputings .cloud_Endev_main .Cloud_Expert {
  font-family: Inter Medium;
  font-size: 0.8em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
}

.cloudComputings .cloud_Endev_main {
  margin-top: 2.2% !important;
}

/*css for IoT-blackdiv*/
.cloudComputings .iot_internetblackdiv {
  background-color: #fff;
  padding-top: 1%;
  padding-bottom: 7%;
}

.cstmRowCareers.Our_cloud {
  width: 70%;
  margin: 0 auto;
}

.cloudComputings
  .Key_Cloud
  .Our_cloud
  .Our_cloud1
  .Key_service
  .Key_service_title {
  font-family: Inter Semi Bold;
  color: #333333;
  font-size: 2.5em;
  line-height: 1.29;
  font-weight: 600;
  margin-top: 10%;
  text-align: center;
  padding: 0 1%;
}

.cloudComputings .banner_textimg {
  width: 90%;
  margin: auto;
}

.cloudComputings .Key_service_title1 {
  font-family: Inter Regular;
  font-size: 1.2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #616161;
}

.cloudComputings .computing_framework {
  padding-top: 7%;
}

.cloudComputings .computing_framework .computing_framework_col img {
  margin-bottom: 5%;
}

.cloudComputings .computing_framework h4.computing_framework_colH {
  margin-top: 5%;
  margin-bottom: 2%;
  font-size: 1.2em;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.8;
  letter-spacing: normal;
  color: #2a7abf;
  font-family: Inter Medium;
}

.cloudComputings .computing_framework_colP {
  font-size: 1em;
  font-family: Inter Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
}

.cloudComputings .computing_framework_colp {
  font-family: Inter Regular;
  font-size: 1em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.75;
  letter-spacing: normal;
  color: #616161;
}

/* *end blog div*/
/* *Industri-Serve*/

.cloudComputings .CLoud_industries {
  background-color: #263238;
  padding: 2% 0 2%;
}

.CLoud_industries .cloud_indH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.4;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.CLoud_industries .cloud_indP {
  font-family: Inter;
  font-size: 1em;
  line-height: 1.67;
  color: #ffffff;
  /* padding: 0 7%; */
  margin-bottom: 2.7%;
  text-align: center;
}

.cloudComputings .CLoud_industries .card {
  background: #263238;
  align-items: center;
  height: 100%;
  width: 100%;
  border-radius: 0;
  margin: 0.5rem;
  border: 1px solid #636363;
  border-bottom: 0;
  border-left: 0;
  border-color: #636363 !important;
  height: calc(100% - 30px);
}

.CLoud_industries .eduction_div {
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 20% 0 8%;
  display: block !important;
  text-align: center;
}

.CLoud_industries .cloud_Servecard_web {
  display: block;
}

.CLoud_industries .cloud_Servecard_Mobile {
  display: none;
}

.CLoud_industries .overlayMainDiv {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background-color: #ffffff;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.8s ease;
  color: #333333;
}

.CLoud_industries .card:hover .overlayMainDiv {
  height: 100%;
}

.CLoud_industries .card {
  background: white;
  align-items: center;
  height: 95%;
  border: none;
  border-radius: 0;
  margin: 0.5rem;
}

.CLoud_industries .card .default {
  height: 100%;
  width: 100%;
  flex-direction: column;
  align-items: center;
  padding: 8% 0 8% 0%;
  display: block !important;
  text-align: center;
}

.CLoud_industries .card .default h5 {
  font-family: Inter;
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1.33;
  color: #fff;
  padding-top: 8%;
}

.CLoud_industries .card .hoverdiv {
  height: 100%;
  width: 100%;
  background: #fff;
  color: #333;
  padding: 0% 5%;
  font-family: Inter Medium;
}

.CLoud_industries .card .hoverdiv h5 {
  float: left;
  padding: 5% 0 0 0%;
}

.CLoud_industries .card .hoverdiv .hoverp1 {
  margin-bottom: 5%;
  height: 75%;
  overflow-y: hidden;
  font-size: 14px;
  line-height: 1.7;
  font-family: Inter;
  font-weight: normal;
  padding: 0%;
  float: left;
}

.cloudComputings .CLoud_industries .service-boxs .icon-box {
  font-size: 0.9em;
  font-family: Inter semi bold;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  margin-bottom: 8%;
}

.cloudComputings .CLoud_industries .service-boxs .icon-textes .ser-texts {
  font-size: 0.9em;
  font-family: Inter Medium;
}

.cloudComputings .CLoud_industries .cld-text {
  font-size: 1.1em;
  font-family: Inter Semi Bold;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  color: #004279;
  padding-top: 10%;
  /* padding-bottom: 10%; */
}

.cloudComputings .CLoud_industries .row.cstmRowCareerss {
  margin-top: 0%;
}

/* *CaseStudydiv*/

.cloudComputings .Cloud_SoltuionSlider {
  background-color: #ffffff;
  padding: 6% 0 0%;
}

.cloudComputings .CLoud_industries .scrollrow .scrollcolR:hover {
  transform: scale(1.1);
  transition: 0.8s ease;
}

.cloudComputings
  .Cloud_SoltuionSlider
  .Cloud_SoltuionSlidertxt
  .Cloud_SoltuionSliderH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.5;
  color: #333333;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  font-weight: 600;
  margin-bottom: 0%;
}

.cloudComputings
  .Cloud_SoltuionSlider
  .Cloud_SoltuionSlidertxt
  .Cloud_SoltuionSlider_Latest {
  font-family: Inter Regular;
  font-size: 1.2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  margin-bottom: 2%;
}

.cloudComputings
  .Cloud_SoltuionSlider
  .Cloud_SoltuionSlidertxt
  .Cloud_SoltuionSlider_Check {
  font-size: 1em;
  font-family: Inter Regular;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #616161;
  margin-bottom: 3%;
}

.cloudComputings
  .Cloud_SoltuionSlider
  .Cloud_SoltuionSlidertxt
  .Cloud_SoltuionSlider_Checkp2 {
  font-size: 7.5em;
  color: rgba(32, 131, 210, 0.1);
  line-height: 0.5;
  font-family: Inter Bold;
  font-weight: bold;
  letter-spacing: normal;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .scrollcolL {
  background: #f78d2e !important;
  color: white;
  z-index: 9;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .scrollcolR {
  background: #817266 !important;
  padding-top: 15%;
  text-align: center;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-domio-2 {
  background: #1a639e !important;
  text-align: center;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33 !important;
  text-align: center;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67 !important;
  text-align: center;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .scrollcolL .scrollheadH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #ffffff;
  line-height: 1.65;
  margin: 72% 0% 4% 10%;
}

.cloudComputings
  .Cloud_SoltuionSlider
  .cstmRowCareer
  .scrollcolL
  .scrollcolLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  margin: 0% 8% 10% 10%;
  font-weight: normal;
  letter-spacing: normal;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .slidermoreRead {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #ffffff;
  padding: 0 10%;
}

.cloudComputings .Cloud_SoltuionSlider .cstmRowCareer .scrollcolR:hover {
  transform: scale(1.1);
  transition: 1s ease;
}

.cloudComputings .Cloud_SoltuionSlider .carousel-indicators {
  background-color: #ffffff;
  position: absolute;
  right: 0;
  bottom: -10%;
  left: 0;
  z-index: 15;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none;
}

.cloudComputings .scrollcolRImageText {
  display: none;
}

.cloudComputings p.card-text {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.75;
  color: #333333;
}

.cloudComputings .Cloud_Technoloy {
  background-color: #f6f6f6;
}

.cloudComputings .Cloud_Technoloy_Container {
  text-align: center;
  padding: 0;
}

.cloudComputings .Cloud_Technoloy_Container .cloud_TechH {
  padding-top: 2%;
  font-family: Inter Semi Bold;
  font-size: 2em;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  color: #333;
}

.cloudComputings .Cloud_Technoloy_Container .cloud_TechP {
  font-family: Inter regular;
  font-size: 1.2em;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.78;
  letter-spacing: normal;
  color: #000;
}

.cloudComputings .Cloud_Technoloy_Container .Cloud_Technoloy_FirstRow {
  padding: 1% 0%;
}

.cloudComputings .Cloud_Technoloy_Container .Cloud_Technoloy_SecondRow {
  padding: 1% 0%;
  text-align: left;
}

/*careerlast*/

.cloudComputings .cstmRowCareercontnt {
  width: 70% !important;
  margin: 0 15% !important;
}

.cloudComputings button.btnQuote {
  border-radius: 0px;
  font-family: Inter Medium;
  color: #fff;
  font-weight: 500;
  background-color: #2083d2;
  font-size: 1em;
  padding: 1.5%;
  width: 30%;
  transition: all 0.5s;
  cursor: pointer;
  margin: 1% 0 5%;
  border: 0;
}

.cloudComputings .scrollcolR img {
  float: left;
  margin-left: 8%;
}

.cloudComputings button.btnQuote span {
  font-family: Inter;
  font-size: 1em;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.cloudComputings button.btnQuote span:after {
  content: "\f105";
  font: normal normal normal 14px/1 FontAwesome;
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
  font-size: 1.8em;
  line-height: 0.8;
}

.cloudComputings button.btnQuote:hover span {
  padding-right: 25px;
}

.cloudComputings button.btnQuote:hover span:after {
  opacity: 1;
  right: 0;
}

.cloudComputings .careerlasdata div p {
  font-family: Inter;
  font-size: 1.5em;
  font-weight: normal;
  line-height: 1.67;
  letter-spacing: normal;
  color: #333333;
  padding: 0 10%;
  padding-top: 4%;
  transition: all 0.4s;
  display: block;
  transform: scale(1);
}

.cloudComputings .circle1,
.cloudComputings .circle2 {
  stroke: #0c64a9;
}

.cloudComputings .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.legagyApplicationMig .circle1,
.legagyApplicationMig .circle2 {
  stroke: #f572c3;
}

.cloudComputings .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
  opacity: 0.1;
}

.cloudComputings .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
  opacity: 0.1;
}

.cloudComputings #Cloud_Slider {
  position: relative;
  transition: transform 0.5s ease-in-out;
  display: block;
  transform: scale(1);
}

.cloudComputings .e_commerce .e-commercasestydiv .carousel-indicators {
  bottom: -10%;
}

.cloudComputings .carousel-indicators li {
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #ccc;
  border: none;
}

.cloudComputings .carousel-indicators li.active {
  background: #2083d2;
}

/*End CSS Cloud Hosting*/

/*css for IGL-details-page*/

.igl-detailsApp .container-igl-details {
  background: linear-gradient(#0d6639db, rgb(255 171 3));
  background-attachment: fixed;
  padding-bottom: 6%;
}

.igl-detailsApp .container-igl-details.udda {
  background: linear-gradient(#bb002a, rgb(255 255 255 / 0%));
}

.igl-detailsApp .container-igl-details .svg1 .circle1,
.igl-detailsApp .container-igl-details .svg1 .circle2 {
  stroke: #3f4b52;
}

.igl-detailsApp .container-igl-details .iglbanner-top-content {
  width: 90%;
  margin: 0px auto;
}

.igl-detailsApp
  .container-igl-details
  .iglbanner-top-content
  .igl-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.igl-detailsApp
  .container-igl-details
  .iglbanner-top-content
  .igl-top-contentL
  .igl-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 1.8em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 15px;
  margin-bottom: 0;
}

.igl-detailsApp
  .container-igl-details
  .iglbanner-top-content
  .igl-top-contentL
  .igl-top-contentP {
  font-family: Inter;
  font-size: 1.25em;
  line-height: 1.8;
  color: #ffffff;
}

.igl-detailsApp
  .container-igl-details
  .iglbanner-top-content
  .igl-top-contentR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.igl-detailsApp .igldetail-yellodivDiv {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffd00e;
  padding: 1.5% 1.4%;
  margin-top: -5% !important;
  position: relative;
  z-index: 9;
  border-radius: 6px;
}

.igl-detailsApp
  .igldetail-yellodivDiv
  .igldetail-yellodivDivL
  .igldetail-yellodivDivLP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #333333;
}

.igl-detailsApp
  .igldetail-yellodivDiv
  .igldetail-yellodivDivL
  .igldetail-yellodivDivLH {
  font-family: Inter Medium;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 0.4%;
}

.igl-detailsApp .igldetail-yellodivDiv .igldetail-yellodivDivR {
  margin: auto 0;
}

.igl-detailsApp .igldetail-yellodivDiv .igldetail-yellodivDivR img {
  margin-right: 3%;
}

.igl-detailsApp .igldetail-yellodivDiv .igldetail-yellodivDivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for igl-detail_projOverview*/

.igl-detailsApp .igldetail_projOverview {
  margin-top: 2% !important;
}

.igl-detailsApp .igldetail_projOverview .iglprojOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.igl-detailsApp .igldetail_projOverview .iglprojOverviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 2%;
}

/* *Css for cstmFaces_details*/

.igl-detailsApp .cstmFaces_details {
  margin-top: 3.5% !important;
}

.igl-detailsApp .cstmFaces_details .cstmFaces_detailsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 2.9%;
}

.igl-detailsApp
  .cstmFaces_details
  .cstmFaces_detailsRow
  .cstmFaces_detailsCol
  .cstmFaces_detailsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.igl-detailsApp .cstmFaces_details .cstmFaces_detailsRow .cstmFaces_detailsCol {
  display: flex;
  flex-direction: row;
}

.igl-detailsApp
  .cstmFaces_details
  .cstmFaces_detailsRow
  .cstmFaces_detailsCol
  .doneicon {
  width: 6%;
}

.igl-did .we_didCol {
  display: flex;
}

.igl-detailsApp
  .cstmFaces_details
  .cstmFaces_detailsRow
  .cstmFaces_detailsCol
  .doneicon
  .material-icons {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.4em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for wtwedid*/

.igl-detailsApp .we_did {
  margin-top: 3.1% !important;
}

.igl-detailsApp .we_did .we_didH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.igl-detailsApp .we_did .we_didRow .we_didCol .we_didCollP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.portfolio-details .we_did .we_didRow .we_didCol {
  display: flex;
  flex-direction: row;
}

.igl-detailsApp .we_did .we_didRow .we_didCol .doneicon {
  width: 6%;
}

.igl-detailsApp .we_did .we_didRow .we_didCol .doneicon.with-head {
  width: 100%;
  display: flex;
  font-weight: bold;
  align-items: center;
}

.igl-detailsApp .we_did .we_didRow .we_didCol .doneicon.with-head span.noBox {
  margin-right: 10px;
}

.igl-detailsApp .we_did .we_didRow .we_didCol .doneicon .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for results*/

.igl-detailsApp .Productdetails {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 2.5% !important;
  padding: 3% 0% 4%;
  background: rgba(38, 50, 56, 0.05);
}

.igl-detailsApp .Productdetails .row {
  margin-top: 5%;
}

.igl-detailsApp .Productdetails .ProductdetailsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.igl-detailsApp .Productdetails .ProductdetailsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-top: 5%;
  margin-bottom: 3%;
}

.igl-detailsApp .Productdetails .row .ProductdetailsCoLL .ProductdetailsUL {
  padding: 0;
}

.igl-detailsApp .Productdetails .row .ProductdetailsCoLL .ProductdetailsUL li {
  display: flex;
  flex-direction: row;
  margin-bottom: 2%;
}

.igl-detailsApp
  .Productdetails
  .row
  .ProductdetailsCoLL
  .ProductdetailsUL.udda-solution
  li {
  margin-bottom: 2%;
}

.igl-detailsApp
  .Productdetails
  .row
  .ProductdetailsCoLL
  .ProductdetailsUL
  li
  i.fa {
  color: #fff;
  width: 28px;
  font-size: 1.4em;
  border-radius: 4px;
  background-color: #616161;
  height: 28px;
  margin-right: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.igl-detailsApp
  .Productdetails
  .row
  .ProductdetailsCoLL
  .ProductdetailsUL
  li
  p {
  width: 92%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 1%;
}

.igl-detailsApp .Productdetails .row .ProductdetailsColR {
  text-align: right;
}

.igl-detailsApp .Productdetails .row .ProductdetailsColR img {
  width: 55%;
  margin-top: 2%;
  transition: 0.5s all ease;
}

.igl-detailsApp .Productdetails .row .ProductdetailsColR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for smartPhone*/

.igl-detailsApp .smartPhone {
  margin-top: 3% !important;
  /* margin-bottom: 3% !important; */
  text-align: center;
}

.igl-detailsApp .smartPhone.udda {
  margin-top: 2.5% !important;
}

.igl-detailsApp .smartPhone img {
  width: 54%;
}

.igl-detailsApp .smartPhone img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for technologydiv*/
.igl-detailsApp .technologydsetion {
  background-color: #f4faff;
  padding-top: 4%;
}

.igl-detailsApp .technologydsetion .technologydsetionH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.igl-detailsApp .technologydsetion .technologydsetionRow {
  padding-top: 3%;
  padding-bottom: 10%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.igl-detailsApp .technologydsetion .technologydsetionRow .col-md-2 {
  margin: auto;
}

/* *CSS END FOR IGL-DETAILSApp*/

/*css for JauntFix-details-page*/

.jauntFix-details .container-jauntfix-details {
  background: linear-gradient(#a10022f2, rgb(132 201 255 / 39%));
  background-attachment: fixed;
  padding-bottom: 6%;
}

.jauntFix-details .container-jauntfix-details .svg1 .circle1,
.jauntFix-details .container-jauntfix-details .svg1 .circle2 {
  stroke: #3f4b52;
}

.jauntFix-details .container-jauntfix-details .jauntFixbanner-top-content {
  width: 90%;
  margin: auto;
}

.jauntFix-details
  .container-jauntfix-details
  .jauntFixbanner-top-content
  .jauntfix-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.jauntFix-details
  .container-jauntfix-details
  .jauntFixbanner-top-content
  .jauntfix-top-contentL
  .jauntfix-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  color: #ffffff;
}

.jauntFix-details
  .container-jauntfix-details
  .jauntFixbanner-top-content
  .jauntfix-top-contentL
  .jauntfix-top-contentP {
  font-family: Inter;
  font-size: 1.2em;
  line-height: 1.7;
  color: #ffffff;
}

.jauntFix-details
  .container-jauntfix-details
  .jauntFixbanner-top-content
  .jauntfix-top-contentR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.jauntFix-details .jauntfixsdetail-yellodivDiv {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffd00e;
  padding: 1.5% 1.2%;
  margin-top: -5% !important;
  position: relative;
  z-index: 9;
  border-radius: 10px;
}

.jauntFix-details
  .jauntfixsdetail-yellodivDiv
  .jauntfixsdetail-yellodivDivL
  .jauntfixsdetail-yellodivDivLP {
  font-family: Inter Regular;
  font-size: 1.4em;
  line-height: 1.78;
  color: #333333;
}

.jauntFix-details
  .jauntfixsdetail-yellodivDiv
  .jauntfixsdetail-yellodivDivL
  .jauntfixsdetail-yellodivDivLH {
  font-family: Inter Medium;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 0.4%;
}

.jauntFix-details .jauntfixsdetail-yellodivDiv .jauntfixsdetail-yellodivDivR {
  margin: auto;
}

.jauntFix-details
  .jauntfixsdetail-yellodivDiv
  .jauntfixsdetail-yellodivDivR
  img {
  margin-right: 3%;
}

.jauntFix-details
  .jauntfixsdetail-yellodivDiv
  .jauntfixsdetail-yellodivDivR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for igl-detail_projOverview*/

.jauntFix-details .jauntfixedetails_projOverview {
  margin-top: 2% !important;
}

.jauntFix-details .jauntfixedetails_projOverview .jauntfixedprojOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.jauntFix-details .jauntfixedetails_projOverview .jauntfixedprojOverviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 2%;
}

/* *Css for cstmFaces_details*/

.jauntFix-details .jountfixcstmFaces_details {
  margin-top: 3.5% !important;
}

.jauntFix-details .jountfixcstmFaces_details .jountfixcstmFaces_detailsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 2.9%;
}

.jauntFix-details
  .jountfixcstmFaces_details
  .jountfixcstmFaces_detailsRow
  .jountfixcstmFaces_detailsCol
  .jountfixcstmFaces_detailsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.jauntFix-details
  .jountfixcstmFaces_details
  .jountfixcstmFaces_detailsRow
  .jountfixcstmFaces_detailsCol {
  display: flex;
  flex-direction: row;
}

.jauntFix-details
  .jountfixcstmFaces_details
  .jountfixcstmFaces_detailsRow
  .jountfixcstmFaces_detailsCol
  .doneicon {
  width: 6%;
}

.jauntFix-details
  .jountfixcstmFaces_details
  .jountfixcstmFaces_detailsRow
  .jountfixcstmFaces_detailsCol
  .doneicon
  .material-icons {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.4em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for wtwedid*/

.jauntFix-details .jauntfixwe_did {
  margin-top: 3% !important;
}

.jauntFix-details .jauntfixwe_did .jauntfixwe_didH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.jauntFix-details
  .jauntfixwe_did
  .jauntfixwe_didRow
  .jauntfixwe_didCol
  .jauntfixwe_didCollP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.jauntFix-details .jauntfixwe_did .jauntfixwe_didRow .jauntfixwe_didCol {
  display: flex;
  flex-direction: row;
}

.jauntFix-details
  .jauntfixwe_did
  .jauntfixwe_didRow
  .jauntfixwe_didCol
  .doneicon {
  width: 6%;
}

.jauntFix-details
  .jauntfixwe_did
  .jauntfixwe_didRow
  .jauntfixwe_didCol
  .doneicon
  .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for Jountfixedproductdetails*/

.jauntFix-details .Jountfixedproductdetails {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 2.5% !important;
  padding: 3% 0% 4%;
  background: rgba(38, 50, 56, 0.05);
}

.jauntFix-details .Jountfixedproductdetails .row {
  margin-top: 5%;
}

.jauntFix-details .Jountfixedproductdetails .JountfixedproductdetailsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  padding-bottom: 23px;
}

.jauntFix-details .Jountfixedproductdetails .JountfixedproductdetailsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-top: 5%;
  margin-bottom: 7%;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsCoLL
  .JountfixedproductdetailsUL {
  padding: 0;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsCoLL
  .JountfixedproductdetailsUL
  li {
  display: flex;
  flex-direction: row;
  margin-bottom: 5%;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsCoLL
  .JountfixedproductdetailsUL
  li
  i.fa {
  color: #fff;
  width: 28px;
  font-size: 1.4em;
  border-radius: 4px;
  background-color: #616161;
  height: 28px;
  margin-right: 2.5%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsCoLL
  .JountfixedproductdetailsUL
  li
  p {
  width: 92%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 1%;
}

.jauntFix-details .Jountfixedproductdetails .row .JountfixedproductdetailsColR {
  text-align: right;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsColR
  img {
  width: 35%;
  margin-top: 5%;
  transition: 0.5s all ease;
}

.jauntFix-details
  .Jountfixedproductdetails
  .row
  .JountfixedproductdetailsColR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for smartPhone*/

.jauntFix-details .jauntfixsmartPhone {
  margin-top: 2.6% !important;
  text-align: center;
}

.jauntFix-details .jauntfixsmartPhone img {
  width: 60%;
}

.jauntFix-details .jauntfixsmartPhone img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for technologydiv*/

.jauntFix-details .jauntfixtechnology {
  background-color: #f4faff;
  padding-top: 4%;
}

.jauntFix-details .jauntfixtechnology .jauntfixtechnologyH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.jauntFix-details .jauntfixtechnology .jauntfixtechnologyRow {
  padding-top: 3%;
  padding-bottom: 10%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.jauntFix-details .jauntfixtechnology .jauntfixtechnologyRow .col-md-2 {
  margin: auto;
}

/* *CSS END FOR IGL-DETAILS page*/

/* *css start SiteMap page*/

.sitemapSection .siteMapContainer-top {
  background-color: #263238;
  padding-bottom: 7.5%;
  background-attachment: fixed;
  color: #ffffff;
}

.helloTax-Detial .container-helloTax-details {
  background: linear-gradient(#76af4a, rgb(255 124 45));
  background-attachment: fixed;
  padding-bottom: 6%;
}

.sitemapSection
  .siteMapContainer-top
  .site_map
  .site_mapHeaddingCol7
  .site_mapsHeadding {
  font-family: Inter Bold;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  padding-top: 6%;
}

.sitemapSection
  .siteMapContainer-top
  .site_map
  .site_mapHeaddingCol7
  .site_mapsHeaddingPara {
  font-size: 1.3em;
  font-family: Inter;
  line-height: 1.67;
  margin-top: 4%;
  color: #ffffff;
}

.sitemapSection .siteMapContainer-top .svg1 {
  stroke: #364045;
}

.sitemapSection .siteMapContainer-top .svg1 {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
}

.sitemapSection .siteMapContainer-top .circle1 {
  cx: 8%;
  cy: 8%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.sitemapSection .siteMapContainer-top .circle2 {
  cx: 100%;
  cy: 45%;
  r: 12%;
  stroke-width: 21px;
  fill: transparent;
}

.sitemapSection .siteMap_listDivRow {
  padding: 4% 0;
}

.sitemapSection .siteMap_listDiv .services_list h6 {
  margin-left: 8%;
  color: #000;
  padding-top: 0px;
  margin-bottom: 8px;
}

.sitemapSection .siteMap_listDiv .services_listUL li {
  margin-left: 7%;
  color: #000;
  list-style: none;
}

.sitemapSection .siteMap_listDiv span.siteMap_listDivheader {
  font-family: Inter Regular;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1;
  color: #000;
  cursor: pointer;
}

.sitemapSection .siteMap_listDiv span.siteMap_listDivheader a {
  color: #222;
  font-weight: 600;
}

.sitemapSection .siteMap_listDiv span.siteMap_listDivheader:hover {
  color: #0056b3;
}

.sitemapSection
  .siteMap_listDiv
  span.siteMap_listDivheader
  i.fa.fa-hand-o-right {
  padding-right: 1%;
}

.sitemapSection .siteMap_listDiv .cool-link::after {
  content: "";
  width: 0;
  height: 1px;
  background: #f2f2f2;
  transition: width 0.3s;
}

.helloTax-Detial .container-helloTax-details .svg1 .circle1,
.helloTax-Detial .container-helloTax-details .svg1 .circle2 {
  stroke: #3f4b52;
}

.helloTax-Detial .container-helloTax-details .hellotax-top-content {
  width: 90%;
  margin: auto;
}

.helloTax-Detial
  .container-helloTax-details
  .hellotax-top-content
  .hellotax-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
}

.helloTax-Detial
  .container-helloTax-details
  .hellotax-top-content
  .hellotax-top-contentL
  .hellotax-whitebox {
  width: 116px;
  height: 116px;
  border-radius: 10px;
  background-color: #ffffff;
}

.helloTax-Detial
  .container-helloTax-details
  .hellotax-top-content
  .hellotax-top-contentL
  .hellotax-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 2%;
  margin-bottom: 0;
}

.helloTax-Detial
  .container-helloTax-details
  .hellotax-top-content
  .hellotax-top-contentL
  .hellotax-top-contentP {
  font-family: Inter;
  font-size: 1.25em;
  line-height: 1.8;
  color: #ffffff;
}

.helloTax-Detial
  .container-helloTax-details
  .hellotax-top-content
  .hellotax-top-contenR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.helloTax-Detial .hellotax-yellowDiv {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffd00e;
  padding: 1.5% 1.3%;
  margin-top: -5% !important;
  position: relative;
  z-index: 9;
  border-radius: 9px;
}

.helloTax-Detial .hellotax-black {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #000;
  padding: 1.5% 2%;
  margin-top: -9% !important;
  position: relative;
  z-index: 9;
}

.helloTax-Detial .hellotax-yellowDiv .hellotax-yellowDivL .hellotax-yellowDivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #333333;
}

.helloTax-Detial .hellotax-yellowDiv .hellotax-yellowDivL .hellotax-yellowDivH {
  font-family: Inter Medium;
  font-weight: 500;
  line-height: 30px;
  font-size: 17px;
  margin: 0 0;
}

.helloTax-Detial .hellotax-yellowDiv .hellotax-yellowDivR {
  margin: auto 0;
}

.helloTax-Detial .hellotax-yellowDiv .hellotax-yellowDivR img {
  margin-right: 3%;
}

.playstore-link {
  text-align: center;
  margin: auto 0;
}

.helloTax-Detial .hellotax-yellowDiv .hellotax-yellowDivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hover-none:hover {
  transform: scale(inherit) !important;
  -webkit-transform: scale(inherit) !important;
}

/*css for projOverview*/

.helloTax-Detial .hellotax-projOverview {
  margin-top: 2% !important;
  padding-bottom: 1%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
}

.helloTax-Detial .hellotax-projOverview .hellotax-projOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.helloTax-Detial .hellotax-projOverview .hellotax-projOverviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 2%;
}

/* *Css for cstmGets*/
.helloTax-Detial .midd_block {
  background: rgba(38, 50, 56, 0.05);
  padding: 3% 0;
}

/* .helloTax-Detial .hellotax-cstmGets {
  margin-top: 6% !important;
} */

.helloTax-Detial .hellotax-cstmGets .hellotax-cstmGetsH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 2.9%;
}

.helloTax-Detial
  .hellotax-cstmGets
  .hellotax-cstmGetsRow
  .hellotax-cstmGetsCol
  .hellotax-cstmGetsP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.helloTax-Detial
  .hellotax-cstmGets
  .hellotax-cstmGetsRow
  .hellotax-cstmGetsCol {
  display: flex;
  flex-direction: row;
}

.helloTax-Detial
  .hellotax-cstmGets
  .hellotax-cstmGetsRow
  .hellotax-cstmGetsCol
  .hellotax-doneicon {
  width: 6%;
}

.helloTax-Detial
  .hellotax-cstmGets
  .hellotax-cstmGetsRow
  .hellotax-cstmGetsCol
  .hellotax-doneicon
  .material-icons {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.4em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for wtwedid*/

.helloTax-Detial .hellotax-wtwedid {
  margin-top: 3% !important;
}

.helloTax-Detial .hellotax-wtwedid .hellotax-wtwedidH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.helloTax-Detial
  .hellotax-wtwedid
  .hellotax-wtwedidRow
  .hellotax-wtwedidcol
  .hellotax-wtwedidcolP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.helloTax-Detial .hellotax-wtwedid .hellotax-wtwedidRow .hellotax-wtwedidcol {
  display: flex;
  flex-direction: row;
}

.helloTax-Detial
  .hellotax-wtwedid
  .hellotax-wtwedidRow
  .hellotax-wtwedidcol
  .hellotax-doneicon {
  width: 6%;
}

.helloTax-Detial
  .hellotax-wtwedid
  .hellotax-wtwedidRow
  .hellotax-wtwedidcol
  .hellotax-doneicon
  .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for results*/

.helloTax-Detial .hellotax-result {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 3% !important;
  padding: 2% 0% 3%;
  background: rgba(38, 50, 56, 0.05);
}

.helloTax-Detial .hellotax-result .row {
  margin-top: 5%;
}

.helloTax-Detial .hellotax-result .hellotax-resultH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  padding-bottom: 22px;
}

.helloTax-Detial .hellotax-result .hellotax-resultP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-top: 5%;
  margin-bottom: 7%;
}

.helloTax-Detial .hellotax-result .row .hellotax-resultColL .hellotax-resultL {
  padding: 0;
}

.helloTax-Detial
  .hellotax-result
  .row
  .hellotax-resultColL
  .hellotax-resultL
  li {
  display: flex;
  flex-direction: row;
  margin-bottom: 2.7%;
}

.helloTax-Detial
  .hellotax-result
  .row
  .hellotax-resultColL
  .hellotax-resultL
  li
  i.fa {
  color: #fff;
  width: 28px;
  font-size: 1.4em;
  border-radius: 4px;
  background-color: #616161;
  height: 28px;
  margin-right: 2%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.helloTax-Detial
  .hellotax-result
  .row
  .hellotax-resultColL
  .hellotax-resultL
  li
  p {
  width: 92%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 1%;
}

.helloTax-Detial .hellotax-result .row .hellotax-resultColR {
  text-align: right;
}

.helloTax-Detial .hellotax-result .row .hellotax-resultColR img {
  width: 52%;
  margin-top: 2%;
  transition: 0.5s all ease;
}

.helloTax-Detial .hellotax-result .row .hellotax-resultColR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for mobihellotax-mobileImageleImage*/

.helloTax-Detial .hellotax-mobileImage {
  margin-top: 3% !important;
  text-align: center;
}

.hellotax-mobileImage .row .col-sm-12 ul {
  display: flex;
  list-style: none;
}

.helloTax-Detial .hellotax-mobileImage img {
  width: 57%;
}

.helloTax-Detial .hellotax-mobileImage img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

/*css for technologydiv*/

.helloTax-Detial .hellotax-technologydiv {
  background-color: #f4faff;
  padding-top: 5%;
  margin-top: -2%;
}

.helloTax-Detial .hellotax-technologydiv .hellotax-technologydivH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.helloTax-Detial .hellotax-technologydiv .hellotax-technologydivRow {
  padding-top: 3%;
  padding-bottom: 10%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.helloTax-Detial .hellotax-technologydiv .hellotax-technologydivRow .col-md-2 {
  margin: auto;
}

/*CSS  End HelloTax-Casestudy*/
/*CSS  Start housepital-Casestudy*/
.housepital-Detial .container-housepital-details {
  background: #ef7f1a;
  background-attachment: fixed;
  padding-bottom: 2%;
}

.housepital-Detial .container-housepital-details .svg1 .circle1,
.housepital-Detial .container-housepital-details .svg1 .circle2 {
  stroke: #f9a355;
}

.housepital-Detial .container-housepital-details .housepital-top-content {
  width: 90%;
  margin: auto;
}

.housepital-Detial
  .container-housepital-details
  .housepital-top-content
  .housepital-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
  padding-top: 6%;
}

.housepital-Detial
  .container-housepital-details
  .housepital-top-content
  .housepital-top-contentL
  .housepital-whitebox {
  width: 116px;
  height: 116px;
  border-radius: 10px;
  /* background-color: #ffffff; */
}

.housepital-Detial
  .container-housepital-details
  .housepital-top-content
  .housepital-top-contentL
  .housepital-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 2.1em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 0%;
  margin-bottom: 0;
}

.housepital-Detial
  .container-housepital-details
  .housepital-top-content
  .housepital-top-contentL
  .housepital-top-contentP {
  font-family: Inter;
  font-size: 20px;
  line-height: 1.8;
  color: #ffffff;
  font-weight: 500;
}

.housepital-Detial
  .container-housepital-details
  .housepital-top-content
  .housepital-top-contenR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.housepital-Detial .housepital-black {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #000;
  padding: 1.5% 2%;
  margin-top: -4% !important;
  position: relative;
  z-index: 9;
  color: #fff;
  border-radius: 10px;
  font-size: 26px !important;
  align-items: center;
}

.housepital-Detial .housepital-black h4 {
  font-weight: normal;
  font-size: 20px;
  line-height: 1.23;
}

.playstore-link {
  text-align: center;
  margin-top: 14px;
}

.housepital-Detial .housepital-yellowDiv .housepital-yellowDivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hover-none:hover {
  transform: scale(inherit) !important;
  -webkit-transform: scale(inherit) !important;
}

/*css for projOverview*/

.housepital-Detial .housepital-projOverview {
  margin-top: 6% !important;
  padding-bottom: 2%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
}

.housepital-Detial .housepital-projOverview .housepital-projOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.housepital-Detial .housepital-projOverview .housepital-projOverviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 2%;
}

/* *Css for cstmGets*/

.housepital-Detial .brif-summary {
  padding: 2% 0;
}

.housepital-Detial .brif-summary .topSP {
  padding: 12px 0 0 0;
}

.housepital-Detial .brif-summary h4 {
  font-size: 28px;
  color: #ef7f1a;
  line-height: 65px;
  font-weight: bold;
}

.housepital-Detial .brif-summary p {
  font-size: 18px;
  color: #333;
  line-height: 32px;
  font-weight: 500;
}

.housepital-Detial .brif-summary .indus {
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}

.housepital-Detial .brif-summary .indus .title {
  font-size: 20px;
  color: #333;
  line-height: 20px;
  font-weight: 600;
  margin: 16px 0 0 20px;
}

.housepital-Detial .brif-summary .indus .description {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  margin-top: 12px;
  padding: 0px;
}

.housepital-Detial .brif-summary .indus .description a {
  color: #ef7f1a;
  text-decoration: underline;
  font-weight: bold;
}

.housepital-Detial .brif-summary .aboutH {
  font-size: 21px;
  color: #333;
  line-height: 54px;
  font-weight: 600;
}

/* *Css for wtwedid*/

.housepital-Detial .housepital-wtwedid {
  margin-top: 5% !important;
}

.housepital-Detial .housepital-wtwedid .housepital-wtwedidH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.housepital-Detial
  .housepital-wtwedid
  .housepital-wtwedidRow
  .housepital-wtwedidcol
  .housepital-wtwedidcolP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.housepital-Detial
  .housepital-wtwedid
  .housepital-wtwedidRow
  .housepital-wtwedidcol {
  display: flex;
  flex-direction: row;
}

.housepital-Detial
  .housepital-wtwedid
  .housepital-wtwedidRow
  .housepital-wtwedidcol
  .housepital-doneicon {
  width: 11%;
}

.housepital-Detial
  .housepital-wtwedid
  .housepital-wtwedidRow
  .housepital-wtwedidcol
  .housepital-doneicon
  .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for results*/

.housepital-Detial .housepital-patientexp {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 2% !important;
  padding: 2% 0% 1%;
  background: #fef7f1;
  text-align: center;
}

.housepital-Detial .housepital-patientexp h3 {
  font-size: 28px;
  font-weight: bold;
  color: #ef7f1a;
}

.housepital-Detial .housepital-patientexp p {
  font-size: 21px;
  font-weight: 600;
  color: #333;
  line-height: 32px;
  padding: 0px 20px;
}

.housepital-Detial .housepital-patientexp .row {
  margin: 2% auto;
}

/* *Css for Solve the challenge*/

.housepital-Detial .housepital-challenge {
  width: 100% !important;
  margin-top: 4% !important;
}

.housepital-Detial .housepital-challenge .Heading4 {
  font-size: 28px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #ef7f1a;
  line-height: 36px;
  margin-bottom: 4% !important;
}

.housepital-Detial .housepital-challenge .heading5 {
  font-size: 21px !important;
  color: #333;
  line-height: 36px;
  margin-bottom: 2% !important;
  font-family: Inter;
  font-weight: bold;
  margin-top: 2% !important;
}

.housepital-Detial .housepital-challenge .cstmRowCareerTwo {
  width: 85%;
  margin: 0 auto;
}

.housepital-Detial .housepital-challenge p {
  font-size: 21px;
  color: #333;
  line-height: 42px;
}

.housepital-Detial .innerBoxShadow {
  border: 2px solid #ef7f1a;
  border-radius: 15px;
}

.housepital-Detial .goal .cstmRowCareerThree {
  width: 85% !important;
  margin: 0 auto;
}

.housepital-Detial .goal .headingGoal {
  font-family: Inter Medium;
  font-size: 28px;
  line-height: 1.2;
  color: #ef7f1a;
  margin-bottom: 5%;
  width: 100%;
  font-weight: bold;
}

.housepital-Detial .goal .paraGoal {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
  margin-bottom: 0%;
  margin-top: 2rem;
}

.housepital-Detial .goal img {
  width: auto;
  height: auto;
}

.housepital-Detial .housepital-process .innerBoxShadow {
  border: 2px solid #333333;
  margin-bottom: 3%;
}

.housepital-Detial .housepital-process .processH {
  color: #000;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 2% 0;
}

.housepital-Detial .housepital-process .processUL li {
  display: flex;
}

.housepital-Detial .housepital-process .processUL li p {
  margin-left: 2.5%;
}

.housepital-Detial .housepital-process .imgDiv {
  display: flex;
  align-items: center;
  justify-content: right;
}

.housepital-Detial .housepital-process .material-icons {
  color: #ef7f1a;
}

.housepital-Detial .housepital-process .headingGoal,
.housepital-Detial .housepital-result .headingGoal,
.housepital-Detial .housepital-techSol .headingGoal {
  font-family: Inter;
  font-size: 30px;
  font-weight: bold !important;
  line-height: 32px;
  color: #ef7f1a;
  width: 100%;
  margin: 20px 0;
}

.border-result-border {
  background: #ffffff;
  border: 2px solid #ef7f1a;
  box-shadow: 4px 4px 10px rgba(34, 34, 39, 0.25);
  border-radius: 10px;
}

.housepital-percent {
  background: #fff5ed;
  border-radius: 8px 8px 0px 0px;
  padding: 20px;
}

.improve-housp-padding {
  font-family: "Inter";
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  padding: 20px;
  text-align: center;
}

.housepital-percent p {
  font-family: "Inter";
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  color: #333333;
  margin-bottom: 0;
}

.housepital-percent p span {
  color: #ef7f1a;
}

.innerBoxShadow .housepital-medical-box-img {
  width: 100% !important;
}

.housepital-challenge .newRow .spanCount {
  color: #dedede;
  font-size: 4rem;
  font-weight: 600;
}

.housepital-challenge .newRow.innerBoxShadow-height {
  margin-bottom: 20px;
}

.housepital-techSol .housepital-tech-frnt {
  background: #fff5ed;
  border-radius: 8px 0px 0px 0px;
}

.housepital-techSol {
  padding: 2% 0;
}

.housepital-techSol .housepital-tech-frnt p {
  font-family: "Inter";
  font-weight: 700;
  font-size: 20px;
  color: #333333;
  padding: 8px 0px;
  text-align: center;
}

.housepital-techSol .housepital-tech-dev-lang p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  padding: 20px 25px;
  text-align: center;
}

.housepital-tech-Backend {
  background: #fff5ed;
  border-radius: 0px;
}

.houspital-col12-border-left {
  background: #ffffff;
  border: 2px solid #ef7f1a;
  box-shadow: 4px 4px 10px rgb(34 34 39 / 25%);
  border-radius: 10px;
}

.housepital-tech-server {
  background: #fff5ed;
  border-radius: 0px 8px 0px 0px;
}

.houspital-col-border-lef {
  border-left: 2px solid #ef7f1a;
}

.houspital-row-first-border-bottom {
  border-bottom: 2px solid #ef7f1a;
}

.housepital-Detial .housepital-challenge .new-col4-housepital-div {
  background: #ffffff;
  border: 2px solid #ef7f1a;
  border-radius: 20px;
  display: flex;
  align-items: center;
}

.housepital-Detial .housepital-challenge .new-col4-housepital-div-h6 {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  padding: 0px 10px;
  line-height: 30px;
}

.housepital-Detial .housepital-challenge .spanCount {
  color: #dedede;
  font-size: 4rem;
  font-weight: 600;
  padding: 0px 5px;
}

/*CSS  End housepital-Casestudy*/

/*CSS  Start Udda-Casestudy*/

.udda-Detial .container-udda-details {
  background: #012b4f;
  background-attachment: fixed;
  padding-bottom: 2%;
}

.udda-Detial .container-udda-details .svg1 .circle1,
.udda-Detial .container-udda-details .svg1 .circle2 {
  stroke: #1a4a74;
}

.udda-Detial .container-udda-details .udda-top-content {
  width: 72%;
  margin-left: 14%;
}

.udda-Detial .container-udda-details .udda-top-content .udda-top-contentL {
  justify-content: center;
  display: flex;
  flex-direction: column;
  padding: 0;
  padding-top: 4%;
}

.udda-Detial
  .container-udda-details
  .udda-top-content
  .udda-top-contentL
  .udda-whitebox {
  width: 116px;
  height: 116px;
  border-radius: 10px;
  /* background-color: #ffffff; */
}

.udda-Detial
  .container-udda-details
  .udda-top-content
  .udda-top-contentL
  .udda-top-contentH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  color: #ffffff;
  margin-top: 4%;
}

.udda-Detial
  .container-udda-details
  .udda-top-content
  .udda-top-contentL
  .udda-top-contentP {
  font-family: Inter;
  font-size: 1.25em;
  line-height: 1.8;
  color: #ffffff;
}

.udda-Detial .container-udda-details .udda-top-content .udda-top-contenR img {
  width: 100%;
}

.udda-Detial
  .container-udda-details
  .udda-top-content
  .udda-top-contenR
  img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.udda-Detial .udda-black {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #0acce4;
  padding: 1.5% 2%;
  margin-top: -4% !important;
  position: relative;
  z-index: 9;
  color: #000;
  border-radius: 10px;
  font-size: 26px !important;
}

.udda-Detial .udda-black h4 {
  font-weight: 600;
  font-size: 1.125em;
  line-height: 1.23;
}

.playstore-link {
  text-align: center;
  /* margin-top: 14px; */
}

.udda-Detial .udda-yellowDiv .udda-yellowDivR img:hover {
  -webkit-transform: scale(1.03);
  transform: scale(1.03);
}

.hover-none:hover {
  transform: scale(inherit) !important;
  -webkit-transform: scale(inherit) !important;
}

/*css for projOverview*/

.udda-Detial .udda-projOverview {
  margin-top: 6% !important;
  padding-bottom: 2%;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
}

.udda-Detial .udda-projOverview .udda-projOverviewH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 1.3%;
}

.udda-Detial .udda-projOverview .udda-projOverviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-bottom: 2%;
}

/* *Css for cstmGets*/

.udda-Detial .brif-summary {
  padding: 2% 0;
}

.udda-Detial .brif-summary .topSP {
  padding: 12px 0 0 0;
}

.udda-Detial .brif-summary h4 {
  font-size: 28px;
  color: #333333;
  line-height: 90px;
  font-weight: bold;
}

.udda-Detial .brif-summary p {
  font-size: 18px;
  color: #333;
  line-height: 32px;
  font-weight: 500;
}

.udda-Detial .brif-summary .indus {
  display: flex;
  flex-direction: row;
  margin-bottom: 28px;
}

.udda-Detial .brif-summary .indus .title {
  font-size: 20px;
  color: #333;
  line-height: 20px;
  font-weight: 600;
  margin: 16px 0 0 20px;
}

.udda-Detial .brif-summary .indus .description {
  font-size: 16px;
  color: #333;
  font-weight: 500;
  margin-top: 12px;
  padding: 0px;
}

.udda-Detial .brif-summary .indus .description a {
  color: #e62629;
  text-decoration: underline;
  font-weight: bold;
}

.udda-Detial .brif-summary .aboutH {
  font-size: 21px;
  color: #333;
  line-height: 46px;
  font-weight: 600;
}

/* *Css for wtwedid*/

.udda-Detial .udda-wtwedid {
  margin-top: 5% !important;
}

.udda-Detial .udda-wtwedid .udda-wtwedidH {
  font-family: Inter Semi Bold;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
  margin-bottom: 3%;
}

.udda-Detial .udda-wtwedid .udda-wtwedidRow .udda-wtwedidcol .udda-wtwedidcolP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  width: 89%;
}

.udda-Detial .udda-wtwedid .udda-wtwedidRow .udda-wtwedidcol {
  display: flex;
  flex-direction: row;
}

.udda-Detial .udda-wtwedid .udda-wtwedidRow .udda-wtwedidcol .udda-doneicon {
  width: 11%;
}

.udda-Detial
  .udda-wtwedid
  .udda-wtwedidRow
  .udda-wtwedidcol
  .udda-doneicon
  .noBox {
  width: 27px;
  height: 27px;
  color: #ffffff;
  font-size: 1.2em;
  background: #616161;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* *Css for results*/

.udda-Detial .udda-patientexp {
  width: 100% !important;
  margin: 0 !important;
  margin-top: 2% !important;
  padding: 2% 0% 1%;
  background: #e3fcff;
  text-align: center;
}

.udda-Detial .udda-patientexp h3 {
  font-size: 28px;
  font-weight: bold;
  color: #012b4f;
}

.udda-Detial .udda-patientexp p {
  font-size: 21px;
  font-weight: 600;
  color: #333;
  line-height: 32px;
  padding: 0px 20px;
}

.udda-Detial .udda-patientexp .row {
  margin: 5% auto;
}

/* *Css for Solve the challenge*/

.udda-Detial .udda-challenge {
  width: 100% !important;
  margin-top: 4% !important;
}

.udda-Detial .udda-challenge .Heading4 {
  font-size: 28px;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #012b4f;
  line-height: 36px;
  margin-bottom: 4% !important;
}

.udda-Detial .udda-challenge .heading5 {
  font-size: 21px !important;
  color: #333;
  line-height: 36px;
  margin-bottom: 2% !important;
  font-family: Inter;
  font-weight: bold;
  margin-top: 2% !important;
}

.udda-Detial .udda-challenge .cstmRowCareerTwo {
  width: 85%;
  margin: 0 0 0 15%;
}

.udda-Detial .udda-challenge p {
  font-size: 21px;
  color: #333;
  line-height: 42px;
}

.udda-Detial .innerBoxShadow {
  border: 2px solid #ef7f1a;
  border-radius: 15px;
}

.udda-Detial .goal .cstmRowCareerThree {
  width: 85% !important;
  margin: 0 15% 0 0 !important;
}

.udda-Detial .goal .headingGoal {
  font-family: Inter Medium;
  font-size: 28px;
  line-height: 1.2;
  color: #012b4f;
  margin-bottom: 5%;
  width: 100%;
  font-weight: bold;
}

.udda-Detial .goal .paraGoal {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
  margin-bottom: 0%;
  margin-top: 2rem;
}

.udda-Detial .goal img {
  width: 100%;
  height: auto;
}

.udda-Detial .udda-process .innerBoxShadow {
  border: 2px solid #012b4f;
  margin-bottom: 3%;
}

.udda-Detial .udda-process .processH {
  color: #012b4f;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 6%;
}

.udda-Detial .udda-process .processUL li {
  display: flex;
}

.udda-Detial .udda-process .processUL li p {
  margin-left: 5%;
}

.udda-Detial .udda-process .imgDiv {
  display: flex;
  align-items: center;
  justify-content: right;
}

.udda-Detial .udda-process .material-icons {
  color: #e62629;
}

.udda-Detial .udda-process .headingGoal,
.udda-Detial .udda-result .headingGoal,
.udda-Detial .udda-techSol .headingGoal {
  font-family: Inter;
  font-size: 30px;
  font-weight: bold !important;
  line-height: 32px;
  color: #012b4f;
  width: 100%;
  margin: 20px 0;
}

.border-result-border {
  background: #ffffff;
  border: 2px solid #012b4f;
  box-shadow: 4px 4px 10px rgba(34, 34, 39, 0.25);
  border-radius: 10px;
}

.udda-percent {
  background: #e3fcff;
  border-radius: 8px 8px 0px 0px;
  padding: 20px;
}

.improve-housp-padding {
  font-family: "Inter";
  font-weight: 600;
  font-size: 18px;
  color: #333333;
  padding: 20px;
  text-align: center;
}

.udda-percent p {
  font-family: "Inter";
  font-weight: 700;
  font-size: 42px;
  text-align: center;
  color: #012b4f;
  margin-bottom: 0;
}

.udda-percent p span {
  color: #e62629;
}

.innerBoxShadow .udda-medical-box-img {
  width: 100% !important;
}

.udda-challenge .newRow .spanCount {
  color: #dedede;
  font-size: 4rem;
  font-weight: 600;
}

.udda-challenge .newRow.innerBoxShadow-height {
  margin-bottom: 20px;
}

.udda-techSol .udda-tech-frnt {
  background: #e3fcff;
  border-radius: 8px 8px 0px 0px;
}

.udda-techSol {
  padding: 2% 0;
}

.udda-techSol .udda-tech-frnt p {
  font-family: "Inter";
  font-weight: 700;
  font-size: 20px;
  color: #012b4f;
  padding: 8px 0px;
  text-align: center;
}

.udda-techSol .udda-tech-dev-lang p {
  font-family: "Inter";
  font-weight: 400;
  font-size: 20px;
  color: #333333;
  padding: 20px 25px;
  text-align: center;
}

.udda-tech-Backend {
  background: #fff5ed;
  border-radius: 0px;
}

.udda-col12-border-left {
  background: #ffffff;
  border: 2px solid #012b4f;
  box-shadow: 4px 4px 10px rgb(34 34 39 / 25%);
  border-radius: 10px;
}

.udda-tech-server {
  background: #fff5ed;
  border-radius: 0px 8px 0px 0px;
}

.udda-col-border-lef {
  border-left: 2px solid #012b4f;
}

.udda-row-first-border-bottom {
  border-bottom: 2px solid #012b4f;
}

.udda-Detial .udda-challenge .new-col4-udda-div {
  background: #ffffff;
  border: 2px solid #012b4f;
  border-radius: 20px;
  display: flex;
  align-items: center;
}

.udda-Detial .udda-challenge .new-col4-udda-div-h6 {
  font-family: "Inter";
  font-weight: 400;
  font-size: 18px;
  color: #333333;
  padding: 0px 10px;
  line-height: 30px;
}

.udda-Detial .udda-challenge .spanCount {
  color: #dedede;
  font-size: 4rem;
  font-weight: 600;
  padding: 0px 5px;
}

/*CSS  End Udda-Casestudy*/

/* Policy and Privacy*/

.Privacy_Policy_Section .Privacy_Policy-Top .svg1 .circle1,
.Privacy_Policy_Section .Privacy_Policy-Top .svg1 .circle2 {
  stroke: #364045;
}

.Privacy_Policy-Top {
  background-color: #263238;
  padding-bottom: 2.5%;
  background-attachment: fixed;
  color: #ffffff;
}

.Privacy_Policy_Section .Privacy_Policy {
  width: 69% !important;
  margin: 0 13% 0 18% !important;
}

.Privacy_Policy .Privacy_PolicyHeaddingCol7 {
  padding: 0%;
}

.Privacy_Policy .Privacy_Policy_Headding_Image {
  padding: 0%;
}

.Privacy_Policy .Privacy_Policy_Headding {
  font-family: Inter Bold;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  padding-top: 6%;
}

.Privacy_Policy .Privacy_Policy_para {
  font-size: 1.3em;
  font-family: Inter;
  line-height: 1.67;
  margin-top: 4%;
  color: #ffffff;
}

.Privacy_Policy_Section .main_headding_Privacy_Policy {
  margin-top: 3%;
}

.Privacy_Policy_Section .Privacy_Policy_middle_section h4 {
  margin-top: 3%;
  margin-bottom: 2%;
  font-size: 2em;
}

/*CSS End Policy and Privacy*/

/* Terms & Condition*/

.terms_Condition_Section .terms_Condition {
  width: 69% !important;
  margin: 0 13% 0 18% !important;
}

.terms_Condition .terms_Condition_HeaddingCol7 {
  padding: 0%;
}

.terms_Condition .terms_Condition_HeaddingImage {
  padding: 0%;
}

.terms_Condition .terms_ConditionHeadding {
  font-family: Inter Bold;
  font-size: 2.5em;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: normal;
  color: #ffffff;
  padding-top: 6%;
}

.terms_Condition .terms_ConditionPara {
  font-size: 1.3em;
  font-family: Inter;
  line-height: 1.67;
  margin-top: 4%;
  color: #ffffff;
}

.terms_Condition_Section .main_headding_terms_Condition {
  margin-top: 3%;
  margin-bottom: 2%;
}

.terms_Condition_Section .terms_Condition_What_we_collect {
  margin-top: 3%;
  margin-bottom: 2%;
  font-size: 1.8em;
}

.terms_Condition_Section h4 {
  margin-top: 3%;
  margin-bottom: 2%;
  font-size: 2em;
}

/* Terms & Condition*/

/*Start css for meterReadingSolutions*/

.meterReading .container-meterReading-div {
  background: #0277bd;
  background-attachment: fixed;
  padding-bottom: 10%;
}

.meterReading .container-meterReading-div .svg1 .circle1,
.meterReading .container-meterReading-div .svg1 .circle2 {
  stroke: #0063a9;
}

.meterReading .container-meterReading-div .meterReadingpdiv {
  width: 90%;
  margin: 3% auto 1%;
}

.meterReading .container-meterReading-div .meterReadingpdiv .meterReadingpdivL {
  padding: 0;
  padding-left: 0.5%;
  /* padding-top: 7%; */
}

.meterReading
  .container-meterReading-div
  .meterReadingpdiv
  .meterReadingpdivL
  .meterReadingpdivH {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  padding: 0;
  color: #ffffff;
}

.meterReading
  .container-meterReading-div
  .meterReadingpdiv
  .meterReadingpdivL
  .meterReadingpdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

.meterReading
  .container-meterReading-div
  .meterReadingpdiv
  .meterReadingpdivR
  img {
  margin-top: -10%;
  width: 50%;
}

.meterReading
  .container-meterReading-div
  .meterReadingpdiv
  .meterReadingpdivR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/* *meterReadingwhiteDiv*/

.meterReading .meterReadingwhiteDiv {
  /*background:#333333;*/
  background-color: #ffffff;
  color: #ffffff;
  padding-top: 1%;
  padding-bottom: 0%;
}

.meterReading .meterReadingwhiteDivRow {
  margin-top: -10.1% !important;
  background: #ffffff;
  padding: 3% 2% 3% 3%;
  margin-left: 8.4%;
  margin-right: 8.4%;
}

.meterReading .meterReadingwhiteDivRow .meterblogdivP1,
.meterReading .meterReadingwhiteDivRow .meterblogdivP2 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 0%;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
}

/* *meterReadwhtweoffer*/

.meterReading .meterReadwhtweoffer {
  padding-top: 4%;
  padding-bottom: 13%;
}

.meterReading .meterReadwhtweoffer .meterReadwhtweofferH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.04;
  color: #333333;
  text-align: center;
  margin-bottom: 2%;
}

.meterReading .meterReadwhtweoffer .meterReadwhtweofferP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 1.78;
  color: #616161;
  text-align: center;
}

.meterReading .meterReadwhtweofferRow {
  margin-top: 5%;
}

.meterReading .meterReadwhtweofferRow .meterReadwhtweofferRowColR {
  padding: 0;
}

.meterReading .meterReadwhtweoffer .meterReadwhtweofferRowColL img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 3%;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 7%;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRul
  p {
  margin: 0;
  width: 90%;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRul
  li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.meterReading
  .meterReadwhtweofferRow
  .meterReadwhtweofferRowColR
  .meterReadwhtweofferRowColRul
  li
  img {
  padding-right: 5%;
  margin-top: 0.5%;
}

/* *metercasestudy*/

.meterReading .metercasestudy {
  background: #0277bd;
  padding-top: 2%;
}

.meterReading
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLH1 {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.52;
  color: #ffffff;
  margin: 0;
}

.meterReading
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLH2 {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.42;
  color: #ffffff;
  margin-bottom: 7%;
  margin-top: -2%;
}

.meterReading
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLP {
  font-family: Inter Regular;
  font-size: 2em;
  line-height: 1.63;
  color: #ffffff;
  margin-bottom: 0;
}

.meterReading
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  color: #ffffff;
  margin-bottom: 5%;
}

.meterReading .metercasestudy .metercasestudyRow .metercasestudyRowR img {
  position: absolute;
  bottom: 0;
  max-width: 107%;
}

/* *meterbusinschallng*/

.meterReading .meterbusinschallng {
  margin-top: 8% !important;
}

.meterReading .meterbusinschallng .meterbusinschallngH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.meterReading .meterbusinschallng .meterbusinschallngUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.meterReading .meterbusinschallng .meterbusinschallngUL li {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.meterReading .meterbusinschallng .meterbusinschallngUL li p {
  margin: 0;
  width: 90%;
}

.meterReading .meterbusinschallng .meterbusinschallngUL img {
  padding-right: 2.6%;
  margin-top: 0.5%;
}

/* *foodwtwedid*/

.meterReading .meterwtwedid {
  margin-top: 5% !important;
}

.meterReading .meterwtwedid .meterwtwedidH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.meterReading .meterwtwedid .meterwtwedidUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.meterReading .meterwtwedid .meterwtwedidUL li {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.meterReading .meterwtwedid .meterwtwedidUL li p {
  margin: 0;
  width: 90%;
}

.meterReading .meterwtwedid .meterwtwedidUL img {
  padding-right: 2.6%;
  margin-top: 0.5%;
}

/* *meterOutcomes*/

.meterReading .meterOutcomes {
  margin-top: 6%;
  margin-bottom: 6%;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowL
  .meterOutcomesRowLH {
  font-family: Inter Medium;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
  margin-bottom: 3.8%;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowL
  .meterOutcomesRowLUL {
  list-style: none;
  padding: 0;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowL
  .meterOutcomesRowLUL
  li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #333333;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowL
  .meterOutcomesRowLUL
  li
  p {
  margin: 0;
  width: 90%;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowL
  .meterOutcomesRowLUL
  img {
  padding-right: 5%;
  margin-top: 0.5%;
}

.meterReading .meterOutcomes .meterOutcomesRow .meterOutcomesRowR {
  display: flex;
  justify-content: flex-end;
}

.meterReading .meterOutcomes .meterOutcomesRow .meterOutcomesRowR img {
  height: 482px;
}

.meterReading
  .meterOutcomes
  .meterOutcomesRow
  .meterOutcomesRowR
  img:nth-of-type(2) {
  margin-left: -20%;
  margin-top: 3.5%;
}

/*css for meter_technologydiv*/

.meterReading .meter_technologydiv {
  background-color: #f4faff;
  padding-top: 5%;
}

.meterReading .meter_technologydiv .meter_technologydivH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.meterReading .meter_technologydiv .meter_technologydivRow {
  padding-top: 3%;
  padding-bottom: 6%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.meterReading .meter_technologydiv .meter_technologydivRow .col-md-2 {
  margin: auto;
}

/*End css for food&Restaurant*/

/* Terms & Condition*/

/* *Start css for Parking Software Solution*/

.parkingSWSolution .container-parkingSWSolution-div {
  background: #e64a19;
  background-attachment: fixed;
  padding-bottom: 10%;
}

.parkingSWSolution .container-parkingSWSolution-div .svg1 .circle1,
.parkingSWSolution .container-parkingSWSolution-div .svg1 .circle2 {
  stroke: #dc400f;
}

.parkingSWSolution .container-parkingSWSolution-div .parkingSWSolutionpdiv {
  width: 90%;
  margin: 2% auto 0%;
}

.parkingSWSolution
  .container-parkingSWSolution-div
  .parkingSWSolutionpdiv
  .parkingSWSolutionpdivL {
  padding: 0;
  padding-left: 0.5%;
  padding-top: 7%;
}

.parkingSWSolution
  .container-parkingSWSolution-div
  .parkingSWSolutionpdiv
  .parkingSWSolutionpdivL
  .parkingSWSolutionpdivH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 1.25;
  padding: 0;
  color: #ffffff;
}

.parkingSWSolution
  .container-parkingSWSolution-div
  .parkingSWSolutionpdiv
  .parkingSWSolutionpdivL
  .parkingSWSolutionpdivP {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: inherit;
  color: #ffffff;
  padding: 0;
}

.parkingSWSolution
  .container-parkingSWSolution-div
  .parkingSWSolutionpdiv
  .parkingSWSolutionpdivR
  img {
  margin-top: -10%;
  width: 50%;
}

.parkingSWSolution
  .container-parkingSWSolution-div
  .parkingSWSolutionpdiv
  .parkingSWSolutionpdivR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.foodRestaurantpdiv .foodRestaurantpdivR img {
  width: 50%;
}

/* *parkingParadiv*/

.parkingSWSolution .parkingParadiv .parkingParadivRow {
  margin-top: -9% !important;
  background: #ffffff;
  padding: 2% 1% 1%;
}

.parkingSWSolution
  .parkingParadiv
  .parkingParadivRow
  .parkingParadivCol
  .parkingParadivColH {
  font-family: Inter Medium;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.parkingSWSolution
  .parkingParadiv
  .parkingParadivRow
  .parkingParadivCol
  .parkingParadivColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

/* *parkingProjOvrview*/

.parkingSWSolution .parkingProjOvrview {
  margin-top: 5% !important;
  margin-bottom: 5% !important;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewH {
  font-family: Inter Semi Bold;
  font-size: 2em;
  line-height: 1.63;
  color: #333333;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  margin-top: 2%;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewP:nth-of-type(3) {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 1.67;
  margin-top: 5%;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewUL li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 1.6%;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewUL li p {
  margin: 0;
  width: 90%;
}

.parkingSWSolution .parkingProjOvrview .parkingProjOvrviewUL li img {
  padding-right: 3%;
  margin-top: 0.5%;
}

/* *ParkingApplication*/

.parkingSWSolution .ParkingApplication {
  background-color: rgba(230, 74, 25, 0.05);
  padding: 3% 0 5%;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow1
  .ParkingApplicationR1ColL {
  padding-top: 6%;
  padding-right: 0;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow1
  .ParkingApplicationR1ColR {
  text-align: center;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow1
  .ParkingApplicationR1ColL
  .ParkingApplicationR1ColLH {
  font-family: Inter Medium;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  margin-bottom: 3.5%;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow1
  .ParkingApplicationR1ColL
  .ParkingApplicationR1ColLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow1
  .ParkingApplicationR1ColR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.parkingSWSolution .ParkingApplication .ParkingApplicationRow2 {
  margin-top: 6% !important;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLH,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRH {
  font-family: Inter Semi Bold;
  font-size: 1.25em;
  line-height: 1.9;
  color: #333333;
  margin-bottom: 0;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLP,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLP:nth-of-type(2),
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRP:nth-of-type(2) {
  font-family: Inter Medium;
  font-size: 1.125em;
  line-height: 1.75;
  color: #616161;
  margin-top: 6%;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLUL,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRUL {
  list-style: none;
  margin: 0;
  padding: 0;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLUL
  li,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRUL
  li {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #616161;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 4%;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLUL
  li
  p,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRUL
  li
  p {
  margin: 0;
  width: 90%;
}

.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColL
  .ParkingApplicationR2ColLUL
  li
  img,
.parkingSWSolution
  .ParkingApplication
  .ParkingApplicationRow2
  .ParkingApplicationR2ColR
  .ParkingApplicationR2ColRUL
  li
  img {
  padding-right: 5%;
  margin-top: 0.5%;
}

/* *ParkingPTicketApp*/

.parkingSWSolution .ParkingPTicketApp {
  margin-top: 10% !important;
  margin-bottom: 8% !important;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLH {
  font-family: Inter Medium;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  margin-bottom: 3.5%;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv {
  position: relative;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  p {
  font-family: Inter Medium;
  font-size: 0.85em;
  line-height: 1.57;
  color: #ffffff;
  width: 47% !important;
  height: 25%;
  padding: 3% 7%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  .p1 {
  position: absolute;
  top: 1%;
  left: 26%;
  text-align: center;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  .p2 {
  position: absolute;
  top: 38.5%;
  left: 0%;
  text-align: center;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  .p3 {
  position: absolute;
  top: 38.5%;
  right: 0.6%;
  text-align: center;
  padding-right: 2%;
  padding-left: 2%;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  .p4 {
  position: absolute;
  bottom: -5%;
  left: 0%;
  text-align: center;
  padding: 3% 12%;
}

.parkingSWSolution
  .ParkingPTicketApp
  .ParkingPTicketAppColL
  .ParkingPTicketAppColLDiv
  .p5 {
  position: absolute;
  bottom: -5%;
  right: 1%;
  color: #ffffff;
  text-align: center;
  padding: 3% 8%;
}

.parkingSWSolution .ParkingPTicketApp .ParkingPTicketAppColR img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/*trafficApplication*/

.parkingSWSolution .trafficApplication {
  background-color: rgba(230, 74, 25, 0.05);
  padding: 5% 0 0;
}

.parkingSWSolution
  .trafficApplication
  .trafficApplicationRow
  .trafficApplicationColL {
  padding-top: 3%;
}

.parkingSWSolution
  .trafficApplication
  .trafficApplicationRow
  .trafficApplicationColL
  .trafficApplicationColLH {
  font-family: Inter Medium;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  margin-bottom: 3.5%;
}

.parkingSWSolution
  .trafficApplication
  .trafficApplicationRow
  .trafficApplicationColL
  .trafficApplicationColLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.parkingSWSolution
  .trafficApplication
  .trafficApplicationRow
  .trafficApplicationColR {
  text-align: center;
}

.parkingSWSolution
  .trafficApplication
  .trafficApplicationRow
  .trafficApplicationColR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/*trackingApplication*/

.parkingSWSolution .trackingApplication {
  margin-top: 9%;
  margin-bottom: 9%;
}

.parkingSWSolution
  .trackingApplication
  .trackingApplicationRow
  .trackingApplicationColL {
  padding-top: 3%;
}

.parkingSWSolution
  .trackingApplication
  .trackingApplicationRow
  .trackingApplicationColL
  .trackingApplicationColLH {
  font-family: Inter Medium;
  font-size: 2.5em;
  line-height: 1.65;
  color: #333333;
  margin-bottom: 3.5%;
}

.parkingSWSolution
  .trackingApplication
  .trackingApplicationRow
  .trackingApplicationColL
  .trackingApplicationColLP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.parkingSWSolution
  .trackingApplication
  .trackingApplicationRow
  .trackingApplicationColR {
  text-align: center;
}

.parkingSWSolution
  .trackingApplication
  .trackingApplicationRow
  .trackingApplicationColR
  img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

/*css for technologydiv*/

.parkingSWSolution .technologydiv {
  background-color: #f4faff;
  padding-top: 5%;
}

.parkingSWSolution .technologydiv .technologydivH {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.67;
  color: #333333;
}

.parkingSWSolution .technologydiv .technologydivRow {
  padding-top: 3%;
  padding-bottom: 6%;
  overflow-x: auto;
  overflow-y: hidden;
  flex-wrap: nowrap;
}

.parkingSWSolution .technologydiv .technologydivRow .col-md-2 {
  margin: auto;
}

/* *Start css for Travel and Hospitality*/

.container-fluid.container-top.travel_hospitality_main {
  background: #283593;
}

.travel_hospitality_main .svg1 .circle1,
.travel_hospitality_main .svg1 .circle2 {
  stroke: #3c49a7 !important;
}

.travel_hospitality .metercasestudy {
  background: #283593;
  padding-top: 2%;
}

.travel_hospitality
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLP1 {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.63;
  color: #ffffff;
  margin-bottom: 5%;
}

.travel_hospitality
  .metercasestudy
  .metercasestudyRow
  .metercasestudyRowL
  .metercasestudyRowLP {
  margin-bottom: 0;
}

/* sliders bg for case studys IOS*/

.iosmobile .ioscasestydiv .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.iosmobile .ioscasestydiv .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67;
  text-align: center;
}

.iosmobile .ioscasestydiv .cstmRowCareer .bg-hellotax-1 {
  background-color: #f78d2e !important;
}

.iosmobile .ioscasestydiv .cstmRowCareer .bg-hellotax-2 {
  background-color: #817266;
  text-align: center;
}

.iosmobile .ioscasestydiv .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.iosmobile .ioscasestydiv .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33;
  text-align: center;
}

/* sliders bg for case studys android*/

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-domio-2 {
  background: #1a639e;
  text-align: center;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-hellotax-1 {
  background-color: #f78d2e !important;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-hellotax-2 {
  background-color: #817266;
  text-align: center;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.androiddevlop .anndroidcasestydblk .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33;
  text-align: center;
}

/* Csestudy hybrid  */

.hybrid .hybridcasestydiv .cstmRowCareer .bg-domio-1 {
  background: #2083d2 !important;
}

.hybrid .hybridcasestydiv .cstmRowCareer .bg-domio-2 {
  background: #1a639e;
  text-align: center;
}

.hybrid .hybridcasestydiv .cstmRowCareer .bg-igl-1 {
  background-color: #a80202 !important;
}

.hybrid .hybridcasestydiv .cstmRowCareer .bg-igl-2 {
  background-color: #b59d33;
  text-align: center;
}

.hybrid .hybridcasestydiv .cstmRowCareer .bg-jauntfix-1 {
  background-color: #3ddc84 !important;
}

.hybrid .hybridcasestydiv .cstmRowCareer .bg-jauntfix-2 {
  background-color: #24bb67;
  text-align: center;
}

.portfolio-foot a {
  color: #e5e5e5 !important;
}

h5.foot_title.portfolio-foot {
  font-family: Inter !important;
  font-size: 0.875em !important;
  font-weight: normal !important;
}

input.frminput::placeholder {
  font-size: 1em !important;
}

textarea.frminput::placeholder {
  font-size: 1em !important;
}

.cloud_Serve.aws_services span {
  color: #fff;
  vertical-align: sub;
  font-size: 1em;
}

.cloud_Serve.aws_services p {
  text-align: left;
  margin-bottom: 45px;
  padding-right: 4%;
  padding-left: 60px;
  margin-top: -15px;
  line-height: 25px;
  font-family: Inter Medium;
  font-size: 16px;
  font-weight: 500;
}

.row.cloud_Serve.aws_services.text-white {
  font-size: 0.9em;
}

.dotnet-solution {
  margin-bottom: 2rem;
}

.dotnet-solution li {
  line-height: 2.5;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  width: 100%;
  font-family: Inter Semi Bold;
}

.dotnet-solution li span {
  vertical-align: middle;
  margin-top: 7px;
  margin-right: 7px;
}

.engagementColrow .colImgTag {
  text-align: center;
  height: 126px;
  padding: 4%;
  background-color: #4a148c;
  margin-top: 0.5%;
}

.computing_framework img {
  height: 85px;
}

/***************add on 24 dec bhu**************/

/* *START CSS FOR BLOG Details PAGE*/

.container-blog-details.parallax {
  background: #163c70;
  /* padding-bottom: 0%; */
  background-attachment: fixed;
}

.blog-details .container-blog-details .svg1 .circle1,
.blog-details .container-blog-details .svg1 .circle2 {
  stroke: #48312a;
}

.container-blog-details .blog-detailspdiv {
  width: 90%;
  margin: 0% auto -1%;
}

.blog-details .container-blog-details .blog-detailspdiv .blog-detailspdivL {
  padding-left: 0.5%;
  padding-right: 1%;
}

.blog-details
  .container-blog-details
  .blog-detailspdiv
  .blog-detailspdivL
  .blog-detailsH {
  font-family: Inter Semi Bold;
  color: #ffffff;
  font-size: 2.8vw;
  width: 100%;
  line-height: 1.5;
}

.blog-details
  .container-blog-details
  .blog-detailspdiv
  .blog-detailspdivL
  .blog-detailsP {
  font-family: Inter Regular;
  font-size: 1.5em;
  line-height: 1.64;
  color: #ffffff;
  width: 100%;
}

.blog-details .container-blog-details .blog-detailspdiv .blog-detailspdivR {
  padding-right: 0;
}

.blog-details .container-blog-details .blog-detailspdiv .blog-detailspdivR img {
  margin-top: -5%;
  width: 300px;
}

.blog-details
  .container-blog-details
  .blog-detailspdiv
  .blog-detailspdivR
  img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

/* *CSS FOR blogdivTxt*/

.blog-details .blog-detailsdivTxt {
  margin-top: -7.5% !important;
  background: #ffffff;
  padding: 2% 1%;
}

.blog-detailsdivTxt .blog-detailsdivP1 {
  font-size: 1em;
  font-family: Inter Regular;
  line-height: 1.75;
  color: #616161;
}

.mobileTrend .mobileTrendH {
  font-family: Inter Semi Bold;
  line-height: 1.5;
  font-size: 2.6em;
  color: #333333;
  padding-top: 6%;
}

.mobileTrendRow {
  margin-top: 6%;
}

.mobileTrendColH {
  font-family: Inter Medium;
  font-size: 1.25em;
  line-height: 1.8;
  color: #333333;
  margin: 6% 0 6%;
}

.mobileTrendColP {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #616161;
}

.blog-details .linediv {
  margin-top: 0;
}

/* *END CSS FOR BLOG Details PAGE*/

/**START FOR BLOG LIST***/

.blog.blog-list .blogListDiv {
  margin-top: 3% !important;
}

.blog.blog-list .blogfeatur,
.blog.blog-list .bloglatest {
  margin-top: 0% !important;
  width: 100% !important;
  margin: 0% !important;
}

.blog.blog-ist .blogfeaturrow .featurCol3 .featurCol3H {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 8% 0;
  color: #333333;
}

.blog.blog-list .bloglatestrow .bloglatestcol3 .col3ul1 {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 3% 0;
  list-style-type: none;
  line-height: 1.5;
  color: #333333;
  margin: -13% 0 10%;
  padding-left: 0;
}

.blog.blog-list .bloglatestrow .bloglatestcol3 .col3ul1 li,
.col3ul2 li {
  font-family: Inter Regular;
  font-size: 0.9em;
  line-height: 1.5;
  color: #257bc0;
  margin: 3% 0 0;
}

.blog.blog-list .bloglatestcol3 .col3ul1 li span {
  background-color: rgba(37, 123, 192, 0.36);
  padding: 1% 3%;
  margin-left: 5%;
  color: #333;
  font-size: 1em;
}

.blog.blog-list .bloglatestrow .bloglatestcol3 .col3ul2 {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 3% 0;
  list-style-type: none;
  line-height: 1.5;
  color: #333333;
  padding-left: 0;
}

.blog.blog-list .blogfeaturrow .featurCol3 input {
  background: url(../img/search.png) no-repeat;
  background-position: 95%;
  background-size: 6%;
  width: 100%;
  font-size: 1em;
  font-family: Inter Regular;
  color: #333333;
  padding: 1% 7%;
  height: 48px;
  border: 1px solid #e5e5e5;
  background-color: #f6f6f6;
}

.blog.blog-list .blogfeaturrow .featurCol3 input::placeholder {
  font-size: 1em;
  font-family: Inter Regular;
  color: #333333;
}

.blogfeaturrow .featurCol3 .featurCol3H {
  font-family: Inter Medium;
  font-size: 1.125em;
  margin: 8% 0;
  color: #333333;
}

.blogfeaturrow .featurCol3 p {
  color: #257bc0;
  margin-bottom: 5%;
}

.blogfeaturrow .featurCol3 p a {
  color: #257bc0;
}

/*** END BLOG LIST ********/

/*********start PAge not found***************/

.big-404 {
  font-size: 6rem;
  font-family: Inter Bold;
  color: #8bc53f;
}

.pagenotfound {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: #fff;
  font-family: Inter Regular;
}

.pagenotfound .btn {
  border-radius: 25px;
  font-family: Inter Medium;
  background-color: #2083d2;
  color: white;
}

.pagenotfound .pagenotfoundH {
  font-family: Inter Medium;
  font-size: 1.3rem;
}

.pagenotfound .pagenotfoundP {
  font-size: 0.8rem;
}

/*********end PAge not found***************/

@media only screen and (max-width: 767px) {
  .mob-scr {
    width: 49% !important;
  }
}

@media only screen and (max-width: 767px) {
  .container-top.home-page {
    margin-top: -5% !important;
  }

  .blogfeatur .blogfeaturrow .featurCol2 {
    padding: 15px;
  }

  .mobileTrendCol p {
    font-size: 0.95em;
    line-height: 1.57;
  }

  .mobileTrendCol h3 {
    font-size: 1.5em !important;
  }

  .housepital-techSol .houspital-col-border-lef {
    border-left: none !important;
  }

  .housepital-Detial .housepital-challenge .new-col4-housepital-div {
    display: inline-block !important;
    text-align: center !important;
  }

  .housepital-Detial .housepital-challenge .housepital-medical-box-img {
    width: 100% !important;
  }
}

.img-thumbnail {
  background: transparent !important;
  border: none !important;
}

.mobileTrendCol p {
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.75;
  color: #222;
}

.mobileTrendCol h3,
.mobileTrendCol h4 {
  font-family: Inter Semi Bold;
  line-height: 1.5;
  color: #333333;
  padding: 2% 0%;
  color: #257bc0;
}

.mobileTrendCol p strong {
  font-family: Inter Medium;
  line-height: 1.8;
  color: #333333;
  margin: 6% 0 6%;
}

.mobileTrendCol p big {
  font-family: Inter Medium;
  line-height: 1.8;
  color: #333333;
  margin: 6% 0 6%;
}

.mobileTrendCol table th,
.mobileTrendCol table td {
  border: 1px solid #6c757d;
  padding: 1% 2%;
}

.mobileTrendCol table th {
  font-size: 1.4rem;
  font-family: Inter Bold;
}

.mobileTrendCol p img {
  max-width: 100%;
}

.mobileTrendCol ul {
  list-style: none;
  padding-left: 0;
}

.mobileTrendCol ul li {
  display: flex;
  font-family: Inter Medium;
  font-size: 1.1em;
  line-height: 1.75;
  color: #616161;
  margin-bottom: 1.5%;
}

.mobileTrendCol ul li:before {
  content: "✓";
  color: #8bc53f;
  font-family: Inter Semi Bold;
  margin-right: 11px;
}

/*********thank css***************/

.thank-you .container-career {
  background: url("../img/thanku.png") no-repeat;
  background-attachment: fixed;
  padding-bottom: 18%;
  background-size: contain;
}

.thank-you.career .container-career .circle1,
.thank-you.career .container-career .circle2 {
  stroke: #724e2f;
}

.thank-you.career .whyTriTxt {
  margin-top: -4% !important;
  background: #ffffff;
  padding: 3% 2%;
}

.thank-you.career .circle1 {
  cx: 3%;
  cy: 10%;
  r: 9%;
  stroke-width: 17px;
  fill: transparent;
}

.thank-you.career .circle2 {
  cx: 97%;
  cy: 28%;
  r: 9%;
  stroke-width: 17px;
  fill: transparent;
}

.thank-you.career .bkgrnd-clr-dv-whyTriTxt-careerWrkCulture {
  background-color: rgb(25 118 210 / 0%);
}

a.return-btn {
  background: #74b74a;
  color: #fff;
  padding: 1rem 2rem;
  border-radius: 7px;
}

.thank-you.career .cstmRowCareer.thankyou-page {
  background: #fff;
}

.thank-you.career h1.main-title {
  font-size: 3rem;
  font-weight: 700;
}

.thank-you.career .CareerpdivL img {
  width: 55%;
}

.thank-you.career .CareerpdivL {
  margin: 0 auto;
}

h1.thanku-title {
  font-size: 3.5rem;
}

h3.thanku-title {
  font-size: 2rem;
}

/*-----------Homepage Modal css----------*/

a.mailto {
  color: #fff;
}

a.mailto i {
  color: #a0f330;
}

.header.active a.mailto {
  color: #333;
}

/* Modal css 18-3-2021 */

.modai-top .modal-dialog.Modal-block {
  top: 6.5rem !important;
}

.modai-top .modal-body {
  padding: 1rem 2rem !important;
}

.modai-top h4.modal-title {
  font-size: 1.2rem;
  font-weight: bold;
}

.modai-top h4.modal-title img {
  width: 23%;
}

.mail-title {
  border-bottom-style: dashed !important;
  border-width: 1px !important;
  font-weight: 600;
  font-size: 1.2rem;
  padding-bottom: 0.3rem;
  padding-top: 0.3rem;
}

.modal-content {
  border-radius: 10px !important;
}

.modai-top .modal-header {
  background: #1188cf;
  color: #fff;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border-radius: 7px 7px 0 0;
}

.modai-top button.close.onclose {
  color: #fff;
  text-shadow: none;
  opacity: 1;
  font-size: 2rem;
}

form .field-input {
  background: #f2f2f2;
  border-radius: 0;
  height: 40px;
}

.requirement {
  width: 100%;
  resize: none;
  background: #f2f2f2;
  border-radius: 0;
  border: 1px solid #ced4da;
  padding: 0.7rem;
}

.modai-top label {
  font-weight: bold;
  color: #444b54;
  font-size: 0.9rem;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */

input[type="number"] {
  -moz-appearance: textfield;
}

.form-group.form-check input {
  border: 1px solid #ced4da;
  text-align: center;
  width: 20%;
}

.form-group.form-btn button {
  width: 100%;
  background: #1188cf;
  border-radius: 0;
  color: #fff;
  height: 42px;
  text-transform: uppercase;
}

.modal-dialog {
  max-width: 525px;
  margin: 1.75rem auto;
}

.help-block.form-error {
  color: red;
  font-size: 0.8rem;
}

#success,
#fail {
  display: none;
}

#message,
#success,
#fail {
  margin-top: 10px;
  margin-bottom: 10px;
}

.head-contact-top {
  display: inline-block;
  font-weight: 100;
  flex-direction: row;
  /* white-space: nowrap; */
}

.Portfolio .navbar-expand-md {
  padding-left: 0.5rem !important;
}

.head-contact-top .mail-span,
.head-contact-top .skype {
  margin-top: 5px;
}

.widget-t7-basic .compnay-info.openlink {
  text-align: center;
  width: 100% !important;
}

span.mr-3.skype {
  margin-right: 1.2px !important;
}

span.error {
  color: red;
  font-size: 0.8em;
}

/* new 4-6 */

span.mr-3.skype {
  margin-right: 0.2rem !important;
}

/* ul.uiresponul li {
  list-style: circle !important;
  display: list-item !important;
} */

.careerOpportunities .opportunitiesdiv {
  border-top: 1px solid #c4c4c4;
}

.hybrid .react-native.hybridappDevlopTxtPhone {
  width: 70% !important;
  margin: 5% 15% 0 15%;
}

/* modal css */

/* .Where2Go .modal-content.Where2Go-content {
    top: 5rem;
} */

.Where2Go .modal-header {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 2.5rem;
}

.modal-body.Where2Go-body {
  padding-left: 1rem;
}

.Where2Go .modal-dialog {
  max-width: 90%;
  margin: 1.75rem auto;
}

.image-block {
  /* display: flex; */
  padding-top: 1rem;
}

.where2go-img {
  width: 66%;
}

.Where2Go .carousel-control-next {
  right: 3%;
}

.Where2Go .modal-header .close {
  padding: 1rem 1rem;
  margin: 0rem -1rem -1rem auto;
}

.Where2Go .description {
  font-size: 20px;
}

.Where2Go-body p span {
  font-size: 1.5rem;
}

.Where2Go-body p span i {
  color: #237abf;
  font-size: 1.6rem;
  vertical-align: middle;
}

.Where2Go ul.features li {
  line-height: 2.5;
}

.Where2Go ul.features li::marker {
  color: #f92a27;
  font-size: larger;
}

.Where2Go .image-block .carousel-indicators {
  display: none;
}

.Where2Go .image-block .carousel-control-prev-icon,
.Where2Go .image-block .carousel-control-next-icon {
  background-size: 69% 69%;
}

.Where2Go .image-block .carousel-control-prev,
.Where2Go .image-block .carousel-control-next {
  opacity: 0.5;
  height: 50px;
  top: 15rem !important;
}

.Where2Go .modal-title img {
  height: 85px;
  margin-bottom: 1rem;
  margin-right: 1rem;
}

.Where2Go .modal-title {
  margin-bottom: 0;
  line-height: 1.5;
  font-size: 1.3rem;
  text-transform: capitalize;
}

.Portfolio .header.active {
  background: rgba(255, 255, 255, 0.98);
  padding-bottom: 0;
  z-index: 1;
}

.o-content {
  height: 620px;
  overflow-y: auto;
  border: 1px solid #ebebeb;
  padding: 1rem;
  border-right: 0;
}

/* width */

.o-content::-webkit-scrollbar {
  width: 2px;
}

/* Track */

.o-content::-webkit-scrollbar-track {
  background: #f2f2f2;
}

/* Handle */

.o-content::-webkit-scrollbar-thumb {
  background: #adaeaf;
  opacity: 0.2;
}

/* Handle on hover */

.o-content::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.custom-btn {
  width: 130px;
  height: 40px;
  color: #fff;
  border-radius: 5px;
  padding: 10px 25px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  background: transparent;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  outline: none;
}

.btn-12 {
  position: absolute;
  left: -1.3rem;
  bottom: 2.5rem;
  border: none;
  box-shadow: none;
  width: 150px;
  height: 40px;
  line-height: 42px;
  -webkit-perspective: 230px;
  perspective: 230px;
}

.btn-12 span {
  /* background: rgb(0,172,238);
    background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); */
  display: block;
  position: absolute;
  width: 150px;
  height: auto;
  border: 1px solid #fbf9f9;
  border-radius: 3px;
  margin-left: 5.5%;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  line-height: 47px;
  font-family: Inter Regular;
  font-size: 1.1em;
}

.btn-12 span:nth-child(1) {
  box-shadow: -7px -7px 20px 0px #fff9, -4px -4px 5px 0px #fff9,
    7px 7px 20px 0px #0002, 4px 4px 5px 0px #0001;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}

.btn-12 span:nth-child(2) {
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
  -webkit-transform-origin: 50% 50% -20px;
  -moz-transform-origin: 50% 50% -20px;
  transform-origin: 50% 50% -20px;
}

.btn-12:hover span:nth-child(1) {
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  transform: rotateX(0deg);
}

.btn-12:hover span:nth-child(2) {
  box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
    7px 7px 20px 0px rgba(0, 0, 0, 0.1), 4px 4px 5px 0px rgba(0, 0, 0, 0.1);
  color: transparent;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
}

button.custom-btn.btn-12 span a {
  color: #fff;
  font-family: Inter Regular;
  font-size: 1.1em;
  padding: 0.8rem 3rem;
}

.modal.Where2Go {
  z-index: 9999;
}

.Where2Go .carousel-item.igl-web {
  margin-top: 8rem;
}

.carousel-item.igl-web .iglweb-img {
  width: 100%;
}

.custom-btn a.read-more {
  width: 130px;
  height: 50px;
  color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 5px 25px;
  font-family: "Lato", sans-serif;
  font-weight: 500;
  background: #de2651;
  cursor: pointer;
  transition: all 0.3s ease;
  position: relative;
  display: inline-block;
  left: 5px;
}

button.custom-btn.btn-12 a.read-more {
  display: none !important;
}

/* CSS FOR LOCATION BASED CASESTUDY */

/* .locCasestudy .header.active {
  z-index: 1;
} */

.locCasestudy .container-locCasestudy {
  background-color: #1a237e;
  background-attachment: fixed;
  padding-bottom: 8%;
}

.locCasestudy .container-locCasestudy .circle1,
.locCasestudy .container-locCasestudy .circle2 {
  stroke: #2e3792;
}

.locCasestudy .container-locCasestudy .locCasestudypdiv {
  width: 90%;
  margin: 3% auto 2%;
}

.locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudypdivL {
  padding: 0;
  padding-left: 0.5%;
}

/* .locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudypdivR img {
  margin-top: -10%;
} */

.locCasestudy
  .container-locCasestudy
  .locCasestudypdiv
  .locCasestudypdivR
  img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudyp1 {
  font-family: Inter Semi Bold;
  font-size: 2.4em;
  line-height: 1.25;
  color: #ffffff;
}

.locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudyp2 {
  font-family: Inter Regular;
  font-size: 1.125em;
  line-height: 2.11;
  color: #ffffff;
  padding: 0;
}

/* *CSS FOR locCasestudyDivTxt*/

.locCasestudy .locCasestudyDivTxt {
  margin-top: -9% !important;
  background: #ffffff;
  padding: 2% 2%;
  font-weight: 600;
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
}

.locCasestudy .locCasestudyDivTxt .locCasestudyDivP1 {
  font-family: "Inter Medium";
  font-size: 1.31em;
  line-height: 32px;
  color: #111111;
}

/* *locCasestudyIntro*/

.locCasestudy .locCasestudyIntro .locCasestudyIntroH {
  font-family: Inter Semi Bold;
  font-size: 3em;
  line-height: 1.04;
  line-height: 50px;
  color: #000000;
  text-align: center;
  margin: 4rem 0 3rem;
}

.locCasestudy .locCasestudyIntro .locCasestudyIntroP {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
  text-align: center;
}

.locCasestudy .locCasestudyIntroRow {
  margin-top: 9%;
}

/* .locCasestudy .locCasestudyIntroRow .locCasestudyIntroRowColR {
    padding: 0;
} */

.locCasestudy .locCasestudyIntro .locCasestudyIntroRowColL img:hover {
  -webkit-transform: scale(1.03) !important;
  transform: scale(1.03) !important;
}

.locCasestudy
  .locCasestudyIntroRow
  .locCasestudyIntroRowColR
  .locCasestudyIntroRowColRH,
.locCasestudy .locCasestudyType .locCasestudyTypeH {
  font-family: Inter Medium;
  font-size: 2.38em;
  line-height: 1.2;
  color: #000000;
  margin-bottom: 5%;
}

.locCasestudy .locCasestudyNeed img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.locCasestudy .locCasestudyNeed .locCasestudyNeedH {
  font-family: Inter Semi Bold;
  font-size: 2.5em;
  line-height: 40px;
  color: #000000;
  margin-bottom: 3%;
}

.locCasestudy .locCasestudyNeed .text-blue.locCasestudyNeedH {
  font-family: Inter Semi Bold;
  font-size: 2.55em;
  line-height: 50px;
}

.locCasestudy
  .locCasestudyIntroRow
  .locCasestudyIntroRowColR
  .locCasestudyIntroRowColRP,
.locCasestudy .locCasestudyIntroRow2 .col-12 .introcol12P {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
  /* margin-bottom: 0%; */
  margin-top: 2rem;
}

.locCasestudy .locCasestudyNeed {
  background-color: #f6f6f6;
  /* padding: 2rem 0; */
}

.locCasestudy .locCasestudyNeed .locCasestudyNeedP,
.locCasestudyNeedP {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #000000;
}

.locCasestudy .locCasestudyNeed .locCasestudyNeedHSm {
  font-size: 2em;
  font-family: Inter Semi Bold;
  line-height: 40px;
  color: #000000;
}

.locCasestudy .locCasestudyType .locCasestudyTypeHSm {
  font-size: 1.5em;
  font-family: "Inter Medium";
  line-height: 32px;
  color: #000000;
}

.locCasestudy .locCasestudyType .row {
  padding: 15px 0;
}

.locCasestudy .locCasestudyType .innerColDiv {
  box-shadow: 0 0 4px -1px #b1b0b0;
  border-radius: 10px;
  padding: 25px 20px;
}

.locCasestudy .locCasestudyType .img-H-div {
  margin-bottom: 2rem;
  align-items: center;
}

.locCasestudy .locCasestudyType .innerColDiv .locCasestudyTypeDivH {
  font-family: "Inter Semi Bold";
  font-size: 1.8rem;
  line-height: 32px;
  color: #000000;
}

.locCasestudy .locCasestudyType .innerColDiv .locCasestudyTypeP {
  font-family: Inter Regular;
  font-size: 1.13em;
  line-height: 32px;
  color: #111111;
}

BannerIcons.svg .locCasestudyArcadeDiv {
  padding-top: 2.5rem;
  padding-bottom: 2rem;
}

.locCasestudyArcadeDiv .locCasestudyArcadeDivH {
  font-family: Inter Medium;
  font-size: 2.4em;
  line-height: 46px;
  color: #000000;
  margin: 0;
  margin-bottom: 3.5%;
}

.locCasestudyArcadeDiv .d-block {
  font-family: Inter Semi Bold;
}

.locCasestudy .MainRow {
  /* margin-top: 2%; */
  width: -webkit-fill-available;
}

.locCasestudy .MainRow:last-child {
  margin-bottom: 2rem;
}

.locCasestudy .MainRow > .MainColoum {
  padding: 0.5%;
  /* margin-bottom: 2%; */
}

.locCasestudy .MainRow:after {
  content: "";
  display: table;
  clear: both;
}

.locCasestudy .MainContaint {
  position: relative;
  width: 100%;
}

.locCasestudy .MainContaint .pWithImg {
  font-family: Inter Medium;
  font-size: 0.92em;
  position: absolute;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  color: #ffffff;
  margin: 0;
  padding: 6% 3%;
  line-height: 1.67;
  left: 0;
  right: 0;
}

.locCasestudy .MainContaint .pWithImg span {
  font-size: 0.8em;
  line-height: 1.57;
}

.locCasestudy .image {
  display: block;
  width: 100%;
  height: auto;
}

.locCasestudy .MainContaint:hover .overlay {
  height: 100%;
}

.locCasestudy .headClass {
  font-family: Inter Medium;
  font-size: 0.9em;
  line-height: 1.67;
  color: #ffffff;
  padding: 3%;
  margin-top: 3%;
}

.locCasestudy .overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  /* background-color: #ff2e63; */
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: 0.5s ease;
  /* background: rgb(255 41 91 / 86%); 14-6 */
  background: rgb(35 122 191 / 95%);
}

.locCasestudy .behind {
  font-family: Inter;
  font-size: 0.9em;
  line-height: 1.5;
  padding: 2.7%;
  padding-top: 0;
  color: #ffffff;
  margin-top: 0%;
  margin-bottom: 0%;
  overflow: hidden;
  height: 5.2rem;
  text-overflow: ellipsis;
}

.locCasestudy .Detail {
  font-family: Inter Regular;
  font-size: 1.1em;
  line-height: 3.3;
  color: #ffffff;
  border: 1px solid #ffffff;
  padding: 0% 12%;
  margin-left: 2.5%;
  float: left;
  margin-top: 3% !important;
  position: absolute;
  /*14-6*/
  bottom: 1rem;
  background: #dd2651;
}

.locCasestudy .show {
  display: block;
}

.locCasestudy .MainColoum {
  float: left;
  width: 33.33%;
}

.text-blue {
  color: #237abf !important;
}

.locCasestudyNeedEncompassCol.colL {
  background: url("../img/extraenergy-development-left-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  /* padding: 2% 2% 2% 15%; */
  padding: 4% 2% 4% 15%;
}

.locCasestudyNeedEncompassCol.colL p {
  font-family: Inter Regular;
  font-size: 1.3em;
  line-height: 32px;
  color: #ffffff;
}

.locCasestudyNeedEncompassCol.colR {
  background: #ecfffd;
  padding: 2% 15% 2% 1%;
}

@media only screen and (max-width: 1024px) {
  .locCasestudy .MainColoum {
    width: 100%;
  }
}

@media only screen and (max-width: 767px) {
  .locCasestudyNeedEncompassCol.colR {
    padding-right: 5%;
    padding-left: 5%;
  }

  .locCasestudyNeedEncompassCol.colL {
    padding-left: 5%;
  }

  .locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudyp1 {
    font-size: 1.4em;
    line-height: 1.42;
    text-align: center;
  }

  .locCasestudy .container-locCasestudy .locCasestudypdiv .locCasestudyp2 {
    font-size: 1em;
    line-height: 1.75;
    text-align: center;
    padding: 0;
  }

  .locCasestudy .locCasestudyDivTxt .locCasestudyDivP1,
  .locCasestudy .locCasestudyIntro .locCasestudyIntroP {
    font-family: Inter Regular;
    font-size: 1em;
    line-height: 1.5;
  }

  .locCasestudy .locCasestudyIntro .locCasestudyIntroH,
  .locCasestudy
    .locCasestudyIntroRow
    .locCasestudyIntroRowColR
    .locCasestudyIntroRowColRH,
  .locCasestudy .locCasestudyNeed .locCasestudyNeedH,
  .locCasestudy .locCasestudyType .locCasestudyTypeH {
    font-size: 1.5em !important;
    line-height: 1.42 !important;
  }

  .locCasestudy .locCasestudyType .row .col-md-6:last-child {
    padding-top: 15px;
  }

  .ecommerce-reason .col-md-3 {
    margin-bottom: 1.5rem;
  }

  .img-H-div img {
    width: 45px;
    height: 45px;
  }

  .ecomCasestudyFeatureNo .d-flex.flex-row {
    flex-direction: column !important;
  }
}

/* END CSS FOR LOCATION BASED CASESTUDY */

.ecomCasestudyIntroRow2H {
  font-family: "Inter Semi Bold";
  font-size: 1.8rem;
  line-height: 32px;
  color: #000000;
  margin: 4rem 0 3rem;
}

.ecommerce-reason {
  /* font-family: Inter Medium;
    font-size: 2em; */
  line-height: 1.63;
  color: #333333;
  list-style-type: none;
  margin: 6% 0% 8% 0%;
  letter-spacing: normal;
  padding: 0;
}

.ecommerce-reason .ecommerce-reasonDiv {
  box-shadow: 0 0 2px 0px #85a5bd;
  border-radius: 10px;
  padding: 16px;
}

.ecommerce-reason .ecommerce-reasonDiv:hover {
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 10px;
  padding: 16px;
}

.ecommerce-reason h3 {
  font-family: Inter Medium;
  font-size: 1.3rem;
  color: #000000;
}

.ecommerce-reason P {
  padding-top: 20px;
  font-weight: bold;
  font-size: 20px;
}

.ecomCasestudyNeedBenefitRow {
  background: url("../img/extraenergy-development-left-bg.png");
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.ecomCasestudyNeedBenefitRowCol .ecomCasestudyNeedBenefitRowH {
  font-family: "Inter Semi Bold";
  font-size: 2.5rem;
  line-height: 32px;
  color: #fff;
}

.ecomCasestudyNeedBenefitRowCol .ecomCasestudyNeedBenefitRowSmH {
  font-family: "Inter Semi Bold";
  font-size: 1.5rem;
  line-height: 32px;
  color: #fff;
  margin: 1.5rem 0;
}

.ecomCasestudyFeature .ecomCasestudyFeatureH {
  font-family: Inter Semi Bold;
  font-size: 2.55em;
  line-height: 50px;
}

.ecomCasestudyFeature .ecomCasestudyFeatureP {
  margin: 1.25em 0 2.5em;
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #000000;
}

.ecomCasestudyFeature .ecomCasestudyFeatureNo .d-flex {
  margin-bottom: 3rem;
  border-bottom: 1px solid #cadbe8;
}

.ecomCasestudyFeature .ecomCasestudyFeatureNo .divfirst {
  padding-right: 3em;
}

.ecomCasestudyFeature .ecomCasestudyFeatureNo .ecomFeatureTextH {
  font-size: 1.6em;
  color: #000000;
  font-family: Inter Medium;
}

.ecomCasestudyFeature .ecomCasestudyFeatureNo .ecomFeatureTextP {
  margin: 0.7em 0 2.6em;
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
}

.locCasestudyType .locCasestudyTypeHSm.ecomCasestudyTypeHSm {
  font-size: 1.3em;
  font-size: 1.2em;
  font-family: "Inter Regular";
}

.locCasestudyIntroRowColRP.oilIndustryP,
.locCasestudyIntroRowColRP.customEnterpriseP,
.locCasestudyIntroRow2 .customInterpriseFeature,
.commonPNew {
  font-family: Inter Regular;
  font-size: 1.25em;
  line-height: 32px;
  color: #111111;
}

.commonHNew {
  font-family: Inter Semi Bold;
  font-size: 2.55em;
  line-height: 50px;
  color: #000000;
}

.imgEffect img:hover {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}

.imgsm {
  width: 50px;
  height: 50px;
}

.mobileTrendCol h1,
h2,
h3,
.mobileTrendCol h4,
h5,
h6 {
  font-family: Inter Semi Bold;
  line-height: 1.5;
  padding: 0% 0% 0%;
  color: #257bc0;
}

/* Desktop # menu css */

#header.activeHeader {
  background: #fff !important;
}

.navbar-light .navbar-nav .nav-link i {
  font-size: 10px;
}

.aboutLft .imgage1 {
  width: auto !important;
}

.navbar {
  align-items: self-start;
  width: 100%;
  padding: 0rem 10px;
}

.nav-item {
  padding: 0px;
  display: inline-block;
  margin: 0px !important;
  /* min-width: 120px; */
}

/* .navbar-light .navbar-nav .active {
    border-bottom: 3px solid #37587b;
} */

.aboutLft {
  background: #f2f9ff;
  padding: 20px 30px;
  /* height: 100%; */
  border-right: 1px solid #ddd;
}

.aboutTitle {
  font-size: 20px;
  color: #333;
}

.aboutLft p {
  padding-top: 12px;
  line-height: 1.8em;
  white-space: initial;
  font-size: 14px;
  text-align: left;
  color: #333;
  word-break: break-word;
}

.m-menu {
  display: none !important;
}

.navbar-expand-md {
  padding-top: 0px !important;
}

.navbar-expand-md .navbar-toggler {
  display: none !important;
}

.aboutRht p {
  margin-bottom: 0px;
  line-height: 2rem;
  text-align: left;
}

.navbar-light .navbar-nav .nav-link {
  color: #fff;
  transition: 0.5s ease;
  padding: 6px 30px 6px 0px;
  position: relative;
  text-align: center;
  font-weight: 600;
}

.dropdown-hover {
  float: left;
  overflow: hidden;
  transition: 0.5s ease;
}

.aboutRht {
  padding: 20px;
}

.aboutRht h6 {
  padding-top: 10px;
  font-size: 18px;
}

.dropdown-hover-content {
  display: none;
  position: absolute;
  background-color: #fff;
  left: 0px;
  right: 0px;
  /* padding: 0px 12px; */
  z-index: 4;
  width: 100%;
  /* border-bottom: 1px solid #ddd; */
  transition: 0.5s ease;
}

.header.active .navbar-light .navbar-nav .nav-link {
  color: #333 !important;
}

.header.active .navbar-light .navbar-nav .nav-link:hover {
  color: #2083d2 !important;
}

.aboutRht a.cool-link {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
  font-weight: 500;
}

.aboutRht .nav-link {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}

.aboutRht a {
  color: rgba(0, 0, 0, 0.9);
  font-size: 14px;
}

.aboutRht a.cool-link:hover {
  color: #2083d2;
  border-bottom: 0px !important;
}

.aboutRht .nav-link:hover {
  color: #2083d2;
  border-bottom: 0px !important;
}

.aboutRht a:hover {
  color: #2083d2;
  border-bottom: 0px !important;
}

.header {
  text-align: left;
}

.dropdown-hover-content .row {
  width: 100%;
  margin: 0px !important;
}

.dropdown-hover-content a.dropdown-item {
  font-size: 14px;
  white-space: normal;
}

.dropdown-hover:hover .dropdown-hover-content {
  display: block;
  /* border-top: 1px solid #ddd; */
  transition: 1s ease-in-out;
}

/* .dropdown-hover:hover {border-bottom: 2px solid #2083d2;} */

/* a.nav-link.dropdown-hover-button{
    border-bottom: 3px solid transparent;
} */

a.nav-link.dropdown-hover-button:hover {
  /* border-bottom: 3px solid #2083d2 !important; */
  color: #2083d2 !important;
}

.activeLink {
  /* border-bottom: 3px solid #2083d2; */
  color: #2083d2 !important;
}

.removeLink {
  /* border-bottom: 3px solid transparent; */
  color: #333 !important;
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: #2083d2 !important;
  /* color: #fff !important; */
  /* background: #40abff; */
}

/* nav.navbar:hover {
    background: #fff;
} */

/* nav.navbar:hover .nav-link {
    color: #000;
}*/

/* .navbar-expand-xl {
  align-items: center !important;
} */

.tabDiv {
  transition: width 0.3s;
}

h5.foot_title {
  color: #fff !important;
}

@media (min-width: 992px) and (max-width: 1024px) {
  .navbar {
    padding: 0em 8px;
  }

  .nav-item {
    /* min-width: 110px; */
    padding: 0 3px;
    font-size: 15px;
  }

  .navbar-light .navbar-nav .nav-link {
    padding: 0 0;
  }

  .logocol {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) and (max-width: 992px) {
  .m-desktop {
    display: none !important;
  }

  .logo-tablet {
    display: none !important;
  }

  .navbar-collapse {
    flex-grow: inherit;
  }

  .pl-4 {
    padding-left: 0px !important;
  }

  .Logo-1 {
    margin-left: -36%;
    width: 140px !important;
    position: absolute;
  }

  nav.navbar.navbar-expand-md.pl-0.pr-0.header.active .Logo-stycky {
    display: block;
    position: absolute;
    width: 40%;
    left: -25%;
    top: 0px;
  }

  .Logo-1 {
    margin-top: -65px;
  }

  .header.active {
    height: 75px;
  }

  .navbar-collapse {
    flex-grow: 0 !important;
  }

  .navbar-nav.m-desktop {
    display: none !important;
  }

  /* button.applybtn {
    margin-top: -50px;
  } */

  .header.active img.Logo-stycky {
    margin-top: 0px !important;
  }

  .applybtn.brochure {
    margin-top: -30px;
  }
}

@media (max-width: 992px) {
  .m-menu {
    display: block !important;
  }

  /* .m-logo{display: none!important;} */
  .m-none {
    display: none !important;
  }

  .head-contact-top {
    top: 5px;
  }
}

/* new  design css */

.wordStyle.newWordStyle {
  color: #8bc53f !important;
  font-size: 4.5rem !important;
  font-family: Inter Bold !important;
}

/* .wordStyle {
    color: #fff;
    font-family: Inter Semi Bold!important;
    font-size: 3rem!important;
    line-height: 1!important;
} */

.appDevelopedDiv {
  overflow: hidden;
  margin-top: 20px;
}

.global-Outlook h3,
.industrial-nichesDiv h3,
.partnershipDiv h3,
.appDevelopedDiv h3 {
  color: #000;
  font-size: 2.3em;
  line-height: 1.2;
  font-family: Inter Medium;
  text-transform: capitalize;
  /* margin-bottom: 2rem; */
}

.blue-subheading {
  color: #2083d2 !important;
  font-weight: bolder;
}

.greensubp {
  color: #8bc53f !important;
  font-weight: 600;
  text-transform: capitalize;
}

.industrial-nichesDiv p {
  font-family: Inter Regular;
  font-size: 16px;
  font-stretch: normal;
  font-style: normal;
  line-height: 27px;
  letter-spacing: normal;
}

.global-Outlook p {
  font-family: Inter Regular;
  font-size: 16px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 27px;
  letter-spacing: normal;
}

.global-Outlook .global-colLeft p:nth-of-type(1) {
  margin-bottom: 1rem !important;
}

.global-Outlook {
  margin-top: 3rem;
}

.global-colright {
  background: url("../img/newAssets/worldmap_bg.png");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.global-Outlook .card {
  margin-bottom: 1rem;
  box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
  border-radius: 10px;
  padding: 1rem 2rem;
  border: none;
}

.global-Outlook .card:hover {
  transform-origin: left top;
  box-shadow: 0 0 4px 4px #efefef;
  transform: scale(1.03);
}

.global-Outlook .card p.no {
  font-family: Inter Bold;
  font-size: 2.8rem;
  line-height: 1.2;
}

.global-Outlook .card p.title {
  font-size: 1.3rem;
  line-height: 1.2;
}

.global-Outlook .card.first p.no,
.global-Outlook .card.fourth p.no {
  color: #2083d2;
}

.global-Outlook .card.first p.no span,
.global-Outlook .card.first p.title,
.global-Outlook .card.fourth p.title {
  color: #000;
}

.global-Outlook .card.fourth p.no span {
  color: #8bc53f;
}

.global-Outlook .card.first {
  background: #fff;
  transition: 0.4s;
}

.global-Outlook .card.second {
  background: #8bc53f;
  color: #fff;
  margin-top: 12%;
  transition: 0.4s;
}

.global-Outlook .card.fourth {
  margin-top: 2%;
  transition: 0.4s;
}

.global-Outlook .card.third {
  background: #2083d2;
  color: #fff;
  margin-top: -8%;
  margin-left: -10%;
  transition: 0.4s;
}

.global-Outlook .card.first p.no {
  color: #2083d2;
}

.global-Outlook .card.first p.no span {
  color: #8bc53f;
}

.global-Outlook .card p {
  color: #fff;
}

.global-Outlook .card img {
  width: 64px;
  margin-bottom: 1rem;
}

.global-Outlook .card.second img,
.global-Outlook .card.third img {
  width: 54px;
}

.global-Outlook button.btndivButton {
  background: #2083d2;
  color: #fff;
  font-family: "Inter Semi Bold";
  border: 3px solid #2083d2;
  border-radius: 10px;
  width: unset;
  padding: 3px 35px;
  height: unset;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 20px !important;
}

.global-Outlook .btnDiv .btn:hover {
  background-color: #2083d2;
  color: #fff;
}

.serviceDiv {
  background: #ffffff;
  padding: 3rem 0 5rem;
}

.partnershipDiv {
  background: #333;
  padding: 3rem 0 4rem;
}

.industrial-nichesDiv {
  padding: 5rem 0px 3px;
}

.industrial-nichesDiv .card {
  border-radius: 10px;
  margin-bottom: 20px;
}

.industrial-nichesDiv .card-body img {
  width: 70px;
  margin-top: -17%;
}

.industrial-nichesDiv .card-body .card-title {
  font-family: Inter Bold;
  color: #212529;
  font-size: 22px;
  padding-top: 6px;
}

.industrial-nichesDiv .row {
  margin-top: 3rem;
}

.industrial-nichesDiv p.container {
  font-family: Inter Regular;
}

.industrial-nichesDiv p .orangeSubP {
  color: #ef882a;
  font-family: Inter Medium;
  font-weight: 600;
}

span.blueSubP {
  color: #2a7abf;
  font-family: Inter Medium;
  font-weight: 600;
}

span.greenSubP {
  color: #8bc541;
  font-family: Inter Medium;
  font-weight: 600;
}

.partnershipDiv {
  background-image: linear-gradient(
      to bottom,
      rgb(13 9 7 / 88%),
      rgb(13 9 7 / 0%)
    ),
    url(../img/newAssets/partnership-certificate-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: #fff;
}

.partnershipDiv h3 {
  color: #fff;
  font-size: 2rem;
}

.triangle-right {
  width: 0;
  height: 0;
  border-top: 11px solid transparent;
  border-left: 13px solid #8bc53f;
  border-bottom: 11px solid transparent;
  margin-left: 5px;
}

.partnerImgDiv {
  padding-left: 6%;
  margin-bottom: 5px;
  padding-right: 3%;
}

.partnerImgDiv .bg-light {
  padding: 10px;
  border-radius: 5px;
  margin-right: 5px;
  min-height: 85px;
}

.partnerImgDiv .bg-light img.ibm,
.partnerImgDiv .bg-light img.redhat,
.partnerImgDiv .bg-light img.ui-path,
.partnerImgDiv .bg-light img.esri {
  width: 145px;
}

.partnerImgDiv .bg-light img.aws {
  width: 110px;
}

.partnerImgDiv .bg-light img.goodfirms {
  width: 180px;
}

.partnershipDiv .carousel-indicators {
  margin-right: 0;
  margin-left: 0;
  margin-bottom: -2rem;
}

.partnerText {
  font-size: 1.4rem !important;
  font-family: Inter Medium;
}

.partnershipDiv p .greensubp {
  font-family: Inter Medium;
}

.partnershipDiv p {
  font-family: Inter Regular;
  font-size: 16px;
  margin-bottom: 3rem;
  font-weight: 500;
}

.appDevelopedDiv .textCol {
  background-image: linear-gradient(to right, #0a4c7f, #2279be);
  padding: 20px 10px 20px 34px;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

/*.textColTestiDiv {*/
/*  height: 650px;*/
/*}*/

.appDevelopedDiv .imageCol {
  background: #8bc53f;
  position: relative;
  padding-bottom: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.appDevelopedDiv .textCol .btn {
  border: 1px solid #fff;
  color: #fff;
  border-radius: unset;
  padding: 3px 11px;
}

.appDevelopedDiv .owl-carousel .owl-item .textCol img {
  width: 70px;
  height: auto;
}

.testimonialImgBox img {
  height: 22px !important;
}

.appDevelopedDiv .textCol h2 {
  font-size: 1.1rem;
  margin: 0.7rem 0;
}

.appDevelopedDiv .readMore {
  font-family: Inter Bold;
  text-decoration: none;
  color: #fff;
  font-size: 1.5rem;
  cursor: pointer;
}

.appDevelopedDiv p {
  font-family: Inter Regular;
  font-size: 1.3rem;
  margin-bottom: 1rem;
}

.image {
  display: flex !important;
  padding: 5%;
  align-items: center;
}

.appDevelopedDiv .owl-carousel .owl-item .image1 {
  width: 43%;
  margin-bottom: -111px;
}

.appDevelopedDiv .owl-carousel .owl-item .image2 {
  width: 45%;
  margin-left: 9%;
}

.appDevelopedDiv .owl-carousel .owl-item .image3 {
  position: absolute;
  bottom: -52px;
  width: calc(100% - 30px);
  height: 50%;
}

.appDevelopedDiv .carousel-control-prev {
  left: 9px;
  top: 40% !important;
  height: 20px;
}

.appDevelopedDiv .carousel-control-next {
  right: 6px;
  top: 40% !important;
  height: 20px;
}

.appDevelopedDiv .owl-carousel .owl-stage-outer {
  box-shadow: none !important;
}

.appDevelopedDiv button.btndivButton {
  border-radius: 5px;
  font-size: 1.5rem;
  border-radius: 5px;
  font-size: 1.3rem;
  width: unset;
  padding: 1% 3%;
  height: auto;
}

.owl-theme .owl-dots {
  display: none;
}

.commentdivInner p {
  color: #fff;
}

.cmntP2New.greensubp {
  font-size: 1.8rem;
}

.cmntP1New {
  font-family: "Inter Bold";
  font-size: 1.8em;
  line-height: 1.5;
  color: #ffffff;
  margin-top: 2%;
  margin-bottom: 0%;
  line-height: 1.2;
}

.commentdiv .commentdivInner p.cmntPSpan {
  font-size: 2.3em;
  line-height: 1;
  font-family: Inter Bold;
  color: #ffffff;
  margin-bottom: 1%;
  display: block;
}

.cmntP2New {
  font-size: 2rem;
  font-family: "Inter Semi Bold";
  margin-bottom: 0;
  line-height: 1;
}

/* .commentdiv .commentdivInner.commentdivInnerNew {
  margin-left: 16%;
  margin-right: 16%;
} */

.commentdiv .commentSlider.commentSliderNew .commentPImg {
  width: 80px;
}

.commentdiv .commentSlider.commentSliderNew {
  margin-top: 2%;
  position: relative;
  bottom: 0;
  left: 0;
}

.commentBox .director {
  color: #fff;
  font-family: Inter Bold;
}

.commentBox .director span {
  font-family: Inter Regular;
}

.commentBox .company {
  color: #fff;
  font-size: 1.3rem;
}

.commentdiv .commentBox p {
  font-size: 1.1rem;
  font-weight: 400;
  margin-bottom: 50px;
}

.commentdiv .commentBox .leftQuotes {
  width: 52px;
  position: absolute;
  left: -80px;
  top: -30px;
}

.commentdiv .commentBox .rightQuates {
  width: 48px;
  position: absolute;
  right: -60px;
  margin-top: -65px;
}

.commentdiv .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: block;
}

.commentdiv .carousel-control-next {
  top: 83% !important;
  right: unset;
  left: 20%;
}

.commentdiv .commentdivInner h3.mainH {
  margin-top: 0.6%;
  font-size: 7rem;
  line-height: 1.1;
}

.customer4Life .thirdDivHeading:nth-of-type(2) {
  margin-top: 0;
  line-height: 1.1;
  margin-bottom: 3rem;
}

.customer4Life .thirdDivHeading {
  font-size: 30px;
  margin-bottom: 0;
  margin-top: 0;
  font-family: Inter Medium;
  padding-bottom: 10px;
}

.thirdDiv {
  padding-top: 3%;
}

.customer4Life .thirdDivHeading .blue-subheading {
  font-family: Inter Bold;
}

.customer4Life .clientLogo {
  /* border: 1px solid #f3f3f3; */
  border-radius: 10px;
  max-height: 130px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px,
    rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  min-height: 130px;
  margin: 5px;
  padding: 5px;
  flex-direction: column;
  position: relative;
}

.customer4Life .clientLogo img {
   margin-bottom: 21px; 
  width: 130px;
  height: 100px;
  object-fit: contain;
}

.customer4LifeIndicators {
  padding-bottom: 2%;
}

.customer4Life .clientLogo .authbridge,
.customer4Life .clientLogo .igl,
.customer4Life .clientLogo .turbodata,
.customer4Life .clientLogo .sunlifefinancial,
.customer4Life .clientLogo .dook {
  max-width: 100%;
}

.customer4Life .carousel-indicators {
  bottom: -60px;
}

.customer4Life .carousel-indicators li {
  width: 15px;
  height: 15px;
}

.customer4Life .carousel-indicators li.active {
  background: #8bc53f;
}

.thirdDivWebView .carousel-indicators li {
  border: 2px solid #ccc;
}

.togetherDiv {
  background: #f6f6f6;
  padding: 3rem 0;
  margin-top: 5%;
  clear: both;
}

.togetherDiv h3 {
  font-size: 2.1rem;
  margin: 0;
  padding: 0;
  color: #000;
  font-family: Inter Semi Bold;
}

.togetherDiv p {
  font-size: 17px;
  text-align: center;
  font-weight: 500;
  padding: 0 15px;
}

.togetherDiv button.btndivButton {
  border-radius: 5px;
  width: unset;
  height: unset;
  padding: 9px 29px;
  font-size: 1.3rem;
  font-family: "Inter Semi Bold";
}

.appDevelopedDiv .owl-item.active {
  opacity: 1;
}

.appDevelopedDiv .owl-item .textCol,
.appDevelopedDiv .owl-item .imageCol {
  box-shadow: inset 24px 30px 2px 200px rgb(0 0 0 / 45%);
  filter: blur(1.5px);
}

.appDevelopedDiv .owl-item.active .textCol,
.appDevelopedDiv .owl-item.active .imageCol {
  box-shadow: none;
  filter: blur(0px);
}

.appDevelopedDiv .owl-carousel .owl-item .image1,
.appDevelopedDiv .owl-carousel .owl-item .image2,
.appDevelopedDiv .owl-carousel .owl-item .image3 {
  opacity: 0.5;
}

.appDevelopedDiv .owl-carousel .owl-item.active .image1,
.appDevelopedDiv .owl-carousel .owl-item.active .image2,
.appDevelopedDiv .owl-carousel .owl-item.active .image3 {
  opacity: 1;
}

.serviceDiv .blackBox {
  border-radius: 10px;
  color: #fff;
  padding: 6% 3% 6% 6%;
  background-color: #000;
}

.serviceDiv .blackBox .p1 {
  font-size: 1.7rem;
  font-family: Inter Bold;
  line-height: 1.2;
  margin-bottom: 1.1rem;
}

.serviceDiv .blackBox .p2 {
  font-size: 2.5rem;
  font-family: Inter Bold;
  line-height: 1.2;
}

.tabDivInnerTab .text p {
  letter-spacing: 0.02em;
  font-size: 0.9em !important;
}

.serviceDiv .tablinksserviceviews {
  padding: 1% 0% 1% 3%;
  cursor: pointer;
  line-height: 1.5em;
  font-size: 1.2em;
  /* background: #8bc53f; */
  height: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  /* border-right: 1px solid hsl(206deg 70% 44% / 50%); */
  border: 1px solid #b7b7b7;
}

.serviceDiv .tablinksserviceviews:last-child {
  /* border-right: 0px !important; */
}

.serviceDiv .tablinksserviceviews.active .blackImg {
  display: none;
}

.serviceDiv .tablinksserviceviews.active .whiteImg {
  display: block;
}

.serviceDiv .tablinksserviceviews .blackImg {
  display: block;
}

.serviceDiv .tablinksserviceviews .whiteImg {
  display: none;
}

.serviceDiv .active {
  background: #237abf;
  color: #fff;
  border-bottom: 5px solid #8bc53f;
}

.tabcontentfoodMobiletext1 {
  display: none;
  padding: 12px 20px 30px;
  background: #fff;
  box-shadow: 1px 15px 10px #d4d4d4;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.serviceDiv .OnlineService .OnlineServiceimg {
  width: 40px !important;
  height: auto !important;
  margin-right: 10px;
}

.serviceDiv .rightArrorImg {
  display: none;
}

img.rightArrow {
  position: absolute;
  right: 10px;
  height: 24px;
}

.pipeLine {
  display: inline-block;
  padding: 0px 7px;
}

.serviceDiv .active img.rightArrow {
  display: none;
}

.serviceDiv .active .rightArrorImg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: -20px;
  width: 21px;
  height: 75px;
  display: inline-block;
}

.whiteBox {
  border-radius: 10px;
  color: #313131;
}

.whiteBox p {
  font-size: 17px;
  font-weight: 500;
}

p.serviceP {
  margin-bottom: 0px !important;
}

.serviceDiv .serviceDivBoth .serviceH {
  font-family: Inter Semi Bold;
  padding-bottom: 0px !important;
}

.serviceDiv .serviceDivBoth .serviceP {
  font-family: Inter Regular;
  font-size: 1rem;
  padding: 15px 0;
  text-align: center;
}

.serviceDiv .serviceDivBoth .serviceP .blue-subheading {
  font-family: Inter Medium;
}

.serviceDiv .serviceDivBoth .row .card {
  height: 150px;
  border-radius: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 2%;
  overflow: hidden;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
  transition: 0.8s;
  border: none;
  border-left: 7px solid #ef882a;
  position: relative;
  z-index: 1;
}

.serviceDiv .serviceDivBoth .row .card:hover {
  -webkit-transform: scale3d(1.1, 1.1, 1);
  transform: scale3d(1.1, 1.1, 1);
}

.serviceDiv .serviceDivBoth .row .card .border-circle {
  background: #568f09;
  border-radius: 50%;
  width: 55px;
  height: 55px;
  min-width: 55px;
  max-width: 55px;
  min-height: 55px;
  transition: 0.4s;
}

.serviceDiv .serviceDivBoth .row .card:hover .border-circle {
  transform: translate(0, -7px);
}

.cardp {
  color: #fff;
  font-weight: 400;
  height: 45px;
  overflow: hidden;
}

.serviceDiv .serviceDivBoth .row .card .border-circle img {
  width: 30px;
}

.serviceDiv .serviceDivBoth .row .agile {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/agile-product-development.png");
}

.serviceDiv .serviceDivBoth .row .rpa-bt {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url(../img/newAssets/end-to-end-product-engineering/RPA-bussiness-transformation.png);
}

.serviceDiv .serviceDivBoth .row .se_cdm {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/cloud-services/image/cloud-devolopment-&-migration.png");
}

.serviceDiv .serviceDivBoth .row .se_cms {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/cloud-services/image/cloud-maneged-service.png");
}

.serviceDiv .serviceDivBoth .row .se_ca {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/cloud-services/image/cloud-analystic.png");
}

.serviceDiv .serviceDivBoth .row .se_is {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/cloud-services/image/cloud-infrastructure.png");
}

.serviceDiv .serviceDivBoth .row .se_sc {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/technology-consulting/image/software-consulting.png");
}

.serviceDiv .serviceDivBoth .row .se_cc {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/technology-consulting/image/cloud-consulting.png");
}

.serviceDiv .serviceDivBoth .row .se_iic {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/technology-consulting/image/IT-infrastructure-consulting.png");
}

.serviceDiv .serviceDivBoth .row .se_sct {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/technology-consulting/image/security-consulting.png");
}

.serviceDiv .serviceDivBoth .row .se_dsc {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/technology-consulting/image/digital-strategy-consulting.png");
}

.serviceDiv .serviceDivBoth .row .card .cardH {
  color: #000;
  font-size: 1.3rem;
  line-height: 24px;
  padding-top: 6px !important;
}

.serviceDiv .serviceDivBoth .row .card .rightIndicator {
  position: absolute;
  right: 16px;
  bottom: 7px;
  width: 21px !important;
}

.serviceDiv .serviceDivBoth .row .ui-ux {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/ui-ux-strategy.png");
}

.serviceDiv .serviceDivBoth .row .dedicated {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/dedicated-team.png");
}

.serviceDiv .serviceDivBoth .row .support {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/support-maintenance.png");
}

.serviceDiv .serviceDivBoth .row .technology {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/technology-consulting.png");
}

.serviceDiv .serviceDivBoth .row .sapImplementation {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/sap-implemantation.png");
}

/* .serviceDiv .serviceDivBoth .row .card.technology {
    height: 300px;
} */
.serviceDiv .serviceDivBoth .row .Web_development {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/Web_development.png");
}

.serviceDiv .serviceDivBoth .row .software_development {
  background-image: linear-gradient(rgba(0 0 0 / 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/end-to-end-product-engineering/software_development.png");
}

.serviceDiv .serviceDivBoth .row .App_development {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/App_development.png");
}

.serviceDiv .serviceDivBoth .row .cloud_migration {
  background-image: linear-gradient(rgba(0 0 0 / 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/end-to-end-product-engineering/cloud_migration.png");
}

.serviceDiv .serviceDivBoth .row .devops {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/devops.png");
}

.serviceDiv .serviceDivBoth .row .Legacy_Application_Migration {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/Legacy_Application_Migration.png");
}

.serviceDiv .serviceDivBoth .row .Bi {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url(../img/newAssets/end-to-end-product-engineering/Bi.png);
}

.serviceDiv .serviceDivBoth .row .web_app_ Analytics {
  background-image: linear-gradient(
      rgb(109 112 142 / 78%),
      rgb(116 67 72 / 60%)
    ),
    url("../img/newAssets/end-to-end-product-engineering/web_app_ Analytics.png");
}

.serviceDiv .serviceDivBoth .row .AI_ML {
  background-image: linear-gradient(rgba(0, 0, 0, 78%), rgba(0, 0, 0, 0.7)),
    url("../img/newAssets/end-to-end-product-engineering/AI_ML.png");
}

.serviceDiv .ReplacementMobile.serviceDivBoth {
  display: none;
}

.serviceDiv .serviceDivBoth {
  display: block;
}

/* partnership block css */

.partnershipDivL {
  background-image: url("../img/newAssets/divider.png");
  background-repeat: no-repeat;
  background-position: right;
  background-size: 2px;
}

.commentdiv .disabled .commentSliderPre {
  background-image: url("../img/newAssets/testimonial-left-contoller-blank.png");
  background-repeat: no-repeat;
  background-size: 45px;
  pointer-events: none;
}

.commentdiv .commentSliderPre {
  background-image: url("../img/newAssets/testimonial-left-contoller.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40px !important;
  height: 40px;
  display: block;
}

.commentdiv .disabled .commentSliderNext {
  background-image: url("../img/newAssets/testimonial-right-contoller-blank.png");
  background-repeat: no-repeat;
  background-size: 45px;
  pointer-events: none;
}

.commentdiv .commentSliderNext {
  background-image: url("../img/newAssets/testimonial-right-contoller.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 40px !important;
  height: 40px;
  display: block;
  margin-left: 13px;
}

.clientSlider.owl-carousel .owl-stage-outer {
  box-shadow: none !important;
}

.clientSlider.owl-theme .owl-dots {
  display: block;
}

.clientSlider.owl-theme .owl-dots .owl-dot.active span {
  background: #8bc53f;
}

.clientSlider.owl-theme .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
}

.container-top .pdiv h1 {
  width: 100% !important;
}

.thirdDiv .thirdDivWebView {
  display: block;
}

.thirdDiv .thirdDivMobileView {
  display: none;
}

.thirdDivMobileView .owl-carousel .owl-item img {
  width: auto !important;
}

/*Start New pages css */

.bgUiUx {
  background: linear-gradient(#164565, rgb(124 169 245 / 93%)) !important;
}

.bgDevOps {
  background: linear-gradient(#49167478, rgb(173 109 109)) !important;
}

.bgRPA {
  background: linear-gradient(#91395bf2, rgb(74 168 237)) !important;
}

.bgCloudMiga {
  background: linear-gradient(#065898, rgb(55 147 187 / 64%)) !important;
}

.cloud_migHeading {
  font-family: Inter Semi Bold;
  color: #333;
  font-size: 2em;
  line-height: 1.29;
  font-weight: 600;
  text-align: center;
}

span.circleNum {
  background: #20589b;
  width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
  line-height: 39px;
  border-bottom-right-radius: 20px;
  margin-right: 10px;
}

.Cloud_Technoloy_FirstRow_img {
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  min-height: 140px;
  margin: 0.85rem 0rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  max-height: 140px;
  height: 140px;
}

.Cloud_Technoloy_FirstRow_img img {
  width: max-content !important;
  max-height: 80px;
}

a.linkUnderline {
  text-decoration: underline;
}

/*End New pages css */

/* Style the tab */

.tabDivMenu {
  float: left;
  overflow: hidden;
  width: 37%;
}

/* Style the buttons that are used to open the tab content */
.tabDivMenu button {
  display: flex;
  background-color: inherit;
  padding: 19px 0px 22px 28px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  line-height: 1.6em;
  font-weight: 600;
  color: #414141;
  display: flex;
  align-items: center;
}

.tabDivMenu button:last-child {
  border-bottom: 0px transparent;
}

.tabContentDiv a {
  color: #403b3b;
  font-size: 14px !important;
  line-height: 1.3em !important;
  font-weight: 600;
}

.tabContentDiv a:hover {
  color: #2194fa;
}

/* Change background color of buttons on hover */
.tabDivMenu button .tabDivMenu button:hover {
  background-color: #f2f2f2 !important;
}

.tabContentDiv h2 {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.caseStudyMenu a {
  text-decoration: none;
  color: #403b3b;
  font-size: 16px !important;
  line-height: 22px !important;
  font-weight: 600;
  padding: 5px 0px;
}

.caseStudyMenu a:hover {
  color: #2194fa;
}

/* Create an active/current "tab button" class */
.tabDivMenu button.active {
  background-color: #2194fa;
  color: #fff;
  border-right: 8px solid #8cc440;
}

/* Style the tab content */

.tabContentDiv {
  float: left;
  padding: 18px 18px 0px;
  border-left: none;
  border-left: 1px solid #ddd;
  height: 100%;
  width: 100%;
}

.indusDivImg {
  margin: 4px 0px;
  position: relative;
}

.indusDivImg img {
  display: block;
  height: 64px;
  object-fit: cover;
}

.rightImgDiv {
  background: #ddd;
  height: 380px;
}

.menuIconWebDiv {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}

.menuIconWeb {
  margin-right: 20px;
}

.tabContentDivInnerRow {
  display: flex;
  flex-wrap: wrap;
}

.w-50 {
  width: 50%;
}

.tabMenuContentText {
  border-left: 6px solid #2194fa;
  /* padding: 10px 17px; */
  padding: 9px 17px;
  font-size: 17px;
  line-height: 27px;
  color: #2c2e2f;
  background: #8cc852;
  font-weight: 600;
}

.mMenuIconBtn {
  margin-right: 15px;
}

.mb-60 {
  margin-bottom: 60px;
}

.customMenuRow {
  display: flex;
}

.customMenuRow .content {
  width: 63%;
}

.arrowRightMenu {
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 18px;
  height: 16px !important;
}

.menuImgText {
  position: absolute;
  top: 50%;
  left: 12px;
  font-family: Inter;
  font-weight: bold;
  font-size: 16px;
  line-height: 23px;
  color: #fff;
  transform: translate(-0%, -50%);
}

.indusDivImg a:hover .menuImgText {
  color: #8bc53f;
}

.fixedBottomMenutext {
  /* position: absolute;
  bottom: 0px; */
}

.tabDivInnerTab {
  width: 24.5%;
}

.btnWhiteBorder span {
  font-size: 16px;
}

.dropdown-hover-content.navBox_Shadow .col-xs-12.col-sm-6.col-lg-4 {
  padding: 0 4px;
}

button.btndivButton.btnWhiteBorder span:after {
  font-size: 1.5em !important;
}

.customWidthTitle {
  width: 100%;
}

span.newTsplSmallTxt {
  font-size: 27px;
  display: flex;
  align-items: center;
  color: #fff;
  line-height: 48px;
  font-weight: 500;
}

p.newTsplMidTxt {
  font-size: 0.7em !important;
  font-weight: 800 !important;
  text-align: left;
}

.newTsplLargeTxt {
  color: #ffcc00;
  font-size: 48px;
  font-weight: bold;
  text-align: left;
  padding: 0% 0%;
}

.lightBlueLine {
  width: 50px;
  height: 3px;
  background: #ffcc00 !important;
  display: inline-block;
  margin-left: 5px;
}

.yellowLine {
  width: 50px;
  height: 3px;
  background: #fffb3e !important;
  display: inline-block;
  margin-left: 5px;
}

.lightGreenLine {
  width: 50px;
  height: 3px;
  background: #79f60a !important;
  display: inline-block;
  margin-left: 5px;
}

.orangeLine {
  width: 50px;
  height: 3px;
  background: #00feff !important;
  display: inline-block;
  margin-left: 5px;
}

.mob_appDev a {
  color: #fac107 !important;
  font-weight: 300;
  font-size: 1em !important;
  text-decoration: underline;
  padding: 0px 8px;
}

.mob_appDev img {
  width: 14px;
}

.mob_appDev a:hover {
  color: #ffc107 !important;
}

.mob_appDev span {
  color: #fff;
}

.lightBlueColor {
  color: #48f4ff !important;
}

.yellowColor {
  color: #fffb3e !important;
}

.lightGreenColor {
  color: #79f60a !important;
}

.orangeColor {
  color: #00feff !important;
}

/* .slideInLeft {
  margin-top: -2%;
} */

.newTsplSerSideImg img {
  display: block;
}

.industrial-nichesDiv .card-body {
  height: 220px;
}

.tabDiv div > a {
  color: #000;
}

.stickyDivSlider {
  position: absolute;
  top: 20px;
  right: 0px;
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
    rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
    rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  padding: 1%;
  background: #fff;
  color: #0a4c7f;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

.stickyDivSlider span {
  margin-bottom: 0%;
  font-size: 1.2rem !important;
  color: #c92d0a !important;
  font-weight: bold;
}

.stickyDivSlider p {
  margin-bottom: 0%;
  font-size: 1.2rem !important;
  color: #c92d0a !important;
  font-weight: bold;
}

.stickyDivSlider h2 {
  margin-bottom: 0%;
  font-weight: 700;
}

.fixedHeaderImgDiv img {
  margin: 0px 5px;
}

.partnerStaticImgDiv {
  margin: 0% 1.5% 0% 5%;
}

.partnerStaticImgDiv .bg-light {
  padding: 25px;
  border-radius: 5px;
  margin-right: 5px;
  min-height: 115px;
}

.fixedHeaderImgDiv img {
  width: 135px;
}

.boldText {
  font-family: "Inter Bold" !important;
}

.devlopmentLiLink {
  padding: 0px 0px 10px 20px;
}

.devlopmentLiLink li {
  text-align: left;
  float: left;
  width: 48%;
  padding: 5px 25px 5px 0px;
  font-size: 14px;
  position: relative;
  list-style: none;
  text-indent: -12px;
}

.devlopmentLiLink li a {
  color: #fff;
  padding-left: 3px;
}

.devlopmentLiLink li a:hover {
  color: #00feff;
  text-decoration: underline !important;
}

.webSubLink {
  margin-top: -5px;
  position: relative;
}

.webSubLink a {
  font-size: 16px !important;
  padding: 0px 1px 0px 0px;
  text-decoration: underline;
  font-weight: 600;
}

.webSubLink a i {
  color: #444;
}

.pb-extra {
  padding-bottom: 120px;
}

.devlopmentLiLink li:before {
  font-family: "FontAwesome";
  content: "\f105";
}

.textGreen {
  color: #8bc53f !important;
}

.textOrange {
  color: #f98e01 !important;
}

.serviceMainHeading {
  padding-bottom: 0px !important;
  color: #257bc0 !important;
}

.caseStudyMenu {
  /* border-left: 1px solid #020202; */
  background: #fff;
}

.caseStudyIconImg {
  width: 35px;
  margin-right: 12px;
}

.newTestimoContentBox p {
  font-size: 15px !important;
  margin: 0px;
  padding: 4px 0px !important;
  font-weight: 400;
}

.newTestimoContentBox ul li {
  font-weight: 400;
  margin: 0px !important;
  font-size: 15px !important;
  list-style: none;
}

.testimonialImgBox {
  padding: 5px 12px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  margin: 5px;
}

.testimonialImgBox img {
  width: auto !important;
}

.newTestimoContentBox li::before {
  content: "\2022" !important;
  color: #8bc53f !important;
  font-weight: bold;
  display: inline-block !important;
  width: 1em !important;
  margin-left: -1em !important;
  font-size: 22px;
}

.testiBtn {
  padding: 8px 12px !important;
  line-height: 1.2;
  font-size: 14px !important;
  background: #0d548a !important;
  border-radius: 3px !important;
  justify-content: flex-end;
  display: flex;
  font-weight: 300 !important;
}

.testiBtn a {
  color: #fff !important;
}

.techNologiText {
  font-size: 22px !important;
  color: #90e41d;
  line-height: 27px;
  margin-bottom: 10px;
}

.image img {
  display: block !important;
  text-align: center;
  margin: 0px auto;
}

.containerDivCol {
  /* border: 1px solid #ddd; */
  border-radius: 4px;
  padding: 15px;
  height: calc(100% - 30px);
  margin-bottom: 30px;
}

.bg-blue {
  background: #2084d2;
}

.bg-grey {
  background: #f3f3f3;
}

.serviceBoxGrid {
  height: calc(100% - 30px);
  margin-bottom: 30px;
  border: 1px solid #dedede;
  opacity: 1;
  position: relative;
  background: #fff !important;
  transition: 0.3s;
  border-radius: 4px;
  padding: 15px;
  transition: background-position 200ms linear, color 150ms linear;
  background-position: 0% 97%;
}

.serviceBoxGrid:hover {
  box-shadow: 1px 1px 12px #a2a2a2;
  border: 1px solid #fff;
  background: url(../img/arrow-icon-blue.png) no-repeat #fff;
  background-position: 50% 97%;
  background-size: 22px;
}

.serviceBoxGrid.hoverBgNone {
  background: none;
}

.serviceBoxHeadingService {
  font-family: Inter Bold;
  font-size: 1.2em;
  font-weight: 500;
  line-height: inherit;
  color: #333;
  position: relative;
  text-transform: capitalize;
}

.serviceBoxHeadingService:before {
  height: 3px;
  width: 60px;
  background: #84c44c;
  content: "";
  position: absolute;
  bottom: -12px;
}

.arrowServiceImg {
  opacity: 0;
  position: absolute;
  bottom: 12px;
  right: 15px;
}

.serviceBoxGrid:hover .arrowServiceImg {
  opacity: 1;
  position: absolute;
  transition: 1.5s;
}

.indusDivImg.indusDivImgFull {
  margin: 0px !important;
}

.indusDivImg.indusDivImgFull a {
  padding: 0px !important;
}

.text-left-testi {
  font-size: 18px !important;
  line-height: 30px;
}

.featureGreenGrid {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.featureGreenBox {
  border-left: 4px solid #90e41d;
  margin-top: 10px;
  margin-bottom: 18px;
  padding-right: 15px;
}

.featureGreenBox p {
  padding-left: 15px !important;
}

.accordion.caseStudyAccordian .card {
  background: transparent;
  border: 0px;
}

.accordion.caseStudyAccordian {
  background: transparent !important;
}

.card-header.caseStudyAccordianHeader {
  background: transparent !important;
  box-shadow: none;
  border-bottom: 0px transparent;
  padding: 0px;
  display: none;
}

.card-header.caseStudyAccordianHeader img {
  margin-left: auto;
}

.accordion.caseStudyAccordian .card-body {
  padding: 0px !important;
}

.rotateIMG {
  margin-bottom: 20px !important;
  width: 18px !important;
  display: none !important;
}

.imageMaxWidth {
  max-width: initial;
  height: 100%;
  width: 100%;
}

.borderTextblue {
  font-weight: 700;
  font-size: 20px;
  line-height: 29px;
  color: #403b3b;
  border-bottom: 1px solid #2194fa;
  padding-bottom: 5px;
}

.menuIconWebDiv a span {
  font-size: 14px;
  font-weight: 400;
  font-family: "INTER";
}

.menuIconWebDiv > img {
  width: 42px;
}

.bothPageIcon {
  display: none;
}

/* #newTestimoContentBoxOne {display: block !important}
#newTestimoContentBoxTwo {display: block !important}
#newTestimoContentBoxThree {display: block !important}
#newTestimoContentBoxFour {display: block !important}
#newTestimoContentBoxFive {display: block !important} */

/* .card-header.caseStudyAccordianHeader .show .rotateIMG {
    transform: rotate(180deg) !important;
} */

.imgCenterPortfolio {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding-left: 28px;
}

.imgCenterPortfolio img {
  display: flex !important;
  align-items: center;
  justify-content: center;
  margin-top: 20px;
}

.serviceImgTitleBox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px;
}

.serviceMainHeadingText {
  font-size: 32px;
  line-height: 44px;
  font-weight: bold;
  color: #fff;
  padding-bottom: 0px;
}

.webappDevlopTxtTopColRInner.bg-none {
  background: none !important;
  margin-top: -19px;
}

.serviceBoxTitleCA {
  font-size: 30px;
  line-height: inherit;
  font-weight: bold;
  color: #333;
  line-height: 38px;
}

.webappDevlopContainerMain {
  padding-top: 2%;
}

.webappDevlopContainerMain p {
  font-size: 16px;
  line-height: 35px;
  padding-top: 0%;
  font-weight: 400;
}

.servicePortfolioDivGrid p {
  font-size: 18px;
  line-height: 30px;
  color: #000;
  padding-top: 20px;
}

.serviceBoxGrid p {
  font-size: 15px;
  line-height: 26px;
  color: #000;
  font-weight: 400;
  /* padding-top: 20px; */
}

.servicePortfolioDivGrid {
  background: #fff;
  border: 1px solid #dcdcdc;
  padding: 25px;
  box-shadow: 1px 1px 10px #ddd;
  height: calc(100% - 30px);
  margin-top: 40px;
}

.servicePortfolioDivImg {
  border-bottom: 3px solid #84c44c;
  width: 50%;
  margin: 0px auto 10px;
  padding-bottom: 0px;
  min-height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mt-150 {
  margin-top: 180px;
}

.mt-200 {
  margin-top: 200px;
}

.ourMobileApplicationP {
  margin: 2px 0px 40px 0px !important;
}

.mt-50 {
  margin-top: 40px;
}

.dotNetImg {
  width: 400px !important;
  display: block;
  margin: 0px auto;
}

.mContactBtn a {
  background-color: #8bc53f;
  transition: all 50ms;
  cursor: pointer;
  border-radius: 10px;
  padding: 0px 25px;
  margin: 30px;
  display: inline-block;
  font-weight: bold;
  color: #fff;
}

.mContactBtn a:hover {
  background: #8bc53f !important;
  color: #000 !important;
}

.sidepanel .sub-menu1 a {
  display: block;
  font-size: 1em;
  padding-left: 65px;
  line-height: 1;
  color: #fff;
  position: relative;
}

.sidepanel #Solutions a::before {
  position: absolute;
  content: ">";
  color: #fff;
  left: 50px;
  top: 10px;
  font-size: 12px;
}

.subMenuLi a {
  display: block;
  padding: 0px !important;
}

.legagyBannerBg {
  background: linear-gradient(#0000008a, rgb(185 96 152 / 63%)) !important;
}

.agileBannerBg {
  background: linear-gradient(#0090ff, rgb(205 128 56)) !important;
}

.biReportingBannerBg {
  background: linear-gradient(#2e86c6ad, rgb(42 50 163 / 80%)) !important;
}

.phpMainHeaderBg {
  background: #0288d1 !important;
}

.phpMainHeaderBg .circle1,
.phpMainHeaderBg .circle2 {
  stroke: #44a3d7;
}

.itSupportBannerBg {
  background: linear-gradient(#2867d5, rgb(150 215 86 / 95%)) !important;
}

.webDivServiceBg {
  background: rgb(38, 50, 56) !important;
}

.meterDivServiceBg {
  background: #ef7f1a !important;
}

.houseDivServiceBg {
  background: #0277bd !important;
}

.webDivContainerFull {
  background: #f1f1f1;
}

.Web
  .webmoreservice
  .webmoresercolR
  .webmoresercolRInner
  .imgeclassMobile.oil-gas {
  background: url(../img/health/medical-banner2.png) #033fa5;
  background-position: right 10px top 3px;
  background-repeat: no-repeat, repeat;
  background-size: 45%, auto;
  padding-top: 29%;
}

.imgeclassMobile.retail {
  background: url(../img/oil-gas/innovators.png) #033fa5;
  background-position: right 12px top 39px;
  background-repeat: no-repeat, repeat;
  background-size: 45%, auto;
  padding-top: 29%;
}

.imgeclassMobile.fmcg {
  background: url(../img/ecommerce-casestudy/ecommerce-app.png) #033fa5;
  background-position: right 12px top 39px;
  background-repeat: no-repeat, repeat;
  background-size: 45%, auto;
  padding-top: 29%;
}

.imgeclassMobile.logistic {
  background: url(../img/fmcg/fmcg-tag.png) #033fa5;
  background-position: right 10px top 19px;
  background-repeat: no-repeat, repeat;
  background-size: 45%, auto;
  padding-top: 29%;
}

.Web
  .webmoreservice
  .webmoresercolR
  .webmoresercolRInner
  .imgeclassMobile.health {
  background: url(../img/health/website-deveope.png) #033fa5;
  background-position: right 15px center;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassMobile {
  background: url(../img/mobile-web-development/mobile-application-right.png)
    #033fa5;
  background-position: right 15px center;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassWeb {
  background: url(../img/webBannerImg.svg) rgb(38, 50, 56);
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .metermoreservice .webmoresercolR .webmoresercolRInner .imgeclassWeb {
  background: url(../img/casestudy/housepital/housepital_devices.png) #ef7f1a;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .housemoreservice .webmoresercolR .webmoresercolRInner .imgeclassWeb {
  background: url(../img/casestudy/housepital/housepital_devices.png) #0277bd;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 50%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassDevOps {
  background: url(../img/devops-header.png) #4a148c;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassLegecy {
  background: url(../img/Legacy-Application-Modernisation-banner.png) #a40c6a;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassItSupport {
  background: url(../img/it-software-maintanance-banner.png) #033fa5;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassAgileBg {
  background: url(../img/Agile-Product-Development-banner.png) #02589c;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassBiBanner {
  background: url(../img/BI-Reporting-banner.png) #1a237e;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassRpaBanner {
  background: url(../img/rpa-header.png) #1a237e;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web
  .webmoreservice
  .webmoresercolR
  .webmoresercolRInner
  .imgeclassBlockAppBanner {
  background: url(../img/gr_consult.svg) #1a237e;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 37%, auto;
  padding-top: 29%;
}

.Web .webmoreservice .webmoresercolR .webmoresercolRInner .imgeclassUiBanner {
  background: url(../img/ui-ux-header.png) #1a237e;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 38%, auto;
  padding-top: 29%;
}

.Web
  .webmoreservice
  .webmoresercolR
  .webmoresercolRInner
  .imgeclasscloudManagedBanner {
  background: url(../img/gr_cloudtech.svg) #0288d1;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web
  .webmoreservice
  .webmoresercolR
  .webmoresercolRInner
  .imgeclassCloudBanner {
  background: url(../img/Cloud-migration-header.png) #02589c;
  background-position: 95%, left top;
  background-repeat: no-repeat, repeat;
  background-size: 44%, auto;
  padding-top: 29%;
}

.Web {
  background: #fff;
}

.webmoreservice.cloudManagedBg {
  background: #0288d1 !important;
}

/* .customer4Life .clientLogo img {
  max-height: 65px;
} */

.flexGrid {
  display: flex;
  align-items: center;
}

.testiBtn.viewCaseStudyBtn {
  padding: 3px 5px !important;
  font-size: 10px !important;
  border: 1px solid #ffd503;
  margin-top: 4px !important;
  border-radius: 25px !important;
  background: #ffd503 !important;
}

.testiBtn.viewCaseStudyBtn a {
  color: #000 !important;
}

.testiBtn.viewCaseStudyBtn img {
  margin-left: 3px;
  width: 4px !important;
}

.supportImgDiv {
  height: 162px;
  overflow: hidden;
  margin-bottom: 20px;
}

.supportImgDiv img {
  width: 100%;
}

.serviceBoxTitleCA.serviceBoxTitleMainHeading {
  font-size: 2.5em !important;
}

.new_technologies_blk {
  background-color: #fff !important;
}

.mob-carasoul-d-none {
  display: flex;
  align-items: center;
}

.mob-carasoul-d-none .carousel-control-prev {
  left: -15px;
}

.mob-carasoul-d-none .carousel-control-next {
  right: -15px;
}

.portfololio-col-left-div {
  background-image: linear-gradient(to right, #0a4c7f, #2279be);
  padding: 20px 10px 20px 34px;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.portfololio-col-right-div {
  background: #8bc53f;
  position: relative;
  padding-bottom: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.portfolio-where2go-img {
  width: 50%;
}

.portfololio-col-right-div .carousel-control-prev {
  left: 0%;
}

.portfololio-col-right-div .carousel-control-next {
  right: -3%;
}

.common-carousel-div-DF-col {
  display: flex;
  align-items: center;
}

.common-carousel-div-DF-col .carousel-control-prev {
  display: none;
}

.common-carousel-div-DF-col .owl-nav {
  display: none;
}

.portfololio-col-right-div .btn-close {
  margin-bottom: 20px;
}

.Portfolio .Gallery {
  margin-top: 5% !important;
}

.Portfolio .Gallery .butn {
  padding: 1% 2%;
  margin: 0.7%;
  cursor: pointer;
  font-family: Inter Regular;
  font-size: 1em;
  line-height: 1.5;
  color: #333333;
  background: #fff;
  border: 1px solid #333;
  outline: none;
  border-radius: 5px;
  position: relative;
}

.portfololio-col-left-div {
  background-image: linear-gradient(to right, #0a4c7f, #2279be);
  padding: 20px 10px 20px 34px;
  color: #fff;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.portfololio-col-right-div {
  background: #8bc53f;
  position: relative;
  padding-bottom: 20px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.portfolio-where2go-img {
  width: 50%;
}

.portfololio-col-right-div .carousel-control-prev {
  left: 0%;
}

.portfololio-col-right-div .carousel-control-next {
  right: -3%;
}

.common-carousel-div-DF-col {
  display: flex;
  align-items: center;
}

.common-carousel-div-DF-col .carousel-control-prev {
  display: none;
}

.common-carousel-div-DF-col .owl-nav {
  display: none;
}

.portfololio-col-right-div .btn-close {
  margin-bottom: 20px;
}

.mob-carasoul-d-none .owl-nav {
  display: none;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-control-prev {
  bottom: -90%;
  left: 85%;
  display: none;
}

.eLernings
  .greatLearningDivImge
  .greatLearningDivImgetxt
  .carousel-control-next {
  right: -9%;
  bottom: -90%;
  display: none;
}

.innovator-img.food img {
  width: 90%;
}

.testimonial-sec .owl-nav {
  position: absolute;
  bottom: -43px;
  left: 0%;
}

.testi-content {
  color: #fff;
  font-weight: 500;
  font-size: 18px;
  padding-top: 20px;
  position: relative;
}

.new-testi .testimonila-box {
  padding-top: 0px;
}

.new-testi .testi-content::after {
    display:none;
}

.new-testi .testi-content::before {
    left:7px;
    top:25px;
}

.new-testi .testi-content {
    padding-top:70px;
    padding-left:50px;
}

.new-testi .testimonial-sec .owl-nav {
    left:50px;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  .commentdiv .commentdivInner h3.mainH {
    margin-top: 11.2%;
    font-size: 6vh;
  }

  .serviceDiv .serviceDivBoth .row .card .border-circle {
    width: 70px;
    height: 70px;
  }

  .serviceDiv .serviceDivBoth .row .card .border-circle img {
    width: 40px;
    height: 40px;
  }

  .industrial-nichesDiv .card-body img {
    margin-top: -35%;
  }

  .commentdiv .commentBox .leftQuotes {
    width: 45px;
    left: -72px;
    top: -5px;
  }

  .commentdiv .commentBox .rightQuates {
    width: 45px;
  }

  .partnerImgDiv .bg-light img.ibm,
  .partnerImgDiv .bg-light img.redhat,
  .partnerImgDiv .bg-light img.ui-path,
  .partnerImgDiv .bg-light img.esri {
    width: 91px;
  }

  .partnerImgDiv .bg-light img.goodfirms {
    width: 103px;
  }

  .partnerText {
    font-size: 1rem;
  }

  .commentdiv .carousel-control-next {
    top: 85% !important;
    right: unset;
    left: 25%;
  }

  .commentdiv .carousel-control-prev {
    top: 85% !important;
    left: 16%;
  }

  .customer4Life .clientLogo .authbridge,
  .customer4Life .clientLogo .igl,
  .customer4Life .clientLogo .turbodata,
  .customer4Life .clientLogo .sunlifefinancial,
  .customer4Life .clientLogo .dook {
    width: 175px;
  }

  .commentdiv .commentSlider.commentSliderNew.owl-carousel .owl-item {
    max-height: 527px;
  }

  /* .serviceDiv .active {
        height: 90px;
    } */
}

@media screen and (device-width: 360px) and (device-height: 640px) {
  .partnershipDivL {
    margin-bottom: 3rem;
  }

  .partnerImgDiv .bg-light img {
    width: 75px !important;
  }

  .partnerText {
    font-size: 0.9rem;
  }

  .customer4Life .clientLogo img {
    width: 75px !important;
  }

  .global-Outlook .card.second {
    margin-top: 2%;
  }

  .global-Outlook h3,
  .industrial-nichesDiv h3,
  .partnershipDiv h3,
  .appDevelopedDiv h3,
  .serviceDiv .blackBox .p1,
  .serviceDiv .blackBox .p2,
  .serviceDiv .serviceDivBoth .serviceH,
  .industrial-nichesDiv .card-body .card-title,
  .togetherDiv h3 {
    font-size: 1.5rem;
  }

  .global-Outlook p,
  .industrial-nichesDiv p,
  .serviceDiv .serviceDivL .whiteBox p,
  .serviceDiv .serviceDivBoth .serviceP,
  .appDevelopedDiv p,
  .partnershipDiv p {
    font-size: 1rem;
  }

  .global-Outlook .card.third {
    margin-left: 0;
    margin-top: 2%;
  }

  .serviceDiv .serviceDivBoth .row .ui-ux,
  .serviceDiv .serviceDivBoth .row .support {
    margin-top: 1rem;
  }

  .industrial-nichesDiv .row .col-md-4 {
    margin-bottom: 1rem;
  }

  .appDevelopedDiv .owl-carousel .owl-item .textCol img {
    width: 50px;
    height: 50px !important;
    margin: auto;
  }

  .appDevelopedDiv .textCol .btn {
    margin-top: 10px;
  }

  .appDevelopedDiv .item p {
    font-size: 0.9rem;
  }

  .appDevelopedDiv .readMore {
    font-size: 1rem;
  }

  .appDevelopedDiv .owl-carousel .owl-item .image3 {
    bottom: -7px;
    left: -2px;
    right: -2px;
    width: calc(100% - 13px);
  }

  .appDevelopedDiv .owl-carousel .owl-item .image1 {
    margin-bottom: -29px;
  }

  .appDevelopedDiv .owl-carousel .owl-item .row {
    flex-direction: column-reverse;
  }

  .appDevelopedDiv button.btndivButton {
    font-size: 1rem;
  }

  .global-Outlook .card.first {
    margin-top: 1rem;
  }
}

@media only screen and (max-width: 767px) {
  .container-top.parallax {
    background-size: cover;
    padding-bottom: 40px;
    background-attachment: fixed;
    background-position: 88% 0;
    background-repeat: no-repeat;
    overflow: hidden;
  }

  .carousel-inner .applybtn.brochure {
    margin-left: 0;
  }

  .commentdiv .commentdivInner {
    margin-left: 0;
    margin-right: 0 !important;
  }

  .commentdiv .commentdivInner p.cmntPSpan {
    font-size: 2em;
    text-align: center;
  }

  .cmntP1New,
  .cmntP2New {
    text-align: center;
  }

  .commentdiv .commentBox p,
  .togetherDiv p,
  button.btndivButton span {
    font-size: 1.1rem;
  }

  .commentdiv .commentBox .rightQuates {
    width: 40px;
    right: 10px;
  }

  .commentdiv .commentBox .leftQuotes {
    width: 40px;
    left: -16px;
    top: -20px;
  }

  .commentdiv .commentSlider.commentSliderNew .commentPImg {
    width: 75px;
  }

  .customer4Life .col-md-3 {
    padding-left: 6px;
    padding-right: 6px;
  }

  .serviceDiv .ReplacementMobile.serviceDivBoth {
    display: block;
  }

  .serviceDiv .active .rightArrorImg {
    display: none;
  }

  .serviceDiv .ReplacementMobile h3 {
    font-size: 1.5rem;
  }

  .industrial-nichesDiv .card-body img {
    margin-top: -23%;
  }

  .serviceDiv .active {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }

  .commentdiv .commentdivInner .introDiv h4 {
    font-size: 1.1rem;
  }

  .appDevelopedDiv .imageCol {
    border-top-left-radius: 10px;
    border-bottom-right-radius: 0px;
  }

  .appDevelopedDiv .textCol {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 12px;
  }

  .serviceDiv .serviceDivBoth .row .card {
    margin-top: 5%;
  }

  .cmntP1New {
    margin-top: 4%;
  }

  .serviceDiv .serviceDivBoth {
    display: none;
  }

  .serviceDiv .ReplacementMobile.serviceDivBoth {
    display: block;
  }

  .container-top .pdiv h1.p1 .wordStyle {
    font-size: 1em !important;
  }

  .appDevelopedDiv .textCol h2,
  .appDevelopedDiv .textCol .btnDiv {
    text-align: center;
  }

  .appDevelopedDiv .textCol h2 {
    text-align: left;
  }

  .serviceDiv .serviceDivL .whiteBox {
    order: -1;
    margin-bottom: 2rem;
  }

  .serviceDiv .serviceDivL {
    display: flex;
    flex-direction: column;
  }

  .partnerImgDiv .bg-light img.goodfirms {
    width: 103px !important;
  }

  .commentdiv .commentSlider.commentSliderNew.owl-carousel .owl-item {
    max-height: 505px;
  }

  .testi-content::before {
    left: -40px;
    width: 30px;
  }

  .testi-content::after {
    right: -30px;
    width: 30px;
    height: 50px;
    bottom: -50px;
  }

  .testimonila-box {
    padding-top: 20px;
  }

  .testimonila-box .director {
    font-size: 15px;
  }

  .testimonila-box .greensubp {
    font-size: 15px;
  }

  .thirdDiv .thirdDivWebView {
    display: none;
  }

  .thirdDiv .thirdDivMobileView {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .serviceDiv .active .rightArrorImg {
    height: 87px;
  }

  .serviceDiv .active {
    height: 57px;
  }

  .thirdDiv .thirdDivMobileView {
    display: block !important;
  }
}

.partnershipDivL .owl-nav {
  display: none;
}

@media only screen and (min-width: 1024px) and (max-width: 1400px) {
  .commentdiv .commentdivInner h3.mainH {
    margin-top: 3.4%;
    font-size: 5.28rem;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .commentdiv .commentdivInner h3.mainH {
    margin-top: 6%;
    font-size: 5rem;
  }

  .tabDivInnerTab {
    width: 48%;
    margin-bottom: 10px;
  }
}

@media (min-width: 768px) and (max-width: 1620px) {
  .tabDivMenu button {
    padding: 20px 0px 20px 10px;
    font-size: 0.9em;
    line-height: 1.5em;
  }

  .tabContentDiv {
    padding: 23px 25px 0px;
  }

  .serviceDiv .tablinksserviceviews {
    padding: 2% 2%;
    font-size: 1em !important;
  }

  .tabMenuContentText {
    font-size: 1em;
  }

  .tabContentDiv a {
    font-size: 0.9em !important;
    line-height: 1.4em !important;
  }

  .webSubLink a {
    font-size: 11px !important;
  }

  .tabMenuContentText {
    /* padding: 12px 25px; */
    padding: 9px 19px;
  }

  .menuImgText {
    font-size: 14px;
    line-height: 21px;
  }

  /*.textColTestiDiv {*/
  /*  height: 650px;*/
  /*}*/
  .serviceMainHeadingText {
    font-size: 24px;
    line-height: 35px;
  }

  .webappDevlopContainerMain p {
    font-size: 16px;
    line-height: 30px;
  }

  .Web .webappDevlop .container.containerBox {
    max-width: 100%;
  }

  .serviceBoxGrid p {
    font-size: 16px;
    line-height: 26px;
  }

  .serviceBoxTitleCA {
    font-size: 28px;
  }

  .stickyDivSlider span {
    font-size: 0.9rem !important;
  }

  .stickyDivSlider p {
    font-size: 0.9rem !important;
  }

  .stickyDivSlider {
    top: 10px;
  }

  .testi-content {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .mt-150 {
    margin-top: 30px;
  }

  .servicePortfolioDivGrid {
    margin-top: 10px;
  }

  .cloud_migHeading {
    font-size: 1.7 em;
  }

  .row1Slider {
    padding: 10px;
  }

  .global-Outlook .card.third {
    margin: 10px 0px;
  }

  .global-Outlook .card.second {
    margin-top: 2%;
  }

  .global-Outlook {
    margin-top: 2rem;
  }

  .global-colright {
    margin-top: 25px;
  }

  .serviceDiv {
    padding: 0rem 0rem;
  }

  .industrial-nichesDiv {
    padding: 2rem 0 0rem;
  }

  .industrial-nichesDiv .row {
    margin-top: 2rem;
  }

  .col-md-5.partnershipDivR {
    margin-top: 60px;
  }

  .commentdiv .owl-carousel .owl-item {
    height: auto;
  }

  .commentdiv .commentBox .leftQuotes {
    width: 40px;
    position: static;
    margin-bottom: 6px;
  }

  .commentdiv .commentBox .rightQuates {
    bottom: -10px;
  }

  .commentdiv .commentBoxStyle {
    height: auto;
  }

  .appDevelopedDiv {
    padding: 0px 10px;
    margin-top: 0px;
  }

  .togetherDiv {
    padding: 1rem 0;
  }

  .global-Outlook h3,
  .industrial-nichesDiv h3,
  .partnershipDiv h3,
  .appDevelopedDiv h3,
  .togetherDiv h3 {
    font-size: 1.7rem;
  }

  .global-Outlook .global-colLeft p:nth-of-type(1) {
    margin-bottom: 1.5rem !important;
  }

  .cmntP2New {
    font-size: 1.3rem;
  }

  .commentdiv .disabled .commentSliderPre {
    background-size: 35px;
  }

  .commentdiv .disabled .commentSliderNext {
    background-size: 35px;
  }

  .commentdiv .carousel-control-next {
    top: 86% !important;
  }

  .commentdiv .carousel-control-prev {
    top: 86% !important;
  }

  .col {
    flex-basis: auto;
  }

  .text p {
    font-size: 0.9em !important;
    line-height: inherit;
  }

  .copyrightdiv {
    text-align: center;
  }

  .page-footer .copyrightdiv .col ul {
    justify-content: center;
  }

  .page-footer .copyrightdiv .col:nth-of-type(3) {
    justify-content: center !important;
  }

  .mobTabMargin {
    padding-top: 70px !important;
  }

  .eLernings .greatLearningDivImgetxt .carousel-control-next,
  .carousel-control-prev {
    left: 35%;
  }

  .commentdiv .carousel-control-next {
    right: 35%;
    left: auto;
  }

  .serviceDiv .mt-5 {
    margin-top: 0px !important;
  }

  .customer4Life .clientLogo {
    min-height: 124px;
  }

  .customer4Life .clientLogo img {
    margin-bottom: 0;
  }

  .appDevelopedDiv p {
    font-size: 1em;
  }

  .newTsplLargeTxt {
    font-size: 26px !important;
    line-height: 34px;
    text-align: left;
    display: block;
  }

  .container-top.parallax {
    height: 650px;
  }

  .slideInLeft {
    margin-top: 0% !important;
  }

  .stickyDivSlider {
    display: none;
  }

  .partnerText {
    font-size: 1.2rem !important;
    font-family: Inter Medium;
  }

  .fixedHeaderImgDiv {
    display: flex;
    justify-content: space-around;
    margin-top: 20px;
    position: absolute;
    bottom: 0;
  }

  .fixedHeaderImgDiv img {
    width: 130px;
  }

  .partnerStaticImgDiv {
    margin: 0px;
  }

  .partnerStaticImgDiv .bg-light {
    margin-right: 0px;
  }

  .devlopmentLiLink li {
    width: 100%;
  }

  .webSubLink a img {
    width: 20px;
  }

  .tabDivInnerTab {
    width: 100%;
    margin-bottom: 15px;
  }

  h2 {
    font-size: 1.7rem;
  }

  .w-50 {
    width: 100% !important;
  }

  .image img {
    height: auto !important;
  }

  .text-left-testi {
    font-size: 16px !important;
  }

  .appDevelopedDiv .imageCol {
    padding-bottom: 55px;
  }

  .appDevelopedDiv .textCol {
    padding: 10px !important;
  }

  .cstmCarouselItemshadow .btnDiv {
    margin-top: 10px;
  }

  .appDevelopedDiv .owl-carousel .owl-item .textCol img {
    display: block;
    margin: 0px 10px 0px 0px;
    width: 45px;
  }

  .featureGreenBox {
    padding-right: 0px !important;
  }

  .newTestimoContentBox p {
    font-size: 0.875em !important;
  }

  #mySidepanel .mobileLeftMenuul .sub-menu > li {
    background-image: url(../img/plus.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    background-size: 18px;
  }

  .card-header.caseStudyAccordianHeader {
    display: block;
  }

  .newTestimoContentBox {
    display: none;
  }

  .bothPageIcon {
    display: block;
  }

  .sidepanel .caseStudyM a {
    line-height: 1.3em;
  }

  .sidepanel .caseStudyM a span {
    font-size: 12px !important;
    font-weight: 300;
    font-style: italic;
  }

  .textColTestiDiv {
    height: 350px;
  }

  .Web .webappDevlop .webappDevlopTxt {
    padding: 20px 0px;
  }

  .webappDevlopContainerMain p {
    font-size: 16px;
    line-height: 30px;
    padding-top: 2%;
  }

  .serviceMainHeadingText {
    font-size: 18px;
    line-height: 28px;
  }

  .serviceBoxGrid {
    padding: 0px 10px;
  }

  .WebTechnologyWholeDiv .row {
    margin: 0px !important;
  }

  .serviceBoxTitleCA {
    font-size: 26px;
    line-height: 34px;
  }

  .webappDevlopTxtTop .pr-5 {
    padding-right: 10px !important;
  }

  .serviceBoxHeadingService:before {
    bottom: -10px;
  }

  .serviceBoxHeadingService {
    line-height: 26px !important;
    word-break: break-word;
  }

  .Web .webappDevlopTxtPhone {
    width: 100% !important;
    margin: 0% auto !important;
  }

  .Web .webappDevlop .container.containerBox {
    width: 96% !important;
    margin: 0px auto !important;
  }

  .serviceBoxGrid p {
    font-size: 15px;
    line-height: 24px;
  }

  .mt-50 {
    margin-top: 0px;
  }

  .iosmobile .iostechlogodiv .iostechlogoH {
    font-size: 1.5em;
  }

  .cstmRowCareer {
    width: 95% !important;
    margin: 5% auto !important;
  }

  .iosmobile .ioscasestydiv .ioscasestytxt .ioscasestyP1 {
    width: 90%;
  }

  .careerlast div .btnQuote {
    width: 80%;
  }

  .iosmobile .iostechlogodiv .iostechlogoP {
    font-size: 1em;
    line-height: 1.5;
    width: 90%;
  }

  .locCasestudy
    .container-locCasestudy
    .locCasestudypdiv
    .locCasestudypdivR
    img {
    margin-top: 0px;
  }

  .Web
    .webappDevlop
    .webappDevlopTxt
    .webappDevlopTxtTop
    .webappDevlopTxtTopColR
    .webappDevlopTxtTopColRInner
    button {
    padding: 4% 2% !important;
  }
}

.col-position-absolute {
  position: absolute;
  z-index: 9;
}

.col-position-absolute-img {
  width: 70px !important;
  height: auto;
}

.new-col-slider-top-stciky {
  padding: 20px 10px 20px 34px;
  color: #fff;
}

.tooltip-text {
  visibility: hidden;
  position: absolute;
  z-index: 2;
  width: 782px;
  color: white;
  font-size: 12px;
  background: #ffffff;
  border-radius: 6px;
  padding: 10px 15px 10px 15px;
}

.tooltip-text::before {
  content: "";
  position: absolute;
  transform: rotate(45deg);
  background: #ffffff;
  padding: 5px;
  z-index: 1;
}

#right {
  top: 380px;
  right: -237%;
  transform: rotate(90deg);
  padding: 20px;
  box-shadow: rgb(0 0 0 / 30%) -20px -16px 38px 0px,
    rgb(0 0 0 / 22%) 0px 15px 12px;
}

#right::before {
  top: 10%;
  left: -5px;
}

.hover-text {
  position: relative;
  display: inline-block;
  text-align: center;
  transform: rotate(270deg);
  background: #0b4f84;
  padding: 10px;
  border-radius: 0px 0px 5px 5px;
  color: #fff;
  z-index: 999;
  top: 22px;
  left: -40px;
  cursor: pointer;
}

.hover-text:hover {
  background: #fff;
  color: #0b4f84;
  cursor: pointer;
}

.tech-hover-text {
  position: relative;
  display: inline-block;
  text-align: center;
  transform: rotate(270deg);
  background: #0b4f84;
  padding: 10px;
  border-radius: 5px;
  color: #fff;
  z-index: 999;
  top: 250px;
  left: -26px;
  cursor: pointer;
}

.tech-hover-text:hover {
  background: #fff;
  color: #0b4f84;
  cursor: pointer;
}

.tech-hover-text .tooltip-text {
  visibility: visible;
}

.hover-text:hover .tooltip-text {
  visibility: visible;
}

/* 27-march-2023 */
.new-slider-div-topbg-text {
  font-family: "Inter";
  font-weight: 600;
  font-size: 15px !important;
  line-height: 24px !important;
  color: #000000 !important;
  margin-bottom: 0px !important;
}

.new-slider-div-top-flex {
  display: flex;
  align-items: flex-start;
  text-align: left !important;
  padding-left: 10px;
}

.circle-img-left-image {
  width: 20px !important;
  margin-right: 9px !important;
  transition: 0s !important;
}

.circle-img-left-image-flutter {
  transition: 0s !important;
}

.carousel-control-next,
.carousel-control-prev {
  width: 45px !important;
}

.feature-hover-text {
  top: 130px !important;
  left: -141px !important;
}

.feature-hover-text #right {
  top: 412px;
  right: -200%;
  transform: rotate(90deg);
  padding: 20px;
}

.new-slider-div-topbg {
  background: url("../img/sliderbg.png") no-repeat center;
  background-size: 100% 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 5px;
  position: relative;
}

.new-slider-div-topbg {
  pointer-events: none;
  position: relative;
}

/* .new-slider-div-topbg:hover {
  background: #000000;
  opacity: 0.8;  
  border-radius: 5px;
  z-index: 999;
  position: relative;
} */

.new-slider-div-topbg .hover-text {
  pointer-events: auto !important;
}

.carousel-item.about img {
  width: 100%;
  /* height: 700px; */
}

.carousel-item {
  position: relative;
}

/* .carousel-item.about::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .3);
} */

.container-fluid.container-top.about-us {
  padding-top: 0;
  margin-top: 0;
}

.about-slider .carousel-control-prev {
  top: 0 !important;
  left: 10px;
  width: auto;
}

.about-slider .carousel-control-next {
  top: 0 !important;
  right: 10px;
  width: auto;
}

.about-slider .carousel-control-prev-icon {
  width: 40px;
  height: 40px;
}

.about-slider .carousel-control-next-icon {
  width: 40px;
  height: 40px;
}

.contact .container-top.parallax {
  /* background: #4051b5; */
  background: url(../img/aboutus-triazine.jpeg) bottom center no-repeat;
  color: #ffffff;
  padding-bottom: 10%;
  background-size: cover;
  position: relative;
}

.contact .container-top.parallax::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  content: "";
  background: rgba(0, 0, 0, 0.7);
  height: 100%;
}

.contact .container-top {
  margin-top: 0;
  padding-top: 0;
}

.Web .container-Web-Div .webpdiv .webpdivR img {
  width: 340px;
}

.gal-item {
  overflow: hidden;
  padding: 2px;
}

.gal-item .box {
  height: 100%;
  overflow: hidden;
}

.box img {
  height: 100%;
  width: 100% !important;
  object-fit: cover;
  margin-top: 0 !important;
  transition: 0.3s;
  transform: scale(1);
}

.box:hover img {
  transform: scale(1.1);
}

section.about_content.history {
  background-color: #fff;
  margin-top: 145px;
  padding-bottom: 120px;
}

.h-75 {
  height: 76% !important;
}

.mobile_gallery {
  display: none;
}

.contactUsSection .CustomerImage1 {
  width: 53px;
  height: 53px;
}

/* .aboutus_section .Ourleadership_team .container {
  max-width: 1580px !important;
} */

.col-md-3.director_name {
  padding: 0 7px;
}

.aboutus_section .ourteam_direct .content.title_block p {
  font-size: 18px;
  margin-bottom: 5px;
}

.team-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all 0.5s;
  color: #fff;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.image-card:hover .team-content {
  height: 100%;
  background: rgba(37, 130, 192, 0.85);
  transition: all 0.5s;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

h4.team_head {
  font-weight: 600;
  font-size: 20px;
  margin: 0 0;
}

p.team_tag {
  font-size: 14px;
  padding-top: 3px;
  text-align: center;
}

.team-content img {
  width: auto !important;
}

.director_name.about-us {
  width: 16.6%;
  padding: 0 10px;
  margin-bottom: 20px;
}

h5.title_block {
  color: #257bc0;
  margin: 0 0;
  line-height: 20px;
  font-size: 17px;
  font-family: Inter Medium;
}

p.tag_block {
  font-size: 14px !important;
  color: #257bc0;
  margin-bottom: 9px;
  font-family: Inter Medium;
}

.image-card:hover .content.title_block {
  display: none;
}

.image-card img {
  width: 100% !important;
}

.director_name.first {
  margin-left: 120px;
}

.team_member .container {
  max-width: 1500px !important;
  width: 95%;
}

.team_member .image-card {
  position: relative;
}

.team_member.director {
  background-color: #f6f6f6;
  padding-bottom: 1px;
}

.team_member.director .director_name.about-us {
  width: 16%;
}

.serviceBoxGrid h3 {
  font-size: 21px;
  margin-bottom: 11px;
  padding-top: 10px;
  line-height: 29px;
  margin-bottom: 6px;
}

.serviceImgTitleBox img {
  width: 9.3%;
}

.medical_banner img {
  width: 70%;
}

.medical_banner {
  justify-content: end;
  display: flex;
}

.servicePortfolioDivImg img {
  width: 30%;
  padding-bottom: 6px;
}

.container-fluid.container-top.container-Web-Div.oil-container {
  background: linear-gradient(#187ddb, rgb(0 13 26));
}

.container-fluid.container-top.container-Web-Div.food-container {
  background: linear-gradient(#d74500, rgb(255 147 69 / 96%));
}

.container-fluid.container-top.container-Web-Div.health-container {
  background: linear-gradient(#ff2f2f9e, rgb(7 113 213));
}

.container-fluid.container-top.container-Web-Div.retail-container {
  background: linear-gradient(#340d2e, rgb(52 13 46 / 38%));
}

.container-fluid.container-top.container-Web-Div.fmcg-container {
  background: linear-gradient(#1a7e7e, rgb(0 0 0 / 49%));
}

.container-fluid.container-top.container-Web-Div.logistic-container {
  background: linear-gradient(#dd8383, rgb(35 131 205 / 90%));
}

.container-fluid.container-top.container-Web-Div.wdc {
  background: linear-gradient(#8360b3, #167b8bd1);
}

.container-fluid.container-top.container-Web-Div.erp {
  background: linear-gradient(#0c49518c, #00505c);
}

.container-fluid.container-top.container-Web-Div.Mobile-Div-bg {
  background: linear-gradient(#b4cee3, rgb(20 46 92)) !important;
}

.Web .container-Web-Div.oil-container .webpdiv .webpdivR img {
  width: 62%;
}

.Web .container-Web-Div.retail-container .webpdiv .webpdivR img {
  width: 55%;
}

.Web .container-Web-Div.fmcg-container .webpdiv .webpdivR img {
  width: 90%;
}

.Web .container-Web-Div.logistic-container .webpdiv .webpdivR img {
  width: 62%;
}

.Web .container-Web-Div.health-container .webpdiv .webpdivR img {
  width: 55%;
}

.innovator-img img {
  width: 85%;
}

.innovator-img.fmcg img {
  width: 85%;
}

.innovator-img {
  display: flex;
  justify-content: end;
}

.cstmRowCareer.retail .servicePortfolioDivImg img {
  width: 22%;
}

.cstmRowCareer.health .servicePortfolioDivImg img {
  width: 25%;
}

.engagepdivR img {
  width: 40%;
}

p.text-left.Cloud_computing_text_private {
  color: #fff;
}

.Portfolio .portDivCol2 img {
  width: 45%;
}

.col-md-6.folio-top-contentR img {
  width: 50%;
  margin-top: -12px;
  margin-bottom: 40px;
}

.igl-top-contentR img {
  width: 40%;
  margin-top: -2%;
  padding-bottom: 32px;
}

.hellotax-top-contenR img {
  width: 51%;
  margin-top: -13px;
  margin-bottom: 30px;
}

.jauntfix-top-contentR img {
  width: 50%;
  margin-top: -20px;
  margin-bottom: 30px;
}

.appDevelopedDiv {
  padding: 25px 0;
}

.sqr-slider {
  background: linear-gradient(#736cae, #4a87a0);
  position: relative;
  border-radius: 8px;
  height: 600px;
  cursor: grab;
}

.voyger-title {
  font-size: 24px;
  color: #fff;
  font-weight: 700;
}

.voyger-para {
  font-size: 19px !important;
  color: #fff;
  font-weight: 600;
  padding-left: 120px;
  line-height: 32px;
}

.sql-content {
  padding: 10px 10px;
}

.left-tag {
  position: absolute;
  bottom: 230px;
  font-size: 21px;
  font-weight: 600;
  left: -2px;
}

.tag-voyage {
  border-radius: 30px;
  background-color: #fff;
  color: #c92d0a;
  padding: 5px 14px 4px;
  font-weight: 600;
  display: inline-block;
}

.tag-voyage p {
  margin: 0 0;
  font-size: 17px !important;
}

.logo-voyage {
  width: 80px;
  height: 80px;
  margin-right: 30px;
}

.logo-voyage img {
  width: 100% !important;
}

.left-tag .hover-text {
  border-bottom-right-radius: 11px;
  padding: 16px 24px;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  left: -30px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 10px;
  font-size: 19px;
}

.left-tag .feature-hover-text {
  top: 175px !important;
  left: -176px !important;
}

.Mydiv {
  background-color: red;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

#housepital {
  background: linear-gradient(#e97000, #9d9f1ed1);
}

#ticketore {
  background: linear-gradient(#503a7a, #0c7099);
}

#mfah {
  background: linear-gradient(#241351d1, #6c0010e8);
}

#patched {
  background: linear-gradient(#253f9b, #ff9900d9);
}

#jane {
  background: (#475ba3bf, #021e48f7);
}

#vibe {
  background: linear-gradient(#d53259, #0d6c93);
}

#cugl {
  background: linear-gradient(#74ab57, #ad3958c9);
}

#igl {
  background: linear-gradient(#077a48, #dfb309);
}

#icold {
  background: linear-gradient(#240248, #3e3d918f);
}

#vwv {
  background: linear-gradient(#374255, #dd8a1b);
}

#read-sfeed {
  background: linear-gradient(#08897b, #ed546c);
}

#madima {
  background: linear-gradient(#559561fa, #ff8787);
}

#where-to-go {
  background: linear-gradient(#111b68, #25388adb);
}

#ntpc {
  background: linear-gradient(#0071cbd4, #07725b);
}

#mod {
  background: linear-gradient(#915400, #467251d4);
}

#rajdhara {
  background: linear-gradient(#1068a1, #1d0046e8);
}

#ultimats {
  background: linear-gradient(#b9356b, #003e99);
}

#udda {
  background: linear-gradient(#e1003361, #660017bd);
}

/*------------service section home page----------------- */
.tabcontentfoodMobiletext1 {
  background: #f7f8fc;
  position: relative;
}

.tabcontentfoodMobiletext1::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/pattern.png) center top repeat;
  left: 0;
  top: 0;
  opacity: 0.2;
}

.serviceDiv .card {
  background-image: none !important;
  background-color: #fff;
}

.serviceDiv .cardp {
  color: #000;
  font-size: 14px;
}

.serviceP {
  color: #222;
}

.serviceDiv .mobTabMargin {
  padding-top: 0 !important;
}

.serviceDiv h2.text-dark {
  color: #fff !important;
  text-align: center;
}

.serviceDiv .serviceDivBoth .serviceP .blue-subheading {
  color: #8bc53f !important;
}

p.serviceP a {
  color: #257aba !important;
}

.tab-section {
  margin-top: 42px !important;
}

/* ---------------client logo home page----------- */
.gallerySlider {
  padding: 0px 0px 0px;
  background: aliceblue;
  margin-top: 13px;
  height: 90px;
}

.gsImgGrid {
  padding: 5px;
  text-align: center;
  /* box-shadow: 1px 1px 5px #d4d4d4; */
  /* margin: 15px 0 0; */
  border-radius: 8px;
  height: 90px;
  display: flex;
  align-items: center;
  position: relative;
}

.gsImgGrid img {
  width: 130px !important;
  text-align: center;
  margin: auto;
  height: auto;
}

.gallerySlider .owl-carousel .owl-stage-outer {
  box-shadow: none !important;
}

.gallerySlider .owl-carousel .owl-nav button.owl-prev {
  position: absolute;
  top: 45%;
  left: 0px;
}

.gallerySlider .owl-carousel .owl-nav button.owl-next {
  position: absolute;
  top: 45%;
  right: 0px;
}

.gallerySlider .owl-nav button span {
  width: 40px;
  height: 40px;
  line-height: 36px;
  background: #fff !important;
  border-radius: 50%;
  display: inline-block;
  box-shadow: 1px 1px 5px #d4d4d4;
  border: 1px solid #ddd;
  font-size: 36px;
}

.gallerySlider .owl-dot.active span {
  background-color: #8cc852 !important;
}

.gallerySlider .owl-nav button {
  display: none;
}

.gallerySlider .owl-theme .owl-dots {
  display: block;
  text-align: center;
  position: relative;
  bottom: -10px;
}

.gallerySlider .owl-dot span {
  background: #ccc;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  display: block;
  margin: 0 3px;
}

.logo-box {
  width: 130px;
  border: 1px solid #ccc;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px 10px;
}

.logo-box img {
  cursor: alias;
  height: 28px;
  width: auto !important;
  min-height: 26px;
}

.navbar-brand {
  width: 170px;
  padding-top: 10px;
}

.divButton.link {
  margin-bottom: 0;
}

.feature-button {
  background-color: #0b4f84;
  color: #fff;
  font-size: 20px;
  font-weight: 600;
}

.key-features {
  position: absolute;
  bottom: 0;
  left: 0;
}

.e-lerningbanner img {
  width: 42%;
  margin-top: -25px;
  padding-bottom: 26px;
}

.container-fluid.container-top.learning-Top {
  padding-top: 12%;
}

.sql-content .d-flex.align-items-center {
  align-items: flex-start !important;
}

.feature-tag {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
}

.stack-btn {
  writing-mode: vertical-rl;
  background-color: #0b4f84;
  color: #fff;
  width: 40px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  margin-bottom: 7px;
  padding: 17px 7px;
  position: relative;
  transform: rotate(180deg);
}

.stack-btn .tooltiptext {
  display: none;
  width: 890px;
  background-color: #fff;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0;
  position: absolute;
  z-index: 1;
  bottom: 0;
  right: 40px;
  writing-mode: initial;
  transform: inherit;
  padding: 10px 0px;
  /* height: 253px;
  overflow-y: scroll; */
}

.stack-btn .tooltiptext::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 100%;
  margin-top: -5px;
  border-width: 10px;
  border-style: solid;
  border-color: transparent #fff transparent transparent;
}

.stack-btn:hover .tooltiptext {
  display: block;
  padding-right: 20px;
  box-shadow: -1px 0px 7px #666;
}

.stack-btn .tooltiptext::-webkit-scrollbar {
  width: 4px;
}

.stack-btn .tooltiptext::-webkit-scrollbar-thumb {
  background: #0b4f84;
  height: 30px;
}

.stack-btn .tooltiptext::-webkit-scrollbar-thumb {
  /* background-color: blue;
  border-radius: 20px;
  border: 3px solid #8bc53f; */
  background: #0b4f84;
  height: 30px;
}

.global-Outlook h3 {
  padding-top: 8px;
}

.divButton.home {
  text-align: left !important;
}

.gallery_title {
  color: #000;
  margin: 0 0;
  font-size: 24px;
}

p.client-text {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #2383cd;
  color: #fff;
  margin: 0 0;
  padding: 2px 0;
  font-size: 14px;
}

.download-app img {
  margin-right: 10px;
  width: 170px !important;
}

.download-text {
  font-size: 17px !important;
  color: #fff !important;
}

.download {
  padding-top: 5px;
}

.right-text-slide {
  padding-left: 110px;
}

.case-text {
  color: #f9ca3b !important;
  font-weight: 500;
  font-size: 19px !important;
}

.case-text a {
  color: #000;
}

.casy-study {
  padding: 20px 0;
}

.casy-study img {
  width: 10px !important;
  margin-left: 10px;
}

.visit:hover {
  background-color: #8cc852;
  transition: all ease 0.5s;
}

.casy-study a {
  display: inline-flex !important;
  align-items: center;
  position: relative;
}

.casy-study a::before {
  width: 100%;
  background-color: #e1e1e1;
  height: 2px;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
}

.casy-study a::after {
  width: 0%;
  background-color: #c6c7cb;
  height: 2px;
  transition: width 0.3s ease;
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
}

.casy-study a:hover::after {
  background-color: #f9ca3b;
  width: 100%;
  transition: width 0.3s ease;
}

.casy-study i {
  color: #ddbc5b;
  padding-left: 4px;
  font-size: 24px;
  /* line-height: 17px; */
  margin-top: -5px;
}

.visit {
  background: #fff;
  border-radius: 30px;
  padding: 7px 32px;
  display: flex;
  align-items: center;
  margin-right: 10px;
  width: 33%;
}

.stack-tag {
  margin: 0 0;
}

.stack-btn.sec .tooltiptext {
  bottom: 40px;
  width: auto;
}

.stack-btn.sec .logo-box {
  background-color: #fff;
  border: 2px solid #0e4f80;
}

.feature-tag .tooltiptext {
  transform: rotate(180deg);
}

.feature-tag .tooltiptext .mb-4 {
  margin-bottom: 10px !important;
}

.innovator-img.elearning img {
  width: 60%;
  padding-top: 40px;
}

.containerBox.boxShadow.react-native {
  width: 90%;
  margin: auto;
  background: #fff;
  border-radius: 5px;
}

h3.download-text {
  display: none;
}

.sql-img.coming {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
}

.sql-img.coming img {
  width: 90% !important;
  height: 520px;
}

.sql-img.coming {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 600px;
}

.testimonila-box .director {
  color: #fff;
  font-family: Inter Bold;
  font-size: 24px;
}

.testi-img {
  width: 80px;
  height: 80px;
  border-radius: 100%;
  margin-right: 20px;
}

.testimonila-box .director span {
  font-family: Inter Regular;
}

.testi-content::before {
  background: url(../img/newAssets/invotted-comma-start.webp) no-repeat;
  position: absolute;
  left: -70px;
  content: "";
  background-size: 100%;
  width: 50px;
  height: 50px;
  top: 0;
}

.testi-content::after {
  background: url(../img/newAssets/invotted-comma-end.webp) no-repeat;
  position: absolute;
  right: -30px;
  content: "";
  background-size: 100%;
  width: 50px;
  height: 50px;
  bottom: -30px;
}

/* .testimonial-sec {
  position: absolute;
  bottom: 0;
  left: 0;
} */

.commentdiv .owl-carousel .owl-item {
  height: auto !important;
}

.testi-img img {
  border-radius: 100%;
}

span.arrow-prev {
  left: 0;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
}

span.arrow-next {
  right: 0;
  position: absolute;
  top: 47%;
  transform: translateY(-50%);
}

.container-fluid.container-top.container-Web-Div.media {
  background: linear-gradient(#492d8b, rgb(108 163 249 / 76%));
}

.Web .container-Web-Div .webpdiv .webpdivR.media-img img {
  width: 64%;
}

.innovator-img.media-image img {
  width: 54%;
}

.innovator-img.media-image {
  justify-content: center;
}

.sqr-slider.no-cursor {
  cursor: auto;
}

.inner-slider {
  cursor: grab;
}

#safe-living {
  background: linear-gradient(#2d2d8dd9, #75e5c3);
}

#travel {
  background: linear-gradient(#2d2d8dd9, #75e5c3);
}

#toll {
  background: linear-gradient(#bb8c00, #f73939e0);
}

#cambridge {
  background: linear-gradient(#b1aed3, #1e0134);
}

#zatchup {
  background: linear-gradient(#463064, #f1f1f1);
}

#midi-shell {
  background: linear-gradient(#e1b44e, #1c1c1c);
}

h4.coming-text {
  font-size: 17px;
  color: #fff;
  background: #1b1c1c;
  display: inline-block;
  border-radius: 19px;
  padding: 5px 16px 5px;
  font-weight: 500;
}

.fixedHeaderImgDiv {
  display: flex;
  justify-content: space-between;
  padding-top: 0px;
  position: absolute;
  bottom: 9px;
  width: 100%;
}

.explore-brochure {
  background: #2083d2;
  color: #fff;
  font-family: "Inter Semi Bold" !important;
  border: 3px solid #2083d2;
  border-radius: 10px;
  padding: 10px 20px !important;
  margin: 0 0;
  font-size: 19px !important;
  text-align: center;
}

.fixedHeaderImgDiv .btndivButton.brochure {
  margin: 0 0;
  height: auto;
  width: auto;
  padding: 13px 32px;
  font-size: 18px;
}

.fixedHeaderImgDiv .divButton {
  margin: 0 15px 0 0;
}

.applybtn.brochure img {
  width: 80px;
  margin-right: 4px;
}

button.btndivButton.brochure span:after {
  top: 4px;
  font-size: 27px;
  right: 5px;
}

button.btndivButton a {
  color: #fff;
}

.udda-product .we_didH {
  margin-bottom: 1% !important;
}

.udda-tag {
  padding-bottom: 20px;
}

.udda-tag .we_did {
  margin-top: 1% !important;
}

.udda-banner img {
  width: 40% !important;
}

.udda-sec .row.we_didRow {
  margin-top: 2%;
}

.housepital-Detial
  .container-fluid.container-top.container-housepital-details.igl-safety {
  background: linear-gradient(#0d6639db, rgb(255 171 3));
  background-attachment: fixed;
  padding-bottom: 6%;
}

.housepital-black.cstmRowCareer.row.igl-safety-box {
  background-color: #ffd00e;
}

.housepital-Detial .brif-summary .aboutH .aboutH.igl {
  font-size: 17px;
  line-height: 36px;
  padding-bottom: 16px;
}

.igl-safety {
  color: #000 !important;
}

li.goal-list {
  font-size: 15px;
  padding-bottom: 14px;
}

.goal {
  padding-top: 30px;
}

.goal.bg-light {
  background: #fef7f1 !important;
}

.igl-title {
  color: #088746 !important;
}

.houspital-col12-border-left.igl-border {
  border: 2px solid #088746 !important;
}

.igl-sec {
  background-color: #108a4b14 !important;
}

.igl-safety-img {
  margin-top: -60px;
}

i.fa.material-icons.igl {
  color: #088746;
}

.row.houspital-row-first-border-bottom.igl-border-btm {
  border-bottom: 2px solid #088746;
}

.col-md-4.p-0.houspital-col-border-lef.igl-border-left {
  border-left: 2px solid #088746;
}

.goal-list {
  background-color: #fff;
  border-radius: 8px;
  color: #222;
  font-size: 16px;
  padding: 20px 20px;
  margin-bottom: 29px;
  line-height: 26px;
  box-shadow: 0px 0px 10px #a1a1a1;
  min-height: 235px;
}

.goal-section.white .goal-list {
  background-color: #fff;
  min-height: 250px;
  box-shadow: 0px 0px 10px #a1a1a1;
}

.goal.igl-page .container {
  max-width: 1290px;
}

ul.processUL {
  padding: 0 0;
}

.goal-title {
  font-size: 19px;
  display: block;
  text-align: center;
  /* font-weight: 600; */
  color: #000;
  padding-bottom: 8px;
  font-family: Inter Semi Bold;
}

li.list-igl {
  padding-bottom: 20px;
}

.list-igl-ul {
  padding-bottom: 18px;
}

/* -----------------country sidenav-------------------- */
.country-title {
  font-size: 14px;
  color: #fff;
  font-weight: 600;
}

.country-dropdown {
  /* margin-left: 30px; */
  display: none;
  margin-right: 12px;
  /* margin-top: 13px; */
}

.country-dropdown.home {
  display: inline-flex;
  align-items: center;
  padding: 12px 0 0 10px;
  cursor: pointer;
}

.country-dropdown .country-ico {
  width: 22px;
  height: 22px;
  border-radius: 100%;
  margin-right: -5px;
}

.bs-canvas-overlay {
  opacity: 0.85;
  z-index: 1100;
  top: 0;
}

.bs-canvas {
  top: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
  width: 330px;
  transition: margin 0.4s ease-out;
  -webkit-transition: margin 0.4s ease-out;
  -moz-transition: margin 0.4s ease-out;
  -ms-transition: margin 0.4s ease-out;
}

.bs-canvas-left {
  left: 0;
  margin-left: -330px;
}

.bs-canvas-right {
  right: 0;
  margin-right: -330px;
  background-color: #fff;
}

.country-list {
  list-style: none;
}

.country-list img {
  width: 22px;
  height: 22px;
  margin-right: 12px;
}

.country-list a {
  font-size: 14px;
  color: #222;
  font-family: Inter Semi Bold;
}

.off-canva-menu {
  padding-left: 23px;
  padding-top: 20px;
}

.country-dropdown a {
  color: #fff;
  font-family: Inter Semi Bold;
}

.country-dropdown i {
  font-weight: 600;
  padding-left: 0px;
  font-size: 20px !important;
  padding-top: 0px;
  color: #000;
  margin-left: -5px;
}

.country-dropdown a:hover {
  color: #2083d2 !important;
}

.country-list a:hover {
  color: #2083d2;
}

.header.active .country-dropdown a {
  color: #333;
}

.close {
  margin: 2px 14px;
  opacity: 1;
}

a.web_icon {
  margin-top: 15px;
}

.header.active a.web_icon {
  margin-top: 0px;
}

.QAtechlogodiv.cstmRowCareer.text-center img {
  width: 40%;
}

.qa-box-sec {
  box-shadow: 1px 1px 12px #a2a2a2;
  border: 1px solid #fff;
  border-radius: 4px;
  padding: 10px 20px;
  min-height: 250px;
  margin-bottom: 30px;
}

.qa-box-sec p {
  font-family: Inter Regular;
  font-size: 15px;
  line-height: 1.75;
  color: #000;
  font-weight: 400;
}

.qa-box-sec h4 {
  font-family: Inter Bold;
  font-size: 1.2em;
  font-weight: 500;
  line-height: inherit;
  color: #333;
  position: relative;
  text-transform: capitalize;
  padding-top: 6px;
}

.qa-btn {
  font-size: 16px;
  background: transparent;
  border: transparent;
  display: block;
  color: #58a70d;
  font-weight: 600;
  padding: 5px 0px;
}

.no-bg {
  background-color: transparent !important;
}

.qa-btn:hover {
  color: #257aba;
  background-color: transparent;
  border: transparent;
  padding: 3px 0px;
}

.qa-btn:focus {
  background-color: transparent;
  border-color: transparent;
  color: #257aba;
  box-shadow: none;
}

.inner-ul {
  display: inline-block;
  width: 40%;
  vertical-align: top;
}

.box-shadow-box {
  width: 90%;
  margin: auto;
  background: #ffffff;
  border-radius: 5px;
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.2);
}

.androiddevlop .circle2 {
  display: none;
}

.iot_internetthings .iot_internetblackdiv {
  background-color: #a9a0b51f;
}

.qa-title {
  display: flex;
  justify-content: space-between;
  padding-top: 9px;
  padding-bottom: 10px;
  align-items: center;
}

.RowWebDevPhoneL img {
  /* width: 350px; */
  text-align: center;
}

.phython-img {
  width: 60%;
  text-align: center;
  padding-top: 20px;
}

.androidbanner_img {
  width: 300px;
  margin-top: -70px;
}

.androidappDevlopTxtTop {
  align-items: center;
}

.anndappDevlopTxtTopColL {
  padding-left: 25px;
}

/* ---------------------why choose us  ---------------- */
.qa-section {
  background-color: #f6f6f6;
  padding: 35px 0;
}

.qa-heading {
  text-align: center;
  font-family: Inter Semi Bold;
  line-height: 1.5;
  padding: 0% 0% 0%;
  color: #257bc0;
  font-size: 35px;
}

.qa-para {
  line-height: 29px;
  text-align: center;
  font-size: 16px;
  padding: 0px 32px 10px;
}

.qa-box-sec {
  min-height: 245px;
}

/* .qa-box-sec p {
  padding-top: 11px;
} */

.android-img img {
  text-align: center;
  width: 430px;
}

.inner-div {
  width: 78%;
  margin: 0 auto;
}

.dev-sevices {
  padding-top: 40px;
}

.dev-para {
  font-family: Inter Regular;
  font-size: 16px;
  line-height: 30px;
  color: #000;
  font-weight: 400;
}

.dev-title {
  font-family: Inter Semi Bold;
  line-height: 1.5;
  padding: 0% 0% 0px;
  color: #257bc0;
  font-size: 35px;
}

.dev-phone-img img {
  width: 100%;
}

.dev-sevices li {
  list-style: none;
  display: flex;
}

.dev-sevices li span.material-icons {
  padding-right: 10px;
}

.dev-sevices ul {
  padding: 0 0;
}

.jsframwork .hireJSDev #jsFrmCarousel .left img {
  display: none;
}

.jsframwork .hireJSDev #jsFrmCarousel .right img {
  display: none;
}

.serviceBoxGrid.js {
  height: calc(100% - 30px);
}

.servicePortfolioDivImg.js img {
  width: 80px !important;
}

.serviceBoxGrid.js P {
  margin-bottom: 0;
}

.qa-box-sec.js {
  min-height: 215px;
}

.col-md-4.ourSpecialistCol img {
  width: 50%;
}

.platformScreenCol img {
  width: 60%;
}

.appFeatureCol .qa-box-sec {
  min-height: 200px;
}

.AppIntegrationColL img {
  width: 430px;
}

.center-div {
  width: 90%;
  margin: 0 auto;
}

#microsoft img {
  height: 60px;
}

.Web .webappDevlopTxtPhone .qa-box-sec {
  min-height: 297px;
  margin-bottom: 10px;
}

.top-space {
  padding-top: 2% !important;
}

.aquaLine {
  width: 50px;
  height: 3px;
  background: #09f5ce !important;
  display: inline-block;
  margin-left: 5px;
}

.aquaColor {
  color: #09f5ce !important;
}

.newTsplSerSideImg img {
  height: 370px;
  float: right;
  object-fit: cover;
  margin-top: 17px;
}

.applybtn.brochure a {
  color: #fff;
}

.applybtn.brochure {
  margin-top: 15px;
  padding: 0 0px;
  background-color: #fff;
  border: 1px solid #2083d2;
}

/* .carousel-inner .applybtn.brochure {
  background-color: #8bc53f;
}
 */

button.applybtn.brochure:hover span:after {
  top: 11px;
}

.carousel-inner button.applybtn.brochure:hover span:after {
  top: 2px;
}

.carousel-inner button.applybtn {
  padding-left: 8px;
  padding-right: 10px;
}

/* .animated.slideInLeft {
  margin-top: 14px;
} */

.navbar-expand-xl .navbar-nav {
  padding-top: 15px;
}

.header.active .applybtn.brochure {
  margin-top: 0;
}

#end-to-end-product-engineering {
  display: none;
}

#business-transformation {
  display: none;
}

#cloud-services {
  display: none;
}

nav.navbar.navbar-expand-xl.navbar-light:hover {
  background-color: #fff;
}

nav.navbar.navbar-expand-xl.navbar-light:hover .nav-link {
  color: #222 !important;
}

nav.navbar.navbar-expand-xl.navbar-light:hover .country-dropdown i {
  color: #222;
}

.hire-services {
  background-color: #263238;
  padding: 35px 0;
}

.hire-service-tag {
  font-family: Inter Medium;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  text-transform: capitalize;
  padding-bottom: 35px;
  /* line-height: 28px; */
  width: 100%;
}

.hire-services .circleNum {
  margin-right: 14px;
}

.bg-white {
  background-color: #fff;
}

.engagement-model {
  background-color: #f1f1f1;
  padding: 50px 0 35px;
  text-align: center;
}

.engagement-box {
  box-shadow: 1px 1px 12px #a2a2a2;
  border: 1px solid #fff;
  background: #fff;
  padding: 20px 22px;
  margin-bottom: 32px;
  min-height: 290px;
  display: flex;
  align-items: center;
  flex-direction: column;
  border-radius: 4px;
  height: calc(100% - 30px);
  justify-content: center;
}

.engagement-box p {
  font-size: 1em;
  font-weight: 400;
  color: #000;
  line-height: 26px;
  padding-top: 7px;
}

.engagement-box h3 {
  padding-top: 12px;
  margin-bottom: 4px;
  font-family: Inter Bold;
  font-size: 1.2em;
  font-weight: 500;
  color: #333;
  text-transform: capitalize;
}

.tag-engage {
  text-align: center;
  /* font-weight: 500; */
  padding: 6px 120px;
  line-height: 29px;
  font-family: Inter Semi Bold;
  color: #222;
}

.title-engage {
  text-align: center;
  font-size: 32px;
  line-height: 32px;
}

.engagement-section {
  padding-top: 30px;
}

.text-black {
  color: #000;
}

.hire-service-box span {
  padding: 0 15px;
  height: 44px;
  line-height: 44px;
}

.hire-service-box {
  margin-top: 55px;
}

.inner-banner {
  width: 60%;
}

.inner-banner-right {
  display: flex;
  justify-content: center;
}

.ODC-services {
  width: 52% !important;
}

.profile-designation {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 8px;
  color: #257bc0;
}

.profile-ex {
  font-size: 18px;
  font-family: Inter Medium;
  color: #222;
  padding-top: 8px;
  font-style: italic;
}

.career-box {
  padding-top: 25px;
}

.job-tag {
  margin-bottom: 2px;
  font-size: 18px;
}

.job-text {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  font-family: Inter Medium;
}

.career-listing {
  list-style: none;
  font-family: Inter Medium;
  font-size: 16px;
  color: #222;
  list-style-type: disclosure-closed;
  padding-bottom: 12px;
}

.career-ul {
  padding-left: 23px;
  padding-top: 6px;
  padding-bottom: 0;
  margin-bottom: 0;
}

.career-list-sec {
  padding-top: 12px;
}

.carrer-tag-salry {
  font-size: 16px;
  font-family: Inter Medium;
  padding-bottom: 9px;
  margin-bottom: 0;
}

.salry-sec {
  padding-top: 25px;
}

.headingul li {
  font-size: 20px;
  font-weight: 500;
  padding-bottom: 8px !important;
  color: #257bc0;
  font-family: Inter Medium;
}

p.note-tag {
  font-size: 16px;
  font-style: italic;
  padding-top: 5px;
}

/* .center-img img {
  min-height: 64px;
} */

.offshore-img {
  width: 55%;
}

.count-div {
  display: flex;
}

.tech-sec .serviceBoxGrid {
  height: auto;
  min-height: 260px;
  /* display: flex;
  flex-direction: column;
  justify-content: center; */
}

.tech-sec .servicePortfolioDivImg {
  margin: 0px auto 18px;
}

.tech-sec .servicePortfolioDivImg img {
  width: 100% !important;
}

.tech-sec .servicePortfolioDivImg img.small-img {
  width: 70% !important;
}

.tabContentDivInnerRow .mb-40 {
  margin-bottom: 20px;
}

.WebTechnologyWholeDiv .servicePortfolioDivImg img {
  width: 30%;
}

.servicePortfolioDivImg:last-child img {
  width: 45%;
}

.grey-bg {
  background-color: #263238;
  color: #fff !important;
}

.grey-bg .engagement-box {
  color: #222 !important;
}

.inner-banner-ehs {
  width: 48%;
}

.ehs .engagement-box {
  height: 340px;
}

.permit-list {
  list-style: none;
  padding: 10px 0;
  text-align: left;
  font-size: 1em;
  list-style-type: disc;
  color: #000;
}

.tab-content.ehs-page .engagement-box {
  min-height: 500px;
}

.ehs-tabs .nav-link {
  color: #fff;
  font-size: 19px;
}

.ehs-tabs .title-engage {
  color: #fff;
  font-size: 33px;
}

.ehs-tabs .engagement-box ul {
  padding: 0 0 0 30px;
}

.engage-text {
  padding-bottom: 10px;
}

.ehs-page .engagement-section {
  padding-top: 0;
}

.ehs-tabs .nav-item {
  margin-right: 10px !important;
}

.ehs-top .engagement-box {
  min-height: 220px;
}

.ehs-top .center-img {
  padding-top: 10px;
}

.ehs-tabs .container {
  max-width: none;
  width: 95%;
}

.ehs-title {
  color: #222;
  font-size: 19px;
  padding: 0 10%;
  font-family: Inter Medium;
}

.ehs-tabs .nav-link.active {
  color: #222 !important;
  font-family: Inter Medium !important;
}

.common-text {
  font-family: Inter Regular !important;
  color: #000 !important;
  font-size: 1em !important;
}

.ehs-tabs .nav {
  margin-top: 40px;
  justify-content: center;
}

#menu1 .engagement-box {
  min-height: 350px;
}

#menu3 .engagement-box {
  min-height: 350px;
}

#menu2 .engagement-box {
  min-height: 452px;
}

.ehs-tabs .nav-tabs .nav-link.active {
  background-color: #2383cd;
  color: #fff !important;
  border: 1px solid #2383cd;
}

.erp-top-banner {
  width: 58% !important;
}

.upper-text-left {
  padding-left: 15px;
}

.mt-180 {
  margin-top: 210px;
}

#microsoft .col-md-3 {
  padding-bottom: 15px;
}

.ibm-mobile-img img {
  width: 26% !important;
}

.ibm-app-title {
  font-size: 30px !important;
}

.feed-title {
  text-align: center;
  font-size: 46px;
  text-transform: capitalize;
  font-family: Inter Semi Bold;
  padding-bottom: 12px;
}

.feed-box {
  padding: 20px 0;
  height: 690px;
  border: 1px solid #e9e3e3;
  border-radius: 5px;
}

.social-feed {
  padding: 30px 0 15px;
}

.social-feed .col-md-4 {
  padding: 0 30px;
}

.logo-ico {
  display: flex;
  justify-content: center;
  padding-bottom: 30px;
}

.logo-ico img {
  border-radius: 4px;
  margin: 0px 5px;
  width: 45px;
}

.spacing-web {
  padding-top: 270px;
}

.Web .webappDevlopTxtPhone p {
  font-size: 16px;
  font-weight: 400;
  line-height: 35px;
}

.cloud_Serve.aws_services .text-center p {
  text-align: center;
}

img.large {
  width: 50% !important;
}

img.large12 {
  width: 59% !important;
}

img.medium {
  width: 60%;
}

.mobile-app-img img {
  width: 550px;
}

.mobile-app-img.small-img img {
  width: 500px;
}

.mobile-app-img {
  display: flex;
  justify-content: center;
  padding-bottom: 20px;
}

img.large-ico {
  width: 40% !important;
}

.technologies img {
  width: 36% !important;
}

img.last-ico {
  width: 100px !important;
}

.engagement-model .container {
  width: 90%;
  max-width: none;
}

.Web .webmoreservice.dev {
  margin-top: 11%;
  margin-bottom: 0;
}

.Cloud_Technoloy_FirstRow_img.tech-ico img {
  width: 120px !important;
}

.Cloud_Technoloy_FirstRow_img.tech-ico-small img {
  width: 60px !important;
}

.sw .count-div {
  margin-bottom: 20px;
}

.tag-line {
  color: #fff;
  font-size: 15px;
  text-align: center;
  font-family: Inter Medium;
}

.row.cloud_Serve.aws_services.text-white h4 {
  font-size: 21px;
  font-family: Inter Medium;
}

.engagement-section.ui-ux .center-img img {
  width: 50px !important;
}

.ui-ux img {
  width: 120px !important;
}

.ui-ux-small img {
  width: 45px !important;
}

.ui-ux-medium img {
  width: 65px !important;
}

.sub-title-engage {
  color: #237abf;
  font-size: 22px;
  text-align: center;
  font-family: Inter Semi Bold;
  font-style: italic;
}

.tag-engage .text-blue {
  padding: 0 0 !important;
  vertical-align: top !important;
  line-height: 28px !important;
}

.engagement-section.sap .engagement-box {
  min-height: 255px;
}

.dark-bg {
  background: #263238;
}

.hire-services .text-black {
  color: #fff;
}

.CLoud_industries.dark-bg {
  padding-top: 20px;
}

.meterblogdivP1 {
  font-weight: 400;
  line-height: 28px;
}

.hire-services .tag-engage {
  color: #fff;
}

.cloud-dev .Cloud_Technoloy_FirstRow_img img {
  max-height: 48px;
}

.mt-220 {
  margin-top: 220px;
}

.hire-services.no-bg .tag-engage {
  color: #222;
}

.hire-services.no-bg .hire-service-tag {
  color: #222;
}

.right-box .material-icons {
  background: #20589b;
  width: 35px;
  min-width: 35px;
  height: 35px;
  display: inline-block;
  text-align: center;
  line-height: 33px;
  border-bottom-right-radius: 20px;
  margin-right: 10px;
  font-size: 19px !important;
  padding: 0 0;
}

.right-box {
  display: flex;
  /* align-items: center; */
}

.right-box p {
  padding-left: 10px !important;
  margin: 0 !important;
}

.technologies-bi img {
  width: 130px !important;
}

.legacy-tech img {
  width: 120px !important;
}

.legacy-tech .small-img {
  width: 53px !important;
}

.customer-get-box {
  display: flex;
  align-items: center;
  border: 2px solid #666;
  border-radius: 10px;
  padding: 20px 10px 20px 6px;
}

.gets-title {
  font-family: Inter Medium;
  font-size: 16px;
  font-weight: 500;
  color: #222;
  margin-bottom: 0;
  padding-left: 10px;
  line-height: 28px;
}

.Count {
  color: #dedede;
  font-size: 4rem;
  font-weight: 600;
  padding: 0px 0px 0 10px;
}

.light-bg {
  background-color: #a9a0b51f;
}

.qa-logo img {
  width: 32% !important;
}

.qa-logo .logo-last {
  width: 21% !important;
}

.text-blue.boldText a {
  color: #237abf !important;
}

.banner-title {
  text-align: left;
  font-family: Inter Semi Bold;
}

.banner-text {
  text-align: left;
}

.folio-top-contentL .banner-title {
  color: #fff;
}

.folio-top-contentL .banner-text {
  color: #fff;
}

.margin-btm {
  margin-bottom: -8px;
}

.main-sub-title {
  font-size: 21px;
}

.customer-get-box .Count {
  font-size: 45px;
  font-weight: 500;
  padding: 0 4px 0 5px;
}

.main-sub-title.large {
  font-size: 26px;
}

.top-slide-para {
  font-family: Inter Medium;
  font-weight: 500;
  line-height: 30px;
  font-size: 17px;
  margin: 0 0;
  padding-bottom: 8px;
}

.top-yellow-box {
  box-shadow: 0 0 60px 0 rgba(0, 0, 0, 0.1);
  background-color: #ffd00e;
  padding: 1.5% 2%;
  margin-top: -6% !important;
  position: relative;
  z-index: 9;
  border-radius: 10px;
  align-items: center;
}

.play-box {
  display: flex;
  justify-content: end;
}

.play-box img {
  width: 140px;
  height: 44px;
  margin: 0 10px;
}

.stories-content {
  padding-top: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.stories-top {
  padding-top: 30px;
  padding-bottom: 15px;
  padding-left: 20px;
  padding-right: 20px;
}

.ios-ul li {
  list-style: none !important;
  display: flex;
  font-size: 14px;
  font-family: Inter Semi Bold;
  font-weight: 500;
}

.ios-ul p {
  margin-bottom: 0;
  padding-left: 9px;
  font-size: 14px;
}

.ios-ul {
  padding-left: 0;
}

.mobile-app-img.ios img {
  width: 420px;
}

.subHeading {
  font-size: 28px !important;
}

.platformScreenCol {
  padding-top: 15px;
}

.ionic-div {
  padding-top: 290px;
}

.ionic-div .mobile-app-img img {
  width: 400px;
}

.techno-icons {
  border: 1px solid #f3f3f3;
  border-radius: 10px;
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  min-height: 140px;
  margin: 0.85rem 0rem;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  max-height: 140px;
  height: 140px;
}

.techno-icons img {
  width: 120px;
  height: auto !important;
}

.techno-icons.small img {
  width: 65px;
}

.techno-icons.very-small img {
  width: 50px;
}

.margin-220 {
  margin-top: 220px;
}

.container-Web-Div.ibm {
  padding-bottom: 2%;
}

.imb-img {
  margin-top: -50px;
}

.ionic-boxshadow {
  margin-top: 8% !important;
}

.python-img img {
  width: 370px;
}

.industry-side {
  margin-top: 20px !important;
}

.row.industry-side {
  padding: 6px 4px 14px 4px !important;
}

.case-sec .w-50 {
  width: 33% !important;
}

.case-sec {
  padding: 8px 15px 5px;
}

/* --------------------home page slider css */
.image-right {
  display: flex;
  justify-content: end;
  width: 80%;
}

.image-right img {
  border-radius: 4px;
  background: #fff;
  padding: 7px 14px;
}

.images-left {
  display: flex;
}

.iso-img {
  border-radius: 4px;
  background: #fff;
  padding: 7px 14px;
}

.container-top.home-page {
  margin: 0 0;
  padding: 0 0;
}

.container-top.home-page .country-dropdown a {
  color: #222;
}

.bottom-logo {
  position: absolute;
  bottom: 0;
}

.logo-slider {
  display: flex;
}

.logo-slider li {
  margin-right: 10px;
  list-style: none;
}

.logo-slider li img {
  width: 140px;
  height: 53px;
}

.new-slider .carousel-item img {
  height: 680px;
  object-fit: COVER;
  width: 100%;
}

.home-page .navbar {
  background-color: #fff;
}

.home-page .navbar-light .navbar-nav .nav-link {
  color: #222;
}

.banner-content {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  top: 55%;
  transform: translateY(-50%);
  width: 100%;
}

.banner-content.ehs {
  text-align: left;
  padding-left: 40px;
}

.banner-content.mobile-app {
  width: 100%;
}

.banner-head {
  font-size: 80px;
  font-weight: 700;
  color: #140670;
  padding-top: 20px;
  font-family: Inter Bold !important;
}

.banner-head.mobile-app {
  font-size: 50px;
  font-weight: 800;
  color: #195565;
  padding-top: 20px;
  font-family: Inter Bold !important;
}

.banner-head.ehs {
  font-size: 60px;
  font-weight: 600;
  color: #fff;
  padding-top: 20px;
  font-family: Inter Semi Bold !important;
  border-bottom: 4px solid #fff;
  display: inline-block;
  padding-bottom: 3px;
}

.banner-tag {
  font-weight: 600;
  font-size: 50px;
  color: #171717;
  font-family: Inter Semi Bold;
}

.banner-tag.ehs {
  font-weight: 700;
  font-size: 80px;
  color: #d6ce13;
  font-family: Inter Bold !important;
  line-height: 90px;
  padding-top: 13px;
}

.title-img {
  width: auto !important;
  height: auto !important;
}

.banner-content.robotic {
  width: 100%;
}

.banner-content.robotic {
  text-align: left;
  padding-left: 40px;
}

.banner-head.robotic {
  font-size: 52px;
  color: #2f2572;
}

.banner-tag.robotic {
  font-size: 40px;
}

.banner-head.serving {
  font-size: 65px;
  color: #00fcde;
}

.slide-top-title {
  /* background-color: #ffbd36; */
  width: auto;
  display: inline-block;
  -webkit-transform: skew(-150deg);
  -moz-transform: skew(-150deg);
  transform: skew(-150deg);
}

.slide-top-title.serving {
  background-color: #ffe500;
  -webkit-transform: skew(150deg);
  -moz-transform: skew(150deg);
  transform: skew(150deg);
  margin-top: 10px;
}

.banner-tag.serving {
  color: #fff;
  font-size: 80px;
  line-height: 80px;
}

.slide-top-title.digital {
  background-color: #ffbd36;
}

.slide-top-title.robust {
  background-color: #195565;
}

.slide-top-title.robust .slide-text {
  color: #fff;
}

.slide-top-title.robotic .slide-text {
  color: #140670;
}

.slide-top-title.serving .slide-text {
  color: #140670;
  -webkit-transform: skew(-150deg);
  -moz-transform: skew(-150deg);
  transform: skew(-150deg);
}

.slide-text {
  padding: 0 0;
  margin: 0 0;
  font-weight: 600;
  font-size: 40px;
  color: #140670;
  font-family: Inter Semi Bold;
  padding: 2px 40px;
  -webkit-transform: skew(150deg);
  -moz-transform: skew(150deg);
  transform: skew(150deg);
}

.slide-top-title.robotic {
  background-image: linear-gradient(to right, #d8adff, transparent);
}

.mobile-slide {
  display: none;
}

.button-ico img {
  width: auto !important;
  height: auto !important;
}

.button-ico {
  background-color: #33e96b;
  border-radius: 4px;
  border: 1px solid #33e96b;
  margin-right: 5px;
}

.button-ico i {
  margin-right: 5px;
}

.button-ico.sec i {
  margin-right: 0px;
  margin-left: 4px;
}

.button-ico.sec {
  background-color: transparent;
  border: none;
}

.button-ico.sec a {
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}

.button-ico a {
  font-size: 0.9em;
  color: #222;
  font-family: Inter Medium;
  display: inline-block;
  padding: 5px 5px;
}

.button-ico img {
  width: 20px !important;
  margin-right: 5px;
}

.logo-slider li:first-child img {
  width: 200px;
  height: 53px;
  object-fit: cover;
  border-radius: 5px;
}

.new-slider .carousel-indicators li {
  box-shadow: rgb(0 0 0) 2px 2px 4px 0px;
}

.new-slider .carousel-indicators li.active {
  box-shadow: rgb(0 0 0) 2px 2px 4px 0px;
}

.company.greensubp {
  font-size: 16px;
}

#helium {
  background: linear-gradient(#4c341c, #2e8ac9);
}

h2.text-dark.serviceH.mobTabMargin {
  display: none;
}

#grassroot {
  background: linear-gradient(#4c341c, #777365);
}

@media only screen and (max-width: 1600px) {
  .banner-head {
    font-size: 50px;
  }

  .banner-tag {
    font-size: 50px;
  }

  .banner-head.mobile-app {
    font-size: 40px;
  }

  .banner-head.robotic {
    font-size: 50px;
    margin-bottom: 0;
  }

  .banner-tag.serving {
    font-size: 54px;
  }

  .slide-text {
    font-size: 34px;
  }

  .slide-top-title.serving {
    margin-top: 0;
  }

  .banner-tag.ehs {
    font-size: 54px;
    line-height: 67px;
  }

  .banner-head.serving {
    font-size: 53px;
    margin: 0 0;
    line-height: 62px;
  }

  .banner-head.ehs {
    font-size: 47px;
    margin-bottom: 0;
  }

  p.banner-tag.robotic {
    font-size: 45px;
  }

  .new-slider .carousel-item img {
    height: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .web-slide {
    display: none;
  }

  .mobile-slide {
    display: block;
  }

  .banner-content {
    display: none;
  }

  .home-page .navbar {
    background-color: transparent;
  }

  .logo-slider {
    padding-left: 10px !important;
    margin-bottom: 43px;
  }

  .logo-slider li img {
    width: 80px;
  }

  .logo-slider li:first-child img {
    height: 35px;
  }

  .logo-slider li img {
    height: 35px;
  }

  .new-slider .carousel-indicators {
    bottom: -5px;
  }

  .new-slider .carousel-item img {
    height: 510px !important;
    object-fit: COVER;
    width: 100%;
  }

  .container-top.home-page .country-dropdown a {
    color: #fff;
  }

  .container-top.home-page .header.active .country-dropdown a {
    color: #222 !important;
  }

  .tab-section {
    margin-top: 15px !important;
  }

  .global-Outlook .card {
    flex-direction: row;
    justify-content: space-between;
    padding: 15px 15px;
    align-items: center;
    min-height: 85px;
    margin-bottom: 12px;
  }

  .serviceDiv .blackBox .p2 {
    font-size: 2em;
  }

  .serviceDiv .blackBox .p1 {
    font-size: 1.5rem;
    margin-bottom: 12px;
  }

  .serviceDiv .blackBox {
    padding: 15px 20px;
  }

  .global-Outlook .card p.no {
    font-size: 30px;
  }

  .global-Outlook .card p.title {
    font-size: 20px;
  }

  .global-Outlook .card img {
    width: 44px !important;
    margin-bottom: 0;
  }

  .global-colright .row.mx-0 {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
}

.leftDiv:hover + div#navbarNav .dropdown-hover-content.services {
  display: block;
}

.leftDiv {
  width: 45%;
  height: 70px;
  position: absolute;
}

/* about us inline */
.clear-both {
  clear: both;
}

.media-banner {
  width: 400px !important;
  margin-top: 30px;
}

.mobile-app-img.custom img {
  width: 390px;
}

.container-fluid.container-top.container-Web-Div.csd {
  background: linear-gradient(#948bd1, #0a55d2);
}

.container-fluid.container-top.container-Web-Div.custom-web-app {
  background: linear-gradient(#8146a9, #91c0f8);
}

.iot_internetthings.custom-software .iot-internetindustWholeDiv .iot-ttechH {
  font-size: 32px;
  padding-bottom: 9px;
}

.custom-software .iot-internetindustWholeDiv .card .default h5 {
  padding-top: 3%;
}

.custom-software .iot-internetindustWholeDiv .hybrid_blockwowcard_web {
  /* padding: 0 100px; */
  margin-top: 10px;
}

.custom-software .title-engage {
  line-height: 34px;
  font-size: 28px;
}

.ecomCasestudyFeature.type-sec .ecomCasestudyFeatureH {
  font-size: 32px !important;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 23px;
}

.divfirst {
  width: 60px;
  padding-right: 20px !important;
  margin-top: 5px;
}

.type-sec .ecomFeatureTextH {
  font-size: 22px !important;
  margin-bottom: 8px;
}

.type-sec .ecomFeatureTextP {
  font-size: 18px !important;
  margin: 0 0 24px !important;
}

.testimonial-sec.arrow .owl-nav {
  bottom: 0;
}

.testimonial-sec.arrow .commentSliderNext {
  margin-left: 48px;
}

.ser-para {
  color: #fff;
  font-size: 14px;
  padding: 0 10px;
}

.callBtn {
  position: absolute;
  right: 0;
  bottom: 60%;
  background-color: #ffbd36;
  width: 204px;
  height: 30px;
  transform: translateY(-50%);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform-origin: bottom right;
  transform: rotate(-90deg);
}

.callBtn a {
  color: #000;
  padding: 0 49px;
  line-height: 30px;
}

.feedback-form {
  position: fixed;
  top: 15%;
  right: 0;
  z-index: 100;
  min-height: 520px;
}

.feedback-form-show {
  right: 0 !important;
}

.feedback_form_area {
  position: relative;
  display: none;
  overflow: hidden;
  background: #fff;
  box-shadow: 0px 0px 1px #222;
}

.feedback_form_area_inner {
  width: 300px;
  min-height: 450px;
  color: #fff;
  padding: 15px;
}

.feedback_form_area h3 {
  margin-top: 0;
  text-align: center;
}

.custom-inp {
  width: 100%;
  height: 35px;
  padding-left: 5px;
  color: #222;
  border: 1px #b0b0b0 solid;
  background: transparent;
  font-size: 12px;
}

.custom-inp-txt {
  width: 100%;
  height: 100px;
  padding: 5px;
  color: #222;
  border: 1px #b0b0b0 solid;
  background: transparent;
  font-size: 12px;
}

.feedback-form-btn {
  position: absolute;
  left: -81px;
  color: #222;
  transform: rotate(90deg);
  top: 40%;
  border-radius: 0;
  background-color: #ffbd36;
  padding: 10px 14px;
  white-space: nowrap;
  font-weight: 500;
}

.feedback-form label {
  color: #3d3c3c;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 5px;
}

.submit-feedback-btn {
  background-color: #257bc0;
  border-color: #257bc0;
}

@media only screen and (max-width: 320px) {
  .feedback_form_area_inner {
    width: 260px;
    min-height: 450px;
    color: #fff;
    padding: 15px;
  }
}

/* ---------------messanger----------------- */
.floating-chat {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: 40px;
  height: 40px;
  transform: translateY(70px);
  transition: all 250ms ease-out;
  border-radius: 50%;
  opacity: 0;
  /* background: -moz-linear-gradient(
    -45deg,
    #183850 0,
    #183850 25%,
    #192c46 50%,
    #22254c 75%,
    #22254c 100%
  );
  background: -webkit-linear-gradient(
    -45deg,
    #183850 0,
    #183850 25%,
    #192c46 50%,
    #22254c 75%,
    #22254c 100%
  ); */
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-color: #fff;
  z-index: 1;
}

.floating-chat.enter:hover {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  opacity: 1;
}

.floating-chat.enter {
  transform: translateY(0);
  opacity: 1;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 2px rgba(0, 0, 0, 0.14);
  background-color: #ffbd36;
}

.floating-chat.expand {
  width: 350px;
  max-height: 430px;
  height: 430px;
  border-radius: 5px;
  cursor: auto;
  opacity: 1;
  background-color: #fff;
}

.floating-chat :focus {
  outline: 0;
  box-shadow: 0 0 3pt 2pt rgba(14, 200, 121, 0.3);
}

.floating-chat button {
  background: transparent;
  border: 0;
  color: #222;
  text-transform: uppercase;
  border-radius: 3px;
  cursor: pointer;
}

.floating-chat .chat {
  display: flex;
  flex-direction: column;
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  border-radius: 50%;
  transition: all 250ms ease-out;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.floating-chat .chat.enter {
  opacity: 1;
  border-radius: 0;
  margin: 10px;
  width: auto;
  height: auto;
}

.floating-chat .chat .header {
  flex-shrink: 0;
  padding-bottom: 0px;
  display: flex;
  background: #8bc53f !important;
  box-shadow: none;
}

.floating-chat .chat .header .title {
  flex-grow: 1;
  flex-shrink: 1;
  padding: 0 5px;
  color: #222;
}

.floating-chat .chat .header button {
  flex-shrink: 0;
}

.floating-chat .chat .messages {
  padding: 10px;
  margin: 0;
  list-style: none;
  overflow-y: scroll;
  overflow-x: hidden;
  flex-grow: 1;
  border-radius: 4px;
  background: transparent;
  padding-top: 50px;
}

.floating-chat .chat .messages::-webkit-scrollbar {
  width: 5px;
}

.floating-chat .chat .messages::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.1);
}

.floating-chat .chat .messages::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.2);
}

.floating-chat .chat .messages li {
  position: relative;
  clear: both;
  display: inline-block;
  padding: 14px;
  margin: 0 0 20px 0;
  font: 12px/16px "Noto Sans", sans-serif;
  border-radius: 10px;
  background-color: #1897fb;
  word-wrap: break-word;
  max-width: 81%;
}

.floating-chat .chat .messages li:before {
  position: absolute;
  top: 0;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  content: "";
  background-size: cover;
}

.floating-chat .chat .messages li:after {
  position: absolute;
  top: 10px;
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid rgba(25, 147, 147, 0.2);
}

.floating-chat .chat .messages li.other {
  animation: show-chat-odd 0.15s 1 ease-in;
  -moz-animation: show-chat-odd 0.15s 1 ease-in;
  -webkit-animation: show-chat-odd 0.15s 1 ease-in;
  float: right;
  margin-right: 45px;
  color: #fff;
}

.floating-chat .chat .messages li.other:before {
  right: -45px;
  background-image: url(https://github.com/Thatkookooguy.png);
}

.floating-chat .chat .messages li.other:after {
  border-right: 10px solid transparent;
  right: -10px;
}

.floating-chat .chat .messages li.self {
  animation: show-chat-even 0.15s 1 ease-in;
  -moz-animation: show-chat-even 0.15s 1 ease-in;
  -webkit-animation: show-chat-even 0.15s 1 ease-in;
  float: left;
  margin-left: 45px;
  color: #fff;
}

.floating-chat .chat .messages li.self:before {
  left: -45px;
  background-image: url(https://github.com/ortichon.png);
}

.floating-chat .chat .messages li.self:after {
  border-left: 10px solid transparent;
  left: -10px;
}

.floating-chat .chat .footer {
  flex-shrink: 0;
  display: flex;
  padding-top: 10px;
  max-height: 90px;
  background: transparent;
}

.floating-chat .chat .footer .text-box {
  border-radius: 3px;
  background: #ccc;
  min-height: 100%;
  width: 100%;
  margin-right: 5px;
  color: #0ec879;
  overflow-y: auto;
  padding: 2px 5px;
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar {
  width: 5px;
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.1);
}

.floating-chat .chat .footer .text-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(25, 147, 147, 0.2);
}

@keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@-moz-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@-webkit-keyframes show-chat-even {
  0% {
    margin-left: -480px;
  }
  100% {
    margin-left: 0;
  }
}
@keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}
@-moz-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}
@-webkit-keyframes show-chat-odd {
  0% {
    margin-right: -480px;
  }
  100% {
    margin-right: 0;
  }
}

.we-are {
  font-size: 17px;
}

.whotag {
  font-size: 24px;
}

/* custom css */
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: 0.2em;
  width: 19.5em;
}

.msg-error {
  color: #c65848;
}

span.error {
  color: red;
  font-size: 0.8em;
}

 .Logo-1.home {
  margin-top: 0px;
} 

.mr-14 {
  margin-right: -14%;
}

.w-auto {
  width: auto;
}

.p-relative {
  position: relative;
}

.clear {
  clear: both;
}

.dNone {
  display: none;
}

.title-trust {
  font-size: 20px;
}

.v-hidden {
  visibility: hidden;
}

.w100 {
  width: 100%;
}

.animate-css {
  visibility: visible; 
  animation-duration: 1000ms;
   animation-delay: 600ms; 
  animation-name: slideInRight;
}

.lineHeight {
  line-height: 1.1;
}

#feedback-form {
  display: none;
}

.floating-chat {
  display: none;
}

/* social media post section */
.socialPostBlk{padding-top: 100px !important; width: 95% !important; margin: 0 auto !important;}
.hSocial{height: 480px; overflow-y: scroll; width: 100%; background: #f3f3f3; padding: 16px; border-radius: 12px; box-sizing: border-box; margin-bottom: 30px;}
.hSocialTwo{overflow-y: initial;}

.iubenda-tp-btn-container {
  display:none;
}

.container.global-Outlook {
  max-width: calc(100% - 2.5%) !important;
}

.gallery-container .container {
  max-width: calc(100% - 2.5%) !important;
}

.serviceDiv .container {
  max-width: calc(100% - 2.5%) !important;
}

.industrial-nichesDiv.container {
  max-width: calc(100% - 2.5%) !important;
}

.thirdDiv.customer4Life.cstmRow {
  width: 98% !important;
}

.services_listUL a {
  color: #222;
  font-size: 14px;
}

.services_listUL li {
  padding-bottom: 7px;
}

span.siteMap_listDivheader   {
  padding-bottom: 17px;
  display: block;
}

ul.services_listUL {
  padding-bottom: 15px;
}

.sitemapSection .siteMap_listDiv span.siteMap_listDivheader i {
  padding-right: 8px;
}

.sitemapSection .siteMap_listDiv .services_list h6 a {
  color: #000;
}

.services_listUL i.fa.fa-angle-right {
  padding-right: 8px;
}

/* brochure modal */
#download-brochure {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.6);
  display: none;
  z-index: 9999;
  align-items: center;
  justify-content: center;
}
 
/* Show modal when targeted */
#download-brochure:target {
  display: flex;
}
 
/* Modal Box */
#download-brochure .modal-content {
  background: #fff;
  padding: 30px;
  border-radius: 8px;
  max-width: 500px;
  width: 90%;
  position: relative;
  box-shadow: 0 5px 15px rgba(0,0,0,0.3);
}
 
/* Close Button */
#download-brochure .close-btn {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px;
  text-decoration: none;
  color: #333;
  font-weight: bold;
}
 
/* Form Fields */
#download-brochure .form-group {
  margin-bottom: 15px;
}
 
#download-brochure .form-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  font-size: 15px;
}
 
#download-brochure .form-group input {
  width: 100%;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
}
 
/* Button */
#download-brochure .btn-full {
  width: 100%;
  padding: 7px 0;
  background-color: #0778cf;
  color: white;
  border: none;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
  transition: background 0.2s ease-in-out;
  opacity:1;
}
 
#download-brochure .btn-full:hover {
  background-color: #0056b3;
}

#download-brochure .modal_title {
  font-size: 20px;
  margin-bottom: 2px;
}

#download-brochure .modal_para {
  font-size: 14px;
  color: #222;
}

/* portfolio section */
#amex {
  background: linear-gradient(#041966, #E1E0E8);
}

#becil {
  background: linear-gradient(#F54B57, #333399);
}

#cpcl {
  background: linear-gradient(#2E3192, #ED1C24);
}

#aanchal {
  background: linear-gradient(#139622, #3AC1F1);
}

#affrimart {
  background: linear-gradient(#8B13C0, #4A006B);
}

#nj {
  background: linear-gradient(#276A99, #0E2C78);
}

#tfp {
  background: linear-gradient(#0063C2, #0F1121);
}

#mngl {
  background: linear-gradient(#E9B701, #008268);
}

#pgrkam {
  background: linear-gradient(#FFC1A1, #FF6A1B);
}

#agl {
  background: linear-gradient(#081C6D, #47A04E);
}

#GPI {
  background: linear-gradient(#4D00AF, #01016F);
}

#cambridge {
  background: linear-gradient(#6800D3, #3C1366);
}

#gla {
  background: linear-gradient(#10B1AB, #2F3080);
}

#amex {
  background: linear-gradient(#041966, #E1E0E8);
}

#becil {
  background: linear-gradient(#F54B57, #333399);
}

#cpcl {
  background: linear-gradient(#2E3192, #ED1C24);
}

#aanchal {
  background: linear-gradient(#139622, #3AC1F1);
}

#affrimart {
  background: linear-gradient(#8B13C0, #4A006B);
}

#nj {
  background: linear-gradient(#276A99, #0E2C78);
}

#tfp {
  background: linear-gradient(#0063C2, #0F1121);
}

#mngl {
  background: linear-gradient(#E9B701, #008268);
}

#pgrkam {
  background: linear-gradient(#994920, #FF6A1B);
}

#agl {
  background: linear-gradient(#081C6D, #47A04E);
}

#GPI {
 background: linear-gradient(#9888ad, #01016F);
}

#cambridge {
  background: linear-gradient(#6800D3, #3C1366);
}

#gla {
  background: linear-gradient(#10B1AB, #2F3080);
}

/* testimonial section */
.testi-sec {
  background-color: #00467a;
  min-height: 300px;
  border-radius: 40px;
  width: 98%;
  margin: 0 auto;
  margin-top: 20px;
}

span.blue {
  color: #2083d2 !important;
}

span.green {
  color: #8bc53f !important;
}

.testimonial-sec {
  padding-top: 20px;
}

.new-testi .container-fluid {
  padding: 0 30px;
}

.new-testi {
    position: relative;
    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(9, 9, 121, 1) 0%, rgba(0, 212, 255, 1) 100%);
    /* border-radius: 10px !important; */
    overflow: hidden; /* to clip the pseudo-element within the border-radius */
    height:auto;
    padding-bottom: 20px;
}

.new-testi::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(/img/testBg.png) center/cover no-repeat;
    opacity: 0.3; /* Set image opacity here */
    border-radius: 10px; /* Match parent border-radius */
    z-index: 0;
}

.new-testi::before {
    content: "";
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(/img/testBg.png) center/cover no-repeat;
    opacity: 0.3; /* Set image opacity here */
    border-radius: 10px; /* Match parent border-radius */
    z-index: 0;
}

.testi-content::after{
    display:none;
}

.new-testi .testimonila-box {
    padding-top: 0px;
}

/* Make sure content inside .new-testi stays above the pseudo-element */
.new-testi > * {
    position: relative;
    z-index: 1;
}
 
/* review section */
.reviewBox {
  background-color: #fff;
  border-radius: 10px;
  height: 164px;
  padding: 10px 30px;
  margin-bottom: 20px;
  overflow-y: auto;
}

.reviewRating li {
  list-style: none;
}

.reviewRating ul {
  display: flex;
  padding: 13px 0 0;
  margin: 0 0;
  justify-content: center;
}

.reviewRating i {
  color: #ff8335;
  padding: 0 5px;
}

.reviewBox p {
  line-height: 20px;
  font-size: 15px;
  color: #3b3939d6;
  font-weight: 500;
  padding-top: 5px;
}

.reviewName {
  text-align: center;
  padding-top: 8px;
  font-size: 16px;
  position: relative;
}

.reviewRating {
  display: flex;
  justify-content: center;
  padding-top: 2px;
}

.reviewTitle {
    color:#fff;
    text-align:center;
    font-size:25px;
    padding-top: 10px;
}

.commentdiv .commentdivInner h3 {
    color:#fff;
}

.owl-carousel .owl-stage-outer {
box-shadow:none !important;
}

.reviews .owl-nav {
    display:none !important;
}

.commentdiv .commentdivInner h3.mainH {
    font-size: 28px;
    padding-top: 12px !important;
    margin-top: 0;
}

 .commentdiv .carousel-control-next {
  display: none !important;
}

.commentdiv .carousel-control-prev {
  display: none !important;
} 

.gsImgGrid::after {
position: absolute;
  height: 31px;
  background-color: #ccc;
  width: 1px;
  content: '';
  right: 0;
  top: 28px;
}

.btn-pulse {
  background-color: #3498db;
  color: white;
  animation: pulse 1.5s infinite;
}

.blog_list b {
  min-width: 200px;
}

.mobileTrendCol h3 {
  padding-bottom: 0;
  font-size: 22px !important;
}

.mobileTrendCol b {
  color: #222;
  padding-right: 5px;
}

.blog-table th {
  font-size: 16px !important;
}

.blog-table td {
  font-size: 14px;
}

.logoText {
  color:#222 !important;
  font-size: 15px;
  padding-top: 6px;
}
 
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}

@media only screen and (max-width: 1366px) {
    .commentdiv .commentdivInner h3.mainH {
        font-size:24px;
    }
    
    .testimonial-sec {
        padding-top:0px;
    }
    
    .testi-content {
        font-size:12px !important;
    }
    
    .testi-content::before {
        background-size:75%;
    }
    
    .new-testi .testi-content {
        padding-top:58px;
    }
    
    .commentdiv .commentSliderPre {
        background-size:75%;
    }
    
    .commentdiv .commentSliderNext  {
        background-size:75%;
        margin-left:0;
    }

    .reviewBox p {
      font-size: 12px;
    }

    .reviewName {
      font-size: 14px;
    }

    .reviewTitle {
      font-size: 20px;
    }

    .gsImgGrid::after {
      right:-7px;
    }

    .bloglatest .bloglatestrow .bloglatestcol1 .card img {
      height: 190px;
    }

    /* .bloglatest .bloglatestrow .bloglatestcol1 .card p:nth-of-type(1) {
      font-size: 12px;
    }

    .bloglatest .bloglatestrow .bloglatestcol1 .card p:nth-of-type(2) {
      font-size: 11px;
    } */
}

@media only screen and (max-width: 767px) {
  .reviewTitle {
      padding-top:50px;
    }
}

@media only screen and (max-width: 580px) {
  .new-testi {
      margin-top:30px !important;
    }
}