@tailwind base;
@tailwind components;
@tailwind utilities;

:root {
  --primary: #007DFC;
  --blackbutton: #1c1b1c;
  --text: #343434;
  --textlight: #777;
  --background: #ffffff;
  --lt-blue: #e5f0f9;
  --lt-gray: #f6f6f6;
  --border: #d9d9d9;
  --shadow: #ecedff;
  --thirdlyBack: #d9d9d96e;
  --black: #000000;
  --white: #fff;
  --red: #ff3030;
  --newBlack: #1C1B1C;
  --newBlackLt: #000000D4;
  --lightWhite: #F9F9F9;
  --newLightBorder: #E9E9E9;
  --fourthBackground: #F3F3F3;
  /* text colors */
  --text-primary: var(--primary);
  --text-custom-black: var(--black);
  --text-custom-white: var(--white);
  --text-custom-red: var(--red);

  /* background colors  */
  --background-lt-gray: var(--lt-gray);
  --background-lt-blue: var(--lt-blue);
  --background-third-light: var(--thirdlyBack);
  --background-lt-black: var(--newBlackLt);
  --background-black: var(--black);
  --background-white: var(--white);
  --background-primary: var(--primary);
  --background-buttonBgPrimary: var(--primary);
  --background-lightBgWhite: var(--lightWhite);
  --background-fourthBg: var(--fourthBackground);
  /* border css */
  --border-primary: var(--primary);
  --border-seconday: var(--newLightBorder);
}

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

.top-gradient {
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: radial-gradient(138.53% 231.98% at 125% 100%, #F9F9F9 12.5%, rgba(249, 249, 249, 0) 56%);
}

.button-gradient:hover {
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: linear-gradient(92.14deg, #007EFF 1.8%, #004994 100%);
}

.new-bg-gradient {
  background-size: 100% 100%;
  background-position: 0px 0px;
  background: linear-gradient(145deg, #fff 7%, #d4e6f5 29%, #fff 56%, #D4E6F6 15%, #FFF 5%, #d4e6f5);
}

.tab-bg {
  background-size: 100% 100%;
  background-position: 0px 0px;
  background-image: linear-gradient(0deg, rgba(0, 125, 252, 0.60) 0%, rgba(0, 125, 252, 0.60) 100%);
}

/* Stepper css start */
/* .stepperSubDiv {
  margin: 1.4em;
  background: #172539;
  border-radius: 12px;
  padding: 1.4em;
  color: #63b38f;
} */

/* .stepperSubDiv h1 {
  font-weight: 500;
  text-align: center;
  color: #70cea2;
} */

/* .stepperBtn {
  cursor: pointer;
  outline: none;
  box-shadow: none;
  border: none;
  background: #172539;
  color: #63b38f;
  border-radius: 12px;
  padding: 0.5em 1.4em;
  font-size: 1.2em;
  font-weight: 500;
  margin: 1.4em;
} */

/* Stepper css end */