.panel-grid.panel-has-style > .panel-row-style,
.panel-grid.panel-no-style {
  display: unset !important;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

p {
  margin: 0;
  font-family: "OpenSans-Regular";
}

h6 {
  margin-bottom: 0;
}

input {
  min-width: 0;
}

.flex-1 {
  flex: 1;
}

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

/* ------ top section start ---------- */

@media screen and (max-width: 821px) {
  .nft-animation-bg {
    background: url("../images/solutionpage/download.webp") !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat;
  }
}

.nft-animation-bg {
  background: url("../images/solutionpage/smartbanner.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.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: 700px;
  color:#ffffff !important;
}

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

@media screen and (max-width: 999px) {
  .nft-animation-bg .lets-go-btn {
    height: 40px !important;
    width: fit-content !important;
    padding: 10px 20px !important;
  }

  .nft-animation-bg .bottom-block p {
    font-family: "OpenSans-semiMedium" !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #ffffff !important;
  }
}

.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;
  align-self: center;
  width: auto;
  width: 670px;
  height: 378px;
}

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

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

/* ----- scaffold-section start -------- */
.scaffold-section {
  padding: 2rem;
}

.scaffold-section ul {
  padding-left: 0;
  list-style: none;
  justify-content: center;
  gap: 1.3rem;
  max-width: 800px;
  margin: 0 auto;
}

.scaffold-section ul li {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 100px;
  padding: 0.8rem 2rem;
}

/* ----- scaffold-section end -------- */

/* --------- discover start --------- */
.discover {
  padding: 4rem;
}

.discover .grid {
  display: grid;
  grid-template-areas: "first second third" "fourth fifth sixth";
  gap: 1rem;
}

.discover .grid .grid-item1 {
  grid-area: first;
}

.discover .grid .grid-item2 {
  grid-area: second;
}

.discover .grid .grid-item3 {
  grid-area: third;
}

.discover .grid .grid-item4 {
  grid-area: fourth;
}

.discover .grid .grid-item5 {
  grid-area: fifth;
}

.discover .grid .grid-item6 {
  grid-area: sixth;
}

.discover .grid > div {
  display: flex;
  align-items: center;
  padding: 1rem;
  gap: 1.5rem;
  border: 1px solid rgba(0, 116, 183, 0.36);
  box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  justify-content: center;
}

.discover .grid > div p {
  white-space: nowrap;
  color: #0074b7;
  font-family: "OpenSans-Medium";
}

/* --------- discover end --------- */

.services-section {
  padding: 2rem 4rem;
  /* background-image: linear-gradient(180deg, rgba(207, 234, 255, 0.15) 0%, rgba(207, 234, 255, 0.15) 33.17%, rgba(207, 234, 255, 0.15) 71.19%, rgba(207, 234, 255, 0.15) 86.09%, rgba(207, 234, 255, 0.15) 93.83%, rgba(207, 234, 255, 0) 104.33%); */
}

.services-section .sub-heading {
  max-width: 865px;
  margin: 0 auto 1.5rem;
}

.services-section .sub-heading {
  color: #000000;
  font-family: "OpenSans-Regular";
  line-height: 22.4px;
}

/* ------- crypto dev features start ------- */
.crypto-dev-features {
  padding: 3rem;
}

.crypto-dev-features ul {
  padding-left: 0;
  list-style: none;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}

.crypto-dev-features ul li {
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.25);
  border-radius: 15px;
  padding: 1.5rem;
  width: 100%;
  max-width: 400px;
  height: 170px;
}

.crypto-dev-features ul li .box-heading {
  font-family: "OpenSans-Medium";
  font-size: 20px;
  line-height: 30px;
  color: #000;
}

.crypto-dev-features ul li .description {
  font-family: "OpenSans-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

/* ------- crypto dev features end ------- */

.main-use-case-section {
  height: fit-content;
}

@media screen and (max-width: 800px) {
  .scaffold-list {
    min-width: 100% !important;
    max-width: 80%;
  }

  #exchange-service section {
    padding: 40px !important;
  }

  div.oodlesscaffold {
    flex-direction: column !important;
    padding: 30px 20px !important;
  }
}

