/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a {
	text-decoration: none;
	color: inherit;
}
button {
	border: none;
	padding: 0;
	padding-block: 0;
	padding-inline: 0;
}

input {
	border: none;
}
@font-face {
    font-family: 'TTCommons';
    src: url(fonts/dcfd1567a171a24deb54.woff2) format('woff2'),
         url(fonts/6e64b30e835e5872e224.woff) format('woff');
    font-weight: 400;
}

@font-face {
    font-family: 'TTCommons';
    src: url(fonts/68e987593063265c688c.woff2) format('woff2'),
         url(fonts/8e7d7a3962646adbad25.woff) format('woff');
    font-weight: 500;
}

@font-face {
    font-family: 'TTCommons';
    src: url(fonts/7f17e3b07384395da584.woff2) format('woff2'),
         url(fonts/dbc16e7a4d4aa8da9b7d.woff) format('woff');
    font-weight: 600;
}

@font-face {
    font-family: 'TTCommons';
    src: url(fonts/869ee89ffcd0bd8f7d13.woff2) format('woff2'),
         url(fonts/36b06bbb8c98131d5a5b.woff) format('woff');
    font-weight: 700;
}

.text_s {
  font-weight: 400;
  font-size: 16rem;
  line-height: 100%;
}

.text_m {
  font-weight: 400;
  font-size: 20rem;
  line-height: 100%;
}

.text_m_medium {
  font-weight: 500;
  font-size: 20rem;
  line-height: 100%;
}

.text_l_medium {
  font-weight: 500;
  font-size: 24rem;
  line-height: 100%;
}

.title_h5 {
  font-weight: 500;
  font-size: 32rem;
  line-height: 100%;
  color: var(--wb-900);
}

.title_h4 {
  font-weight: 500;
  font-size: 40rem;
  line-height: 100%;
}

.title_h3 {
  font-weight: 500;
  font-size: 48rem;
  line-height: 83%;
}

.title_h2 {
  font-weight: 500;
  font-size: 56rem;
  line-height: 86%;
}

.title_h1 {
  font-weight: 600;
  font-size: 76rem;
  line-height: 100%;
  text-align: center;
}

