/**
 * * Function to generate color shades.
 *
 * ? This function takes a base color and a step value as parameters and returns a color shade based on the step value.
 * ? If the step value is positive, the function darkens the color by multiplying the step value with 5.
 * ? If the step value is negative, the function lightens the color by multiplying the absolute value of the step with 10.
 *
 * @param {Color} $color - The base color.
 * @param {Number} $step - The step value.
 * @return {Color} - The generated color shade.
 */
/**
 * * Function to create a color map.
 *
 * ? This function takes a base color as a parameter and generates a color map with shades of the base color.
 * ? The color map is created by iterating over a range of values from 1 to 9 and calling the generate-shades function for each value.
 * ? The generated shades are then merged into the color map using the map-merge function.
 *
 * @param {Color} $color - The base color.
 * @return {Map} - The color map with shades of the base color.
 */
/**
 * * Converts pixels to rems.
 *
 * @param {number} $px - The value in pixels.
 * @return {number} The converted value in rems.
 */
/**
 * * Mixin for creating a flex container with customizable properties.
 *
 * @param {string} $direction - The flex direction. Defaults to 'row'.
 * @param {string} $justify - The flex justify content. Defaults to 'flex-start'.
 * @param {string} $align - The flex align items. Defaults to 'flex-start'.
 * @param {string} $wrap - The flex wrap. Defaults to 'nowrap'.
 * @param {number} $colGap - The column gap. Defaults to 0.
 * @param {number} $rowGap - The row gap. Defaults to 0.
 *
 * ? @example Usage:
 * ?  .container {
 * ?    @include d-flex(row, flex-start, flex-start, nowrap, 10px, 20px);
 * ?  }
 */
/**
 * * @mixin container-query
 * * @description A mixin for creating container queries.
 * 
 * @param {String} $containerName - The name of the container.
 * @param {String} $breakpoint - The breakpoint value.
 * @param {String} $condition - The condition for the container query. Default value is 'lt'.
 * 
 * @returns {CSS} The container query styles.
 */
/**
 * * @mixin container-query-between
 * * @description A mixin for creating container queries between two breakpoints.
 * 
 * @param {String} $containerName - The name of the container.
 * @param {String} $minBreakpoint - The minimum breakpoint value.
 * @param {String} $maxBreakpoint - The maximum breakpoint value.
 * 
 * @returns {Mixin} - The container query mixin.
 */
/**
 * * Mixin for applying line clamp to a text element.
 *
 * @param {number} $lines - The number of lines to clamp the text to. Default is 2.
 * @param {string} $fontSize - The font size of the text. Default is clamp(.8rem, 2vw, 1rem).
 * @param {number} $lineHeight - The line height of the text. Default is 1.5.
 * @param {string} $textAlign - The text alignment. Default is center.
 *
 * ? @example Usage:
 * ? .my-text {
 * ?   @include line-clamp(3, 1rem, 1.2, left);
 * ? }
 */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance;
  text-wrap: pretty;
}

