html {
    scroll-behavior: smooth;
  }
p {
  display: block;
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
  font-family: Lexend;
  font-size: 16px;
  font-weight: 300;
  height: fit-content;
  letter-spacing: -0.08px;
  line-height: 1.75em;
}
ol,
li {
  font-family: Lexend;
  font-size: 16px;
  font-weight: 300;
  height: fit-content;
  letter-spacing: -0.08px;
  line-height: 1.75em;
}
b {
  font-weight: 900 !important;
}
a:hover {
  color: #f56421;
}
a:-webkit-any-link {
  text-decoration: none !important;
}
a.rq-menu {
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-timing-function: cubic-bezier(
    0.165,
    0.84,
    0.44,
    1
  ); /* easeOutQuart */
}
a.rq-menu:hover {
  color: #f56421;
}
.rq-menu,
.rq-menu p,
.rq-menu a {
  font-family: Syncopate !important;
  font-size: 14px !important;
}
.rq-button,
.rq-button p,
.rq-button a {
  font-family: Syncopate !important;
  font-size: 12px !important;
}
.rq-button p {
  margin: 0px !important;
  padding: 0px !important;
}
.rq-button {
  padding: 10px 20px !important;
}

h4 {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 800;
  line-height: 1.3em;
}
.rq-mobile-menu {
  cursor: pointer;
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rq-mobile-menu:hover {
  transform: scaleY(1.1) scaleX(1.5);
}
.rq-icon-card,
.rq-icon-card h3,
.rq-icon-card svg,
.rq-industry,
.rq-icon-wrap,
.rq-login-icon,
.rq-login-icon svg {
  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
}
.rq-icon-card:hover h3 {
  color: #f56421;
}
.rq-icon-card.steel:hover h3{
    color:#c42021;
}
.rq-icon-card:hover svg {
  stroke: #93b7be;
}
.rq-login-icon:hover svg {
  stroke: #f56421;
}
.rq-industry {
  border-radius: 25px;
}
.rq-industry:hover {
  background: #353535;
  -webkit-box-shadow: 0px 0px 50px 0px rgba(245, 100, 33, 0.5);
  -moz-box-shadow: 0px 0px 50px 0px rgba(245, 100, 33, 0.5);
  box-shadow: 0px 0px 50px 0px rgba(245, 100, 33, 0.5);
}
.rq-industry:hover .rq-icon-wrap {
  border-color: #f56421;
}
.rq-breadcrumbs-item,
.rq-breadcrumbs-item p,
.rq-breadcrumbs-item a,
.rq-subtitle p,
.rq-subtitle,
.rq-subtitle a {
  font-family: Syncopate !important;
  font-size: 13px !important;
  font-weight: 400 !important;
}
.rq-sub-menu-wrapper{
    display: flex;
    opacity: 0;
    display: none;
  }

/* Mobile styles */
@media (max-width: 480px) {
  .rq-hero-main {
    flex-direction: column-reverse !important;
  }
  .mobile-order-1 {
    order: 1;
  }
  .mobile-order-2 {
    order: 2;
  }
  .mobile-order-3 {
    order: 3;
  }
  .mobile-order-4 {
    order: 4;
  }
  p,
  ol,
  li {
    unicode-bidi: isolate;
    font-family: Lexend;
    font-size: 14px;
    font-weight: 300;
    height: fit-content;
    letter-spacing: -0.08px;
    line-height: 1.75em;
  }
}

/* Tablet styles */
@media (min-width: 481px) and (max-width: 1023px) {
  .tablet-order-1 {
    order: 1;
  }
  .tablet-order-2 {
    order: 2;
  }
  .tablet-order-3 {
    order: 3;
  }
  .tablet-order-4 {
    order: 4;
  }
  p,
  ol,
  li {
    unicode-bidi: isolate;
    font-family: Lexend;
    font-size: 14px;
    font-weight: 300;
    height: fit-content;
    letter-spacing: -0.08px;
    line-height: 1.75em;
  }
}
/* Tablet styles */
@media (max-width: 1023px) {
  .rq-nav {
    display: none;
    position: fixed;
    height: 100vh;
    opacity: 0;
    background: #1d1d1d;
    max-height: unset;
    top: 0;
    left: -100%; 
    max-width: 250px;
    width: 100%;
    align-items: start;
    overflow: auto;
    padding-top: 20px !important;
    z-index: 1000;
    display: flex;
    flex-direction: column;
  }
  .rq-sub-menu-icon {
    display: block;
  }
  .rq-main-item,
  .rq-menu-icon-wrapper {
    width: 100%;
  }
  .rq-menu {
    flex: 1;
  }
  .rq-sub-menu-wrapper{
    position: relative;
    display: none;
    flex-direction: column;
    background: transparent;
    top: auto;
    min-width: unset;
    padding-left: 20px;
    opacity: 0;
    transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
  }
  .rq-sub-menu-wrapper:active{
    display: flex;
    opacity: 1;
  }
  .rq-close-menu{
    display: block;
    z-index: 9999;
  }
}