.body {
  margin: 0;
}

p {
  line-height: 1.5;
}

section {
  padding: 70px;
}

@media screen and (max-width: 767px) {
  .nft-animation-bg {
    background: url("../images/hire_devops/newimg/mobile-banner.webp") !important;
  }
}

/* ------ top section start ---------- / */
.nft-animation-bg {
  background: url("../images/hire_devops/newimg/smartbanner.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  padding: 3rem;
}

p.sub-heading-bold {
  font-family: "OpenSans-Medium";
  font-size: 24px;
  line-height: 32px;
  color: #000000;
  padding: 0px;
}

.nft-animation-bg .lets-go-btn {
  height: 50px;
  width: 175px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px 32px;
  gap: 10px;
  border-radius: 30px;
  border: none;
  background-color: #ffffff;
  color: #00588b;
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
  line-height: 16px;
}

.nft-animation-bg .nft-title {
  font-family: "OpenSans-SemiBold";
  font-size: 58px;
  line-height: 74px;
  max-width: 650px;
  color: #ffffff !important;
}

.nft-animation-bg .bottom-block {
  border-left: 2px solid #2f83c5;
  padding-left: 18px;
  max-width: 500px;
}

.nft-animation-bg .bottom-block p {
  font-family: "OpenSans-semiMedium";
  font-size: 18px;
  margin-bottom: 2rem;
  color: #ffffff !important;
}

.nft-animation-bg .right-section {
  position: relative;
  transform: translate(-50% 50%);
  width: 650px;
}

.nft-animation-bg img {
  object-fit: contain;
}

.nft-animation-bg img.first-image {
  width: 86%;
  margin-left: 25px;
}

.second-image {
  position: absolute;
  top: 0;
  left: 21.6%;
  animation: imageAnimation 4s infinite linear;
}

/* / ------- top section end- ---------- / */

#hire-accelerate-sect section {
  margin-top: 2px !important;
  padding: 60px 70px;
  background: radial-gradient(
      662.61% 135.61% at 98.86% 96.82%,
      #60a3d9 0%,
      rgba(54, 146, 219, 0.83) 100%,
      #60a3d9 100%
    ),
    #cfeaff;
}

.main-use-case-section {
  height: fit-content;
  /* padding: 15px; */
}

.devops-tools-we-use h4 div {
  font-family: "OpenSans-Medium";
  font-size: 24px;
}

.use-case-bg {
  background: rgba(207, 234, 255, 0.3);
}

.service-widgets {
  /* width: 200px; */

  width: 240px;
  height: 65px;
  display: flex !important;
  justify-content: center !important;
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  font-family: "OpenSans-Regular";
}

.devops-desc {
  font-size: 1rem;
  line-height: 22px;
}

.circleContainer {
  margin: 150px 0;
}

.outerCircle {
  width: 50%;
  height: 0;
  padding-bottom: 50%;
  background: #fff;
  margin: auto;
  border-radius: 50%;
  position: relative;
  border: 1px solid #2f83c5;
  box-shadow: -10px 20px 30px #8987878a;
}

.outerCircle::after {
  content: "";
  position: absolute;
  height: 105%;
  width: 105%;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  border: 1px solid #2f83c5;
}

.circleInnerText {
  position: absolute;
  top: 50%;
  font-size: 11px;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}

.circumCircle {
  position: absolute;
  width: 100%;
  height: 100%;
  /* background-color: rgba(0, 47, 255, 0.26); */
}

.circumContent {
  /* content: ""; */
  height: 120px;
  width: 120px;
  position: absolute;
  border: 1px solid #2f83c5;
  border-radius: 50%;
  box-shadow: -5px 5px 15px #8987878a;
}

.circumContent img {
  width: 45px;
}

.circumContent .circleDesc {
  font-family: "OpenSans-Regular";
  color: #3b3b3b;
  font-weight: 600;
  font-size: 12px;
}

.circumContent::after {
  content: "";
  position: absolute;
  background: rgb(255, 255, 255);
  border-top: 1px solid #2f83c5;
  border-right: 1px solid #2f83c5;
  height: 25px;
  width: 25px;
  right: -12px;
  transform: rotate(45deg) skew(-15deg, -15deg);
}