/** OVERRIDE SOME STYLES OF FLATSOME */
:root {
  --gpw-color-50: rgb(253.8, 238.95, 221.1);
  --gpw-color-100: rgb(251.8, 212.2, 164.6);
  --gpw-color-200: rgb(250.6, 196.15, 130.7);
  --gpw-color-300: rgb(249.4, 180.1, 96.8);
  --gpw-color-400: rgb(248.2, 164.05, 62.9);
  --gpw-color-500: #f7941d;
  --gpw-color-600: rgb(226.5794871795, 127.3256410256, 8.0205128205);
  --gpw-color-700: rgb(186.5948717949, 104.8564102564, 6.6051282051);
  --gpw-color-800: rgb(146.6102564103, 82.3871794872, 5.1897435897);
  --gpw-color-900: rgb(106.6256410256, 59.9179487179, 3.7743589744);
  --gpw-color-950: rgb(39.9846153846, 22.4692307692, 1.4153846154);
  --primary-color-50: rgb(252.3, 220.95, 222.15);
  --primary-color-100: rgb(247.8, 164.2, 167.4);
  --primary-color-200: rgb(245.1, 130.15, 134.55);
  --primary-color-300: rgb(242.4, 96.1, 101.7);
  --primary-color-400: rgb(239.7, 62.05, 68.85);
  --primary-color-500: #ed1c24;
  --primary-color-600: rgb(208.7010204082, 16.5489795918, 23.9040816327);
  --primary-color-700: rgb(171.8714285714, 13.6285714286, 19.6857142857);
  --primary-color-800: rgb(135.0418367347, 10.7081632653, 15.4673469388);
  --primary-color-900: rgb(98.212244898, 7.787755102, 11.2489795918);
  --primary-color-950: rgb(36.8295918367, 2.9204081633, 4.2183673469);
  --secondary-color-50: rgb(227.9133466135, 243.2366533865, 228.377689243);
  --secondary-color-100: rgb(182.7689243028, 223.6310756972, 184.0071713147);
  --secondary-color-200: rgb(155.6822709163, 211.8677290837, 157.3848605578);
  --secondary-color-300: rgb(128.5956175299, 200.1043824701, 130.7625498008);
  --secondary-color-400: rgb(101.5089641434, 188.3410358566, 104.1402390438);
  --secondary-color-500: #4caf4f;
  --secondary-color-600: rgb(64.6, 148.75, 67.15);
  --secondary-color-700: rgb(53.2, 122.5, 55.3);
  --secondary-color-800: rgb(41.8, 96.25, 43.45);
  --secondary-color-900: rgb(30.4, 70, 31.6);
  --secondary-color-950: rgb(11.4, 26.25, 11.85);
  --tertiary-color-50: rgb(223.6285714286, 245.5714285714, 243.5142857143);
  --tertiary-color-100: rgb(171.3428571429, 229.8571428571, 224.3714285714);
  --tertiary-color-200: rgb(139.9714285714, 220.4285714286, 212.8857142857);
  --tertiary-color-300: rgb(108.6, 211, 201.4);
  --tertiary-color-400: rgb(77.2285714286, 201.5714285714, 189.9142857143);
  --tertiary-color-500: #37b7ab;
  --tertiary-color-600: rgb(46.75, 155.55, 145.35);
  --tertiary-color-700: rgb(38.5, 128.1, 119.7);
  --tertiary-color-800: rgb(30.25, 100.65, 94.05);
  --tertiary-color-900: rgb(22, 73.2, 68.4);
  --tertiary-color-950: rgb(8.25, 27.45, 25.65);
  --success-color-50: rgb(219.3097402597, 248.8402597403, 230.1798701299);
  --success-color-100: rgb(159.825974026, 238.574025974, 188.812987013);
  --success-color-200: rgb(124.1357142857, 232.4142857143, 163.9928571429);
  --success-color-300: rgb(88.4454545455, 226.2545454545, 139.1727272727);
  --success-color-400: rgb(52.7551948052, 220.0948051948, 114.3525974026);
  --success-color-500: #22c55e;
  --success-color-600: rgb(28.9, 167.45, 79.9);
  --success-color-700: rgb(23.8, 137.9, 65.8);
  --success-color-800: rgb(18.7, 108.35, 51.7);
  --success-color-900: rgb(13.6, 78.8, 37.6);
  --success-color-950: rgb(5.1, 29.55, 14.1);
  --danger-color-50: rgb(253.35, 226.2, 230.85);
  --danger-color-100: rgb(250.6, 178.2, 190.6);
  --danger-color-200: rgb(248.95, 149.4, 166.45);
  --danger-color-300: rgb(247.3, 120.6, 142.3);
  --danger-color-400: rgb(245.65, 91.8, 118.15);
  --danger-color-500: #f43f5e;
  --danger-color-600: rgb(241.504679803, 19.445320197, 57.4775862069);
  --danger-color-700: rgb(203.2551724138, 11.6448275862, 44.4620689655);
  --danger-color-800: rgb(159.7004926108, 9.1495073892, 34.9344827586);
  --danger-color-900: rgb(116.1458128079, 6.6541871921, 25.4068965517);
  --danger-color-950: rgb(43.554679803, 2.495320197, 9.5275862069);
  --gray-color-50: rgb(231.3583682008, 234.079707113, 237.9916317992);
  --gray-color-100: rgb(191.9556485356, 199.2125523013, 209.6443514644);
  --gray-color-200: rgb(168.3140167364, 178.2922594142, 192.6359832636);
  --gray-color-300: rgb(144.6723849372, 157.3719665272, 175.6276150628);
  --gray-color-400: rgb(121.0307531381, 136.4516736402, 158.6192468619);
  --gray-color-500: #64748b;
  --gray-color-600: rgb(85, 98.6, 118.15);
  --gray-color-700: rgb(70, 81.2, 97.3);
  --gray-color-800: rgb(55, 63.8, 76.45);
  --gray-color-900: rgb(40, 46.4, 55.6);
  --gray-color-950: rgb(15, 17.4, 20.85);
  --screen-xs: 26.875rem;
  --screen-sm: 34.375rem;
  --screen-md: 53.125rem;
  --screen-lg: 78.125rem;
  --spacing-xs: 0.3125rem;
  --spacing-sm: 0.625rem;
  --spacing-md: 0.9375rem;
  --spacing-lg: 1.25rem;
  --spacing-xl: 1.875rem;
  --spacing-2xl: 2.5rem;
  --spacing-3xl: 3.125rem;
  --spacing-4xl: 3.75rem;
  --spacing-5xl: 4.375rem;
  --spacing-6xl: 5rem;
  --fs-xs: clamp(0.75rem, 1cqi, 0.875rem);
  --fs-sm: clamp(0.875rem, 2cqi, 0.9375rem);
  --fs-normal: clamp(0.875rem, 2cqi, 1rem);
  --fs-md: clamp(1.125rem, 3cqi, 1.25rem);
  --fs-lg: clamp(1.25rem, 3cqi, 1.5rem);
  --fs-xl: clamp(1.5rem, 4cqi, 2rem);
  --fs-2xl: clamp(2rem, 4cqi, 2.5rem);
  --fs-3xl: clamp(2.5rem, 4cqi, 3rem);
  --base-color: var(--gray-color-950);
  --heading-color: var(--primary-color-500);
  --sub-heading-color: var(--primary-color-500);
}

html > body {
  color: var(--base-color);
}

#content {
  container: content/inline-size;
}

p {
  margin-bottom: var(--spacing-sm);
}

.section__inner:not(.full) {
  max-width: var(--screen-lg);
  margin-inline: auto;
}
@container content ( width <= 78.125rem ) {
  .section__inner:not(.full) {
    padding-inline: var(--spacing-sm);
  }
}
/*# sourceMappingURL=theme-init.min.css.map */