body {
  color: #000;
  font-family: Gordita, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75;
  min-height: 100%;
  letter-spacing: 0.5px;
}

html {
  overflow-x: hidden;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#myBtn {
  display: none;
  position: fixed;
  bottom: -50px;
  right: -42px;
  z-index: 99;
  font-size: 18px;
  border: none;
  outline: none;
  background-color: #F07E2F;
  color: #fff;
  cursor: pointer;
  padding: 5px;
  border-radius: 4px;
  -ms-transform: rotate(-90deg) translate(100%, -50%);
  transform: rotate(-90deg) translate(100%, -50%);
}

#myBtn:hover {
  color: #F07E2F;
  background-color: #dfe0e1;
}

.bus-btn-h {
  color: #fff;
}

.bus-btn-h:hover {
  color: #F07E2F;
}

.home-sec {
  background-image: url(/assets/img/devops-img/Ocius-home-banner.png);
  padding: 14.5em 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.home-sec h1 {
  color: #000000;
  font-size: 5.5vw;
  line-height: 8vw;
  font-weight: 700;
}

.home-content {
  position: relative;
}

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

.ocius-tech {
  position: relative;
  width: 90%;
}

.excelent-sm-img {
  position: absolute;
  background-color: #FFFFFF;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
}

.excelent-sm-img img {
  width: 40px;
  margin-left: 18px;
  margin-top: 18px;
}

.shift-img1 {
  margin-top: -343px;
  margin-left: 502px;
}

.shift-img2 {
  margin-top: -330px;
  margin-left: 247px;
}

.shift-img3 {
  margin-top: -65px;
  margin-left: 173px;
}

.shift-img4 {
  margin-top: -265px;
  margin-left: 46px;
}

.shift-img5 {
  margin-top: -206px;
  margin-left: 343px;
}

.shift-img6 {
  margin-top: -500px;
  margin-left: 80px;
}

.shift-img7 {
  margin-top: -543px;
  margin-left: 342px;
}

.excelent-lg-img {
  position: absolute;
  background-color: #FFFFFF;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.08);
}

.excelent-lg-img img {
  width: 45px;
  margin-left: 27px;
  margin-top: 27px;
}

.devh2 {
  font-size: 3em;
  font-weight: 600;
  padding-bottom: 1em;
}

.dev-bg {
  background: url(/assets/img/devops-img/ocius-Enabled-Services.png);
  padding: 5rem 0;
  background-position: center center;
  background-size: cover;
  position: relative;

}

.dev-bg:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.dev-bg h1 {
  color: #fff;
  font-size: 4em;
  font-weight: 500;
  position: relative;

}

.connect-page-link {
  color: #fff;
  position: relative;
  font-size: 12px;
  letter-spacing: 1px;
}
.connect-page-link:hover a{
  color: #fff;
}

.dev-card {
  background: #f6f6f6;
  padding: 2.4em 3.2em;
  height: 100%;
  text-align: center;
}

.dev-card:hover {
  background-color: #000;
  color: #fff;
}

.cloud-icon {
  font-size: 4em;
  color: #F07E2F;
}

.dev-card:hover .cloud-icon {
  color: #fff;
}

.our-ser-p {
  font-size: 18px;
  color: #9d9fa1;
  letter-spacing: .5px;
}

.dev-card:hover .our-ser-p {
  color: #fff;
}

.accordion-button:focus {
  z-index: 3;
  border-color: none !important;
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  border-color: none !important;
}

.accordion-item-bg {
  background-color: unset;
}

.accor-h {
  font-size: 25px;
  line-height: 1.2em;
  font-weight: 500;
  background-color: unset;
  color: var(--theme-color-text_dark);
}

.accordion-button:focus {
  background-color: unset !important;
}

.accordion-button:not(.collapsed) {
  color: #000;
  background-color: unset;
  box-shadow: unset;
}


.erp-acco-p {
  font-size: 16px;
  letter-spacing: 0.5px;
}

.achi-f {
  font-size: 2.5em;
}

.achi-pf {
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 400;
  line-height: 20px;
}

.consult-btn {
  font-size: 14px;
  font-weight: 700;
  line-height: 21px;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: #F07E2F;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #F07E2F;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 30px 0px rgba(254, 88.00000000000001, 82.99999999999999, 0.25098039215686274);
  padding: 15px 60px 15px 60px;
  /* position: relative; */
}

.consult-btn:hover {
  color: #FFFFFF;
  background-color: #FF5B4A00;
  border-color: #FFFFFF;
}

.view-btn {
  font-weight: 600;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: #02010100;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #FFFFFF;
  border-radius: 37px 37px 37px 37px;
  padding: 12px 30px 12px 30px;
}

.view-btn:hover {
  color: #FFFFFF;
  background-color: #F07E2F;
  border-color: #F07E2F;
}

.cost-service-bg span {
  font-size: 7em;
  line-height: 1em;
  font-weight: 700;
  margin: 0;
  position: absolute;
  top: -60px;
  color: rgb(110 110 110/11%);
  z-index: 1;
  opacity: 0.6;
}

.cost-service-bg {
  display: flex;
  align-items: center;
  position: relative;

}

.cost-h4 {
  font-size: 1.8em;
  color: #000;
}

.cost-ser-p {
  font-size: 19px;
  color: gray;
  letter-spacing: 0.3px;
}

.cost-opt-h2 {
  font-size: 2.5em;
  font-weight: 600;
  color: #000;
  /* margin-bottom: 1em; */
}

.cost-contact-us {
  font-size: 14px;
  font-weight: 600;
  fill: #000000;
  color: #000000;
  background-color: #02010100;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 30px 0px rgba(254, 88.00000000000001, 82.99999999999999, 0.25098039215686274);
  padding: 15px 50px 15px 50px;
}

.cost-contact-us:hover {
  color: #FFFFFF;
  background-color: #F07E2F;
  border-color: #F07E2F;
}

.choose-img1 {
  position: relative;
}

.choose-img1 img {
  width: 59%;
  height: auto;
}

.dot-img {
  position: absolute;
}

.dot-img img {
  width: 25%;
  opacity: 0.6;
  margin-left: 75%;
  margin-top: 4%;
}

.choose-img2 {
  position: absolute;
}

.choose-img2 img {
  width: 320px;
  height: auto;
  margin-top: -17.3em;
  margin-left: 12em;
}

/* ///////// Tab With accordian ///////////  */
.accordian-section {
  zoom: 1;
  position: relative;
  height: auto;
}

.accordian-section:after,
.accordian-section:before {
  content: "";
  display: table;
}

.accordian-section:after {
  clear: both;
}

.accordian-section h4 {
  background-color: #fff;
  width: 27%;
  border-radius: 3px;
  text-align: center;
  font-size: 14px;
  color: #000;
  padding: 1.5em;
}
/* .accordian-section h4:first-child {
    border-top: 1px solid rgba(0,0,0,0.2);
  } */
.accordian-section ul {
  zoom: 1;
  position: relative;
  height: auto;
  min-height: 100%;
  /* border: 1px solid rgba(0,0,0,0.2); */
  border: none;
  display: none;
}

.accordian-section ul:after,
.accordian-section ul:before {
  content: "";
  display: table;
}

.accordian-section ul:after {
  clear: both;
}

.accordian-section ul li {
  list-style: none;
}

.accordian-section .active {
  cursor: default;

}

@media screen and (min-width: 600px) {
  /* .accordian-section h4 {
      position: relative;
      width: 33.333333333333336%;
      height: 100%;
      display: block;
    } */
  .accordian-section ul {
    position: absolute;
    width: 70%;
    height: auto;
    right: 0;
    top: 0;
    padding: 15px 30px;
  }

  .lead-second-bg {
    display: none;
  }

  .accordian-section .active {
    background-color: #F07E2F;
    color: #fff;


  }
}

.accordian-section .active+ul {
  display: block;
}

@media (max-width: 575.98px) {
  .accordian-section h4 {
    background-color: #fff;
    width: 100% !important;
  }

  .accordian-section .active {
    background-color: #F07E2F;
    color: #fff;
  }
}

.integration-sub-head {
  color: #F07E2F;
  font-family: "Arial", Sans-serif;
  font-size: 30px;
  font-weight: bold;
}

.accord-li-p li {
  padding: 0px 0px 12px 0px;
  color: #fff;
  letter-spacing: 0.4px;
  font-size: 15px;
}

.accordian-container {
  margin-bottom: 7em;
}

/* //////// End Tab Accordian//////// */






/* /////////// qa-testing-page css //////// */

.qa-test-hp {
  width: 75%;
  color: #fff;
  position: relative;
  font-size: 18px;
}

.qa-test-card {
  /* background: #f6f6f6; */
  padding: 2.4em 3.2em;
  height: 100%;
  text-align: center;

}

.qa-test-card:hover {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
}

.qa-quality-p {
  font-size: 16px;
  color: #9d9fa1;
  align-items: center;
}

.qa-test-solu-card {
  height: 440px;
  padding: 5.2em 2.4em;
  background-color: var(--theme-color-alter_link);
  -webkit-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.05);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -ms-transition: -ms-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  will-change: transform;
}

.qa-test-solu-card:hover {
  -webkit-transform: translateY(-8px);
  -ms-transform: translateY(-8px);
  transform: translateY(-8px);
}

.qa-test-solu-p {
  font-size: 16px;

}

.qa-here-p {
  font-size: 22px;
  color: #000;
  font-weight: 600;
}

.qa-here-sub-p {
  font-size: 17px;
}
/* /////    Contrnt-wring   /////// */
/* carouse images-3d */
.dot-mg-content-wr {
  position: absolute;
}

.dot-mg-content-wr {
  width: 26%;
  opacity: 0.6;
  margin-left: 23.5em;
  margin-top: 1.1%;
}
/* //////// */
.our-approch-btn {
  font-size: 14px;
  font-weight: 600;
  fill: #FFFFFF;
  color: #FFFFFF;
  background-color: #02010100;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 30px 30px 30px 30px;
  box-shadow: 0px 0px 30px 0px rgba(254, 88.00000000000001, 82.99999999999999, 0.25098039215686274);
  padding: 3% 10% 3% 10%
}