.outerCircle .circumCircle:nth-child(2) {
  transform: rotateZ(36deg);
}

.outerCircle .circumCircle:nth-child(2) .circumContent {
  transform: translate(-60%, -60%) rotate(-36deg);
}

.outerCircle .circumCircle:nth-child(3) {
  transform: rotateZ(72deg);
}

.outerCircle .circumCircle:nth-child(3) .circumContent {
  transform: translate(-60%, -60%) rotate(-72deg);
}

.outerCircle .circumCircle:nth-child(4) {
  transform: rotateZ(108deg);
}

.outerCircle .circumCircle:nth-child(4) .circumContent {
  transform: translate(-60%, -60%) rotate(-108deg);
}

.outerCircle .circumCircle:nth-child(5) {
  transform: rotateZ(144deg);
}

.outerCircle .circumCircle:nth-child(5) .circumContent {
  transform: translate(-60%, -60%) rotate(-144deg);
}

.outerCircle .circumCircle:nth-child(6) {
  transform: rotateZ(180deg);
}

.outerCircle .circumCircle:nth-child(6) .circumContent {
  transform: translate(-60%, -60%) rotate(-180deg);
}

.outerCircle .circumCircle:nth-child(7) {
  transform: rotateZ(216deg);
}

.outerCircle .circumCircle:nth-child(7) .circumContent {
  transform: translate(-60%, -60%) rotate(-216deg);
}

.outerCircle .circumCircle:nth-child(8) {
  transform: rotateZ(252deg);
}

.outerCircle .circumCircle:nth-child(8) .circumContent {
  transform: translate(-60%, -60%) rotate(-252deg);
}

.outerCircle .circumCircle:nth-child(9) {
  transform: rotateZ(288deg);
}

.outerCircle .circumCircle:nth-child(9) .circumContent {
  transform: translate(-60%, -60%) rotate(-288deg);
}

.outerCircle .circumCircle:nth-child(10) {
  transform: rotateZ(324deg);
}

.outerCircle .circumCircle:nth-child(10) .circumContent {
  transform: translate(-60%, -60%) rotate(-324deg);
}

.outerCircle .circumCircle:nth-child(11) {
  transform: rotateZ(359deg);
}

.outerCircle .circumCircle:nth-child(11) .circumContent {
  transform: translate(-60%, -60%) rotate(-359deg);
}

.bgimagetech .heading {
  font-family: "OpenSans-SemiBold";
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  padding: 0rem 0rem !important;
}


.heading {
  font-family: "OpenSans-SemiBold";
  font-style: normal;
  font-size: 32px;
  line-height: 32px;
  padding: 0rem 5rem;
}

@media screen and (min-width: 320px) and (max-width: 420px) {
  .heading {
    font-size: 24px !important;
  }
}
.use-case-cards {
  row-gap: 15px;
}

.box {
  width: 21%;
  border-radius: 10px;
  background: radial-gradient(
    159.12% 156.08% at 102.08% 103.99%,
    #fff 0%,
    #f0f4f8 100%
  );
  box-shadow: 0px 2px 10px 0px rgba(0, 17, 170, 0.25);
  padding-bottom: 40px !important;
  padding-left: 2.2% !important;
}

.card-title {
  font-size: 20px;
  font-family: "OpenSans-SemiBold";
  color: #ffffff;
  letter-spacing: 2px;
}

.card-desc {
  font-family: "OpenSans-Regular";
  font-size: 16px;
  color: #000000;
}

/* Use Case section above */

.para-padding {
  padding: 0rem 6rem;
}

.nft-service-desc {
  color: #000000;
  font-family: "OpenSans-Regular";
  font-size: 16px !important;
}

.nft-serv-img {
  width: 70%;
}

.right-hire-cent {
  display: flex;
  justify-content: end;
}

.left-hire-cent {
  display: flex;
  justify-content: start;
}

/* nft service above */

.token-section-bg {
  padding: 90px 0px;
  background: url("/images/TokenBGImage.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.token-cards {
  gap: 20px;
}

.card-main-block {
  width: 300px;
  height: 315px;
  border: 2px solid #0074b7;
  filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.25));
  border-radius: 15px;
}

.card {
  border: none;
  background-color: transparent;
}

/* token section above */

