body {
  /* background-color: var(--web-bg) !important; */
  /* background-color: white !important; */
  background-color: white !important;
  font: 14px "Inter", Arial, sans-serif !important;
  /* color: var(--web-text) !important; */
}

body.gray-bg {
  background-color: #f0f0f0 !important;
  /* Gray background only for selected routes */
}

a {
  text-decoration: none !important;
}

.rate_color {
  /* color: #0085f9 !important; */
  color: #fe4e44 !important;
}

/* a:hover{
    color:#007bff !important;
    cursor: pointer !important;
} */

.custom-dealrock-head {
  font: 16 "Inter", Arial, sans-serif !important;
  color: black;
  /* font-weight: bolder !important; */
}

.custom-dealrock-subhead {
  font: bold 14px "Inter", Arial, sans-serif !important;
  color: var(--web-text);
}

.banner-height {
  object-fit: contain;
  max-width: 1440px;
  max-height: 300px;
  width: 100%;
}

.filled-btn {
  background: linear-gradient(90deg, #fe4e44 0%, #9f0900 100%);
  display: flex;
  justify-self: start;
  align-self: stretch;
  border: none !important;
  color: white;
  font-size: 14px;
  width: max-content;
  margin-top: 24px;
  padding: 8px 16px 8px 16px;
  border-radius: 57.843px;
  cursor: pointer;
  background-color: transparent;
  text-align: center;
}

.filled-btn:hover {
  background-color: #9f0900;
  color: white !important;
  box-shadow: 0 0 0 0 rgba(254, 128, 128, 0.5);
}

.white-outline-btn {
  align-self: stretch;
  border: 0.964px solid #0d0d0f;
  color: #0d0d0f;
  font-size: 15px;
  width: max-content;
  /* margin-top: 24px; */
  padding: 8px 16px 8px 16px;
  border-radius: 57.843px;
  cursor: pointer;
  background-color: transparent;
  text-align: center;
}

.custom-dealrock-text {
  font: 14px "Inter", Arial, sans-serif !important;
  color: var(--web-text);
}

.custom-dealrock-text-18 {
  font-size: 18px !important;
  /* color: #666; */
}

.custom-dealrock-text-16 {
  font-size: 16px !important;
  /* color: #666; */
}

.custom-dealrock-text-30 {
  font-size: 30px !important;
  /* color: #666; */
}

.custom-dealrock-text-14 {
  font-size: 14px !important;
  /* color: #666; */
}

.custom-dealrock-subtext {
  font: 12px "Inter", Arial, sans-serif !important;
  color: #666;
}

.dealrocket-text-18 {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 18px !important;
}

.dealrocket-text-16 {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 16px !important;
}

.dealrock-text-14 {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 14px !important;
}

.dealrock-text-12 {
  font-family: "Inter", Arial, sans-serif !important;
  font-size: 12px !important;
}

/* .custom-dealrock-banner-vlarge {
  height: 750px;
}

.custom-dealrock-banner-large {
  height: 500px; 
}

.custom-dealrock-banner-small {
  height: 350px;
} */

/* Scrollbar width */
::-webkit-scrollbar {
  width: 15px;
}

/* Scrollbar track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Scrollbar thumb */
::-webkit-scrollbar-thumb {
  background-color: #ff5858;
  border-radius: 10px;
  border: 3px solid #f1f1f1;
}

/* On hover */
::-webkit-scrollbar-thumb:hover {
  background: #ff1e1e;
}


@media(max-width: 1300px) {
  .custom-dealrock-text-30 {
    font-size: 18px !important;
  }

  .custom-dealrock-text-18 {
    font-family: "Inter", Arial, sans-serif !important;
    font-size: 16px !important;
  }

  .custom-dealrock-text-14 {
    font-size: 12px !important;
  }
}