.our-approch-btn:hover {
  color: #fff;
  background-color: #F07E2F;
  border: 1px solid #F07E2F;
}

.btn-margin {
  margin-top: 3em;
}

.contan-margin {
  margin-bottom: 8em;
}

/* ////////// service-page */

.service-sec {
  background: url(/assets/img/devops-img/ocius-service-bg-occice.png);
  background-position: center;
  background-size: cover;
  padding: 5rem 0;
  position: relative;
}

.service-sec:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.service-sec h1 {
  color: #fff;
  font-size: 4em;
  font-weight: 600;
  position: relative;

}

.service-sec2-cont {
  width: 84%;
}

.service-h2 {
  font-size: 3.8em;
  font-weight: 600;
}

.service-card {
  background: #fff;
  padding: 2.4em 2.2em;
  height: 100%;
  text-align: center;
}

.service-card:hover {
  background-color: #000;
  color: #fff;

}

.service-card:hover a {
  color: #fff;
}

.p-color {
  color: grey;
}

.card-sr {
  background: #fff;
  border-radius: 5px;
  /* padding: 1.5rem; */
  height: 100%;
  box-shadow: 0px 0px 5px 0px rgba(99.00000000000001, 99.00000000000001, 99.00000000000001, 0.2);
  transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
}

.card-sr-body {
  padding: 1.5rem;
}

.service-ar {
  font-size: 1.8em;
  font-weight: 600;

}

.card-sr-body p {
  color: grey;
}
.C-carousel {
  background: #e0dbdb;
  height: 50vh;
  width: 22vw;
  float: right;
  overflow: hidden;
  position: relative;
}

.C-track {
  opacity: 1;
  transition: all 400ms ease;
}

.C-track--reinit {
  opacity: 0;
  transition: all 0ms linear;
}

.C-slide {
  height: 50vh;
  width: 100%;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
  background: rgb(1, 1, 1) no-repeat center/cover;
  background-blend-mode: overlay;
  font-family: arial;
  overflow: hidden;
}

.C-carousel.initialized .C-slide {
  z-index: -8;
  opacity: 1;
  transition-duration: 500ms;
  transform: translate3d(366px, 0px, -366px) rotateX(0deg) rotateY(50deg) scale(1);
}

.C-carousel.initialized .C-slide.active {
  transform: scale(1) skew(0) rotate(0);
  border-radius: 0;
}

.C-slide-title i {
  opacity: 0.2;
  font-size: 14px;
}

.C-slide:hover i {
  opacity: 1;
}

.learn-more-hov a {
  color: #fff;
}

.C-slide .learn-more-hov {
  position: relative;
  font-size: 14px;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  text-indent: -110px;
  visibility: hidden;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  -ms-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.C-slide:hover .learn-more-hov {
  opacity: 1;
  text-indent: 0;
  margin-right: 6px;
  visibility: visible;
  -webkit-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
  -ms-transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;
  transition: visibility 0.4s ease, margin-right 0.3s ease-out, text-indent 0.4s ease-out, opacity 0.4s ease;

}

.home-dig-card {
  height: 100%;
  padding: 2em 1.5em;

}

.home-dig-card:hover {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
}

.home-cd-body {
  display: flex;
}

.home-cd-body img {
  width: 20%;
  margin-top: 40px;
  height: fit-content;
}

.home-icon-tran {
  position: relative;
  display: inline-block;
  top: auto;
  left: auto;
  height: auto;
  width: auto;
  font-size: 15px;
  line-height: 21px;
  font-weight: 500;
  z-index: 1;
  overflow: hidden;
}

.home-icon-tran-link {
  position: relative;
  margin-right: 0;
  display: inline-block;
  vertical-align: middle;
  text-indent: -110px;
  visibility: hidden;
  white-space: nowrap;
  color: #F07E2F;
  opacity: 0;
  -webkit-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  -ms-transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  transition: visibility 0.4s ease, margin-right 0.4s ease-out, text-indent 0.5s ease-out, opacity 0.4s ease;
  will-change: visibility, margin-right, text-indent, opacity;
}

.home-dig-card:hover .home-icon-tran-link {
  text-indent: 0px;
  visibility: visible;
  color: #F07E2F;
  opacity: 1;
}

.home-dig-card:hover i {
  color: #F07E2F;
}

.busi-sys {
  padding-left: 5em;
  padding-right: 5em;
  padding-top: 4em;
}

.h2-width {
  width: 63%;
}

.home-certificate-p {
  font-size: 18px;
}

.braket-font {
  font-size: 15px;
}

.certificate-img1 img {
  width: 350px;
  height: auto;
}

.item1 {
  background-color: #F6F6F6;

}

.item1 img {
  width: 250px !important;
}

.home-brand-f {
  color: #fff;
  font-size: 4em;
  text-align: center;
}

.brand-sec {
  background-image: url(/assets/img/devops-img/Google-Cloud-2-scaled.png);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 8em 0;
}

.ser-img img {
  width: 400px;
}

.ser-img {
  text-align: end;
  position: absolute;
  left: 500px;
  margin-top: -58px;
}

/* Software-Development */

.sec-pad {
  padding: 2em 0;
}

.soft-web-p {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.6;
}

.soft-width {
  width: 75%;
  flex: 0 0 auto;
}

.soft-a-btn {
  text-align: center;
  background-color: #F07E2F;
  background-image: none;
  border-top-width: 0px;
  border-top-color: rgb(226, 232, 240);
  border-top-style: solid;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-right-width: 0px;
  border-right-color: rgb(226, 232, 240);
  border-right-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: rgb(226, 232, 240);
  border-bottom-style: solid;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-left-width: 0px;
  border-left-color: rgb(226, 232, 240);
  border-left-style: solid;
  padding-top: 18px;
  padding-right: 36px;
  padding-bottom: 18px;
  padding-left: 36px;
  font-weight: 700;
  line-height: 1.2;
  color: #FFFFFF;
}

.soft-a-btn:hover {
  color: #F07E2F;
  background-color: rgb(39, 40, 44);
}

.soft-dev-card {
  height: 320px;
  padding: 40px;
  text-align: left;
  min-height: unset;
  background-color: rgb(246, 247, 248);
  background-image: none;
  border-top-width: 0px;
  border-top-style: none;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-right-width: 0px;
  border-right-style: none;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left-width: 0px;
  border-left-style: none;
}

.check-circle-icon {
  width: 25px;
  height: 25px;
  border: 1px solid #F07E2F;
  border-radius: 50%;
}

.check-circle-icon i {
  margin-left: 6px;
  color: #F07E2F;
  font-size: 15px;
  margin-top: 4px;
  position: absolute;
}

.soft-devbig-card {
  background-color: rgb(226, 227, 240);
  background-image: none;
  border-top-width: 0px;
  border-top-style: none;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-right-width: 0px;
  border-right-style: none;
  border-bottom-width: 0px;
  border-bottom-style: none;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left-width: 0px;
  padding: 43px 40px;
  margin-bottom: 3em;
  border-left-style: none;
}

.soft-devbig-card img {
  border-radius: 10px;
}

.pill-btn {
  display: inline-flex;
  align-items: center;
  background-color: #fff;
  padding: 8px 16px;
  border-radius: 100px;
  margin-top: 4px;
  margin-right: 4px;
}

.pill-dot {
  display: inline-block;
  flex: 0 0 8px;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  margin-right: 8px;
  background-color: #F07E2F;
}

.key-tansparent-card {
  text-align: left;
  height: auto;
  min-height: unset;
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  border-top-width: 1px;
  border-top-color: rgb(226, 232, 240);
  border-top-style: solid;
  border-top-left-radius: 28px;
  border-top-right-radius: 28px;
  border-right-width: 1px;
  border-right-color: rgb(226, 232, 240);
  border-right-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: rgb(226, 232, 240);
  border-bottom-style: solid;
  border-bottom-left-radius: 28px;
  border-bottom-right-radius: 28px;
  border-left-width: 1px;
  border-left-color: rgb(226, 232, 240);
  border-left-style: solid;
  position: relative;
}

.arrow-icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 20px;
  right: 20px;
  background: url(/assets/img/devops-img/carbon_arrow-up-right.svg) no-repeat center / contain;
  filter: opacity(0.1);
  transition: 0.3s;
}

.key-tansparent-card:hover {
  cursor: pointer;
  background-color: #F6F7F8;
}

.key-tansparent-card:hover .arrow-icon {
  filter: opacity(1);
  transition: 0.3s;
}

.mini-card {
  display: inline-flex;
  width: 56px;
  height: 56px;
  align-items: center;
  justify-content: center;
  border-radius: 18px;
  background: #F1EBD6;
}

.mini-card::before {
  content: "";
  display: table;
  width: 0;
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}

.mini-card span {
  font-weight: 700;
  font-size: 24px;
  line-height: 1;
}

/* /////////// custom-integration ////////// */
.sel-form {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: rgb(246, 247, 248);
  background-image: none;
  border-top-width: 0px;
  border-top-color: rgb(246, 247, 248);
  border-top-style: solid;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
  border-right-width: 0px;
  border-right-color: rgb(246, 247, 248);
  border-right-style: solid;
  border-bottom-width: 0px;
  border-bottom-color: rgb(246, 247, 248);
  border-bottom-style: solid;
  border-bottom-left-radius: 14px;
  border-bottom-right-radius: 14px;
  border-left-width: 0px;
  border-left-color: rgb(246, 247, 248);
  border-left-style: solid;
  padding-top: 20px;
  padding-right: 24px;
  padding-bottom: 20px;
  padding-left: 24px;
  color: rgb(102, 102, 102);
  width: 100%;
}

.integ-img {
  width: 80%;
}

.serv-card {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
  padding: 20px 30px;
  background-color: #fff;
  border-radius: 5px;
}

.serv-card img {
  width: 2.5rem;
}

.serv-row {
  width: 80%;
  margin: auto;
}