.solution-main-section {
  padding: 90px 0px;
  background: rgba(207, 234, 255, 0.3);
}


.externalPost .card-layout .content {
  height: auto;
}

.card-layout h4,
.card-layout p.market-para {
  color: #000000;
  font-family: "OpenSans-Medium";
  text-align: left;
  font-size: 16px !important;
}

.card-layout p.markt-content {
  min-height: 100px;
}

.card-layout .content {
  height: 260px;
  padding: 16px;
}

.card-layout .card {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
}

.externalPost .card {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  height: 100% !important;
}

.content p.markt-content {
  margin-bottom: 10px !important;
  font-size: 14px !important;
}

.text-lefthire {
  text-align: left !important;
}

@media screen and (min-width: 768px) and (max-width: 820px) {
  .nft-animation-bg .right-section {
    display: none !important;
  }
}

@media screen and (min-width: 821px) and (max-width: 999px) {
  .nft-animation-bg .right-section {
    display: none !important;
  }

  .four-tablet {
    width: 90% !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #hirecol7-width .col-7 {
    width: 80% !important;
  }

  .mobile-zero-padding {
    padding: 0px !important;
  }
}

#tooll-hiredevops section {
  padding: 5rem 5rem 0rem 5rem !important;
}

.solution-card {
  /* height: 180px; */
  width: 29%;
  border-radius: 10px;
  background: #ffffff;
  padding: 1.2rem 1.4rem 2rem 1.5rem;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.solution-title {
  font-family: "OpenSans-Medium";
}

.solution-desc {
  color: #000000;
  margin: 5px 21px 0px 15px;
}

/* solution section above */

.industries-main-section {
  padding: 90px 0px;
}

.service-stack-list {
  list-style: none;
  margin: 0 auto;
}

.service-stack {
  height: 60px;
  border: 2px solid #0074b7;
  border-radius: 2rem;
  padding: 0.7rem 3rem;
  white-space: nowrap;
  color: #0074b7;
  font-family: "OpenSans-Medium";
  text-align: center;
}

ul {
  padding-left: 0px !important;
}

/* industry section above */

.market-place-block {
  row-gap: 60px;
  padding: 0px 50px !important;
}

.market-place-image {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 14px;
}

/* market place above */

.history-section-bg {
  background: url("../images/hire_devops/images/history-bg.png");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.history-title {
  font-family: "OpenSans-Medium";
}

.history-content-block {
  width: 80%;
  border-radius: 20px;
}

.stack-main-section {
  background-color: #000000;
}

.hire-steps-main-block {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}

.hire-steps-block img {
  position: relative;
  left: 10%;
}

.hire-steps-block {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.mini-step-block {
  width: 200px;
  position: relative;
}

.mini-step-block1 {
  top: 184px;
  left: 5%;
}

.mini-step-block2 {
  top: 10px;
  left: 3%;
}

.mini-step-block3 {
  top: 165px;
  left: -2%;
}

.mini-step-block4 {
  top: 10px;
  left: -6%;
}

.responsive-circle {
  display: none;
}

.hire-steps-main-block h5 {
  font-family: "Inter-ExtraBold";
  font-size: 18px;
}
.hire-steps-main-block h5 {
  color: #000000 !important;
}
.hire-steps-main-block h5.text-primary {
  color: #0074b7 !important;
}
@media screen and (max-width: 1300px) {
  .nft-animation-bg img.second-image {
    top: 0;
    left: 23.6%;
    animation: imageAnimation 4s infinite linear;
    width: 65%;
  }
}

@media screen and (max-width: 1200px) {
  .hire-steps-block img {
    display: flex;
    width: 90%;
  }

  .mini-step-block {
    width: 200px;
    position: relative;
  }

  .mini-step-block1 {
    left: 5%;
  }

  .mini-step-block2 {
    left: 6%;
  }

  .mini-step-block3 {
    left: 3%;
  }

  .mini-step-block4 {
    left: 0%;
  }
}

@media screen and (max-width: 1100px) {
  .outerCircle {
    display: none;
  }

  .responsive-circle {
    display: flex !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
  }

  div.circleContainer {
    margin: auto;
    width: 70% !important;
  }

  .circumContent {
    display: flex !important;
    position: static;
  }

  .circumContent::after {
    content: none;
    position: static;
  }
}

@media screen and (max-width: 1000px) {
  .hire-steps-block img {
    display: none;
  }

  .mini-step-block {
    position: static;
  }

  .mini-step-block {
    width: 300px;
  }

  .use-case-cards,
  .token-cards {
    display: flex;
    justify-content: center;
  }

  /* Use Case section above */
  .market-place-block {
    padding: 0px 0px !important;
  }

  .history-content-block {
    width: 90%;
  }
}

@media screen and (max-width: 767px) {
  .solution-card {
    width: 100% !important;
  }

  .box {
    width: 100%;
    padding-left: 5% !important;
  }

  .heading {
    padding: 0rem !important;
  }
}

@media screen and (max-width: 770px) {
  .nft-service-responsive-block {
    order: 2;
  }

  section.nft-animation-bg {
    padding: 2rem;
  }
  div.left-section {
    width: 100%;
  }
  div.right-section {
    display: none !important;
  }

  .nft-animation-bg .nft-title {
    font-size: 46px;
    line-height: 60px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

@media screen and (max-width: 459px) {
  .nft-animation-bg .nft-title {
    font-size: 33px;
    line-height: 50px;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* / Large (lg): 992px to 1199.98px / */
@media screen and (max-width: 1199.98px) {
  .externalPost .content {
    height: 230px !important;
  }
}

/* / Medium (md): 768px to 991.98px / */
@media screen and (max-width: 991.98px) {
  .externalPost .content {
    height: auto !important;
  }
}

/* / Small (sm): 576px to 767.98px / */
@media screen and (max-width: 767.98px) {
  div.right-section {
    display: none !important;
  }
}

/* / Extra Small (xs): Up to 575.98px / */
@media screen and (max-width: 575.98px) {
  div.right-section {
    display: none !important;
  }
  #tooll-hiredevops section {
    padding: 2.5rem 1.5rem !important;
  }
}

.navbar-inverse .navbar-nav > li.header-contactus > a {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #0074b7 !important;
}

.navbar-expand-lg .navbar-collapse {
  justify-content: right;
  /* right: -260px; */
  margin-top: 12px;
  width: 100%;
  display: flex;
  /* margin-left: 60px; */
}

.contact-btn a,
a.contact-btn {
  height: fit-content !important;
  display: inline-flex;
  border: 1px solid #0074b7;
  padding: 10px 20px !important;
  border-radius: 50px;
  color: #5c5c5c !important;
}

li.menu-item.contact-btn:hover a {
  background-color: #0074b7 !important;
  color: white !important;
}

#pl-39 .so-panel {
  margin-bottom: 0px !important;
}

.main-use-case-section .card-title {
  color: #000000 !important;
  font-size: 18px !important;
  font-family: "OpenSans-Medium";
  text-align: center;
}

.solution-card h6.card-title {
  color: #000000 !important;
  text-align: left !important;
}

@media screen and (min-width: 320px) and (max-width: 400px) {
  #hire-devops-resimg .img-fluid {
    height: auto !important;
    padding: 0px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 767px) {
  #hire-devops-resimg .img-fluid {
    margin-top: -10px !important;
    padding: 0px 0px 0px 10px !important;
    /* margin-bottom: -20px !important; */

    /* margin-top: 2rem !important; */
  }

  #hire-devops-resimg .py-5 {
    margin-top: 0rem !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 820px) {
  .mobile-zero-padding {
    padding: 0px !important;
  }
}

@media screen and (min-width: 820px) and (max-width: 960px) {
  #hire-devops-resimg #tooll-hiredevops .mx-3 {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }

  #hire-devops-resimg #tooll-hiredevops section {
    padding: 5rem 1rem 5rem 1rem !important;
  }

  #hire-devops-resimg #tooll-hiredevops .gap-5 {
    gap: 0.8rem !important;
  }
}


@media screen and (min-width: 961px) and (max-width: 1158px) {
  #hire-devops-resimg #tooll-hiredevops section {
    padding: 5rem 1rem 5rem 1rem !important;
  }

  #hire-devops-resimg #tooll-hiredevops .gap-5 {
    gap: 0.9rem !important;
  }
}


