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

a#site-header-logo svg {
  display: none;
}

footer svg.text-white {
  display: none;
}
.flex-1.justify-center.hidden.lg\:flex {
    margin-left: 60px;
}

button.inline-block.group.relative.rounded-full.uppercase.leading-none.shadow.whitespace-nowrap.tracking-\[0\.19em\].font-sans.font-semibold.overflow-hidden.hover\:scale-\[1\.05\].duration-300.transition-transform.user-select-none.bg-yellow.text-black {
  pointer-events: none;
}

  /* Logo hover effect */
.text-white svg path {
  transition: fill 0.3s ease;
}

.text-white:hover svg path {
  fill: #fff; /* Replace with your desired highlight color */
}

/* List item hover effect adjustment */
.relative.inline.bg-clip-text {
  transition: all 0.3s ease;
}
.text-darkNavy {
    transition: color 0.3s ease; /* This adds a smooth transition effect */
}

.text-darkNavy:hover {
    color: white !important;
}

.relative.inline.bg-clip-text:hover {
  background-position: 0% !important;
  color: #fff; /* Replace with your desired highlight color */
  -webkit-text-fill-color: #fff; /* Replace with your desired highlight color */
}

button.group.block.group.w-full.h-full.absolute.top-0.left-0.hover\:scale-\[1\.02\].transition-all.duration-300 {
  pointer-events: none;
}

button.inline-block.group.relative.rounded-full.uppercase.leading-none.shadow.whitespace-nowrap.tracking-\[0\.19em\].font-sans.font-semibold.overflow-hidden.hover\:scale-\[1\.05\].duration-300.transition-transform.user-select-none.bg-blue.text-white {
  pointer-events: none;
}

.w-full.lg\:w-auto.flex.items-center.justify-between.lg\:justify-start.py-6.lg\:py-0 {
  display: none;
}


ul.grid.grid-flow-col.gap-x-5 {
  pointer-events: none;
}

section#what-is-revature {
}

nav button {
  transition: background-color 0.3s ease;
}

nav button:hover {
  background-color: white;
}

.bg-blue {
  background-color: #22224b;
}

.bg-green {
  background-color: #62b490;
  color: white;
}

.txt-color {
  color: #ce3266;
}

.hide {
  display: none;
}

#respnav {
  display: none;
}

body {
  font-family: "Roboto", sans-serif !important;
  font-weight: 400;
  font-style: normal;
}

.bg-\[\#E36731\] {
  background-color: #e01766 !important;
}

.bg-\[\#FF9800\] {
  background-color: #ddab43 !important;
}

.bg-navy {
  background-color: #34d399 !important;
}

.bg-\[\#f2b12e\] {
  --tw-bg-opacity: 1;
  background-color: #5b8ee7 !important;
}

.indusrty {
  background-color: #e8f8fe;
  width: 100px;
  padding: 20px;
  border-radius: 50px;
  border: 2px dotted;
  margin: 0 auto;
}

.gridbg {
  background-color: #52a7c8;
  width: 300px;
  padding: 20px;
  border-radius: 15px;
}

.bg-darkblue {
  background-color: #021f4b !important;
}

.menunav li button {
  font-size: 14px !important;
}

#site-header-nav-get-hired-1 {
    white-space: nowrap;
}
#site-header-nav-services-0 {
    white-space: nowrap;
}
#site-header-nav-about-us-2 {
    white-space: nowrap;
}

#site-header-nav-resources-3 {
    white-space: nowrap;
}


.xcs li {
  list-style: disc;
}

/* min-height: 100vh;
display: grid;
align-content: center;
gap: 2rem;
padding: 2rem;
font-family: "Exo 2", sans-serif;
color: var(--color);
background: var(--bgColor); */

.stepol {
  --color: rgba(30, 30, 30);
  --bgColor: rgba(245, 245, 245);
  width: min(60rem, 90%);
  margin-inline: auto;

  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;

  list-style: none;
  counter-reset: stepnr;
}

.stepol li:nth-child(6n + 1) {
  --accent-color: #b8df4e;
}
.stepol li:nth-child(6n + 2) {
  --accent-color: #4cbccb;
}
.stepol li:nth-child(6n + 3) {
  --accent-color: #7197d3;
}
.stepol li:nth-child(6n + 4) {
  --accent-color: #ae78cb;
}
.stepol li:nth-child(6n + 5) {
  --accent-color: #7dc7a4;
}
.stepol li:nth-child(6n + 6) {
  --accent-color: #f078c2;
}

.stepol li {
  counter-increment: stepnr;
  width: 18rem;
  --borderS: 2rem;
  aspect-ratio: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: calc(var(--borderS) + 2rem);
  position: relative;
}
.stepol li::before,
.stepol li::after {
  inset: 0;
  position: absolute;
  border-radius: 50%;
  border: var(--borderS) solid var(--bgColor);
  line-height: 1.1;
}
.stepol li::before {
  content: counter(stepnr);
  color: var(--accent-color);
  padding-left: 10rem;
  font-size: 12rem;
  font-weight: 700;
  overflow: hidden;
}