@media (max-width: 768px) {
  .title_h1 {
    font-size: 28rem;
    max-width: 95vw;
  }
  .title_h2 {
    font-size: 24rem;
  }
  .title_h3 {
    font-size: 20rem;
  }
  .title_h5 {
    font-weight: 600;
    font-size: 28rem;
  }
  .text_m, .text_m_medium, .text_l_medium {
    font-weight: 400;
    font-size: 18rem;
    line-height: 111%;
  }
  .text_s {
    font-weight: 500;
    font-size: 16rem;
    line-height: 113%;
  }
}
:root {
  /* palette */

	--base-50: #faf1ff;
	--base-100: #e2d1ff;
	--base-200: #caafff;
	--base-300: #b48dff;
	--base-400: #9e6cff;
	--base-500: #8f58fa;
	--base-600: #6f3bca;
	--base-700: #562f9d;
	--base-800: #3e256f;
	--base-900: #271a46;
	--base-950: #130d23;

  --wb-0: #FFFFFF;
  --wb-50: #F5F5F5;
  --wb-100: #EBEBEB;
  --wb-200: #D6D6D6;
  --wb-300: #C2C2C2;
  --wb-400: #ADADAD;
  --wb-500: #999999;
  --wb-600: #7B7B7B;
  --wb-700: #5E5E5E;
  --wb-800: #404040;
  --wb-850: #313131;
  --wb-900: #232323;
  --wb-950: #141414;
  --wb-1000: #050505;

	--base-finance-50: #fffdea;
	--base-finance-100: #fff7c5;
	--base-finance-200: #fff085;
	--base-finance-300: #ffe146;
	--base-finance-400: #ffcf1b;
	--base-finance-500: #ffae00;
	--base-finance-600: #e28400;
	--base-finance-700: #bb5c02;
	--base-finance-800: #984708;
	--base-finance-900: #7c3a0b;
	--base-finance-950: #481d00;

	--base-chores-50: #fdf2f8;
	--base-chores-100: #fce7f3;
	--base-chores-200: #fad0e8;
	--base-chores-300: #f9b8db;
	--base-chores-400: #f274b5;
	--base-chores-500: #e94b98;
	--base-chores-600: #d82a76;
	--base-chores-700: #bb1b5c;
	--base-chores-800: #9b194c;
	--base-chores-900: #811a43;
	--base-chores-950: #4f0824;

	--base-health-50: #f3faeb;
	--base-health-100: #e2f4d3;
	--base-health-200: #c8ebab;
	--base-health-300: #a9de82;
	--base-health-400: #83ca51;
	--base-health-500: #64b032;
	--base-health-600: #4b8c24;
	--base-health-700: #3b6b20;
	--base-health-800: #31561e;
	--base-health-900: #2c491e;
	--base-health-950: #14280b;

	--base-lifestyle-50: #f0f9ff;
	--base-lifestyle-100: #dff1ff;
	--base-lifestyle-200: #b8e4ff;
	--base-lifestyle-300: #82d3ff;
	--base-lifestyle-400: #33b9fd;
	--base-lifestyle-500: #09a0ee;
	--base-lifestyle-600: #007fcc;
	--base-lifestyle-700: #0065a5;
	--base-lifestyle-800: #045688;
	--base-lifestyle-900: #0a4870;
	--base-lifestyle-950: #062d4b;

	--base-career-50: #fef4f2;
	--base-career-100: #ffe5e1;
	--base-career-200: #ffcfc8;
	--base-career-300: #ffafa2;
	--base-career-400: #fc8370;
	--base-career-500: #f4583f;
	--base-career-600: #e13b21;
	--base-career-700: #be2e17;
	--base-career-800: #9d2917;
	--base-career-900: #82281a;
	--base-career-950: #471108;

	--base-documents-50: #ededfd;
	--base-documents-100: #dadbfa;
	--base-documents-200: #b6b7f5;
	--base-documents-300: #9193f1;
	--base-documents-400: #6d6fec;
	--base-documents-500: #484be7;
	--base-documents-600: #3a3cba;
	--base-documents-700: #2c2d8d;
	--base-documents-800: #1d1f60;
	--base-documents-900: #0f1033;
	--base-documents-950: #08081c;


  /* radiuses */

  --radius-xs: 4rem;
  --radius-sm: 8rem;
  --radius-md: 12rem;
  --radius-lg: 16rem;
  --radius-xl: 20rem;
  --radius-xxl: 24rem;
  --radius-2xl: 28rem;
  --radius-3xl: 32rem;
  --radius-4xl: 40rem;

}
.A_button {
  border-radius: 16rem;
  padding: 12rem 20rem 10rem;
  font-weight: 400;
  font-size: 20rem;
  transition: all 0.3s ease;
}

.A_button:hover {
  cursor: pointer;
}

.A_button_accent {
  color: var(--wb-0);
  background-color: var(--base-500);
}

.A_button_accent:hover {
  box-shadow: 0 0 12rem 0 rgba(143, 88, 250, 0.6);
}

.A_button_accent:active {
  background-color: var(--base-600);
}

.A_button_dark {
  background-color: var(--wb-900);
  color: var(--wb-0);
}

.A_button_dark:hover {
  background-color: var(--wb-950);
}

.A_button_dark:active {
  background-color: var(--wb-1000);
}

.A_button_light {
  background-color: var(--wb-50);
  color: var(--wb-1000);
}

.A_button_light:hover {
  background-color: var(--wb-100);
}

.A_button_light:active {
  background-color: var(--wb-200);
}

.A_close_button {
  width: 44rem;
  height: 44rem;
  border-radius: 8rem;
  background-color: var(--wb-50);
  background-image: url(images/91d31e292c47f7af430c.svg);
  background-size: 20rem;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s ease;
}

.A_close_button:hover, .A_close_button:active {
  cursor: pointer;
  background-color: var(--wb-900);
  background-image: url(images/c6a9abadb6cf20844fe6.svg);
}

.A_menu_button {
  background-color: var(--wb-50);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 8rem;
  border-radius: 16rem;
  padding: 13rem 24rem 12rem;
  width: 116rem;
}

.A_menu_button:hover {
  cursor: pointer;
}

.A_menu_item_header {
  color: var(--wb-900);
}

.A_menu_item_header:hover {
  color: var(--wb-850);
  cursor: pointer;
}

.A_menu_item_footer {
  color: var(--wb-900);
}

.A_menu_item_footer:hover {
  color: var(--wb-850);
  cursor: pointer;
}