@media screen and (min-width: 320px) and (max-width: 820px) {
  .mobile-zero-padding {
    padding: 0px !important;
  }
}

@media screen and (min-width: 771px) and (max-width: 1120px) {
  .hirebgbanner {
    height: 480px;
  }
  .left-section.d-flex.flex-column.justify-content-between.my-5.hire-top-gap {
    margin-top: -1rem !important;
  }

  #hirebgbanner .nft-animation-bg .nft-title {
    font-size: 40px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 770px) {
  .left-section.d-flex.flex-column.justify-content-between.my-5.hire-top-gap {
    margin-top: -1rem !important;
  }

  .hirebgbanner {
    height: 444px !important;
  }
}

h3.heading,
h3.heading a {
  font-size: 32px !important;
}
@media screen and (max-width: 767px) {
  div#hiremac-block .row {
    flex-direction: column-reverse !important;
  }
}

@media screen and (min-width: 821px) and (max-width: 999px) {
  .section-padding {
    padding: 4rem 3rem 2rem 3rem !important;
  }

  #hire-solution .section-padding {
    padding: 4rem 3rem 4rem 3rem !important;
  }
}
@media screen and (max-width: 820px) {
  h3.heading,
  h3.heading a {
    font-size: 24px !important;
  }
}

@media screen and (max-width: 1124px) {
  .nft-animation-bg .right-section {
    display: none !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 820px) {
  .solution-main-section div h3.heading {
    font-size: 24px !important;
    margin-bottom: 20px !important;
  }
}

@media screen and (min-width: 821px) {
  h3#hire-acrossindus {
    font-size: 32px !important;
    margin-bottom: -10px !important;
  }
}