@media screen and (min-width: 421px) and (max-width: 820px) {
  .smart-industries ul li {
    max-width: 27% !important;
    padding: 0rem !important;
  }

  .smart-industries ul {
    gap: 22px !important;
  }
}

@media screen and (max-width: 768px) {
  .tech-stack-smart {
    flex-direction: column;
    padding: 10px !important;
  }
}

@media screen and (min-width: 769px) {
  .scaffold-image-padding img {
    display: none !important;
  }

  h2.oodlesscaffold-heading {
    font-size: 32px !important;
    line-height: 38.4px !important;
  }
}
.font-semi-medium {
  font-family: "OpenSans-semiMedium" !important;
}

@media screen and (min-width: 769px) and (max-width: 899px) {
  .stack-display li {
    width: 100% !important;
  }

  .stack-display {
    height: auto !important;
  }
}

.stack-display .img-fluid {
  height: 30px;
  width: 30px;

}

@media screen and (max-width: 820px) {
  .stack-display .img-fluid {
    height: 30px;
    width: 30px;
    padding-right: 5px !important;
  }

  .stack-display li,
  .stack-display li p.para-width {
    font-size: 14px !important;
    width: 100% !important;
    line-height: 18px !important;
  }

  .stack-display {
    height: auto !important;
  }
}

h4.heading {
  font-family: "OpenSans-SemiBold";
  font-size: 32px;
  line-height: 32px;
  color: #ffffff;
}

h4.heading.text-primary {
  font-family: "OpenSans-Medium";
  font-size: 30px;
  line-height: 45px;
  color: #0074b7 !important;
}

p.heading.text-primary {
  font-family: "OpenSans-Medium";
  font-size: 30px;
  line-height: 45px;
  color: #0074b7 !important;
  max-width: 1229px;
  margin-left: auto;
  margin-right: auto;
}

p.text-dark {
  color: #000000 !important;
}

p.sub-heading {
  color: #000000;
  font-family: "OpenSans-Regular";
  line-height: 22.4px;
  font-size: 16px;
}