.A_question_answer {
  border-radius: 16rem;
  padding: 16rem;
  width: 380rem;
  height: 72rem;
  background-color: var(--wb-50);
  color: var(--wb-900);
}

.A_question_answer:hover {
  cursor: pointer;
  box-shadow: 0 0 12px 0 rgba(143, 88, 250, 0.6);
  background-color: var(--base-500);
  color: var(--wb-0);
}

.A_question_answer:active {
  color: var(--wb-0);
  background-color: var(--base-600);
}

.A_question_step {
  color: var(--wb-700);
}

.A_question_title {
  color: var(--wb900);
}

.A_badge {
  border-radius: 20rem;
  padding: 6rem 8rem 4rem;
  width: 39rem;
  font-weight: 400;
  font-size: 16rem;
}

.A_badge_finance {
  background-color: var(--base-finance-100);
  color: var(--base-finance-500);
}

.A_badge_documents {
  background-color: var(--base-documents-100);
  color: var(--base-documents-500);
}

.A_badge_chores {
  background-color: var(--base-chores-100);
  color: var(--base-chores-500);
}

.A_badge_health {
  background-color: var(--base-health-100);
  color: var(--base-health-500);
}

.A_badge_lifestyle {
  background-color: var(--base-lifestyle-100);
  color: var(--base-lifestyle-500);
}

.A_badge_career {
  background-color: var(--base-career-100);
  color: var(--base-career-500);
}

.A_menu_item {
  color: var(--wb-0);
}

.A_menu_item:hover {
  cursor: pointer;
  color: var(--wb-50);
}

.A_input {
  border-radius: 16rem;
  padding: 20rem 16rem 20rem 40rem;
  background-color: var(--wb-50);
  color: var(--wb-900);
  font-size: 16rem;
  width: 430rem;
  height: 44rem;
}

.A_input::placeholder {
  color: rgba(35, 35, 35, 0.3);
}

.A_input:focus {
  outline: none;
}

.A_input_search {
  background-image: url(images/de326421ef722328edf0.svg);
  background-repeat: no-repeat;
  background-position: 16rem center;
}

.A_tab_categorie {
  border-radius: 16rem;
  padding: 16rem 20rem;
}

.A_tab_categorie:hover {
  cursor: pointer;
}

.A_tab_health {
  background-color: var(--base-health-100);
  color: var(--base-health-500);
}

.A_tab_health:hover, .A_tab_health.A_tab_active {
  background-color: var(--base-health-200);
}

.A_tab_finance {
  background-color: var(--base-finance-100);
  color: var(--base-finance-500);
}

.A_tab_finance:hover, .A_tab_finance.A_tab_active {
  background-color: var(--base-finance-200);
}

.A_tab_chores {
  background-color: var(--base-chores-100);
  color: var(--base-chores-500);
}

.A_tab_chores:hover, .A_tab_chores.A_tab_active {
  background-color: var(--base-chores-200);
}

.A_tab_documents {
  background-color: var(--base-documents-100);
  color: var(--base-documents-500);
}

.A_tab_documents:hover, .A_tab_documents.A_tab_active {
  background-color: var(--base-documents-200);
}

.A_tab_lifestyle {
  background-color: var(--base-lifestyle-100);
  color: var(--base-lifestyle-500);
}

.A_tab_lifestyle:hover, .A_tab_lifestyle.A_tab_active {
  background-color: var(--base-lifestyle-200);
}

.A_tab_career {
  background-color: var(--base-career-100);
  color: var(--base-career-500);
}

.A_tab_career:hover, .A_tab_career.A_tab_active {
  background-color: var(--base-career-200);
}

.A_tag {
  border-radius: 24rem;
  padding: 6rem 8rem 4rem;
}

.A_tag_health {
  background-color: var(--base-health-100);
  color: var(--base-health-500);
}

.A_tag_finance {
  background-color: var(--base-finance-100);
  color: var(--base-finance-500);
}

.A_tag_chores {
  background-color: var(--base-chores-100);
  color: var(--base-chores-500);
}

.A_tag_documents {
  background-color: var(--base-documents-100);
  color: var(--base-documents-500);
}

.A_tag_lifestyle {
  background-color: var(--base-lifestyle-100);
  color: var(--base-lifestyle-500);
}

.A_tag_career {
  background-color: var(--base-career-100);
  color: var(--base-career-500);
}