.home-head-section {
  font-family: "OpenSans-semiMedium" !important;
  margin-bottom: 30px;
  font-size: 26px;
  color: #3b3b3b !important;
}

.w-75 {
  width: 75% !important;
}

.m-auto {
  margin: auto !important;
}

@media screen and (max-width: 999px) {
  #hire-faq p.heading {
    font-size: 26px !important;
  }
}

@media screen and (min-width: 320px) and (max-width: 1199px) {
}

@media screen and (max-width: 1140px) {
  .externalPost .show-mobile,
  .externalPost div.show-mobile {
    display: block !important;
  }
}

.card-layout img {
  width: 100%;
  /* height: 216px; */
  height: 134px;
  /* object-fit: cover; */
  object-fit: fill;
}

@media screen and (max-width: 1140.98px) {
  div.card-layout p.markt-content {
    min-height: 120px !important;
    max-height: unset !important;
  }
}

.white-color {
  color: #ffffff !important;
}

#white-color {
  color: #ffffff !important;
}

.requestdown {
  display: inline-flex;
  overflow: visible;
  width: 100%;
}

.requestbtn {
  display: block !important;
  width: 13px;
  rotate: 180deg;
  height: 13px;
  margin-top: 12px;
  margin-left: -26px;
  position: relative;
}

#grid-industry section {
  padding: 50px 70px;
  background: rgba(207, 234, 255, 0.3);
}

.industry-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(16%, 1fr));
  grid-row-gap: 1rem;
  grid-column-gap: 1rem;
}

.indutries-tiles {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #cfeaff;
  border-radius: 8px;
  width: 90%;
  height: 124px;
  display: flex;
  align-items: center;
  margin: 12px 11px;
  justify-content: center;
  padding: 8px;
}

.indutries-tiles h4,
.indutries-tiles h3 {
  font-size: 16px !important;
  font-family: "OpenSans-Medium";
  line-height: 24px;
  color: #0074b7;
  text-align: center;
  margin-bottom: 0;
}

@media screen and (max-width: 820px) {
  .industry-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(50%, 1fr)) !important;
    grid-row-gap: 0rem !important;
    grid-column-gap: 0rem !important;
  }

  div.indutries-tiles {
    width: 93% !important;
  }

  div.indutries-tiles h3 {
    font-size: 14px !important;
    line-height: 21px !important;
  }
}

.indutries-tiles img {
  width: 42px;
  margin-bottom: 0.3rem;
}

/*  */