h5.heading {
  font-family: "OpenSans-Medium";
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

h5.sub-heading {
  font-family: "OpenSans-SemiBold";
  font-size: 18px;
  line-height: 24px;
  color: #000000;
}

/* ------- market insight start -------- */
.market-insight .main-card-market-insight {
  height: 350px;
  width: 380px;
  background: #ffffff;
  box-shadow: 0px 10px 4px rgba(0, 0, 0, 0.01), 0px 5px 3px rgba(0, 0, 0, 0.05),
    0px 2px 2px rgba(0, 0, 0, 0.09), 0px 1px 1px rgba(0, 0, 0, 0.1),
    0px 0px 0px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.market-insight .main-card-market-insight h6 {
  font-family: "OpenSans-SemiBold";
}

.market-insight .main-card-market-insight p {
  font-family: "OpenSans-Regular";
}

.market-insight .main-card-market-insight .card-text {
  flex: 1;
}

.market-insight .main-card-market-insight .date {
  color: #000;
}

.market-insight .main-card-market-insight .card-body {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.market-insight {
  background: rgba(207, 234, 255, 0.5);
  padding: 4rem 0;
}

.market-insight .card-img-top {
  object-fit: cover;
}

/* ------- market insight end -------- */

/* --- STO Development Benefits with Oodles start --- */

.all-boxes {
  display: flex;
  justify-content: center;
  gap: 2rem;
  flex-wrap: wrap;
  height: 100%;
}

.box {
  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: 1.5rem 1.5rem 2.2rem 1.5rem;
  width: 548px;
  height: auto;
}

.box h4 {
  font-family: "OpenSans-SemiBold";
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.box p {
  font-family: "OpenSans-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

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

.card-title {
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.5rem !important;
}

.card-desc {
  color: #000000;
  font-family: "OpenSans-Regular";
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

/* --- STO Development Benefits with Oodles end --- */

/* --- STO Development Benefits with Oodles start --- */

.transform-boxes {
  display: flex;
  justify-content: center;
  gap: 2rem 1.2rem;
  flex-wrap: wrap;
}

.transform-box {
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 1.5rem 1rem 2.4rem;
  width: 31%;
  height: auto;
}

.transform-box h4 {
  font-family: "OpenSans-SemiBold";
  font-size: 20px;
  line-height: 30px;
  color: #000000;
}

.transform-box p {
  font-family: "OpenSans-Regular";
  font-size: 16px;
  line-height: 24px;
  color: #ffffff;
}

.transform-title {
  line-height: 26px !important;
  font-size: 18px;
  font-weight: 600;
  color: #000000;
  margin-bottom: 0.5rem !important;
}

.transform-desc {
  color: #000000;
  font-family: "OpenSans-Regular";
  font-size: 16px;
  line-height: 22.4px;
  font-weight: 400;
}

/* --- STO Development Benefits with Oodles end --- */

/* Use Case section above */

.nft-service-desc {
  color: #000000;
}

.nft-service-img {
  padding: 30px;
}

.nft-service-block .description {
  font-family: "OpenSans-Regular";
  font-size: 1rem;
  line-height: 24px;
  color: #000000;
}

.nft-service-block ul {
  list-style: none;
  padding: 0;
}

.nft-service-block ul li {
  display: flex;
  align-items: flex-start !important;
  margin-top: 0.5rem;
  gap: 1rem;
}

.nft-service-block ul li p {
  font-family: "OpenSans-Regular";
  font-size: 1rem;
  line-height: 24px;
  color: #000000;
}

.service-stack-container {
  margin: 5rem 0;
}

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

.service-stack {
  border: 1.5px solid #0074b7;
  border-radius: 2rem;
  padding: 0.9rem 3rem;
}

.service-stack p {
  white-space: nowrap;
  color: #0074b7;
  font-family: "OpenSans-Medium";
}

.service-stack img {
  width: 22.17px;
  height: 22.17px;
}

/* ------------ form section start --------- */
.form-section {
  padding: 5rem 3rem;
  background-image: url("../images/fintech_service/images/formbg.png");
  background-size: cover;
  background-repeat: no-repeat;
}

.form-section input,
.form-section textarea {
  border: 1px solid #cfeaff;
  border-radius: 8px;
  height: 50px;
  background-color: transparent;
  color: #ffffff;
  font-family: "OpenSans-Medium";
}

.form-section textarea {
  height: initial;
}

.form-section form {
  max-width: 1300px;
  margin: 0 auto;
}

.form-section input::placeholder,
.form-section textarea::placeholder {
  color: #ffffff;
  font-family: "OpenSans-Medium";
}

.submit-btn {
  background-color: #0074b7;
  color: #ffffff;
  border-radius: 2rem;
  padding: 0.5rem 2rem;
  margin: 2rem 0 0;
  font-family: "OpenSans-Medium";
}

@media screen and (min-width: 1000px) {
  #solution-boxmac section {
    padding-bottom: 80px !important;
  }
}

/* Extra Large (xl): 1200px and above */
@media screen and (max-width: 1199.98px) {
  .nft-animation-bg .nft-title {
    font-size: 40px;
    line-height: 65px;
  }
  .nft-animation-bg .first-image,
  .nft-animation-bg .third-image,
  .nft-animation-bg .second-image img {
    width: 400px;
    height: 296px;
  }

  /* discover start */
  .discover .grid {
    grid-template-areas: "first second" "third fourth" "fifth sixth";
  }

  /* discover end */

  .crypto-exchange ul {
    flex-direction: column;
  }

  .crypto-exchange ul li {
    max-width: 500px;
    margin: 0 auto;
  }
}

/* Large (lg): 992px to 1199.98px */
@media screen and (max-width: 1199.98px) {
  .form-section {
    background-position: 20%;
  }
}

/* Medium (md): 768px to 991.98px */
@media screen and (max-width: 991.98px) {
  .nft-animation-bg .right-section {
    display: none;
  }

  .nft-animation-bg .main-section {
    justify-content: flex-start !important;
  }

  .services-section {
    padding: 2rem;
  }

  /* discover start */
  .discover .grid {
    grid-template-areas: "first" "second" "third" "fourth" "fifth" "sixth";
  }

  /* discover end */

  .form-section {
    background-position: right;
  }

  .scaffold-section ul li {
    flex: 1;
    text-align: center;
  }

  p.heading.text-primary {
    font-size: 26px;
    line-height: 40px;
  }
}

/* Small (sm): 576px to 767.98px */
@media screen and (max-width: 767.98px) {
  .nft-service-responsive-block {
    order: 2;
  }

  .form-section {
    padding: 3rem 2rem;
  }

  .form-section form .row {
    flex-direction: column;
  }

  .service-stack-container {
    margin: 2rem 0;
  }

  /* ----- sto-dev-methodology start ----- */
  section.sto-dev-methodology {
    margin: 3rem auto;
  }

  /* ----- sto-dev-methodology end ----- */
  p.heading.text-primary {
    font-size: 23px;
    line-height: 35px;
  }
}

/* Extra Small (xs): Up to 575.98px */
@media screen and (max-width: 575.98px) {
  h4.heading {
    font-size: 25px;
  }

  h5.heading {
    font-size: 20px;
  }

  /* --------- discover start --------- */
  .discover {
    padding: 3rem 2rem;
  }
  h2.heading {
    font-size: 24px !important;
  }
  h1.nft-title {
    font-size: 32px !important;
    margin-bottom: 0px !important;
    line-height: 42px !important;
  }

  div.left-section {
    margin: 0px !important;
  }
  .nft-animation-bg .use-case-cards {
    margin-top: 1.5rem !important;
    padding-top: 0px !important;
    padding-left: 0px !important;
  }
  .nft-animation-bg {
    background-size: cover;
    background-position: bottom;
  }
  /* --------- discover end --------- */
}

.mobile-display {
  display: none;
}

.web-display {
  display: block;
}

@media screen and (max-width: 820px) {
  .mobile-display {
    display: block !important;
  }

  .web-display {
    display: none !important;
  }
}

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

  #blockchain-solutionresponse .px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}

@media screen and (max-width: 778px) {
  .box {
    width: auto !important;
    height: auto;
    /* height: 225px; */
  }
}

@media screen and (max-width: 459px) {
  /* --- crypto-dev-features start --- */
  .crypto-dev-features ul li {
    height: 220px;
  }

  /* --- crypto-dev-features end --- */
  /* --------- discover start --------- */
  .discover {
    padding: 3rem 1rem;
  }

  .discover .grid > div p {
    white-space: normal;
  }

  /* --------- discover end --------- */
}

.nft-animation-bg .right-section {
  position: relative;
  align-self: center;
}

.nft-animation-bg .right-section .img-container {
  /* width: 548px; */
  width: auto;
  /* height: 390.12px; */
  text-align: end;
  display: flex;
  justify-content: flex-end;
}

.nft-animation-bg .right-section .img-container img.base {
  width: 80%;
}

h2.heading {
  font-family: "OpenSans-SemiBold";
  font-size: 32px !important;
  line-height: 32px !important;
  color: #fff;
  padding: 0;
}
h5.heading {
  padding-left: 0px;
}

@media not all and (min-resolution: 0.001dpcm) {
  @media screen and (min-width: 1000px) and (max-width: 9999px) {
    #blockchain-solutionresponse .nft-animation-bg .lets-go-btn {
      padding: 16px 18px !important;
    }
  }
}

@supports (-webkit-appearance: none) {
  @media screen and (min-width: 1000px) and (max-width: 9999px) {
    #blockchain-solutionresponse .nft-animation-bg .lets-go-btn {
      padding: 16px 18px !important;
    }
  }
}

@supports (-webkit-touch-callout: none) {
  @media screen and (min-width: 1000px) and (max-width: 9999px) {
    #blockchain-solutionresponse .nft-animation-bg .lets-go-btn {
      padding: 16px 18px !important;
    }
  }
}

.text-solutionfont {
  font-size: 18px;
  line-height: 30px;
}

@media all and (-webkit-min-device-pixel-ratio: 0) and (not (-webkit-touch-callout: none)) and (-webkit-scrollbar) {
  @media screen and (min-width: 1000px) and (max-width: 9999px) {
    #blockchain-solutionresponse .nft-animation-bg .lets-go-btn {
      padding: 16px 18px !important;
    }
  }
}


@media screen and (max-width: 820px) {
  .img-fluid-80 {
    width: 100% !important;
    height: auto;
  }
}

@media screen and (min-width: 821px) {
  .img-fluid-80 {
    width: 80% !important;
    height: auto;
  }
}

#Catalyst-encompass section {
  /* padding: 60px 50px; */
  background: linear-gradient(0deg, #f0f0ff 0%, #f0f0ff 100%), #fff;
}

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

.encompass-card {
  padding: 20px 20px;
  text-align: left;
  margin-bottom: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.transform-box ul {
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 18px;
  line-height: 26px;
  margin-bottom: 0;
  /* padding-left:0px; */
}

.transform-box li {
  list-style: disc;
}

.transform-box li {
  color: #000000;
  font-family: "OpenSans-Regular";
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  padding: 4px 0;
}

.encomp-inner {
  padding-left: 0;
}

section.main-use-case-section.nft-animation-bg {
  padding-left: 70px !important;
  padding-right: 70px !important;
}

section {
  padding: 60px 70px;
}

.smart-industries,
#transform-colour {
  background: rgba(207, 234, 255, 0.3);
}

.smart-industries ul {
  list-style: none;
  display: flex;
  gap: 40px;
  justify-content: space-evenly;
  flex-wrap: wrap;
  padding-left: 0px;
}

.smart-industries ul li {
  min-height: auto;
  padding: 20px 0px !important;
  height: inherit !important;
  padding: 1rem;
  width: 16%;
  max-width: 28%;
  text-align: center;
  border-radius: 8px;
  border: 1px solid #0074b7;
  background: rgba(255, 255, 255, 0.2);
}

.smart-industries ul li .box-heading {
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
  line-height: 24px;
  color: #0074b7;
  margin-bottom: 4px;
}

.fontfamily-500 {
  font-family: "OpenSans-semiMedium" !important;
}

.second-paragh {
  font-size: 16px;
  line-height: 22.4px;
}

.smart-industries ul li .description {
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
  line-height: 24px;
  color: #000000;
}

.smart-industries ul img {
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
}

h2.oodlesscaffold-heading {
  color: #ffffff !important;
  font-family: "OpenSans-SemiBold";
  font-size: 32px;
  line-height: 38.4px;
}

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

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

.oodlesscaffold {
  background: radial-gradient(
      703.83% 143% at -0.87% -1.37%,
      #003b73 0%,
      #014687 100%
    ),
    radial-gradient(
      662.61% 135.61% at 98.86% 96.82%,
      #60a3d9 0%,
      rgba(54, 146, 219, 0.83) 100%,
      #60a3d9 100%
    );
  display: flex;
  justify-content: space-evenly;
  background-size: 100% 100% !important;
}

section.smart-industries {
  margin: 60px 0px;
}

.oodlesscaffold-inner {
  margin-bottom: 30px;
}

.oodlesscaffold-why-image {
  background: url("../images/solutionpage/why-choose.png");
}

.desktop-image {
  display: block;
}

.mobile-image {
  display: none;
}

@media screen and (max-width: 800px) {
  .desktop-image {
    display: none !important;
  }

  .mobile-image {
    display: block !important;
  }
}

.oodlesscaffold-why {
  background-image: url("../images/solutionpage/why-choose.png") !important;
  border-radius: 18px;
  display: flex;
  justify-content: space-evenly;
  background-size: contain !important;
  background-repeat: no-repeat;
}

.scaffold-list {
  min-height: 34px;
  display: flex;
  align-items: self-start;
  gap: 10px;
  margin-bottom: 0px;
}

.scaffold-list img {
  width: 21px;
  height: 21px;
}

.scaffold-unordered {
  padding-left: 0px !important;
}

h2.heading {
  font-family: "OpenSans-SemiBold";
  font-size: 32px !important;
  line-height: 48px !important;
  color: #fff;
  padding: 0;
}

.scaffold-list {
  color: #f5f3ff;
  font-family: "OpenSans-Regular";
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  min-width: 310px;
  max-width: 80%;
}

.scaffold-unordered {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 14px;
}

.scaffold-btn {
  display: flex;
  /* width: 300px; */
  padding: 12px 70px;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 1px solid #fff;
  background: #0074b7;
  color: #fff;
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
}

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

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

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

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

.tabs_indicators li {
  height: 5px;
  display: inline-block;
  cursor: pointer;
  width: 5px;
  border-radius: 50%;
  /* background: green; */
}

.tabs li.active {
  color: #ffffff !important;
  background-color: #00588b;
  width: fit-content;
  padding: 5px;
  margin: 5px 0px 5px 0px;
}

.tabflex.active p {
  color: #ffffff !important;
  background-color: #00588b;
}

.tabflex,
.tabflex p {
  display: flex;
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 14px !important;
  line-height: 22px;
}
.tabflex p {
  width: fit-content;
  margin-bottom: 10px;
  font-size: 17px !important;
}

.tabflex{
  margin: 10px 0 !important;
}

.next-arrow {
  display: none;
  padding-left: 5px;
  /* background-image: url('../images/downwardrequest.png'); */
}
.tabflex.active .next-arrow {
  display: block !important;
}
.sub-heading {
  color: #000000;
  text-align: center !important;
  font-family: "OpenSans-SemiBold";
  font-size: 16px !important;
  line-height: 22.4px !important;
}

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

.smart-tech-row ul {
  padding-left: 0;
}
.stack-display ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  margin-left: 8px;
}

