@import url("./assets/css/reset.css");
/*
Theme Name: BISC
Version: 1.00
Author: Webrom
Author URI: https://webrom.lt
Text Domain: webrom-theme
Domain Path: /languages
*/

:root {
  /* header height */
  --desk-header-h: 98px;
  --mob-header-h: 73px;
  --mob-hero-extra-offset-h: 48px;
  /* primary color */
  --primary50: #a4e8c9;
  --primary100: #94dbbb;
  --primary200: #73c19e;
  --primary300: #51a780;
  --primary400: #308d63;
  --primary500: #0f7346;
  --primary600: #0c5c38;
  --primary700: #09452a;
  --primary800: #062e1c;
  /* secondary color */
  --secondary100: #e7f1ec;
  --secondary200: #ebfbd7;
  --secondary300: #e1f9c3;
  --secondary400: #d7f7af;
  --secondary500: #cdf59b;
  --secondary600: #afd77e;
  --secondary700: #92b961;
  --secondary800: #749b43;
  /* surface */
  --surface50: #ffffff;
  --surface100: #f5f5f5;
  --surface150: #ecebeb;
  --surface200: #b9b9b9;
  --surface300: #656565;
  --surface500: #252525;
  --surface600: #1e1e1e;
  --surface700: #161616;
  /* danger */
  --danger50: #fedcdc;
  --danger100: #fd9696;
  --danger200: #fb4f4f;
  --danger300: #b70404;
  --danger400: #910303;
  /* success */
  --success50: #dffaf2;
  --success100: #9ef1d8;
  --success200: #1abd8c;
  --success300: #12825f;
  --success400: #107555;
  /* warning */
  --warning50: #fdf3e6;
  --warning100: #f9dbb5;
  --warning200: #f2ab53;
  --warning300: #ee9322;
  --warning400: #c7760f;
  /* box shadow */
  --shadow-top-light-small: 0 1px 3px rgba(8, 24, 20, 0.04);
  --shadow-top-light-medium: 0 4px 10px rgba(8, 24, 20, 0.04);
  --shadow-top-light-large: 0 2px 16px rgba(8, 24, 20, 0.08);
  --shadow-bottom-light-small: 0 -1px 3px rgba(8, 24, 20, 0.04);
  --shadow-bottom-light-medium: 0 -4px 10px rgba(8, 24, 20, 0.04);
  --shadow-bottom-light-large: 0 -2px 16px rgba(8, 24, 20, 0.08);
}

body {
  overflow-x: hidden;
}

a {
  text-decoration: none;
  color: var(--surface700);
}

ul,
ol,
li {
  list-style-type: none;
  padding: 0;
}

button {
  cursor: pointer;
  padding: 0;
  border: none;
  background-color: unset;
}

.container {
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  padding: 0 50px;
  position: relative;
  transition: padding 0.4s ease;
}

@media (max-width: 1024px) {
  .container {
    padding: 0 32px;
  }
}

@media (max-width: 768px) {
  .container {
    padding: 0 16px;
  }
}

/* Font weight */
.light {
  font-weight: 300;
}

.regular {
  font-weight: 400;
}

.medium {
  font-weight: 500;
}

.semi-bold {
  font-weight: 600;
}

.bold {
  font-weight: 700;
}

.extra-bold {
  font-weight: 800;
}

/* Family */
.ff-display {
  font-family: "Roboto";
}

.ff-heading {
  font-family: "Roboto";
}

.ff-title {
  font-family: "Inter";
}

.ff-body {
  font-family: "Inter";
}

.ff-link {
  font-family: "Roboto";
}

/* line-height */
.lh-110 {
  line-height: 110%;
}

.lh-120 {
  line-height: 120%;
}

.lh-140 {
  line-height: 140%;
}

.lh-150 {
  line-height: 150%;
}

.lh-175 {
  line-height: 175%;
}

/* size */
.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-24 {
  font-size: 24px;
}

.fs-2020 {
  font-size: 20px;
}

.fs-26 {
  font-size: 26px;
}

.fs-36 {
  font-size: 36px;
}

.fs-48 {
  font-size: 48px;
}

@media (max-width: 768px) {
  /* size */
  .fs-10 {
    font-size: 12px;
  }

  .fs-12 {
    font-size: 12px;
  }

  .fs-13 {
    font-size: 13px;
  }

  .fs-14 {
    font-size: 14px;
  }

  .fs-16 {
    font-size: 14px;
  }

  .fs-18 {
    font-size: 16px;
  }

  .fs-20 {
    font-size: 18px;
  }

  .fs-24 {
    font-size: 20px;
  }

  .fs-2020 {
    font-size: 18px;
  }

  .fs-26 {
    font-size: 22px;
  }

  .fs-36 {
    font-size: 30px;
  }

  .fs-48 {
    font-size: 36px;
  }
}