/*
 * Reset
 */
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   display: block;
 }
 audio[controls],
 canvas,
 video {
   display: inline-block;
 }
 html {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
   /* 2 */
   -webkit-text-size-adjust: 100%;
   /* 3 */
   -ms-text-size-adjust: 100%;
 }
 body,
 div,
 span,
 applet,
 object,
 iframe,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 blockquote,
 pre,
 ul,
 li,
 ol,
 a,
 em,
 img,
 strong,
 fieldset,
 form,
 label,
 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
   list-style: none;
 }
 :focus {
   outline: 0;
 }
 img {
   vertical-align: middle;
   outline: 0;
 }
 button::-moz-focus-inner,
 input[type="reset"]::-moz-focus-inner,
 input[type="button"]::-moz-focus-inner,
 input[type="submit"]::-moz-focus-inner,
 input[type="file"] > input[type="button"]::-moz-focus-inner {
   border: none;
 }
 html,
 body,
 textarea,
 input {
   -webkit-text-size-adjust: none;
 }
 html {
   overflow-x: hidden;
 }
 body {
   text-align: left;
   overflow: hidden;
 }

/* Styles intended only for the front.*/
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

/* Variables */
:root {
	--background-default: #FAFAFA;
	--action-main: rgba( 14, 13, 15, 0.64);
	--action-main-svg: rgb( 14, 13, 15);
	--divider-main: rgba( 14, 13, 15, 0.08);
	--text-primary: #0E0D0F;
  --text-secondary: #CD071E;
	--secondary-48: rgba( 250, 250, 250, 0.48);
	--white-contrast: #0A090A;
	--purple-main: #CD071E;
  --mask-gradient: linear-gradient(270deg, rgba(14, 13, 15, 0) 0%, #ECECEC 79.5%);
  --mask-gradient-second: linear-gradient(180deg, rgba(250, 250, 250, 0) 0%, #FAFAFA 100%);
  --accent-gradient: linear-gradient(90deg, #CD071E 0%, #FF6A00 100%);
}
.dark-mode-taoly {
	--background-default: #0E0D0F;
	--action-main: rgba( 255, 255, 255, 0.64);
	--action-main-svg: rgb( 255, 255, 255);
	--divider-main: rgba( 255, 255, 255, 0.12);
	--text-primary: #FFFFFF;
  --text-secondary: #CD071E;
	--secondary-48: rgba( 14, 13, 15, 0.60);
	--white-contrast: #FFFFFF;
  --wp--preset--color--base: #0E0D0F;
  --wp--preset--color--contrast: #FFFFFF;
  --mask-gradient: linear-gradient(270deg, rgba(14, 13, 15, 0) 0%, #0D0B0F 79.5%);
  --mask-gradient-second: linear-gradient(180deg, rgba(14, 13, 15, 0) 0%, #0E0D0F 100%);
}

body {
	font-family: Urbanist;
	font-style: normal;
  font-size: clamp(1rem, calc(0.93rem + 0.33vw), 1.25rem);
  line-height: 1.6;
}
.wrapper {
  width: 100%;
  max-width: 1540px;
  margin-left: auto;
  margin-right: auto;
}
h1,h2,h3,h4,h5,h6 {
  font-family: Urbanist;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
h1 {
  font-size: clamp(2.5rem, calc(2.11rem + 1.97vw), 4rem);
}
h2 {
  font-size: clamp(2.25rem, calc(1.95rem + 1.48vw), 3.38rem);
}
h3 {
  font-size: clamp(2rem, calc(1.8rem + 0.98vw), 2.75rem);
}
h4 {
  font-size: clamp(1.75rem, calc(1.65rem + 0.49vw), 2.13rem);
}
h5 {
  font-size: clamp(1.5rem, calc(1.4rem + 0.49vw), 1.88rem);
}
h6 {
  font-size: clamp(1.25rem, calc(1.15rem + 0.49vw), 1.63rem);
}
.hero-button {
  border-radius: 5px;
  display: inline-flex;
  padding: 20px 32px;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 2.1px;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  background: var(--accent-gradient, linear-gradient(90deg, #CD071E 0%, #FF6A00 100%));
  transition: all 0.3s ease-in-out;

  &.shadow {
    box-shadow: 0px 16px 24px 0px rgba(61, 175, 226, 0.48);
  }

  &:hover {
    background: linear-gradient(90deg, #e20c25 0%, #c7590b 100%);
    transition: all 0.3s ease-in-out;

    &.shadow {
      box-shadow: 0px 8px 12px -6px rgba(61, 175, 226, 0.48);
    }
  }
}

.custom-logo {
	filter: brightness(0) saturate(100%) invert(23%) sepia(52%) saturate(6747%) hue-rotate(342deg) brightness(76%) contrast(115%);
}