/*css/globals/text_styles.scss*/
:root {
   font-feature-settings: "lnum" 1;
}

h1 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 500;
   font-size: clamp(2.625rem, 1.69vw + 2.23125rem, 3.75rem);
   line-height: 1.1;
   text-wrap: pretty;
}

h2 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 600;
   font-size: clamp(1.75rem, 0.56vw + 1.61875rem, 2.125rem);
   line-height: 1.2;
   text-wrap: pretty;
}

h3 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 570;
   font-size: clamp(1.5rem, 0.38vw + 1.4125rem, 1.75rem);
   line-height: 1.25;
   text-wrap: pretty;
}

h4 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 600;
   font-size: clamp(1.25rem, 0.38vw + 1.1625rem, 1.5rem);
   line-height: 1.25;
   text-wrap: pretty;
}

h5 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 700;
   font-size: clamp(1rem, 0.28vw + 0.93125rem, 1.1875rem);
   line-height: 1.25;
}

h6 {
   color: var(--theme--primary_text, #fff);
   font-weight: 600;
   font-size: clamp(0.9375rem, 0vw + 0.9375rem, 0.9375rem);
   line-height: 1.25;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}

p {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(0.9375rem, 0.19vw + 0.89375rem, 1.0625rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
p a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
p a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
p a:hover::before {
   width: 100%;
}
p.large {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(1.125rem, 0.28vw + 1.05625rem, 1.3125rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
p.large a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
p.large a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
p.large a:hover::before {
   width: 100%;
}
p.small {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(0.8125rem, 0.09vw + 0.7875rem, 0.875rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
p.small a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
p.small a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
p.small a:hover::before {
   width: 100%;
}
p.bold {
   font-weight: 700;
}
p.light {
   font-weight: 300;
}
p.book {
   font-weight: 450;
}

.style-h1 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 500;
   font-size: clamp(2.625rem, 1.69vw + 2.23125rem, 3.75rem);
   line-height: 1.1;
   text-wrap: pretty;
}

.style-h2 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 600;
   font-size: clamp(1.75rem, 0.56vw + 1.61875rem, 2.125rem);
   line-height: 1.2;
   text-wrap: pretty;
}

.style-h3 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 570;
   font-size: clamp(1.5rem, 0.38vw + 1.4125rem, 1.75rem);
   line-height: 1.25;
   text-wrap: pretty;
}

.style-h4 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 600;
   font-size: clamp(1.25rem, 0.38vw + 1.1625rem, 1.5rem);
   line-height: 1.25;
   text-wrap: pretty;
}

.style-h5 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 700;
   font-size: clamp(1rem, 0.28vw + 0.93125rem, 1.1875rem);
   line-height: 1.25;
}

.style-h6 {
   color: var(--theme--primary_text, #fff);
   font-weight: 600;
   font-size: clamp(0.9375rem, 0vw + 0.9375rem, 0.9375rem);
   line-height: 1.25;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}

.body-text,
.body {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(0.9375rem, 0.19vw + 0.89375rem, 1.0625rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
.body-text a,
.body a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
.body-text a:hover,
.body a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
.body-text a:hover::before,
.body a:hover::before {
   width: 100%;
}

.body-text-jumbo {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(1.25rem, 0.38vw + 1.1625rem, 1.5rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
.body-text-jumbo a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
.body-text-jumbo a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
.body-text-jumbo a:hover::before {
   width: 100%;
}

.body-text-large {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(1.125rem, 0.28vw + 1.05625rem, 1.3125rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
.body-text-large a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
.body-text-large a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
.body-text-large a:hover::before {
   width: 100%;
}

.body-text-small {
   color: var(--theme--primary_text, #fff);
   font-size: clamp(0.8125rem, 0.09vw + 0.7875rem, 0.875rem);
   font-weight: 400;
   line-height: 1.45;
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
}
.body-text-small a {
   font-weight: 650;
   color: var(--theme--accent-light);
   text-decoration: none;
   white-space: no-wrap;
   display: inline-block;
   position: relative;
   transition: 0.5s color, 0.5s background;
}
.body-text-small a:hover {
   color: var(--theme--accent-light);
   filter: brightness(1.2);
   text-decoration: underline;
}
.body-text-small a:hover::before {
   width: 100%;
}

[text-gradient] {
   background: linear-gradient(90deg, var(--theme--accent) 0%, var(--theme--accent-light) 35.78%, var(--theme--accent-light) 79.31%, var(--theme--accent) 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

[text-gradient=brand] {
   background: linear-gradient(90deg, #fea439 0%, #f6415c 35.78%, #5553e1 79.31%, #617bee 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

[text-gradient=bengaluru] {
   background: linear-gradient(90deg, #f5c27f 0%, #fea237 35.78%, #f63f5c 79.31%, #fa8d5a 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

[text-gradient=new-orleans] {
   background: linear-gradient(90deg, #6cde8e 0%, #b774f3 55.78%, #7e2cbf 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

[text-gradient=london] {
   background: linear-gradient(90deg, #3ce4fa 0%, #72b0fe 55.78%, #5450e0 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

h1[text-gradient] {
   line-height: 1.2;
}