/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/sass-loader/dist/cjs.js!./assets/scss/theme/templates/page-template-content.scss ***!
  \*****************************************************************************************************************************************************************************/
/**
 * Keep from smallest to biggest, each value is min px breakpoint
 * - by this breakpoints most of utility classes will be generated, also it will
 */
/**
 * Keep from smallest to biggest
 * scaling value should be calculated of (current break point min / next breakpoint min)
 */
/** 
 * use dynamic assign by breakpoints or assign your custom map of 
 */
/**
 * Bootstrap like
 */
/**
 * Tailwind like
 */
/**
 * Custom by project
 */
/**
 * Directions will be prefixed
 * so if prefix is "m" and providing "t" for top will be mt
 * allowed directions are:
 * ~ t -> top
 * ~ r -> right
 * ~ b -> bottom
 * ~ l -> left
 * ~ x -> left and right
 * ~ y -> top and bottom
 */
/**
 * Gutters value should be keept as an number cause it will be wrapped in val function for negative margins
 */
/**
 * Columns values should contain unit if needed wrap in val to use native calculations
 * - those values are are used for offset
 */
/* EXAMPLE */
/* Font_directory:
 * (
		'class-name-for-family':
 * 		(
 * 			'src': FontFileName.extension, // or map like (FontFileName.extension, FontFileName2.otherExtension)
 * 			'sans-serif': false, //added by default can be disabled
 * 			'params':
 * 			(
 * 				'font-weight': 400,
 * 				'font-style': 'italic',
 * 				'font-stretch': 'condensed',
 * 			)
 * 		)
 * )
 */
/**
 * Pass single numeric value or map with named breakpoints: numeric value
 *
 * If map provided then can be specified default (as "default" or "value" key: numeric value
 */
.content {
  position: relative;
  padding: 139rem 409rem 212rem 62rem;
}
@media (max-width: 991.98px) {
  .content {
    padding: 73rem 27rem 171rem 27rem;
  }
}
.content {
  font-size: 16rem;
  line-height: 24rem;
  letter-spacing: 0.03em;
  color: #000000;
}
@media (max-width: 991.98px) {
  .content {
    font-size: 14rem;
    line-height: 20rem;
    letter-spacing: 0em;
  }
}
.content h1 {
  font-size: 34rem;
  line-height: 54rem;
  letter-spacing: 0.01em;
  font-family: "GEELY", Arial, Helvetica, sans-serif;
}
@media (max-width: 991.98px) {
  .content h1 {
    font-size: 18rem;
    line-height: 28rem;
    letter-spacing: 0.02em;
  }
}
.content * + h2 {
  margin-top: 2em;
}
.content h2 {
  font-size: 14rem;
  line-height: 24rem;
  letter-spacing: 0.03em;
  font-weight: 800;
}
@media (max-width: 991.98px) {
  .content h2 {
    font-size: 12rem;
    line-height: 18rem;
    letter-spacing: 0em;
  }
}
.content * + p {
  margin-top: 1em;
}
.content ul {
  list-style-type: none;
}
.content ul > li {
  position: relative;
  padding-left: 21rem;
}
.content ul > li::before {
  content: "";
  display: block;
  width: 6rem;
  height: 6rem;
  border-radius: 9999px;
  background-color: currentColor;
  position: absolute;
  top: 0.65em;
  left: 0rem;
}
.content ul > li > ul > li {
  position: relative;
}
.content ul > li > ul > li::before {
  content: "";
  display: block;
  width: 8rem;
  height: 2rem;
  background-color: currentColor;
  position: absolute;
  top: 0.65em;
  left: 0rem;
}
.content h2 + p,
.content h2 + ul {
  margin-top: 0rem;
}