.li-dot-icon li::before {
  content: "";
  height: 5px;
  width: 5px;
  background: #F07E2F;
  border-radius: 100%;
  position: absolute;
  top: 12px;
  left: 5px;
}

.li-dot-icon li {
  position: relative;
  padding-left: 30px;
  margin: 10px 0;
  display: block;
}

.li-dot-icon li::after {
  content: "";
  height: 15px;
  width: 15px;
  border: 1px solid #F07E2F;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 0;
}

.big-circle-icon {
  float: left;
  width: 35px;
  height: 35px;
  border: 2px solid #F07E2F;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -o-border-radius: 30px;
  -ms-border-radius: 30px;
  border-radius: 30px;
  text-align: center;
  font-size: 20px;
  line-height: 30px;
}

.text-pad {
  padding-left: 5em;
}

.trust-cust-card {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  padding: 1.5rem 2.2em;
  background-color: #fff;
  height: 200px;
}

.trust-cust-card img {
  width: 25%;
}

.trust-font-s {
  font-size: 1.5em;
  font-weight: 700;
}

.cust-inte {
  position: relative;
  margin-bottom: 20px;
  width: 60px;
  height: 60px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.01);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
  background-color: #fff;
}

.cust-inte img {
  width: 35px;
  margin: 0 auto;
  overflow: hidden;
  margin-left: 13px;
  margin-top: 13px;
}

.card-arrow {
  background-color: #bdd3de;
  position: relative;
  padding: 60px 80px;
}

.card-arrow::before {
  right: -30px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 30px solid #bdd3de;
  top: 45%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  content: '';
  position: absolute;
  z-index: 2;
}

.plane-card {
  position: relative;
  background-color: #fff;
  padding: 60px 80px;
}

.circle-icon {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  color: #ddd;
  border-color: #ddd;
  border: 2px solid #ddd;
  border-radius: 30px;
  text-align: center;
  line-height: 60px;
}

.card-arrow-right {
  background-color: #bdd3de;
  position: relative;
  padding: 60px 80px;

}

.card-arrow-right::before {
  left: -30px;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-right: 30px solid #bdd3de;
  top: 45%;
  content: '';
  position: absolute;
  z-index: 2;
  /* right: 0; */
}






/* ///// Cyber-Security-Page */
.cyber-font {
  font-size: 3.5em;
  font-weight: 700;
}

.cyber-security-sec1 {
  background-image: url(/assets/img/devops-img/security-first-bg.png);
  /* background-position: top center; */
  position: relative;
  max-width: 100%;
  height: 90vh;
  background-position: 45% 22%;
}

.cyber-security-sec1::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.cyber-first {
  position: relative;
  color: #fff;
  padding-top: 10em;
  width: 50%;
}

.cyber-pw {
  max-width: 777px;
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  font-size: 13px;
}

.info-security-card {
  position: relative;
  border-radius: 7px;
  margin-bottom: 25px;
  background-color: #ffffff;
  -webkit-transition: .3s;
  transition: .3s;
}

.info-card-img {
  border-radius: 7px 7px 0 0;
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden;

}

.info-security-card:hover .info-card-img img {
  -webkit-transition: .3s;
  transition: .3s;
  -webkit-transform: translateY(-28px);
  transform: translateY(-28px);
  overflow: visible;
}

.text-sm {
  font-size: 12px;
}

.info-security-card-body {
  z-index: 1;
  margin-top: -42px;
  position: relative;
  padding: 0 35px 35px;
}

.icon-circle {
  width: 85px;
  height: 85px;
  -webkit-transition: .3s;
  transition: .3s;
  border-radius: 50%;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  background: #F07E2F;
}

.info-security-card:hover .info-security-card-body {
  -webkit-transform: translateY(-28px);
  transform: translateY(-28px);
  transition: .3s;
}

.icon-circle img {
  left: 0;
  right: 0;
  top: 50%;
  margin-top: -1px;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin-left: auto;
  margin-right: auto;
}

.info-read-more {
  color: #F07E2F;
  text-decoration: underline;
  display: inline-block;
  padding-right: 13px;
  position: absolute;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  bottom: 5px;
  left: 35px;
  opacity: 0;
  font-size: 16px;
  font-weight: 500;
}

.info-security-card:hover .info-security-card-body .info-read-more {
  opacity: 1;
  bottom: 25px;
  visibility: visible;
}

.info-security-card h5:hover {
  color: #F07E2F;
}