.encompass-unorder {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.encompass-card {
  padding: 0 40px;
  text-align: left;
}
@media screen and (min-width: 1200px) {
  .encompass-card {
    padding: 0 60px !important;
    text-align: left;
  }
}

.encompass-number {
  z-index: 3;
  position: relative;
  margin-top: 20px;
  color: #2f83c5;
  height: auto;
  width: 64px;
  text-align: center;
  font-family: "OpenSans-Bold";
  font-size: 45px;
  font-weight: 800;
  line-height: normal;
  border-radius: 8px;
  border: 1px solid #30daff;
  background: #fff;
  box-shadow: 0px 2px 6px 0px rgba(0, 10, 99, 0.16);
}

@media screen and (min-width: 768px) {
  .line-stack {
    color: rgba(0, 116, 183, 1) !important;
    border-top: 2px solid;
    border-block-start-style: dashed;
    display: block;
    height: 1px;
    width: 124%;
    position: relative;
    z-index: 0;
    margin-top: -45px;
    margin-bottom: 44px;
  }
}

@media screen and (min-width: 1200px) {
  .line-stack {
    width: 152% !important;
  }
}

.encompass-card .mainhead {
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
  text-align: left;
}

.hire-team {
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .line-stackmobile {
    color: rgba(0, 116, 183, 1);
    border-top: 2px solid;
    border-left: dashed;
    display: block;
    height: 88%;
    width: 0;
    position: absolute;
    z-index: 0;
    margin-top: -20px;
    margin-bottom: 0;
    margin-left: 14px;
  }

  .encompass-number {
    margin-left: -18px;
  }

  .encompass-card .mainhead {
    margin-left: 32px !important;
  }

  .nft-serv-img {
    width: 100% !important;
  }

  .right-hire-cent,
  .left-hire-cent {
    justify-content: center !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .box {
    width: 41% !important;
  }

  div.industry-wrapper {
    grid-template-columns: repeat(auto-fit, minmax(20%, 4fr)) !important;
    grid-row-gap: 0rem !important;
    grid-column-gap: 0rem !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1189px) {
  .line-stack {
    width: 146% !important;
  }
}

/* tabs section */

@media screen and (min-width: 781px) {
  #desktop-tech-stack {
    display: block !important;
  }

  #mobile-tech-stack {
    display: none !important;
  }
}

.tabflex.active .next-arrow {
  display: block !important;
}
.next-arrow {
  display: none;
  padding-left: 5px;
}

.tabs li.active p {
  color: #fff !important;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 780px) {
  #mobile-tech-stack {
    display: block !important;
  }

  #desktop-tech-stack {
    display: none !important;
  }
}

@media screen and (min-width: 1000px) {
  .smart-tech-row section.bgimagetech {
    padding: 40px 75px !important;
  }
}

.bgimagetech {
  background-size: 100% 100% !important;
}

.bgimagetech-image {
  background-image: url(../images/smart-contract-development/techstackbg.png);
}

.tech-stack-smart {
  display: flex;
  justify-content: space-around;
  padding: 20px;
  border-radius: 20px;
}

.content_wrapper {
  padding-left: 16px !important;
}

.smart-tech-row ul {
  padding-left: 0;
}

.tabs li.active {
  color: #fff !important;
  background-color: #00588b;
  font-size: 17px !important;
  width: 208px;
  padding: 10px 9px;
  margin: 5px 0 10px;
}
.tabflex,
.tabflex p {
  display: flex;
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 17px !important;
  line-height: 25px;
}

.stack-display {
  border-radius: 10px;
  border: 2px solid #e3e6ff;
  background: #f9f9ff;
  padding: 30px 20px;
  min-height: 390px;
  height: auto;
}

.heading-tech {
  color: #00588b;
  text-align: center;
  font-family: "OpenSans-Bold";
  font-size: 28px !important;
  line-height: 33.6px;
}

.smart-tech-row ul {
  padding-left: 0;
}
.stack-display ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}

.stack-display li {
  padding: 22px;
}

.stack-display li img {
  width: 42px;
  height: 42px;
  filter: brightness(0) !important;
}

.stack-display li p {
  font-family: "OpenSans-semiMedium";
  font-size: 16px;
  line-height: 19.5px;
  margin-bottom: 0 !important;
  margin-top: 0.7rem;
}


@media screen and (max-width:600px)
 {

  .stack-display li {
    padding: 9px !important;
}

}

.tabflex p {
  width: 208px;
  margin-bottom: 10px;
}