/* fix css angular */
@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: Manrope;
  src: url("../fonts/Manrope-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}

:root {
  --color-base: #000;
  --color-primary: #074c31;
  --border-primary: #e7e7e7;
  --color-success: #008e21;
  --color-link: #008e21;
  --bg-color: #fff;
}

.theme-mass-dark {
  --color-base: #fff;
  --color-primary: #6bb148;
  --border-primary: rgba(255, 255, 255, 0.1);
  --color-success: #90d67f;
  --color-link: #90d67f;
  --bg-color: #111c21;
}

.theme-priority {
  --color-base: #fff;
  --color-primary: #e7ca9f;
  --border-primary: #414141;
  --color-success: #e7ca9f;
  --color-link: #e7ca9f;
  --bg-color: #131313;
}

.theme-you-pro {
  --color-base: #fff;
  --color-primary: #c0f046;
  --border-primary: #405554;
  --color-success: #90d67f;
  --color-link: #90d67f;
  --bg-color: #00001d;
}

.cdk-overlay-pane {
  max-width: 90vw !important;
}

[data-accordion] [data-content] {
  overflow: hidden;
  max-height: 0;
}

/* Basic Theme */

[data-accordion] {
  line-height: 1;
}

[data-control],
[data-content] > * {
  padding: 0;
}

[data-content] > div {
  padding: 15px 0;
}

[data-content] [data-accordion] {
  border: 0;
  padding: 0;
}

[data-accordion] [data-control] {
  position: relative;
  padding-right: 30px;
  color: var(--color-primary);
  font-weight: bold;
  cursor: pointer;
}

[data-accordion] > [data-control]:after {
  content: "";
  position: absolute;
  right: 0;
  top: 14px;
  font-size: 25px;
  font-weight: 200;
  color: var(--color-base);
  height: 24px;
  width: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8333 7.5L9.99999 12.5L4.16666 7.5' stroke='%23074C31' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}
[data-accordion].open > [data-control] {
  font-weight: bold;
}
[data-accordion].open > [data-control]:after {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

[data-control] {
  padding: 15px 0;
  border-bottom: 1px solid var(--border-primary);
  font-size: 15px;
  line-height: 1.5;
}

a {
  color: var(--color-link) !important;
}

body {
  background: var(--bg-color);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 15px;
  color: var(--color-base);
  margin: 0;
  padding: 20px;
  padding-top: 15px;
  font-weight: 400;
  line-height: 1.8em;
}

h1 {
  font-size: 1.8em;
  color: var(--color-base);
  font-weight: 400;
  line-height: 1.4;
}

h1:not(:first-child) {
  margin-top: 3em;
}

.text-center {
  text-align: center;
  margin-top: 0;
}

p,
ul {
  margin-top: 10px;
  margin-bottom: 10px;
  line-height: 1.6;
  text-align: justify;
}

h2 {
  color: var(--color-base);
  font-size: 1.2em;
  font-weight: 600;
  margin: 1.6em 0 1em 0;
}

ul {
  padding-left: 0;
}

ul > li {
  margin-bottom: 0;
}

ul > li > ul {
  padding-left: 15px;
  margin-bottom: 1em;
}

.note {
  font-size: 16px;
  font-weight: 300;
}

.indent {
  padding-left: 15px;
}

.indent-2 {
  padding-left: 30px;
}

.indent-3 {
  padding-left: 45px;
}

table {
  min-width: 400px;
  border-collapse: collapse;
  line-height: 1.6;
}

table td,
table th {
  border: 1px solid var(--border-primary);
  padding: 10px;
  font-size: 14px;
}

.table-wrap {
  width: calc(100%-20px);
  width: -webkit-calc(100%-20px);
  overflow-x: auto;
  padding-right: 5px;
  -webkit-overflow-scrolling: auto;
}

/* list-dots */
ul > li > ul {
  padding-left: 0;
}

/* list-dots-1 */
.list-dots-1 {
  list-style-type: none;
}

.list-dots-1 {
  margin: 0;
}

.list-dots-1 > li {
  padding-left: 15px;
  position: relative;
}

.list-dots-1 > li:not(:last-child) {
  padding-bottom: 10px;
}

.list-dots-1 > li::before {
  content: "a";
  color: transparent;
  display: inline-block;
  position: absolute;
  width: 8px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='2'%3E%3Crect width='300' height='100' style='fill:%2300000' /%3E%3C/svg%3E");
}

/* end list-dots-1 */

/* list-check */
.list-check {
  list-style-type: none;
}

.list-check {
  margin: 0;
}

.list-check > li {
  padding-left: 17px;
  position: relative;
}

.list-check > li:not(:last-child) {
  padding-bottom: 10px;
}

.list-check > li::before {
  content: "a";
  color: transparent;
  display: inline-block;
  position: absolute;
  width: 12px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='v3yYEgH_8mGFDqfmpnPYfa' x1='24.175' x2='24.175' y1='10.204' y2='39' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.278' stop-color='%2365e04d'/%3E%3Cstop offset='.458' stop-color='%235cd740'/%3E%3Cstop offset='.79' stop-color='%2344c11d'/%3E%3Cstop offset='1' stop-color='%2333b004'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23008e21' d='M21,39a3.952,3.952,0,0,1-2.535-.906L4.838,26.376a1.509,1.509,0,0,1-.183-2.087l3.164-3.873a1.5,1.5,0,0,1,2.145-.185L20.6,29.465,37.7,10.694a1.5,1.5,0,0,1,2.109-.11l3.728,3.346a1.5,1.5,0,0,1,.11,2.124L23.98,37.673A4.038,4.038,0,0,1,21,39Z' data-name='check cross mark'/%3E%3C/svg%3E");
}

/* end list-check */

.list-dots {
  list-style-type: none;
}

.list-dots {
  margin-top: 10px;
  margin-bottom: 10px;
}

.list-dots > li {
  padding-left: 17px;
  position: relative;
}

.list-dots > li:not(:last-child) {
  padding-bottom: 0;
}

.list-dots > li::before {
  content: "a";
  color: transparent;
  display: inline-block;
  position: absolute;
  width: 10px;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 6 6'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='6' height='6' rx='3' fill='%2300000'/%3E%3C/svg%3E%0A");
}

/* end list-dots */

.theme-mass-dark .list-dots-1 > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='2'%3E%3Crect width='300' height='100' style='fill:%23ffffff' /%3E%3C/svg%3E");
}

.theme-mass-dark .list-dots > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 6 6'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='6' height='6' rx='3' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.theme-mass-dark .list-check > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='v3yYEgH_8mGFDqfmpnPYfa' x1='24.175' x2='24.175' y1='10.204' y2='39' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.278' stop-color='%2390d67f'/%3E%3Cstop offset='.458' stop-color='%235cd740'/%3E%3Cstop offset='.79' stop-color='%2344c11d'/%3E%3Cstop offset='1' stop-color='%2333b004'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%2390d67f' d='M21,39a3.952,3.952,0,0,1-2.535-.906L4.838,26.376a1.509,1.509,0,0,1-.183-2.087l3.164-3.873a1.5,1.5,0,0,1,2.145-.185L20.6,29.465,37.7,10.694a1.5,1.5,0,0,1,2.109-.11l3.728,3.346a1.5,1.5,0,0,1,.11,2.124L23.98,37.673A4.038,4.038,0,0,1,21,39Z' data-name='check cross mark'/%3E%3C/svg%3E");
}

.theme-mass-dark [data-accordion] > [data-control]:after {
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8334 7.5L10.0001 12.5L4.16675 7.5' stroke='%23C7DCA4' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.theme-priority .list-dots-1 > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='2'%3E%3Crect width='300' height='100' style='fill:%23ffffff' /%3E%3C/svg%3E");
}

.theme-priority .list-dots > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 6 6'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='6' height='6' rx='3' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.theme-priority .list-check > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='v3yYEgH_8mGFDqfmpnPYfa' x1='24.175' x2='24.175' y1='10.204' y2='39' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.278' stop-color='%23e7ca9f'/%3E%3Cstop offset='.458' stop-color='%23e7ca9f'/%3E%3Cstop offset='.79' stop-color='%2344c11d'/%3E%3Cstop offset='1' stop-color='%2333b004'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%23e7ca9f' d='M21,39a3.952,3.952,0,0,1-2.535-.906L4.838,26.376a1.509,1.509,0,0,1-.183-2.087l3.164-3.873a1.5,1.5,0,0,1,2.145-.185L20.6,29.465,37.7,10.694a1.5,1.5,0,0,1,2.109-.11l3.728,3.346a1.5,1.5,0,0,1,.11,2.124L23.98,37.673A4.038,4.038,0,0,1,21,39Z' data-name='check cross mark'/%3E%3C/svg%3E");
}