.protect-cus {
  background-image: url(/assets/img/devops-img/services-bg.png);
  position: relative;
  height: 100%;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

.protect-cus::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.pro-bus {
  position: relative;
  color: #fff;
  padding: 10em 0;
}

.industry-security-card {
  min-height: 415px;
  transition: 0.3s;
  box-shadow: 0px 4px 50px rgb(0 0 0 / 5%);
  border: 0px !important;
  padding: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  border-radius: 10px;

}

.industry-security-card:hover {
  transition: 0.3s;
  transform: translateY(-15px);
}

.industry-security-card {
  font-size: 15px;
  line-height: 22px;
}

.isc-img img {
  width: 80px;
}

.security-risk {
  background-image: url(/assets/img/devops-img/web-bg2.jpg);
}

.risk-assi-card {
  padding: 30px;
  background-color: #fff;
  border-radius: 10px;
  height: 315px;
}

.dis-flex {
  display: flex;
}

.risk-assi-card img {
  width: 100px;
}

.risk-card-content p {
  color: gray;
}

.virtual-org {
  /* background-color: rgba(255,255,255,.2); */
  background-color: #393a3d;
  color: #fff;
  border-radius: 5px;
  position: relative;
  margin-top: 20px;
  display: block;
  z-index: 1;
  padding-top: 12px;
  padding-left: 55px;
  padding-right: 15px;
  padding-bottom: 12px;
  font-size: 18px;
  font-weight: 500;
}

.virtual-org:hover {
  background-color: #F07E2F;
  transition: 0.3s;
}

.improve-list {
  position: relative;
}

.improve-list i {
  left: 0;
  top: 50%;
  margin-left: -35px;
  width: 30px;
  height: 30px;
  font-size: 15px;
  line-height: 30px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #F07E2F;
  /* background-color: #f5f8ff; */
  background-color: #f5f8fe;
  transition: 0.3s;
}

.ci-hover li {
  margin-bottom: 1em;
}

.ci-hover li:hover .improve-list i {
  background-color: #F07E2F;
  color: #fff;
  transition: 0.3s;
}

.virtual-org i {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: #fff;
  color: #F07E2F;
  position: absolute;
  margin-top: -2px;
  left: 15px;
  top: 50%;
}

/* //////// Consulting Service */
.consulting-card {
  box-shadow: 0 -8px 11px 8px rgba(0, 0, 0, .04);
  padding: 4rem 4rem 8rem;
  text-align: center;
}

.consult-hover-card {
  padding: 2.4em 1.2em;
  height: 100%;
  text-align: center;
}

.consult-hover-card:hover {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
}

.consult-hover-card img {
  width: 100px;
}

.consult-bg {
  background-image: url(/assets/img/devops-img/web-bg2.jpg);
  background-position: center center;
  background-size: cover;
}

.lead-card {
  background: #f0f0f0;
  padding: 20px;
  text-align: center;
}

.lead-img {
  position: relative;
  text-align: center;
  width: 100%;
  margin-top: -75px;
}

.lead-img img {
  display: inline-block;
  width: 125px;
  height: 125px;
  border-radius: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
  box-shadow: 0px 5px 10px rgba(0, 0, 0, .1);
}

.business-consult-card {
  /* background: #f0f0f0; */
  padding: 20px;
  text-align: center;
}

.business-consult-card:hover {
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
}

/* ////// */
.client-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.client-logo {
  opacity: 0;
  transform: translateY(20px);
  /* Initially, move the elements down */
  transition: opacity 0.5s ease, transform 0.5s ease;
}

.client-logo img {
  max-width: 100%;
  /* Ensure images fit within their containers */
}

/* Custom fade-up animation */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Apply the animation to both logo containers and images */
.client-logo,
.client-logo img {
  animation: fadeUp 1s ease forwards;
}

/* Delayed animations for each logo and its image */
.logo1 {
  animation-delay: .4s;
  /* Adjust the delay as needed */
}

.logo2 {
  animation-delay: .6s;
  /* Adjust the delay as needed */
}

.logo3 {
  animation-delay: .8s;
}

.logo4 {
  animation-delay: 1s;
}

/* // */
.client-pic-flex-wrap {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  align-items: baseline;

}

.client-logo img {
  width: 180px;

}

.client-logo img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.client-pic-flex-wrap:hover .client-logo img {
  -webkit-filter: grayscale(100%);
  filter: grayscale(0);
  -webkit-transition: all .4s ease;
  transition: all .4s ease;
}

.client-pic-flex-wrap {
  visibility: visible;
  animation-duration: 1.3s;
  animation-delay: 0.5s;
  animation-name: fadeInUp;
}

.our-work-bg {
  background-image: url(/assets/img/devops-img/Business-consulting1.jpg);
  position: relative;
  background-position: center center;
  background-size: cover;
}

.our-work-bg::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.our-work-contn {
  position: relative;
  -webkit-box-pack: end;
  justify-content: flex-end;
  display: flex;
  padding: 0px 3.5rem;
}

.our-work-card {
  color: #fff;
  padding: 4rem;
  top: -5.5rem;
  width: 60%;
  max-width: 35rem;
  z-index: 10;
  background-color: #2c1a5d;
  position: relative;
}

.world-client-img img {
  max-width: 255px;
  max-height: 255px;
  border-radius: 50%;
}

.pb-client {
  padding-bottom: 10em;
}

.world-clent {
  background-image: url(/assets/img/devops-img/Website_Featured.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;

}

.world-clent::before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

/* //////// Generative AI */
.card-hover-container {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  transition: all 0.2s linear;
}

.card-hover-img {
  display: block;
}

.card-hover-img {
  width: 100%;
  height: 335px;

}

.soft-text {
  position: absolute;
  bottom: 0;
  left: 30px;
  right: 30px;
  /* margin-bottom: 2.5rem; */
  color: #fff;
}

.soft-img img {
  height: 349px;
  filter: brightness(0.4);
}

.image-hover-text {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  opacity: 0;
  cursor: default;
  transition: opacity 0.2s linear;
}

.image-hover-text:hover {
  opacity: 1;
}

.image-hover-text-bubble {
  position: relative;
  box-sizing: border-box;
  top: 0;
  left: 0;
  right: 100%;
  height: 100%;
  text-align: left;
  height: 349px;
  color: #231E28;
  background: #FFF;
  border: none;
  margin: 0 auto;
  padding: 3rem 2rem;
  overflow: hidden;
  word-wrap: break-word;
}

.ecosytem-part {
  background-image: url(/assets/img/devops-img/Ecosystem-partners-bg-scaled-1.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;

}

.ecosytem-part::before {
  content: "";
  /* background: rgba(0, 0, 0, 0.6); */
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.eco-head {
  position: relative;
  color: #fff;
}

.ecosytem-part-content {
  position: relative;
  /* color: #fff; */
  border: 1px solid #000000;
  padding: 2.5em;
  height: 350px;
}

.ecosytem-part-content p {
  line-height: 1.6em;
  color: gray;
}

.ecosystem-mai-conent {
  /* border: 1px solid #000000; */
  background-color: #fff;
  position: relative;
}

.ecosystem-col-p {
  padding-left: 0;
  padding-right: 0;
}

.card-a02 {
  position: relative;
  clear: both;
  margin: 0 auto;
  height: 25rem;
  border: 1px solid #fff;
}

.effect-duke {
  background: -webkit-linear-gradient(-45deg, #231E28 0%, #231E28 100%);
  background: linear-gradient(-45deg, #262a65 0%, #231E28 100%);
  height: 25rem;
}

.card-a02 {
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.effect-duke img,
.effect-duke p {
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

.card-a02 img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.lazyloaded {
  opacity: 1;
  transition: opacity 400ms;
  transition-delay: 0ms;
}

.card-a02 .fig-text,
.card-a02 .fig-text>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.card-a02 .fig-text {
  color: #fff;
  font-size: 1.4rem;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.effect-duke h2 {
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}

.fig-text h2 {
  font-size: 3.5rem;
  font-weight: bold;
  margin-top: 8rem;
}

.effect-duke p {
  position: relative;
  bottom: 0;
  left: 0;
  margin: 0px 11px;
  padding: 0px 10px;
  text-transform: none;
  opacity: 0;
  -webkit-transform: scale3d(0.8, 0.8, 1);
  transform: scale3d(0.8, 0.8, 1);
  -webkit-transform-origin: 50% -100%;
  transform-origin: 50% -100%;
}

.effect-duke p {
  line-height: 2.2rem;
}

.effect-duke:hover img {
  opacity: 0.1;
  -webkit-transform: scale3d(2, 2, 1);
  transform: scale3d(1.2, 1.2, 1);
  height: 0rem;
  padding: 0px;
  margin: 0px;
}

.effect-duke:hover hr {
  margin-left: 2.3rem;
  margin-top: -18px;
}

.effect-duke:hover h2,
.effect-duke:hover p {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.effect-duke:hover h2 {
  color: #F07E2F;
  padding: 0rem 2rem;
  font-size: 3rem;
  margin-top: 1em;
}

.img-h {
  height: 215px;
}


/* *************** cloud computing ************** */
.row-padding-left-right {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}

.cloud-t {
  margin-top: 15px;
  color: #1d428a;
  font-size: 20px;
  padding-left: 2em;
  padding-right: 2em;
}

.cloud-img {
  width: 120px;
  height: 110px;
  margin-bottom: 20px;
}

.clud-col-pl {
  padding-left: 8em;
}

.cloud-card {
  background-color: #fff;
  border-radius: 5px;
  height: 100%;
  text-align: center;
  box-shadow: 0 3px 30px rgb(0 0 0 / 31%);
  width: 450px;
}

.cloud-card img {
  height: 250px;
}

.cloud-card-body {
  padding: 1.5em;
}

.gyar-clr {
  color: gray;
}

.cloud-btn {
  background-color: transparent;
  border-color: #F07E2F;
  color: #F07E2F;
  border-radius: 5px;
  font-size: 1.125rem;
  line-height: 1;
  padding: 0.8rem 2rem;
}

.cloud-btn a {
  letter-spacing: 1px;
  color: #F07E2F;
  text-decoration: none;
}

.cloud-btn:hover {
  background-color: #F07E2F;
}

.cloud-btn:hover a {
  color: #fff;
}

.cloud-card-wimg {
  background-color: #fff;
  border-radius: 5px;
  height: 280px;
}

.topic-img img {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  height: 250px;
  width: 200px;
}

.cloud-card-content {
  padding: 25px 10px;
}

.cloud-tt-bg {
  background-image: url(/assets/img/devops-img/secure-img8.jpg);
  background-position: center center;
  background-size: cover;
  position: relative;
}

.cloud-mc-bg {
  background-image: url(/assets/img/devops-img/ocius-cloud-bg.png), linear-gradient(to right, #1a1369, #0302ef, #1a136c);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  /* position: relative; */
}

.col-botom-p {
  padding-bottom: 5em;
}

/* ************** industry ************** */
.industry-sm-card {
  /* height: 120px; */
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7;
  /* box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  padding: 20px 8px 8px;
}

.industry-p-c {
  color: #F07E2F;
  font-size: 20px;
}

.insite-img {
  position: relative;
  overflow: hidden;
  transition: 250ms ease-out;
  cursor: pointer;
}

.insite-img img {
  transition: 250ms ease-out;
  height: 300px;
}

.insite-img:hover img {
  transform: scale(1.1);
  transition: 250ms ease-out;
  cursor: pointer;
}

.insite-content {
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  background-color: rgba(43, 48, 58, .85);
  color: #fff;
  padding: 15px 15px 10px;
  min-height: 100px;
  transition: 500ms ease-out;
}

.insite-content:hover {
  background-color: rgba(240, 77, 57, .78);
  transition: 500ms ease-out;
  cursor: pointer
}

.choose-h {
  border-left: 3px solid #F07E2F;
  padding-left: 1.5em;
}

.choose-h-h5 {
  color: #7e8387;
  padding-top: 0.5em;
  padding-bottom: 1.6em;
  line-height: 1.8em;
}

.mission-profit {
  height: 250px;
}

/* ******* Agriculture ******** */

.agricultre-card {
  text-align: center;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 8px;
  padding: 25px 10px 15px;
  font-size: 14px !important;
}

.agri-tatistics-card {
  padding: 20px;
  text-align: center;
  border-radius: 8px;
  background: #fff;
  -webkit-box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff;
  box-shadow: -30px 30px 60px #f2f2f2, 30px -30px 60px #fff;
}

.result-progress span {
  font-size: 35px;
  font-weight: 700;
  color: #ff1f8e;
}

.result-progress p {
  font-size: 20px;
  margin: 10px 0 0;
  font-weight: 500;
}

.fin-width {
  width: 550px;
}

/* ******** industry ********* */
.industry-h1 {
  font-size: 4em;
  font-weight: 600;
  color: #fc4430;
}

.indust-card {
  background: #FBFBFB;
  border-radius: 20px;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  padding: 30px 40px 40px 40px;
  margin-left: 3em;
}

.bnner-bg {
  background: #eff1f9 url(/assets/img/devops-img/business-growth.png);
  background-position: center center;
  background-size: cover;
  position: relative;
}


.how-it-works ol {
  display: flex;
  list-style: none;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  color: #1f3567;
  counter-reset: list-number;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  max-width: 500px;
}

.how-it-works ol li {
  flex-grow: 1;
  width: 33%;
  line-height: 1.3;
  counter-increment: list-number;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: hidden;
}

.how-it-works ol li:after {
  content: '';
  height: 1px;
  width: 100%;
  position: absolute;
  top: 16px;
  left: 0;
  background: #9d9d9d;
  z-index: 1;
}

.how-it-works ol li:first-child:after {
  left: 50%;
  width: 50%;
}

.how-it-works ol li:last-child:after {
  right: 50%;
  left: auto;
  width: 50%;
}

.how-it-works ol li:before {
  content: counter(list-number);
  display: block;
  font-size: 18px;
  width: 32px;
  height: 32px;
  border: 2px solid #00ADC2;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  border-radius: 50%;
  margin-bottom: 5px;
  position: relative;
  z-index: 2;
  background: #fff;
}

.div-width {
  width: 65%;
  margin-left: auto;
  margin-right: auto;
}

.vc_tta-title-text:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(/assets/img/devops-img/ico-webdesign.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  left: 10em;
}

.vc_tta-title-text1:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(/assets/img/devops-img/ico-webdev.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
  left: 29em;
}

.vc_tta-title-text2:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(/assets/img/devops-img/ico-webdev.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
}

.vc_tta-title-text3:before {
  content: "";
  width: 22px;
  height: 22px;
  background-image: url(/assets/img/devops-img/ico-webdev.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  position: absolute;
}

.tab-h5 {
  color: #3878b3;
}

.result-pre {
  color: #52b983;
  font-size: 40px;
  font-weight: bold;
}

.bord-right {
  border-right: 1px solid #000;
}

.carousel-w {
  width: 70vw;
  height: 200px;
  margin-left: auto;
  margin-right: auto;

}

.icon-fc {
  font-size: 35px;
  color: #131036;
}

.border-wh {
  display: inline-block;
  vertical-align: middle;
  width: 47px;
  border: 2px solid #F07E2F;
  margin-right: 10px;
}

.carosel-pos {
  margin-top: -9.3em;
}

.col-position {
  position: relative;
}

.line-before::before {
  content: '';
  height: 1px;
  width: 75%;
  position: absolute;
  top: 14%;
  /* left: 0; */
  background: #121036;
  right: 17em;
}

.agency {
  padding-top: 100px;
}

.seo-img-w {
  width: 90%;
}

.text-green {
  display: flex;
  flex-wrap: nowrap;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 25px;
  color: #2f7554;
  align-items: center;
}

.text-green p {
  padding-left: 10px;
  padding-top: 18px;
}

.numb-g {
  font-size: 2.2em;
  font-weight: 600;
}

.solu-icon-fw {
  font-size: 35px;
  color: #F07E2F;
}

.solu-icon-fw span {
  font-size: 30px;
}

.solu-span {
  font-size: 2.5em;
  font-weight: 600;
  color: #F07E2F;
}

.look-h2 {
  color: #607d8a;
}

.display-tc {
  display: flex;
  justify-content: center;
}

.m-tb-a {
  margin-top: auto;
  margin-bottom: auto;
}

.mt-n {
  margin-top: -16px;
}

.mlr-a {
  width: 70vw;
  margin-left: auto;
  margin-right: auto;
}

.carousel-bg-c:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.carousel-bg-c img {
  height: 500px;
  /* width: 100vw; */
  object-fit: cover;
  object-position: bottom;
}

.carousel-caption-content {
  bottom: 12.25rem !important;
  width: 40vw;
  margin-left: auto;
  margin-right: auto;
}

.industry-bg {
  background: url(/assets/img/devops-img/banner-img-3.jpg);
  padding: 5rem 0;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.industry-bg:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
}

.oil-overview {
  position: relative;
}

.black-p {
  color: #000;
  font-size: 18px;
}

.tab-sm-img {
  /* width: 200px; */
  height: 200px;
}

.segmet-mask {
  position: absolute;
  cursor: pointer;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 3em;
}

.oil-gas-over-bg {
  background-image: url(/assets/img/devops-img/banner-img-3.jpg);
  padding: 5rem 0;
  background-position: center center;
  background-size: cover;
}

.mask-sub-head {
  width: 90%;
  height: 100px;
  padding-top: 2em;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  background: rgba(0, 0, 0, .65);
  border: 1px solid #fff;
  line-height: 1.375rem !important;
}

.oil-g-card {
  height: 325px;
  background-color: #1d428a;
  color: #fff;
  padding: 20px;
}

.border-blue {
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  border: 1px solid #016ab5;
}

.oil-gas-bannaer-t {
  width: 450px;
  position: relative;
  color: #fff;
}

.wraper {
  background: #e0e0e0;
  padding: 0.9375rem;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  height: 250px;
}

.oil-gas-content {
  height: 100px;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
  overflow: hidden;
}

.business-pages-section img {
  height: auto;
  max-width: 100%;
}

.wraper .oil-gas-content h5 {
  color: #0065ad;
  margin: 0.9375rem 0;
}

img .white {
  display: none;
  width: 30px;
  height: auto;
}

.oil-gas-content p {
  color: #fff;
  opacity: 0;
  -webkit-transition: .5s;
  -o-transition: .5s;
  transition: .5s;
}

.wraper:hover {
  background: #0065ad;
}

.oil-gas-block {
  margin-bottom: 1.875rem;
}

.oil-gas-block .wraper:hover .oil-gas-content {
  height: 100%;
}

.oil-gas-block .wraper:hover .oil-gas-content img.blue {
  display: none;
}

.oil-gas-block .wraper:hover .oil-gas-content img.white {
  display: inline-block;
}

.oil-gas-block .wraper .oil-gas-content img.white {
  display: none;
  width: 30px;
  height: auto;
}

.oil-gas-block .wraper:hover .oil-gas-content h5 {
  color: #fff;
}

.wraper:hover .oil-gas-content p {
  opacity: 1;
}

.pub-sector-card {
  border-radius: 5px;
  background: #eff0f7;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  /* padding-bottom: 1.875rem; */
  position: relative;
  margin-top: 1.25rem;
  width: 100%;
  height: 550px;
}

.pub-sector-card:hover {
  background: #d9dbe9;
}

.pub-sector-card:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.pub-sec-content {
  padding: 1.5625rem;
}

.pub-sector-card img {
  border-radius: 5px 5px 0 0;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  width: 100%;
  height: auto;
}

.public-sector-img {
  overflow: hidden;
  position: relative;
}

.public-sector-img img {
  height: 250px;
  object-fit: cover;
  object-position: top;
}

.partner-logo-item {
  text-align: center;
  margin: 0.9375rem 0;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  display: block;
}

.partner-logo-item:hover {
  background: #fff;
  -webkit-box-shadow: 0 25px 30px rgba(0, 0, 0, .05);
  box-shadow: 0 25px 30px rgba(0, 0, 0, .05);
}

.partner-logo-item::after {
  content: "";
  background: -webkit-linear-gradient(7.16deg, #7abef7 1.73%, #4080f5 51.42%, #7747d5 82.38%, #572ac2 107.74%);
  background: -o-linear-gradient(7.16deg, #7abef7 1.73%, #4080f5 51.42%, #7747d5 82.38%, #572ac2 107.74%);
  background: linear-gradient(82.84deg, #7abef7 1.73%, #4080f5 51.42%, #7747d5 82.38%, #572ac2 107.74%);
  width: 100%;
  position: absolute;
  bottom: 0;
  z-index: 99;
  height: 3px;
  left: 0;
  opacity: 0;
}

.partner-logo-item:hover::after {
  opacity: 1;
}

.inv-banking-text {
  position: relative;
  width: 50vw;
  color: #fff;
}

.lead-second-bg {
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/assets/img/devops-img/digital-banking.png);
  position: absolute;
  width: 796px;
  height: 602px;
  overflow: hidden;
  pointer-events: none;
  transform-style: preserve-3d;
  backface-visibility: hidden;
  margin-top: -859px;
  margin-left: 628px;
  transform: translate3d(0px, 236.115px, 0px);
  display: block;
}

.white-border {
  border: 1px solid #fff;
}

.cus-int-img {
  /* height: 500px; */
  width: 500px;
}

.slide-bullet li::before {
  content: "\2022";
  color: #F07E2F;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.slide-tophed {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #282c32;
  color: #fff;
  padding: 10px;
  border-top-right-radius: 9px;
  border-top-left-radius: 9px;
  /* height: 120px; */
}

.form-icon {
  position: absolute;
  margin-top: -5px;
  /* margin-left: -8px; */
}

.form-icon img {
  width: 35px;
}

/* .our-team-img{
  width: 100%;
  height: 250px;
  object-fit: cover;
  object-position: top;
}
.about-our-team-card-body{
  color: #000;
}
.hover-bg:hover .team-text{
  background-color: #34324a;
  color: #fff;
}
.team-text{
  color: black;
  text-align: center;
} */





.our_team_card {
  border-radius: 5px;
  background: #eff0f7;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  /* padding-bottom: 1.875rem; */
  position: relative;
  margin-top: 1.25rem;
  width: 100%;
  height: 520px;
}

.our_team_card:hover {
  background: #d9dbe9;

}

.our_team_card:hover .know-more {
  display: block;
  color: #F07E2F;
}

.our_team_card:hover img {
  -webkit-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.our-team-content {
  padding: 1.5625rem;
  color: #000;
}

.our_team_card:hover .our-team-content {
  color: #F07E2F;
}

.our_team_card img {
  border-radius: 5px 5px 0 0;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  width: 100%;
  height: auto;
}

.our-team-img {
  overflow: hidden;
  position: relative;
}

.our-team-img img {
  height: 400px;
  object-fit: cover;
  object-position: center;
}

.know-more {
  display: none;
  color: #F07E2F;
  right: 15px;
  font-size: 21px;
  position: absolute;
  top: 80%;
}

.modal-img {
  /* height: 500px; */
  object-fit: cover;
  object-position: top;
}

.our-jour-card {
  border-radius: 5px;
  background: #eff0f7;
  border: none;
  overflow: hidden;
  -webkit-box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  box-shadow: 0 6px 8px rgba(0, 0, 0, .02);
  position: relative;
  margin-top: 1.25rem;
  width: 100%;
  height: 550px;
}

.our-joue-content {
  padding: 1.5625rem;
  color: #000;
}

.contact-oci {
  display: flex;
  align-items: center;
  padding-top: 2em;
  padding-bottom: 2em;
}

.ab-number {
  display: flex;
  align-items: center;
  /* padding-top: 2em;  */
}

.otw {
  width: 800px;
  margin-right: auto;
  margin-left: auto;
}

/* .cloud-card-wimg{
  height: auto;
} */
.ccwdfb {
  display: flex;
}

.multipal-cloud {
  height: 450px;
}

.border-card {
  padding: 2em 1.2em;
  height: 100%;
  text-align: center;
  box-shadow: 0 3px 30px rgba(0, 0, 0, 0.05);
  border: 1px solid #dde0e4;
}

.border-card-row {
  width: 950px;
  margin-left: auto;
  margin-right: auto;
}

.kms-flip-container {
  perspective: 1000px;
  transform-style: preserve-3d;
  width: 100%;
  height: 259px;
  float: left;
  margin-bottom: 30px;
}

.kms-flip-container .flipper {
  transition: .6s;
  transform-style: preserve-3d;
}

.kms-flip-container .flipper {
  position: relative;
  text-align: center;
}

.flip-front {
  transform: rotateY(0);
  display: flex;
  justify-content: center;
  align-items: center;
}

.kms-flip-container .flipper .flip-front {
  z-index: 2;
  background: #fff;
  border: 1px solid #d6e9f3;
}

.kms-flip-container .flipper .flip-back,
.kms-flip-container .flipper .flip-front {
  width: 100%;
  height: 259px;
  float: left;
  backface-visibility: hidden;
  transition: .6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
}

.flip-wrap {
  padding: 30px;
}

.flip-back {
  transform: rotateY(-180deg);
}

.kms-flip-container .flipper .flip-back {
  background: #021235;
  border: 1px solid #d6e9f3;
  color: #fff;
}

.kms-flip-container:hover .flipper .flip-back {
  transform: rotateY(0)
}

.kms-flip-container:hover .flipper .flip-front {
  transform: rotateY(180deg)
}

.firms-img {
  width: 200px;
}

.firms-img1 {
  width: 250px;
}

.mt-mv-4 {
  margin-top: 3em;
}

.pro-img1 {
  width: 500px;
  border-radius: 10px;
}

.ltsp {
  letter-spacing: 1px;
}

.sect-mb {
  margin-bottom: 3em;
}

.p-sub-size {
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0.5px;
}

.opacity-p {
  opacity: .75;
}

.bg-smooth {
  background-color: #f9f9f9;
  padding-top: 2em;
  padding-bottom: 2em;
}

.sub-title {
  color: #545454;
  font-size: 1rem !important;
  font-weight: 400;
  letter-spacing: 3px;
  text-transform: uppercase;
}

.business-card {
  background: #fff;
  border-radius: 10px;
  padding: 1.5rem;
  height: 100%;
}

.icon-div {
  width: 40px;
  height: 40px;
  border: 3px solid gray;
  border-radius: 50%;
  margin-bottom: 2em;
}

.check-icon {
  margin-left: 2px;
  margin-top: 7px;
  font-size: 20px;
  color: #F07E2F;
}
.check-icon-mi{
  margin-left: 7px;
  margin-top: 7px;
  font-size: 20px;
  color: #F07E2F;
}

.check-icon2 {
  margin-left: 8px;
  margin-top: 7px;
  font-size: 20px;
  color: #F07E2F;
}

.business-p {
  letter-spacing: 0.86px;
  font-size: 17px;
  color: rgb(111, 111, 111);
}

.bullet-circle-list li {
  list-style: none;
  margin: 0 0 0.5rem;
  padding-left: 20px;
  font-size: 18px;
  letter-spacing: 0.5px;
  font-weight: 500;
  color: rgb(81, 85, 91);
  position: relative;
}

.bullet-circle-list li:before {
  background-color: #F07E2F;
  border-radius: 100%;
  content: "";
  display: inline-block;
  height: 8px;
  left: 0;
  position: absolute;
  top: 10.5px;
  width: 8px;
}

/* Section-2 */
.sec2-bg-dark {
  background-color: #000;
}

.builde-ma {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 500;
  letter-spacing: 1px;
}

.outline-border {

  background-color: transparent;
  border-color: #F07E2F;
  color: #F07E2F;
  border-radius: 50px;
  font-size: 1.125rem;
  line-height: 1;
  padding: 1rem 3rem;
  width: auto;
}

.outline-border a {
  letter-spacing: 1px;
  color: #F07E2F;
  text-decoration: none;
}

.outline-border:hover {
  background-color: #F07E2F;
}

.outline-border:hover a {
  color: #fff;
}

.hexagon1-img {
  margin-left: 7.5em;
  margin-bottom: -2.5em;
  position: relative;
}

.hexa-maindiv {
  display: flex;
}

.hexagon2-img {
  margin-right: 2em;
  /* width: 150px; */
}

.hexa-ip {
  position: absolute;
  color: #fff;
  padding-left: 13.5em;
  margin-top: -8em;
}

.hexa1-prod {
  margin-top: -1em;
  margin-left: -5em;
}

.hexa2-prod {
  margin-top: -1em;
  margin-left: -2.5em;
}

.hexa-sub2-ip {
  position: absolute;
  color: #fff;
  padding-left: 5.5em;
  margin-top: -10em;
}

.hexa-sub3-ip {
  position: absolute;
  color: #fff;
  padding-left: 3.5em;
  margin-top: -10em;

}

.iml {
  margin-left: 2em;
}

.stand-out {
  display: flex;
}

.col-border {
  border: 1px solid #e5e5e5;
  margin: 0
}

.mob-app-devl-h2 {
  font-size: 2.8em;
  letter-spacing: 1px;
}

/* ///// section-4 ////////*/
.sec4-bg {
  background-color: #f9f9f9 !important;
}

.mob-app-devl {
  display: flex;
  align-items: baseline;
}

.mob-app-devl i {
  font-size: 2.5em;
  color: #F07E2F;
}

.dot-line {
  position: relative;
}

.dot-line::before {
  border: 1px dashed hsla(0, 0%, 80%, .5);
  content: "";
  display: inline-block;
  left: 140px;
  position: absolute;
  top: 82px;
  width: 80%;
}

.succ {
  align-items: center;
  background: #fff;
  border: 10px solid #fff;
  border-radius: 100%;
  box-shadow: 0 0 0 10px #fff, inset 0 0 0 10px #F07E2F;
  color: #dbdbdb;
  display: flex;
  flex-direction: column;
  font-size: 60px !important;
  height: 160px;
  justify-content: center;
  line-height: 60px !important;
  margin: 0 auto;
  outline: 1px dashed #cdcdcd;
  position: relative;
  width: 160px;
  z-index: 99;
}

.dot-circle-icon {
  position: relative;
  font-size: 1.6em;
  color: #F07E2F;

}

.dot-circle-icon:after {
  border: 1px dashed hsla(0, 0%, 80%, .5);
  content: "";
  display: block;
  height: 50px;
  left: 50%;
  position: absolute;
  top: -50px;
  transform: translateX(-50%);
}

/* //Section-6 */
.learn-more-btn {
  color: #F07E2F;
  font-weight: 500;
  position: relative;
  text-decoration: none;
}

.spacial-psize {
  color: #6e6a6a;
  font-size: 17px;
  letter-spacing: 0.6px;
}

.spacial-psize li {
  color: #6e6a6a;
  font-size: 17px;
  letter-spacing: 0.6px;
}

/* ////////////////////////////////////Ocius-app-Advantage-page////////////////////////////////////// */
.adva-dev {
  height: 120px;
  background-color: #FFFFFF;
  border: 1px solid #D7D7D7;
  /* box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1); */
  border-radius: 10px;
  padding: 20px 8px 8px;
}

.adva-dev-p {
  color: #6e6a6a;
  font-size: 17px;
}

.choose-satck {
  font-weight: 600;
  font-size: 30px;
  /* line-height: 53px; */
  color: #2F2F2F;
}

.h3-01 {
  font-weight: 900;
  font-size: 120px;
  line-height: 162px;
  color: rgba(69, 23, 205, 0.5);
}

.industry-t {
  color: #2e3280;
}

.pad-top {
  padding-top: 3em;
}

.google-cloud-img {
  width: 350px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.google-dot-img img {
  width: 108px;
  opacity: 0.6;
  margin-left: 401px;
  margin-top: 57px;
}

.google-dot-img {
  position: absolute;
}

.google-cld-img1 img {
  width: 400px;
}

.google-cld-img2 {
  width: 400px;
}

.google-cld-img2 {
  position: absolute;
  margin-top: -235px;
  margin-left: 240px;
}

.google-pl {
  padding-left: 60px;
}

.offcanva-img {
  width: 165px;
}

.offcanva-close-c {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background-color: #fff;
  /* box-shadow: rgb(0 0 0 / 32%) 0px 5px 15px; */
  /* box-shadow: rgba(0, 0, 0, 0.25) 0px 25px 50px -12px; */

}

.offcanva-close-c:hover {
  transition: transform .3s ease-in-out;
  background-color: #F07E2F;
}

.offcanva-close-btn {
  margin-left: 8px !important;
  margin-top: 8px !important;

}

.offcanva-close-c:hover .btn-close {
  transform: rotate(180deg) !important;

}

.offcanvas-header .btn-close {
  transition: transform .3s ease-in-out;
}

.btn-close:focus {
  box-shadow: none;
}

.offcanvas-end {
  border-left: none;
}

.offcanvas {
  background-color: #f6f6f6;
  padding: 13px 50px 36px;
}

.qa-test-solu-card {
  padding: 5.2em 1.4em !important;
}

.form-control {
  border-top: none;
  border-left: none;
  border-right: none;
  border-radius: unset;
  padding-left: 50px;
  background-color: #ffffff26;
}

.form-control:focus {
  box-shadow: none;
  border-color: #F07E2F;

}

.quote-icon i {
  color: black;
  font-size: 20px;
}

.quote-facebook:hover i {
  color: red !important;
}

.quote-btn-g {
  background-color: #F07E2F;
  font-size: 20px;
}

.form-icon-quote {
  position: absolute;
  margin-top: -3px;

}

.form-icon-quote img {
  width: 25px;
}

.quote-search-cion {
  position: absolute;
  right: 175px;
  margin-top: -20px;
}

.font-placeholder {
  font-size: 25px;
  width: 1111px;
  margin-left: auto;
  margin-right: auto;
}

.offcanvas-top {
  border-bottom: none;
  height: 50vh !important;
}

.mt-ive {
  margin-top: -10px;
}
.col-box-outer{
  margin: 0 0 20px;
  padding-top: 20px;
  border-image-slice: 1;
  border-image-source: linear-gradient(to right, #f4c561, #F07E2F);
  border-top: 4px solid;
}
.solu-accor .accordion-item .accordion-button::after {
  height: 60px;
  width: 60px;
  position: absolute;
  left: 0px;
  border-radius: 100%;
  background-color: #fafafa;
  border: 2px solid #f0f0f0;
  background-image: url(/assets/img/devops-img/plus.png);
  background-position: center;
  margin-left: inherit;
  background-size: 20px 20px;
  transition: all 0.10s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.solu-accor .accordion-item .accordion-button:not(.collapsed)::after {
  transform: rotate(45deg);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.solu-accor .accordion-item{
  padding-bottom: 10px;
  border: 0;
}
.solu-accor .accordion-item .accordion-button {
  font-size: 24px;
  line-height: 1.5;
  font-weight: 700;
  border: 0;
  box-shadow: none;
  padding-left: 100px;
  background-color: transparent;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}
.solu-accor .accordion-item .accordion-collapse {
  padding-left: 80px;
}
.image-fit{
  width: 100%;
  height: 400px;
  object-fit: cover;
  object-position: 20% 15%;
  border-radius: 3%;
}
.ch{
  height: 150px;
}
.scroll-row{
  height: 750px;
overflow-y: scroll;
}
.gallary-img{
  height: 400px;
}
.gal-body{
  height: 500px;
}
.carousel-inner > .carousel-item > img {
  width:100%;
  height:460px;
  object-fit: contain;
  /* object-position: center; */
}
.new-art-up{
  color:#F07E2F;
  font-size: 14px;
  margin-top: 1.5rem;
}
.blog-by{
  color: #7a7888;
}





/* .C-slide:nth-child(1) {
  background-image: url(https://picsum.photos/1480/800?image=11);
}
.C-slide:nth-child(2) {
  background-image: url(https://picsum.photos/1480/800?image=22);
}
.C-slide:nth-child(3) {
  background-image: url(https://picsum.photos/1480/800?image=33);
}
.C-slide:nth-child(4) {
  background-image: url(https://picsum.photos/1480/800?image=44);
}
.C-slide:nth-child(5) {
  background-image: url(https://picsum.photos/1480/800?image=55);
} */

.C-navigation {
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
}

.C-carousel--vertical .C-navigation {
  bottom: auto;
  left: auto;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}

@media (max-width: 480px) {

  .C-carousel--horizontal .C-navigation {
    bottom: 50px;
  }

  .lead-second-bg {
    display: none;
  }
}




.C-navigation__dot {
  width: 10px;
  height: 10px;
  background: #fff;
  display: block;
  margin: 4px;
  cursor: pointer;
  border-radius: 50%;
}

.C-navigation__dot.active {
  background: #3333ff;
  transform: scale(1.3);
}

.C-carousel-navigation-button:hover {
  background: #eee;
  color: blueviolet;
}

.C-carousel-navigation-button:active {
  background: #fff;
}

.C-carousel--vertical .C-carousel-navigation-button {
  bottom: 10px;
  top: auto;
  left: auto;
  right: 25px;
  transform: translateY(0);
}

.C-carousel--vertical .C-carousel-navigation-button--prev {
  transform: translatex(calc(-100% - 5px));
}

.C-slide-title {
  padding: 1rem 2.5rem;
  position: relative;
  transform: translateY(100%);
  opacity: 0;
  transition: all 300ms ease;
  transition-delay: 300ms;
}

.C-slide-title h5 {
  font-size: 1.5em;
  font-weight: 600;
}

.active .C-slide-title {
  transform: translateY(0) translateX(0);
  opacity: 1;
}



/* small-carousel- end */

/* About-us Btn */
.call-icon-bg {
  position: relative;
  font-size: 20px;
  width: 56px;
  height: 56px;
  line-height: 56px;
  text-align: center;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  background-color: white;
}

.call-icon-bg i {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  line-height: 29px;
  color: #F07E2F;

}

.abt-us-btn {
  margin-top: 12em;
  display: flex;
  justify-content: center;
  /* left: 24em; */
  /* float: bottom; */
  /* position: absolute; */

}

.about-us-card {
  padding: 25px 25px 25px;
  background-color: #ffffff00;
  position: relative;
  -webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  -ms-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.05);
  height: auto;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  transition: all 0.4s ease;

}

.about-us-btn {
  font-size: 14px;
  font-weight: 600;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-radius: 30px 30px 30px 30px;
  /* box-shadow: 0px 0px 30px 0px rgba(254, 88.00000000000001, 82.99999999999999, 0.25098039215686274); */
  padding: 15px 50px 15px 50px;
  color: #FFFFFF;
  background-color: #F07E2F;
  border-color: #F07E2F;
}

.about-us-btn:hover {
  color: #FFFFFF;
}

.about-us-card:hover {
  color: #fff;
  background-color: #2b292999;
  background-image: url(/assets/img/devops-img/testimonials-bg.png);
}

.about-us-card:hover p {
  color: #fff;
}

.client-img {
  opacity: 0.2;
  transition-duration: 0.3s;
}

.client-img:hover {
  opacity: 1;
  transition-duration: 0.3s;
}

.founder {
  margin: 0 14px 0 0;
  width: 78px;
  height: 78px;
  position: relative;
  overflow: hidden;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}

.about-us-card i {
  font-size: 2em;
  color: #F07E2F;
}

.founder-hed {
  display: flex;
  align-items: baseline;
}

.founder-sub-p {
  font-size: 18px;
}

.ocius-cap-o::first-letter {
  -webkit-initial-letter: 3;
  initial-letter: 3;
  color: #222733;
  font-size: 60px;
  font-weight: bold;
  /* padding-bottom: 5px; */
  margin-right: 0.3em;
  margin-top: -0.2em;

}

.about-us-position {
  position: relative;
  color: #fff;
}

/* portfolio */
.portfolio-card2 {
  /* background: #f6f6f6; */
  /* padding: 4.4em 3.2em; */
  height: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  /* padding-top: 20rem; */

}
.portfolio-card2::before {
  padding-top: 20rem;
}
.portfolio-card2:hover img {
  transform: scale(1.2);
}
.portfolio-card2:hover .portfolio-client-hover {
  transform: translateX(0);
  transition: all 0.3s;
  position: absolute;
  visibility: visible;
}

.portfolio-card2 img {
  transition: all .7s ease-in-out;
  /* transition: transform 0.7s ease-in-out ; */
}

/* portfolio */
.portfolio-card1 {
  background: #f6f6f6;
  padding: 4.4em 3.2em;
  height: 100%;
  text-align: center;
  overflow: hidden;
  position: relative;
  /* padding-top: 20rem; */

}

.portfolio-card1::before {
  padding-top: 20rem;
}

.portfolio-client-hover {
  width: auto;
  max-width: calc(100% - 30px);
  height: auto;
  top: auto;
  right: auto;
  bottom: 15px;
  left: 0;
  padding: 15px 57px 15px;
  background-color: #adccd7;
  color: rgb(5, 50, 118);
  transform: translateX(-100%);
  transition: all 0.3s;
  position: absolute;
  visibility: hidden;
}

.portfolio-card1:hover .portfolio-client-hover {
  transform: translateX(0);
  transition: all 0.3s;
  position: absolute;
  visibility: visible;
}

.portfolio-card1 img {
  transition: all .7s ease-in-out;
  /* transition: transform 0.7s ease-in-out ; */
}

.portfolio-card1:hover img {
  transform: scale(1.2);
}

/* ////////// Pagination-previous btn show and hide ////// */

#pageNavPosition {
  display: block;
}

.pagi-circle {
  align-items: center;
  border: solid 1px rgb(228, 224, 224);
  border-radius: 50%;
  width: 50px;
  height: 50px;
  padding: 3px 5px;
  float: left;
  margin: 2px;
  cursor: pointer;
  position: relative;
}

.pagi-pre-btn {
  position: absolute;
  margin-left: 12px;
  margin-top: 10px;
}

.active {
  /* background:#000; */
  color: #fff;
}

/* /////// qa-twsting-breakpoint///////  */




@media (min-width: 0px) and (max-width: 575.98px) {
  .ch {
    height: 250px;
}

  .solu-accor .accordion-item .accordion-button  {
    font-size: 15px;
  }
  .carousel-caption-content {
    bottom: 9.25rem !important;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
}
  .oil-g-card {
    height: auto;
  }
  .patner-compny{
    width: 250px;
  }
  .industry-p-c {
    font-size: 17px;
  }
  .google-dot-img img {
    width: 70px;
    opacity: 0.6;
    margin-left: 203px;
    margin-top: 12px;
  }

  .google-cld-img1 img {
    width: 200px;
  }

  .google-cld-img2 {
    position: absolute;
    margin-top: -140px;
    margin-left: 143px;
  }

  .google-cld-img2 img {
    width: 200px;
  }

  .cus-int-img {
    /* height: 500px; */
    width: 300px;
  }

  .industry-h1 {
    font-size: 3em;
  }

  .indust-card {
    margin-left: 0;
  }

  .lead-second-bg {
    display: none;
  }

  .accor-h {
    font-size: 19px;
  }

  .choose-img1 img {
    width: 200px;
  }

  .choose-img2 img {
    width: 163px;
    height: auto;
    margin-top: -9.5em;
    margin-left: 10.5em;

  }

  .dot-mg-content-wr {
    margin-left: 12em;
    margin-top: 3%;
  }

  .dot-img img {
    width: 60px;
    opacity: 0.6;
    margin-left: 199px;
    margin-top: 9px;
  }

  .mob-col-mar {
    margin-bottom: 8em;
  }

  .dev-bg h1 {
    font-size: 2.5em;
  }

  .devh2 {
    font-size: 2em;
  }

  .dev-card {
    padding: 2.4em 1em;
  }

  .cost-h4 {
    font-size: 1.6em;

  }

  .cost-opt-h2 {
    font-size: 2em;
  }

  .cost-contact-us {
    text-align: center;
  }

  .integration-sub-head {
    padding-top: 1em;
  }

  .our-work-card {
    padding: 1.5rem;
    width: 90%;
    max-width: 35rem;
  }

  .our-work-contn {
    justify-content: center;
    padding: 0;
  }

  .our-team-content {
    padding: 0.5625rem;
  }

  /* .our-team-img img {
    height: auto;
  } */
  .contact-oci {
    display: flow;
  }

  .cloud-card {
    width: auto;
  }

  .clud-col-pl {
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: 20px;
  }

  .topic-img img {
    height: 250px;
    width: 100%;
  }

  .ccwdfb {
    display: grid;
  }

  .row-padding-left-right {
    width: 100%;

  }

  .cloud-card-wimg {
    height: auto;
  }

  .border-card-row {
    width: 100%;
  }

  .consulting-card {

    padding: 3rem 2rem 2rem;
  }

  .ecosystem-mai-conent {
    margin-left: 10px;
    margin-right: 10px;
  }

  .carousel-w {
    width: 94vw;
    height: 220px;
  }

  .hexagon2-img {
    margin-left: 1em;
    margin-right: 1em;
    width: 150px;
  }

  .hexagon1-img {
    margin-left: 6.3em;
    margin-bottom: -1.3em;
    width: 150px;
  }

  .hexagon2-img {
    width: 150px;
  }

  .hexagon3-img {
    width: 150px;
  }

  .hexa1-prod {
    margin-top: -1.5em;
    margin-left: -4.5em;
    font-size: 12px;
  }

  .dot-line::before {
    content: none;
  }

  .outline-border {
    padding: 1rem 1rem;
    font-size: 1rem;
  }

  .hexa-ip {
    padding-left: 9.5em;
    margin-top: -7em;
  }

  .hexa1-prod {
    margin-left: -3.7em;
    font-size: 10px;
  }

  .hexa-sub2-ip {
    padding-left: 7em;
    margin-top: -13em;
    font-size: 10px;
  }

  .hexa-sub3-ip {
    padding-left: 3.5em;
    margin-top: -13em;
    font-size: 10px;
  }

  .pad-top {
    padding-top: 0.5em;
  }

  .btn-mb-4 {
    margin-top: 30px;
  }

  .C-carousel {
    width: 100%;
  }

  .C-slide {
    width: 100%;
    height: 55vh;
  }

  .service-sec h1 {
    font-size: 2.5em;
  }

  .accordian-section h4 {
    position: relative;
    width: 100% !important;
    height: 100%;
    display: block;
  }

  .h2-width {
    width: 100%;
  }

  .res-ts {
    font-size: 16px;
  }

  .soft-dev-card {
    height: 390px;
    padding: 20px;
  }

  .qa-test-solu-card {
    height: 400px;
    padding: 2.2em 1.4em;
  }

  .cyber-first {
    width: 100%;
    padding-top: 3em;
  }

  .cyber-security-sec1 {
    height: 600px;
    background-position: 74% 22%;
  }

  .dis-flex {
    display: block;
  }

  .risk-assi-card {
    height: 612px;
    padding: 15px;
  }

  .frame-img {
    width: 355px;
  }

  .excelent-sm-img {
    width: 66px;
    height: 66px;
  }

  .excelent-sm-img img {
    margin-left: 12px;
    margin-top: 12px;
  }

  .shift-img2 {
    margin-top: -207px;
    margin-left: 143px;
  }

  .shift-img1 {
    margin-top: -200px;
    margin-left: 274px;
  }

  .excelent-lg-img {
    width: 73px;
    height: 73px;
  }

  .excelent-lg-img img {
    margin-left: 14px;
    margin-top: 14px;
  }

  .shift-img5 {
    margin-top: -130px;
    margin-left: 196px;
  }

  .shift-img3 {
    margin-top: -54px;
    margin-left: 90px;
  }

  .shift-img7 {
    margin-top: -348px;
    margin-left: 171px;
  }

  .shift-img4 {
    margin-top: -151px;
    margin-left: 17px;
  }

  .shift-img6 {
    margin-top: -284px;
    margin-left: 50px;
  }

  .ser-img {
    position: relative;
    left: -20px;
    margin-top: 10px;
  }

  .ser-img img {
    width: 320px;
  }

  .home-brand-f {
    font-size: 2em;
  }

  .item1 img {
    width: 350px !important;
  }

  .ocius-tech img {
    width: 350px;
  }

  .home-sec {
    padding: 6.5em 0;
  }

  .home-sec h1 {
    font-size: 5em;
    font-weight: 700;
    line-height: 23vw;
  }

  .ho-brand img {
    width: 110px;
  }

  .w-33 {
    width: 33.33%;
  }



}

@media (min-width: 576px) and (max-width: 767.98px) {
  .ch{
    height: 200px;
  }
  .solu-accor .accordion-item .accordion-button {
    font-size: 15px;
  }
  .carousel-caption-content {
    bottom: 9.25rem !important;
    width: 75vw;
    margin-left: auto;
    margin-right: auto;
}
  .oil-g-card {
    height: auto;
  }

  .ocius-tech img {
    width: 550px !important;
  }

  .shift-img2 {
    margin-top: -305px;
    margin-left: 227px;
  }

  .shift-img1 {
    margin-left: 446px;
  }

  .shift-img7 {
    margin-top: -490px;
  }

  .w-33 {
    width: 33.33%;
  }

  .ser-img {
    position: relative;
    margin-top: -58px;
    left: 26px;
  }

  .dev-bg h1 {
    font-size: 3em;
  }

  .frame-img {
    width: 450px;
  }

  .risk-assi-card {
    height: 415px;
  }

  .cyber-font {
    font-size: 2.5em;
  }

  .cyber-first {
    width: 100%;
    padding-top: 1em;
  }

  .cost-opt-h2 {
    font-size: 2em;
  }

  .lead-second-bg {
    display: none;
  }

  .industry-h1 {
    font-size: 2em;
  }

  .indust-card {
    margin-left: 0;
  }

  .slide h2 {
    width: 100%;
  }

  .lead-second-bg {
    display: none;
  }

  .cloud-card {
    width: auto;
  }

  .clud-col-pl {
    padding-left: unset;
  }

  .border-card-row {
    width: 100%;
  }

  .consulting-card {

    padding: 3rem 2rem 2rem;
  }

  .pad-top {
    padding-top: 0.5em;
  }

  .dot-line::before {
    content: none;
  }

  .btn-mb-4 {
    margin-top: 30px;
  }

  .C-carousel {
    width: 100%;
  }

  .C-slide {
    width: 100%;
  }

  .accordian-section h4 {
    background-color: #fff;
    width: 100% !important;
    /* padding: 0.9em; */
  }

  .accordian-section h4 {}

  .accordian-section ul {
    position: relative;
    width: 100%;
  }

  .h2-width {
    width: 100%;
  }

  /* .qa-test-solu-card  {
    height: 400px;
    padding: 2.2em 1.4em;
  } */
}

@media only screen and (max-width: 768px) {
  .lead-second-bg {
    margin-top: -75.7% !important;
    margin-left: 32% !important;
  }

  .dot-line::before {
    /* border: 1px dashed hsla(0,0%,80%,.5); */
    content: none;

  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  .ch{
    height: 250px;
  }
  .solu-accor .accordion-item .accordion-button {
    font-size: 15px;
  }
  .oil-g-card {
    height: 470px;
  }
  .google-dot-img img {
    width: 137px;
    opacity: 0.6;
    margin-left: 400px;
    margin-top: 6px;
  }

  .google-cld-img2 {
    position: absolute;
    margin-top: -300px;
    margin-left: 295px;
  }

  .ser-img {
    position: relative;
    left: -71px;
  }

  .ser-img img {
    width: 540px;
  }

  .shift-img2 {
    margin-top: -356px;
    margin-left: 274px;
  }

  .certificate-img1 img {
    width: 320px;
  }

  .accordian-section h4 {
    width: 100%;
  }

  .accordian-section ul {
    width: 100%;
    position: relative;
  }

  .choose-img1 img {
    width: 330px;
    height: auto;

  }

  .cyber-first {
    padding-top: 2em;
    width: 100%;
  }

  .choose-img2 img {
    width: 300px;
    margin-top: -16.3em;
    margin-left: 18em;
  }

  .dot-img img {
    width: 147px;
    opacity: 0.6;
    margin-left: 297px;
    margin-top: 1%;
  }

  .cost-opt-h2 {
    font-size: 2em;
  }

  .lead-second-bg {
    width: 752px;
    margin-top: -1032px;
    margin-left: 17px;
    /* display: block; */
  }

  .industry-h1 {
    font-size: 3em;
  }

  .indust-card {
    margin-left: 0;
  }

  .ab-number {
    padding-top: 0;
  }

  .dot-line::before {
    /* border: 1px dashed hsla(0,0%,80%,.5); */
    content: none;

  }

  .C-carousel {
    width: 100%;
    height: 35vh;
  }

  .C-slide {
    width: 100%;
    height: 35vh;
  }

  .qa-test-card {
    padding: 1.4em 1.2em;
  }

  .qa-test-solu-card {
    height: 400px;
    padding: 2.2em 1.4em;
  }

}

@media (min-width: 992px) and (max-width: 1199.98px) {
  .ch{
    height: 200px;
  }
  .google-dot-img img {
    margin-left: 300px;
    margin-top: 53px;
  }

  .google-cld-img2 {
    margin-top: -139px;
    margin-left: 195px;
  }

  .google-cld-img1 img {
    width: 300px;
  }

  .google-cloud-img {
    width: 300px;
  }

  .certificate-img1 img {
    width: 270px;
  }

  g.oogle-cld-img2 img {
    width: 280px;
  }

  .shift-img7 {
    margin-top: -392px;
    margin-left: 216px;
  }

  .shift-img6 {
    margin-top: -365px;
    margin-left: 59px;
  }

  .shift-img1 {
    margin-top: -312px;
    margin-left: 339px;
  }

  .shift-img5 {
    margin-top: -160px;
    margin-left: 267px;
  }

  .shift-img4 {
    margin-top: -200px;
    margin-left: 18px;
  }

  .shift-img2 {
    margin-top: -246px;
    margin-left: 163px;
  }

  .ser-img img {
    width: 350px;
  }

  .ser-img {
    left: 125px;
    margin-top: -100px;
  }

  .trust-font-s {
    font-size: 1.2em;
  }

  .integ-img {
    width: 100%;
  }

  .cus-int-img {
    /* height: 500px; */
    width: 430px;
  }

  .lead-second-bg {
    margin-top: -905px;
    margin-left: 228.5px;

  }

  .industry-h1 {
    font-size: 3em;
  }

  .indust-card {
    margin-left: 0;
    padding: 20px;
  }

  .firms-img {
    width: 165px;
  }

  .firms-img1 {
    width: 200px;
  }

  .vc_tta-title-text::before {
    left: 7em;
  }

  .vc_tta-title-text1::before {
    left: 19.5em;
  }

  .vc_tta-title-text2::before {
    margin-left: -22px;
  }

  .vc_tta-title-text3::before {
    margin-left: -15px;
  }

  .line-before::before {
    right: 12.5em;
  }

  .C-carousel {
    width: 100%;
    height: 30vh;
  }

  .C-slide {
    width: 100%;
    height: 30vh;
  }

  .dot-img img {
    width: 110px;
    opacity: 0.6;
    margin-left: 269px;
    margin-top: 26px;
  }

  .choose-img2 img {
    width: 235px;
    height: auto;
    margin-top: -9.3em;
    margin-left: 12em;
  }

  .qa-test-solu-card {
    height: 440px;
    padding: 1.2em 1.4em;
  }

}