.A_search_icon {
  background-color: var(--wb-50);
  border-radius: 8rem;
  width: 44rem;
  height: 44rem;
  background-image: url(images/de326421ef722328edf0.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.A_zoom_icon {
  background-color: var(--wb-50);
  border-radius: 8rem;
  width: 44rem;
  height: 44rem;
  background-image: url(images/7ce0ba5f18e7a4fdf3c2.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.A_social_media_icon {
  width: 48rem;
  height: 48rem;
  background-color: var(--wb-50);
  border-radius: 8rem;
  transition: all ease 0.3s;
}

.A_vk_icon {
  background-image: url(images/f48a96b5629d0a44ea94.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.A_tg_icon {
  background-image: url(images/3c71229f566e78e72a37.svg);
  background-repeat: no-repeat;
  background-position: center;
}

.A_social_media_icon:hover {
  background-color: var(--base-500);
  cursor: pointer;
}

.A_vk_icon:hover {
  background-image: url(images/153f63036a97817da2bf.svg);
}

.A_tg_icon:hover {
  background-image: url(images/41bd9151f221b980d17e.svg);
}

@media (max-width: 768px) {
  .A_button {
    font-size: 18rem;
  }
  .A_tab_categorie {
    border-radius: 12rem;
    padding: 16rem 12rem 12rem;
  }
  .A_input {
    width: 343rem;
    padding: 20rem 16rem 20rem 20rem;
  }
}
.O_main {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: 96rem;
}

.O_menu {
  margin-top: 40rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  height: 51rem;
  width: 100%;
  padding: 0 72rem;
}

.O_header {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.O_mobile_menu {
  display: none;
}

.O_footer {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row;
  padding: 40rem 72rem;
  border-top: 1px solid var(--wb-50);
}

/* GUIDES */

.O_guide_body {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 32rem;
  border-radius: 24rem;
  padding: 40rem;
  width: 74.722vw;
  background-image: url(images/232cbb634b5d038d7953.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}

.O_guides_block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 48rem;
  flex-wrap: wrap;
}

.O_guides_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 24rem;
  padding: 0rem 72rem;
  width: 100%;
}

/* END OF THE GUIDES */

@media (max-width: 768px) {
  .O_main {
    padding-top: 80rem;
    gap: 80rem;
    margin: 0 auto;
  }
  .O_menu {
    margin-top: 20rem;
    padding: 0 16rem;
  }
  .O_mobile_menu {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .O_footer {
    flex-direction: column;
    gap: 40rem;
    padding: 56rem 16rem;
  }
  .O_guides_list {
    padding: 0rem 16rem;
  }
  .O_guide_body {
    width: 100%;
    padding: 40rem 16rem;
  }
}
.M_answer_options {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  gap: 8rem;
  max-width: 776rem;
}

.M_question_header {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12rem;
}

.M_tab_group {
  display: flex;
  gap: 8rem;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  flex-wrap: wrap;
}

.M_map {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.M_guide_card {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12rem;
  border-radius: 24rem;
  padding: 16rem;
  width: 416rem;
  height: 396rem;
  background-color: var(--wb-50);
}

.M_category_score {
  display: flex;
  gap: 4rem;
  justify-content: center;
  align-items: center;
}

.M_navigation_menu {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 20rem;
}

.M_nav_items {
  display: none;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8rem;
  border-radius: 16rem;
  padding: 16rem 0rem;
  width: 116rem;
  background-color: var(--wb-50);
}

.M_nav_items.active {
  display: flex;
  margin-bottom: -124rem;
  z-index: 1000;
}

.M_dropdown_menu {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  gap: 4rem;
}

.M_category_scores {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4rem;
}

.M_filter_tags {
  display: flex;
  gap: 16rem;
}

.M_mobile_menu_items {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8rem;
}

.M_subscription {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 32rem;
}

.M_subscriptionblock {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 20rem;
}

.M_subscription_form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8rem;
}

.M_footer_menu {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 8rem;
}

.M_social_media {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row;
  gap: 8rem;
}

/* GUIDES */

.M_guide_intro {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 32rem;
}

.M_guide_content_container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 12rem;
}

.M_guide_summary_container {
  border-radius: 12rem;
  padding: 16rem;
  box-shadow: inset -2px -2px 16px 0 rgba(253, 242, 248, 0.6), inset 2px 2px 16px 0 rgba(253, 242, 248, 0.6);
  background: var(--base-chores-500);
}

/* END OF THE GUIDES */

@media (max-width: 768px) {
  .M_navigation_menu, .O_menu .A_input_search {
    display: none;
  }
  .M_answer_options {
    width: 100%;
  }
  .M_tab_group {
    width: 94vw;
    justify-content: center;
  }
  .M_guide_card {
    width: 91.4vw;
    height: 368rem;
  }
  .M_nav_items.active {
    margin-bottom: -131rem;
  }
  .M_footer_menu {
    flex-direction: row;
    order: 1;
  }
  .M_subscription {
    order: 2;
    gap: 28rem;
    align-items: center;
  }
  .M_subscription_form {
    flex-direction: column;
  }
  .M_subscription_form .A_button {
    width: 100%;
  }
  .M_social_media_block {
    order: 3;
    gap: 16rem;
  }
}
* {
  box-sizing: border-box;
}

html {
  font-size: calc(100vw / 1440);
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  font-family: 'TTCommons', Arial, Helvetica, sans-serif;
}

/* tablets */
@media (max-width: 1024px) {
  html {
    font-size: calc(100vw / 768);
  }
}

/* mobile */
@media (max-width: 768px) {
  html {
    font-size: calc(100vw / 375);
   }
   .chores_guide_body {
    background-color: var(--base-chores-50);
   }
}

/* large screens */
@media (min-width: 1920px) {
  html {
    font-size: 1px;
  }
}

.O_main {
  gap: 96rem;
  margin-top: 96rem;
}

.title_h1 {
  color: var(--base-500);
  max-width: 1440rem;
}

.guide_finance {
  box-shadow: inset 20px 20px 40px 0 var(--base-finance-300), inset -20px -20px 40px 0 var(--base-finance-300);
  background-image: url(images/68c666033bb930605776.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 25%;
}

.guide_lifestyle {
  box-shadow: inset 8px 8px 40px 0 var(--base-lifestyle-300), inset -8px -8px 40px 0 var(--base-lifestyle-300);
  background-image: url(images/a9c3986ba8f5c374fc3b.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guide_career {
  box-shadow: inset 8px 8px 40px 0 var(--base-career-300), inset -8px -8px 40px 0 var(--base-career-300);
  background-image: url(images/f64e050fb6d778f1c7e3.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guide_health {
  box-shadow: inset 8px 8px 40px 0 var(--base-health-300), inset -8px -8px 40px 0 var(--base-health-300);
  background-image: url(images/315c61a1cceda6fb21db.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guide_chores {
  box-shadow: inset 8px 8px 40px 0 var(--base-chores-300), inset -8px -8px 40px 0 var(--base-chores-300);
  background-image: url(images/143368629959a16b18cf.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guide_documents {
  box-shadow: inset 8px 8px 40px 0 var(--base-documents-300), inset -8px -8px 40px 0 var(--base-documents-300);
  background-image: url(images/486f751f3a30a9395785.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.guide_card_img {
  border-radius: 20rem;
  width: 384rem;
  height: 260rem;
  overflow: hidden;
}

.guide_card_img img {
  width: 107%;
  box-shadow: inset 8px 8px 40px 0 rgba(233, 75, 152, 0.6), inset -8px -8px 40px 0 rgba(233, 75, 152, 0.6);
}

.doc_img {
  margin-top: -120rem;
}

.chores_guide {
  background-color: var(--base-chores-50);
}

.chores_guide h1,
.chores_guide p,
.chores_guide h3,
.chores_guide li,
.chores_guide a {
  color: var(--base-chores-500);
  max-width: 996rem;
}

.chores_guide h5 {
  color: var(--base-chores-50);
  max-width: 964rem;
}

.chores_guide a {
  text-decoration: underline;
}

.chores_guide ul {
  list-style-type: disc;
  margin-left: 20rem;
}

.guide_cover {
  width: 69.167vw;
  height: 31.944vw;
  border-radius: 12rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.chores_1_guide {
  background-image: url(images/143368629959a16b18cf.png);
}

.chores_cover {
  box-shadow: inset -10rem -10rem 40rem 0 rgba(253, 242, 248, 0.6), inset 10rem 10rem 40rem 0 rgba(253, 242, 248, 0.6);
}

@media (max-width: 768px) {
  .guide_card_img {
    width: 311rem;
  }
  .guide_cover {
    width: 80vw;
  }
  .title_h1 {
    text-align: left;
  }
  .title_h5 {
    font-size: 20rem;
  }
}