.theme-priority [data-accordion] > [data-control]:after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 15.7499C11.8204 15.7496 11.6469 15.6858 11.5099 15.5699L4.50993 9.56991C4.43508 9.50425 4.37389 9.42449 4.32986 9.33518C4.28583 9.24588 4.25983 9.14877 4.25333 9.04941C4.24683 8.95005 4.25996 8.85039 4.29198 8.7561C4.324 8.66182 4.37427 8.57477 4.43993 8.49991C4.50559 8.42506 4.58535 8.36387 4.67466 8.31984C4.76397 8.27582 4.86108 8.24981 4.96043 8.24331C5.05979 8.23681 5.15946 8.24994 5.25374 8.28196C5.34803 8.31398 5.43508 8.36425 5.50993 8.42991L11.9999 13.9999L18.5099 8.41991C18.6611 8.28731 18.8587 8.22018 19.0594 8.23331C19.2601 8.24644 19.4473 8.33874 19.5799 8.48991C19.7125 8.64109 19.7796 8.83875 19.7665 9.03941C19.7534 9.24007 19.6611 9.42731 19.5099 9.55991L12.5099 15.5599C12.3692 15.684 12.1875 15.7517 11.9999 15.7499Z' fill='%23e7ca9f'/%3E%3C/svg%3E%0A") center center no-repeat;
}