.stepol li::after {
  content: "";
  filter: drop-shadow(-0.25rem 0.25rem 0.0675rem rgba(0, 0, 0, 0.75)) blur(5px);
}

.stepol li > * {
  width: 7.5rem;
}
.stepol li .icon {
  font-size: 2rem;
  color: var(--accent-color);
  text-align: center;
}
.stepol li .title {
  font-size: 1.5rem;
  font-weight: 500;
}
.stepol li .descr {
  font-size: 0.8rem;
  font-weight: 300;
}

.credits {
  margin-top: 2rem;
  text-align: right;
}
.credits a {
  color: var(--color);
}

/* List Styling */
.disc-list {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
    helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
  counter-reset: step;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center; /* Centering items */
}

.disc-list li {
  counter-increment: step;
  position: relative;
  width: 8.5rem;
  height: 8.5rem;
  text-align: center;
  border-radius: 50%;
  background: #888;
  color: #888;
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1.5rem 1.25rem;
  overflow: visible;
}

/* Background and color for each step */
.disc-list li:nth-child(1) {
  background: #00afc0;
  color: #00afc0;
}
.disc-list li:nth-child(2) {
  background: #00a3e1;
  color: #00a3e1;
}
.disc-list li:nth-child(3) {
  background: #27579c;
  color: #27579c;
}
.disc-list li:nth-child(4) {
  background: #934fc0;
  color: #934fc0;
}
.disc-list li:nth-child(5) {
  background: #c04f8e;
  color: #c04f8e;
}
.disc-list li:nth-child(6) {
  background: #c04f5d;
  color: #c04f5d;
}
.disc-list li:nth-child(7) {
  background: #c07e4f;
  color: #c07e4f;
}
.disc-list li:nth-child(8) {
  background: #c0b54f;
  color: #c0b54f;
}

/* Span (Text Inside Circles) Styling */
.disc-list li span {
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 0.8rem;
  max-width: 5rem;
  margin-left: auto;
  margin-right: auto;
}

.disc-list {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui,
    helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.disc-list li {
  position: relative;
  width: 13rem;
  height: 13rem;
  text-align: center;
  border-radius: 50%;
  background: #888;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1.5rem 1.25rem;
  padding: 1rem;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.1);
}

.disc-list li:nth-child(1) {
  background: #00afc0;
}

.disc-list li:nth-child(2) {
  background: #00a3e1;
}

.disc-list li:nth-child(3) {
  background: #27579c;
}

.disc-list li:nth-child(4) {
  background: #934fc0;
}

.disc-list h2 {
  font-size: 1rem;
  font-weight: bold;
  margin: 0 0 0.5rem 0;
  color: white;
}

.disc-list p {
  font-size: 0.75rem;
  margin: 0;
  color: #fff;
}

.disc-list li span::before {
  content: counter(step);
  display: block;
  font-size: 1.65rem;
  margin-bottom: 0.1rem;
  font-weight: 200;
}

/* SVG Styling */
.disc-list li svg {
  position: absolute;
  left: -1.5rem;
  top: -1.5rem;
  bottom: -1.5rem;
  right: -1.5rem;
}

.disc-list li svg path {
  stroke: currentcolor;
}

.container-divv {
  max-width: 1200px;
  margin: 0 auto;
  padding: 40px 20px;
}

.bodyyclass {
  font-family: "Roboto", sans-serif;
  background-color: #f9f9f9;
  color: #333;
  margin: 0;
  padding: 0;
}

.headerr {
  text-align: center;
  margin-bottom: 50px;
}

.headerr h1 {
  font-size: 3em;
  color: #3f51b5;
  font-weight: 700;
}

.appreclass {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}
.headerr p {
  font-size: 1.2em;
  max-width: 600px;
  margin: 20px auto;
  color: #6b7280;
}

.para-div {
  line-height: 1.6;
  color: #555;
  font-family: "Roboto", sans-serif;
}

@media only screen and (max-width: 600px) {
  .build_text {
    font-size: 44px !important;
  }

  .card-sec {
    width: 80%;
  }

  .Industry-h1 {
    font-size: 50px !important;
  }

  h1#h1slider {
    font-size: 45px;
  }

  h1#h1slider .conecttxt {
    margin: 0 !important;
  }

  .slidermaintxt {
    margin-top: 100px !important;
  }

  .topbannersec {
    height: 80vh !important;
    background-position: 63% !important;
  }
  .slider2img {
    min-width: 100% !important;
  }
}

/* Fix for macOS Safari subpixel rendering */
.grid-container {
  transform: translateZ(0);  /* Force GPU acceleration */
  -webkit-transform: translateZ(0);  /* Safari specific */
  backface-visibility: hidden;  /* Prevent subpixel gaps */
  -webkit-backface-visibility: hidden;  /* Safari specific */
}

/* Additional fix for grid elements */
.grid-item {
  margin: 0;
  padding: 0;
  position: relative;  /* Creates new stacking context */
}