/* ----- Color Variable ----- */

:root {
  --lblack: #1A1A1A;
  --dred: #B1161B;
  --border: #EEEEEE;
  --lwhite: #F5F5F5;
  --white: #FFFFFF;
  --lgray: #C5C5C5;
  --dgray: #707070;
  --gray: #6D6D6D;
}

/* ----- Font Family Css ----- */

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/ManropeLight.eot');
  src: url('../fonts/ManropeLight.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ManropeLight.woff2') format('woff2'),
    url('../fonts/ManropeLight.woff') format('woff'),
    url('../fonts/ManropeLight.ttf') format('truetype'),
    url('../fonts/ManropeLight.svg#ManropeLight') format('svg');
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/ManropeRegular.eot');
  src: url('../fonts/ManropeRegular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ManropeRegular.woff2') format('woff2'),
    url('../fonts/ManropeRegular.woff') format('woff'),
    url('../fonts/ManropeRegular.ttf') format('truetype'),
    url('../fonts/ManropeRegular.svg#ManropeRegular') format('svg');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/ManropeMedium.eot');
  src: url('../fonts/ManropeMedium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ManropeMedium.woff2') format('woff2'),
    url('../fonts/ManropeMedium.woff') format('woff'),
    url('../fonts/ManropeMedium.ttf') format('truetype'),
    url('../fonts/ManropeMedium.svg#ManropeMedium') format('svg');
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: 'Manrope';
  src: url('../fonts/ManropeSemiBold.eot');
  src: url('../fonts/ManropeSemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ManropeSemiBold.woff2') format('woff2'),
    url('../fonts/ManropeSemiBold.woff') format('woff'),
    url('../fonts/ManropeSemiBold.ttf') format('truetype'),
    url('../fonts/ManropeSemiBold.svg#ManropeSemiBold') format('svg');
  font-weight: 600;
  font-style: normal;
}


@font-face {
  font-family: 'Manrope';
  src: url('../fonts/ManropeBold.eot');
  src: url('../fonts/ManropeBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/ManropeBold.woff2') format('woff2'),
    url('../fonts/ManropeBold.woff') format('woff'),
    url('../fonts/ManropeBold.ttf') format('truetype'),
    url('../fonts/ManropeBold.svg#ManropeBold') format('svg');
  font-weight: 700;
  font-style: normal;
}


/* ----- Font Weight Variable ----- */

.fw-semibold {
  font-weight: 600;
}

.fw-medium {
  font-weight: 500;
}

/* ----- Input Css ----- */

input,
select,
textarea,
.tab-content.inner-tab select.form-select,
.form-control {
  color: var(--lblack);
  background-color: var(--lwhite);
  border-radius: 24px;
  border: 0;
  font-weight: 500;
  min-height: 42px;
}
.tab-content.inner-tab select.form-select:focus {
    box-shadow: unset;
}
.tab-content.inner-tab select.form-select option {
    border-radius: 15px;
    padding: 3px 10px;
}

input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.form-control:focus-visible,
.btn:focus,
.btn:focus-within {
  outline: 0;
  box-shadow: none;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  background-color: var(--lwhite);
  box-shadow: unset;
  border: none;
}

input::placeholder,
select::placeholder,
textarea::placeholder,
.form-control::placeholder {
  color: var(--lgray);
}

a.common-btn,
button.common-btn {
  color: var(--white);
  background-color: var(--dred);
  border-radius: 24px;
  font-weight: 600;
}


a {
  transition: all 0.3s;
}


/* ----- Heading Variable ----- */

h2 {
  font-weight: 600;
}


@media (min-width:1440px) {
  h2 {
    font-size: 40px;
    line-height: 50px;
  }
}

@media (min-width:1200px) {

  h5,
  ul li,
  input,
  select,
  textarea,
  .tab-content.inner-tab select.form-select,
  .form-control {
    font-size: 16px;
    line-height: 26px;
  }

  p {
    font-size: 16px;
    line-height: 24px;
  }
}



/* ----- Common Css ----- */

body {
  font-family: 'Manrope';
  font-weight: 400;
  color: var(--lblack);
}