.theme-you-pro .list-dots-1 > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='2'%3E%3Crect width='300' height='100' style='fill:%23ffffff' /%3E%3C/svg%3E");
}

.theme-you-pro .list-dots > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='5' height='5' viewBox='0 0 6 6'%3E%3Crect id='Rectangle_83' data-name='Rectangle 83' width='6' height='6' rx='3' fill='%23ffffff'/%3E%3C/svg%3E%0A");
}
.theme-you-pro .list-check > li::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cdefs%3E%3ClinearGradient id='v3yYEgH_8mGFDqfmpnPYfa' x1='24.175' x2='24.175' y1='10.204' y2='39' gradientUnits='userSpaceOnUse'%3E%3Cstop offset='.278' stop-color='%23e7ca9f'/%3E%3Cstop offset='.458' stop-color='%23e7ca9f'/%3E%3Cstop offset='.79' stop-color='%2344c11d'/%3E%3Cstop offset='1' stop-color='%2333b004'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='%2390d67f' d='M21,39a3.952,3.952,0,0,1-2.535-.906L4.838,26.376a1.509,1.509,0,0,1-.183-2.087l3.164-3.873a1.5,1.5,0,0,1,2.145-.185L20.6,29.465,37.7,10.694a1.5,1.5,0,0,1,2.109-.11l3.728,3.346a1.5,1.5,0,0,1,.11,2.124L23.98,37.673A4.038,4.038,0,0,1,21,39Z' data-name='check cross mark'/%3E%3C/svg%3E");
}

.theme-you-pro [data-accordion] > [data-control]:after {
  background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9999 15.7499C11.8204 15.7496 11.6469 15.6858 11.5099 15.5699L4.50993 9.56991C4.43508 9.50425 4.37389 9.42449 4.32986 9.33518C4.28583 9.24588 4.25983 9.14877 4.25333 9.04941C4.24683 8.95005 4.25996 8.85039 4.29198 8.7561C4.324 8.66182 4.37427 8.57477 4.43993 8.49991C4.50559 8.42506 4.58535 8.36387 4.67466 8.31984C4.76397 8.27582 4.86108 8.24981 4.96043 8.24331C5.05979 8.23681 5.15946 8.24994 5.25374 8.28196C5.34803 8.31398 5.43508 8.36425 5.50993 8.42991L11.9999 13.9999L18.5099 8.41991C18.6611 8.28731 18.8587 8.22018 19.0594 8.23331C19.2601 8.24644 19.4473 8.33874 19.5799 8.48991C19.7125 8.64109 19.7796 8.83875 19.7665 9.03941C19.7534 9.24007 19.6611 9.42731 19.5099 9.55991L12.5099 15.5599C12.3692 15.684 12.1875 15.7517 11.9999 15.7499Z' fill='%23C0F046'/%3E%3C/svg%3E%0A") center center no-repeat;
}