.stack-display .img-fluid {
  padding-right: 12px !important;
}

.stack-display li {
  display: block;
  padding: 12px 0px 0px 0px;
  width: 55%;
  text-align: left;
  /* background-color: red; */
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
  line-height: 24px;
}

.stack-display li.crypto-div {
  display: flex !important;
}

.crypto-div img {
  margin-top: -32px;
}

.crypto-div img.reward-top {
  margin-top: -2px !important;
}


.stack-display li p.para-width {
  padding: 0px;
  text-align: left;
  /* background-color: red; */
  color: #000;
  font-family: "OpenSans-SemiBold";
  font-size: 16px;
  line-height: 24px;
}

.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 (max-width: 767px) {
  #exchange-service h2.linehgt-36,
  .linehgt-36 {
    line-height: 36px !important;
  }

  .line-stack {
    display: none !important;
  }

  #why-insurance .w-50
  {
width:100% !important;
  }
}

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

@media screen and (max-width: 767px) {
  .encompass-card .mainhead {
    margin-left: 32px !important;
  }
  .encompass-card {
    padding: 0 10px 0px 30px !important;
  }
}

@media screen and (max-width: 767px) {
  .bgimagetech p.sub-heading {
    line-height: 25px !important;
  }

  ul.tabs li.active {
    width: 210px !important;
  }

  .tabflex p {
    width: 210px !important;
  }
  .all-boxes .card-title {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .transform-title {
    font-size: 16px !important;
  }

  #transform-colour h2.heading,
  #solution-boxmac h2.heading,
  .smart-industries h2.heading,
  #exchange-service h2.heading,
  .bgimagetech h2.heading {
    font-size: 22px !important;
    line-height: 33px !important;
  }

  .text-solutionfont {
    font-size: 16px !important;
    line-height: 30px !important;
  }

  section.main-use-case-section.nft-animation-bg {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  .transform-box {
    width: 100% !important;
  }

  .smart-industries ul li {
    width: 47% !important;
    max-width: 100% !important;
  }

  .smart-industries ul {
    gap: 16px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  section.main-use-case-section.nft-animation-bg {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

#exchange-service .col-md-12 {
  display: flex;
  padding: 0px !important;
}

#exchange-service section {
  padding: 60px 0px 60px 70px !important;
}
.padding-subtext {
  padding: 0rem 2.4rem !important;
}

@media screen and (max-width: 767px) {
  #solutionbluelinemob p {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 800px) {
  .padding-subtext {
    padding: 0rem 0rem !important;
  }

  .stack-display ul {
    /* display: grid !important; */
  }

  .solution-why-image {
    margin-left: 0px;
  }

  #exchange-service .col-md-12 {
    flex-direction: column;
    margin-left: -40px;
  }

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

  #exchange-service section {
    padding: 40px 0px 40px 40px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
  #exchange-service .col-md-6 {
    width: 100% !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .smart-industries ul li {
    width: 23% !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1268px) {
  .all-boxes .box {
    width: 48% !important;
    height: auto !important;
  }
}

/* section  Success stories nft development process */

#exchange-showcase {
  padding: 60px 70px;
}

#exchange-showcase {
  background: rgba(207, 234, 255, 0.3);
}

.text-centershow {
  text-align: center !important;
}

.showcase-display {
  display: flex;
  justify-content: space-evenly;
}

@media screen and (min-width: 1000px) {
  .oodleshowcase-inner {
    padding-right: 120px !important;
  }
}

.showcase-display {
  display: flex;
  justify-content: space-evenly;
}

.oodleshowcase-inner {
  padding-top: 60px;
}

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

.showcase-innerimg {
  width: 560px;
  height: 275px;
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .showcase-innerimg {
    width: 100% !important;
  }
}

@media screen and (max-width: 767px) {
  .oodleshowcase-inner {
    padding-top: 0px !important;
    padding-right: 0px !important;
  }

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

  .nft-token-gap {
    row-gap: 22px !important;
  }

  #exchange-showcase {
    padding: 60px 30px !important;
  }

  .showcase-display {
    flex-direction: column !important;
  }

  .showcase-innerimg {
    width: 100% !important;
    height: 100% !important;
  }
}

.fontfamily-500 {
  font-family: "OpenSans-semiMedium" !important;
}

/*  */

/*  */

#why-insurance {
  background: radial-gradient(
      703.83% 143% at -0.87% -1.37%,
      #003b73 0%,
      #014687 100%
    ),
    radial-gradient(
      662.61% 135.61% at 98.86% 96.82%,
      #60a3d9 0%,
      rgba(54, 146, 219, 0.83) 100%,
      #60a3d9 100%
    );
}

@media screen and (min-width: 1000px) {
  .row-cols-2 {
    height: 340px !important;
  }
}

.choose-row-conatiner .col {
  margin-bottom: 1.4rem !important;
  display: flex;
}
.row-cols-2 > * {
  flex: 0 0 auto;
}

.row-cols-2 > * {
  width: 90% !important;
}

.content {
  color: #f5f3ff;
  font-family: "OpenSans-semiMedium";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
}

.image-container img {
  width: 30px;
  height: 24px;
  padding: 0 0.6rem 0 0;
}

.insurance-why-img {
  width: 330%;
  margin-top: -90px;
}

.stellar-img-why {
  width: 100% !important;
}

#why-insurance section {
  padding: 60px 0px 5px 70px !important;
}

@media screen and (max-width: 999px) {
  .insurance-why-img {
    width: 100% !important;
  }
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
  .insurance-why-img {
    margin-top: -40px !important;
  }
}

@media screen and (min-width: 821px) and (max-width: 999px) {
  #why-insurance section {
    padding: 50px 0px 5px 50px !important;
  }

  .row-cols-2 > * {
    width: 90% !important;
  }

  .choose-row-conatiner {
    flex-direction: column;
  }

  .insurance-why-img {
    margin-top: 0px !important;
  }
}

@media screen and (max-width: 820px) {
  .row-cols-2 > * {
    width: 100% !important;
  }

  .row.row-cols-2 {
    width: 100% !important;
}
  .choose-row-conatiner {
    flex-direction: column;
  }

  .insurance-why-img {
    margin-top: 0px !important;
  }

  #why-insurance section {
    padding: 30px 0px 5px 30px !important;
  }
}